File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hotelhariom.in/css/style.css

Back
:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); } , ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } .select-wrap select option{ color:#000; } } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #0d6efd; text-decoration: underline; } a:hover { color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr / rtl:ignore /; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a > code { color: inherit; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px; } input, button, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } textarea { resize: vertical; } / rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } / iframe { border: 0; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .list-unstyled { padding-left: 0; list-style: none; } .img-fluid { max-width: 100%; height: auto; } .container, .container-fluid, .container-xl { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-xl { max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-xl { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row > * { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .g-0 { --bs-gutter-x: 0; } .g-0 { --bs-gutter-y: 0; } .g-3 { --bs-gutter-x: 1rem; } .g-3 { --bs-gutter-y: 1rem; } @media (min-width: 576px) { .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } } @media (min-width: 768px) { .col-md { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .g-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2 { --bs-gutter-y: 0.5rem; } .g-md-5 { --bs-gutter-x: 3rem; } .g-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } } @media (min-width: 1200px) { .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .g-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bs-table-accent-bg)), to(var(--bs-table-accent-bg))); background-image: -webkit-linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); background-image: -o-linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); border-bottom-width: 1px; } .table > :not(:last-child) > :last-child > * { border-bottom-color: currentColor; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; -o-transition: none; transition: none; } } .form-control[type="file"] { overflow: hidden; } .form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { -webkit-transition: none; -o-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; -o-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; -webkit-transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-check-input { -webkit-transition: none; -o-transition: none; transition: none; } } .form-check-input[type="checkbox"] { border-radius: 0.25em; } .form-check-input:active { -webkit-filter: brightness(90%); filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input[type="checkbox"]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; -webkit-filter: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 0.5; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; -o-transition: none; transition: none; } } .btn:hover { color: #212529; } .btn:focus { outline: 0; -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .btn:disabled, .btn.disabled { pointer-events: none; opacity: 0.65; } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; -webkit-box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; } .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .fade { -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; -o-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; -o-transition: none; transition: none; } } .dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu[style] { right: auto !important; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; text-decoration: none; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { -webkit-transition: none; -o-transition: none; transition: none; } } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar > .container, .navbar > .container-fluid, .navbar > .container-xl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-collapse { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; -webkit-transition: -webkit-box-shadow 0.15s ease-in-out; transition: -webkit-box-shadow 0.15s ease-in-out; -o-transition: box-shadow 0.15s ease-in-out; transition: box-shadow 0.15s ease-in-out; transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { -webkit-transition: none; -o-transition: none; transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; -webkit-box-shadow: 0 0 0 0.25rem; box-shadow: 0 0 0 0.25rem; } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; } } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; -o-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore /; z-index: 1060; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; -o-transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; -o-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } / rtl:begin:ignore / .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } / rtl:end:ignore / / rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } / .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; -webkit-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { -webkit-transition: none; -o-transition: none; transition: none; } } .carousel-indicators .active { opacity: 1; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg) / rtl:ignore /; transform: rotate(360deg) / rtl:ignore /; } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg) / rtl:ignore /; transform: rotate(360deg) / rtl:ignore /; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--aspect-ratio); content: ""; } .ratio > { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .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: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .border-0 { border: 0 !important; } .border-0 { border-width: 0 !important; } .w-100 { width: 100% !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .mb-0 { margin-bottom: 0 !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 1rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .text-center { text-align: center !important; } .bg-light { background-color: #f8f9fa !important; } .bg-white { background-color: #fff !important; } /* rtl:begin:remove / / rtl:end:remove / .rounded { border-radius: 0.25rem !important; } .visible { visibility: visible !important; } @media (min-width: 768px) { .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .mt-md-0 { margin-top: 0 !important; } .me-md-4 { margin-right: 1.5rem !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } } @media (min-width: 992px) { .mb-lg-0 { margin-bottom: 0 !important; } .p-lg-5 { padding: 3rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } } @media (min-width: 1200px) { .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .ps-xl-5 { padding-left: 3rem !important; } } body { font-family: "Nunito", Arial, sans-serif; background: #f8f8f8; font-size: 15px; line-height: 1.8; font-weight: 400; color: #999999; } a, button { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; color: #caa65e; text-decoration: none; } a:hover, a:focus, button:hover, button:focus { text-decoration: none; color: #caa65e; outline: none !important; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .h1, .h2, .h3, .h4, .h5 { line-height: 1.5; color: rgba(0, 0, 0, 0.8); font-weight: 400; font-family: "Old Standard TT", Arial, sans-serif; } .ftco-navbar-light { background: transparent !important; position: absolute; top: 20px; left: 0; right: 0; z-index: 3; padding: 0; } @media (max-width: 991.98px) { .ftco-navbar-light { background: #222222 !important; position: relative; top: 0; padding: 7px 0; } } .ftco-navbar-light .navbar-brand { color: #fff; /padding-top: .7rem; padding-bottom: .7rem;/ } .ftco-navbar-light .navbar-brand:hover, .ftco-navbar-light .navbar-brand:focus { color: #000000 !important; } @media (max-width: 767.98px) { .ftco-navbar-light .navbar-brand { color: #fff; } } @media (max-width: 991.98px) { .ftco-navbar-light .navbar-nav { padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 767.98px) { .ftco-navbar-light .navbar-nav { padding-top: 20px; padding-bottom: 20px; margin-right: 0; } } .ftco-navbar-light .navbar-nav .dropdown:hover .dropdown-menu { display: block; margin-top: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .ftco-navbar-light .navbar-nav > .nav-item > .nav-link { font-size: 13px; padding-top: 1.2rem; padding-bottom: 1.2rem; padding-left: 25px; padding-right: 25px; color: rgba(255, 255, 255, 0.7); font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .ftco-navbar-light .navbar-nav > .nav-item > .nav-link span { position: relative; display: block; padding-bottom: 2px; } @media (max-width: 991.98px) { .ftco-navbar-light .navbar-nav > .nav-item > .nav-link span { display: inline-block; } } @media (max-width: 991.98px) { .ftco-navbar-light .navbar-nav > .nav-item > .nav-link { padding-left: 10px; padding-right: 10px; padding-bottom: 1rem; padding-top: 0; color: #fff; } } .ftco-navbar-light .navbar-nav > .nav-item > .nav-link.active { color: #fff !important; } @media (max-width: 767.98px) { .ftco-navbar-light .navbar-nav > .nav-item.active > a { color: #fff; background: transparent; } } .ftco-navbar-light .btn-custom { margin-right: 20px; text-transform: uppercase; font-size: 13px; font-weight: 700; background: rgba(255, 255, 255, 0.1); padding: 4px 10px; color: #fff; border-radius: 2px; } .ftco-navbar-light .navbar-toggler { border: none; color: rgba(255, 255, 255, 0.9) !important; cursor: pointer; padding-right: 0; text-transform: uppercase; font-size: 16px; letter-spacing: .1em; } .ftco-navbar-light .navbar-toggler:hover, .ftco-navbar-light .navbar-toggler:focus { text-decoration: none; color: #caa65e; outline: none !important; -webkit-box-shadow: none; box-shadow: none; } .navbar-brand { font-weight: 900; font-size: 30px; z-index: 3; position: relative; } @media (max-width: 575.98px) { .navbar-brand { line-height: 1; } } .navbar-brand span { color: #fff; display: block; line-height: 1.1; } .navbar-brand span small, .navbar-brand span .small { display: block; font-size: 12px; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .navbar-brand .flaticon { font-size: 40px; color: #caa65e; line-height: .7; } .hero-wrap { height: 100vh; min-height: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; z-index: 0; } .hero-wrap .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .5; background: #222222; z-index: -1; } .hero-wrap.hero-wrap-2 { min-height: auto; height: 400px; } .hero-wrap.hero-wrap-2 .overlay { opacity: .4; } .hero-wrap.hero-wrap-2 .slider-text { min-height: auto; height: 400px; } .hero-wrap .slider-text { height: 100vh; min-height: 750px; color: rgba(255, 255, 255, 0.8); z-index: 3; } .hero-wrap .slider-text .subheading { text-transform: uppercase; font-weight: 700; color: #fff; font-size: 13px; letter-spacing: 1px; } .hero-wrap .slider-text h1, .hero-wrap .slider-text .h1 { font-weight: 700; color: #fff; font-size: 80px; line-height: 1.2; } @media (max-width: 767.98px) { .hero-wrap .slider-text h1, .hero-wrap .slider-text .h1 { font-size: 40px; } } @media (max-width: 575.98px) { .hero-wrap .slider-text .btn { width: 100%; display: block; margin-bottom: 5px; } } .hero-wrap .slider-text .breadcrumbs { font-size: 14px; margin-bottom: 10px; z-index: 99; font-weight: 600; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); } .hero-wrap .slider-text .breadcrumbs span { color: rgba(255, 255, 255, 0.8); } .hero-wrap .slider-text .breadcrumbs span i { color: rgba(255, 255, 255, 0.8); font-size: 12px; } .hero-wrap .slider-text .breadcrumbs span a { color: rgba(255, 255, 255, 0.8); } .hero-wrap .slider-text .breadcrumbs span a:hover, .hero-wrap .slider-text .breadcrumbs span a:focus { color: #caa65e; } .hero-wrap .slider-text .breadcrumbs span a:hover i, .hero-wrap .slider-text .breadcrumbs span a:focus i { color: #caa65e; } .hero-wrap .slider-text .bread { font-weight: 400; color: #fff; font-size: 45px; } .bg-light { background: #f8f8f8 !important; } .bg-darken { background: #222222 !important; } .btn { padding: 9px 12px; cursor: pointer; border-radius: 0; -webkit-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09); box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .btn:hover, .btn:active, .btn:focus { outline: none; } .btn1{ margin-top: 20px; } .btn.btn-primary { background: #caa65e !important; border: 1px solid #caa65e !important; color: #fff !important; } .btn.btn-primary span { color: #fff !important; font-size: 16px; line-height: 1; margin-left: 10px; } .btn.btn-primary:hover { border: 1px solid #caa65e; background: transparent; color: #caa65e; } .btn.btn-white { background: #fff !important; border: 1px solid #fff !important; color: #000000 !important; } .btn.btn-white:hover { border: 1px solid #fff; background: transparent; color: #fff; } .btn.btn-white.btn-outline-white { border: 1px solid rgba(255, 255, 255, 0.7) !important; background: transparent !important; color: #fff !important; } .btn.btn-white.btn-outline-white:hover { border: 1px solid transparent !important; background: #fff !important; color: #000000 !important; } .form-control { height: 45px; background: #fff; color: rgba(0, 0, 0, 0.8); font-size: 14px; border-radius: 2px; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid rgba(0, 0, 0, 0.1); } .form-control::-webkit-input-placeholder { / Chrome/Opera/Safari / color: rgba(0, 0, 0, 0.3) !important; } .form-control::-moz-placeholder { / Firefox 19+ / color: rgba(0, 0, 0, 0.3) !important; } .form-control:-ms-input-placeholder { / IE 0+ / color: rgba(0, 0, 0, 0.3) !important; } .form-control:-moz-placeholder { / Firefox 18- / color: rgba(0, 0, 0, 0.3) !important; } .form-control:focus, .form-control:active { border-color: #caa65e !important; } textarea.form-control { height: inherit !important; } .ftco-booking { margin-top: -80px; } .booking-form { width: 100%; background: #222222; -webkit-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); z-index: 0; position: relative; } .booking-form .form-wrap { position: relative; overflow: hidden; } .booking-form .form-group { position: relative; margin-bottom: 0; width: 100%; border-left: 1px solid rgba(0, 0, 0, 0.05); } @media (max-width: 575.98px) { .booking-form .form-group { margin-bottom: 0; border: none; } } .booking-form .form-group label { font-weight: 700; font-size: 12px; color: #fff; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; } .booking-form .form-group .form-field { position: relative; display: block; } .booking-form .form-group .form-control { padding: 0; padding-left: 25px; display: block; width: 100%; height: inherit !important; font-size: 16px; border: none !important; color: rgba(255, 255, 255, 0.4) !important; background: transparent !important; border-radius: 0; } .booking-form .form-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; } .booking-form .form-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.4) !important; } .booking-form .form-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; } .booking-form .form-group .form-control:-moz-placeholder { color: rgba(0, 0, 0, 0.4) !important; } .booking-form .form-group .form-control.btn { font-size: 16px; font-weight: 700; text-transform: uppercase; background: #caa65e !important; border: none !important; color: #fff !important; padding: 0 30px !important; line-height: 1.4 !important; border-radius: 0; } @media (max-width: 991.98px) { .booking-form .form-group .form-control.btn { padding: 25px 20px !important; } } .booking-form .form-group .select-wrap { position: relative; } .booking-form .form-group .select-wrap select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .booking-form .form-group .icon { position: absolute; top: 50%; left: 0; font-size: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: rgba(255, 255, 255, 0.3); width: 30px; height: 30px; } @media (max-width: 575.98px) { .booking-form .form-group .icon { left: 0; } } .services { width: 100%; background: #fff; padding: 30px 20px; border-radius: 50% 50% 50% 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); } @media (max-width: 1199.98px) { .services { margin-bottom: 20px; } } @media (max-width: 767.98px) { .services { border-radius: 2px; margin-bottom: 10px; } } .services .icon { margin-bottom: 8px; } .services .icon span { font-size: 70px; line-height: 1.2; color: #caa65e; } .services .text { width: 100%; } .services .text h2, .services .text .h2 { font-size: 20px; font-weight: 600; margin-bottom: 2px; font-family: "Nunito", Arial, sans-serif; } .services:hover { background: #caa65e; -webkit-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.18); box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.18); } .services:hover .icon span { color: #fff; } .services:hover .text h2, .services:hover .text .h2 { color: #fff; } .room-wrap { background: #fff; margin-bottom: 60px; -webkit-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.04); box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.04); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 575.98px) { .room-wrap { margin-bottom: 40px; } } .room-wrap .img { display: block; width: 100%; height: 280px; position: relative; z-index: 0; } .room-wrap .img.img-room:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; opacity: 0; background: #222222; z-index: -1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .room-wrap .text { position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0; } .room-wrap .text h3, .room-wrap .text .h3 { font-size: 30px; margin-bottom: 10px; } .room-wrap .text h3 a, .room-wrap .text .h3 a { color: #000000; font-weight: 400; } .room-wrap .text ul { margin-top: -25px; border-radius: 4px; padding: 10px 0; background: #fff; -webkit-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); } .room-wrap .text ul li { font-size: 16px; margin-right: 10px; display: inline-block; list-style: none; } .room-wrap .text ul li span { margin-right: 5px; } .room-wrap .text .price { color: #caa65e; text-transform: uppercase; font-size: 14px; font-weight: 700; } .room-wrap .text .price small, .room-wrap .text .price .small { font-size: 14px; } .room-wrap .text .btn-custom { color: #222222; text-transform: uppercase; font-size: 14px; font-weight: 700; border: 1px solid rgba(0, 0, 0, 0.05); padding: 5px 10px; border-radius: 2px; } .room-wrap:hover { -webkit-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.08); box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.08); } .room-wrap:hover .text { background: #222222; color: rgba(255, 255, 255, 0.7); } .room-wrap:hover .text h3 a, .room-wrap:hover .text .h3 a { color: #fff; } .room-wrap:hover .text .btn-custom { color: #fff; border: 1px solid rgba(255, 255, 255, 0.1); } .room-wrap:hover .img:after { opacity: .5; } .room-detail { width: 100%; height: 500px; } .ftco-room-section { position: relative; z-index: 0; } .ftco-room-section .tns-outer { position: relative; padding-bottom: 3em !important; } /.ftco-room-section .tns-ovh { padding: 2em 0 0 0; }/ .ftco-room-section .tns-controls { text-align: center; margin-bottom: 10px; } .ftco-room-section .tns-nav { text-align: center; margin: 0; position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; } .ftco-room-section .tns-nav > [aria-controls] { width: 9px; height: 9px; padding: 0; margin: 0 5px; border-radius: 50%; background: #ddd; border: 0; } .ftco-room-section .tns-outer [aria-controls], .ftco-room-section .tns-outer [data-action] { cursor: pointer; } .ftco-room-section .tns-nav > .tns-nav-active { background: #999; } .img-cuisine { position: relative; z-index: 0; } .img-cuisine:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; opacity: .4; background: #222222; z-index: -1; } .img-cuisine .icon { position: absolute; top: 50%; right: -40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100px; height: 120px; border-radius: 5px; background: #caa65e; -webkit-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); } .img-cuisine .icon span { color: #fff; font-size: 60px; } @media (max-width: 1199.98px) { .img-cuisine { height: 300px; width: 100%; } .img-cuisine .icon { right: 50%; margin-right: -50px; } } .list { padding: 0; } .list li { list-style: none; font-size: 18px; color: #000; font-weight: 600; font-family: 'Old Standard TT'; }.list li span{ font-size: 18px; text-decoration: underline; font-weight: bold; color:#000; } .list li span { color: #000; } .rate i { color: #caa65e; margin: 0 4px; } .pricing-entry { width: 100%; display: block; margin-bottom: 10px; background: #fff; padding: 30px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-entry .img { width: 80px; height: 80px; border-radius: 50%; } .pricing-entry .desc { width: calc(100% - 80px); } .pricing-entry .desc p { margin-bottom: 0; } .pricing-entry .text { width: 100%; display: block; position: relative; z-index: 0; } .pricing-entry .text:after { position: absolute; bottom: 35%; left: 0; right: 0; content: ''; width: 100%; height: 1px; z-index: -1; } .pricing-entry .text h3, .pricing-entry .text .h3 { width: calc(100% - 80px); font-size: 20px; font-family: "Nunito", Arial, sans-serif; font-weight: 600; } .pricing-entry .text h3 span, .pricing-entry .text .h3 span { padding-right: 20px; } .pricing-entry .text .price { width: 80px; color: #caa65e; text-align: right; font-size: 20px; } .pricing-entry:hover { background: #222222; } .pricing-entry:hover .text h3, .pricing-entry:hover .text .h3 { color: #fff; } .pricing-entry:hover .text h3 span, .pricing-entry:hover .text .h3 span { padding-right: 20px; } .vid-section { height: 600px; position: relative; z-index: 0; } .vid-section .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; background: #222222; opacity: .5; } .video-wrap .subheading { font-size: 13px; display: block; margin-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; } .video-wrap h3, .video-wrap .h3 { color: #fff; font-weight: 400; font-size: 70px; } .vid-height { height: 600px; } .video-icon { width: 80px !important; height: 80px; border-radius: 50%; display: block; background: #caa65e; margin: 0 auto; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } .video-icon span { color: #fff; font-size: 40px; line-height: 1; } .about-author .bio { border-radius: 50%; width: 80px; height: 80px; border-radius: 50%; display: block; } .about-author .desc { width: calc(100% - 80px); } .about-author .desc h3, .about-author .desc .h3 { font-size: 30px; font-weight: 400; } .att{ background-color:#f9e8d942; } .ftco-section { padding: 60px 0px 60px 0px; position: relative; width: 100%; overflow-x: hidden; } @media (max-width: 575.98px) { .ftco-section { padding: 6em 0; } } .ftco-no-pt { padding-top: 0 !important; } .ftco-no-pb { padding-bottom: 0 !important; } .ftco-intro { color: rgba(255, 255, 255, 0.8); z-index: 0; position: relative; padding: 6em 0; } .ftco-intro .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; opacity: .9; background: #222222; z-index: -1; } @media (max-width: 767px) { .ftco-navbar-light .navbar-brand{ padding:0px; } .video-hotel iframe{ height:auto!important; } .navbar-brand img { width: 100px; padding: 5px 0px; } .ftco-navbar-light{ padding:0px; } } @media (max-width: 767.98px) { .ftco-intro { background-position: center center !important; } } .ftco-intro .subheading { font-size: 13px; display: block; margin-bottom: 5px; color: #caa65e; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; } .ftco-intro h1, .ftco-intro .h1 { color: #fff; font-weight: 400; } .ftco-intro h2, .ftco-intro .h2 { color: #fff; font-weight: 400; font-size: 40px !important; } @media (max-width: 575.98px) { .ftco-intro h2, .ftco-intro .h2 { font-size: 20px; } } .ftco-intro h2 span, .ftco-intro .h2 span { background: #caa65e; } .ftco-gallery .gallery-wrap { width: 100%; height: 250px; display: block; position: relative; z-index: 0; margin-bottom: 15px; } .ftco-gallery .gallery-wrap:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; background: #000000; opacity: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .ftco-gallery .gallery-wrap .icon { width: 40px; height: 40px; border-radius: 50%; background: #caa65e; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .ftco-gallery .gallery-wrap .icon span { color: #fff; } .ftco-gallery .gallery-wrap:hover:after { opacity: .3; } .ftco-gallery .gallery-wrap:hover .icon { opacity: 1; } .copyrigh1{ margin-bottom:10px; } .tarifinfo { width: 100%; text-align: center; margin-left: auto; margin-right: auto; /margin-bottom: 20px; margin-top: 20px;/ } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 16px; } .tarifinfo th.datetime { background:#32323280 } .tarifinfo th { background: #323232; text-align: center; font-size: 18px; color: #fff; } #map1 iframe{ width:100%; height: 670px; } .tarifinfo th { padding: 10px; border: solid 1px #000; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 20px; } .tarifinfo td { font-size: 18px; color: #323232; padding: 10px; border: solid 1px #000; font-weight: 500; letter-spacing: 1px; } .ftco-footer { padding: 3em 0 0 0; background: #1a1a1a; color: rgba(255, 255, 255, 0.7); } .ftco-footer .logo a { position: relative; text-decoration: none; } .ftco-footer .ftco-footer-widget h2, .ftco-footer .ftco-footer-widget .h2 { color: #fff; margin-bottom: 15px; font-size: 20px; font-weight: 700; font-family: "Nunito", Arial, sans-serif; } .ftco-footer .ftco-footer-widget ul li { margin-bottom: 10px; } .ftco-footer .ftco-footer-widget ul li a { color: rgba(255, 255, 255, 0.7); } .ftco-footer .ftco-footer-widget ul li a span { font-size: 16px; color: rgba(255, 255, 255, 0.7); } .ftco-footer .ftco-footer-widget ul li a:hover { color: #caa65e; } .ftco-footer .ftco-footer-widget ul li a:hover span { color: #caa65e; } .ftco-footer .ftco-footer-widget .btn-primary { background: #fff !important; border: 2px solid #fff !important; } .ftco-footer .ftco-footer-widget .btn-primary:hover { background: #fff; border: 2px solid #fff !important; } .ftco-footer .block-23 ul { padding: 0; } .ftco-footer .block-23 ul li { font-size: 15px; } .ftco-footer .block-23 ul li, .ftco-footer .block-23 ul li > a { display: table; line-height: 1.5; font-size: 15px; } .ftco-footer .block-23 ul li span { color: rgba(255, 255, 255, 0.7); color: #caa65e; } .ftco-footer .block-23 ul li .icon, .ftco-footer .block-23 ul li .text { display: table-cell; vertical-align: top; color: rgba(255, 255, 255, 0.8) !important; } .ftco-footer .block-23 ul li .icon { width: 40px; font-size: 15px; padding-top: 2px; color: #caa65e !important; } .ftco-footer .bg-darken { background: #151515 !important; } .about{ width:100%; } .services .icon img{ width:80px; filter: saturate(0.5); } .heading-section .abt-head { font-size: 40px; margin-bottom:10px; font-weight: 400; line-height: 1.4; } .ftco-footer-social li { list-style: none; margin: 0 5px 0 0; display: inline-block; } .ftco-footer-social li a { height: 40px; width: 40px; display: block; color: #caa65e; border-radius: 2px; position: relative; background: rgba(255, 255, 255, 0.05); } .ftco-footer-social li a span { position: absolute; font-size: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #caa65e !important; } .ftco-footer-social li a:hover { color: #caa65e; } #map { width: 100%; } @media (max-width: 767.98px) { #map { height: 300px; } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(197, 168, 128, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(197, 168, 128, 0.4); box-shadow: 0 0 0 0 rgba(197, 168, 128, 0.4); } 70% { -moz-box-shadow: 0 0 0 30px rgba(197, 168, 128, 0); -webkit-box-shadow: 0 0 0 30px rgba(197, 168, 128, 0); box-shadow: 0 0 0 30px rgba(197, 168, 128, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(197, 168, 128, 0); -webkit-box-shadow: 0 0 0 0 rgba(197, 168, 128, 0); box-shadow: 0 0 0 0 rgba(197, 168, 128, 0); } } .heading-section .subheading { font-size: 13px; display: block; margin-bottom: 5px; color: #caa65e; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; } .heading-section h2, .heading-section .h2 { font-size:45px; font-weight: 400; line-height: 1.4; } .heading-section h2 span, .heading-section .h2 span { font-weight: 400; } @media (max-width: 575.98px) { .heading-section h2, .heading-section .h2 { font-size: 38px; } } .img, .blog-img, .user-img { background-size: cover; background-repeat: no-repeat; background-position: center center; } .testimony-section { position: relative; z-index: 0; } .testimony-section .tns-outer { position: relative; padding-bottom: 3em !important; } .testimony-section .tns-ovh { padding: 2em 0 0 0; } .testimony-section .tns-controls { text-align: center; margin-bottom: 10px; } .testimony-section .tns-nav { text-align: center; margin: 0; position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; } .testimony-section .tns-nav > [aria-controls] { width: 9px; height: 9px; padding: 0; margin: 0 5px; border-radius: 50%; background: #ddd; border: 0; } .testimony-section .tns-outer [aria-controls], .testimony-section .tns-outer [data-action] { cursor: pointer; } .testimony-section .tns-nav > .tns-nav-active { background: #999; } .testimony-wrap { display: block; position: relative; background: white; padding: 35px 30px 30px 30px !important; border-radius: 4px; width: 98%; margin: 0 auto; color: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 5px 12px -9px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 5px 12px -9px rgba(0, 0, 0, 0.17); box-shadow: 0px 5px 12px -9px rgba(0, 0, 0, 0.17); } .testimony-wrap .icon { position: absolute; bottom: 0px; right: 0; width: 30px; height: 30px; border-radius: 50%; background: #caa65e; } .testimony-wrap .icon span { color: #fff; } .testimony-wrap .tx { width: calc(100% - 80px); } .testimony-wrap .user-img { width: 80px; height: 80px; position: relative; border-radius: 50%; } .testimony-wrap .name { font-weight: 700; font-size: 22px; margin-bottom: 0; color: #222222; } .testimony-wrap .position { font-size: 13px; text-transform: uppercase; color: #caa65e; font-weight: 600; } .ftco-about-section .img { height: 230px; } .ftco-about-section .f-services { width: 100%; padding: 0; } .ftco-about-section .f-services .icon { margin-bottom: 8px; } .ftco-about-section .f-services .icon span { font-size: 60px; line-height: 1.2; color: #caa65e; } .ftco-about-section .f-services .text { background: #fff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.06); } .ftco-about-section .f-services .text h3, .ftco-about-section .f-services .text .h3 { font-size: 24px; font-weight: 400; margin-bottom: 10px; } .ftco-about-section .f-services:hover .text { background: #222222; -webkit-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.18); box-shadow: 0px 5px 25px -2px rgba(0, 0, 0, 0.18); } .ftco-about-section .f-services:hover .text h3, .ftco-about-section .f-services:hover .text .h3 { color: #fff; } .ftco-section-counter { background: #222222; } .section-counter .counter-wrap { width: 100%; text-align: center; padding: 90px 40px; position: relative; z-index: 0; } .section-counter .counter-wrap:after { position: absolute; top: 0; left: 50%; content: ''; width: 1px; height: 40%; background: rgba(255, 255, 255, 0.05); z-index: -1; } .section-counter .number { font-size: 40px; font-weight: 700; color: #caa65e; line-height: 1; display: inline-block; margin-bottom: 5px; display: block; } .section-counter .caption { display: block; color: rgba(255, 255, 255, 0.8); } .block-20 { overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; display: block; width: 100%; height: 300px; z-index: -1; } .blog-entry { width: 100%; position: relative; z-index: 0; overflow: hidden; border-radius: 4px; -webkit-box-shadow: 0px 10px 25px -13px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 10px 25px -13px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 25px -13px rgba(0, 0, 0, 0.1); background: #fff; } @media (min-width: 768px) { .blog-entry { margin-bottom: 40px; } } @media (max-width: 575.98px) { .blog-entry { margin-bottom: 30px; } } .blog-entry .text { position: relative; width: 100%; margin: 0 auto; z-index: 0; padding: 30px; } .blog-entry .text .heading { font-size: 25px; margin-bottom: 0; font-weight: 400; } .blog-entry .text .heading a { color: #000000; } .blog-entry .text .heading a:hover, .blog-entry .text .heading a:focus, .blog-entry .text .heading a:active { color: #caa65e; } .blog-entry .meta { text-transform: uppercase; font-size: 13px; font-weight: 600; } .blog-entry .meta span { margin-right: 10px; } .blog-entry .btn-custom { text-transform: uppercase; color: #000000; font-size: 13px; font-weight: 600; letter-spacing: 2px; } .blog-single h2, .blog-single .h2 { font-size: 50px; line-height: 1.2; font-weight: 400; } .block-27 ul { padding: 0; margin: 0; } .block-27 ul li { display: inline-block; margin-bottom: 4px; font-weight: 400; } .block-27 ul li a, .block-27 ul li span { color: #000000; text-align: center; display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; border: 1px solid #e6e6e6; background: trasparent; } .block-27 ul li.active a, .block-27 ul li.active span, .block-27 ul li:hover a, .block-27 ul li:hover span { background: #caa65e; color: #fff; border: 1px solid transparent; } .wrapper { width: 100%; } .wrapper .social-media h3, .wrapper .social-media .h3 { font-size: 20px; font-weight: 400; } .wrapper .social-media p a { color: black; text-transform: uppercase; font-size: 13px; font-weight: 600; margin-right: 10px; } .wrapper .social-media p a:hover { color: #000000; } .contact-wrap { background: #fff; } .contact-wrap h3, .contact-wrap .h3 { color: #000000; font-weight: 700; font-size: 30px; } .dbox { width: 100%; margin-bottom: 25px; } @media (min-width: 768px) { .dbox { margin-bottom: 0; } } .dbox p { color: black; font-size: 14px;margin-bottom: 0; } .dbox p span { font-weight: 400; color: #000000; display: block; text-transform: uppercase; font-size: 13px; font-weight: 700; } .dbox p a { color: black; font-size: 14px;} .dbox .text { width: 100%; } .contactForm .label { color: #caa65e; text-transform: uppercase; font-size: 12px; font-weight: 600; } .contact-details{ padding:30px 20px; } .contactForm .form-control { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0; margin-bottom: 10px; } .block-21 .blog-img { display: block; height: 80px; width: 80px; } .block-21 .text { width: calc(100% - 90px); } .block-21 .text .heading { font-size: 18px; font-weight: 600; margin-bottom: 0; } .block-21 .text .heading a { color: #000000; } .block-21 .text .heading a:hover, .block-21 .text .heading a:active, .block-21 .text .heading a:focus { color: #caa65e; } .block-21 .text .meta > div { display: inline-block; font-size: 12px; margin-right: 5px; } .block-21 .text .meta > div a { color: gray; color: #caa65e; } / Blog/ .tagcloud a { text-transform: uppercase; display: inline-block; padding: 4px 10px; margin-bottom: 7px; margin-right: 4px; border-radius: 4px; color: #222222; font-size: 11px; background: #fff; } .comment-form-wrap { clear: both; } .comment-form-wrap .comment-form { background: #fff; } .comment-form-wrap .form-group label { font-size: 13px; text-transform: uppercase; color: #000000; font-weight: 700; } .comment-form-wrap .form-control { height: 45px; background: transparent; color: rgba(0, 0, 0, 0.8); font-size: 14px; border-radius: 2px; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid rgba(0, 0, 0, 0.1); } .comment-form-wrap .form-control::-webkit-input-placeholder { / Chrome/Opera/Safari / color: rgba(0, 0, 0, 0.3) !important; } .comment-form-wrap .form-control::-moz-placeholder { / Firefox 19+ / color: rgba(0, 0, 0, 0.3) !important; } .comment-form-wrap .form-control:-ms-input-placeholder { / IE 0+ / color: rgba(0, 0, 0, 0.3) !important; } .comment-form-wrap .form-control:-moz-placeholder { / Firefox 18- / color: rgba(0, 0, 0, 0.3) !important; } .comment-form-wrap .form-control:focus, .comment-form-wrap .form-control:active { border-color: #caa65e !important; } .comment-form-wrap textarea.form-control { height: inherit !important; } .comment-list { padding: 0; margin: 0; } .comment-list .children { padding: 50px 0 0 40px; margin: 0; float: left; width: 100%; } .comment-list li { padding: 0; margin: 0 0 30px 0; float: left; width: 100%; clear: both; list-style: none; } .comment-list li .vcard { width: 80px; float: left; } .comment-list li .vcard img { width: 50px; border-radius: 50%; } .comment-list li .comment-body { float: right; width: calc(100% - 80px); } .comment-list li .comment-body h3, .comment-list li .comment-body .h3 { font-size: 20px; font-weight: 600; font-family: "Nunito", Arial, sans-serif; } .comment-list li .comment-body .meta { text-transform: uppercase; font-size: 13px; letter-spacing: .1em; color: #ccc; font-weight: 600; color: #caa65e; display: block; margin-bottom: 10px; } .comment-list li .comment-body .reply { padding: 5px 10px; background: #e6e6e6; color: #fff; text-transform: uppercase; font-size: 11px; letter-spacing: .1em; font-weight: 600; border-radius: 4px; background: #caa65e; } .comment-list li .comment-body .reply:hover { color: #fff; background: black; } .search-form .form-group { position: relative; } .search-form .form-group input { padding-right: 50px; font-size: 14px; border: none; } .search-form .icon { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #caa65e; } .sidebar-box { margin-bottom: 30px; padding: 10px; font-size: 15px; width: 100%; } .sidebar-box :last-child { margin-bottom: 0; } .sidebar-box h3, .sidebar-box .h3 { font-size: 20px; margin-bottom: 20px; font-weight: 700; font-family: "Nunito", Arial, sans-serif; } .categories { padding: 0; } .categories li { position: relative; margin-bottom: 10px; padding-bottom: 10px; list-style: disc; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .categories li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .categories li a { display: block; color: #1a1a1a; } .categories li a span { position: absolute; right: 0; top: 0; color: #ccc; } .categories li.active a { color: #000000; font-style: italic; } .lightboxpreview { transition: all .3s linear; padding-top:60%; cursor:pointer; background-size:cover; } .lightbox-content { max-height:75svh; height:75svh; } .lightbox-close { cursor:pointer; margin-left: auto; position:absolute; right:-30px; top:-30px; color:white; font-size: 2rem; font-weight: 700; line-height: 1;} .modalscale {transform:scale(0); opacity:0;} .lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;} .lightbox_img_wrap {padding-top:65%; position:relative; overflow:hidden; } .lightbox-enabled:hover { transform:scale(1.1) } .lightbox-enabled {width:100%; height:100%; position:absolute; top:0; object-fit:cover; cursor:pointer;} .lightbox-container {width:100svw; height:100svh; position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center; background-color:rgba(0,0,0,.6); z-index:9999; opacity:0; pointer-events:none; } .lightbox-container.active { opacity:1; pointer-events:all; } .lightbox-image-wrapper { display:flex; transform:scale(0); align-items:center; justify-content:center; max-width:90vw; max-height:90vh; position:relative; } .lightbox-container.active .lightbox-image-wrapper {transform:scale(1);} .lightbox-btn, #close { color:white; z-index:9999999; cursor:pointer; position:absolute; font-size:50px; } .left {left:50px;} .right {right:50px;} #close {top:50px; right:50px;} .lightbox-image { width:100%; max-height:95vh; object-fit:cover; } @keyframes slideleft { 33% {transform:translateX(-300px); opacity:0; } 66% {transform:translateX(300px); opacity:0; } } .slideleft { animation-name: slideleft; animation-duration: .5s; animation-timing-function: ease; } @keyframes slideright { 33% {transform:translateX(300px); opacity:0;} 66% {transform:translateX(-300px); opacity:0;} } .slideright{ animation-name: slideright; animation-duration: .5s; animation-timing-function: ease; } .ftco-gallery-section{ padding: 4em 0; position: relative; width: 100%; overflow-x: hidden; } .navbar-brand img{ width:100px; } .hero-wrap1 video{ width:100%; } #modalOverlay { display:none; } #modalOverlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999; height: 100%; width: 100%; } .modalPopup { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 40%; -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); padding: 20px; } .buttonStyle { position:absolute; top:0; right:0; background:#ca9e4e; color:#fff; border:none; font-size: 18px; padding: 0px 10px; } .modalContent h2{ text-align:left; margin-bottom:20px; margin-left:10px; } .query-form input{ width: 46%; float: left; margin-right: 10px; margin-left: 10px; padding: 10px; margin-bottom: 20px; border: solid 1px #000; outline: none; color: #000; } .query-form textarea{ width:97%; border: solid 1px #000; padding: 10px; outline: none; margin-left: 10px; } .query-form button{ display: block; margin: auto; padding: 7px 25px; border: none; background: #ca9e4e; color: #fff; margin-top: 20px; } .query-form { padding:0; display: contents; } @media only screen and (max-width: 600px) { .modalPopup { top:50%; width:90%; } .query-form input{ width:100%; margin-left:0; } .query-form textarea{ width:100%; margin-left:0; } } .video-hotel{ background-color:#fff; } .video-hotel iframe{ width:100%; height:500px; } .call-btn2 { display: flex; /display: none;/ flex-direction: column; position: fixed; bottom: 120px; right: 25px; z-index: 999; } .call-btn2 div { width: 50px; margin-top: 15px; } .call-btn2 div img { width: 100%; } .call-btn3 { display: flex; flex-direction: column; position: fixed; bottom: 50px; left: 25px; z-index: 999; } .call-btn3 div { width: 50px; margin-top: 15px; } .call-btn3 div img { width: 100%; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings