body { background-color: #efe1d6!important; } .index-page .menu-items-container .menu-category-title span { background-color: #efe1d6 !important; color:#77440b; } .main-header { background-color: #b28d6a !important; } .main-header .all-menu { background-color: rgba(240, 248, 255, 0.39) !important; } .dialog-container .dialog { background-color: #135c47 !important; } .dialog-container .image-zoom { background-color: #135c47 !important; } .dialog-container .dialog-title-splitter-container .dialog-title-splitter span { background-color: #480f45 !important; } .main-header .header-items .header-item .item-title { color: #000 !important; } .digi-menu .index-page .menu-items-container .menu-category-title { color: #ddb43b !important; } .dialog-container .dialog-title-splitter-container .dialog-title-splitter { color: #ddb43b !important; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container.bold .menu-item .menu-item-details { background: linear-gradient(180deg, #31415900, #314159e6 59%, #314159f2 72%, #314159fa 82%, #314159fc 90%, #2c0040) !important; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item { background-color: #e9ceb2!important; } .swiper-container { width: 100%; padding-top: 50px; padding-bottom: 50px; } .swiper-slide { background-position: center; background-size: cover; width: 300px; height: 300px; } .food-court .main-header { background-color: #908f90; z-index: 1; } .food-court .main-header .header-title { padding: 6px 6px 8px; text-align: center; font-family: IRANSans, serif !important; font-weight: 500 !important; color: #080808; font-size: 20px; margin-top: 0; margin-bottom: 0; direction: ltr; } .food-court .food-court-container { margin-top: 60px; padding-bottom: 22px; } .food-court .menu-items .menu-item-container { text-decoration: none !important; } .food-court .menu-items .menu-item-container .menu-item { background-size: cover; border-radius: 10px; height: 140px; box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.1); margin: 10px 5px; color: #fff; display: block; position: relative; background: #1d1b1b; overflow: hidden; cursor: pointer; } .food-court .menu-items .menu-item-container .menu-item .menu-item-content { width: 100%; position: relative; } .food-court .menu-items .menu-item-container .menu-item .logo { position: relative; width: 120px; } .food-court .menu-items .menu-item-container .menu-item .logo img { -webkit-transition: 0.8s; transition: 0.8s; width: 120px; border-radius: 6px; } .food-court .menu-items .menu-item-container .menu-item .menu-item-image { -o-object-fit: cover; object-fit: cover; border-radius: 5px; width: 120px; height: 120px; } .food-court .menu-items .menu-item-container .menu-item .menu-item-title { color: #f9f9f9; margin-top: 5px; margin-bottom: 10px; font-size: 20px; font-weight: 900; font-stretch: normal; } .food-court .menu-items .menu-item-container .menu-item .menu-item-slogan { font-size: 14px; font-weight: 600; font-stretch: normal; max-height: 55px; overflow: hidden; background: -webkit-linear-gradient(#fff 5%, hsla(0, 0%, 100%, 0.490196)); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); padding-left: 20px; } .food-court .menu-items .menu-item-container .menu-item .menu-item-slogan p { margin: 0 !important; } .fab-button { position: fixed; left: 16px; } .fab-button:before { content: ""; position: absolute; width: 66px; height: 66px; border: 1px solid #266129; border-radius: 50%; left: -5px; top: -5px; opacity: 1; -webkit-transition: 0.4s; transition: 0.4s; touch-action: none; pointer-events: none; } .fab-button .icon { border-radius: 50%; width: 44px; height: 44px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .fab-button.open:before { opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .fab-button.open button { width: 141px; } .fab-button.open button i { float: right; } .fab-button.open span { opacity: 1; -webkit-transition: 0.6s; transition: 0.6s; } .fab-button a, .fab-button button { font-size: 14px; font-weight: 500; border-radius: 50px; border: 0; color: #fff; -webkit-transition: 0.2s; transition: 0.2s; width: 56px; height: 56px; overflow: hidden; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); padding: 4px; white-space: nowrap; display: inline-block; background-color: #424242; } .fab-button a i, .fab-button button i { font-size: 20px; } .fab-button a span, .fab-button button span { opacity: 0; -webkit-transition: 0.6s; transition: 0.6s; } @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translateZ(0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; width: calc(var(--swiper-navigation-size) / 44 * 27); height: 44px; height: var(--swiper-navigation-size); margin-top: -22px; margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-theme-color); color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: 44px; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; -moz-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translateZ(0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-theme-color); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-theme-color); background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #fff; } .swiper-pagination-black { --swiper-pagination-color: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s linear infinite; box-sizing: border-box; border-left: 4px solid var(--swiper-theme-color); border-bottom: 4px solid var(--swiper-theme-color); border-right: 4px solid var(--swiper-theme-color); border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top: 4px solid rgba(0, 0, 0, 0); } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { to { transform: rotate(1turn); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .error-page { overflow-x: hidden; } .error-page .error-container { text-align: center; font-size: 106px; font-weight: 800; margin: 70px 15px; } .error-page .error-container > span { display: inline-block; position: relative; } .error-page .error-container > span.four { width: 136px; height: 43px; border-radius: 999px; background: linear-gradient(140deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07) 43%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0)), linear-gradient(105deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, rgba(0, 0, 0, 0) 77%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #d89ca4, #e27b7e); } @media (max-width: 546px) { .error-page .error-container > span.four { width: 77px; height: 23px; } } .error-page .error-container > span.four:after, .error-page .error-container > span.four:before { content: ""; display: block; position: absolute; border-radius: 999px; } .error-page .error-container > span.four:before { width: 43px; height: 156px; left: 60px; bottom: -43px; background: linear-gradient(128deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07) 40%, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0)), linear-gradient(116deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0)), linear-gradient(0deg, #99749d, #b895ab, #cc9aa6, #d7969e, #e0787f); } @media (max-width: 546px) { .error-page .error-container > span.four:before { width: 23px; height: 90px; left: 34px; bottom: -28px; } } .error-page .error-container > span.four:after { width: 137px; height: 43px; -webkit-transform: rotate(-49.5deg); -ms-transform: rotate(-49.5deg); transform: rotate(-49.5deg); left: -18px; bottom: 36px; background: -webkit-gradient(linear, left top, right top, from(#99749d), color-stop(#b895ab), color-stop(#cc9aa6), color-stop(#d7969e), to(#e0787f)); background: linear-gradient(90deg, #99749d, #b895ab, #cc9aa6, #d7969e, #e0787f); } @media (max-width: 546px) { .error-page .error-container > span.four:after { width: 78px; height: 23px; left: -11px; bottom: 20px; } } .error-page .error-container > span.zero { vertical-align: text-top; width: 156px; height: 156px; border-radius: 999px; background: linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0)), linear-gradient(to top right, #99749d, #99749d, #b895ab, #cc9aa6, #d7969e, #ed8687, #ed8687); overflow: hidden; -webkit-animation: bgshadow 5s infinite; animation: bgshadow 5s infinite; } @media (max-width: 546px) { .error-page .error-container > span.zero { width: 70px; height: 70px; margin-top: 55px; } } .error-page .error-container > span.zero:before { content: ""; display: block; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 90px; height: 90px; background-color: rgba(0, 0, 0, 0); left: 0; bottom: 0; background: linear-gradient(95deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.07) 9%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(85deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.07) 91%, rgba(0, 0, 0, 0) 92%, rgba(0, 0, 0, 0)); } .error-page .error-container > span.zero:after { content: ""; display: block; position: absolute; border-radius: 999px; width: 70px; height: 70px; left: 43px; bottom: 43px; background: #272727; box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 546px) { .error-page .error-container > span.zero:after { width: 40px; height: 40px; left: 15px; bottom: 15px; } } .error-page .screen-reader-text { position: absolute; top: -9999em; left: -9999em; } @-webkit-keyframes bgshadow { 0% { box-shadow: inset -160px 160px 0 5px rgba(0, 0, 0, 0.4); } 45% { box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.1); } 55% { box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.1); } to { box-shadow: inset 160px -160px 0 5px rgba(0, 0, 0, 0.4); } } @keyframes bgshadow { 0% { box-shadow: inset -160px 160px 0 5px rgba(0, 0, 0, 0.4); } 45% { box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.1); } 55% { box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.1); } to { box-shadow: inset 160px -160px 0 5px rgba(0, 0, 0, 0.4); } } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: rgba(0, 0, 0, 0); } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } *, :after, :before { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "IranSans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333; background-color: #fff; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #fff; } a:focus, a:hover { color: #fff; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } :hover { -moz-outline-style: none; } :focus { outline: none; -moz-outline-style: none; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:after, .container:before { display: table; content: " "; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid:after, .container-fluid:before { display: table; content: " "; } .container-fluid:after { clear: both; } .row { margin-right: -15px; margin-left: -15px; } .row:after, .row:before { display: table; content: " "; } .row:after { clear: both; } .row-no-gutters { margin-right: 0; margin-left: 0; } .row-no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: right; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: right; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: right; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: right; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } @-ms-viewport { width: device-width; } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { 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.2; color: #424242; } .h1, h1 { font-size: 35px; } .h2, h2 { font-size: 28px; } .h3, h3 { font-size: 24.5px; } .h4, h4 { font-size: 21px; } .h5, h5 { font-size: 17.5px; } .h6, h6 { font-size: 14px; } .lead { font-size: 17.5px; font-weight: 300; } .display-1 { font-size: 6rem; } .display-1, .display-2 { font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; } .display-3 { font-size: 4.5rem; } .display-3, .display-4 { font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: 0.2em; background-color: #fcf8e3; } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 17.5px; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer:before { content: "\2014 \00A0"; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } a { text-decoration: none; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: inline-flex !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .rtl { direction: rtl; } .ltr { direction: ltr; } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .p-1 { padding: 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .p-3 { padding: 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-5 { padding: 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .w-25 { width: 25%; } .h-25 { height: 25%; } .w-50 { width: 50%; } .h-50 { height: 50%; } .w-75 { width: 75%; } .h-75 { height: 75%; } .w-100 { width: 100%; } .h-100 { height: 100%; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .red.bg { background-color: #f44336; } .red.text { color: #f44336; } .red-50.bg { background-color: #ffebee; } .red-50.text { color: #ffebee; } .red-100.bg { background-color: #ffcdd2; } .red-100.text { color: #ffcdd2; } .red-200.bg { background-color: #ef9a9a; } .red-200.text { color: #ef9a9a; } .red-300.bg { background-color: #e57373; } .red-300.text { color: #e57373; } .red-400.bg { background-color: #ef5350; } .red-400.text { color: #ef5350; } .red-500.bg { background-color: #f44336; } .red-500.text { color: #f44336; } .red-600.bg { background-color: #e53935; } .red-600.text { color: #e53935; } .red-700.bg { background-color: #d32f2f; } .red-700.text { color: #d32f2f; } .red-800.bg { background-color: #c62828; } .red-800.text { color: #c62828; } .red-900.bg { background-color: #b71c1c; } .red-900.text { color: #b71c1c; } .red-a100.bg { background-color: #ff8a80; } .red-a100.text { color: #ff8a80; } .red-a200.bg { background-color: #ff5252; } .red-a200.text { color: #ff5252; } .red-a400.bg { background-color: #ff1744; } .red-a400.text { color: #ff1744; } .red-a700.bg { background-color: #d50000; } .red-a700.text { color: #d50000; } .pink.bg { background-color: #e91e63; } .pink.text { color: #e91e63; } .pink-50.bg { background-color: #fce4ec; } .pink-50.text { color: #fce4ec; } .pink-100.bg { background-color: #f8bbd0; } .pink-100.text { color: #f8bbd0; } .pink-200.bg { background-color: #f48fb1; } .pink-200.text { color: #f48fb1; } .pink-300.bg { background-color: #f06292; } .pink-300.text { color: #f06292; } .pink-400.bg { background-color: #ec407a; } .pink-400.text { color: #ec407a; } .pink-500.bg { background-color: #e91e63; } .pink-500.text { color: #e91e63; } .pink-600.bg { background-color: #d81b60; } .pink-600.text { color: #d81b60; } .pink-700.bg { background-color: #c2185b; } .pink-700.text { color: #c2185b; } .pink-800.bg { background-color: #ad1457; } .pink-800.text { color: #ad1457; } .pink-900.bg { background-color: #880e4f; } .pink-900.text { color: #880e4f; } .pink-a100.bg { background-color: #ff80ab; } .pink-a100.text { color: #ff80ab; } .pink-a200.bg { background-color: #ff4081; } .pink-a200.text { color: #ff4081; } .pink-a400.bg { background-color: #f50057; } .pink-a400.text { color: #f50057; } .pink-a700.bg { background-color: #c51162; } .pink-a700.text { color: #c51162; } .purple.bg { background-color: #9c27b0; } .purple.text { color: #9c27b0; } .purple-50.bg { background-color: #f3e5f5; } .purple-50.text { color: #f3e5f5; } .purple-100.bg { background-color: #e1bee7; } .purple-100.text { color: #e1bee7; } .purple-200.bg { background-color: #ce93d8; } .purple-200.text { color: #ce93d8; } .purple-300.bg { background-color: #ba68c8; } .purple-300.text { color: #ba68c8; } .purple-400.bg { background-color: #ab47bc; } .purple-400.text { color: #ab47bc; } .purple-500.bg { background-color: #9c27b0; } .purple-500.text { color: #9c27b0; } .purple-600.bg { background-color: #8e24aa; } .purple-600.text { color: #8e24aa; } .purple-700.bg { background-color: #7b1fa2; } .purple-700.text { color: #7b1fa2; } .purple-800.bg { background-color: #6a1b9a; } .purple-800.text { color: #6a1b9a; } .purple-900.bg { background-color: #4a148c; } .purple-900.text { color: #4a148c; } .purple-a100.bg { background-color: #ea80fc; } .purple-a100.text { color: #ea80fc; } .purple-a200.bg { background-color: #e040fb; } .purple-a200.text { color: #e040fb; } .purple-a400.bg { background-color: #d500f9; } .purple-a400.text { color: #d500f9; } .purple-a700.bg { background-color: #a0f; } .purple-a700.text { color: #a0f; } .deep-purple.bg { background-color: #673ab7; } .deep-purple.text { color: #673ab7; } .deep-purple-50.bg { background-color: #ede7f6; } .deep-purple-50.text { color: #ede7f6; } .deep-purple-100.bg { background-color: #d1c4e9; } .deep-purple-100.text { color: #d1c4e9; } .deep-purple-200.bg { background-color: #b39ddb; } .deep-purple-200.text { color: #b39ddb; } .deep-purple-300.bg { background-color: #9575cd; } .deep-purple-300.text { color: #9575cd; } .deep-purple-400.bg { background-color: #7e57c2; } .deep-purple-400.text { color: #7e57c2; } .deep-purple-500.bg { background-color: #673ab7; } .deep-purple-500.text { color: #673ab7; } .deep-purple-600.bg { background-color: #5e35b1; } .deep-purple-600.text { color: #5e35b1; } .deep-purple-700.bg { background-color: #512da8; } .deep-purple-700.text { color: #512da8; } .deep-purple-800.bg { background-color: #4527a0; } .deep-purple-800.text { color: #4527a0; } .deep-purple-900.bg { background-color: #311b92; } .deep-purple-900.text { color: #311b92; } .deep-purple-a100.bg { background-color: #b388ff; } .deep-purple-a100.text { color: #b388ff; } .deep-purple-a200.bg { background-color: #7c4dff; } .deep-purple-a200.text { color: #7c4dff; } .deep-purple-a400.bg { background-color: #651fff; } .deep-purple-a400.text { color: #651fff; } .deep-purple-a700.bg { background-color: #6200ea; } .deep-purple-a700.text { color: #6200ea; } .indigo.bg { background-color: #3f51b5; } .indigo.text { color: #3f51b5; } .indigo-50.bg { background-color: #e8eaf6; } .indigo-50.text { color: #e8eaf6; } .indigo-100.bg { background-color: #c5cae9; } .indigo-100.text { color: #c5cae9; } .indigo-200.bg { background-color: #9fa8da; } .indigo-200.text { color: #9fa8da; } .indigo-300.bg { background-color: #7986cb; } .indigo-300.text { color: #7986cb; } .indigo-400.bg { background-color: #5c6bc0; } .indigo-400.text { color: #5c6bc0; } .indigo-500.bg { background-color: #3f51b5; } .indigo-500.text { color: #3f51b5; } .indigo-600.bg { background-color: #3949ab; } .indigo-600.text { color: #3949ab; } .indigo-700.bg { background-color: #303f9f; } .indigo-700.text { color: #303f9f; } .indigo-800.bg { background-color: #283593; } .indigo-800.text { color: #283593; } .indigo-900.bg { background-color: #1a237e; } .indigo-900.text { color: #1a237e; } .indigo-a100.bg { background-color: #8c9eff; } .indigo-a100.text { color: #8c9eff; } .indigo-a200.bg { background-color: #536dfe; } .indigo-a200.text { color: #536dfe; } .indigo-a400.bg { background-color: #3d5afe; } .indigo-a400.text { color: #3d5afe; } .indigo-a700.bg { background-color: #304ffe; } .indigo-a700.text { color: #304ffe; } .blue.bg { background-color: #2196f3; } .blue.text { color: #2196f3; } .blue-50.bg { background-color: #e3f2fd; } .blue-50.text { color: #e3f2fd; } .blue-100.bg { background-color: #bbdefb; } .blue-100.text { color: #bbdefb; } .blue-200.bg { background-color: #90caf9; } .blue-200.text { color: #90caf9; } .blue-300.bg { background-color: #64b5f6; } .blue-300.text { color: #64b5f6; } .blue-400.bg { background-color: #42a5f5; } .blue-400.text { color: #42a5f5; } .blue-500.bg { background-color: #2196f3; } .blue-500.text { color: #2196f3; } .blue-600.bg { background-color: #1e88e5; } .blue-600.text { color: #1e88e5; } .blue-700.bg { background-color: #1976d2; } .blue-700.text { color: #1976d2; } .blue-800.bg { background-color: #1565c0; } .blue-800.text { color: #1565c0; } .blue-900.bg { background-color: #0d47a1; } .blue-900.text { color: #0d47a1; } .blue-a100.bg { background-color: #82b1ff; } .blue-a100.text { color: #82b1ff; } .blue-a200.bg { background-color: #448aff; } .blue-a200.text { color: #448aff; } .blue-a400.bg { background-color: #2979ff; } .blue-a400.text { color: #2979ff; } .blue-a700.bg { background-color: #2962ff; } .blue-a700.text { color: #2962ff; } .light-blue.bg { background-color: #03a9f4; } .light-blue.text { color: #03a9f4; } .light-blue-50.bg { background-color: #e1f5fe; } .light-blue-50.text { color: #e1f5fe; } .light-blue-100.bg { background-color: #b3e5fc; } .light-blue-100.text { color: #b3e5fc; } .light-blue-200.bg { background-color: #81d4fa; } .light-blue-200.text { color: #81d4fa; } .light-blue-300.bg { background-color: #4fc3f7; } .light-blue-300.text { color: #4fc3f7; } .light-blue-400.bg { background-color: #29b6f6; } .light-blue-400.text { color: #29b6f6; } .light-blue-500.bg { background-color: #03a9f4; } .light-blue-500.text { color: #03a9f4; } .light-blue-600.bg { background-color: #039be5; } .light-blue-600.text { color: #039be5; } .light-blue-700.bg { background-color: #0288d1; } .light-blue-700.text { color: #0288d1; } .light-blue-800.bg { background-color: #0277bd; } .light-blue-800.text { color: #0277bd; } .light-blue-900.bg { background-color: #01579b; } .light-blue-900.text { color: #01579b; } .light-blue-a100.bg { background-color: #80d8ff; } .light-blue-a100.text { color: #80d8ff; } .light-blue-a200.bg { background-color: #40c4ff; } .light-blue-a200.text { color: #40c4ff; } .light-blue-a400.bg { background-color: #00b0ff; } .light-blue-a400.text { color: #00b0ff; } .light-blue-a700.bg { background-color: #0091ea; } .light-blue-a700.text { color: #0091ea; } .cyan.bg { background-color: #00bcd4; } .cyan.text { color: #00bcd4; } .cyan-50.bg { background-color: #e0f7fa; } .cyan-50.text { color: #e0f7fa; } .cyan-100.bg { background-color: #b2ebf2; } .cyan-100.text { color: #b2ebf2; } .cyan-200.bg { background-color: #80deea; } .cyan-200.text { color: #80deea; } .cyan-300.bg { background-color: #4dd0e1; } .cyan-300.text { color: #4dd0e1; } .cyan-400.bg { background-color: #26c6da; } .cyan-400.text { color: #26c6da; } .cyan-500.bg { background-color: #00bcd4; } .cyan-500.text { color: #00bcd4; } .cyan-600.bg { background-color: #00acc1; } .cyan-600.text { color: #00acc1; } .cyan-700.bg { background-color: #0097a7; } .cyan-700.text { color: #0097a7; } .cyan-800.bg { background-color: #00838f; } .cyan-800.text { color: #00838f; } .cyan-900.bg { background-color: #006064; } .cyan-900.text { color: #006064; } .cyan-a100.bg { background-color: #84ffff; } .cyan-a100.text { color: #84ffff; } .cyan-a200.bg { background-color: #18ffff; } .cyan-a200.text { color: #18ffff; } .cyan-a400.bg { background-color: #00e5ff; } .cyan-a400.text { color: #00e5ff; } .cyan-a700.bg { background-color: #00b8d4; } .cyan-a700.text { color: #00b8d4; } .teal.bg { background-color: #009688; } .teal.text { color: #009688; } .teal-50.bg { background-color: #e0f2f1; } .teal-50.text { color: #e0f2f1; } .teal-100.bg { background-color: #b2dfdb; } .teal-100.text { color: #b2dfdb; } .teal-200.bg { background-color: #80cbc4; } .teal-200.text { color: #80cbc4; } .teal-300.bg { background-color: #4db6ac; } .teal-300.text { color: #4db6ac; } .teal-400.bg { background-color: #26a69a; } .teal-400.text { color: #26a69a; } .teal-500.bg { background-color: #009688; } .teal-500.text { color: #009688; } .teal-600.bg { background-color: #00897b; } .teal-600.text { color: #00897b; } .teal-700.bg { background-color: #00796b; } .teal-700.text { color: #00796b; } .teal-800.bg { background-color: #00695c; } .teal-800.text { color: #00695c; } .teal-900.bg { background-color: #004d40; } .teal-900.text { color: #004d40; } .teal-a100.bg { background-color: #a7ffeb; } .teal-a100.text { color: #a7ffeb; } .teal-a200.bg { background-color: #64ffda; } .teal-a200.text { color: #64ffda; } .teal-a400.bg { background-color: #1de9b6; } .teal-a400.text { color: #1de9b6; } .teal-a700.bg { background-color: #00bfa5; } .teal-a700.text { color: #00bfa5; } .green.bg { background-color: #4caf50; } .green.text { color: #4caf50; } .green-50.bg { background-color: #e8f5e9; } .green-50.text { color: #e8f5e9; } .green-100.bg { background-color: #c8e6c9; } .green-100.text { color: #c8e6c9; } .green-200.bg { background-color: #a5d6a7; } .green-200.text { color: #a5d6a7; } .green-300.bg { background-color: #81c784; } .green-300.text { color: #81c784; } .green-400.bg { background-color: #66bb6a; } .green-400.text { color: #66bb6a; } .green-500.bg { background-color: #4caf50; } .green-500.text { color: #4caf50; } .green-600.bg { background-color: #43a047; } .green-600.text { color: #43a047; } .green-700.bg { background-color: #388e3c; } .green-700.text { color: #388e3c; } .green-800.bg { background-color: #2e7d32; } .green-800.text { color: #2e7d32; } .green-900.bg { background-color: #1b5e20; } .green-900.text { color: #1b5e20; } .green-a100.bg { background-color: #b9f6ca; } .green-a100.text { color: #b9f6ca; } .green-a200.bg { background-color: #69f0ae; } .green-a200.text { color: #69f0ae; } .green-a400.bg { background-color: #00e676; } .green-a400.text { color: #00e676; } .green-a700.bg { background-color: #00c853; } .green-a700.text { color: #00c853; } .light-green.bg { background-color: #8bc34a; } .light-green.text { color: #8bc34a; } .light-green-50.bg { background-color: #f1f8e9; } .light-green-50.text { color: #f1f8e9; } .light-green-100.bg { background-color: #dcedc8; } .light-green-100.text { color: #dcedc8; } .light-green-200.bg { background-color: #c5e1a5; } .light-green-200.text { color: #c5e1a5; } .light-green-300.bg { background-color: #aed581; } .light-green-300.text { color: #aed581; } .light-green-400.bg { background-color: #9ccc65; } .light-green-400.text { color: #9ccc65; } .light-green-500.bg { background-color: #8bc34a; } .light-green-500.text { color: #8bc34a; } .light-green-600.bg { background-color: #7cb342; } .light-green-600.text { color: #7cb342; } .light-green-700.bg { background-color: #689f38; } .light-green-700.text { color: #689f38; } .light-green-800.bg { background-color: #558b2f; } .light-green-800.text { color: #558b2f; } .light-green-900.bg { background-color: #33691e; } .light-green-900.text { color: #33691e; } .light-green-a100.bg { background-color: #ccff90; } .light-green-a100.text { color: #ccff90; } .light-green-a200.bg { background-color: #b2ff59; } .light-green-a200.text { color: #b2ff59; } .light-green-a400.bg { background-color: #76ff03; } .light-green-a400.text { color: #76ff03; } .light-green-a700.bg { background-color: #64dd17; } .light-green-a700.text { color: #64dd17; } .lime.bg { background-color: #cddc39; } .lime.text { color: #cddc39; } .lime-50.bg { background-color: #f9fbe7; } .lime-50.text { color: #f9fbe7; } .lime-100.bg { background-color: #f0f4c3; } .lime-100.text { color: #f0f4c3; } .lime-200.bg { background-color: #e6ee9c; } .lime-200.text { color: #e6ee9c; } .lime-300.bg { background-color: #dce775; } .lime-300.text { color: #dce775; } .lime-400.bg { background-color: #d4e157; } .lime-400.text { color: #d4e157; } .lime-500.bg { background-color: #cddc39; } .lime-500.text { color: #cddc39; } .lime-600.bg { background-color: #c0ca33; } .lime-600.text { color: #c0ca33; } .lime-700.bg { background-color: #afb42b; } .lime-700.text { color: #afb42b; } .lime-800.bg { background-color: #9e9d24; } .lime-800.text { color: #9e9d24; } .lime-900.bg { background-color: #827717; } .lime-900.text { color: #827717; } .lime-a100.bg { background-color: #f4ff81; } .lime-a100.text { color: #f4ff81; } .lime-a200.bg { background-color: #eeff41; } .lime-a200.text { color: #eeff41; } .lime-a400.bg { background-color: #c6ff00; } .lime-a400.text { color: #c6ff00; } .lime-a700.bg { background-color: #aeea00; } .lime-a700.text { color: #aeea00; } .yellow.bg { background-color: #ffeb3b; } .yellow.text { color: #ffeb3b; } .yellow-50.bg { background-color: #fffde7; } .yellow-50.text { color: #fffde7; } .yellow-100.bg { background-color: #fff9c4; } .yellow-100.text { color: #fff9c4; } .yellow-200.bg { background-color: #fff59d; } .yellow-200.text { color: #fff59d; } .yellow-300.bg { background-color: #fff176; } .yellow-300.text { color: #fff176; } .yellow-400.bg { background-color: #ffee58; } .yellow-400.text { color: #ffee58; } .yellow-500.bg { background-color: #ffeb3b; } .yellow-500.text { color: #ffeb3b; } .yellow-600.bg { background-color: #fdd835; } .yellow-600.text { color: #fdd835; } .yellow-700.bg { background-color: #fbc02d; } .yellow-700.text { color: #fbc02d; } .yellow-800.bg { background-color: #f9a825; } .yellow-800.text { color: #f9a825; } .yellow-900.bg { background-color: #f57f17; } .yellow-900.text { color: #f57f17; } .yellow-a100.bg { background-color: #ffff8d; } .yellow-a100.text { color: #ffff8d; } .yellow-a200.bg { background-color: #ff0; } .yellow-a200.text { color: #ff0; } .yellow-a400.bg { background-color: #ffea00; } .yellow-a400.text { color: #ffea00; } .yellow-a700.bg { background-color: #ffd600; } .yellow-a700.text { color: #ffd600; } .amber.bg { background-color: #ffc107; } .amber.text { color: #ffc107; } .amber-50.bg { background-color: #fff8e1; } .amber-50.text { color: #fff8e1; } .amber-100.bg { background-color: #ffecb3; } .amber-100.text { color: #ffecb3; } .amber-200.bg { background-color: #ffe082; } .amber-200.text { color: #ffe082; } .amber-300.bg { background-color: #ffd54f; } .amber-300.text { color: #ffd54f; } .amber-400.bg { background-color: #ffca28; } .amber-400.text { color: #ffca28; } .amber-500.bg { background-color: #ffc107; } .amber-500.text { color: #ffc107; } .amber-600.bg { background-color: #ffb300; } .amber-600.text { color: #ffb300; } .amber-700.bg { background-color: #ffa000; } .amber-700.text { color: #ffa000; } .amber-800.bg { background-color: #ff8f00; } .amber-800.text { color: #ff8f00; } .amber-900.bg { background-color: #ff6f00; } .amber-900.text { color: #ff6f00; } .amber-a100.bg { background-color: #ffe57f; } .amber-a100.text { color: #ffe57f; } .amber-a200.bg { background-color: #ffd740; } .amber-a200.text { color: #ffd740; } .amber-a400.bg { background-color: #ffc400; } .amber-a400.text { color: #ffc400; } .amber-a700.bg { background-color: #ffab00; } .amber-a700.text { color: #ffab00; } .orange.bg { background-color: #ff9800; } .orange.text { color: #ff9800; } .orange-50.bg { background-color: #fff3e0; } .orange-50.text { color: #fff3e0; } .orange-100.bg { background-color: #ffe0b2; } .orange-100.text { color: #ffe0b2; } .orange-200.bg { background-color: #ffcc80; } .orange-200.text { color: #ffcc80; } .orange-300.bg { background-color: #ffb74d; } .orange-300.text { color: #ffb74d; } .orange-400.bg { background-color: #ffa726; } .orange-400.text { color: #ffa726; } .orange-500.bg { background-color: #ff9800; } .orange-500.text { color: #ff9800; } .orange-600.bg { background-color: #fb8c00; } .orange-600.text { color: #fb8c00; } .orange-700.bg { background-color: #f57c00; } .orange-700.text { color: #f57c00; } .orange-800.bg { background-color: #ef6c00; } .orange-800.text { color: #ef6c00; } .orange-900.bg { background-color: #e65100; } .orange-900.text { color: #e65100; } .orange-a100.bg { background-color: #ffd180; } .orange-a100.text { color: #ffd180; } .orange-a200.bg { background-color: #ffab40; } .orange-a200.text { color: #ffab40; } .orange-a400.bg { background-color: #ff9100; } .orange-a400.text { color: #ff9100; } .orange-a700.bg { background-color: #ff6d00; } .orange-a700.text { color: #ff6d00; } .deep-orange.bg { background-color: #ff5722; } .deep-orange.text { color: #ff5722; } .deep-orange-50.bg { background-color: #fbe9e7; } .deep-orange-50.text { color: #fbe9e7; } .deep-orange-100.bg { background-color: #ffccbc; } .deep-orange-100.text { color: #ffccbc; } .deep-orange-200.bg { background-color: #ffab91; } .deep-orange-200.text { color: #ffab91; } .deep-orange-300.bg { background-color: #ff8a65; } .deep-orange-300.text { color: #ff8a65; } .deep-orange-400.bg { background-color: #ff7043; } .deep-orange-400.text { color: #ff7043; } .deep-orange-500.bg { background-color: #ff5722; } .deep-orange-500.text { color: #ff5722; } .deep-orange-600.bg { background-color: #f4511e; } .deep-orange-600.text { color: #f4511e; } .deep-orange-700.bg { background-color: #e64a19; } .deep-orange-700.text { color: #e64a19; } .deep-orange-800.bg { background-color: #d84315; } .deep-orange-800.text { color: #d84315; } .deep-orange-900.bg { background-color: #bf360c; } .deep-orange-900.text { color: #bf360c; } .deep-orange-a100.bg { background-color: #ff9e80; } .deep-orange-a100.text { color: #ff9e80; } .deep-orange-a200.bg { background-color: #ff6e40; } .deep-orange-a200.text { color: #ff6e40; } .deep-orange-a400.bg { background-color: #ff3d00; } .deep-orange-a400.text { color: #ff3d00; } .deep-orange-a700.bg { background-color: #dd2c00; } .deep-orange-a700.text { color: #dd2c00; } .brown.bg { background-color: #795548; } .brown.text { color: #795548; } .brown-50.bg { background-color: #efebe9; } .brown-50.text { color: #efebe9; } .brown-100.bg { background-color: #d7ccc8; } .brown-100.text { color: #d7ccc8; } .brown-200.bg { background-color: #bcaaa4; } .brown-200.text { color: #bcaaa4; } .brown-300.bg { background-color: #a1887f; } .brown-300.text { color: #a1887f; } .brown-400.bg { background-color: #8d6e63; } .brown-400.text { color: #8d6e63; } .brown-500.bg { background-color: #795548; } .brown-500.text { color: #795548; } .brown-600.bg { background-color: #6d4c41; } .brown-600.text { color: #6d4c41; } .brown-700.bg { background-color: #5d4037; } .brown-700.text { color: #5d4037; } .brown-800.bg { background-color: #4e342e; } .brown-800.text { color: #4e342e; } .brown-900.bg { background-color: #3e2723; } .brown-900.text { color: #3e2723; } .grey.bg { background-color: #9e9e9e; } .grey.text { color: #9e9e9e; } .grey-50.bg { background-color: #fafafa; } .grey-50.text { color: #fafafa; } .grey-100.bg { background-color: #f5f5f5; } .grey-100.text { color: #f5f5f5; } .grey-200.bg { background-color: #eee; } .grey-200.text { color: #eee; } .grey-300.bg { background-color: #e0e0e0; } .grey-300.text { color: #e0e0e0; } .grey-400.bg { background-color: #bdbdbd; } .grey-400.text { color: #bdbdbd; } .grey-500.bg { background-color: #9e9e9e; } .grey-500.text { color: #9e9e9e; } .grey-600.bg { background-color: #757575; } .grey-600.text { color: #757575; } .grey-700.bg { background-color: #616161; } .grey-700.text { color: #616161; } .grey-800.bg { background-color: #424242; } .grey-800.text { color: #424242; } .grey-900.bg { background-color: #212121; } .grey-900.text { color: #212121; } .blue-grey.bg { background-color: #607d8b; } .blue-grey.text { color: #607d8b; } .blue-grey-50.bg { background-color: #eceff1; } .blue-grey-50.text { color: #eceff1; } .blue-grey-100.bg { background-color: #cfd8dc; } .blue-grey-100.text { color: #cfd8dc; } .blue-grey-200.bg { background-color: #b0bec5; } .blue-grey-200.text { color: #b0bec5; } .blue-grey-300.bg { background-color: #90a4ae; } .blue-grey-300.text { color: #90a4ae; } .blue-grey-400.bg { background-color: #78909c; } .blue-grey-400.text { color: #78909c; } .blue-grey-500.bg { background-color: #607d8b; } .blue-grey-500.text { color: #607d8b; } .blue-grey-600.bg { background-color: #546e7a; } .blue-grey-600.text { color: #546e7a; } .blue-grey-700.bg { background-color: #455a64; } .blue-grey-700.text { color: #455a64; } .blue-grey-800.bg { background-color: #37474f; } .blue-grey-800.text { color: #37474f; } .blue-grey-900.bg { background-color: #263238; } .black-500.bg, .black.bg { background-color: #000; } .blue-grey-900.text { color: #263238; } .black-500.text, .black.text { color: #000; } .black-text.bg { background-color: rgba(0, 0, 0, 0.87); } .black-icons.bg, .black-secondary-text.bg { background-color: rgba(0, 0, 0, 0.54); } .black-text.text { color: rgba(0, 0, 0, 0.87); } .black-icons.text, .black-secondary-text.text { color: rgba(0, 0, 0, 0.54); } .black-disabled.bg, .black-hint-text.bg { background-color: rgba(0, 0, 0, 0.26); } .black-disabled.text, .black-hint-text.text { color: rgba(0, 0, 0, 0.26); } .black-dividers.bg { background-color: rgba(0, 0, 0, 0.12); } .white-500.bg, .white-text.bg, .white.bg { background-color: #fff; } .black-dividers.text { color: rgba(0, 0, 0, 0.12); } .white-500.text, .white-text.text, .white.text { color: #fff; } .white-secondary-text.bg { background-color: hsla(0, 0%, 100%, 0.7); } .white-secondary-text.text { color: hsla(0, 0%, 100%, 0.7); } .white-icons.bg { background-color: #fff; } .white-disabled.bg, .white-hint-text.bg { background-color: hsla(0, 0%, 100%, 0.3); } .white-icons.text { color: #fff; } .white-disabled.text, .white-hint-text.text { color: hsla(0, 0%, 100%, 0.3); } .white-dividers.bg { background-color: hsla(0, 0%, 100%, 0.12); } .white-dividers.text { color: hsla(0, 0%, 100%, 0.12); } .wrapper, body.disable-reloading-page { overflow-y: hidden; } body.disable-reloading-page { z-index: 1; } .wrapper { z-index: 2; } @font-face { font-family: "vogue", serif; font-style: normal; src: url(_nuxt/fonts/vogue.97142eb.woff2) format("truetype"); } @font-face { font-family: "vogueb"; font-style: normal; src: url(_nuxt/fonts/vogueb.a1be1b4.woff2) format("truetype"); } @font-face { font-family: "brush"; font-style: normal; src: url(_nuxt/fonts/brush.ebe920a.woff2) format("truetype"); } @font-face { font-family: "bask"; font-style: normal; src: url(_nuxt/fonts/bask.45179b2.woff2) format("truetype"); } body::-webkit-scrollbar { width: 12px; height: 3px; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; } body::-webkit-scrollbar-thumb { border-radius: 10px; background: #41617d; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } body::-webkit-scrollbar-thumb:window-inactive { background: #41617d; } img { max-width: 100%; } body { background-color: #252425; } html { -webkit-text-size-adjust: none; } .ios-13 .main-header { top: 0 !important; } .ios-13 .dialog-close, .ios-13 .image-zoom-close { top: 65px !important; } .ios-13 .main-header .header-items.full-menu { max-height: 400px !important; } .ios-13-up .dialog-close, .ios-13-up .image-zoom-close { top: 50px !important; } .ios-13-up .fab-button { bottom: 75px !important; } .ios-13-up .main-header .header-items.full-menu { max-height: 400px !important; } html[dir="ltr"] .float-left { float: right !important; } html[dir="ltr"] .float-right { float: left !important; } html[dir="ltr"] .digi-menu .index-page .menu-items-container .menu-items .menu-item-container.bold .menu-item .menu-item-details .price, html[dir="ltr"] .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .menu-item-details .price { right: 10px; left: auto; text-align: right; } html[dir="ltr"] .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .menu-item-image-container { float: left; margin-left: 0; margin-right: 10px; } html[dir="ltr"] .image-zoom-close { right: auto; left: 0; } html[dir="ltr"] .image-zoom-close .arrow { -webkit-transform: rotate(132deg); -ms-transform: rotate(132deg); transform: rotate(132deg); } html[dir="ltr"] * { font-family: "Roboto", sans-serif; } @font-face { font-family: IRANSans; font-style: normal; font-weight: 900; src: url("_nuxt/fonts/IRANSansWeb(FaNum)_Black.b6c45d9.eot"); src: url("_nuxt/fonts/IRANSansWeb(FaNum)_Black.b6c45d9.eot?#iefix") format("embedded-opentype"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Black.24f304f.woff2") format("woff2"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Black.bea60ea.woff") format("woff"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Black.20f2dc0.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 700; src: url("_nuxt/fonts/IRANSansWeb(FaNum)_Bold.4abe296.eot"); src: url("_nuxt/fonts/IRANSansWeb(FaNum)_Bold.4abe296.eot?#iefix") format("embedded-opentype"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Bold.ceaf6d8.woff2") format("woff2"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Bold.753b382.woff") format("woff"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Bold.ff320f7.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 500; src: url("_nuxt/fonts/IRANSansWeb(FaNum)_Medium.30ecec0.eot"); src: url("_nuxt/fonts/IRANSansWeb(FaNum)_Medium.30ecec0.eot?#iefix") format("embedded-opentype"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Medium.62528a1.woff2") format("woff2"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Medium.fe19131.woff") format("woff"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Medium.8789622.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url("_nuxt/fonts/IRANSansWeb(FaNum)_Light.ad395cc.eot"); src: url("_nuxt/fonts/IRANSansWeb(FaNum)_Light.ad395cc.eot?#iefix") format("embedded-opentype"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Light.3f70751.woff2") format("woff2"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Light.25bd95c.woff") format("woff"), url("_nuxt/fonts/IRANSansWeb(FaNum)_Light.bd26f02.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url("_nuxt/fonts/IRANSansWeb(FaNum)_UltraLight.bbb57c7.eot"); src: url("_nuxt/fonts/IRANSansWeb(FaNum)_UltraLight.bbb57c7.eot?#iefix") format("embedded-opentype"), url("_nuxt/fonts/IRANSansWeb(FaNum)_UltraLight.6e57754.woff2") format("woff2"), url("_nuxt/fonts/IRANSansWeb(FaNum)_UltraLight.658b856.woff") format("woff"), url("_nuxt/fonts/IRANSansWeb(FaNum)_UltraLight.cb2ad23.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 400; src: url("_nuxt/fonts/IRANSansWeb(FaNum).94c311f.eot"); src: url("_nuxt/fonts/IRANSansWeb(FaNum).94c311f.eot?#iefix") format("embedded-opentype"), url("_nuxt/fonts/IRANSansWeb(FaNum).eb5adaa.woff2") format("woff2"), url("_nuxt/fonts/IRANSansWeb(FaNum).bd6f69a.woff") format("woff"), url("_nuxt/fonts/IRANSansWeb(FaNum).e9908f0.ttf") format("truetype"); } html[dir="rtl"], html[lang="fa"] { font-family: IRANSans, "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 400; outline: 0; } .nuxt-progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; width: 0; opacity: 1; -webkit-transition: width 0.1s, opacity 0.4s; transition: width 0.1s, opacity 0.4s; background-color: #fff; z-index: 999999; } .nuxt-progress.nuxt-progress-notransition { -webkit-transition: none; transition: none; } .nuxt-progress-failed { background-color: red; } .site-loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; visibility: visible; background-size: 250px auto; z-index: 10000; background: #fff; } .site-loading .center { width: 300px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .site-loading.hide { visibility: hidden; opacity: 0; z-index: -999; -webkit-transition: all 0.7s linear; transition: all 0.7s linear; } .logo-loading { position: fixed; height: 100%; width: 100%; right: 0; top: 0; background-color: #fff; z-index: 999; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .logo-loading.is-loading { -webkit-transition: 0.4s; transition: 0.4s; opacity: 1; pointer-events: all; } .logo-loading img { position: fixed; width: 150px; border-radius: 6px; -webkit-transition: 0.6s; transition: 0.6s; z-index: 999 !important; } html.header-open { overflow: hidden; position: relative; height: 100%; } .index-page:after { content: ""; position: fixed; height: 100vh; right: 0; width: 100%; opacity: 0; bottom: 0; touch-action: none; -webkit-transition: 0.4s; transition: 0.4s; background-color: rgba(0, 0, 0, 0.8); pointer-events: none; } body.header-open { overflow: hidden; position: relative; } body.header-open .digi-menu .open-header-opacity { height: 100%; width: 100%; position: fixed; right: 0; z-index: 2; } body.header-open .digi-menu .index-page:after { opacity: 1; -webkit-transition: 0.4s; transition: 0.4s; } .digi-menu main { padding-bottom: 80px; } .digi-menu .index-page { margin-top: 209px; padding: 0; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } .digi-menu .index-page .menu-items-container { color: #fff; } .digi-menu .index-page .menu-items-container .menu-category-title-container { color: #fff; text-align: center; font-size: 40px; position: relative; margin: 0; } .digi-menu .index-page .menu-items-container .menu-category-title-container:before { content: ""; display: block; position: absolute; z-index: -1; top: 54%; width: 100%; border-bottom: 3px solid hsla(0, 0%, 100%, 0.58039); } .digi-menu .index-page .menu-items-container .menu-category-title { color: #d1aa4b; text-align: center; font-size: 19px; margin-bottom: 10px; font-weight: 600; padding: 0 30px; } .digi-menu .index-page .menu-items-container .menu-category-title span { background-color: #480f45; padding: 0 1em; position: relative; margin: auto; display: table; } .digi-menu .index-page .menu-items-container .menu-category-title span:before { content: "«"; background-color: rgba(0, 0, 0, 0); background-color: initial; position: absolute; top: 0; bottom: 0; height: 22px; right: 0; margin: auto 7px auto 0; } .digi-menu .index-page .menu-items-container .menu-category-title span:after { content: "»"; background-color: rgba(0, 0, 0, 0); background-color: initial; position: absolute; top: 0; bottom: 0; height: 22px; left: 0; margin: auto 0 auto 7px; } @media (min-width: 768px) { .digi-menu .index-page .menu-items-container .menu-items { display: grid; grid-template-columns: 50% 50%; grid-auto-rows: minmax(160px, auto); grid-auto-flow: dense; padding: 10px; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container { grid-column-end: span 1; grid-row-end: span 1; } .digi-menu .index-page .menu-items-container .menu-items .bold { grid-row-end: span 2; } } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container { padding: 0; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container.not-available { position: relative; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container.not-available .not-available-img { position: absolute; width: 180px; right: 0; left: 0; top: 0; bottom: 0; margin: auto; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container.not-available .menu-item { opacity: 0.3; background-color: rgba(0, 0, 0, 0.18039); box-shadow: inset 0 0 0 5px hsla(0, 0%, 100%, 0.1098); } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container.bold .menu-item { min-height: 331px; background-size: cover !important; position: relative; overflow: hidden; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container.bold .menu-item .menu-item-details { position: absolute; bottom: 0; background: -webkit-gradient( linear, left top, left bottom, from(rgba(46, 61, 84, 0)), color-stop(59%, rgba(46, 61, 84, 0.9)), color-stop(72%, rgba(46, 61, 84, 0.95)), color-stop(82%, rgba(46, 61, 84, 0.98)), color-stop(90%, rgba(46, 61, 84, 0.99)), to(#2e3d54) ); background: linear-gradient(180deg, rgba(46, 61, 84, 0), rgba(46, 61, 84, 0.9) 59%, rgba(46, 61, 84, 0.95) 72%, rgba(46, 61, 84, 0.98) 82%, rgba(46, 61, 84, 0.99) 90%, #2e3d54); right: 0; padding: 102px 10px 10px; width: 100%; border-radius: 0 0 4px 4px; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item { background-color: hsla(0, 0%, 100%, 0.1); border-radius: 5px; min-height: 156px; padding: 8px; box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.1); margin: 10px 5px; color: #fff; position: relative; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .bold-image { position: absolute; right: 0; left: 0; margin: auto; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .bold-image.v-lazy-image-loaded { display: block; position: absolute; top: 50% !important; left: 50% !important; min-height: 100%; min-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: initial !important; right: auto !important; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .menu-item-image-container { padding: 0; float: right; margin-left: 10px; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .menu-item-image { -o-object-fit: cover; object-fit: cover; border-radius: 5px; width: 120px; height: 140px; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .menu-item-title { color: #77440b; margin-top: 5px; font-weight: 600; font-size: 14px; margin-bottom: 10px; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .menu-item-content-container .menu-item-content { font-weight: lighter; color: #000; font-size: 13px; width: 95%; height: 73px; margin-top: 2px; background: -webkit-linear-gradient(#fff 5%, hsla(0, 0%, 100%, 0)); -webkit-background-clip: text; word-wrap: break-word !important; } @media (max-width: 360px) { .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .menu-item-content-container .menu-item-content { height: 55px; } } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .menu-item-content-container .menu-item-content p { margin: 0 !important; } .digi-menu .index-page .menu-items-container .menu-items .menu-item-container .menu-item .price { margin-top: 0; color: #77440b; text-align: left; font-size: 14px; position: absolute; bottom: 10px; left: 10px; } .digi-menu .index-page .menu-items-container .menu-category-splitter { display: block; height: 1px; border: 0; border-top: 1px solid hsla(0, 0%, 100%, 0.13); margin: 1em 0; padding: 0; } .main-header { padding: 2px; position: fixed; top: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -webkit-transition: 0.4s; transition: 0.4s; } .main-header, .main-header .all-menu { background-color: rgba(240, 248, 255, 0.39); right: 0; z-index: 99; width: 100%; } .main-header .all-menu { position: absolute; } .main-header .all-menu .header-items.close-full { height: 0 !important; min-height: 0 !important; -webkit-transition: all 0.6s; transition: all 0.6s; } .main-header .all-menu .header-items.open-full { -webkit-transition: all 0.6s; transition: all 0.6s; } .main-header .all-menu .header-items .item-title { white-space: normal !important; height: 38px; } .main-header .header-title { padding: 9px 6px 7px; text-align: center; font-family: vogueb, "vogueb", serif; color: #080808; font-size: 26px; margin-top: 0; margin-bottom: 0; direction: ltr; } .main-header .header-slogan { font-family: serif; font-weight: lighter; margin-top: 0; text-align: center; font-size: 12px; } .main-header .header-items { min-height: 100px; padding-right: 10px; padding-left: 10px; margin-top: 0; height: 120px; } .main-header .header-items .swiper-container { height: 100%; padding-top: 20px !important; } .main-header .header-items .fixed-menu { width: 70px !important; height: 70px !important; padding: 5px !important; } .main-header .header-items .fixed-menu .header-item-image { height: 40px !important; width: 40px !important; } .main-header .header-items .fixed-menu .item-title { font-size: 10px !important; } .main-header .header-items .swiper-slide-prev .header-item { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.4s; transition: 0.4s; } .main-header .header-items .swiper-slide-active .header-item { background-color: #e6c9aa !important; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); -webkit-transition: 0.4s; transition: 0.4s; } .main-header .header-items .swiper-slide-next .header-item { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.4s; transition: 0.4s; } .main-header .header-items .active-scroll .header-item { background-color: rgba(240, 248, 255, 0.39) !important; } .main-header .header-items::-webkit-scrollbar { width: 12px; height: 3px; } .main-header .header-items::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; } .main-header .header-items::-webkit-scrollbar-thumb { border-radius: 10px; background: #41617d; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .main-header .header-items::-webkit-scrollbar-thumb:window-inactive { background: #41617d; } .main-header .header-items .header-item-container { padding-right: 5px; padding-left: 5px; } .main-header .header-items .header-item { text-align: center; border-radius: 5px; margin: 5px auto; padding: 10px; } .main-header .header-items .header-item.active { background-color: rgba(183, 183, 183, 0.16); } .main-header .header-items .header-item .header-item-image { height: 50px; width: 50px; } .main-header .header-items .header-item .item-title { margin-top: 3px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .main-header .header-bottom { padding: 8px; font-weight: 300; background-color: #7d5638; color: #fff; touch-action: none; } .main-header .header-bottom.start-moving { background-color: hsla(0, 0%, 100%, 0.13); } .main-header .header-bottom .arrow { border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; -webkit-transition: all 1s; transition: all 1s; } .main-header .arrow { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); } .main-header.open .header-items.full-menu { max-height: 560px; overflow: hidden; } @media (max-height: 606px) { .main-header.open .header-items.full-menu { max-height: 360px; } } @media (max-height: 467px) { .main-header.open .header-items.full-menu { max-height: 250px; } } @media (max-height: 357px) { .main-header.open .header-items.full-menu { max-height: 200px; } } @media (max-height: 309px) { .main-header.open .header-items.full-menu { max-height: 160px; } } @media (max-height: 264px) { .main-header.open .header-items.full-menu { max-height: 100px; } } .main-header.open .header-items.overlay { overflow-x: hidden; overflow-y: overlay; } .main-header.open .header-bottom .arrow { -webkit-transform: rotate(223deg); -ms-transform: rotate(223deg); transform: rotate(223deg); } .main-header.close .header-items { text-align: center; height: 120px; white-space: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .main-header.close .header-items.full-menu { max-height: 560px; overflow: hidden; } @media (max-height: 606px) { .main-header.close .header-items.full-menu { max-height: 360px; } } @media (max-height: 467px) { .main-header.close .header-items.full-menu { max-height: 250px; } } @media (max-height: 357px) { .main-header.close .header-items.full-menu { max-height: 200px; } } @media (max-height: 309px) { .main-header.close .header-items.full-menu { max-height: 160px; } } @media (max-height: 264px) { .main-header.close .header-items.full-menu { max-height: 100px; } } .main-header.close .fixed-menu { width: 70px; height: 70px; padding: 5px; } .main-header.close .fixed-menu .header-item-image { height: 40px; width: 40px; } .main-header.close .fixed-menu .item-title { font-size: 10px; } .main-header .foodcourt-restaurants { max-width: 270px; width: 100%; margin: auto; display: -webkit-box; display: flex; overflow: hidden; height: 52px; -webkit-transition: 0.2s; transition: 0.2s; } .main-header .foodcourt-restaurants .foodcourt-container { margin-top: 6px; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0.32; border-radius: 50px; white-space: nowrap; overflow: hidden; height: 32px; cursor: pointer; position: relative; background-color: var(--color); } .main-header .foodcourt-restaurants .foodcourt-container:before { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.12157); } .main-header .foodcourt-restaurants .swiper-slide { -webkit-transition: 0.4s; transition: 0.4s; right: 45px; } .main-header .foodcourt-restaurants .swiper-slide-prev { right: -6px; } .main-header .foodcourt-restaurants .swiper-slide-prev .foodcourt-container { opacity: 0.73; } .main-header .foodcourt-restaurants .swiper-foodcourt-slide-active { width: 165px !important; right: -49px !important; -webkit-transition: 0.4s; transition: 0.4s; z-index: 2; } .main-header .foodcourt-restaurants .swiper-foodcourt-slide-active .foodcourt-logo { width: 42px; height: 42px; -webkit-transition: 0.4s; transition: 0.4s; } .main-header .foodcourt-restaurants .swiper-foodcourt-slide-active .foodcourt-container { margin-top: 0; -webkit-transition: 0.4s; transition: 0.4s; width: 100%; opacity: 1; height: 42px; } .main-header .foodcourt-restaurants .swiper-foodcourt-slide-active .foodcourt-title { display: -webkit-box; display: flex; margin: auto; text-align: center; position: relative; right: -11px; width: 97px; overflow: hidden; white-space: nowrap; -webkit-box-pack: center; justify-content: center; } .main-header .foodcourt-restaurants .swiper-foodcourt-slide-active .foodcourt-title small.scroll { -webkit-animation: scroll 6s linear infinite; animation: scroll 6s linear infinite; } .main-header .foodcourt-restaurants .swiper-foodcourt-slide-active .foodcourt-title p.scroll { -webkit-animation: scrollTitle 7s linear infinite; animation: scrollTitle 7s linear infinite; } .main-header .foodcourt-restaurants .swiper-foodcourt-slide-active .foodcourt-title p, .main-header .foodcourt-restaurants .swiper-foodcourt-slide-active .foodcourt-title small { text-align: center; white-space: nowrap; display: block; } .main-header .foodcourt-restaurants .swiper-slide-next { right: -59px !important; z-index: 1; } .main-header .foodcourt-restaurants .swiper-slide-next .foodcourt-container { opacity: 0.73; } .main-header .foodcourt-restaurants .swiper-slide-next ~ div { right: -110px !important; } .main-header .foodcourt-restaurants .foodcourt-logo { width: 32px; height: 32px; float: right; border-radius: 50%; background-color: #fff !important; background-size: cover !important; -webkit-transition: 0.4s; transition: 0.4s; position: relative; } .main-header .foodcourt-restaurants .foodcourt-title { display: none; line-height: 1; } .main-header .foodcourt-restaurants .foodcourt-title p { font-size: 19px; font-family: vogueb, "vogueb", serif; margin-top: 5px !important; font-stretch: normal; font-weight: 700; } @-webkit-keyframes scroll { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes scroll { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes scrollTitle { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); } 50% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } to { -webkit-transform: translateX(50%); transform: translateX(50%); } } @keyframes scrollTitle { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); } 50% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } to { -webkit-transform: translateX(50%); transform: translateX(50%); } } .swiper-inner { width: 100%; height: 350px; padding-top: 50px; padding-bottom: 50px; } @media (max-width: 500px) { .swiper-inner { height: 300px; } } .threed-slide { background-position: 50% !important; background-size: cover !important; width: 300px !important; height: 300px !important; } @media (max-width: 500px) { .threed-slide { width: 200px !important; height: 200px !important; } } .align-items-center { -webkit-box-align: center; align-items: center; } .image-zoom { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: #480f45; } .vue-zoomer-gallery { background-color: #480f45 !important; } .image-zoom-close { position: absolute; top: 12px; right: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.54902); padding: 11px; width: 90px; } .image-zoom-close .arrow { border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 5px; } .bounce-in-fwd { -webkit-animation: bounce-in-fwd 0.8s linear both; animation: bounce-in-fwd 0.8s linear both; } .bounce-out-fwd { -webkit-animation: bounce-out-fwd 0.4s linear both; animation: bounce-out-fwd 0.4s linear both; } .slide-in-fwd-bottom { -webkit-animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-out-bottom { -webkit-animation: slide-out-bottom 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; animation: slide-out-bottom 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } @-webkit-keyframes bounce-in-fwd { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 25% { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } 50% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes bounce-in-fwd { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 25% { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } 50% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes bounce-out-fwd { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 25% { -webkit-transform: scale(1.08); transform: scale(1.08); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } to { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } } @keyframes bounce-out-fwd { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 25% { -webkit-transform: scale(1.08); transform: scale(1.08); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } to { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } } @-webkit-keyframes slide-in-fwd-bottom { 0% { -webkit-transform: translateZ(-1400px) translateY(800px); transform: translateZ(-1400px) translateY(800px); } to { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); } } @keyframes slide-in-fwd-bottom { 0% { -webkit-transform: translateZ(-1400px) translateY(800px); transform: translateZ(-1400px) translateY(800px); } to { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); } } @-webkit-keyframes slide-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(1000px); transform: translateY(1000px); } } @keyframes slide-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(1000px); transform: translateY(1000px); } } .dialog-container { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 998; opacity: 1; visibility: visible; -webkit-transition: all 1s; transition: all 1s; } @media (min-width: 800px) { .dialog-container { background-color: rgba(4, 5, 6, 0.8); } .dialog-container.closing { opacity: 0; } } .dialog-container.closing { -webkit-transition: all 1s; transition: all 1s; } .dialog-container .dialog { top: 0; left: 0; right: 0; bottom: 0; width: 500px; height: 600px; max-width: 100%; max-height: 100%; overflow: auto; border-radius: 8px; margin: auto; position: absolute; padding: 20px; } @media (max-width: 800px) { .dialog-container .dialog { background-color: #480f45; touch-action: none; width: 100%; height: 100%; border-radius: 0; } } .dialog-container .dialog .dialog-content { margin-top: 40px; } .dialog-container .dialog .dialog-content .v-lazy-image-loaded { display: none !important; } .dialog-container .dialog .dialog-content .v-lazy-image { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; width: 200px; height: 200px; } .dialog-container .dialog .dialog-content-text p { margin: 0 !important; } .dialog-container .dialog-close { position: absolute; width: 30px; top: 12px; right: 12px; } .dialog-container .dialog-title { color: #fff; font-size: 18px; text-align: center; } .dialog-container .dialog-title-splitter-container { color: #fff; text-align: center; font-size: 40px; position: relative; margin: 0; } .dialog-container .dialog-title-splitter-container:before { content: ""; display: block; position: absolute; z-index: -1; top: 50%; width: 100%; border-bottom: 1px solid hsla(0, 0%, 100%, 0.58039); } .dialog-container .dialog-title-splitter-container .dialog-title-splitter { color: #9d7c3a; text-align: center; font-size: 20px; font-weight: 400; margin-bottom: 10px; } .dialog-container .dialog-title-splitter-container .dialog-title-splitter span { background-color: #480f45; padding: 0 0.4em; }