⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.94
Server IP:
178.33.27.10
Server:
Linux cpanel.dev-unit.com 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64
Server Software:
Apache/2.4.57 (Unix) OpenSSL/1.0.2k-fips
PHP Version:
8.2.11
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
id
/
dalily.dev-unit.com
/
public
/
assets
/
css
/
View File Name :
style.css
/* $border: solid 1px $border-color; $border-dark: solid 1px $border-color-dark; */ html:not([theme="dark"]) { --border-color: #ddd; --border-color-dark: #e1e1e1; } html[theme="dark"] { --text-color: #fff; --text-color-meta: #aaaaaa; --text-color-meta-dark: #717171; --text-color-darker: #222; --text-color-darkest: #000; --text-color-hover: #999999; --text-color-mute: #9a9a9a; --text-color-light: hsla(0, 0%, 87%, 0.8); --text-color-lighter: hsla(0, 0%, 73%, 0.8); --link-color: #ebebeb; --link-hover-color: #fff; --error-color: rgb(240, 50, 50); --background: #262626; --background-secondery: #1c1c1c; --background--darker: #121212; --background--darkest: #040404; --background--lighter: #3e3e3e; --nav-bg: #262626; --nav-border: #424242; --panel-bg: #1c1c1c; --border-color-light: #ddd; --logo-color: #ffffff; --logo-color-dark: #000000; --panel-header-bg: #1d1d1d; --panel-box-bg: #1c1c1c; --border-color: rgba(255, 255, 255, 0.1); --border-color-20: rgba(255, 255, 255, 0.2); --border-color-30: rgba(255, 255, 255, 0.3); --content-box-shadow: 0 1px 1px rgba(180, 180, 180, 0.1); --border-color-dark: rgba(255, 255, 255, 0.2); --menu-link-color: var(--text-color-light); --menu-hover-bg: var(--background--lighter); --search-input-bg: #ff; --footer-bg: var(--background); --input-bg: var(--background--darker); --input-color: var(--text-color); --input-border-color: var(--border-color); --category-sidebar-bg: var(--background-secondery); --sidebar-title-color: var(--text-color-light); --category-list-color: var(--text-color-mute); --category-list-item-hover: var(--background--lighter); --tab-box-bg: var(--background--lighter); --tab-box-active-bg: var(--background-secondery); --tab-box-active-border: var(--border-color); --brand-success: #208e4e; --brand-info: #d7b426; --brand-warning: #aa8a0a; --brand-primary: #4682b4; } html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } html { -moz-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -moz-box-sizing: inherit; box-sizing: inherit; } html { -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 0.85rem; font-weight: normal; line-height: 1.5; color: #292b2c; background-color: #eeeeee; } @media (max-width: 767px) { body { font-size: 0.75rem; } } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; list-style-type: none; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #16a085; text-decoration: none; -webkit-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; -moz-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; -o-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; } a:focus, a:hover { color: #0d5d4d; text-decoration: underline; } a:not([href]):not([tabindex]) { text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #636c72; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { line-height: inherit; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .title-1 { display: block; width: 100%; clear: both; } .form-control { display: block; width: 100%; height: 38px; padding: 0.5rem 0.75rem; font-size: 0.85rem; line-height: 1.25; color: #464a4c; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 6px; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #464a4c; background-color: #fff; border-color: #16a085; outline: none; box-shadow: 0 0 0 2px #d6ffe6; } .form-control::-webkit-input-placeholder { color: #636c72; opacity: 1; } .form-control:-moz-placeholder { color: #636c72; opacity: 1; } .form-control::placeholder { color: #636c72; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } .form-control:disabled { cursor: not-allowed; } .section-ev::after { display: block; content: ""; clear: both; } html { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; } *, *::before, *::after { -moz-box-sizing: inherit; box-sizing: inherit; } html { -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html, body { height: 100%; } ul, menu, dir, li, ol { list-style-type: none; } a { color: #16a085; outline: 0; cursor: pointer; -webkit-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; -moz-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; -o-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; } a:focus, a:hover, a:active { outline: none; text-decoration: none; color: #0d5d4d; } * { outline: 0; } *:hover, *:focus { outline: 0; } ul { list-style: none; margin: 0; padding: 0; } ul li { margin: 0; padding: 0; } ol { margin: 0; padding: 0; } p { padding: 0; } fieldset { border: none; margin: 0; padding: 0; } button { cursor: pointer; } .section-ev::after { display: block; content: ""; clear: both; } /* Helper class */ .uppercase { text-transform: uppercase; } .relative { position: relative; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-border { border: 0; } .width100, .w100 { width: 100%; } .hw100 { height: 100%; width: 100%; } .dtable { display: table; } .dtable-cell { display: table-cell; vertical-align: middle; } hr.small { background-color: #000; height: 2px; margin-top: 30px; margin-bottom: 30px; width: 44px; } .text-hr { margin-bottom: 60px !important; margin-top: 0 !important; } .mt15 { margin-top: 15px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt5 { margin-top: 5px; } .mb15 { margin-bottom: 15px; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .mb5 { margin-bottom: 5px; } .color-white { color: #fff; } .color-danger { color: #e74c3c; } .color-success { color: #2ecc71; } .color-info { color: #e4cb65; } .color-danger { color: #e74c3c; } .link-color { color: #369; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 10px; } .mb20 { margin-bottom: 10px; } .mb25 { margin-bottom: 10px; } .mb30 { margin-bottom: 10px; } .mb40 { margin-bottom: 10px; } .mb50 { margin-bottom: 10px; } .mb60 { margin-bottom: 10px; } .hide-visually { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* =============================================================== */ /* WEB PAGE PROGRESS BAR CSS /* =============================================================== */ .pace .pace-progress { background: #16a085; position: fixed; z-index: 2000; top: 0; left: 0; height: 2px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; } .pace-inactive { display: none; } /* CSS ANIMATION */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fade-in { opacity: 0; -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; -o-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .coming-soon-page .landing-intro { -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; -o-animation-delay: 0.35s; animation-delay: 0.35s; -webkit-animation-duration: .35s; -moz-animation-duration: .35s; -o-animation-duration: .35s; animation-duration: .35s; } .delay-1 { -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; -o-animation-delay: 0.35s; animation-delay: 0.35s; } .delay-2 { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s; } .delay-3 { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } .delay-4 { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; } .btn { display: inline-block; font-weight: normal; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid transparent; padding: 8px 12px; font-size: 0.85rem; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 2px rgba(22, 160, 133, 0.25); } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } .btn:active, .btn.active { background-image: none; } .btn.btn-wide { padding-left: 40px; padding-right: 40px; } .btn.btn-more { text-transform: uppercase; letter-spacing: 2px; color: #000; font-weight: bold; line-height: 32px; font-size: 0.75rem; } .btn.btn-line { text-transform: uppercase; letter-spacing: 1.1px; color: #000; font-weight: bold; line-height: 20px; font-size: 0.65rem; background: none; border-radius: 0; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } /* ===> BUTTON TYPES COLORS <=== */ /* ===> DARK BUTTON TYPES COLORS <=== */ .btn-lg { padding: 10px 18px; font-size: 1rem; border-radius: 8px; } .btn-sm { padding: 4px 8px; font-size: 0.65rem; border-radius: 4px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-post { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; } .btn-post.btn-lg { line-height: 28px; padding-left: 20px; padding-right: 20px; } .btn-thin { border: 1px solid #bdc3c7; color: #bdc3c7; background: none; } .fb_button, .btn-fb { color: #fff; background-color: #2d4373; } .fb_button:focus, .fb_button.focus, .btn-fb:focus, .btn-fb.focus { color: #fff; background-color: #344e86; border-color: #324c82; } .fb_button:hover, .btn-fb:hover { color: #fff; background-color: #344e86; border-color: #324c82; } .fb_button:active, .fb_button.active, .open > .fb_button.dropdown-toggle, .btn-fb:active, .btn-fb.active, .open > .btn-fb.dropdown-toggle { color: #fff; background-color: #344e86; border-color: #324c82; } .fb_button:active:hover, .fb_button:active:focus, .fb_button:active.focus, .fb_button.active:hover, .fb_button.active:focus, .fb_button.active.focus, .open > .fb_button.dropdown-toggle:hover, .open > .fb_button.dropdown-toggle:focus, .open > .fb_button.dropdown-toggle.focus, .btn-fb:active:hover, .btn-fb:active:focus, .btn-fb:active.focus, .btn-fb.active:hover, .btn-fb.active:focus, .btn-fb.active.focus, .open > .btn-fb.dropdown-toggle:hover, .open > .btn-fb.dropdown-toggle:focus, .open > .btn-fb.dropdown-toggle.focus { color: #fff; background-color: #344e86; border-color: #324c82; } .fb_button:active, .fb_button.active, .open > .fb_button.dropdown-toggle, .btn-fb:active, .btn-fb.active, .open > .btn-fb.dropdown-toggle { background-image: none; } .fb_button.disabled:hover, .fb_button.disabled:focus, .fb_button.disabled.focus, .fb_button[disabled]:hover, .fb_button[disabled]:focus, .fb_button[disabled].focus, fieldset[disabled] .fb_button:hover, fieldset[disabled] .fb_button:focus, fieldset[disabled] .fb_button.focus, .btn-fb.disabled:hover, .btn-fb.disabled:focus, .btn-fb.disabled.focus, .btn-fb[disabled]:hover, .btn-fb[disabled]:focus, .btn-fb[disabled].focus, fieldset[disabled] .btn-fb:hover, fieldset[disabled] .btn-fb:focus, fieldset[disabled] .btn-fb.focus { background-color: #344e86; border-color: #344e86; } .btn-tw { color: #fff; background-color: #0087ba; } .btn-tw:focus, .btn-tw.focus { color: #fff; background-color: #0099d4; border-color: #0096ce; } .btn-tw:hover { color: #fff; background-color: #0099d4; border-color: #0096ce; } .btn-tw:active, .btn-tw.active, .open > .btn-tw.dropdown-toggle { color: #fff; background-color: #0099d4; border-color: #0096ce; } .btn-tw:active:hover, .btn-tw:active:focus, .btn-tw:active.focus, .btn-tw.active:hover, .btn-tw.active:focus, .btn-tw.active.focus, .open > .btn-tw.dropdown-toggle:hover, .open > .btn-tw.dropdown-toggle:focus, .open > .btn-tw.dropdown-toggle.focus { color: #fff; background-color: #0099d4; border-color: #0096ce; } .btn-tw:active, .btn-tw.active, .open > .btn-tw.dropdown-toggle { background-image: none; } .btn-tw.disabled:hover, .btn-tw.disabled:focus, .btn-tw.disabled.focus, .btn-tw[disabled]:hover, .btn-tw[disabled]:focus, .btn-tw[disabled].focus, fieldset[disabled] .btn-tw:hover, fieldset[disabled] .btn-tw:focus, fieldset[disabled] .btn-tw.focus { background-color: #0099d4; border-color: #0099d4; } .btn-border { color: #ffffff; } .btn-border-thin { margin-bottom: 5px; padding: 3px 4px; border: 1px solid #ddd; } /* =============================================================== */ /* TYPOGRAPHY /* =============================================================== */ h1, h2, h3, h4, h5, h6 { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; padding-bottom: 15px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } h1 { font-size: 30px; line-height: 35px; } h2 { font-size: 24px; line-height: 28px; } h3 { font-size: 20px; line-height: 24px; } h4 { font-size: 17px; line-height: 20px; } h5 { font-size: 14px; line-height: 20px; } h6 { font-size: 12px; line-height: 20px; } @media (max-width: 979px) { h1 { font-size: 24px; line-height: 26px; } h2 { font-size: 20px; line-height: 24px; } h3 { font-size: 18px; line-height: 20px; } h4 { font-size: 16px; line-height: 18px; } h5 { font-size: 14px; line-height: 20px; } h6 { font-size: 12px; line-height: 20px; } } @media (max-width: 767px) { h1 { font-size: 22px; line-height: 24px; } h2 { font-size: 18px; line-height: 24px; } h3 { font-size: 16px; line-height: 18px; } h4 { font-size: 14px; line-height: 18px; } h5 { font-size: 12px; line-height: 16px; } h6 { font-size: 10px; line-height: 14px; } } .title-2 { border-bottom: 1px solid #e6e6e6; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; text-align: left; } .title-2 span { font-weight: lighter; } .page-sidebar .inner-box { padding: 20px; } .page-sidebar .inner-box .title-2 { border-bottom: 1px solid #e6e6e6; font-size: 18px; text-transform: uppercase; text-align: left; margin: 0 -20px 20px; padding: 0 20px 15px; font-weight: 500; } .title-5 { font-family: "Roboto", Helvetica, Arial, sans-serif; border-bottom: 1px solid #e6e6e6; color: #080808; font-size: 16px; font-weight: 400; margin: 0 0 20px; padding: 0 0 20px; text-transform: uppercase; text-align: left; } .title-6 { font-size: 4rem; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1; padding-bottom: 0; } @media (max-width: 767px) { .title-6 { font-size: 3rem; } } .title-6-sub { padding: 0 0 5px 0; color: #fcfcfc; font-size: 16px; font-weight: lighter; text-transform: uppercase; letter-spacing: 0.5rem; } @media (max-width: 767px) { .title-6-sub { font-size: 12px; } } .title-6-sub.top { padding-bottom: 10px; margin-bottom: 0; } label { font-weight: 500; } .card .card-header .card-title { margin-bottom: 0; padding-bottom: 0; } .card .card-header .card-title a { display: block; } .panel-group .card + .card { margin-top: 10px; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.85rem; color: #292b2c; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); overflow: hidden; } .dropdown-menu.dropdown-line { width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); } .dropdown-menu.dropdown-line.has-form .dropdown-item { font-size: 13px; padding: 8px 12px; } .dropdown-menu.dropdown-line.has-form .dropdown-item .custom-control { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .dropdown-menu.dropdown-line.has-form .dropdown-item a { font-size: 13px; padding: 8px 12px; } .dropdown-menu.dropdown-line > a { font-size: 13px; } .dropdown-item { display: block; width: 100%; clear: both; font-weight: normal; color: #292b2c; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #1d1e1f; text-decoration: none; background-color: #f7f7f9; } .dropdown-item.active, .dropdown-item:active { color: #fff !important; text-decoration: none; background-color: #16a085; } .dropdown-item.disabled, .dropdown-item:disabled { color: #636c72; background-color: transparent; } /* ================================================================== */ /* CUSTOMIZE NAVBAR /* ================================================================== */ .logo, .logo-title { font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: bold; text-transform: uppercase; color: #16a085; } @media (max-width: 991px) { .logo, .logo-title { font-size: 20px; } .logo .ln-shadow-logo, .logo-title .ln-shadow-logo { height: 42px; line-height: 44px; width: 42px; } } @media (max-width: 479px) { .logo, .logo-title { font-size: 18px; } } .intro h1, .intro-title { color: #fff; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 2.5rem; line-height: normal; font-weight: bold; letter-spacing: -0.3px; margin-bottom: 10px; padding-bottom: 0; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); text-transform: capitalize; -webkit-transition: font 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -moz-transition: font 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -o-transition: font 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; transition: font 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; } html[dir="rtl"] body .intro h1, .intro html[dir="rtl"] body h1, html[dir="rtl"] body .intro-title { font-family: 'Cairo', sans-serif; line-height: 1.4; } .search-row .search-col .form-control, .search-row button.btn-search { border-radius: 0; border: 0; height: 48px; margin-bottom: 0; } .ln-shadow-logo { border-radius: 50%; color: #fff; display: inline-block; font-size: 100%; height: 48px; line-height: 46px; overflow: hidden; text-align: center; vertical-align: middle; width: 48px; margin-top: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media (max-width: 479px) { .ln-shadow-logo { height: 40px; line-height: 40px; font-size: 20px; width: 40px; margin-top: -8px; } } .logo span { font-weight: lighter; } .logo-title .logo-icon { margin-right: 4px; } @media (min-width: 992px) { .logo-title { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; -webkit-align-items: center; -moz-box-align: center; align-items: center; line-height: normal; } } @media (max-width: 767px) { .logo-title { padding-top: 18px; display: inline-block; } } .logo-title span { font-weight: lighter; } @media (max-width: 479px) { .logo-title { height: auto; } } .navbar-header img { max-height: 90px; } .navbar-site.navbar { -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; margin-top: 0; z-index: 100; } .navbar-site.navbar.stuck { margin-top: -80px; } @media (max-width: 767px) { .navbar-site.navbar.stuck { margin-top: 0; } } .navbar-site.navbar .navbar-nav > li.postadd a.nav-link { color: #fff; } .navbar-site.navbar .navbar-nav > li.postadd a.nav-link:focus, .navbar-site.navbar .navbar-nav > li.postadd a.nav-link:hover { color: #fff; } .navbar-site.navbar .navbar-header { min-height: 80px; border-bottom: solid 1px var(--border-color); } .navbar-site.navbar .navbar-nav.navbar-left { margin-top: 0; } .navbar-site.navbar .navbar-nav.navbar-right .dropdown .icon-down-open-big.fa { display: inline-block; } .navbar-site.navbar .dropdown .down-open-big { display: inline; } .navbar-site.navbar .dropdown.lang-menu { margin-top: 10px; margin-bottom: 10px; } .navbar-site.navbar .dropdown.lang-menu .btn { width: 100%; } @media (max-width: 767px) { .navbar-site.navbar { background: #fff; border-radius: 0; height: auto; margin-bottom: 0 !important; padding: 0; } .navbar-site.navbar > .container { display: block; -webkit-justify-content: safe !important; -moz-box-pack: safe !important; justify-content: safe !important; } .navbar-site.navbar .navbar-collapse { padding: 15px; } .navbar-site.navbar .navbar-identity { display: block; height: 80px; padding: 0 15px; border-bottom: solid 1px #ddd; } .navbar-site.navbar .navbar-identity .btn, .navbar-site.navbar .navbar-identity .navbar-toggler { margin-top: 18px; padding: 0 10px; height: 40px; } .navbar-site.navbar .nav > li, .navbar-site.navbar .nav > .nav-item { padding: 3px 0; } .navbar-site.navbar .nav > li a:not(.btn), .navbar-site.navbar .nav > .nav-item a:not(.btn) { color: #333; } .navbar-site.navbar .nav > li .dropdown-menu > li, .navbar-site.navbar .nav > .nav-item .dropdown-menu > li { font-size: 13px; } .navbar-site.navbar .nav > li .dropdown-menu > li.active, .navbar-site.navbar .nav > .nav-item .dropdown-menu > li.active { background: #eeeeee; font-weight: bold; color: #2a3744; } .navbar-site.navbar button.flag-menu { display: inline-block; float: right; position: relative; margin-right: 10px; } .navbar-site.navbar button.flag-menu .flag-menu .flag-icon { width: 22px; height: 16px; } } @media (max-width: 479px) { .navbar-site.navbar .navbar-identity { height: 75px; } .navbar-site.navbar .navbar-identity .btn, .navbar-site.navbar .navbar-identity .navbar-toggler { margin-top: 13px; } .navbar-site.navbar .navbar-identity .logo-title { padding-top: 22px; } } @media (min-width: 768px) { .logo { height: 80px; line-height: normal; } .header { height: auto; background: #fff; } .navbar-site { margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; height: auto; background: #fff; border-radius: 0; border-bottom: solid 1px var(--border-color); } .navbar.navbar-site .navbar-nav > li, .navbar.navbar-light .navbar-nav > li { margin-top: 10px; margin-bottom: 10px; } .navbar.navbar-site .navbar-nav > li > a:not(.btn), .navbar.navbar-site .navbar-nav > li .nav-link:not(.btn), .navbar.navbar-light .navbar-nav > li > a:not(.btn), .navbar.navbar-light .navbar-nav > li .nav-link:not(.btn) { -moz-box-sizing: border-box; box-sizing: border-box; color: #333; font-size: 12px; height: 40px; line-height: 1; padding: 12px 10px; } .navbar.navbar-site .navbar-nav > li > a:not(.btn):hover, .navbar.navbar-site .navbar-nav > li .nav-link:not(.btn):hover, .navbar.navbar-light .navbar-nav > li > a:not(.btn):hover, .navbar.navbar-light .navbar-nav > li .nav-link:not(.btn):hover { color: #000; } .navbar.navbar-site .navbar-nav > li.postadd, .navbar.navbar-light .navbar-nav > li.postadd { padding-left: 15px; margin-left: 5px; border-left: solid 1px var(--border-color); } .navbar.navbar-site .navbar-nav > li.postadd:hover, .navbar.navbar-light .navbar-nav > li.postadd:hover { background: none; } .navbar.navbar-site .navbar-nav > li.postadd a, .navbar.navbar-light .navbar-nav > li.postadd a { -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; height: 40px; line-height: normal; padding: 12px 0; text-transform: uppercase; width: 130px; } .navbar.navbar-site .navbar-nav > li.lang-menu, .navbar.navbar-light .navbar-nav > li.lang-menu { margin-left: 5px; font-size: 12px; height: 40px; line-height: normal; } .navbar.navbar-site .navbar-nav > li.lang-menu .btn, .navbar.navbar-light .navbar-nav > li.lang-menu .btn { height: 40px; line-height: normal; padding: 12px; font-size: 12px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; } .navbar.navbar-site .navbar-nav > li.lang-menu .caret, .navbar.navbar-light .navbar-nav > li.lang-menu .caret { margin-left: 3px; } .navbar.navbar-site .navbar-nav > li .btn-postx.btn-success:focus, .navbar.navbar-site .navbar-nav > li .btn-postx.btn-success.focus, .navbar.navbar-light .navbar-nav > li .btn-postx.btn-success:focus, .navbar.navbar-light .navbar-nav > li .btn-postx.btn-success.focus { background-color: #25a25a; border-color: #176437; } .navbar.navbar-site .navbar-nav > li .btn-postx.btn-success:hover, .navbar.navbar-light .navbar-nav > li .btn-postx.btn-success:hover { background-color: #25a25a; border-color: #176437; } .navbar.navbar-site .navbar-nav > li .btn-postx.btn-danger:focus, .navbar.navbar-site .navbar-nav > li .btn-postx.btn-danger.focus, .navbar.navbar-light .navbar-nav > li .btn-postx.btn-danger:focus, .navbar.navbar-light .navbar-nav > li .btn-postx.btn-danger.focus { background-color: #c9302c; border-color: #8b211e; } .navbar.navbar-site .navbar-nav > li .btn-postx.btn-danger:hover, .navbar.navbar-light .navbar-nav > li .btn-postx.btn-danger:hover { background-color: #c9302c; border-color: #8b211e; } .navbar.navbar-site .navbar-nav .show > a, .navbar.navbar-light .navbar-nav .show > a { background: none; } .navbar.navbar-site .navbar-nav .show > a:hover, .navbar.navbar-light .navbar-nav .show > a:hover { background: none; } .navbar.navbar-site .navbar-nav .show > a:focus, .navbar.navbar-light .navbar-nav .show > a:focus { background: none; } .navbar.navbar-bodered .logo { height: auto; } .navbar.navbar-bodered .logo-title { padding-top: 4px; } .navbar.navbar-bodered .navbar-brand { padding-bottom: 0; padding-right: 4px; display: block; } .navbar.navbar-bodered .navbar-brand:after { height: 100%; width: 1px; background: #ddd; content: ''; position: absolute; top: 0; margin-left: 20px; } .navbar.navbar-bodered .navbar-nav > li { margin-top: 0; margin-bottom: 0; padding: 11px 0; height: auto; border-right: solid 1px #ddd; } .navbar.navbar-bodered .navbar-nav > li:last-child { border-right: 0; } .navbar.navbar-bodered .navbar-nav > li.postadd { border-left: 0; } .navbar.navbar-bodered .navbar-nav > li.postadd a { height: auto; } .navbar.navbar-bodered .navbar-nav > li:hover { background: #efefef; } .navbar.navbar-bodered .navbar-nav > li > a { height: auto; text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 13px; padding: 15px 15px !important; } } @media (min-width: 768px) and (max-width: 991px) { .navbar.navbar-bodered .navbar-nav > li > a { font-size: 11px; padding: 12px 10px !important; } } @media (min-width: 768px) { .navbar.navbar-bodered .navbar-nav > li > a.nav-link:not(.btn) { height: auto; } } @media (min-width: 768px) and (max-width: 767px) { .navbar.navbar-bodered .user-menu .dropdown-menu-right { margin-top: 0; } .navbar.navbar-bodered .user-menu .dropdown-menu-end { margin-top: 0; } } @media (min-width: 768px) { .lang-menu .dropdown-menu .flag-icon { margin-right: 5px; } li .user-menu { padding: 0; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } li .user-menu li a { font-size: 11px; letter-spacing: 0.55px; clear: both; display: block; font-weight: 400; line-height: 1.42857; padding: 5px 10px; text-transform: inherit; white-space: nowrap; } li .user-menu li i { margin-right: 5px; color: #999999; font-size: 120%; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } li .user-menu li:hover i { color: #2a3744; } li.show .user-menu { padding: 0; } li .dropdown-menu.user-menu > .active > a { background: #eeeeee; font-weight: bold; color: #2a3744; } li.dropdown-item.active, li.dropdown-item:active { background: #eeeeee; font-weight: bold; color: #2a3744; } .nav > li.active { background: none; } .nav > li > a:not(.btn):hover { background: none; } .nav > li > a:not(.btn):focus { background: none; } .nav > li:hover > a:not(.btn) { background: none; } .navbar-default .navbar-nav > .open > a:not(.btn) { background: none; } .navbar-default .navbar-nav > .open > a:not(.btn):hover { background: none; } .navbar-default .navbar-nav > .open > a:not(.btn):focus { background: none; } .dropdown-menu > li { padding: 4px 8px; } .dropdown-menu > li a { color: #333; } .dropdown-menu.user-menu > .active { background: #eeeeee; font-weight: bold; color: #2a3744; } .dropdown-menu.user-menu > .active > a:focus { background: #eeeeee; font-weight: bold; color: #2a3744; } } @media (min-width: 768px) and (max-width: 992px) { .logo { height: auto; } } .dropdown.no-arrow > a:after { display: none !important; } /* LANGUAGE */ .flag-menu .flag-icon { width: 24px; height: 18px; } .navbar-nav .flag-menu a { padding: 8px 10px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; } @media (max-width: 767px) { .navbar-nav .flag-menu a { font-size: 12px; padding-left: 15px; } .flag-menu .flag-icon { width: 20px; height: 14px; } } /* =============================================================== */ /* FOOTER /* =============================================================== */ .footer { background: #fff; border-top: solid 1px var(--border-color); padding: 30px 0; font-size: 12px; color: #4e575d; letter-spacing: 0.5px; } @media (max-width: 767px) { .footer ul { float: none; padding: 0; text-align: center; width: 100%; } .footer ul:last-child { margin-top: 20px; } } .footer-content { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; padding: 40px 0; color: #333; background: #f5f5f5; } @media only screen and (max-width: 767px) { .footer-content { padding: 5px 0 5px; } .footer-title { margin-bottom: 0; margin-top: 15px; } .app-icon { margin: 0 0 10px; display: block; } .search-trigger { color: #333; } .payment-method-logo img { display: inline-block; height: 20px; margin: 0 2px; } } .footer-title { color: #000; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; margin-bottom: 10px; margin-top: 0; text-transform: uppercase; } @media (max-width: 767px) { .footer-title { margin-bottom: 0; margin-top: 15px; } } .footer-logo { padding-top: 10%; } .footer-logo a { display: block; } .copy-info { display: block; font-size: 11px; margin-top: 10px; padding-left: 0; } .payment-method-logo { border-top: solid 1px var(--border-color); border-bottom: solid 1px var(--border-color); color: #888; font-size: 11px; letter-spacing: 2px; margin-bottom: 20px; margin-top: 30px; padding: 20px 0; text-transform: uppercase; } .payment-method-logo img { display: inline-block; margin: 0 5px; height: 30px; } @media (max-width: 767px) { .payment-method-logo { padding: 15px 0; } .payment-method-logo img { height: 24px; margin-bottom: 5px; } } .footer-nav-inline li a { color: #333; font-size: 16px; } .footer-nav-inline.social-list-color li a { color: #fff; font-size: 14px; width: 28px; display: inline-block; text-align: center; padding: 3px 0; } .icon-color.fb { background: #3b5998; } .icon-color.tw { background: #55acee; } .icon-color.gp { background: #dd4b39; } .icon-color.lin { background: #007bb5; } .icon-color.pin { background: #cb2027; } .app-icon { display: block; max-width: 100%; } .hero-subscribe { margin-top: 30px; } .hero-subscribe #newsletter-signup .form-control { height: 36px; border-radius: 0; } .hero-subscribe #newsletter-signup .btn { border-radius: 0; background: #3a3a3a; } .footer-nav li a { border-left: solid 1px var(--border-color); padding: 0; color: #333; font-size: 12px; } .footer-nav li a:first-child { border-left: 0; } .footer-nav li a:hover { opacity: .6; } .footer-address li { line-height: 14px; list-style: outside none none; margin-bottom: 5px; } .isios.product-story { background-size: cover !important; background-attachment: scroll !important; background-position: top center !important; } .mobile-app-content { max-width: 300px; } /* ================================================================== */ /* HOME CONTENT START /* ================================================================== */ .inner-box.has-ad, .page-content .inner-box.has-aff { background: #fff; border-radius: 7px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); margin-bottom: 30px; padding: 5px; } .intro { width: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; min-height: 350px; height: 46vh; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -moz-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -o-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; } .intro.has-map { min-height: 250px; height: 250px; } .intro .container { max-width: 800px; } .intro p { color: #e8eced; font-size: 16px; letter-spacing: 1px; font-weight: lighter; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .content-search { display: block; clear: both; padding: 30px 0 0; } .content-search button { height: 44px; } .content-search input.form-control { height: 44px; } .search-row { max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 30px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); border-radius: 24px; } .search-row .search-col { padding: 0; position: relative; } .search-row .search-col .form-control { box-shadow: none !important; } @media (min-width: 576px) { .search-row .search-col .form-control { border-radius: 0 !important; } } @media (min-width: 576px) { .search-row .search-col:first-child .form-control { border-radius: 24px 0 0 24px !important; } } .search-row .btn-search { border-radius: 0 24px 24px 0 !important; } @media (min-width: 576px) { .search-row .search-col:first-child .search-col-inner { border-radius: 24px 0 0 24px !important; } } .search-row .search-col .search-col-inner { position: relative; background: #fff; } @media (max-width: 767px) { .search-row .search-col .search-col-inner { border-radius: 24px !important; } } .search-row .search-col .search-col-inner .icon-append { position: absolute; left: 12px; } .search-row .search-col .search-col-inner .search-col-input { display: block; width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: calc(100% - 32px); margin-left: 32px; } .locinput { border-right: solid 1px var(--border-color) !important; } .icon-append { color: #949494; font-size: 18px; left: 8px; position: absolute; top: 11px; } @media (max-width: 767px) { .locinput { border-right: none !important; border-bottom: solid 1px var(--border-color) !important; } .intro h1 { font-size: 30px; margin-bottom: 10px; padding-bottom: 0; line-height: 34px; } .intro p { color: #e8eced; font-size: 16px; line-height: normal; } } /* jquery-autocomplete CSS */ /* side bar */ .main-container { min-height: -webkit-calc(100% - 162px); min-height: -moz-calc(100% - 162px); min-height: calc(100% - 162px); padding: 30px 0; } .inner-box { background: #fff; border-radius: 7px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); margin-bottom: 30px; padding: 20px 15px; } .inner-box.items-details-wrapper { width: 100%; clear: both; } .inner-box.add { background: #fff; border-radius: 7px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); margin-bottom: 30px; padding: 5px; } .inner-box.add img { width: 100%; } .nav-pills .name { display: inline-block; } /* cat listing */ .cat-list h3, .title-3 { font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; } .cat-list { display: block; margin-bottom: 30px; line-height: 24px; text-align: left; } .cat-list li { list-style: none; } .cat-list ul li { text-align: left; list-style: none; } .cat-list h3 { color: #16a085; position: relative; } .cat-list h3 a { position: relative; } .cat-list h3 .count { clear: both; color: #636c72; display: block; font-size: 12px; font-weight: normal; line-height: 1; padding: 3px 0; text-align: left; vertical-align: baseline; white-space: nowrap; } .cat-list.arrow { margin-bottom: 0; } .cat-list.arrow li { background: url(../../images/arrow-right.png) no-repeat scroll left center rgba(0, 0, 0, 0); border-bottom: 1px dotted #ddd; padding: 5px 14px; } .cat-list.arrow li:last-child { border-bottom: 0; } .cat-list ul li a { border-radius: 2px; font-style: normal; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; font-size: 12px; } .cat-list ul li a:hover { text-decoration: underline; } .cat-list li a { border-radius: 2px; font-style: normal; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; font-size: 12px; color: #4e575d; } .cat-list li a:hover { text-decoration: underline; color: #345676; } .cat-list.border li { border-bottom: 1px dotted #ddd; padding: 7px 15px; } .cat-list.border li.active { background-color: #ececec; } .cat-list.border li.active a { -moz-box-sizing: border-box; box-sizing: border-box; color: #626262; } .cat-list.border li:hover { background-color: #ececec; } .cat-list.border li:last-child { border-bottom: 0; } .cat-title a { display: inline-block; padding-left: 56px; padding-top: 0; position: relative; } .cat-title i { position: absolute; left: 0; top: 0; -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); } @media (max-width: 767px) { .cat-title { font-size: 14px; } } .item-carousel a { display: block; } .item-carousel .item { width: 128px; display: block; margin: 0 auto; border-radius: 3px; text-align: center; } .item-carousel .item-carousel-thumb { width: 100%; height: 96px; display: block; overflow: hidden; border: solid 1px var(--border-color); margin-bottom: 7px; } .item-carousel .item-carousel-thumb img { max-width: 100%; padding: 1px; min-height: 100%; } .item-carousel .item-name { clear: both; display: block; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; min-height: 30px; } .item-carousel .price { clear: both; color: #333; display: block; font-size: 16px; font-weight: bold; line-height: 16px; padding-top: 7px; } .item-carousel-thumb { max-width: 100%; } .carousel-nav { font-size: 18px; } .page-content .inner-box { overflow: auto; padding: 20px; } .page-content .inner-box .title-2 { line-height: 1; margin: 5px -20px 25px; padding: 0 20px 20px; } .inner-box.category-content { padding-bottom: 0; } .cat-list-border h3 { border-bottom: solid 1px var(--border-color); margin-bottom: 10px; padding-bottom: 10px; position: relative; } .page-info { width: 100%; min-height: 94px; color: #fff; padding: 60px 0; } .page-info.hasOverly { padding: 0; } .page-info.hasOverly > div { background: rgba(0, 0, 0, 0.4); padding: 60px 0; } .page-info i { color: #fff; font-size: 40px; display: block; } .page-info h3 { padding: 0; margin-top: 15px; text-transform: uppercase; } .iconbox-wrap { border-collapse: separate; border-spacing: 0; display: table; height: auto; min-height: 40px; padding: 15px; position: relative; text-align: center; width: 100%; } .iconbox { display: table-row; } .iconbox h5 { font-size: 36px; font-weight: 700; line-height: 40px; padding-bottom: 0; } .iconbox-wrap-icon { display: table-cell; text-align: center; vertical-align: middle; border-right: 1px solid rgba(255, 255, 255, 0.2); } .iconbox-wrap-icon .icon { height: 60px !important; line-height: 60px !important; margin-left: auto; margin-right: auto; vertical-align: middle !important; width: 60px !important; color: #22e1bb; } .iconbox-wrap-content { display: table-cell; padding-left: 10px; text-align: left; vertical-align: middle; } .iconbox-wrap-text { color: #aaa; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 16px; text-transform: uppercase; } @media (max-width: 767px) { .iconbox-wrap-icon { display: block; float: left; max-width: 80px; } .iconbox-wrap-content { display: block; float: left; padding-left: 10px; text-align: left; vertical-align: middle; } } .page-bottom-info { color: #fff; background: -webkit-linear-gradient(292deg, #16a085 44%, #2ecc71 85%) no-repeat 0 0 #16a085; background: -moz-linear-gradient(292deg, #16a085 44%, #2ecc71 85%) no-repeat 0 0 #16a085; background: -o-linear-gradient(292deg, #16a085 44%, #2ecc71 85%) no-repeat 0 0 #16a085; background: linear-gradient(158deg, #16a085 44%, #2ecc71 85%) no-repeat 0 0 #16a085; } .page-bottom-info-inner { background-size: cover; padding: 75px 0; } .page-bottom-info-content { max-width: 900px; margin-left: auto; margin-right: auto; } .page-bottom-info-content h1 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing: 1px; margin-bottom: 15px; margin-top: 0; position: relative; } .color50 { opacity: 0.5; } @media (max-width: 991px) { .page-bottom-info-content { max-width: 96%; } } /* HOME v2 */ .row-featured { overflow: hidden; margin-right: -16px; } .row-featured .box-title h2 { padding-left: 16px; } .no-bg { box-shadow: none; background: none; border-radius: 0; } .content-box { background: #fff; display: block; position: relative; width: 100%; border-radius: 7px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); overflow: hidden; margin-bottom: 30px; } .content-box.no-bg { box-shadow: none; background: none; border-radius: 0; } .content-box-map { margin: 30px 0; } @media (max-width: 767px) { .content-box-map { margin: 0 0 30px; } } .row-featured-category { margin-bottom: -1px; } .f-category { border: solid 1px var(--border-color); margin-top: -1px; border-left: 0; padding: 15px; text-align: center; overflow: hidden; display: block; } .f-category a { display: block; } .f-category img { display: block; height: 90px; margin: 0 auto; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; -o-transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0s; } .f-category:hover img { -webkit-transform: scale(1) translateY(-3px); -moz-transform: scale(1) translateY(-3px); -o-transform: scale(1) translateY(-3px); transform: scale(1) translateY(-3px); opacity: .9; } .f-category:hover h6 { -webkit-transform: scale(1.1) translateY(2px); -moz-transform: scale(1.1) translateY(2px); -o-transform: scale(1.1) translateY(2px); transform: scale(1.1) translateY(2px); } .f-category h6 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0; margin: 10px 0; padding-bottom: 0; -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0.1s; -moz-transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0.1s; -o-transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0.1s; transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0.1s; color: #292b2c; } .f-category h6 a { color: #292b2c; } .f-category h6 .count { color: #9a9a9a; font-size: 12px; } .box-title { border-bottom: solid 1px var(--border-color); text-align: left; } .box-title h2 { margin: 15px 0; padding: 0; font-size: 18px; line-height: normal; font-weight: 500; text-transform: uppercase; display: inline-block; } .box-title h2 span { font-weight: lighter; } .sell-your-item { color: #9a9a9a; font-size: 12px; font-weight: normal; letter-spacing: 0.54px; padding: 15px; position: absolute; right: 1px; text-align: center; text-transform: uppercase; top: 5px; } @media (max-width: 767px) { .sell-your-item { font-size: 11px; padding: 2px 7px; right: 1px; top: 17px; } } .featured-list-slider .item { display: block; margin: 0 auto; text-align: center; } .featured-list-slider .item .price { color: #888; } .featured-list-slider .item > a { display: block; padding: 30px; border: solid 1px transparent; } .featured-list-slider .item > a:hover { background: #f5f5f5; border: solid 1px var(--border-color); border-radius: 7px; } .featured-list-slider .item .item-name { display: block; line-height: normal; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0; min-height: 34px; margin: 10px 0; padding-bottom: 0; -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0.1s; -moz-transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0.1s; -o-transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0.1s; transition: all 0.25s cubic-bezier(0.4, 0, 1, 1) 0.1s; } .featured-list-slider .item:hover img { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); } .featured-list-slider .item:hover .item-name { -webkit-transform: scale(1) translateY(2px); -moz-transform: scale(1) translateY(2px); -o-transform: scale(1) translateY(2px); transform: scale(1) translateY(2px); } .featured-list-slider .item a img { width: 100%; -webkit-transition: all 0.25s cubic-bezier(0.3, 0, 1, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.3, 0, 1, 1) 0s; -o-transition: all 0.25s cubic-bezier(0.3, 0, 1, 1) 0s; transition: all 0.25s cubic-bezier(0.3, 0, 1, 1) 0s; } .featured-list-slider .owl-item { overflow: hidden; } .featured-list-slider span { display: block; } .featured-list-slider .item-carousel-thumb { display: block; margin-bottom: 10px; max-width: 100%; } .featured-list-row { clear: both; max-width: 90%; float: none; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; /*rtl:ignore*/ direction: ltr; } @media (max-width: 575px) { div.f-category { width: 50%; } .f-category img { height: 60px; } } .nav-narrow-svg a { width: 100px; height: 100px; } .nav-narrow-svg a.next::before { -webkit-transform: translateX(-50%) rotate(135deg); -moz-transform: translateX(-50%) rotate(135deg); -o-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .nav-narrow-svg a.next .nav-icon-wrap::before { -webkit-transform: translateX(-50%) rotate(135deg); -moz-transform: translateX(-50%) rotate(135deg); -o-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .nav-narrow-svg a.next .nav-icon-wrap::after { -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } .nav-narrow-svg a.next:hover::before { -webkit-transform: translateX(-50%) rotate(125deg); -moz-transform: translateX(-50%) rotate(125deg); -o-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } .nav-narrow-svg a.next:hover .nav-icon-wrap::before { -webkit-transform: translateX(-50%) rotate(125deg); -moz-transform: translateX(-50%) rotate(125deg); -o-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } .nav-narrow-svg a.next:hover .nav-icon-wrap::after { -webkit-transform: translateX(-50%) rotate(55deg); -moz-transform: translateX(-50%) rotate(55deg); -o-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } .nav-narrow-svg a.next:hover::after { -webkit-transform: translateX(-50%) rotate(55deg); -moz-transform: translateX(-50%) rotate(55deg); -o-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } .nav-narrow-svg a.next::after { -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } .nav-narrow-svg a:hover .nav-icon-wrap::before { height: 50%; -webkit-transform: translateX(-50%) rotate(-125deg); -moz-transform: translateX(-50%) rotate(-125deg); -o-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg); } .nav-narrow-svg a:hover .nav-icon-wrap::after { height: 50%; -webkit-transform: translateX(-50%) rotate(-55deg); -moz-transform: translateX(-50%) rotate(-55deg); -o-transform: translateX(-50%) rotate(-55deg); transform: translateX(-50%) rotate(-55deg); } .nav-narrow-svg a:hover::before { -webkit-transform: translateX(-50%) rotate(-125deg); -moz-transform: translateX(-50%) rotate(-125deg); -o-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg); } .nav-narrow-svg a:hover::after { -webkit-transform: translateX(-50%) rotate(-55deg); -moz-transform: translateX(-50%) rotate(-55deg); -o-transform: translateX(-50%) rotate(-55deg); transform: translateX(-50%) rotate(-55deg); } .nav-narrow-svg .nav-icon-wrap { position: relative; display: block; width: 100%; height: 100%; } .nav-narrow-svg a::before { position: absolute; left: 50%; width: 2px; height: 50%; background: #777; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; top: 50%; -webkit-transform: translateX(-50%) rotate(-135deg); -moz-transform: translateX(-50%) rotate(-135deg); -o-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .nav-narrow-svg a::after { position: absolute; left: 50%; width: 2px; height: 50%; background: #777; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; top: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); -moz-transform: translateX(-50%) rotate(-45deg); -o-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .nav-narrow-svg .nav-icon-wrap::before { position: absolute; left: 50%; width: 2px; height: 0; background: #ffffff; content: ''; -webkit-transition: height 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, -moz-transform 0.3s; -o-transition: height 0.3s, -o-transform 0.3s; transition: height 0.3s, transform 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 100; top: 50%; -webkit-transform: translateX(-50%) rotate(-135deg); -moz-transform: translateX(-50%) rotate(-135deg); -o-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .nav-narrow-svg .nav-icon-wrap::after { position: absolute; left: 50%; width: 2px; height: 50%; height: 0; background: #777; background: #ffffff; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transition: height 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, -moz-transform 0.3s; -o-transition: height 0.3s, -o-transform 0.3s; transition: height 0.3s, transform 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 100; top: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); -moz-transform: translateX(-50%) rotate(-45deg); -o-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .nav-narrow-svg.has-white-bg .nav-icon-wrap::before { z-index: 100; height: 0; background: #cccccc; -webkit-transition: height 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, -moz-transform 0.3s; -o-transition: height 0.3s, -o-transform 0.3s; transition: height 0.3s, transform 0.3s; } .nav-narrow-svg.has-white-bg .nav-icon-wrap::after { z-index: 100; height: 0; background: #cccccc; -webkit-transition: height 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, -moz-transform 0.3s; -o-transition: height 0.3s, -o-transform 0.3s; transition: height 0.3s, transform 0.3s; } .nav-narrow-svg.has-white-bg a { width: 40px; height: 40px; } @media (max-width: 767px) { .nav-narrow-svg a { width: 30px; height: 30px; } .nav-narrow-svg.has-white-bg a { width: 30px; height: 30px; } .title-2 { font-size: 16px; text-align: left; } .col-thin-right { padding-left: 15px; padding-right: 15px; } .col-thin-left { padding-left: 15px; padding-right: 15px; } nav.slider-nav a.prev { left: -15px; } nav.slider-nav a.next { right: -15px; } .tab-lite .nav-tabs > li > a { padding: 15px 10px; font-size: 14px; } .row-featured-category .sell-your-item { top: 15px; } .box-title h2 { font-size: 16px; } } .tab-inner { padding: 30px; display: block; width: 100%; } nav.slider-nav a { position: absolute; top: 50%; display: block; outline: none; text-align: left; z-index: 90; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } nav.slider-nav a svg { display: block; margin: 0 auto; padding: 0; } nav.slider-nav a.prev { left: -45px; } @media (max-width: 575px) { nav.slider-nav a.prev { left: -15px; } } nav.slider-nav a.next { right: -45px; } @media (max-width: 575px) { nav.slider-nav a.next { right: -15px; } } .tab-lite .nav-tabs > li { float: left; } .tab-lite .nav-tabs > li > a { border-radius: 0 !important; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: normal; padding: 15px; color: #292b2c; text-transform: uppercase; border: 0 none !important; border-bottom: solid 1px var(--border-color) !important; } @media (max-width: 767px) { .tab-lite .nav-tabs > li > a { font-size: 12px; padding: 15px 10px; } } .tab-lite .nav-tabs > li.active > a { background: #f7f7f7; } .tab-lite .nav-tabs > li.active > a:focus { background: #f7f7f7; } .tab-lite .nav-tabs > li.active > a:hover { background: #f7f7f7; } .dummy-aff-img { display: block; } .dummy-aff-img img { width: 100%; } .dropdown-menu .flag-icon { margin-right: 5px; } .modal-title { text-align: left; } .nice-select { text-align: left !important; } .nice-select .option { text-align: left; } .nice-select:after { right: 12px; left: auto; } /* =============================================================== */ /* CATEGORY INTRO /* =============================================================== */ .search-row-wrapper { background-position: center; background-size: cover; height: auto; -webkit-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -moz-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -o-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; width: 100%; } .search-row-wrapper .inner { padding: 50px 0; } .search-row-wrapper.events .inner { background: rgba(0, 0, 0, 0.45); } .search-row-wrapper .btn-primary { line-height: 22px; } @media screen and (min-width: 1024px) { /* FIXED IE OVERFLOW ISSUE */ .search-row-wrapper { height: 140px; display: block; } } /* =============================================================== */ /* CATEGORY LIST /* =============================================================== */ .mobile-filter-bar .dropdown-menu > li { padding: 0 18px; line-height: 28px; } .mobile-filter-bar .dropdown-menu > li a { font-size: 11px; color: #333; } .col-thin-left { padding-left: 10px; } .col-thin-right { padding-right: 10px; } .category-list-wrapper { background: #fff; clear: both; height: auto; width: 100%; } .item-list { border-bottom: solid 1px var(--border-color); clear: both; padding: 15px; height: auto; width: 100%; display: block; position: relative; overflow: hidden; -moz-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in; transition: background 0.25s ease-in; -webkit-transition: background 0.25s ease-in; } .item-list .row { margin: 0; } /* .category-list.make-grid .item-list .row { display: -webkit-flex !important; display: -moz-box !important; display: flex !important; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; height: 100%; } */ .category-list.make-grid .item-list .row > div { -webkit-flex: auto; -moz-box-flex: 1; flex: auto; display: -webkit-flex !important; display: -moz-box !important; display: flex !important; } /* .category-list.make-grid .item-list .row .price-box { display: -webkit-flex !important; display: -moz-box !important; display: flex !important; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-self: flex-end; align-self: flex-end; justify-self: flex-end; } */ .item-list:hover { background: #f6f6f5; } /* .category-list:not(.make-compact):not(.make-grid) .item-list:last-child { border-bottom: none; } */ .category-list { background: #fff; border-radius: 7px; display: block; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); overflow: hidden; } .category-list.event-category-list { background: none; border-radius: 0; box-shadow: none; } .category-list.event-category-list .category-list-wrapper { margin-top: 30px; background: none; overflow: inherit; width: auto; display: -webkit-flex; display: -moz-box; display: flex; } @media (max-width: 767px) { .category-list.event-category-list .category-list-wrapper { margin-top: 20px; } } .add-image { position: relative; } .photo-count { background: #ccc; border: 0 none; font-size: 12px; opacity: 0.75; padding: 0 3px; position: absolute; right: 4px; top: 5px; border-radius: 3px; } .add-image a { display: block; } .add-image a img { width: 100%; } .add-title { padding-bottom: 7px; font-weight: bold; } .items-details h4, .items-details .job-title { font-weight: bold; } .info-row { display: block; clear: both; font-size: 12px; color: #9a9a9a; } .business-posts { background: none repeat scroll 0 0 #dfdfdf; border: 1px solid #d1d1d1; border-radius: 50%; display: inline-block; height: 25px; line-height: 18px; padding: 3px; text-align: center; width: 25px; } .item-list .btn-danger.make-favorite { color: #fff; text-transform: uppercase; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; } .category-list:not(.make-compact):not(.make-grid) .item-list .item-price { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.3rem; } .item-list .make-favorite span { width: 0; font-size: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .item-list:hover .make-favorite span { width: auto; font-size: 12px; } .price-box { padding: 0; } @media (max-width: 991px) { .item-list .make-favorite { padding: 3px 5px; } } @media (min-width: 576px) and (max-width: 767px) { .item-list .items-details { padding: 0; } } @media (max-width: 575px) { .price-box { clear: both; display: block; height: auto; padding: 10px 15px 0; text-align: left !important; width: 100%; } .make-list .item-list { text-align: left; } .item-list .items-details { padding: 10px 0 0; } .make-compact .item-list .make-favorite { float: left; margin-left: 10px; } } /* List View Grid View Comact View */ .make-compact .item-list .photobox, .make-compact .item-list .info-row .category { display: none; } .make-compact .item-list .add-title { float: left; clear: left; height: 19px; overflow: hidden; padding-bottom: 7px; width: 60%; } .make-compact .item-list .info-row { display: block; float: left; clear: none; font-size: 12px; width: 40%; } .make-compact .item-list h2.item-price { line-height: 20px; } @media (max-width: 1199px) { .make-compact .item-list .add-title, .make-compact .item-list .info-row { width: 100%; } .items-details { padding: 0; } } .category-list.make-compact .item-list .item-price { float: left; font-size: 20px; line-height: normal; margin-bottom: 0; padding-bottom: 0; } .category-list.make-compact .item-list .make-favorite span { font-size: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 0; } .category-list.make-list .item-list, .category-list.make-compact .item-list { height: auto !important; } .category-list.make-grid .item-list { width: 25%; float: left; clear: none; border-right: solid 1px var(--border-color); } .category-list.make-grid .item-list .make-favorite { margin-bottom: 5px; } /* GRID & LIST */ /* See: style-main.css */ @media (min-width: 768px) and (max-width: 991px) { .make-grid .item-list { width: 33.33%; } } @media (min-width: 576px) and (max-width: 767px) { .make-grid .item-list { width: 33.33%; } } @media (max-width: 575px) { .make-grid .item-list { width: 50%; } } @media (max-width: 360px) { .make-grid .item-list { width: 100%; } } .make-grid .item-list .photobox, .make-grid .item-list .add-desc-box, .make-grid .item-list .price-box { width: 100%; clear: both; display: block !important; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; max-width: 100%; } .make-grid .item-list .add-desc-box { padding: 10px 0; } .make-grid .item-list .price-box { text-align: left; padding-left: 0; padding-right: 0; } /* pagination */ .pagination-bar { margin-top: 35px; display: block; } .pagination-bar .pagination { margin-top: 0; } .pagination-bar .pagination li a { color: #9a9a9a; border-color: #cfcfcf; } .pagination-bar .pagination li a:hover { color: #000000; } .pagination-bar .pagination li:last-child a { color: #414141; } .pagination-bar .pagination li.active a { background-color: #f8f8f8; color: #000000; border-color: #cfcfcf; cursor: default; font-weight: bold; } /* post-promo */ .post-promo { margin-top: 15px; } .post-promo h2 { padding-bottom: 10px; } /* Ribbons */ .cornerRibbons { box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); left: -6%; overflow: hidden; position: absolute; top: 20%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 200px; z-index: 2; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .cornerRibbons a { color: #fff; display: block; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.1); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .cornerRibbons.topAds { background: #16a085; } .cornerRibbons.urgentAds { background: #d9534f; } .cornerRibbons.featuredAds a { background: #e4cb65; color: #fff; } .make-grid .item-list .cornerRibbons { left: -30%; top: 7%; } .make-compact .item-list .cornerRibbons { left: -15%; text-indent: -99999px; top: 18%; } @media (max-width: 991px) { .cornerRibbons { left: -10%; top: 19%; width: 170px; z-index: 2; } .cornerRibbons { font-size: 11px; } .make-compact .item-list .cornerRibbons { left: -20%; } } @media (max-width: 767px) { .cornerRibbons { left: -36px; top: 24px; width: 160px; } .make-grid .item-list .cornerRibbons { left: -36px; top: 24px; } .cornerRibbons { font-size: 11px; } .make-compact .item-list .cornerRibbons { left: -100px; } } /*************** TAB BOX ***************/ .tab-box { background: #f8f8f8; position: relative; } .nav-tabs.add-tabs > li > a, .nav-tabs.add-tabs > li.active > a, .nav-tabs.add-tabs > li.active > a:hover, .nav-tabs.add-tabs > li.active > a:focus { border-radius: 0; padding-bottom: 15px; padding-top: 15px; margin-right: 0; font-size: 13px; } .nav-tabs.add-tabs > li:hover > a { background: #ededed; } .nav-tabs.add-tabs > li.active > a { border-left: solid 1px var(--border-color); border-right: solid 1px var(--border-color); border-top: 1px solid #e6e6e6; background: #fff; } .nav-tabs.add-tabs > li.active > a:hover, .nav-tabs.add-tabs > li.active > a:active, .nav-tabs.add-tabs > li.active > a:focus { border-bottom: solid 1px #fff; } @media (max-width: 991px) { .nav-tabs .badge { font-size: 11px; } } @media (max-width: 767px) { .nav-tabs.add-tabs > li > a { font-size: 12px; } .nav-tabs .badge { display: none; } .select-sort-by .selecter-options { font-size: 11px !important; } } .nav-tabs.add-tabs > li:first-child > a { border-left: 1px solid transparent; } /* tab filter */ .tab-filter { position: absolute; right: 0; top: 0; } @media (max-width: 767px) { .tab-filter { display: none; } } .listing-filter { border-bottom: solid 1px var(--border-color); padding: 15px; } .listing-filter.listing-filter-event { padding: 15px 0; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .listing-filter.listing-filter-event .pull-left.col-6 { display: -webkit-flex; display: -moz-box; display: flex; } .listing-filter.listing-filter-event .btn-group.col { max-width: 125px; } .listing-filter.listing-filter-event .breadcrumb-list { -webkit-align-self: center; align-self: center; } .listing-filter.listing-filter-event .btn.btn-line { line-height: normal; } .listing-filter.listing-filter-event .dropdown-menu .dropdown-item { font-size: .65rem; } .breadcrumb-list { color: #888; font-size: 12px; font-weight: normal; line-height: 1.5; margin-bottom: 0; } .breadcrumb-list a.current { color: #000; font-weight: bold; margin-right: 5px; } .dropdown-menu-modal { width: 100%; max-width: 400px; } .listing-view-action span { color: #888; cursor: pointer; } .listing-view-action span.active { color: #000; } /* Customize bootstrap-select plugin */ .tab-filter .select-sort-by { margin-right: 15px; margin-top: 10px; min-width: 150px !important; } @media (max-width: 575px) { .tab-filter .select-sort-by { display: none !important; } } .tab-filter .selecter.bottom .selecter-options { bottom: auto !important; top: auto; } .select-sort-by .selecter-selected { font-size: 12px; padding: 4.5px 15px; } .tab-filter .selecter-item { padding: 8px 15px; font-size: 12px; } /*************** Save Search ****************/ .save-search-bar { border-top: solid 1px var(--border-color); } .save-search-bar:hover { background: #ededed; } .save-search-bar a:focus { box-shadow: 0 3px 2px rgba(0, 0, 0, 0.05) inset; } .save-search-bar a { display: block; font-weight: 500; padding: 10px 0; } /* =============================================================== */ /* CATEGORY SIDEBAR /* =============================================================== */ .list-filter { width: 100%; display: block; clear: both; } .list-filter .form-inline { width: 100%; } .list-filter .count { color: #9a9a9a; font-size: 90%; } .list-filter ul li { list-style: none; } .list-filter ul li a { border-radius: 5px; display: block; padding: 3px 15px 3px 5px; position: relative; color: #4e575d; font-size: 13px; } .list-filter ul ul { padding-left: 15px; } @media (max-width: 991px) { .hidden-md { display: none !important; } .list-filter ul ul { padding-left: 10px; } .list-filter ul li a { padding-right: 0; } .list-filter .form-inline > div { margin-top: 10px; } } .categories-list .list-title:first-child { margin-top: 0 !important; } .categories-list .form-inline.row { margin-left: 0; margin-right: 0; } .page-sidebar .list-filter:first-child .list-title { margin-top: 0 !important; } .nav-filter a.active { background-color: #eaeaea; color: #333; } .list-title { color: #222; font-size: 18px; border-bottom: solid 1px var(--border-color); display: block; margin-bottom: 10px; margin-top: 15px; padding: 10px 0; position: relative; text-transform: uppercase; } .list-title a { color: #222; font-size: 18px; } .list-title:before { border-color: #ddd transparent transparent; border-style: solid; border-width: 7px; bottom: -14px; -moz-box-sizing: border-box; box-sizing: border-box; content: " "; display: block; left: 34px; position: absolute; z-index: 2; } .list-title:after { border-color: #fff transparent transparent; border-style: solid; border-width: 6px; bottom: -12px; -moz-box-sizing: border-box; box-sizing: border-box; content: " "; display: block; left: 35px; position: absolute; z-index: 2; } .list-title.gray:before { border-color: transparent transparent transparent; } .list-filter form.form-inline { -webkit-flex-flow: row; flex-flow: row; margin-top: 5px; } .list-filter form.form-inline .form-group { margin-bottom: 0; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; } @media (max-width: 767px) { .list-filter form.form-inline .form-group .form-control { width: 100%; } } .list-filter ul li p.maxlist-more a { border-radius: 5px; display: block; font-size: 12px; padding: 2px 25px 2px 20px; position: relative; color: #369; } .list-filter .maxlist-more a { padding-left: 5px; font-weight: 500; } /* Price Range */ .form-inline .form-control { max-width: 100%; } .list li { list-style: none; } ul.list-link li a, ul.list-link li { color: #4e575d; font-style: normal; line-height: normal; padding: 3px 0; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } ul.list-link li a:hover, .ul.list-link li a:hover { text-decoration: underline; color: #345676; } ul.list-link li a.active { color: #345676; font-weight: bold; } hr.thin { margin-bottom: 10px; margin-top: 10px; } /* PROPERTY LIST */ .property-list .add-title { padding-bottom: 5px; } .property-list .item-price { padding-bottom: 7px; } .property-list .info-row { line-height: normal; } .make-compact .property-list .item-list .info-row { width: 100%; } .make-compact .property-list .item-list .btn-border-thin { display: none; } .make-compact .property-list .item-list .item-price { float: none; font-size: 16px; margin-bottom: 5px; } .property-list .item-list .carousel-control { text-shadow: none; } .property-list .add-image a img { border-radius: 0; padding: 0; width: 100%; } .make-compact .property-list .add-title { float: left; clear: left; overflow: hidden; padding-bottom: 7px; width: 100%; display: block; height: auto; } @media (max-width: 575px) { .property-list .btn-border-thin { float: right; margin-left: 5px; } .property-list .price-box { margin-top: 6px; } } .prop-info { display: block; width: 100%; clear: both; padding: 15px 0 0; } .prop-info span.title { font-size: 16px; font-weight: 600; color: #222; } .prop-info span.text { font-size: 12px; font-family: Roboto Condensed, Helvetica, Arial, sans-serif; } .prop-info-block { border-right: 1px solid #ccc; color: #666; display: table-cell; margin: 0; min-height: 20px; padding: 0 10px 5px; float: left; text-align: center; width: 30%; } @media (max-width: 575px) { .prop-info-block { width: 33.33%; } } .prop-info-block:last-child { border-right: 0; } .prop-info-block span { display: block; line-height: 1.2; } .make-grid .property-list .item-list .item-price { font-size: 16px; line-height: normal; } .make-grid .prop-info-block { border-right: 0; color: #666; display: inline; margin: 0; min-height: 0; padding: 0; text-align: left; width: 100%; } .make-grid .prop-info-block span { display: inline; } .make-grid .prop-info span.title { font-size: 14px; } .make-grid .prop-info span.title .prop-info span.text { display: inline; } @media (max-width: 767px) { #properites-image-slide .carousel-item img { display: block; width: 100%; } } .carousel-control .icon-next::before { content: ''; } .carousel-control .icon-prev.icon-left-open-big:before { content: '\e83b'; } .carousel-control .icon-next.icon-right-open-big:before { content: '\e83c'; } @media all and (max-width: 779px) { .make-list .property-list .prop-info-block { float: left; } } @media all and (max-width: 480px) { .auto-heading { display: block; padding-right: 0; } .auto-price { display: block; padding: 5px 0 10px; position: relative; right: auto; text-align: left; top: auto; width: 100%; } .property-list .price-box .tooltip { display: none !important; } } @media all and (max-width: 990px) { .prop-info { padding-top: 10px; } .prop-info span.title { font-size: 14px; } .prop-info span.text { font-size: 11px; } } .make-compact .prop-info { display: none; } .product-view-thumb-wrapper .bx-wrapper .bx-controls-direction a { height: auto; margin-top: -25px; } .nice-select { border-radius: 6px; } .nice-select .list { max-height: 250px; overflow-y: auto; width: 100%; } .nice-select.form-control { font-size: 13px; margin: 0; padding: 8.5px 15px; line-height: 20px; height: 40px; } .nice-select .option { width: 100%; background: #ffffff; border-bottom: 1px solid #cccccc; color: #222222; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 0 15px; text-decoration: none; text-overflow: ellipsis; } .nice-select .option.selected { background: #eeeeee; } .select-sort-by.selectpicker { font-size: 12px; padding: 7px 10px; height: 30px; line-height: normal; border: 1px solid #cccccc; display: block; } .select-sort-by .list .option { font-size: 12px; line-height: 34px; min-height: 34px; } .save-search-bar { display: block; width: 100%; } .bx-wrapper .bx-controls-direction a { z-index: 90 !important; } .tab-content .cat-list-row { margin: 0; } .tab-content .cat-list-row.active { display: -webkit-flex; display: -moz-box; display: flex; } /* @media (min-width: 300px) and (max-width: 768px) { */ @media (min-width: 576px) and (max-width: 767px) { .category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .info-row { font-size: 11px; } .category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-2.photobox { width: 30%; } .category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .add-desc-box { width: 50%; } .category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-3.price-box { width: 20%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; padding: 0; } .category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-3.price-box > * { margin-bottom: 5px; } .category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-3.price-box .make-favorite span { width: auto; font-size: 10px; } .category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-3.price-box .item-price { padding: 0; margin-left: 0; font-size: .95rem; } } .sidebar-modern-inner { background: #fff; border: solid 1px var(--border-color); border-radius: 7px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); } .sidebar-modern-inner .block-title { padding: 15px 15px; border-bottom: solid 1px var(--border-color); position: relative; } .sidebar-modern-inner .block-title.has-arrow { margin-bottom: 5px; } .sidebar-modern-inner .block-title.has-arrow:before { border-color: #ddd transparent transparent; border-style: solid; border-width: 7px; bottom: -14px; -moz-box-sizing: border-box; box-sizing: border-box; content: " "; display: block; left: 34px; position: absolute; z-index: 2; } .sidebar-modern-inner .block-title.has-arrow:after { border-color: #fff transparent transparent; border-style: solid; border-width: 6px; bottom: -12px; -moz-box-sizing: border-box; box-sizing: border-box; content: " "; display: block; left: 35px; position: absolute; z-index: 2; } .sidebar-modern-inner .block-title.has-arrow.gray:before { border-color: transparent transparent transparent; } .sidebar-modern-inner .block-title.sidebar-header h5 { line-height: 30px; } .sidebar-modern-inner .block-title h5 { margin: 0; padding: 0; font-weight: bold; color: #292b2c; font-size: 16px; text-transform: uppercase; } .sidebar-modern-inner .block-title h5 a { color: #292b2c; } .sidebar-modern-inner .block-content { padding: 15px 15px; } .sidebar-modern-inner .list-filter ul li a { font-size: 14px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } .sidebar-modern-inner .list-filter ul li a:hover { font-weight: bold; } .sidebar-modern-inner .list-filter ul li a:hover .title { font-weight: bold; } /* =============================================================== */ /* ADS DETAILS /* =============================================================== */ .seller-info { padding: 5px; } .item-slider { display: block; width: 100%; height: auto; position: relative; } .bx-wrapper img { display: block; margin: 0 auto; max-width: 100%; text-align: center; } .bx-wrapper .bx-prev { background: none !important; } .bx-wrapper .bx-next { background: none !important; } .bx-wrapper:hover .bx-controls-direction a:after { opacity: 1; } #bx-pager { text-align: center; } .thumb-item-link { border-bottom: 4px solid #ccc; display: inline-block; float: none; height: 70px; margin: 0 2px; outline: medium none; overflow: hidden; position: relative; width: 100px; } .thumb-item-link img { width: 100%; max-width: 100%; border-radius: 3px; opacity: 0.7; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; } .thumb-item-link:focus { box-shadow: 0 0 2px #369; outline: none; } .thumb-item-link.active { border-bottom: 4px solid #369; } .thumb-item-link.active img { opacity: 1; } .thumb-item-link:hover img { opacity: 1; } @media (max-width: 640px) { .thumb-item-link { height: 48px; width: 64px; } .item-slider .bx-wrapper { margin-bottom: 10px; } } .items-details-wrapper > h2 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: bold; } .items-details-wrapper .info-row { border-top: solid 1px var(--border-color); margin-bottom: 15px; padding-top: 10px; } .items-details-wrapper.inner-box { padding-bottom: 0; } .items-details-wrapper .content-footer { margin-left: -20px; margin-right: -20px; } .items-details-info ul { margin-bottom: 20px; } .items-details-info ol { margin-bottom: 20px; } .items-details-info h4 { margin-bottom: 10px; padding-bottom: 0; padding-top: 5px; } .items-details-info .h4 { margin-bottom: 10px; padding-bottom: 0; padding-top: 5px; } .items-details-info h5 { margin-bottom: 10px; padding-bottom: 0; padding-top: 5px; } .items-details-info h6 { margin-bottom: 10px; padding-bottom: 0; padding-top: 5px; } .items-details-info .h6 { margin-bottom: 10px; padding-bottom: 0; padding-top: 5px; } .items-details-info h1 { margin-bottom: 15px; padding-bottom: 0; padding-top: 10px; } .items-details-info .h1 { margin-bottom: 15px; padding-bottom: 0; padding-top: 10px; } .items-details-info h2 { margin-bottom: 15px; padding-bottom: 0; padding-top: 10px; } .items-details-info .h2 { margin-bottom: 15px; padding-bottom: 0; padding-top: 10px; } .items-details-info h3 { margin-bottom: 15px; padding-bottom: 0; padding-top: 10px; } .items-details-info .h3 { margin-bottom: 15px; padding-bottom: 0; padding-top: 10px; } .h5 { margin-bottom: 10px; padding-bottom: 0; padding-top: 5px; } @media (max-width: 479px) { .breadcrumb { float: none !important; text-align: center !important; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; margin: 0 auto; padding: 0 !important; font-size: 11px; margin-bottom: 0 !important; } nav[aria-label="breadcrumb"] { float: none !important; text-align: center !important; width: 100%; } .backtolist { float: none !important; margin: 0 auto; padding: 0 0 10px; text-align: center; font-size: 11px; margin-bottom: 10px; } } h1.trtri span { float: right; } .list-dot { margin-left: 30px; } .list-dot > li { list-style: disc; } .list-circle { margin-left: 30px; } .list-circle > li { list-style: circle; } .card-details { border: solid 1px var(--border-color); background: #f8f8f8; position: relative; } .content-footer { background: #f8f8f8; position: relative; padding: 10px; border-top: solid 1px var(--border-color); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset; } .content-footer.expand { margin-left: -20px; margin-right: -20px; } .content-footer .btn { margin-right: 8px; } .card-footer { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset; } @media (max-width: 360px) { .content-footer .btn { margin-bottom: 4px; } } .text-count { color: #9a9a9a; font-size: 12px; } .modal { z-index: 1100; } .modal .close { border: none; } .modal-title { padding-bottom: 0; } .modal-header { border-bottom: solid 1px var(--border-color); font-weight: bold; background: #f8f8f8; border-top: solid 1px var(--border-color); padding: 8px; position: relative; } .breadcrumb { background: none; border-radius: 0; list-style: outside none none; margin-bottom: 8px; padding: 8px 0; } .backtolist { padding: 8px 0; } .page-sidebar-right { padding-left: 10px; } .user-info h3 { padding-bottom: 5px; } .user-info p { margin-bottom: 0; } .user-posts-action { margin-top: 15px; } @media (max-width: 767px) { .user-posts-action .btn:first-child { margin-bottom: 5px; } } .card-header { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 1rem; text-transform: uppercase; } .sidebar-card { margin-bottom: 20px; } .sidebar-card .card-header { background: #f8f8f8; position: relative; border-bottom: solid 1px var(--border-color); font-size: 1rem; line-height: 22px; } .card-contact-seller .card-body { padding: 10px; } .bx-controls-direction a:after { background: rgba(0, 0, 0, 0.3); border-radius: 3px; color: #fff; content: "nexts"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 200%; line-height: 1.3; padding: 5px; position: absolute; text-align: center; text-indent: 0; opacity: 0; -webkit-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } .bx-controls-direction a:hover:after { background: rgba(0, 0, 0, 0.6); } .bx-controls-direction a.bx-next:after { content: '\f054'; right: 0; } .bx-controls-direction a.bx-prev:after { content: '\f053'; left: 0; } .item-slider .bx-wrapper { direction: ltr; margin-bottom: 20px; border: 0; box-shadow: none; } .item-slider .bx-wrapper .bx-viewport { border: 0 none; box-shadow: none; left: 0; border-radius: 3px; } .bltri:before { content: ''; position: absolute; height: 0; width: 0; } .tltri:before { content: ''; position: absolute; height: 0; width: 0; } .trtri:before { content: ''; position: absolute; height: 0; width: 0; } .list-border > li { border-top: 1px solid #ebebeb; line-height: 36px; position: relative; } .list-border > li:first-child { border: none; } .list-check > li { margin-bottom: 3px; padding-left: 5px; position: relative; } .list-check > li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f00c'; display: inline-block; vertical-align: middle; padding-right: 3px; } .list-number > li { list-style: decimal; } .list-number > li > ul > li { list-style: decimal; } .posts-action { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; } .posts-action li i { /* width: 20px; */ } .label.adlistingtype { font-size: 12px; font-weight: normal; letter-spacing: 0.8px; vertical-align: middle; } /* Ads details 2 */ .img-slider-box { position: relative; width: 100%; display: block; } .slider-left { width: 80%; width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); } @media screen and (max-width: 480px) { .slider-left { width: 80%; width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px); width: calc(100% - 90px); } .items-img-v2 #bx-pager { width: 70px; } } .items-img-v2 #bx-pager { position: absolute; right: 0; width: 100px; top: 0; height: 100%; overflow-x: hidden; overflow-y: auto; } .items-img-v2 #bx-pager .thumb-item-link { border-bottom: 4px solid #ccc; display: inline-block; float: none; height: auto; margin: 0 2px; outline: medium none; overflow: hidden; position: relative; width: auto; } .items-img-v2 #bx-pager .scroller-setup .scroller-content { padding: 5px; } .scroller-active .scroller-content { padding: 5px; } /* CAR ADS DETAILS */ .key-features { margin-left: 0; margin-top: -5px; } .key-features .media { border-right: medium none; padding: 6px 0; margin-top: 0; } .key-features .media:first-child { margin-top: 0; } .key-features .media i { font-size: 28px; } .key-features .media-object { float: left; margin-right: 10px; } .key-features .media-heading { color: #333; font-size: 14px; font-weight: bold; display: block; margin: 0; } .key-features .data-type { color: #999; font-size: 11px; font-weight: bold; text-transform: uppercase; } .auto-heading { position: relative; display: block; padding-right: 130px; font-family: Roboto, sans-serif; font-weight: 700; } @media (max-width: 767px) { .auto-heading { padding-right: 10px; } } .auto-price { position: absolute; right: 0; top: 0; font-weight: 600; color: #ff9113; } @media (max-width: 767px) { .auto-price { position: relative; right: 0; top: 0; float: left !important; display: block; width: 100%; clear: both; margin-top: 5px; margin-bottom: 10px; } } .one-img { margin-bottom: 25px; } .company-logo-thumb img { max-width: 100%; } label.error { color: #e74c3c; font-size: 90%; } .locationModal a.form-control { display: block; line-height: 36px; padding-left: 40px; text-align: left; } .locationModal a.form-control .icon-append { top: 6px; } .card-user-info .block-cell { margin-bottom: 0; border-width: 0 0 1px 0; } .card-user-info .grid-col { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; margin-bottom: 15px; font-size: 13px; } .card-user-info .grid-col .col { padding: 0; color: #636c72; } .card-user-info .grid-col .col.from i { color: #292b2c; width: 15px; text-align: center; } .card-user-info .grid-col .col.from span { margin-left: 10px; } .card-user-info .grid-col .col.to { text-align: right; } .card-user-info .ev-action > .btn:last-child { margin-bottom: 0; } .form-post-ads .form-group.row { margin-bottom: 12px; } .form-post-ads .checkbox { margin-top: 4px; } .form-post-ads .checkbox label { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin: 0; } .form-post-ads .checkbox label small { line-height: 14px; margin-left: 4px; } .panel-intro { padding: 40px 0 25px; } .panel-intro h2 { padding: 0; } .login-box-btm { margin-top: 20px; margin-bottom: 20px; } .input-icon { position: relative; } .input-icon input { padding-left: 45px; } .input-icon i { font-size: 16px; left: 6px; line-height: 22px; position: absolute; top: 9px; } .promo-text-box { padding: 15px 20px; } .promo-text-box h3 { margin-top: 10px; padding-bottom: 15px; } .icon-color-1 { color: #ff9113; } .icon-color-2 { color: #e6c840; } .icon-color-3 { color: #74c29b; } div.login-box { float: none; margin: 0 auto; clear: both; } div.login-box .panel-body { padding-left: 20px; padding-right: 20px; } div.login-box .panel-footer p { margin-top: 10px; } div.login-box .panel-footer label { font-weight: normal; } .login-box .input-icon i { color: #555; opacity: 0.6; border-right: 1px solid #ccc; padding-right: 5px; } /* =============================================================== */ /* POST ADS /* =============================================================== */ .content-subheading { border-bottom: solid 1px var(--border-color); border-top: solid 1px var(--border-color); color: #333; font-size: 18px; line-height: 20px; margin: 30px -20px; padding: 13px 20px; } .visible-lg-block { background-color: #dff0d8; border: 1px solid #d6e9c6; color: #468847; } .alert-lg { font-size: 22px; } .pgray p { color: #666; font-size: 14px; } .alert.pgray p { padding-left: 25px; } /* =============================================================== */ /* USER DASHBOARD /* =============================================================== */ .userImg { border: solid 1px var(--border-color); border-radius: 3px; display: inline-block; padding: 3px; width: 64px; } .header-data { margin-top: 10px; text-align: right; } .header-data p { margin-bottom: 0; } .hdata { display: inline-block; margin-right: 15px; width: 85px; } .hdata i { border-radius: 50px; box-shadow: 0 0 1px #777 inset; color: #fff; display: inline-block; font-size: 17px; height: 40px; line-height: 40px; text-align: center; width: 40px; } .hdata a { color: #666; display: block; font-size: 14px; font-weight: bold; line-height: 16px; margin-top: 3px; text-align: left; } .hdata em { display: block; font-size: 12px; font-style: normal; font-weight: normal; text-align: left; } .mcol-left { float: left; width: 48%; } .mcol-right { float: right; width: 48%; } /* =============================================================== */ /* USER PANEL || ACCOUNT /* =============================================================== */ .panel-title { padding-bottom: 0; } .userPicinput { display: inline-block; float: left; margin-top: 30px; } .userPic { display: inline-block; } .datepickerInput { border: 1px solid #bdc3c7; border-radius: 3px; color: #666666; padding: 7px 12px; } .welcome-msg { margin-bottom: 30px; } .collapse-box { margin-bottom: 15px; } .collapse-box .badge { background-color: #e3e3e3 !important; color: #666 !important; font-weight: normal; } .collapse-title { border-top: 1px solid #e6e6e6; color: #2a3744; font-size: 14px; font-weight: normal; letter-spacing: 1px; margin-bottom: 0; margin-top: 0; padding-bottom: 10px; padding-top: 15px; text-transform: uppercase; } .collapse-title > a i { -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .collapse-title > a[aria-expanded="false"] i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .no-border { border: none; } .statusbar { margin-bottom: 35px; } .statusbar p { margin-bottom: 0; } .add-manage-table { font-weight: normal; } .table-action { display: block; margin-bottom: 15px; } .table-search .searchpan { padding-right: 0; } .table-search .control-label { line-height: 16px; padding-right: 0; } .clear-filter { font-size: 11px; } .price-td { font-size: 16px; } .delete-search-result { color: #555; cursor: pointer; font-size: 22px; font-weight: lighter; margin-right: 5px; position: absolute; top: 7px; right: 3px; } .delete-search-result:hover { color: #000; } .user-panel-sidebar ul { padding: 0; } .user-panel-sidebar ul li { list-style: none; } .user-panel-sidebar ul li a { background: #ffffff; display: block; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; color: #2a3744; font-size: 12px; height: auto; letter-spacing: 0.5px; line-height: 26px; padding: 5px 10px; margin-bottom: 1px; text-align: left; text-decoration: none; text-transform: uppercase; border-radius: 6px; } .user-panel-sidebar ul li a:hover { background-color: #2a3744; color: #ffffff; } .user-panel-sidebar ul li a:active { background-color: #2a3744; color: #ffffff; } .user-panel-sidebar ul li a.active { background-color: #2a3744; color: #ffffff; } .user-panel-sidebar ul li.active a { background-color: #2a3744; color: #ffffff; } li.divider { border-bottom: 1px solid #e1e1e1; margin-bottom: 10px; margin-top: 10px; } .accountContent h3 { border-bottom: 1px solid #e6e6e6; color: #2a3744; font-size: 20px; font-weight: normal; letter-spacing: 0.25px; margin-top: 0; padding-bottom: 15px; } .litedver-ul li { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; } .litedver-ul li:last-child { border-bottom: none; } .searchpan input#filter { font-size: 12px; height: 30px; } table.add-manage-table > tbody > tr > td { vertical-align: middle; } table.add-manage-table > tbody > tr > th { vertical-align: middle; } .add-img-td img { max-width: 100px; } .action-td .btn { clear: both; } td.items-details-td { white-space: inherit !important; min-width: 160px; } .list-group-unstyle .list-group-item { border-left: 0; border-right: 0; border-top: 0; border-radius: 0; margin-bottom: 0; border-bottom: solid 1px var(--border-color); } .list-group-unstyle .list-group-item.active, .list-group-unstyle .list-group-item:hover { background: #f5f5f5; color: #000; font-weight: bold; border-bottom: solid 1px var(--border-color); } .list-group-unstyle .list-group-item.active a, .list-group-unstyle .list-group-item:hover a { color: #000; } .button-wrap .btn-social { width: 48%; display: inline-block; padding: 8px 10px; line-height: 15px; border: 1px solid #eeeeee; text-align: left; font-size: 11px; text-transform: uppercase; } .button-wrap .btn-social:first-child { margin-right: 1%; } .button-wrap .btn-social:last-child { margin-left: 1%; } .button-wrap .btn-social i { font-size: 28px; float: left; margin: 3px 30px 0 0; } .button-wrap .btn-social.btn-fbk { color: #3b5998; border-color: #3b5998; border-radius: 6px; } .button-wrap .btn-social.btn-fbk:hover { color: #263961; border-color: #263961; } .button-wrap .btn-social.btn-ggl { border-radius: 6px; color: #dd4b39; border-color: #dd4b39; } .button-wrap .btn-social.btn-ggl:hover { color: #ac2d1e; border-color: #ac2d1e; } .or-divider { border-bottom: solid 1px var(--border-color); margin: 15px 0 25px; position: relative; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 0; } .or-divider span { padding: 0 7px; background: #ffffff; font-size: 14px; color: #636c72; margin-bottom: -11px; } .card-body .form-group { margin-bottom: 16px; } /* =============================================================== */ /* ABOUT US /* =============================================================== */ .inner-page { padding-top: 60px; } .about-intro { width: 100%; height: 100%; position: relative; } .social-list { margin-top: 20px; } .social-list a { margin-right: 10px; display: inline-block; } .title-1 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; display: block; width: 100%; clear: both; } .has-lead-para { font-size: 16px; font-weight: 300; } .has-lead-para p { font-size: 16px; font-weight: 300; } .about-parallax-bottom { background: url(../../images/bg3.jpg) center center fixed; background-size: cover; padding: 80px 0; display: block; clear: both; } .parallaxbox * { color: #fff; } .parallaxbox p { color: #e8eced; font-size: 13px; font-weight: unset; line-height: 18px; } .icon-box-wrap { margin-bottom: 20px; } .ln-shadow-box { border-radius: 3px; color: #fff; display: inline-block; font-size: 64px; height: 80px; line-height: 77px; overflow: hidden; text-align: center; } .ln-shadow-radius { border-radius: 50%; color: #fff; display: inline-block; font-size: 40px; height: 80px; line-height: 77px; overflow: hidden; text-align: center; width: 80px; } .title-4 { font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .faq-panel .panel-title { font-weight: 600; } .faq-panel .panel-title a::after { font-weight: normal; color: inherit; content: "\f107"; float: right; font-family: FontAwesome; font-size: 20px; } .faq-panel .panel-title a.collapsed::after { content: "\f106"; } .faq-panel .card-header { padding: 20px 25px; } .white-box { padding: 10px; background: #fff; border-radius: 3px; } .address p { margin-bottom: 0; } .panel-group .panel + .panel { margin-top: 10px; } /* =============================================================== */ /* CONTACT /* =============================================================== */ .intro-inner { width: 100%; clear: both; height: 350px; overflow: hidden; } .social-list { margin-top: 20px; } .social-list a { margin-right: 10px; display: inline-block; } .address p { margin-bottom: 0; } .contact_info .list-title:before, .contact-form .list-title:before { border-color: #ddd transparent transparent; } .contact_info .list-title:after, .contact-form .list-title:after { border-color: #eeeeee transparent transparent; } .contact-form .form-horizontal { display: block; margin-top: 20px; } .contact-info .address { margin-top: 20px; } .blog-post-img { overflow: hidden; position: relative; } .blog-post-img img { width: 100%; height: auto; } .blog-post-img figure { margin-bottom: 0; } .blog-post-content { padding-bottom: 30px; } .blog-post-content .blog-post-bottom { border-top: medium none; margin-top: 15px; padding-bottom: 0; padding-top: 0; } .blog-post-content-desc { clear: both; margin-top: -1px; padding: 30px 0 0; position: relative; text-align: left; } .blog-post-content-desc .blog-post-content { padding-left: 40px; padding-right: 40px; } .blog-post-content-desc h2 { font-size: 30px; text-transform: none; line-height: 32px; } .blog-post-content-desc p { color: #4e575d; font-size: 14px; } .blog-post-meta { padding-left: 40px; padding-right: 40px; border-bottom: solid 1px var(--border-color); padding-bottom: 30px; margin-bottom: 20px; } .blog-post-meta a { color: #9a9a9a; } .blog-post-bottom { border-top: solid 1px var(--border-color); margin-top: 20px; } .blog-article-text { color: #4e575d; } .blog-article-text ul { margin-bottom: 30px; } .blog-article-text ol { margin-bottom: 30px; } .image { margin: 0 0 15px 0; } .share-this-post { display: block; margin: 10px 30px; padding: 10px 0; } .share-this-post li { display: inline-block; font-size: 13px; line-height: 1.5em; margin-right: 10px; } .share-this-post li a { color: #999; cursor: pointer; } .share-this-post li a i { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 16px; line-height: 1.3em; margin-right: 6px; color: #999; } .share-this-post li a:hover { color: #333; } .share-this-post li a:hover i { color: #333; } .blog-post-footer { background: #f7f7f7; border-top: solid 1px var(--border-color); clear: both; } .blog-post-footer .inner { padding: 0 40px 40px; display: block; } .blog-post-footer .list-title::after { border-color: #f7f7f7 transparent transparent; } .blogs-comments-area { padding-top: 20px; } .blogs-comment-list ul { list-style: outside none none; margin: 0; padding: 0; } .blogs-comment-list > li { border-bottom: solid 1px var(--border-color); margin: 0 0 25px; } .blogs-comment-list > li > ul { padding: 0 0 0 120px; } .blogs-comment-list > li > ul li { border-bottom: solid 1px var(--border-color); margin: 0 0 25px; } .blogs-comment-list li:last-child { border-bottom: 0; } .blogs-comment-wrapper { display: table; margin: 0; width: 100%; } .blogs-comment-avatar { display: table-cell; text-align: inherit; vertical-align: top; width: 90px; } .blogs-comment-avatar img { border: solid 1px var(--border-color); border-radius: 50%; padding: 0; width: 70px; } .blogs-comment-details { display: table-cell; padding: 0 0 0 30px; position: relative; vertical-align: top; } .blogs-comment-description { margin-bottom: 20px; } .blogs-comment-name { color: #4a4a4a; font-weight: 600; margin: 0 0 15px; } .blogs-comment-date { color: #aaaaaa; font-size: 12px; font-weight: 400; margin: 0 0 0 8px; } .blogs-comment-reply { position: absolute; right: 0; top: 0; } @media (max-width: 767px) { .inner-box-content .img-responsive { width: 100%; } .blog-post-content-desc .blog-post-content { padding-left: 20px; padding-right: 20px; } .blog-post-content-desc p { font-size: 13px; } .blog-post-content-desc h2 { font-size: 26px; line-height: 32px; } .blog-post-meta { padding-left: 20px; padding-right: 20px; border-bottom: solid 1px var(--border-color); margin-bottom: 15px; padding-bottom: 15px; } .blogs-comment-details { padding: 0 0 0 5px; } .blogs-comment-avatar { width: 70px; } .blogs-comment-avatar img { width: 90%; } .share-this-post { display: block; margin: 10px; padding: 10px 0; } .share-this-post li { font-size: 11px; } .intro-title { font-size: 28px; line-height: 32px; } .list-dot > li { list-style: inside none disc; } .blogs-comment-list > li > ul { padding: 0 0 0 50px; } .search-row .search-col .btn { border-radius: 3px 3px !important; } .search-row .search-col:first-child .form-control { border-radius: 3px 3px; } .search-col .form-control { border-radius: 3px 3px !important; } .intro h1 { font-size: 28px; line-height: 32px; } .intro-inner h2 { font-size: 14px; font-weight: 300; max-width: 70%; } } @media screen and (max-width: 460px) { .blogs-comment-avatar { width: 50px; } .blogs-comment-date { display: block; margin: 0; } .blog-post-content-desc h2 { font-size: 20px; line-height: 26px; } } @media screen and (max-width: 360px) { .blogs-comment-avatar { width: 50px; display: block; } .blogs-comment-details { display: block; padding: 0 0 0 5px; } .blogs-comment-list > li > ul { padding: 0 0 0 25px; } .blog-post-content-desc p { font-size: 12px; } } .blog-post-item .inner-box { padding: 0; } .blogRight .categories-list { margin-bottom: 15px; } .blog-popular-content .item-list { -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s; } .blog-popular-content .item-list:last-child { border-bottom: 0; } .blog-popular-content .item-list:hover { background: #f7f7f7; border-radius: 3px; } .intro-inner h2 { color: #ddd; font-size: 18px; font-weight: 100; line-height: 24px; margin: 20px auto; max-width: 400px; text-align: center; } @media (min-width: 768px) { #subscribe .btn-search { min-width: 180px; } } .jobs-intro { height: 450px; } .resume-up { margin-top: 15px; color: #e8eced; font-size: 13px; font-weight: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .resume-up a { color: #e8eced; } .resume-up a:hover { opacity: .8; } .company-title { margin-bottom: 0; padding-bottom: 0; color: #636c72; font-size: 12px; } .company-title a { color: #636c72; } .job-title { margin-bottom: 5px; padding-bottom: 0; } .job-title a:hover { text-decoration: underline; } .jobs-desc { color: #4e575d; } .job-actions { clear: both; display: block; margin-top: 5px; } .jobs-s-tag { background: #f1f1f1; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 0.875em; font-weight: 600; line-height: 30px; padding: 0 10px; margin-right: 5px; margin-left: 5px; } .jobs-s-tag:hover { background: #eee; } .jobs-s-tag:first-child { margin-left: 0; } .jobs-s-tag:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f00d'; display: inline-block; margin-left: 5px; } .company-logo-thumb { display: block; } .mobile-filter-bar { border: solid 1px var(--border-color); height: 44px; line-height: 44px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; background-color: #fafafa; border-top: none; } .mobile-filter-bar > ul > li { border-right: solid 1px var(--border-color); padding-right: 15px; padding-left: 15px; text-transform: uppercase; } .mobile-filter-bar > ul > li:first-child { /* padding-left: 0; */ } @media (min-width: 768px) { .mobile-filter-sidebar { left: 0 !important; } .mobile-filter-bar { display: none; } .closeFilter { display: none; } } @media (max-width: 767px) { .jobs-s-tag { margin-bottom: 4px; } .hide-xs { display: none; } .btn-block-sm { display: block; width: 100%; } .closeFilter { cursor: pointer; display: block; font-size: 16px; height: 30px; line-height: 30px; padding: 3px; position: absolute; right: 10px; text-align: center; top: 7px; width: 30px; z-index: 2147483647; } .menu-overly-mask { background-color: #000; height: 100%; left: 0; opacity: 0.3; position: fixed; top: 0; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; width: 100%; z-index: 1100; } .menu-overly-mask.is-visible { cursor: pointer; opacity: 0.5; visibility: visible; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; } .mobile-filter-sidebar .inner-box { margin-bottom: 0; border-radius: 0 !important; } .page-sidebar.mobile-filter-sidebar { height: 100%; overflow: auto; padding: 0; position: fixed; top: 0; width: 250px; z-index: 1110; left: -251px; } } .sInfo .company-logo-thumb { float: left; display: inline-block; } .sInfo .company-logo-thumb img { width: 140px; } .sInfo .seller-info * { margin-bottom: 0; padding-bottom: 0; } .overly-action { background-color: rgba(13, 44, 59, 0.7); border-radius: 0; color: #fff; display: block; font-size: 11px; font-weight: 500; letter-spacing: 0.5px; opacity: 0; padding: 5px 20px; position: absolute; left: 15px; text-align: center; text-transform: uppercase; top: 15px; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; visibility: hidden; width: auto; z-index: 10; } .overly-action a { color: #fff; } .img-box { position: relative; display: block; } .img-box:hover .overly-action { color: #fff; opacity: 1; visibility: visible; background-color: rgba(13, 44, 59, 0.9); } @media only screen and (max-width: 400px) { .sInfo .company-logo-thumb { float: none; display: block; width: 100%; } .sInfo .company-logo-thumb img { width: auto; max-width: 80%; } } .hasOverly > div { background: rgba(0, 0, 0, 0.4); } .row-featured-company .f-category h6 { color: #777; font-size: 12px; text-transform: none; } .row-featured-company .f-category h6 .company-name { color: #369; } .filter-content label { padding-left: 5px; } .jobs-details-info ul { margin-left: 20px; } .jobs-details-info ul li { list-style: outside disc; margin-left: 14px; } .job-summery ul li { margin-bottom: 10px; } .cInfo-right > div:first-child { margin-bottom: 15px; } @media (min-width: 768px) { .category-content .form-horizontal .control-label { margin-bottom: 0; text-align: right; } } .intro-modern { height: 600px; width: 100%; position: relative; color: #fff; overflow: hidden; } @media (max-width: 767px) { .intro-modern { height: auto; padding: 80px 0; } } .intro-modern .inner { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; background-size: cover; height: 100%; width: 100%; z-index: 3; position: relative; } @media (max-width: 767px) { .intro-modern .inner .search-col { margin-bottom: 15px; } .intro-modern .inner .search-col:last-child { margin-bottom: 0; } } .intro-modern .btn { text-shadow: none; letter-spacing: 0.2em; text-transform: uppercase; font-size: 12px; } .blue-overlay { background: #9c00ff; background: -webkit-linear-gradient(left, #9c00ff 0%, #03ffcd 100%); background: -moz-linear-gradient(left, #9c00ff 0%, #03ffcd 100%); background: -o-linear-gradient(left, #9c00ff 0%, #03ffcd 100%); background: linear-gradient(to right, #9c00ff 0%, #03ffcd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c00ff', endColorstr='#03ffcd', GradientType=1); opacity: .7; } .layer-bg { height: 100%; width: 100%; z-index: 2; position: absolute; top: 0; left: 0; } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .bg-slider-wrapper { z-index: 1; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #0f0f0f; } .bg-slider-wrapper .bg-item { height: 100%; background-size: cover; } .bg-slider-wrapper .bx-wrapper, .bg-slider-wrapper .bx-viewport { height: 100% !important; width: 100%; box-shadow: 0 !important; border: none !important; background: none !important; } .bg-slider-wrapper .bg-slider { -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; height: 100% !important; } .section-ev { padding: 60px 0 0; display: inline-block; width: 100%; } .section-ev.event-listing { padding-bottom: 60px; } .section-ev.event-category { border-top: solid 1px var(--border-color); padding-top: 10px; padding-bottom: 30px; } @media (max-width: 767px) { .section-ev { padding-top: 30px; } } .event-item-col { margin-bottom: 30px; } @media (max-width: 767px) { .event-item-col { margin-bottom: 20px; } } .card-event { overflow: hidden; } @media (max-width: 767px) { .event-featured .card-event { margin-bottom: 15px; } } .card-event h4 { font-size: 18px; font-weight: 700; height: auto; letter-spacing: 0; overflow: hidden; white-space: normal; padding: 0; } .card-event .event-badges { position: absolute; right: 15px; top: 25px; -webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .card-event .event-badges .badge { font-weight: lighter; letter-spacing: 0.3px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; padding: 3px 6px; border-radius: 2px; } .card-event .event-badges .badge.price-tag { font-size: 14px; font-weight: normal; letter-spacing: 1px; padding: 3px 6px; line-height: 1; } .card-event .event-badges .badge.price-tag.big { font-size: 12px; font-weight: 600; background: #f3f3f3; line-height: 1; color: #000; font-family: "Roboto", Helvetica, Arial, sans-serif; padding: 6px 14px; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1); } .card-event .event-pop-link { visibility: hidden; display: block; width: 100%; opacity: 0; height: 100%; position: absolute; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.25s ease 0.15s; -moz-transition: all 0.25s ease 0.15s; -o-transition: all 0.25s ease 0.15s; transition: all 0.25s ease 0.15s; color: #fff; } .card-event .img { position: relative; } .card-event .img.has-background { width: 100%; background-size: cover; background-repeat: no-repeat; } .card-event:not(.featured) { height: 100%; } .card-event:not(.featured) .card-title { min-height: 48px; line-height: 24px; } @media (max-width: 767px) { .card-event:not(.featured) .card-title { font-size: 14px; line-height: 1.4; min-height: 10px; } } .card-event:not(.featured) .card-title::first-letter { text-transform: uppercase; } .card-event:not(.featured) .card-title a { color: #292b2c; } .card-event.info-overlay .event-pop-info { z-index: 3; display: block; position: relative; text-align: center; top: 50%; -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); -webkit-transition: all 0.3s ease 0.15s; -moz-transition: all 0.3s ease 0.15s; -o-transition: all 0.3s ease 0.15s; transition: all 0.3s ease 0.15s; width: 100%; } .card-event.info-overlay .event-pop-info .price { font-size: 1.4rem; font-weight: bold; } .card-event.info-overlay .event-pop-info p { display: block; margin-bottom: 5px; } .card-event.info-overlay .event-pop-info .time { font-size: 12px; font-weight: 300; opacity: .7; } .card-event.info-overlay:hover .event-pop-link, .card-event.info-overlay.overlay-visible .event-pop-link { visibility: visible !important; opacity: 1; display: block; } .card-event.info-overlay:hover .event-pop-link .event-pop-info, .card-event.info-overlay.overlay-visible .event-pop-link .event-pop-info { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .card-event.info-overlay:hover .event-badges, .card-event.info-overlay.overlay-visible .event-badges { top: 15px; visibility: visible !important; display: block !important; opacity: 1 !important; } .card-event.info-overlay:not(.featured):hover .pop-info .event-badges { visibility: hidden !important; opacity: 0 !important; } .card-event.info-overlay.card-category .event-pop-link { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; background-color: rgba(0, 0, 0, 0.35); } .card-event.info-overlay.card-category .ec-title { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-size: 1.3rem; line-height: normal; max-width: 90%; text-align: center; margin: 0 auto; font-weight: 500; letter-spacing: 0.5px; text-transform: capitalize; } @media (max-width: 767px) { .card-event.info-overlay.card-category .ec-title { font-size: .9rem; line-height: normal; } } .card-event.info-overlay.card-category:hover .ec-title { font-size: 1.5rem; } @media (max-width: 767px) { .card-event.info-overlay.card-category:hover .ec-title { font-size: 1.2rem; } } .card-event.info-overlay.card-category:hover .event-pop-link { background-color: rgba(0, 0, 0, 0.45); } .card-event.featured .event-badges { opacity: 0; } .card-event.featured .card-img-top { position: relative; z-index: 1; } .card-event.featured .card-body { padding: 20px 15px; } @media (max-width: 767px) { .card-event.featured .card-body { padding: 10px 15px; } } .card-event.featured .card-body h4 { font-size: 16px; line-height: 20px; padding: 0; margin: 0; } @media (min-width: 768px) { .card-event.featured .card-body h4 { min-height: 40px; } } @media (max-width: 575px) { .card-event.featured .card-body h4 { font-size: 13px; line-height: 1.4; } } .card-event.featured .card-body h4 a { color: #292b2c; } .card-event .card-event-info { color: #999999; overflow: hidden; text-overflow: ellipsis; } .card-event .card-event-info .event-location a { color: #999999; } .card-event .card-event-info p { margin-bottom: 5px; padding: 0; } .card-event .card-footer { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) inset; background-color: rgba(0, 0, 0, 0.01); } .card-event .card-footer .left { font-size: 12px; color: #999999; } .card-event .card-footer .left a { color: #464a4c; font-weight: 600; } .card-event .card-footer .social-link a { display: inline-block; margin-left: 10px; font-size: 16px; color: #464a4c; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .card-event .card-footer .social-link a:hover { color: #999999; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .event-category-list:not(.has-list-view) .card-event .card-body .card-footer, .event-category-list:not(.has-list-view) .card-event .card-body .badge.price-tag { display: none; } .event-category-list .card-event .event-pop-info { font-size: 12px; } .event-category-list .card-event .event-pop-info p { margin-bottom: 3px; } .event-category-list .card-event .event-pop-info .price { font-size: 1rem; } .has-list-view .event-item-col { width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; } .has-list-view .event-item-col .card-event { height: auto; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; } @media (max-width: 767px) { .has-list-view .event-item-col .card-event > .card-footer, .has-list-view .event-item-col .card-event .badge.price-tag { display: none; } .has-list-view .event-item-col .card-event .event-pop-info > p { font-size: .95rem; } .has-list-view .event-item-col .card-event .card-body .card-title { padding-right: 45px; } .has-list-view .event-item-col .card-event .card-body .badge.price-tag { display: block; position: absolute; top: 20px; right: 12px; font-size: .85rem; } .has-list-view .event-item-col .card-event .card-body .card-footer { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; padding: 0; margin-top: 5px; } } @media (min-width: 0) and (max-width: 500px) { .has-list-view .event-item-col .card-event .card-title { font-size: 13px; line-height: normal; margin-bottom: 0.5rem; } .has-list-view .event-item-col .card-event .card-body > p { font-size: 0.75rem; } } .has-list-view .event-item-col .card-event .img.has-background { max-width: 30%; } @media (min-width: 0) and (max-width: 500px) { .has-list-view .event-item-col .card-event .img.has-background { max-width: 35%; } } .has-list-view .event-item-col .card-event .card-footer { border: 0; box-shadow: none; background: none; } .has-list-view .event-item-col .card-event .card-footer .left { float: right; margin-bottom: 10px; } .event-rating { margin-top: 5px; } .event-rating .star .fa { font-size: 85%; } .event-rating .review-count { display: block; margin-top: 5px; font-size: 12px; opacity: .7; } .section-header { padding: 40px 0 35px; } .section-header .title { font-size: 1.5rem; line-height: 1.1; padding-bottom: 0; margin: 0 auto; text-align: center; text-transform: uppercase; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: bold; } @media (max-width: 991px) { .section-header .title { font-size: 1.3rem; } } @media (max-width: 991px) { .section-header .title { font-size: 1.1rem; } } @media (max-width: 767px) { .section-header .title { font-size: 1.3rem; } } @media (max-width: 767px) { .section-header { padding: 30px 0 30px; } } .event-filters-wrapper .row { margin: 0; } @media (max-width: 767px) { .event-filters-wrapper .row { margin-left: -5px; margin-right: -5px; } } .event-filters-wrapper .row > div { padding-left: 5px; padding-right: 5px; } @media (max-width: 767px) { .event-filters-wrapper .row > div.btn-group { margin-bottom: 10px; } } .align-center { -webkit-align-items: center; -moz-box-align: center; align-items: center; } .listing-title-holder { border-top: solid 2px #ddd; } @media (max-width: 767px) { .event-title-holder { margin-bottom: 20px; } } .ev-share { position: absolute; bottom: 0; right: 0; color: #fff; width: 100%; padding: 60px 0 0; background: -webkit-linear-gradient(top, transparent 36%, rgba(0, 0, 0, 0.9) 100%); background: -moz-linear-gradient(top, transparent 36%, rgba(0, 0, 0, 0.9) 100%); background: -o-linear-gradient(top, transparent 36%, rgba(0, 0, 0, 0.9) 100%); background: linear-gradient(to bottom, transparent 36%, rgba(0, 0, 0, 0.9) 100%); } .ev-share .social-links { float: right; padding: 20px; } .ev-share .social-links a { color: #fff; font-size: 1rem; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: .8; } .ev-share .social-links a:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1; } .ev-share .social-links .share-text { text-transform: uppercase; letter-spacing: 0; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-size: 12px; color: #a8b2b9; } .ev-image { display: block; position: relative; } .ev-image img { width: 100%; border-radius: 3px 3px 0 0; } .ev-image:hover .share-text { opacity: 1; letter-spacing: 2px; } .event-details-title { padding: 30px; background: #fff; border-bottom: solid 1px var(--border-color); } @media (max-width: 767px) { .event-details-title { display: -webkit-flex; display: -moz-box; display: flex; height: auto; clear: both; padding-bottom: 10px; } } .event-details-title .title { position: relative; display: block; padding-right: 130px; font-weight: 700; margin-bottom: 0; padding-bottom: 0; } @media (max-width: 767px) { .event-details-title .title { padding-right: 0; } } .items-details-wrapper.event { padding: 30px 30px 15px; border-radius: 0 0 7px 7px; } .block-cell { display: -webkit-flex; display: -moz-box; display: flex; padding: 15px; position: relative; width: 100%; border: solid 1px var(--border-color); -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-bottom: 20px; } .block-cell .title { text-transform: capitalize; margin: 0 0 5px; color: #999999; font-size: 13px; padding: 0; line-height: normal; } .block-cell .name { font-size: 16px; font-weight: 600; text-transform: capitalize; display: block; margin-bottom: 5px; padding: 0; line-height: normal; } .block-cell .rating { display: inline-block; padding: 0 5px; border: 1px solid #2ecc71; color: #2ecc71; font-size: 12px; line-height: 16px; text-transform: capitalize; border-radius: 2px; } .block-cell .cell-media { width: 60px; } .block-cell .cell-media img { width: 100%; border-radius: 6px; } .block-cell .cell-content { padding-left: 20px; } .ev-info-details { -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; display: -webkit-flex; display: -moz-box; display: flex; } .ev-info-details .ev-icon { vertical-align: top; margin: 5px 15px 0 0; font-size: 18px; color: #636c72; } .ev-info-details .ev-details { margin: 2px auto 0; overflow: hidden; -webkit-flex: 1 1 auto; -moz-box-flex: 1; flex: 1 1 auto; color: #636c72; } .ev-action { border-top: solid 1px var(--border-color); padding: 20px; } .ev-action .btn { margin-bottom: 10px; } .ev-action p { margin-bottom: 0; padding-bottom: 0; } .seller-profile-img { float: left; width: 100px; margin-right: 15px; } .seller-social-list .share-this-post { margin: 10px 0; } .dl-horizontal dt { clear: left; color: #777; float: left; font-weight: normal; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 170px; word-wrap: normal; margin-top: 5px; } .dl-horizontal dd { margin-top: 5px; } @media (min-width: 768px) and (max-width: 990px) { .list-user-list li { width: 50%; margin-bottom: 10px; } } @media only screen and (max-width: 500px) { .list-user-list li { width: 50%; margin-bottom: 10px; } } .list-user-list li { float: left; display: inline-block; width: 33.33%; margin-bottom: 10px; } .list-user-list li img { max-height: 60px; max-width: 60px; display: block; margin: 0 auto; } .list-user-list li img.img-circle { border-radius: 6px; } img { max-width: 100%; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .float-right, .pull-right { float: right; } .float-left, .pull-left { float: left; } .d-inline-b { display: inline-block; } @media (max-width: 767px) { .btn-block-sm { display: block !important; width: 100%; } } @media (max-width: 991px) { .btn-block-md { display: block !important; width: 100%; } } .hidden, .hide { display: none; } @media (max-width: 991px) { .hidden-md, .hide-md { display: none !important; } } @media (max-width: 991px) { .hidden-sm, .hide-sm { display: none !important; } } @media (max-width: 991px) { .hidden-xs, .hide-xs { display: none !important; } } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label-default { background-color: #777; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; } .panel-body { padding: 15px; } .panel-details { border: solid 1px #ddd; background: #f8f8f8; position: relative; font-size: 13px; } .panel-details ul li { margin-bottom: 3px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; } .panel-details ul li strong { font-weight: bolder; text-transform: uppercase; margin-right: 3px; } @media (min-width: 577px) and (max-width: 980px) { .container { max-width: 100%; } } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.001) 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.001) 100%); background-repeat: repeat-x; } .carousel-control.left:hover { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.009) 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.009) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.009) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.009) 100%); background-repeat: repeat-x; } .carousel-control.right { left: auto; right: 0; color: #fff; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; } .carousel-control.right:hover { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.011) 0%, rgba(0, 0, 0, 0.6) 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.011) 0%, rgba(0, 0, 0, 0.6) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.011) 0%, rgba(0, 0, 0, 0.6) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.011) 0%, rgba(0, 0, 0, 0.6) 100%); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { outline: 0; text-decoration: none; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .tooltip-inner { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif !important; font-size: 12px !important; } #wrapper { padding-top: 68px; -webkit-transition: padding 0.2s ease; -moz-transition: padding 0.2s ease; -o-transition: padding 0.2s ease; transition: padding 0.2s ease; } .locations-list.list-filter .float-right { float: right; } .cat-pag { display: inline-block; } /* TERMS & CONDITION */ .container-content { display: block; clear: both; } ul.list-number { margin-left: 30px; } ul.list-number li { list-style: unset none decimal; } .themeControll { background: #2d3e50; height: auto; width: 170px; position: fixed; left: 0; padding: 20px 0 0; top: 100px; z-index: 999999; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-filter: none; filter: none; -webkit-transition: opacity 0.5s linear, -webkit-transform 0.7s cubic-bezier(0.56, 0.48, 0, 0.99); -moz-transition: opacity 0.5s linear, -moz-transform 0.7s cubic-bezier(0.56, 0.48, 0, 0.99); -o-transition: opacity 0.5s linear, -o-transform 0.7s cubic-bezier(0.56, 0.48, 0, 0.99); transition: opacity 0.5s linear, transform 0.7s cubic-bezier(0.56, 0.48, 0, 0.99); } .themeControll.active { display: block; -webkit-transform: translateX(-170px); -moz-transform: translateX(-170px); -o-transform: translateX(-170px); transform: translateX(-170px); -webkit-transition: opacity 0.5s linear, -webkit-transform 0.7s cubic-bezier(0.56, 0.48, 0, 0.99); -moz-transition: opacity 0.5s linear, -moz-transform 0.7s cubic-bezier(0.56, 0.48, 0, 0.99); -o-transition: opacity 0.5s linear, -o-transform 0.7s cubic-bezier(0.56, 0.48, 0, 0.99); transition: opacity 0.5s linear, transform 0.7s cubic-bezier(0.56, 0.48, 0, 0.99); } .themeControll h3 > a { color: white; font-size: 14px; } .themeControll .linkinner a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0; clear: both; color: #fff; display: block; font-size: 13px; height: auto; line-height: 16px; margin-bottom: 5px; padding-bottom: 8px; padding-left: 10px; text-transform: capitalize; width: auto; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; } .themeControll .nicescroll-cursors { background-color: rgba(255, 255, 255, 0.75) !important; border: 1px solid rgba(255, 255, 255, 0.9) !important; } .tbtn { background: #2d3e50; color: #fff !important; font-size: 30px; height: auto; padding: 10px; position: absolute; right: -40px; top: 0; width: 40px; cursor: pointer; } .linkinner { display: block; height: 400px; margin-top: 15px; overflow-y: auto; padding-bottom: 15px; padding-right: 10px; } .linkScroll .scroller-bar { width: 17px; background: #1d2e40 !important; border-color: #1d2e40 !important; } .linkScroll .scroller-track { background: #1d2e40 !important; border-color: #1d2e40 !important; } @media (max-width: 780px) { .themeControll { display: none; } } .card-elements hr { margin: 30px 0; } .card-elements h3 { text-transform: uppercase; font-weight: bold; } table.checkboxtable td, table.checkboxtable th { border-top: solid 1px #ddd; } @media (min-width: 768px) { .form-horizontal .col-form-label { text-align: right; } } @media (min-width: 768px) { .mobile-only { display: none !important; } } @media (max-width: 767px) { .mobile-only { display: block; } } @media (min-width: 768px) { .mobile-only-inline { display: none !important; } } @media (max-width: 767px) { .mobile-only-inline { display: inline-block; } } .message-list .list-group-item { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } .message-list .list-group-item:hover { box-shadow: inset 1px 0 0 #dfdfdf, inset 1px 0 0 #dfdfdf, 0 0px 1px 0 rgba(60, 64, 67, 0.1), 0 1px 3px 1px rgba(60, 64, 67, 0.1); } .message-list .list-group-item .form-check { padding-left: 0; -webkit-align-items: center; -moz-box-align: center; align-items: center; justify-items: center; -webkit-align-self: center; align-self: center; } .message-list .list-group-item .form-check .custom-control { display: -webkit-flex; display: -moz-box; display: flex; } .message-list .list-group-item .list-box-user { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; width: 12%; } .message-list .list-group-item .list-box-user img { border: solid 1px var(--border-color); padding: 2px; border-radius: 2px; } .message-list .list-group-item .list-box-user .name { font-size: 11px; font-weight: 500; margin-top: 2px; text-overflow: ellipsis; width: 110%; white-space: nowrap; overflow: hidden; } .message-list .list-group-item .list-box-user .name i { font-size: 10px; margin-right: 3px; } .message-list .list-group-item .list-box-content { width: 75%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-font-smoothing: antialiased; } .message-list .list-group-item .list-box-content .title { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; color: #292b2c; font-size: .875rem; letter-spacing: .2px; text-overflow: ellipsis; width: 95%; white-space: nowrap; overflow: hidden; } .message-list .list-group-item .list-box-content .name { font-size: 12px; font-weight: 500; margin-top: 2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .message-list .list-group-item .list-box-content .name i { font-size: 11px; } .message-list .list-group-item .list-box-user .name i.online, .message-list .list-group-item .list-box-content .name i.online { color: #2ecc71; } .message-list .list-group-item .list-box-user .name i.offline, .message-list .list-group-item .list-box-content .name i.offline { color: #636c72; } .message-list .list-group-item .list-box-content .message-text { color: #292b2c; font-size: 12px; max-width: 80%; font-weight: bold; } .message-list .list-group-item .list-box-content .time { font-size: 11px; color: #636c72; margin-top: 5px; } .message-list .list-group-item .list-box-action { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; justify-content: space-evenly; } .message-list .list-group-item .list-box-action a { color: #292b2c; } .message-list .list-group-item .list-box-action a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .message-list .list-group-item.seen .list-box-content .title { font-weight: normal; } .message-list .list-group-item.seen .list-box-content .message-text { font-weight: normal; } .inbox-nav { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } @media (max-width: 767px) { .inbox-nav { -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; margin-bottom: 15px; border: solid 1px var(--border-color); } } .inbox-nav li.active, .inbox-nav li:hover { background: #f5f5f5; } .inbox-nav li.active a, .inbox-nav li:hover a { font-weight: bold; } .inbox-nav li a { color: #292b2c; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } .inbox-nav li a .badge { color: #636c72; font-weight: normal; } .message-tool-bar-right .count-message { margin-right: 10px; } @media (min-width: 768px) { .chat-row { border-left: solid 1px var(--border-color); } } .user-bar-top { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } .user-top-comp { width: 100%; } .user-top-comp > div { width: 100%; } .user-top { max-width: 80%; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-align-self: flex-end; align-self: flex-end; } @media (max-width: 767px) { .user-top { max-width: 60%; } } .user-top p { margin: 0; padding: 0; } .message-chat-history { display: block; min-height: 400px; max-height: 500px; overflow-y: auto; } .chat-item { display: -webkit-flex; display: -moz-box; display: flex; margin-bottom: 15px; -webkit-align-items: center; -moz-box-align: center; align-items: center; text-align: left; } .chat-item .chat-item-content { max-width: 55%; } .chat-item .msg-img { margin-bottom: 3px; } .chat-item .msg-img img { max-width: 100%; width: 100%; border-radius: 1.3em; border: solid 1px #f1f0f0; } .chat-item .time-and-date { display: block; font-size: 10px; margin: 8px 0 0 12px; color: #636c72; } .chat-item .msg { color: black; margin: 1px 0; clear: left; border: 1.3em; word-wrap: break-word; padding: 6px 12px; border-radius: 1.3em 1.3em 1.3em .3em; } .chat-item .msg p { margin: 0; padding-bottom: 0; } .chat-item .object-user-img { -webkit-align-self: flex-end; align-self: flex-end; } .chat-item .object-user-img img { max-height: 60px; max-width: 60px; border: solid 1px var(--border-color); border-radius: 50%; overflow: hidden; display: block; padding: 0; } .chat-item.object-user { -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; } .chat-item.object-user .chat-item-content { margin-left: 10px; } .chat-item.object-user .msg { background-color: #f1f0f0; } .chat-item.object-me { text-align: right; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; } .chat-item.object-me .msg { clear: right; display: inline-block; border-radius: 1.3em 1.3em .3em 1.3em; background: #2ecc71; color: #fff; } .type-message { width: 100%; display: block; clear: both; margin-top: 15px; } .type-message .type-form { width: 100%; position: relative; border-top: solid 1px var(--border-color); } .type-message .type-form .form-control { width: 100%; border: 0 !important; box-shadow: none !important; } .type-message .type-form .button-wrap { position: absolute; right: 0; top: 0; } .type-message .type-form .button-wrap .btn { border: 0 !important; box-shadow: none !important; } .message-compose .type-form { border: none !important; } .message-compose textarea { height: 300px; border: solid 1px var(--border-color) !important; } .type-form-footer { padding-top: 10px; } .type-form-footer .btn { margin-right: 5px; } @media (max-width: 991px) { .list-title a { font-size: 16px; } } @media (max-width: 979px) { .intro { height: 300px; } .inner-box { padding: 20px 10px; } .user-panel-sidebar ul li a { padding: 5px 4px; font-size: 11px; } } @media (min-width: 768px) { .btn-cat-collapsed { position: absolute; right: 0; text-indent: -9999px; opacity: 0; } } @media (max-width: 767px) { .country-map { margin: 15px 0; } .intro { height: auto; padding-bottom: 40px; padding-top: 40px; } .intro.has-map { height: auto; padding-bottom: 40px; padding-top: 40px; } .intro.jobs-intro { padding-top: 0; padding-bottom: 0; height: auto; } .intro .col-sm-4 { margin-bottom: 15px; } h1 { font-size: 24px; line-height: 25px; } h2 { font-size: 20px; line-height: 24px; } h3 { font-size: 18px; line-height: 20px; } h4 { font-size: 16px; line-height: 18px; } .hidden-xs { display: none !important; visibility: hidden !important; } .text-center-xs { text-align: center; } .table-action { display: block; margin-bottom: 15px; padding: 15px 15px 0; } .search-row-wrapper .col-md-3 { margin-bottom: 10px; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; width: 100%; } .search-row-wrapper .selecter { max-width: 100%; } .cat-list { margin-bottom: 15px; } .cat-list ul { display: none; } .btn-cat-collapsed { position: absolute; right: 0; top: 10px; text-indent: 0; opacity: 1; cursor: pointer; } .xs-gap { margin-bottom: 15px; } .icon-down-open-big { display: inherit; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .icon-down-open-big.active-panel { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .hasOverly > div { padding-bottom: 40px; padding-top: 40px; } .navbar-default .navbar-nav > li > a.btn-post { color: #fff; } } @media (max-width: 580px) { .hdata { display: inline-block; margin-right: 4px; width: 80px; } .useradmin { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .page-content .table-bordered { border-top: solid 1px var(--border-color); } } @media (max-width: 480px) { .col-xxs-12 { width: 100%; } .col-xxs-6 { width: 50%; } .text-center-xxs { text-align: center; } .text-center-480 { text-align: center; } .userImg { width: 54px; } .table-action { text-align: center; } .table-search { margin-top: 10px; padding: 0; width: 100%; } .header-data { border-top: solid 1px var(--border-color); margin-top: 10px; padding-top: 10px; } .tab-filter .select-sort-by { margin-right: 10px; margin-top: 9px; min-width: 115px !important; } .tab-filter .selecter-item { font-size: 11px; margin: 0; overflow: hidden; padding: 5px 10px; } .tab-filter .selecter-selected:after { right: 4px; } .select-sort-by .selecter-selected { font-size: 11px; padding: 4.5px 8px; } } @media (max-width: 320px) { .hdata { display: inline-block; margin-right: 2px; width: 70px; } .hdata i { border-radius: 50px; box-shadow: 0 0 1px #777 inset; color: #fff; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; text-align: center; width: 30px; } .container { min-width: 300px; } body { min-width: 300px; } html { min-width: 300px; } .navbar .container { padding-left: 5px; } } @media (max-width: 300px) { .container { width: 300px; } body { width: 300px; } html { width: 300px; } } @media only screen and (max-width: 400px) { .tab-filter { width: 100px; right: 5px; } .tab-filter .select-sort-by { min-width: 80px !important; width: 100% !important; } .nav-tabs.add-tabs > li > a { font-size: 10px; padding-left: 5px; padding-right: 5px; } .select-sort-by .selecter-selected { font-size: 9px; } } .navbar-site { position: fixed; top: 0; left: 0; right: 0; z-index: 1001; } @media (min-width: 768px) { .navbar-demo .nav-demo { margin-top: 10px; } } @media (max-width: 767px) { .navbar-demo .nav-demo li a.btn-secondary.nav-link { padding-right: 10px; padding-left: 10px; } } @media (max-width: 767px) { .navbar-demo .navbar-toggle { margin-top: 20px; } } .demo-intro .intro-title { color: #fff; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 48px; line-height: 1.4; font-weight: lighter; letter-spacing: 3px; margin-bottom: 10px; padding-bottom: 0; text-shadow: none; text-transform: none; -webkit-transition: font 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -moz-transition: font 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -o-transition: font 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; transition: font 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; } html[dir="rtl"] body .demo-intro .intro-title, .demo-intro html[dir="rtl"] body .intro-title { font-family: 'Cairo', sans-serif; line-height: 1.4; } .demo-intro { min-height: 350px; position: relative; text-align: center; height: 90vh; padding: 0 !important; } @media (max-width: 575px) { .demo-intro .intro-title { font-size: 28px; } } .demo-intro p.sub { max-width: 600px; display: inline-block; margin: 0 auto; } .demo-intro .dtable { z-index: 2; } @media (min-width: 0) and (max-width: 768px) { .demo-intro .container { padding: 50px; } } .gradient-bg { position: absolute; height: 100%; width: 100%; left: 0; opacity: .65; right: 0; z-index: 0; background: #30e8bf; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #ff8235, #30e8bf); /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-linear-gradient(left, #ff8235, #30e8bf); background: -moz-linear-gradient(left, #ff8235, #30e8bf); background: -o-linear-gradient(left, #ff8235, #30e8bf); background: linear-gradient(to right, #ff8235, #30e8bf); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .btn-round { position: relative; display: inline-block; line-height: 24px; padding: 12px 30px; background: #ffffff; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; color: #333; border: white 1px solid; z-index: 5; border-radius: 100px; } .btn-box { margin-top: 40px; } .btn-box .btn { margin: 5px; } .section.demo { padding: 120px 0; background: #fff; } @media (min-width: 0) and (max-width: 768px) { .section.demo { padding: 60px 0; } } .demo-featured { text-align: center; display: block; position: relative; margin-top: 60px; } .demo-featured h4 { margin-bottom: 0; font-size: 18px; color: #333; letter-spacing: 1px; text-transform: uppercase; } @media (min-width: 0) and (max-width: 767px) { .demo-featured { margin-top: 10px; margin-bottom: 30px; } .demo-featured h4 { font-size: 14px; letter-spacing: 0.0px; } } .demo-featured a { display: block; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; max-width: 90%; padding: 30px; margin: 0 auto; max-height: 382px; } .demo-featured a img { max-width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .demo-featured a:hover img { box-shadow: 0 0 35px rgba(0, 0, 0, 0.3); } @media (min-width: 0) and (max-width: 767px) { .demo-featured a { height: 210px; overflow: hidden; padding: 0; } } .demo-section-footer { margin-top: 40px; text-align: center; width: 100%; } .demo-section-footer .btn-round { border-color: #ccc; } .demo-section-footer .btn-round:hover { border-color: transparent; } #featured-rtl { border-top: solid 1px #dddddd; } @-webkit-keyframes bg { 0% { background-image: url(../../images/demo/bg/dark.jpg); } 50% { background-image: url(../../images/demo/bg/white.jpg); } 100% { background-image: url(../../images/demo/bg/dark.jpg); } } @-moz-keyframes bg { 0% { background-image: url(../../images/demo/bg/dark.jpg); } 50% { background-image: url(../../images/demo/bg/white.jpg); } 100% { background-image: url(../../images/demo/bg/dark.jpg); } } @-o-keyframes bg { 0% { background-image: url(../../images/demo/bg/dark.jpg); } 50% { background-image: url(../../images/demo/bg/white.jpg); } 100% { background-image: url(../../images/demo/bg/dark.jpg); } } @keyframes bg { 0% { background-image: url(../../images/demo/bg/dark.jpg); } 50% { background-image: url(../../images/demo/bg/white.jpg); } 100% { background-image: url(../../images/demo/bg/dark.jpg); } } @-webkit-keyframes bg-2 { 0% { background-image: url(../../images/demo/bg/white.jpg); } 50% { background-image: url(../../images/demo/bg/dark.jpg); } 100% { background-image: url(../../images/demo/bg/white.jpg); } } @-moz-keyframes bg-2 { 0% { background-image: url(../../images/demo/bg/white.jpg); } 50% { background-image: url(../../images/demo/bg/dark.jpg); } 100% { background-image: url(../../images/demo/bg/white.jpg); } } @-o-keyframes bg-2 { 0% { background-image: url(../../images/demo/bg/white.jpg); } 50% { background-image: url(../../images/demo/bg/dark.jpg); } 100% { background-image: url(../../images/demo/bg/white.jpg); } } @keyframes bg-2 { 0% { background-image: url(../../images/demo/bg/white.jpg); } 50% { background-image: url(../../images/demo/bg/dark.jpg); } 100% { background-image: url(../../images/demo/bg/white.jpg); } } .section-dark-mode { height: auto; background: #000; padding: 80px 0; background-color: #000000; background-image: -webkit-linear-gradient(135deg, #000000 0%, #414141 74%); background-image: -moz-linear-gradient(135deg, #000000 0%, #414141 74%); background-image: -o-linear-gradient(135deg, #000000 0%, #414141 74%); background-image: linear-gradient(315deg, #000000 0%, #414141 74%); } .section-dark-mode h1 { color: white; } .section-dark-mode .text-hr { background: white; } .section-dark-mode .section-bg { height: auto; width: 800px; margin: 0 auto; display: -webkit-flex; display: -moz-box; display: flex; border-radius: 10px; overflow: hidden; } @media (max-width: 767px) { .section-dark-mode .section-bg { max-width: 80%; } } .section-dark-mode .left, .section-dark-mode .right { height: 100%; width: 50%; background-position: top center; background-repeat: no-repeat; background-size: 100% auto; padding-top: 38%; -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .section-dark-mode .left { -webkit-animation-name: bg; -moz-animation-name: bg; -o-animation-name: bg; animation-name: bg; } .section-dark-mode .right { -webkit-animation-name: bg-2; -moz-animation-name: bg-2; -o-animation-name: bg-2; animation-name: bg-2; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .rounded { border-radius: 6px; } .rounded-top { border-top-right-radius: 6px; border-top-left-radius: 6px; } .rounded-right { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .rounded-bottom { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .rounded-left { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .rounded-circle { border-radius: 50%; } .rounded-0 { border-radius: 0; } .clearfix::after { display: block; content: ""; clear: both; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1030; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .margin-top-bottom--xs { margin-top: 8px; margin-bottom: 8px; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .text-white { color: #fff !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .bg-faded { background-color: #d5d5d5; } .bg-primary { background-color: #16a085 !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #107360 !important; } .bg-success { background-color: #2ecc71 !important; } a.bg-success:focus, a.bg-success:hover { background-color: #25a25a !important; } .bg-info { background-color: #e4cb65 !important; } a.bg-info:focus, a.bg-info:hover { background-color: #dcbc3a !important; } .bg-warning { background-color: #f1c40f !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #c29d0b !important; } .bg-danger { background-color: #d9534f !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #c9302c !important; } .bg-inverse { background-color: #34495e !important; } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #22303d !important; } .shape { border-radius: 3px; color: #fff; display: inline-block; font-size: 28px; height: 42px; line-height: 40px; overflow: hidden; text-align: center; vertical-align: middle; width: 42px; } .logo:hover .ln-shadow-logo { -webkit-transition: text-shadow 0.25s ease; -moz-transition: text-shadow 0.25s ease; -o-transition: text-shadow 0.25s ease; transition: text-shadow 0.25s ease; background-color: #16a085; text-shadow: 0px 0px #107360, 1px 1px #107360, 2px 2px #107360, 3px 3px #107360, 4px 4px #107360, 5px 5px #107360, 6px 6px #107360, 7px 7px #107360, 8px 8px #107360, 9px 9px #107360, 10px 10px #107360, 11px 11px #107360, 12px 12px #107360, 13px 13px #107360, 14px 14px #107360, 15px 15px #107360, 16px 16px #107360, 17px 17px #107360, 18px 18px #107360, 19px 19px #107360, 20px 20px #107360, 21px 21px #107360, 22px 22px #107360, 23px 23px #107360, 24px 24px #107360, 25px 25px #107360, 26px 26px #107360, 27px 27px #107360, 28px 28px #107360, 29px 29px #107360, 30px 30px #107360, 31px 31px #107360, 32px 32px #107360, 33px 33px #107360, 34px 34px #107360, 35px 35px #107360, 36px 36px #107360, 37px 37px #107360, 38px 38px #107360, 39px 39px #107360, 40px 40px #107360, 41px 41px #107360, 42px 42px #107360, 43px 43px #107360, 44px 44px #107360, 45px 45px #107360, 46px 46px #107360, 47px 47px #107360, 48px 48px #107360, 49px 49px #107360, 50px 50px #107360, 51px 51px #107360, 52px 52px #107360, 53px 53px #107360, 54px 54px #107360, 55px 55px #107360, 56px 56px #107360, 57px 57px #107360, 58px 58px #107360, 59px 59px #107360, 60px 60px #107360, 61px 61px #107360, 62px 62px #107360, 63px 63px #107360, 64px 64px #107360, 65px 65px #107360, 66px 66px #107360, 67px 67px #107360, 68px 68px #107360, 69px 69px #107360, 70px 70px #107360, 71px 71px #107360, 72px 72px #107360, 73px 73px #107360, 74px 74px #107360, 75px 75px #107360, 76px 76px #107360, 77px 77px #107360, 78px 78px #107360, 79px 79px #107360, 80px 80px #107360, 81px 81px #107360, 82px 82px #107360, 83px 83px #107360, 84px 84px #107360, 85px 85px #107360, 86px 86px #107360, 87px 87px #107360, 88px 88px #107360, 89px 89px #107360, 90px 90px #107360, 91px 91px #107360, 92px 92px #107360, 93px 93px #107360, 94px 94px #107360, 95px 95px #107360, 96px 96px #107360, 97px 97px #107360, 98px 98px #107360, 99px 99px #107360, 100px 100px #107360, 101px 101px #107360, 102px 102px #107360, 103px 103px #107360, 104px 104px #107360, 105px 105px #107360, 106px 106px #107360, 107px 107px #107360, 108px 108px #107360, 109px 109px #107360, 110px 110px #107360, 111px 111px #107360, 112px 112px #107360, 113px 113px #107360, 114px 114px #107360, 115px 115px #107360, 116px 116px #107360, 117px 117px #107360, 118px 118px #107360, 119px 119px #107360, 120px 120px #107360, 121px 121px #107360, 122px 122px #107360, 123px 123px #107360, 124px 124px #107360, 125px 125px #107360, 126px 126px #107360, 127px 127px #107360, 128px 128px #107360, 129px 129px #107360, 130px 130px #107360, 131px 131px #107360, 132px 132px #107360, 133px 133px #107360, 134px 134px #107360, 135px 135px #107360, 136px 136px #107360, 137px 137px #107360, 138px 138px #107360, 139px 139px #107360, 140px 140px #107360, 141px 141px #107360, 142px 142px #107360, 143px 143px #107360, 144px 144px #107360, 145px 145px #107360, 146px 146px #107360, 147px 147px #107360, 148px 148px #107360, 149px 149px #107360, 150px 150px #107360, 151px 151px #107360, 152px 152px #107360, 153px 153px #107360, 154px 154px #107360, 155px 155px #107360, 156px 156px #107360, 157px 157px #107360, 158px 158px #107360, 159px 159px #107360, 160px 160px #107360, 161px 161px #107360, 162px 162px #107360, 163px 163px #107360, 164px 164px #107360, 165px 165px #107360, 166px 166px #107360, 167px 167px #107360, 168px 168px #107360, 169px 169px #107360, 170px 170px #107360, 171px 171px #107360, 172px 172px #107360, 173px 173px #107360, 174px 174px #107360, 175px 175px #107360, 176px 176px #107360, 177px 177px #107360, 178px 178px #107360, 179px 179px #107360, 180px 180px #107360, 181px 181px #107360, 182px 182px #107360, 183px 183px #107360, 184px 184px #107360, 185px 185px #107360, 186px 186px #107360, 187px 187px #107360, 188px 188px #107360, 189px 189px #107360, 190px 190px #107360, 191px 191px #107360, 192px 192px #107360, 193px 193px #107360, 194px 194px #107360, 195px 195px #107360, 196px 196px #107360, 197px 197px #107360, 198px 198px #107360, 199px 199px #107360, 200px 200px #107360; } .ln-shadow { background-color: #16a085; border-radius: 50%; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); color: #fff; display: inline-block; font-size: 26px; height: 48px; line-height: 46px; overflow: hidden; text-align: center; vertical-align: middle; width: 48px; text-shadow: 0px 0px #138a72, 1px 1px #138a72, 2px 2px #138a72, 3px 3px #138a72, 4px 4px #138a72, 5px 5px #138a72, 6px 6px #138a72, 7px 7px #138a72, 8px 8px #138a72, 9px 9px #138a72, 10px 10px #138a72, 11px 11px #138a72, 12px 12px #138a72, 13px 13px #138a72, 14px 14px #138a72, 15px 15px #138a72, 16px 16px #138a72, 17px 17px #138a72, 18px 18px #138a72, 19px 19px #138a72, 20px 20px #138a72, 21px 21px #138a72, 22px 22px #138a72, 23px 23px #138a72, 24px 24px #138a72, 25px 25px #138a72, 26px 26px #138a72, 27px 27px #138a72, 28px 28px #138a72, 29px 29px #138a72, 30px 30px #138a72, 31px 31px #138a72, 32px 32px #138a72, 33px 33px #138a72, 34px 34px #138a72, 35px 35px #138a72, 36px 36px #138a72, 37px 37px #138a72, 38px 38px #138a72, 39px 39px #138a72, 40px 40px #138a72, 41px 41px #138a72, 42px 42px #138a72, 43px 43px #138a72, 44px 44px #138a72, 45px 45px #138a72, 46px 46px #138a72, 47px 47px #138a72, 48px 48px #138a72, 49px 49px #138a72, 50px 50px #138a72, 51px 51px #138a72, 52px 52px #138a72, 53px 53px #138a72, 54px 54px #138a72, 55px 55px #138a72, 56px 56px #138a72, 57px 57px #138a72, 58px 58px #138a72, 59px 59px #138a72, 60px 60px #138a72, 61px 61px #138a72, 62px 62px #138a72, 63px 63px #138a72, 64px 64px #138a72, 65px 65px #138a72, 66px 66px #138a72, 67px 67px #138a72, 68px 68px #138a72, 69px 69px #138a72, 70px 70px #138a72, 71px 71px #138a72, 72px 72px #138a72, 73px 73px #138a72, 74px 74px #138a72, 75px 75px #138a72, 76px 76px #138a72, 77px 77px #138a72, 78px 78px #138a72, 79px 79px #138a72, 80px 80px #138a72, 81px 81px #138a72, 82px 82px #138a72, 83px 83px #138a72, 84px 84px #138a72, 85px 85px #138a72, 86px 86px #138a72, 87px 87px #138a72, 88px 88px #138a72, 89px 89px #138a72, 90px 90px #138a72, 91px 91px #138a72, 92px 92px #138a72, 93px 93px #138a72, 94px 94px #138a72, 95px 95px #138a72, 96px 96px #138a72, 97px 97px #138a72, 98px 98px #138a72, 99px 99px #138a72, 100px 100px #138a72, 101px 101px #138a72, 102px 102px #138a72, 103px 103px #138a72, 104px 104px #138a72, 105px 105px #138a72, 106px 106px #138a72, 107px 107px #138a72, 108px 108px #138a72, 109px 109px #138a72, 110px 110px #138a72, 111px 111px #138a72, 112px 112px #138a72, 113px 113px #138a72, 114px 114px #138a72, 115px 115px #138a72, 116px 116px #138a72, 117px 117px #138a72, 118px 118px #138a72, 119px 119px #138a72, 120px 120px #138a72, 121px 121px #138a72, 122px 122px #138a72, 123px 123px #138a72, 124px 124px #138a72, 125px 125px #138a72, 126px 126px #138a72, 127px 127px #138a72, 128px 128px #138a72, 129px 129px #138a72, 130px 130px #138a72, 131px 131px #138a72, 132px 132px #138a72, 133px 133px #138a72, 134px 134px #138a72, 135px 135px #138a72, 136px 136px #138a72, 137px 137px #138a72, 138px 138px #138a72, 139px 139px #138a72, 140px 140px #138a72, 141px 141px #138a72, 142px 142px #138a72, 143px 143px #138a72, 144px 144px #138a72, 145px 145px #138a72, 146px 146px #138a72, 147px 147px #138a72, 148px 148px #138a72, 149px 149px #138a72, 150px 150px #138a72, 151px 151px #138a72, 152px 152px #138a72, 153px 153px #138a72, 154px 154px #138a72, 155px 155px #138a72, 156px 156px #138a72, 157px 157px #138a72, 158px 158px #138a72, 159px 159px #138a72, 160px 160px #138a72, 161px 161px #138a72, 162px 162px #138a72, 163px 163px #138a72, 164px 164px #138a72, 165px 165px #138a72, 166px 166px #138a72, 167px 167px #138a72, 168px 168px #138a72, 169px 169px #138a72, 170px 170px #138a72, 171px 171px #138a72, 172px 172px #138a72, 173px 173px #138a72, 174px 174px #138a72, 175px 175px #138a72, 176px 176px #138a72, 177px 177px #138a72, 178px 178px #138a72, 179px 179px #138a72, 180px 180px #138a72, 181px 181px #138a72, 182px 182px #138a72, 183px 183px #138a72, 184px 184px #138a72, 185px 185px #138a72, 186px 186px #138a72, 187px 187px #138a72, 188px 188px #138a72, 189px 189px #138a72, 190px 190px #138a72, 191px 191px #138a72, 192px 192px #138a72, 193px 193px #138a72, 194px 194px #138a72, 195px 195px #138a72, 196px 196px #138a72, 197px 197px #138a72, 198px 198px #138a72, 199px 199px #138a72, 200px 200px #138a72; } .ln-shadow.small { font-size: 70%; height: 40px; line-height: 40px; width: 40px; } .ln-shadow.circle { border-radius: 50%; } .shape-0, .ln-shadow-logo { background-color: #16a085; text-shadow: 0px 0px #138a72, 1px 1px #138a72, 2px 2px #138a72, 3px 3px #138a72, 4px 4px #138a72, 5px 5px #138a72, 6px 6px #138a72, 7px 7px #138a72, 8px 8px #138a72, 9px 9px #138a72, 10px 10px #138a72, 11px 11px #138a72, 12px 12px #138a72, 13px 13px #138a72, 14px 14px #138a72, 15px 15px #138a72, 16px 16px #138a72, 17px 17px #138a72, 18px 18px #138a72, 19px 19px #138a72, 20px 20px #138a72, 21px 21px #138a72, 22px 22px #138a72, 23px 23px #138a72, 24px 24px #138a72, 25px 25px #138a72, 26px 26px #138a72, 27px 27px #138a72, 28px 28px #138a72, 29px 29px #138a72, 30px 30px #138a72, 31px 31px #138a72, 32px 32px #138a72, 33px 33px #138a72, 34px 34px #138a72, 35px 35px #138a72, 36px 36px #138a72, 37px 37px #138a72, 38px 38px #138a72, 39px 39px #138a72, 40px 40px #138a72, 41px 41px #138a72, 42px 42px #138a72, 43px 43px #138a72, 44px 44px #138a72, 45px 45px #138a72, 46px 46px #138a72, 47px 47px #138a72, 48px 48px #138a72, 49px 49px #138a72, 50px 50px #138a72, 51px 51px #138a72, 52px 52px #138a72, 53px 53px #138a72, 54px 54px #138a72, 55px 55px #138a72, 56px 56px #138a72, 57px 57px #138a72, 58px 58px #138a72, 59px 59px #138a72, 60px 60px #138a72, 61px 61px #138a72, 62px 62px #138a72, 63px 63px #138a72, 64px 64px #138a72, 65px 65px #138a72, 66px 66px #138a72, 67px 67px #138a72, 68px 68px #138a72, 69px 69px #138a72, 70px 70px #138a72, 71px 71px #138a72, 72px 72px #138a72, 73px 73px #138a72, 74px 74px #138a72, 75px 75px #138a72, 76px 76px #138a72, 77px 77px #138a72, 78px 78px #138a72, 79px 79px #138a72, 80px 80px #138a72, 81px 81px #138a72, 82px 82px #138a72, 83px 83px #138a72, 84px 84px #138a72, 85px 85px #138a72, 86px 86px #138a72, 87px 87px #138a72, 88px 88px #138a72, 89px 89px #138a72, 90px 90px #138a72, 91px 91px #138a72, 92px 92px #138a72, 93px 93px #138a72, 94px 94px #138a72, 95px 95px #138a72, 96px 96px #138a72, 97px 97px #138a72, 98px 98px #138a72, 99px 99px #138a72, 100px 100px #138a72, 101px 101px #138a72, 102px 102px #138a72, 103px 103px #138a72, 104px 104px #138a72, 105px 105px #138a72, 106px 106px #138a72, 107px 107px #138a72, 108px 108px #138a72, 109px 109px #138a72, 110px 110px #138a72, 111px 111px #138a72, 112px 112px #138a72, 113px 113px #138a72, 114px 114px #138a72, 115px 115px #138a72, 116px 116px #138a72, 117px 117px #138a72, 118px 118px #138a72, 119px 119px #138a72, 120px 120px #138a72, 121px 121px #138a72, 122px 122px #138a72, 123px 123px #138a72, 124px 124px #138a72, 125px 125px #138a72, 126px 126px #138a72, 127px 127px #138a72, 128px 128px #138a72, 129px 129px #138a72, 130px 130px #138a72, 131px 131px #138a72, 132px 132px #138a72, 133px 133px #138a72, 134px 134px #138a72, 135px 135px #138a72, 136px 136px #138a72, 137px 137px #138a72, 138px 138px #138a72, 139px 139px #138a72, 140px 140px #138a72, 141px 141px #138a72, 142px 142px #138a72, 143px 143px #138a72, 144px 144px #138a72, 145px 145px #138a72, 146px 146px #138a72, 147px 147px #138a72, 148px 148px #138a72, 149px 149px #138a72, 150px 150px #138a72, 151px 151px #138a72, 152px 152px #138a72, 153px 153px #138a72, 154px 154px #138a72, 155px 155px #138a72, 156px 156px #138a72, 157px 157px #138a72, 158px 158px #138a72, 159px 159px #138a72, 160px 160px #138a72, 161px 161px #138a72, 162px 162px #138a72, 163px 163px #138a72, 164px 164px #138a72, 165px 165px #138a72, 166px 166px #138a72, 167px 167px #138a72, 168px 168px #138a72, 169px 169px #138a72, 170px 170px #138a72, 171px 171px #138a72, 172px 172px #138a72, 173px 173px #138a72, 174px 174px #138a72, 175px 175px #138a72, 176px 176px #138a72, 177px 177px #138a72, 178px 178px #138a72, 179px 179px #138a72, 180px 180px #138a72, 181px 181px #138a72, 182px 182px #138a72, 183px 183px #138a72, 184px 184px #138a72, 185px 185px #138a72, 186px 186px #138a72, 187px 187px #138a72, 188px 188px #138a72, 189px 189px #138a72, 190px 190px #138a72, 191px 191px #138a72, 192px 192px #138a72, 193px 193px #138a72, 194px 194px #138a72, 195px 195px #138a72, 196px 196px #138a72, 197px 197px #138a72, 198px 198px #138a72, 199px 199px #138a72, 200px 200px #138a72; } .shape-1 { background-color: #2ecc71; text-shadow: 0px 0px #29b765, 1px 1px #29b765, 2px 2px #29b765, 3px 3px #29b765, 4px 4px #29b765, 5px 5px #29b765, 6px 6px #29b765, 7px 7px #29b765, 8px 8px #29b765, 9px 9px #29b765, 10px 10px #29b765, 11px 11px #29b765, 12px 12px #29b765, 13px 13px #29b765, 14px 14px #29b765, 15px 15px #29b765, 16px 16px #29b765, 17px 17px #29b765, 18px 18px #29b765, 19px 19px #29b765, 20px 20px #29b765, 21px 21px #29b765, 22px 22px #29b765, 23px 23px #29b765, 24px 24px #29b765, 25px 25px #29b765, 26px 26px #29b765, 27px 27px #29b765, 28px 28px #29b765, 29px 29px #29b765, 30px 30px #29b765, 31px 31px #29b765, 32px 32px #29b765, 33px 33px #29b765, 34px 34px #29b765, 35px 35px #29b765, 36px 36px #29b765, 37px 37px #29b765, 38px 38px #29b765, 39px 39px #29b765, 40px 40px #29b765, 41px 41px #29b765, 42px 42px #29b765, 43px 43px #29b765, 44px 44px #29b765, 45px 45px #29b765, 46px 46px #29b765, 47px 47px #29b765, 48px 48px #29b765, 49px 49px #29b765, 50px 50px #29b765, 51px 51px #29b765, 52px 52px #29b765, 53px 53px #29b765, 54px 54px #29b765, 55px 55px #29b765, 56px 56px #29b765, 57px 57px #29b765, 58px 58px #29b765, 59px 59px #29b765, 60px 60px #29b765, 61px 61px #29b765, 62px 62px #29b765, 63px 63px #29b765, 64px 64px #29b765, 65px 65px #29b765, 66px 66px #29b765, 67px 67px #29b765, 68px 68px #29b765, 69px 69px #29b765, 70px 70px #29b765, 71px 71px #29b765, 72px 72px #29b765, 73px 73px #29b765, 74px 74px #29b765, 75px 75px #29b765, 76px 76px #29b765, 77px 77px #29b765, 78px 78px #29b765, 79px 79px #29b765, 80px 80px #29b765, 81px 81px #29b765, 82px 82px #29b765, 83px 83px #29b765, 84px 84px #29b765, 85px 85px #29b765, 86px 86px #29b765, 87px 87px #29b765, 88px 88px #29b765, 89px 89px #29b765, 90px 90px #29b765, 91px 91px #29b765, 92px 92px #29b765, 93px 93px #29b765, 94px 94px #29b765, 95px 95px #29b765, 96px 96px #29b765, 97px 97px #29b765, 98px 98px #29b765, 99px 99px #29b765, 100px 100px #29b765, 101px 101px #29b765, 102px 102px #29b765, 103px 103px #29b765, 104px 104px #29b765, 105px 105px #29b765, 106px 106px #29b765, 107px 107px #29b765, 108px 108px #29b765, 109px 109px #29b765, 110px 110px #29b765, 111px 111px #29b765, 112px 112px #29b765, 113px 113px #29b765, 114px 114px #29b765, 115px 115px #29b765, 116px 116px #29b765, 117px 117px #29b765, 118px 118px #29b765, 119px 119px #29b765, 120px 120px #29b765, 121px 121px #29b765, 122px 122px #29b765, 123px 123px #29b765, 124px 124px #29b765, 125px 125px #29b765, 126px 126px #29b765, 127px 127px #29b765, 128px 128px #29b765, 129px 129px #29b765, 130px 130px #29b765, 131px 131px #29b765, 132px 132px #29b765, 133px 133px #29b765, 134px 134px #29b765, 135px 135px #29b765, 136px 136px #29b765, 137px 137px #29b765, 138px 138px #29b765, 139px 139px #29b765, 140px 140px #29b765, 141px 141px #29b765, 142px 142px #29b765, 143px 143px #29b765, 144px 144px #29b765, 145px 145px #29b765, 146px 146px #29b765, 147px 147px #29b765, 148px 148px #29b765, 149px 149px #29b765, 150px 150px #29b765, 151px 151px #29b765, 152px 152px #29b765, 153px 153px #29b765, 154px 154px #29b765, 155px 155px #29b765, 156px 156px #29b765, 157px 157px #29b765, 158px 158px #29b765, 159px 159px #29b765, 160px 160px #29b765, 161px 161px #29b765, 162px 162px #29b765, 163px 163px #29b765, 164px 164px #29b765, 165px 165px #29b765, 166px 166px #29b765, 167px 167px #29b765, 168px 168px #29b765, 169px 169px #29b765, 170px 170px #29b765, 171px 171px #29b765, 172px 172px #29b765, 173px 173px #29b765, 174px 174px #29b765, 175px 175px #29b765, 176px 176px #29b765, 177px 177px #29b765, 178px 178px #29b765, 179px 179px #29b765, 180px 180px #29b765, 181px 181px #29b765, 182px 182px #29b765, 183px 183px #29b765, 184px 184px #29b765, 185px 185px #29b765, 186px 186px #29b765, 187px 187px #29b765, 188px 188px #29b765, 189px 189px #29b765, 190px 190px #29b765, 191px 191px #29b765, 192px 192px #29b765, 193px 193px #29b765, 194px 194px #29b765, 195px 195px #29b765, 196px 196px #29b765, 197px 197px #29b765, 198px 198px #29b765, 199px 199px #29b765, 200px 200px #29b765; } .shape-2 { background-color: #d9534f; text-shadow: 0px 0px #d43f3a, 1px 1px #d43f3a, 2px 2px #d43f3a, 3px 3px #d43f3a, 4px 4px #d43f3a, 5px 5px #d43f3a, 6px 6px #d43f3a, 7px 7px #d43f3a, 8px 8px #d43f3a, 9px 9px #d43f3a, 10px 10px #d43f3a, 11px 11px #d43f3a, 12px 12px #d43f3a, 13px 13px #d43f3a, 14px 14px #d43f3a, 15px 15px #d43f3a, 16px 16px #d43f3a, 17px 17px #d43f3a, 18px 18px #d43f3a, 19px 19px #d43f3a, 20px 20px #d43f3a, 21px 21px #d43f3a, 22px 22px #d43f3a, 23px 23px #d43f3a, 24px 24px #d43f3a, 25px 25px #d43f3a, 26px 26px #d43f3a, 27px 27px #d43f3a, 28px 28px #d43f3a, 29px 29px #d43f3a, 30px 30px #d43f3a, 31px 31px #d43f3a, 32px 32px #d43f3a, 33px 33px #d43f3a, 34px 34px #d43f3a, 35px 35px #d43f3a, 36px 36px #d43f3a, 37px 37px #d43f3a, 38px 38px #d43f3a, 39px 39px #d43f3a, 40px 40px #d43f3a, 41px 41px #d43f3a, 42px 42px #d43f3a, 43px 43px #d43f3a, 44px 44px #d43f3a, 45px 45px #d43f3a, 46px 46px #d43f3a, 47px 47px #d43f3a, 48px 48px #d43f3a, 49px 49px #d43f3a, 50px 50px #d43f3a, 51px 51px #d43f3a, 52px 52px #d43f3a, 53px 53px #d43f3a, 54px 54px #d43f3a, 55px 55px #d43f3a, 56px 56px #d43f3a, 57px 57px #d43f3a, 58px 58px #d43f3a, 59px 59px #d43f3a, 60px 60px #d43f3a, 61px 61px #d43f3a, 62px 62px #d43f3a, 63px 63px #d43f3a, 64px 64px #d43f3a, 65px 65px #d43f3a, 66px 66px #d43f3a, 67px 67px #d43f3a, 68px 68px #d43f3a, 69px 69px #d43f3a, 70px 70px #d43f3a, 71px 71px #d43f3a, 72px 72px #d43f3a, 73px 73px #d43f3a, 74px 74px #d43f3a, 75px 75px #d43f3a, 76px 76px #d43f3a, 77px 77px #d43f3a, 78px 78px #d43f3a, 79px 79px #d43f3a, 80px 80px #d43f3a, 81px 81px #d43f3a, 82px 82px #d43f3a, 83px 83px #d43f3a, 84px 84px #d43f3a, 85px 85px #d43f3a, 86px 86px #d43f3a, 87px 87px #d43f3a, 88px 88px #d43f3a, 89px 89px #d43f3a, 90px 90px #d43f3a, 91px 91px #d43f3a, 92px 92px #d43f3a, 93px 93px #d43f3a, 94px 94px #d43f3a, 95px 95px #d43f3a, 96px 96px #d43f3a, 97px 97px #d43f3a, 98px 98px #d43f3a, 99px 99px #d43f3a, 100px 100px #d43f3a, 101px 101px #d43f3a, 102px 102px #d43f3a, 103px 103px #d43f3a, 104px 104px #d43f3a, 105px 105px #d43f3a, 106px 106px #d43f3a, 107px 107px #d43f3a, 108px 108px #d43f3a, 109px 109px #d43f3a, 110px 110px #d43f3a, 111px 111px #d43f3a, 112px 112px #d43f3a, 113px 113px #d43f3a, 114px 114px #d43f3a, 115px 115px #d43f3a, 116px 116px #d43f3a, 117px 117px #d43f3a, 118px 118px #d43f3a, 119px 119px #d43f3a, 120px 120px #d43f3a, 121px 121px #d43f3a, 122px 122px #d43f3a, 123px 123px #d43f3a, 124px 124px #d43f3a, 125px 125px #d43f3a, 126px 126px #d43f3a, 127px 127px #d43f3a, 128px 128px #d43f3a, 129px 129px #d43f3a, 130px 130px #d43f3a, 131px 131px #d43f3a, 132px 132px #d43f3a, 133px 133px #d43f3a, 134px 134px #d43f3a, 135px 135px #d43f3a, 136px 136px #d43f3a, 137px 137px #d43f3a, 138px 138px #d43f3a, 139px 139px #d43f3a, 140px 140px #d43f3a, 141px 141px #d43f3a, 142px 142px #d43f3a, 143px 143px #d43f3a, 144px 144px #d43f3a, 145px 145px #d43f3a, 146px 146px #d43f3a, 147px 147px #d43f3a, 148px 148px #d43f3a, 149px 149px #d43f3a, 150px 150px #d43f3a, 151px 151px #d43f3a, 152px 152px #d43f3a, 153px 153px #d43f3a, 154px 154px #d43f3a, 155px 155px #d43f3a, 156px 156px #d43f3a, 157px 157px #d43f3a, 158px 158px #d43f3a, 159px 159px #d43f3a, 160px 160px #d43f3a, 161px 161px #d43f3a, 162px 162px #d43f3a, 163px 163px #d43f3a, 164px 164px #d43f3a, 165px 165px #d43f3a, 166px 166px #d43f3a, 167px 167px #d43f3a, 168px 168px #d43f3a, 169px 169px #d43f3a, 170px 170px #d43f3a, 171px 171px #d43f3a, 172px 172px #d43f3a, 173px 173px #d43f3a, 174px 174px #d43f3a, 175px 175px #d43f3a, 176px 176px #d43f3a, 177px 177px #d43f3a, 178px 178px #d43f3a, 179px 179px #d43f3a, 180px 180px #d43f3a, 181px 181px #d43f3a, 182px 182px #d43f3a, 183px 183px #d43f3a, 184px 184px #d43f3a, 185px 185px #d43f3a, 186px 186px #d43f3a, 187px 187px #d43f3a, 188px 188px #d43f3a, 189px 189px #d43f3a, 190px 190px #d43f3a, 191px 191px #d43f3a, 192px 192px #d43f3a, 193px 193px #d43f3a, 194px 194px #d43f3a, 195px 195px #d43f3a, 196px 196px #d43f3a, 197px 197px #d43f3a, 198px 198px #d43f3a, 199px 199px #d43f3a, 200px 200px #d43f3a; } .shape-3 { background-color: #e4cb65; text-shadow: 0px 0px #e0c44f, 1px 1px #e0c44f, 2px 2px #e0c44f, 3px 3px #e0c44f, 4px 4px #e0c44f, 5px 5px #e0c44f, 6px 6px #e0c44f, 7px 7px #e0c44f, 8px 8px #e0c44f, 9px 9px #e0c44f, 10px 10px #e0c44f, 11px 11px #e0c44f, 12px 12px #e0c44f, 13px 13px #e0c44f, 14px 14px #e0c44f, 15px 15px #e0c44f, 16px 16px #e0c44f, 17px 17px #e0c44f, 18px 18px #e0c44f, 19px 19px #e0c44f, 20px 20px #e0c44f, 21px 21px #e0c44f, 22px 22px #e0c44f, 23px 23px #e0c44f, 24px 24px #e0c44f, 25px 25px #e0c44f, 26px 26px #e0c44f, 27px 27px #e0c44f, 28px 28px #e0c44f, 29px 29px #e0c44f, 30px 30px #e0c44f, 31px 31px #e0c44f, 32px 32px #e0c44f, 33px 33px #e0c44f, 34px 34px #e0c44f, 35px 35px #e0c44f, 36px 36px #e0c44f, 37px 37px #e0c44f, 38px 38px #e0c44f, 39px 39px #e0c44f, 40px 40px #e0c44f, 41px 41px #e0c44f, 42px 42px #e0c44f, 43px 43px #e0c44f, 44px 44px #e0c44f, 45px 45px #e0c44f, 46px 46px #e0c44f, 47px 47px #e0c44f, 48px 48px #e0c44f, 49px 49px #e0c44f, 50px 50px #e0c44f, 51px 51px #e0c44f, 52px 52px #e0c44f, 53px 53px #e0c44f, 54px 54px #e0c44f, 55px 55px #e0c44f, 56px 56px #e0c44f, 57px 57px #e0c44f, 58px 58px #e0c44f, 59px 59px #e0c44f, 60px 60px #e0c44f, 61px 61px #e0c44f, 62px 62px #e0c44f, 63px 63px #e0c44f, 64px 64px #e0c44f, 65px 65px #e0c44f, 66px 66px #e0c44f, 67px 67px #e0c44f, 68px 68px #e0c44f, 69px 69px #e0c44f, 70px 70px #e0c44f, 71px 71px #e0c44f, 72px 72px #e0c44f, 73px 73px #e0c44f, 74px 74px #e0c44f, 75px 75px #e0c44f, 76px 76px #e0c44f, 77px 77px #e0c44f, 78px 78px #e0c44f, 79px 79px #e0c44f, 80px 80px #e0c44f, 81px 81px #e0c44f, 82px 82px #e0c44f, 83px 83px #e0c44f, 84px 84px #e0c44f, 85px 85px #e0c44f, 86px 86px #e0c44f, 87px 87px #e0c44f, 88px 88px #e0c44f, 89px 89px #e0c44f, 90px 90px #e0c44f, 91px 91px #e0c44f, 92px 92px #e0c44f, 93px 93px #e0c44f, 94px 94px #e0c44f, 95px 95px #e0c44f, 96px 96px #e0c44f, 97px 97px #e0c44f, 98px 98px #e0c44f, 99px 99px #e0c44f, 100px 100px #e0c44f, 101px 101px #e0c44f, 102px 102px #e0c44f, 103px 103px #e0c44f, 104px 104px #e0c44f, 105px 105px #e0c44f, 106px 106px #e0c44f, 107px 107px #e0c44f, 108px 108px #e0c44f, 109px 109px #e0c44f, 110px 110px #e0c44f, 111px 111px #e0c44f, 112px 112px #e0c44f, 113px 113px #e0c44f, 114px 114px #e0c44f, 115px 115px #e0c44f, 116px 116px #e0c44f, 117px 117px #e0c44f, 118px 118px #e0c44f, 119px 119px #e0c44f, 120px 120px #e0c44f, 121px 121px #e0c44f, 122px 122px #e0c44f, 123px 123px #e0c44f, 124px 124px #e0c44f, 125px 125px #e0c44f, 126px 126px #e0c44f, 127px 127px #e0c44f, 128px 128px #e0c44f, 129px 129px #e0c44f, 130px 130px #e0c44f, 131px 131px #e0c44f, 132px 132px #e0c44f, 133px 133px #e0c44f, 134px 134px #e0c44f, 135px 135px #e0c44f, 136px 136px #e0c44f, 137px 137px #e0c44f, 138px 138px #e0c44f, 139px 139px #e0c44f, 140px 140px #e0c44f, 141px 141px #e0c44f, 142px 142px #e0c44f, 143px 143px #e0c44f, 144px 144px #e0c44f, 145px 145px #e0c44f, 146px 146px #e0c44f, 147px 147px #e0c44f, 148px 148px #e0c44f, 149px 149px #e0c44f, 150px 150px #e0c44f, 151px 151px #e0c44f, 152px 152px #e0c44f, 153px 153px #e0c44f, 154px 154px #e0c44f, 155px 155px #e0c44f, 156px 156px #e0c44f, 157px 157px #e0c44f, 158px 158px #e0c44f, 159px 159px #e0c44f, 160px 160px #e0c44f, 161px 161px #e0c44f, 162px 162px #e0c44f, 163px 163px #e0c44f, 164px 164px #e0c44f, 165px 165px #e0c44f, 166px 166px #e0c44f, 167px 167px #e0c44f, 168px 168px #e0c44f, 169px 169px #e0c44f, 170px 170px #e0c44f, 171px 171px #e0c44f, 172px 172px #e0c44f, 173px 173px #e0c44f, 174px 174px #e0c44f, 175px 175px #e0c44f, 176px 176px #e0c44f, 177px 177px #e0c44f, 178px 178px #e0c44f, 179px 179px #e0c44f, 180px 180px #e0c44f, 181px 181px #e0c44f, 182px 182px #e0c44f, 183px 183px #e0c44f, 184px 184px #e0c44f, 185px 185px #e0c44f, 186px 186px #e0c44f, 187px 187px #e0c44f, 188px 188px #e0c44f, 189px 189px #e0c44f, 190px 190px #e0c44f, 191px 191px #e0c44f, 192px 192px #e0c44f, 193px 193px #e0c44f, 194px 194px #e0c44f, 195px 195px #e0c44f, 196px 196px #e0c44f, 197px 197px #e0c44f, 198px 198px #e0c44f, 199px 199px #e0c44f, 200px 200px #e0c44f; } .shape-4 { background-color: #f1c40f; text-shadow: 0px 0px #dab10d, 1px 1px #dab10d, 2px 2px #dab10d, 3px 3px #dab10d, 4px 4px #dab10d, 5px 5px #dab10d, 6px 6px #dab10d, 7px 7px #dab10d, 8px 8px #dab10d, 9px 9px #dab10d, 10px 10px #dab10d, 11px 11px #dab10d, 12px 12px #dab10d, 13px 13px #dab10d, 14px 14px #dab10d, 15px 15px #dab10d, 16px 16px #dab10d, 17px 17px #dab10d, 18px 18px #dab10d, 19px 19px #dab10d, 20px 20px #dab10d, 21px 21px #dab10d, 22px 22px #dab10d, 23px 23px #dab10d, 24px 24px #dab10d, 25px 25px #dab10d, 26px 26px #dab10d, 27px 27px #dab10d, 28px 28px #dab10d, 29px 29px #dab10d, 30px 30px #dab10d, 31px 31px #dab10d, 32px 32px #dab10d, 33px 33px #dab10d, 34px 34px #dab10d, 35px 35px #dab10d, 36px 36px #dab10d, 37px 37px #dab10d, 38px 38px #dab10d, 39px 39px #dab10d, 40px 40px #dab10d, 41px 41px #dab10d, 42px 42px #dab10d, 43px 43px #dab10d, 44px 44px #dab10d, 45px 45px #dab10d, 46px 46px #dab10d, 47px 47px #dab10d, 48px 48px #dab10d, 49px 49px #dab10d, 50px 50px #dab10d, 51px 51px #dab10d, 52px 52px #dab10d, 53px 53px #dab10d, 54px 54px #dab10d, 55px 55px #dab10d, 56px 56px #dab10d, 57px 57px #dab10d, 58px 58px #dab10d, 59px 59px #dab10d, 60px 60px #dab10d, 61px 61px #dab10d, 62px 62px #dab10d, 63px 63px #dab10d, 64px 64px #dab10d, 65px 65px #dab10d, 66px 66px #dab10d, 67px 67px #dab10d, 68px 68px #dab10d, 69px 69px #dab10d, 70px 70px #dab10d, 71px 71px #dab10d, 72px 72px #dab10d, 73px 73px #dab10d, 74px 74px #dab10d, 75px 75px #dab10d, 76px 76px #dab10d, 77px 77px #dab10d, 78px 78px #dab10d, 79px 79px #dab10d, 80px 80px #dab10d, 81px 81px #dab10d, 82px 82px #dab10d, 83px 83px #dab10d, 84px 84px #dab10d, 85px 85px #dab10d, 86px 86px #dab10d, 87px 87px #dab10d, 88px 88px #dab10d, 89px 89px #dab10d, 90px 90px #dab10d, 91px 91px #dab10d, 92px 92px #dab10d, 93px 93px #dab10d, 94px 94px #dab10d, 95px 95px #dab10d, 96px 96px #dab10d, 97px 97px #dab10d, 98px 98px #dab10d, 99px 99px #dab10d, 100px 100px #dab10d, 101px 101px #dab10d, 102px 102px #dab10d, 103px 103px #dab10d, 104px 104px #dab10d, 105px 105px #dab10d, 106px 106px #dab10d, 107px 107px #dab10d, 108px 108px #dab10d, 109px 109px #dab10d, 110px 110px #dab10d, 111px 111px #dab10d, 112px 112px #dab10d, 113px 113px #dab10d, 114px 114px #dab10d, 115px 115px #dab10d, 116px 116px #dab10d, 117px 117px #dab10d, 118px 118px #dab10d, 119px 119px #dab10d, 120px 120px #dab10d, 121px 121px #dab10d, 122px 122px #dab10d, 123px 123px #dab10d, 124px 124px #dab10d, 125px 125px #dab10d, 126px 126px #dab10d, 127px 127px #dab10d, 128px 128px #dab10d, 129px 129px #dab10d, 130px 130px #dab10d, 131px 131px #dab10d, 132px 132px #dab10d, 133px 133px #dab10d, 134px 134px #dab10d, 135px 135px #dab10d, 136px 136px #dab10d, 137px 137px #dab10d, 138px 138px #dab10d, 139px 139px #dab10d, 140px 140px #dab10d, 141px 141px #dab10d, 142px 142px #dab10d, 143px 143px #dab10d, 144px 144px #dab10d, 145px 145px #dab10d, 146px 146px #dab10d, 147px 147px #dab10d, 148px 148px #dab10d, 149px 149px #dab10d, 150px 150px #dab10d, 151px 151px #dab10d, 152px 152px #dab10d, 153px 153px #dab10d, 154px 154px #dab10d, 155px 155px #dab10d, 156px 156px #dab10d, 157px 157px #dab10d, 158px 158px #dab10d, 159px 159px #dab10d, 160px 160px #dab10d, 161px 161px #dab10d, 162px 162px #dab10d, 163px 163px #dab10d, 164px 164px #dab10d, 165px 165px #dab10d, 166px 166px #dab10d, 167px 167px #dab10d, 168px 168px #dab10d, 169px 169px #dab10d, 170px 170px #dab10d, 171px 171px #dab10d, 172px 172px #dab10d, 173px 173px #dab10d, 174px 174px #dab10d, 175px 175px #dab10d, 176px 176px #dab10d, 177px 177px #dab10d, 178px 178px #dab10d, 179px 179px #dab10d, 180px 180px #dab10d, 181px 181px #dab10d, 182px 182px #dab10d, 183px 183px #dab10d, 184px 184px #dab10d, 185px 185px #dab10d, 186px 186px #dab10d, 187px 187px #dab10d, 188px 188px #dab10d, 189px 189px #dab10d, 190px 190px #dab10d, 191px 191px #dab10d, 192px 192px #dab10d, 193px 193px #dab10d, 194px 194px #dab10d, 195px 195px #dab10d, 196px 196px #dab10d, 197px 197px #dab10d, 198px 198px #dab10d, 199px 199px #dab10d, 200px 200px #dab10d; } .shape-5 { background-color: #d9534f; text-shadow: 0px 0px #d43f3a, 1px 1px #d43f3a, 2px 2px #d43f3a, 3px 3px #d43f3a, 4px 4px #d43f3a, 5px 5px #d43f3a, 6px 6px #d43f3a, 7px 7px #d43f3a, 8px 8px #d43f3a, 9px 9px #d43f3a, 10px 10px #d43f3a, 11px 11px #d43f3a, 12px 12px #d43f3a, 13px 13px #d43f3a, 14px 14px #d43f3a, 15px 15px #d43f3a, 16px 16px #d43f3a, 17px 17px #d43f3a, 18px 18px #d43f3a, 19px 19px #d43f3a, 20px 20px #d43f3a, 21px 21px #d43f3a, 22px 22px #d43f3a, 23px 23px #d43f3a, 24px 24px #d43f3a, 25px 25px #d43f3a, 26px 26px #d43f3a, 27px 27px #d43f3a, 28px 28px #d43f3a, 29px 29px #d43f3a, 30px 30px #d43f3a, 31px 31px #d43f3a, 32px 32px #d43f3a, 33px 33px #d43f3a, 34px 34px #d43f3a, 35px 35px #d43f3a, 36px 36px #d43f3a, 37px 37px #d43f3a, 38px 38px #d43f3a, 39px 39px #d43f3a, 40px 40px #d43f3a, 41px 41px #d43f3a, 42px 42px #d43f3a, 43px 43px #d43f3a, 44px 44px #d43f3a, 45px 45px #d43f3a, 46px 46px #d43f3a, 47px 47px #d43f3a, 48px 48px #d43f3a, 49px 49px #d43f3a, 50px 50px #d43f3a, 51px 51px #d43f3a, 52px 52px #d43f3a, 53px 53px #d43f3a, 54px 54px #d43f3a, 55px 55px #d43f3a, 56px 56px #d43f3a, 57px 57px #d43f3a, 58px 58px #d43f3a, 59px 59px #d43f3a, 60px 60px #d43f3a, 61px 61px #d43f3a, 62px 62px #d43f3a, 63px 63px #d43f3a, 64px 64px #d43f3a, 65px 65px #d43f3a, 66px 66px #d43f3a, 67px 67px #d43f3a, 68px 68px #d43f3a, 69px 69px #d43f3a, 70px 70px #d43f3a, 71px 71px #d43f3a, 72px 72px #d43f3a, 73px 73px #d43f3a, 74px 74px #d43f3a, 75px 75px #d43f3a, 76px 76px #d43f3a, 77px 77px #d43f3a, 78px 78px #d43f3a, 79px 79px #d43f3a, 80px 80px #d43f3a, 81px 81px #d43f3a, 82px 82px #d43f3a, 83px 83px #d43f3a, 84px 84px #d43f3a, 85px 85px #d43f3a, 86px 86px #d43f3a, 87px 87px #d43f3a, 88px 88px #d43f3a, 89px 89px #d43f3a, 90px 90px #d43f3a, 91px 91px #d43f3a, 92px 92px #d43f3a, 93px 93px #d43f3a, 94px 94px #d43f3a, 95px 95px #d43f3a, 96px 96px #d43f3a, 97px 97px #d43f3a, 98px 98px #d43f3a, 99px 99px #d43f3a, 100px 100px #d43f3a, 101px 101px #d43f3a, 102px 102px #d43f3a, 103px 103px #d43f3a, 104px 104px #d43f3a, 105px 105px #d43f3a, 106px 106px #d43f3a, 107px 107px #d43f3a, 108px 108px #d43f3a, 109px 109px #d43f3a, 110px 110px #d43f3a, 111px 111px #d43f3a, 112px 112px #d43f3a, 113px 113px #d43f3a, 114px 114px #d43f3a, 115px 115px #d43f3a, 116px 116px #d43f3a, 117px 117px #d43f3a, 118px 118px #d43f3a, 119px 119px #d43f3a, 120px 120px #d43f3a, 121px 121px #d43f3a, 122px 122px #d43f3a, 123px 123px #d43f3a, 124px 124px #d43f3a, 125px 125px #d43f3a, 126px 126px #d43f3a, 127px 127px #d43f3a, 128px 128px #d43f3a, 129px 129px #d43f3a, 130px 130px #d43f3a, 131px 131px #d43f3a, 132px 132px #d43f3a, 133px 133px #d43f3a, 134px 134px #d43f3a, 135px 135px #d43f3a, 136px 136px #d43f3a, 137px 137px #d43f3a, 138px 138px #d43f3a, 139px 139px #d43f3a, 140px 140px #d43f3a, 141px 141px #d43f3a, 142px 142px #d43f3a, 143px 143px #d43f3a, 144px 144px #d43f3a, 145px 145px #d43f3a, 146px 146px #d43f3a, 147px 147px #d43f3a, 148px 148px #d43f3a, 149px 149px #d43f3a, 150px 150px #d43f3a, 151px 151px #d43f3a, 152px 152px #d43f3a, 153px 153px #d43f3a, 154px 154px #d43f3a, 155px 155px #d43f3a, 156px 156px #d43f3a, 157px 157px #d43f3a, 158px 158px #d43f3a, 159px 159px #d43f3a, 160px 160px #d43f3a, 161px 161px #d43f3a, 162px 162px #d43f3a, 163px 163px #d43f3a, 164px 164px #d43f3a, 165px 165px #d43f3a, 166px 166px #d43f3a, 167px 167px #d43f3a, 168px 168px #d43f3a, 169px 169px #d43f3a, 170px 170px #d43f3a, 171px 171px #d43f3a, 172px 172px #d43f3a, 173px 173px #d43f3a, 174px 174px #d43f3a, 175px 175px #d43f3a, 176px 176px #d43f3a, 177px 177px #d43f3a, 178px 178px #d43f3a, 179px 179px #d43f3a, 180px 180px #d43f3a, 181px 181px #d43f3a, 182px 182px #d43f3a, 183px 183px #d43f3a, 184px 184px #d43f3a, 185px 185px #d43f3a, 186px 186px #d43f3a, 187px 187px #d43f3a, 188px 188px #d43f3a, 189px 189px #d43f3a, 190px 190px #d43f3a, 191px 191px #d43f3a, 192px 192px #d43f3a, 193px 193px #d43f3a, 194px 194px #d43f3a, 195px 195px #d43f3a, 196px 196px #d43f3a, 197px 197px #d43f3a, 198px 198px #d43f3a, 199px 199px #d43f3a, 200px 200px #d43f3a; } .shape-6 { background-color: #34495e; text-shadow: 0px 0px #2b3c4e, 1px 1px #2b3c4e, 2px 2px #2b3c4e, 3px 3px #2b3c4e, 4px 4px #2b3c4e, 5px 5px #2b3c4e, 6px 6px #2b3c4e, 7px 7px #2b3c4e, 8px 8px #2b3c4e, 9px 9px #2b3c4e, 10px 10px #2b3c4e, 11px 11px #2b3c4e, 12px 12px #2b3c4e, 13px 13px #2b3c4e, 14px 14px #2b3c4e, 15px 15px #2b3c4e, 16px 16px #2b3c4e, 17px 17px #2b3c4e, 18px 18px #2b3c4e, 19px 19px #2b3c4e, 20px 20px #2b3c4e, 21px 21px #2b3c4e, 22px 22px #2b3c4e, 23px 23px #2b3c4e, 24px 24px #2b3c4e, 25px 25px #2b3c4e, 26px 26px #2b3c4e, 27px 27px #2b3c4e, 28px 28px #2b3c4e, 29px 29px #2b3c4e, 30px 30px #2b3c4e, 31px 31px #2b3c4e, 32px 32px #2b3c4e, 33px 33px #2b3c4e, 34px 34px #2b3c4e, 35px 35px #2b3c4e, 36px 36px #2b3c4e, 37px 37px #2b3c4e, 38px 38px #2b3c4e, 39px 39px #2b3c4e, 40px 40px #2b3c4e, 41px 41px #2b3c4e, 42px 42px #2b3c4e, 43px 43px #2b3c4e, 44px 44px #2b3c4e, 45px 45px #2b3c4e, 46px 46px #2b3c4e, 47px 47px #2b3c4e, 48px 48px #2b3c4e, 49px 49px #2b3c4e, 50px 50px #2b3c4e, 51px 51px #2b3c4e, 52px 52px #2b3c4e, 53px 53px #2b3c4e, 54px 54px #2b3c4e, 55px 55px #2b3c4e, 56px 56px #2b3c4e, 57px 57px #2b3c4e, 58px 58px #2b3c4e, 59px 59px #2b3c4e, 60px 60px #2b3c4e, 61px 61px #2b3c4e, 62px 62px #2b3c4e, 63px 63px #2b3c4e, 64px 64px #2b3c4e, 65px 65px #2b3c4e, 66px 66px #2b3c4e, 67px 67px #2b3c4e, 68px 68px #2b3c4e, 69px 69px #2b3c4e, 70px 70px #2b3c4e, 71px 71px #2b3c4e, 72px 72px #2b3c4e, 73px 73px #2b3c4e, 74px 74px #2b3c4e, 75px 75px #2b3c4e, 76px 76px #2b3c4e, 77px 77px #2b3c4e, 78px 78px #2b3c4e, 79px 79px #2b3c4e, 80px 80px #2b3c4e, 81px 81px #2b3c4e, 82px 82px #2b3c4e, 83px 83px #2b3c4e, 84px 84px #2b3c4e, 85px 85px #2b3c4e, 86px 86px #2b3c4e, 87px 87px #2b3c4e, 88px 88px #2b3c4e, 89px 89px #2b3c4e, 90px 90px #2b3c4e, 91px 91px #2b3c4e, 92px 92px #2b3c4e, 93px 93px #2b3c4e, 94px 94px #2b3c4e, 95px 95px #2b3c4e, 96px 96px #2b3c4e, 97px 97px #2b3c4e, 98px 98px #2b3c4e, 99px 99px #2b3c4e, 100px 100px #2b3c4e, 101px 101px #2b3c4e, 102px 102px #2b3c4e, 103px 103px #2b3c4e, 104px 104px #2b3c4e, 105px 105px #2b3c4e, 106px 106px #2b3c4e, 107px 107px #2b3c4e, 108px 108px #2b3c4e, 109px 109px #2b3c4e, 110px 110px #2b3c4e, 111px 111px #2b3c4e, 112px 112px #2b3c4e, 113px 113px #2b3c4e, 114px 114px #2b3c4e, 115px 115px #2b3c4e, 116px 116px #2b3c4e, 117px 117px #2b3c4e, 118px 118px #2b3c4e, 119px 119px #2b3c4e, 120px 120px #2b3c4e, 121px 121px #2b3c4e, 122px 122px #2b3c4e, 123px 123px #2b3c4e, 124px 124px #2b3c4e, 125px 125px #2b3c4e, 126px 126px #2b3c4e, 127px 127px #2b3c4e, 128px 128px #2b3c4e, 129px 129px #2b3c4e, 130px 130px #2b3c4e, 131px 131px #2b3c4e, 132px 132px #2b3c4e, 133px 133px #2b3c4e, 134px 134px #2b3c4e, 135px 135px #2b3c4e, 136px 136px #2b3c4e, 137px 137px #2b3c4e, 138px 138px #2b3c4e, 139px 139px #2b3c4e, 140px 140px #2b3c4e, 141px 141px #2b3c4e, 142px 142px #2b3c4e, 143px 143px #2b3c4e, 144px 144px #2b3c4e, 145px 145px #2b3c4e, 146px 146px #2b3c4e, 147px 147px #2b3c4e, 148px 148px #2b3c4e, 149px 149px #2b3c4e, 150px 150px #2b3c4e, 151px 151px #2b3c4e, 152px 152px #2b3c4e, 153px 153px #2b3c4e, 154px 154px #2b3c4e, 155px 155px #2b3c4e, 156px 156px #2b3c4e, 157px 157px #2b3c4e, 158px 158px #2b3c4e, 159px 159px #2b3c4e, 160px 160px #2b3c4e, 161px 161px #2b3c4e, 162px 162px #2b3c4e, 163px 163px #2b3c4e, 164px 164px #2b3c4e, 165px 165px #2b3c4e, 166px 166px #2b3c4e, 167px 167px #2b3c4e, 168px 168px #2b3c4e, 169px 169px #2b3c4e, 170px 170px #2b3c4e, 171px 171px #2b3c4e, 172px 172px #2b3c4e, 173px 173px #2b3c4e, 174px 174px #2b3c4e, 175px 175px #2b3c4e, 176px 176px #2b3c4e, 177px 177px #2b3c4e, 178px 178px #2b3c4e, 179px 179px #2b3c4e, 180px 180px #2b3c4e, 181px 181px #2b3c4e, 182px 182px #2b3c4e, 183px 183px #2b3c4e, 184px 184px #2b3c4e, 185px 185px #2b3c4e, 186px 186px #2b3c4e, 187px 187px #2b3c4e, 188px 188px #2b3c4e, 189px 189px #2b3c4e, 190px 190px #2b3c4e, 191px 191px #2b3c4e, 192px 192px #2b3c4e, 193px 193px #2b3c4e, 194px 194px #2b3c4e, 195px 195px #2b3c4e, 196px 196px #2b3c4e, 197px 197px #2b3c4e, 198px 198px #2b3c4e, 199px 199px #2b3c4e, 200px 200px #2b3c4e; } .shape-7 { text-shadow: 0px 0px #ff4262, 1px 1px #ff4262, 2px 2px #ff4262, 3px 3px #ff4262, 4px 4px #ff4262, 5px 5px #ff4262, 6px 6px #ff4262, 7px 7px #ff4262, 8px 8px #ff4262, 9px 9px #ff4262, 10px 10px #ff4262, 11px 11px #ff4262, 12px 12px #ff4262, 13px 13px #ff4262, 14px 14px #ff4262, 15px 15px #ff4262, 16px 16px #ff4262, 17px 17px #ff4262, 18px 18px #ff4262, 19px 19px #ff4262, 20px 20px #ff4262, 21px 21px #ff4262, 22px 22px #ff4262, 23px 23px #ff4262, 24px 24px #ff4262, 25px 25px #ff4262, 26px 26px #ff4262, 27px 27px #ff4262, 28px 28px #ff4262, 29px 29px #ff4262, 30px 30px #ff4262, 31px 31px #ff4262, 32px 32px #ff4262, 33px 33px #ff4262, 34px 34px #ff4262, 35px 35px #ff4262, 36px 36px #ff4262, 37px 37px #ff4262, 38px 38px #ff4262, 39px 39px #ff4262, 40px 40px #ff4262, 41px 41px #ff4262, 42px 42px #ff4262, 43px 43px #ff4262, 44px 44px #ff4262, 45px 45px #ff4262, 46px 46px #ff4262, 47px 47px #ff4262, 48px 48px #ff4262, 49px 49px #ff4262, 50px 50px #ff4262, 51px 51px #ff4262, 52px 52px #ff4262, 53px 53px #ff4262, 54px 54px #ff4262, 55px 55px #ff4262, 56px 56px #ff4262, 57px 57px #ff4262, 58px 58px #ff4262, 59px 59px #ff4262, 60px 60px #ff4262, 61px 61px #ff4262, 62px 62px #ff4262, 63px 63px #ff4262, 64px 64px #ff4262, 65px 65px #ff4262, 66px 66px #ff4262, 67px 67px #ff4262, 68px 68px #ff4262, 69px 69px #ff4262, 70px 70px #ff4262, 71px 71px #ff4262, 72px 72px #ff4262, 73px 73px #ff4262, 74px 74px #ff4262, 75px 75px #ff4262, 76px 76px #ff4262, 77px 77px #ff4262, 78px 78px #ff4262, 79px 79px #ff4262, 80px 80px #ff4262, 81px 81px #ff4262, 82px 82px #ff4262, 83px 83px #ff4262, 84px 84px #ff4262, 85px 85px #ff4262, 86px 86px #ff4262, 87px 87px #ff4262, 88px 88px #ff4262, 89px 89px #ff4262, 90px 90px #ff4262, 91px 91px #ff4262, 92px 92px #ff4262, 93px 93px #ff4262, 94px 94px #ff4262, 95px 95px #ff4262, 96px 96px #ff4262, 97px 97px #ff4262, 98px 98px #ff4262, 99px 99px #ff4262, 100px 100px #ff4262, 101px 101px #ff4262, 102px 102px #ff4262, 103px 103px #ff4262, 104px 104px #ff4262, 105px 105px #ff4262, 106px 106px #ff4262, 107px 107px #ff4262, 108px 108px #ff4262, 109px 109px #ff4262, 110px 110px #ff4262, 111px 111px #ff4262, 112px 112px #ff4262, 113px 113px #ff4262, 114px 114px #ff4262, 115px 115px #ff4262, 116px 116px #ff4262, 117px 117px #ff4262, 118px 118px #ff4262, 119px 119px #ff4262, 120px 120px #ff4262, 121px 121px #ff4262, 122px 122px #ff4262, 123px 123px #ff4262, 124px 124px #ff4262, 125px 125px #ff4262, 126px 126px #ff4262, 127px 127px #ff4262, 128px 128px #ff4262, 129px 129px #ff4262, 130px 130px #ff4262, 131px 131px #ff4262, 132px 132px #ff4262, 133px 133px #ff4262, 134px 134px #ff4262, 135px 135px #ff4262, 136px 136px #ff4262, 137px 137px #ff4262, 138px 138px #ff4262, 139px 139px #ff4262, 140px 140px #ff4262, 141px 141px #ff4262, 142px 142px #ff4262, 143px 143px #ff4262, 144px 144px #ff4262, 145px 145px #ff4262, 146px 146px #ff4262, 147px 147px #ff4262, 148px 148px #ff4262, 149px 149px #ff4262, 150px 150px #ff4262, 151px 151px #ff4262, 152px 152px #ff4262, 153px 153px #ff4262, 154px 154px #ff4262, 155px 155px #ff4262, 156px 156px #ff4262, 157px 157px #ff4262, 158px 158px #ff4262, 159px 159px #ff4262, 160px 160px #ff4262, 161px 161px #ff4262, 162px 162px #ff4262, 163px 163px #ff4262, 164px 164px #ff4262, 165px 165px #ff4262, 166px 166px #ff4262, 167px 167px #ff4262, 168px 168px #ff4262, 169px 169px #ff4262, 170px 170px #ff4262, 171px 171px #ff4262, 172px 172px #ff4262, 173px 173px #ff4262, 174px 174px #ff4262, 175px 175px #ff4262, 176px 176px #ff4262, 177px 177px #ff4262, 178px 178px #ff4262, 179px 179px #ff4262, 180px 180px #ff4262, 181px 181px #ff4262, 182px 182px #ff4262, 183px 183px #ff4262, 184px 184px #ff4262, 185px 185px #ff4262, 186px 186px #ff4262, 187px 187px #ff4262, 188px 188px #ff4262, 189px 189px #ff4262, 190px 190px #ff4262, 191px 191px #ff4262, 192px 192px #ff4262, 193px 193px #ff4262, 194px 194px #ff4262, 195px 195px #ff4262, 196px 196px #ff4262, 197px 197px #ff4262, 198px 198px #ff4262, 199px 199px #ff4262, 200px 200px #ff4262; background-color: #ff5b77; } .shape-8 { text-shadow: 0px 0px #e6c000, 1px 1px #e6c000, 2px 2px #e6c000, 3px 3px #e6c000, 4px 4px #e6c000, 5px 5px #e6c000, 6px 6px #e6c000, 7px 7px #e6c000, 8px 8px #e6c000, 9px 9px #e6c000, 10px 10px #e6c000, 11px 11px #e6c000, 12px 12px #e6c000, 13px 13px #e6c000, 14px 14px #e6c000, 15px 15px #e6c000, 16px 16px #e6c000, 17px 17px #e6c000, 18px 18px #e6c000, 19px 19px #e6c000, 20px 20px #e6c000, 21px 21px #e6c000, 22px 22px #e6c000, 23px 23px #e6c000, 24px 24px #e6c000, 25px 25px #e6c000, 26px 26px #e6c000, 27px 27px #e6c000, 28px 28px #e6c000, 29px 29px #e6c000, 30px 30px #e6c000, 31px 31px #e6c000, 32px 32px #e6c000, 33px 33px #e6c000, 34px 34px #e6c000, 35px 35px #e6c000, 36px 36px #e6c000, 37px 37px #e6c000, 38px 38px #e6c000, 39px 39px #e6c000, 40px 40px #e6c000, 41px 41px #e6c000, 42px 42px #e6c000, 43px 43px #e6c000, 44px 44px #e6c000, 45px 45px #e6c000, 46px 46px #e6c000, 47px 47px #e6c000, 48px 48px #e6c000, 49px 49px #e6c000, 50px 50px #e6c000, 51px 51px #e6c000, 52px 52px #e6c000, 53px 53px #e6c000, 54px 54px #e6c000, 55px 55px #e6c000, 56px 56px #e6c000, 57px 57px #e6c000, 58px 58px #e6c000, 59px 59px #e6c000, 60px 60px #e6c000, 61px 61px #e6c000, 62px 62px #e6c000, 63px 63px #e6c000, 64px 64px #e6c000, 65px 65px #e6c000, 66px 66px #e6c000, 67px 67px #e6c000, 68px 68px #e6c000, 69px 69px #e6c000, 70px 70px #e6c000, 71px 71px #e6c000, 72px 72px #e6c000, 73px 73px #e6c000, 74px 74px #e6c000, 75px 75px #e6c000, 76px 76px #e6c000, 77px 77px #e6c000, 78px 78px #e6c000, 79px 79px #e6c000, 80px 80px #e6c000, 81px 81px #e6c000, 82px 82px #e6c000, 83px 83px #e6c000, 84px 84px #e6c000, 85px 85px #e6c000, 86px 86px #e6c000, 87px 87px #e6c000, 88px 88px #e6c000, 89px 89px #e6c000, 90px 90px #e6c000, 91px 91px #e6c000, 92px 92px #e6c000, 93px 93px #e6c000, 94px 94px #e6c000, 95px 95px #e6c000, 96px 96px #e6c000, 97px 97px #e6c000, 98px 98px #e6c000, 99px 99px #e6c000, 100px 100px #e6c000, 101px 101px #e6c000, 102px 102px #e6c000, 103px 103px #e6c000, 104px 104px #e6c000, 105px 105px #e6c000, 106px 106px #e6c000, 107px 107px #e6c000, 108px 108px #e6c000, 109px 109px #e6c000, 110px 110px #e6c000, 111px 111px #e6c000, 112px 112px #e6c000, 113px 113px #e6c000, 114px 114px #e6c000, 115px 115px #e6c000, 116px 116px #e6c000, 117px 117px #e6c000, 118px 118px #e6c000, 119px 119px #e6c000, 120px 120px #e6c000, 121px 121px #e6c000, 122px 122px #e6c000, 123px 123px #e6c000, 124px 124px #e6c000, 125px 125px #e6c000, 126px 126px #e6c000, 127px 127px #e6c000, 128px 128px #e6c000, 129px 129px #e6c000, 130px 130px #e6c000, 131px 131px #e6c000, 132px 132px #e6c000, 133px 133px #e6c000, 134px 134px #e6c000, 135px 135px #e6c000, 136px 136px #e6c000, 137px 137px #e6c000, 138px 138px #e6c000, 139px 139px #e6c000, 140px 140px #e6c000, 141px 141px #e6c000, 142px 142px #e6c000, 143px 143px #e6c000, 144px 144px #e6c000, 145px 145px #e6c000, 146px 146px #e6c000, 147px 147px #e6c000, 148px 148px #e6c000, 149px 149px #e6c000, 150px 150px #e6c000, 151px 151px #e6c000, 152px 152px #e6c000, 153px 153px #e6c000, 154px 154px #e6c000, 155px 155px #e6c000, 156px 156px #e6c000, 157px 157px #e6c000, 158px 158px #e6c000, 159px 159px #e6c000, 160px 160px #e6c000, 161px 161px #e6c000, 162px 162px #e6c000, 163px 163px #e6c000, 164px 164px #e6c000, 165px 165px #e6c000, 166px 166px #e6c000, 167px 167px #e6c000, 168px 168px #e6c000, 169px 169px #e6c000, 170px 170px #e6c000, 171px 171px #e6c000, 172px 172px #e6c000, 173px 173px #e6c000, 174px 174px #e6c000, 175px 175px #e6c000, 176px 176px #e6c000, 177px 177px #e6c000, 178px 178px #e6c000, 179px 179px #e6c000, 180px 180px #e6c000, 181px 181px #e6c000, 182px 182px #e6c000, 183px 183px #e6c000, 184px 184px #e6c000, 185px 185px #e6c000, 186px 186px #e6c000, 187px 187px #e6c000, 188px 188px #e6c000, 189px 189px #e6c000, 190px 190px #e6c000, 191px 191px #e6c000, 192px 192px #e6c000, 193px 193px #e6c000, 194px 194px #e6c000, 195px 195px #e6c000, 196px 196px #e6c000, 197px 197px #e6c000, 198px 198px #e6c000, 199px 199px #e6c000, 200px 200px #e6c000; background-color: #ffd500; } .shape-9 { text-shadow: 0px 0px #46b8da, 1px 1px #46b8da, 2px 2px #46b8da, 3px 3px #46b8da, 4px 4px #46b8da, 5px 5px #46b8da, 6px 6px #46b8da, 7px 7px #46b8da, 8px 8px #46b8da, 9px 9px #46b8da, 10px 10px #46b8da, 11px 11px #46b8da, 12px 12px #46b8da, 13px 13px #46b8da, 14px 14px #46b8da, 15px 15px #46b8da, 16px 16px #46b8da, 17px 17px #46b8da, 18px 18px #46b8da, 19px 19px #46b8da, 20px 20px #46b8da, 21px 21px #46b8da, 22px 22px #46b8da, 23px 23px #46b8da, 24px 24px #46b8da, 25px 25px #46b8da, 26px 26px #46b8da, 27px 27px #46b8da, 28px 28px #46b8da, 29px 29px #46b8da, 30px 30px #46b8da, 31px 31px #46b8da, 32px 32px #46b8da, 33px 33px #46b8da, 34px 34px #46b8da, 35px 35px #46b8da, 36px 36px #46b8da, 37px 37px #46b8da, 38px 38px #46b8da, 39px 39px #46b8da, 40px 40px #46b8da, 41px 41px #46b8da, 42px 42px #46b8da, 43px 43px #46b8da, 44px 44px #46b8da, 45px 45px #46b8da, 46px 46px #46b8da, 47px 47px #46b8da, 48px 48px #46b8da, 49px 49px #46b8da, 50px 50px #46b8da, 51px 51px #46b8da, 52px 52px #46b8da, 53px 53px #46b8da, 54px 54px #46b8da, 55px 55px #46b8da, 56px 56px #46b8da, 57px 57px #46b8da, 58px 58px #46b8da, 59px 59px #46b8da, 60px 60px #46b8da, 61px 61px #46b8da, 62px 62px #46b8da, 63px 63px #46b8da, 64px 64px #46b8da, 65px 65px #46b8da, 66px 66px #46b8da, 67px 67px #46b8da, 68px 68px #46b8da, 69px 69px #46b8da, 70px 70px #46b8da, 71px 71px #46b8da, 72px 72px #46b8da, 73px 73px #46b8da, 74px 74px #46b8da, 75px 75px #46b8da, 76px 76px #46b8da, 77px 77px #46b8da, 78px 78px #46b8da, 79px 79px #46b8da, 80px 80px #46b8da, 81px 81px #46b8da, 82px 82px #46b8da, 83px 83px #46b8da, 84px 84px #46b8da, 85px 85px #46b8da, 86px 86px #46b8da, 87px 87px #46b8da, 88px 88px #46b8da, 89px 89px #46b8da, 90px 90px #46b8da, 91px 91px #46b8da, 92px 92px #46b8da, 93px 93px #46b8da, 94px 94px #46b8da, 95px 95px #46b8da, 96px 96px #46b8da, 97px 97px #46b8da, 98px 98px #46b8da, 99px 99px #46b8da, 100px 100px #46b8da, 101px 101px #46b8da, 102px 102px #46b8da, 103px 103px #46b8da, 104px 104px #46b8da, 105px 105px #46b8da, 106px 106px #46b8da, 107px 107px #46b8da, 108px 108px #46b8da, 109px 109px #46b8da, 110px 110px #46b8da, 111px 111px #46b8da, 112px 112px #46b8da, 113px 113px #46b8da, 114px 114px #46b8da, 115px 115px #46b8da, 116px 116px #46b8da, 117px 117px #46b8da, 118px 118px #46b8da, 119px 119px #46b8da, 120px 120px #46b8da, 121px 121px #46b8da, 122px 122px #46b8da, 123px 123px #46b8da, 124px 124px #46b8da, 125px 125px #46b8da, 126px 126px #46b8da, 127px 127px #46b8da, 128px 128px #46b8da, 129px 129px #46b8da, 130px 130px #46b8da, 131px 131px #46b8da, 132px 132px #46b8da, 133px 133px #46b8da, 134px 134px #46b8da, 135px 135px #46b8da, 136px 136px #46b8da, 137px 137px #46b8da, 138px 138px #46b8da, 139px 139px #46b8da, 140px 140px #46b8da, 141px 141px #46b8da, 142px 142px #46b8da, 143px 143px #46b8da, 144px 144px #46b8da, 145px 145px #46b8da, 146px 146px #46b8da, 147px 147px #46b8da, 148px 148px #46b8da, 149px 149px #46b8da, 150px 150px #46b8da, 151px 151px #46b8da, 152px 152px #46b8da, 153px 153px #46b8da, 154px 154px #46b8da, 155px 155px #46b8da, 156px 156px #46b8da, 157px 157px #46b8da, 158px 158px #46b8da, 159px 159px #46b8da, 160px 160px #46b8da, 161px 161px #46b8da, 162px 162px #46b8da, 163px 163px #46b8da, 164px 164px #46b8da, 165px 165px #46b8da, 166px 166px #46b8da, 167px 167px #46b8da, 168px 168px #46b8da, 169px 169px #46b8da, 170px 170px #46b8da, 171px 171px #46b8da, 172px 172px #46b8da, 173px 173px #46b8da, 174px 174px #46b8da, 175px 175px #46b8da, 176px 176px #46b8da, 177px 177px #46b8da, 178px 178px #46b8da, 179px 179px #46b8da, 180px 180px #46b8da, 181px 181px #46b8da, 182px 182px #46b8da, 183px 183px #46b8da, 184px 184px #46b8da, 185px 185px #46b8da, 186px 186px #46b8da, 187px 187px #46b8da, 188px 188px #46b8da, 189px 189px #46b8da, 190px 190px #46b8da, 191px 191px #46b8da, 192px 192px #46b8da, 193px 193px #46b8da, 194px 194px #46b8da, 195px 195px #46b8da, 196px 196px #46b8da, 197px 197px #46b8da, 198px 198px #46b8da, 199px 199px #46b8da, 200px 200px #46b8da; background-color: #5bc0de; } .shape-10 { text-shadow: 0px 0px #54356b, 1px 1px #54356b, 2px 2px #54356b, 3px 3px #54356b, 4px 4px #54356b, 5px 5px #54356b, 6px 6px #54356b, 7px 7px #54356b, 8px 8px #54356b, 9px 9px #54356b, 10px 10px #54356b, 11px 11px #54356b, 12px 12px #54356b, 13px 13px #54356b, 14px 14px #54356b, 15px 15px #54356b, 16px 16px #54356b, 17px 17px #54356b, 18px 18px #54356b, 19px 19px #54356b, 20px 20px #54356b, 21px 21px #54356b, 22px 22px #54356b, 23px 23px #54356b, 24px 24px #54356b, 25px 25px #54356b, 26px 26px #54356b, 27px 27px #54356b, 28px 28px #54356b, 29px 29px #54356b, 30px 30px #54356b, 31px 31px #54356b, 32px 32px #54356b, 33px 33px #54356b, 34px 34px #54356b, 35px 35px #54356b, 36px 36px #54356b, 37px 37px #54356b, 38px 38px #54356b, 39px 39px #54356b, 40px 40px #54356b, 41px 41px #54356b, 42px 42px #54356b, 43px 43px #54356b, 44px 44px #54356b, 45px 45px #54356b, 46px 46px #54356b, 47px 47px #54356b, 48px 48px #54356b, 49px 49px #54356b, 50px 50px #54356b, 51px 51px #54356b, 52px 52px #54356b, 53px 53px #54356b, 54px 54px #54356b, 55px 55px #54356b, 56px 56px #54356b, 57px 57px #54356b, 58px 58px #54356b, 59px 59px #54356b, 60px 60px #54356b, 61px 61px #54356b, 62px 62px #54356b, 63px 63px #54356b, 64px 64px #54356b, 65px 65px #54356b, 66px 66px #54356b, 67px 67px #54356b, 68px 68px #54356b, 69px 69px #54356b, 70px 70px #54356b, 71px 71px #54356b, 72px 72px #54356b, 73px 73px #54356b, 74px 74px #54356b, 75px 75px #54356b, 76px 76px #54356b, 77px 77px #54356b, 78px 78px #54356b, 79px 79px #54356b, 80px 80px #54356b, 81px 81px #54356b, 82px 82px #54356b, 83px 83px #54356b, 84px 84px #54356b, 85px 85px #54356b, 86px 86px #54356b, 87px 87px #54356b, 88px 88px #54356b, 89px 89px #54356b, 90px 90px #54356b, 91px 91px #54356b, 92px 92px #54356b, 93px 93px #54356b, 94px 94px #54356b, 95px 95px #54356b, 96px 96px #54356b, 97px 97px #54356b, 98px 98px #54356b, 99px 99px #54356b, 100px 100px #54356b, 101px 101px #54356b, 102px 102px #54356b, 103px 103px #54356b, 104px 104px #54356b, 105px 105px #54356b, 106px 106px #54356b, 107px 107px #54356b, 108px 108px #54356b, 109px 109px #54356b, 110px 110px #54356b, 111px 111px #54356b, 112px 112px #54356b, 113px 113px #54356b, 114px 114px #54356b, 115px 115px #54356b, 116px 116px #54356b, 117px 117px #54356b, 118px 118px #54356b, 119px 119px #54356b, 120px 120px #54356b, 121px 121px #54356b, 122px 122px #54356b, 123px 123px #54356b, 124px 124px #54356b, 125px 125px #54356b, 126px 126px #54356b, 127px 127px #54356b, 128px 128px #54356b, 129px 129px #54356b, 130px 130px #54356b, 131px 131px #54356b, 132px 132px #54356b, 133px 133px #54356b, 134px 134px #54356b, 135px 135px #54356b, 136px 136px #54356b, 137px 137px #54356b, 138px 138px #54356b, 139px 139px #54356b, 140px 140px #54356b, 141px 141px #54356b, 142px 142px #54356b, 143px 143px #54356b, 144px 144px #54356b, 145px 145px #54356b, 146px 146px #54356b, 147px 147px #54356b, 148px 148px #54356b, 149px 149px #54356b, 150px 150px #54356b, 151px 151px #54356b, 152px 152px #54356b, 153px 153px #54356b, 154px 154px #54356b, 155px 155px #54356b, 156px 156px #54356b, 157px 157px #54356b, 158px 158px #54356b, 159px 159px #54356b, 160px 160px #54356b, 161px 161px #54356b, 162px 162px #54356b, 163px 163px #54356b, 164px 164px #54356b, 165px 165px #54356b, 166px 166px #54356b, 167px 167px #54356b, 168px 168px #54356b, 169px 169px #54356b, 170px 170px #54356b, 171px 171px #54356b, 172px 172px #54356b, 173px 173px #54356b, 174px 174px #54356b, 175px 175px #54356b, 176px 176px #54356b, 177px 177px #54356b, 178px 178px #54356b, 179px 179px #54356b, 180px 180px #54356b, 181px 181px #54356b, 182px 182px #54356b, 183px 183px #54356b, 184px 184px #54356b, 185px 185px #54356b, 186px 186px #54356b, 187px 187px #54356b, 188px 188px #54356b, 189px 189px #54356b, 190px 190px #54356b, 191px 191px #54356b, 192px 192px #54356b, 193px 193px #54356b, 194px 194px #54356b, 195px 195px #54356b, 196px 196px #54356b, 197px 197px #54356b, 198px 198px #54356b, 199px 199px #54356b, 200px 200px #54356b; background-color: #613d7c; } .shape-11 { text-shadow: 0px 0px #ff4262, 1px 1px #ff4262, 2px 2px #ff4262, 3px 3px #ff4262, 4px 4px #ff4262, 5px 5px #ff4262, 6px 6px #ff4262, 7px 7px #ff4262, 8px 8px #ff4262, 9px 9px #ff4262, 10px 10px #ff4262, 11px 11px #ff4262, 12px 12px #ff4262, 13px 13px #ff4262, 14px 14px #ff4262, 15px 15px #ff4262, 16px 16px #ff4262, 17px 17px #ff4262, 18px 18px #ff4262, 19px 19px #ff4262, 20px 20px #ff4262, 21px 21px #ff4262, 22px 22px #ff4262, 23px 23px #ff4262, 24px 24px #ff4262, 25px 25px #ff4262, 26px 26px #ff4262, 27px 27px #ff4262, 28px 28px #ff4262, 29px 29px #ff4262, 30px 30px #ff4262, 31px 31px #ff4262, 32px 32px #ff4262, 33px 33px #ff4262, 34px 34px #ff4262, 35px 35px #ff4262, 36px 36px #ff4262, 37px 37px #ff4262, 38px 38px #ff4262, 39px 39px #ff4262, 40px 40px #ff4262, 41px 41px #ff4262, 42px 42px #ff4262, 43px 43px #ff4262, 44px 44px #ff4262, 45px 45px #ff4262, 46px 46px #ff4262, 47px 47px #ff4262, 48px 48px #ff4262, 49px 49px #ff4262, 50px 50px #ff4262, 51px 51px #ff4262, 52px 52px #ff4262, 53px 53px #ff4262, 54px 54px #ff4262, 55px 55px #ff4262, 56px 56px #ff4262, 57px 57px #ff4262, 58px 58px #ff4262, 59px 59px #ff4262, 60px 60px #ff4262, 61px 61px #ff4262, 62px 62px #ff4262, 63px 63px #ff4262, 64px 64px #ff4262, 65px 65px #ff4262, 66px 66px #ff4262, 67px 67px #ff4262, 68px 68px #ff4262, 69px 69px #ff4262, 70px 70px #ff4262, 71px 71px #ff4262, 72px 72px #ff4262, 73px 73px #ff4262, 74px 74px #ff4262, 75px 75px #ff4262, 76px 76px #ff4262, 77px 77px #ff4262, 78px 78px #ff4262, 79px 79px #ff4262, 80px 80px #ff4262, 81px 81px #ff4262, 82px 82px #ff4262, 83px 83px #ff4262, 84px 84px #ff4262, 85px 85px #ff4262, 86px 86px #ff4262, 87px 87px #ff4262, 88px 88px #ff4262, 89px 89px #ff4262, 90px 90px #ff4262, 91px 91px #ff4262, 92px 92px #ff4262, 93px 93px #ff4262, 94px 94px #ff4262, 95px 95px #ff4262, 96px 96px #ff4262, 97px 97px #ff4262, 98px 98px #ff4262, 99px 99px #ff4262, 100px 100px #ff4262, 101px 101px #ff4262, 102px 102px #ff4262, 103px 103px #ff4262, 104px 104px #ff4262, 105px 105px #ff4262, 106px 106px #ff4262, 107px 107px #ff4262, 108px 108px #ff4262, 109px 109px #ff4262, 110px 110px #ff4262, 111px 111px #ff4262, 112px 112px #ff4262, 113px 113px #ff4262, 114px 114px #ff4262, 115px 115px #ff4262, 116px 116px #ff4262, 117px 117px #ff4262, 118px 118px #ff4262, 119px 119px #ff4262, 120px 120px #ff4262, 121px 121px #ff4262, 122px 122px #ff4262, 123px 123px #ff4262, 124px 124px #ff4262, 125px 125px #ff4262, 126px 126px #ff4262, 127px 127px #ff4262, 128px 128px #ff4262, 129px 129px #ff4262, 130px 130px #ff4262, 131px 131px #ff4262, 132px 132px #ff4262, 133px 133px #ff4262, 134px 134px #ff4262, 135px 135px #ff4262, 136px 136px #ff4262, 137px 137px #ff4262, 138px 138px #ff4262, 139px 139px #ff4262, 140px 140px #ff4262, 141px 141px #ff4262, 142px 142px #ff4262, 143px 143px #ff4262, 144px 144px #ff4262, 145px 145px #ff4262, 146px 146px #ff4262, 147px 147px #ff4262, 148px 148px #ff4262, 149px 149px #ff4262, 150px 150px #ff4262, 151px 151px #ff4262, 152px 152px #ff4262, 153px 153px #ff4262, 154px 154px #ff4262, 155px 155px #ff4262, 156px 156px #ff4262, 157px 157px #ff4262, 158px 158px #ff4262, 159px 159px #ff4262, 160px 160px #ff4262, 161px 161px #ff4262, 162px 162px #ff4262, 163px 163px #ff4262, 164px 164px #ff4262, 165px 165px #ff4262, 166px 166px #ff4262, 167px 167px #ff4262, 168px 168px #ff4262, 169px 169px #ff4262, 170px 170px #ff4262, 171px 171px #ff4262, 172px 172px #ff4262, 173px 173px #ff4262, 174px 174px #ff4262, 175px 175px #ff4262, 176px 176px #ff4262, 177px 177px #ff4262, 178px 178px #ff4262, 179px 179px #ff4262, 180px 180px #ff4262, 181px 181px #ff4262, 182px 182px #ff4262, 183px 183px #ff4262, 184px 184px #ff4262, 185px 185px #ff4262, 186px 186px #ff4262, 187px 187px #ff4262, 188px 188px #ff4262, 189px 189px #ff4262, 190px 190px #ff4262, 191px 191px #ff4262, 192px 192px #ff4262, 193px 193px #ff4262, 194px 194px #ff4262, 195px 195px #ff4262, 196px 196px #ff4262, 197px 197px #ff4262, 198px 198px #ff4262, 199px 199px #ff4262, 200px 200px #ff4262; background-color: #ff5b77; } .modal-content { border-radius: 7px; } .modal-content .modal-header { border-radius: 7px 7px 0 0; } .modal-content .close { border: none; font-size: 18px; border-radius: 50%; line-height: 18px; height: 40px; width: 40px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .card { border-radius: 6px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); } .card .card-header { border-radius: 6px 6px 0 0; } .box-title--padding { padding-left: 15px; } .bs-poster-img { display: block; border-radius: 6px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); } .block-cell.user { border-radius: 6px; background: white; } .file-input .input-group .input-group-btn button:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .form-horizontal .form-group { margin-bottom: 16px; } .center-block { margin-left: auto; margin-right: auto; } /* Theme Switcher (Light / Dark) */ .theme-switcher { position: relative; /* bottom: 24px; */ /* z-index: 99999; */ right: 0; display: block; vertical-align: top; width: 100px; height: 30px; padding: 3px; /* margin: 0 10px 10px 0; */ background: -webkit-linear-gradient(top, #eeeeee, #ffffff 25px); background: -moz-linear-gradient(top, #eeeeee, #ffffff 25px); background: -o-linear-gradient(top, #eeeeee, #ffffff 25px); background: linear-gradient(to bottom, #eeeeee, #ffffff 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; -moz-box-sizing: content-box; box-sizing: content-box; } @media (max-width: 767px) { .theme-switcher { /* display: none; */ } } .theme-switcher-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); -moz-box-sizing: content-box; box-sizing: content-box; } .theme-switcher-label:before, .theme-switcher-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; -moz-box-sizing: content-box; box-sizing: content-box; } .theme-switcher-label:before { content: attr(data-off); right: 11px; color: #aaaaaa; text-shadow: 0 1px rgba(255, 255, 255, 0.5); } .theme-switcher-label:after { content: attr(data-on); left: 11px; color: #ffffff; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .theme-switcher.active .theme-switcher-label { background: var(--background); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .theme-switcher.active .theme-switcher-label:before { opacity: 0; } .theme-switcher.active .theme-switcher-label:after { opacity: 1; } .theme-switcher-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: -webkit-linear-gradient(top, #ffffff 40%, #f0f0f0); background: -moz-linear-gradient(top, #ffffff 40%, #f0f0f0); background: -o-linear-gradient(top, #ffffff 40%, #f0f0f0); background: linear-gradient(to bottom, #ffffff 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #ffffff 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .theme-switcher-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: -webkit-linear-gradient(top, #eeeeee, #ffffff); background: -moz-linear-gradient(top, #eeeeee, #ffffff); background: -o-linear-gradient(top, #eeeeee, #ffffff); background: linear-gradient(to bottom, #eeeeee, #ffffff); background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); } .theme-switcher.active .theme-switcher-handle { left: 74px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } /* Transition ========================== */ .theme-switcher-label, .theme-switcher-handle { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }