/** * Swiper 4.4.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 19, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .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-slide-shadow-bottom { 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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); 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; -webkit-box-shadow: none; 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: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -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%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; 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-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .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 { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; 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; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; 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 { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; 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-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; 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-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } #module_slider_70{ color:#fff!important; position: relative; overflow:hidden; } #module_slider_70 .slider__bg-overlay{ z-index: 2; background-color: rgba(66, 59, 16, .6); position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_slider_70 .blended { mix-blend-mode: multiply; } #module_slider_70 .slider-container { width: 100vw; height: 100vh; overflow: hidden; position: relative; } #module_slider_70 .slide { width: 100vw; height: 100vh; position: absolute; opacity: 0; overflow:hidden; } #module_slider_70 .slide .contain_img { overflow:hidden; width: 100vw; height: 100vh; background-color: rgba(66, 59, 16, .6); } #module_slider_70 .slide img { object-fit: cover; width: 100%; max-width: 100%; height: 100%; } #module_slider_70 .slide.previous { transition: left 2s ease, transform 3s ease, z-index 0.25s ease, opacity 1s ease; } #module_slider_70 .slide.active { transition: left 1s ease-in-out,transform 2s ease, z-index 0.5s ease, opacity 0.5s ease; } #module_slider_70 .navigation{ z-index: 998; justify-content: space-between; align-items: center; width: 100%; position: absolute; top: 0%; bottom: auto; left: 0%; right: 0%; } #module_slider_70 .nav__top { z-index: 555; justify-content: space-between; align-items: center; width: 100%; padding: 1em 3em; display: flex; position: relative; } #module_slider_70 .nav__col { flex-direction: row; flex: 1; justify-content: center; align-items: center; display: flex; } #module_slider_70 .nav__col.col-1 { justify-content: flex-start; } #module_slider_70 .nav__col.col-2 { justify-content: flex-end; } #module_slider_70 .nav__menu { z-index: 10; opacity: 1; color: #fff; white-space: nowrap; cursor: pointer; flex-direction: row; justify-content: center; align-items: center; padding: 5px 10px; font-weight: 400; display: flex; position: fixed; transition:1s; } #module_slider_70 .menu-txt { z-index: 10; font-size: 14px; position: relative; margin:0 5px; } #module_slider_70 .icon__cart { z-index: 5; position: relative; width:16px } #module_slider_70 #pointer-events-none { pointer-events: none; } #module_slider_70 .logo__cols { opacity: .5; justify-content: flex-end; align-items: center; width: 6.5em; transition: opacity .3s; display: flex; } #module_slider_70 .logo__emblem { z-index: 10; margin-left: 16px; margin-right: 16px; position: relative; max-width: 100%; display: inline-block; } #module_slider_70 .nav__logo { width: 120px; height:65px; max-width: none; } #module_slider_70 .left-bg-blur { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #module_slider_70 .left-bg-blur { z-index: 1; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_slider_70 .logo_div_header{ flex-direction:row!important; } #module_slider_70 .logo_div_header .left_logo_str_div img{ width: 110px; height:18px; object-fit: cover; } #module_slider_70 .logo_div_header .right_logo_str_div img{ width: 110px; height:18px; object-fit: cover; } #module_slider_70 .nav__main-btn { z-index: 10; opacity: 1; color: #fff; white-space: nowrap; flex-direction: row; justify-content: center; padding: 5px 10px; font-weight: 400; transition: 1s; display: flex; position: fixed; cursor:pointer; } #module_slider_70 .menu-fill { z-index: 1; background-color: #141d24; opacity: 0; border-radius: 50em; transition: 0.3s; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_slider_70 .icon__cart.is--2{ width: 17px; height:17px; object-fit: cover; } #module_slider_70 .nav__bottom { z-index: 10; border-top: 1px solid rgba(255, 255, 255, .3); justify-content: center; width: 100%; max-width: 100vw; display: flex; position: relative; overflow: hidden; height:60px; } #module_slider_70 .nav-link { z-index: 10; color: #fff; text-align: center; text-transform: uppercase; flex-direction: column; justify-content: center; align-items: center; min-width: 90px; height: 58px; padding: 0 25px; font-size: 16px; font-weight: 500; display: flex; position: relative; transition: opacity 0.3s; } #module_slider_70 .div-nav-empty { background-color: #fff; width: 100%; height: 1px; display: none; position: absolute; bottom: 0; } #module_slider_70 .nav__bottom-line { background-color: rgba(255, 255, 255, .3); width: 100%; height: 1px; position: absolute; bottom: 0; } #module_slider_70 .nav__line--path { z-index: 10; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 1px; position: absolute; bottom: 0; } #module_slider_70 .nav__line--cursor { background-color: #fff; position: absolute; bottom: 0; width: 80px; height: 1px; display: none; pointer-events: none; } #module_slider_70 .nav-link.w--current { border-bottom: 1px solid #fff; } #module_slider_70 .arrow-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; z-index: 50000000; } #module_slider_70 .arrow-container i { font-size: 30px; color: white; text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); animation: bounce 1s ease infinite; } @keyframes bounce { 0% { transform: translateY(-5px); } 50% { transform: translateY(5px); } 100% { transform: translateY(-5px); } } #module_slider_70 .sec__page1 { z-index: 20; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 100vh; display: flex; position: absolute; background-color:transparent; } #module_slider_70 .sec__page1.is--main { z-index: 8; } #module_slider_70 .container_text { z-index: 10; width: 78%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; } #module_slider_70 .container_text.c-scroll-hide { flex-direction: column; justify-content: center; align-items: center; overflow: hidden; } #module_slider_70 .h-main { color: #fff; text-align: center; margin: 20px auto; font-size: 85px; font-weight: 400; line-height: 1.3; } #module_slider_70 .h-subtitle { z-index: 10; opacity: .9; color: #fff; text-align: center; margin-left: auto; margin-right: auto; font-size: 18px; font-weight: 300; line-height: 1.9; position: relative; padding-top:13px; max-width: 30em; } #module_slider_70 .top-subtitle { z-index: 10; opacity: .9; color: #fff; text-align: center; margin-left: auto; margin-right: auto; font-size: 30px; font-weight: 100; line-height: 1.3; position: relative; padding-bottom:10px; } #module_slider_70 #h_subtitle_sliderchaharbaghhotel .subtitleText { opacity: 0; transition: opacity 1s ease-in-out; } #module_slider_70 #h_main_sliderchaharbaghhotel .mainText { opacity: 0; transition: opacity 1s; } #module_slider_70 #top_subtitle_sliderchaharbaghhotel .toptitleText { opacity: 0; transition: opacity 1s ease-in-out; } #module_slider_70 .slider_footer{ z-index: 998; align-items: center; width: 100%; position: absolute; top: auto; bottom: 30px; left: 0%; right: 0%; } #module_slider_70 .circle-info { z-index: 100; color: #ebdccb; text-align: center; border-radius: 50%; width: 100px; height: 100px; display: flex; position: absolute; top: auto; bottom: 50px; left: 4vw; justify-content: center; align-items: center; overflow: hidden; background-color: transparent; cursor:pointer; } #module_slider_70 .circle-info:hover { color: #fff; } #module_slider_70 .info-circle-lottie { position: absolute; width: 100%; height: 100%; cursor:pointer; } #module_slider_70 .circle-p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; cursor:pointer; font-size:12px; } #module_slider_70 .circle-info:hover { color: #fff; } #module_slider_70 .spinner { position: absolute; width: 100px; height: 100px; border-radius: 50%; border: 2px solid #333; cursor:pointer; } #module_slider_70 .spinner:nth-child(1) { top: 2px; left: 2px; animation: spin-1 5s linear infinite; border-color: rgb(92,108,104); cursor:pointer; } #module_slider_70 .spinner:nth-child(2) { top: -2px; left: 2px; animation: spin-2 4s linear infinite; border-color: rgb(195,170,148); cursor:pointer; } #module_slider_70 .spinner:nth-child(3) { top: -2px; left: -2px; animation: spin-3 3s linear infinite; border-color: rgb(92,108,104); cursor:pointer; } @keyframes spin-1 { 0% { transform: translateX(-2px) translateY(-2px) rotate(0deg); } 50% { transform: translateX(2px) translateY(2px) rotate(180deg); } 100% { transform: translateX(2px) translateY(-2px) rotate(360deg); } } @keyframes spin-2 { 0% { transform: translateY(-2px) translateX(-2px) rotate(0deg); } 50% { transform: translateY(2px) translateX(2px) rotate(-180deg); } 100% { transform: translateY(2px) translateX(-2px) rotate(-360deg); } } @keyframes spin-3 { 0% { transform: translateX(0) translateY(-2px) rotate(0deg); } 25% { transform: translateX(2px) translateY(2px) rotate(90deg); } 50% { transform: translateX(2px) translateY(-2px) rotate(180deg); } 75% { transform: translateX(0px) translateY(-2px) rotate(270deg); } 100% { transform: translateX(2px) translateY(-2px) rotate(360deg); } } #module_slider_70 .resort__btn.scroll-down { } #module_slider_70 .resort__btn { z-index: 100; white-space: nowrap; flex-direction: column; justify-content: center; align-items: center; display: flex; color: #ffffff; background-color: rgba(255, 255, 255, .15); border-radius: 680px; border: 1px solid rgba(255,255,255,.45); width: 120px; height: 55px; position: absolute; right: calc(50% - 60px); bottom: 50px; font-size:14px; font-weight: bold; transition: 0.1s; } #module_slider_70 .div_svg { z-index: 120; display: none; position: absolute; transition: 2s; padding:10px; } #module_slider_70 .resort__btn:hover .div_svg{ display: flex; background-color: #fff; border-radius:50%; width:110px; height:110px; justify-content: center; align-items: center; } #module_slider_70 .resort__btn:hover .div_svg svg{ width:18px; height:18px; } #module_slider_70 .resort__btn:hover{ width: 106px; right: calc(50% - 53px); font-size:8px; height: 45px; } #module_slider_70 .slider_footer_type_1{ justify-content: center; align-items: center; display: flex; } #module_slider_70 .page-link { opacity: .7; color: #fff!important; text-align: center; text-transform: uppercase; flex-direction: column; justify-content: flex-start; align-items: center; padding: 23px 17px; font-weight: 500; display: flex; cursor:pointer; } #module_slider_70 .page-link__icon { width: 27px; height: 27px; margin-bottom: 17px; } #module_slider_70 .page-link__p { margin-bottom: 0; font-size: 14px; line-height: 1.6; } #module_slider_70 .page-link:hover { opacity: 1; color: #fff!important; } #module_slider_70 .menu { z-index: 999; display: none; position: fixed; top: 0%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; transition:1s ease; } #module_slider_70 .menu__inner { z-index: 20; justify-content: space-between; width: 100%; height: 100%; display: flex; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; overflow: auto; } #module_slider_70 .close__anim { z-index: 100; color: #000; cursor: pointer; font-size: 1.5em; position: absolute; top: 6vh; left: 6vw; border: 1px solid #fff; border-radius: 50%; padding: 5px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } #module_slider_70 .close__btn{ width: 24px; height: 24px; } #module_slider_70 .menu__bg-wrap { z-index: 2; width: 67%; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; overflow: hidden; } #module_slider_70 .menu__content { width: 66.6667%; z-index: 3; } #module_slider_70 .menu__column { z-index: 5; flex-direction: column; justify-content: flex-start; align-items: center; width: 33.3333%; padding: 21vh 4em 15vh; transition: width .5s; display: flex; position: relative; overflow: hidden; } #module_slider_70 .menu__column.is--3 { justify-content: center; padding-top: 9vh; padding-bottom: 9vh; } #module_slider_70 .menu__bg { z-index: 3; background-color: #3e4b48; width: 100%; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_slider_70 .nav__tab { z-index: 10; justify-content: space-between; align-self: stretch; align-items: stretch; width: 100%; height: 100%; display: flex; } #module_slider_70 .menu_main { flex-direction: column; justify-content: flex-start; align-self: stretch; align-items: center; width: 50%; padding-top: 15vh; padding-bottom: 10vh; padding-left: 12vw; display: flex; } #module_slider_70 .menu__link-block3 { color: #c2ddd3; background-color: transparent; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; height: 82px; font-size: 24px; font-weight: 500; display: flex; cursor:pointer; transition: 0.5s; } #module_slider_70 .menu__link-block3:hover{ color:#fff; font-weight:600; font-size: 25px; } #module_slider_70 .menu__link-block3.w--current { color: #fff; background-color: transparent; } #module_slider_70 .menu_sub { flex-direction: column; justify-content: flex-start; align-items: center; width: 50%; padding-top: 15vh; padding-right: 3em; display: flex; } #module_slider_70 .w-dyn-item .m__c-link-text{ color:#fff; font-size: 16px; font-weight: 600; height:47px; display: flex; align-items: center; } #module_slider_70 .header_sub_menus_txt{ font-size: 18px; font-weight: 700; } #module_slider_70 .tab__pane3 { width: 100%; padding-left: 5em; } #module_slider_70 .menu__col3--bg { z-index: 1; background-color: #5c6c68; width: 100%; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_slider_70 .menu__socials { z-index: 1; justify-content: center align-items: center; display: flex; flex-wrap:wrap; } #module_slider_70 .menu__social { z-index: 10; opacity: .7; color: #fff; text-transform: uppercase; flex-direction: column; justify-content: center; align-self: stretch; align-items: center; padding: 15px 8px; font-weight: 500; display: flex; position: relative; max-width:100%; } #module_slider_70 .icon-social { width: 23px; min-width: 23px; } #module_slider_70 .w--current{ } #module_slider_70 .w-tab-pane { display: none; position: relative; } #module_slider_70 .w--tab-active { display: block; } #module_slider_70 .menu__plus{ width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; cursor:pointer; } #module_slider_70 .menu__plus--fill{ z-index: 3; border: 1px solid rgba(120,141,133,.45); border-radius: 50%; width: 40px; height: 40px; transform: rotate(0deg); margin:0px 10px 10px 10px; transition:0.5s; position:absolute; display: inline-flex; justify-content: center; align-items: center; cursor:pointer; } #module_slider_70 svg.arrow-left{ display:block; } #module_slider_70 svg.arrow-line{ display:none; } #module_slider_70 .header_sub_menus{ display: flex; justify-content: flex-start; align-items: center; cursor:pointer; } #module_slider_70 .header_sub_menus:hover .menu__plus .menu__plus--fill{ z-index: 14; background-color: #6c7c7b; border-radius: 50%; border: unset; width: 50px; height: 50px; } #module_slider_70 .header_sub_menus:hover svg.arrow-left{ display:none; } #module_slider_70 .header_sub_menus:hover svg.arrow-line{ display:block; } #module_slider_70 .w--tab-active .header_sub_menus{ color:#fff; } #module_slider_70 .menu__column.is--3:hover { width: 40%; } #module_slider_70 .menu__bg--blend { z-index: 4; opacity: .87; background-color: #0d2727; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_slider_70 .menu__bg--reveal { z-index: 6; background-color: #788d85; display: none; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_slider_70 .footer__col3--inner { z-index: 20; opacity: .8; color: #fff; text-align: center; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; line-height: 1.6; display: flex; position: relative; } #module_slider_70 .menu__logo { z-index: 100; object-fit: contain; object-position: 50% 50%; width: 100px; height:70px; max-width: none; } #module_slider_70 .f-cont__title { margin-bottom: .4em; font-size: 24px; font-weight: 400; line-height: 1.3; } #module_slider_70 .f-cont_sub_title{ font-size: 16px; font-weight: 400; } #module_slider_70 .f-cont { flex-direction: column; justify-content: center; align-items: center; margin-top: 4vh; margin-bottom: 4vh; display: flex } #module_slider_70 .acc__contact-link { white-space: nowrap; padding-top: .2em; padding-bottom: .2em; font-size: 16px; position: relative; overflow: hidden; max-width: 100%; display: inline-block; } #module_slider_70 .acc__contact-link.in--footer { opacity: .8; color: #fff; padding-top: .3em; padding-bottom: .3em; font-size: 16px; } #module_slider_70 .acc__contact-link:hover{ opacity:1; transition:0.5s; } #module_slider_70 .acc__cl__line { background-color: #fff; width: 0; height: 1px; position: absolute; bottom: 0; transition: width 0.3s ease; } #module_slider_70 .acc__contact-link:hover .acc__cl__line{ width: 100%; } #module_slider_70 .menu__bg--img { z-index: 2; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_slider_70 .slide .contain_img { transform: scale(1); transition: transform 0.5s linear; } #module_slider_70 .slide:not(.first-slide).active .contain_img { animation: scaleAnimation 2s ease-in-out forwards; } @keyframes scaleAnimation { 0% { transform: scale(3); } 100% { transform: scale(1); } } #module_slider_70:hover #admin_module_sliderchaharbaghhotel_70{ opacity: 1!important; display: block!important; margin: auto!important; } #div_admin_slider #profile_exit,#div_admin_slider #user-icon{ display: none!important; } #lang_website{ background-color: #666d6f; color: #ffffff; height: 22px; border:none; outline:none; } .module[data-id_page='710']{;background-color:#004d4a;background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:scroll;width:100%;max-width:100%;padding-top:64px;padding-bottom:64px;border-style:none;}.module[data-id_page='710']:hover{;}.module[data-id_page='710']{ position:relative; margin-right:auto !important; margin-left:auto !important; overflow:hidden !important; } .module[data-id_page='710'] > div{ position:relative; z-index:12; } .module[data-id_page='710'] .module[data-id_page='710'] .new_admin_layer{ position:absolute; width:100%; height:100%; z-index:10; transition: all 600ms ease; background-color:rgba(0,0,0,0); display:flex; right:0; top:0; } .module[data-id_page='710'] .layer_first_child{ width:100%; } .module[data-id_page='710']:hover .new_admin_layer{ border-radius:0 !important; background-color:rgba(0,0,0,0); } #s_breadCrump{ flex: 0 0 100%; max-width: 100%; width: 100%; margin: auto; height: 50px; line-height:24px; padding:0 20px; font-size: 12px; color:#000000; } #s_breadCrump span,#s_breadCrump a{display:inline-block;padding: 0px 5px;color:#000000;} .card-main{ width: 100%; padding: 0 10px; } #locals_main .card-box-width{ flex: 0 0 25%; max-width: 25%; } .pagination{ width: 100%; flex: 0 0 calc(100% - 20px); max-width: calc(100% - 20px); flex-direction: row; align-items: center; justify-content: space-between; height: 50px; padding: 15px; margin: 20px 10px; border-radius: 50px; background-color: #222831; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .arrow-pagination > svg{ width: 100%; height: 100%; } .arrow-pagination > svg path{ fill: #222831; } .right-pagination{ transform: rotate(180deg); } .number-pagination{ display: flex; flex-direction: row; align-items: center; height: 100%; } .num-pagination:hover{ background-color: #1e5f74; } .num-pagination:hover > a{ color: #fff; } .arrow-pagination:hover{ background-color: #1e5f74; } .arrow-pagination:hover >svg path{ fill: #fff; } .pagination-style{ flex:0 0 30px; max-width: 30px; width:100%; height: 30px; background-color: #dddddd; border-radius: 50%; padding: 5px; cursor: pointer; text-align: center; } .number-pagination .pagination-style{ margin: 0 7px; } .number-pagination .arrow-pagination > a{ display: block; text-align: center; } .active-pagination{ background-color: #00baff !important; } .active-pagination > a{ color: #fff !important; } .pagination-style > span{ display: block; margin-top: -4px; font-weight: 600; } .non-product{ font-size: 25px; display: block; text-align: center; font-weight: 600; color: #222; margin: 50px 0; width: 100%; } .post-details > i{ transform: rotate(0); } .post-details::after{ left: 0; } .link-box::after{ left: 0; } .link-box > i{ transform: rotate(0) translateY(1px); } .link-box:hover i{ color:#1ebbf0; } #top_custom_review{ flex: 0 0 100%; width: 100%; max-width: 100%; } .adv-img{ width: 100%; height: 100%; object-fit: cover; padding: 15px; user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .card-main{ flex: 0 0 100%; max-width: 100%; } .card-box { width: 100%; padding: 20px 10px 0 10px; height: 380px; position: relative;}.box-radius{ border-radius: 10px; overflow: hidden;}.card-box > div { height: 100%;}.pre { position: relative;}.card-box:hover .bg-image > img { transform: scale(1.2); transition: transform 4s ease-out;}.bg-image { width: 100%; height: 100%; overflow: hidden;}.bg-image > img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease-out, opacity 0.35s;}.bg-text-section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}.bg-text-section::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; content: ''; background: rgba(0, 0, 0, 0.8); background: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 65%, rgba(0, 0, 0, 0.8) 100% ); background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 65%, rgba(0, 0, 0, 0.8) 100% ); background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 65%, rgba(0, 0, 0, 0.8) 100% ); -webkit-transform: translate3d(0, 35%, 0); transform: translate3d(0, 35%, 0); -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s; transition: opacity 0.35s, bottom 0.35s, transform 0.4s;}.card-box:hover .bg-text-section::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.text-section { position: absolute; bottom: -100%; left: 0; width: 100%; box-sizing: border-box; padding: 0 30px 25px 30px; -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s; transition: opacity 0.35s, bottom 0.35s, transform 0.4s;}.text-section { position: absolute; bottom: -35%!important; left: 0; width: 100%; box-sizing: border-box; padding: 0 16px 16px 16px; -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s; transition: opacity 0.35s, bottom 0.35s, transform 0.4s;}.card-box:hover .text-section { bottom: 0 !important;}.entry-title { margin-bottom: 15px; font-size: 22px; line-height: 40px; font-weight: 700; color: #fff;}.entry-excerpt { margin-bottom: 15px; color: #fff; font-size: 16px; line-height: 1.5;}.entry-excerpt { margin-bottom: 5px!important; color: #fff; font-size: 16px; line-height: 1.5; /* margin-top: 20px; */ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 100px; /* margin: 20px 0; */ margin-top: 20px;}.post-details { color: #fff; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}.post-details::after { position: absolute; display: block; bottom: -5px; width: 0; height: 2px; content: ''; transition: width 0.4s ease; clear: both; background: #1ebbf0; background: -webkit-linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%); background: linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);}.post-details:hover::after { width: 100%;}.post-details:hover > i{ color: #1ebbf0;} .color_blue{color:#00AFEF;} .en_page{ direction: ltr; } .fa_page{ direction: rtl; } .w200 { width:200px; } .w400 { width:400px; } .w600 { width:600px; } .w800 { width:800px; } .w1000 { width:1000px; } .w1200 { width:1200px; } .dtcd { display:table-cell; padding:10px; text-align: justify; } .pdig { line-height: 1.75; } .imgdi{ width:100%; height:100%; } .gerd{ border-radius: 50%; } .diul{ padding:20px; } #description_21 .ti_ma_h{ width:1200px; text-align: right; margin: auto; padding: 0 10px; font-size:20px; line-height: 0px; color: ; background-color: ; } #description_21 .ti_ma_h a{color: ;} .pborder{ border-left-width:4px; border-left-style: solid; border-left-color: ; padding-left:25px; font-weight: 600; } .pborder_title{ line-height: 1.42857143; padding-right: 25px; font-size:1em; } .p_text_pic{ width:100%; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: box-shadow 300ms 0s ease; -moz-transition: box-shadow 300ms 0s ease; -ms-transition: box-shadow 300ms 0s ease; -o-transition: box-shadow 300ms 0s ease; transition: box-shadow 300ms 0s ease; display:table; table-layout: fixed; } .p_text_pic:hover{ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .pl_text_pic{ width:29%; display: table-cell; vertical-align: middle; padding: 14px 28px; /*background-color: #f4f4f4;*/ text-align: center; } .pl_text_pic2{ width:29%; display: table-cell; vertical-align: middle; background-color: #f4f4f4; text-align: center; } .pr_text_pic{ width:70%; display: table-cell; vertical-align: middle; position: relative; padding: 20px 65px 15px 20px; overflow: hidden; } .pr_text_pic2{ width:70%; display: table-cell; vertical-align: middle; position: relative; padding: 10px 20px; overflow: hidden; } .pr_text_pic:before{ position: absolute; display: block; top: 24px; right: 4%; background-image:url(https://chaharbaghhotel.com/en/files/main/module/description/img/quote.png); content:""; background-size: contain; width: 26px; height: 26px; background-repeat: no-repeat; } .imgtext{ width:100%; /*height:120px;*/ border-radius:50%; } .imgtext2{ width:100%; } .video_tag{width:100%;} #description_21 .container_box_41{ background-color:transparent; border-width:;; border-style:none; border-color:black; border-radius:0px ;; height:100%; padding:1rem; } .dLineH{line-height:2em;} #description_21 .font_title_box_0{ font-size: 18px; padding:0 1rem; text-align:start; line-height:3; } .sidebar_box_0 { width:100%; } .mt3vw{margin-top:3vw;} .sidebar_box_0 > p:first-child{ overflow:hidden; margin-top: 5px; padding: 0 10px; } .sidebar_box_0 .read-more { width: 100%; text-align: center; margin: 0; padding: 8px 0; } .sidebar_box_0 a{ color:; } .sidebar_box_0 a:hover{ color:; } .sidebar_box_0 i{ vertical-align: sub; margin: 0 10px; font-size:18px; } .video_tag{ width:100%; } #description_21 .container_box_40{ background-color:transparent; border-width:;; border-style:none; border-color:black; border-radius:0px ;; height:100%; padding:1rem; } #description_21 .font_title_box_1{ font-size: 18px; padding:0 1rem; text-align:start; line-height:3; } .sidebar_box_1 { width:100%; } .mt3vw{margin-top:3vw;} .sidebar_box_1 > p:first-child{ overflow:hidden; margin-top: 5px; padding: 0 10px; } .sidebar_box_1 .read-more { width: 100%; text-align: center; margin: 0; padding: 8px 0; } .sidebar_box_1 a{ color:; } .sidebar_box_1 a:hover{ color:; } .sidebar_box_1 i{ vertical-align: sub; margin: 0 10px; font-size:18px; } .video_tag{ width:100%; } #description_21 .container_box_39{ background-color:transparent; border-width:;; border-style:none; border-color:black; border-radius:0px ;; height:100%; padding:1rem; } #description_21 .font_title_box_2{ font-size: 18px; padding:0 1rem; text-align:start; line-height:3; } .sidebar_box_2 { width:100%; } .mt3vw{margin-top:3vw;} .sidebar_box_2 > p:first-child{ overflow:hidden; margin-top: 5px; padding: 0 10px; } .sidebar_box_2 .read-more { width: 100%; text-align: center; margin: 0; padding: 8px 0; } .sidebar_box_2 a{ color:; } .sidebar_box_2 a:hover{ color:; } .sidebar_box_2 i{ vertical-align: sub; margin: 0 10px; font-size:18px; } .video_tag{ width:100%; } #description_21 .container_box_38{ background-color:transparent; border-width:;; border-style:none; border-color:black; border-radius:0px ;; height:100%; padding:1rem; } #description_21 .font_title_box_3{ font-size: 18px; padding:0 1rem; text-align:start; line-height:3; } .sidebar_box_3 { width:100%; } .mt3vw{margin-top:3vw;} .sidebar_box_3 > p:first-child{ overflow:hidden; margin-top: 5px; padding: 0 10px; } .sidebar_box_3 .read-more { width: 100%; text-align: center; margin: 0; padding: 8px 0; } .sidebar_box_3 a{ color:; } .sidebar_box_3 a:hover{ color:; } .sidebar_box_3 i{ vertical-align: sub; margin: 0 10px; font-size:18px; } .video_tag{ width:100%; } #description_21 .container_box_37{ background-color:transparent; border-width:;; border-style:none; border-color:black; border-radius:0px ;; height:100%; padding:1rem; } #description_21 .font_title_box_4{ font-size: 18px; padding:0 1rem; text-align:start; line-height:3; } .sidebar_box_4 { width:100%; } .mt3vw{margin-top:3vw;} .sidebar_box_4 > p:first-child{ overflow:hidden; margin-top: 5px; padding: 0 10px; } .sidebar_box_4 .read-more { width: 100%; text-align: center; margin: 0; padding: 8px 0; } .sidebar_box_4 a{ color:; } .sidebar_box_4 a:hover{ color:; } .sidebar_box_4 i{ vertical-align: sub; margin: 0 10px; font-size:18px; } .video_tag{ width:100%; } #description_21 .container_box_36{ background-color:transparent; border-width:;; border-style:none; border-color:black; border-radius:0px ;; height:100%; padding:1rem; } #description_21 .font_title_box_5{ font-size: 18px; padding:0 1rem; text-align:start; line-height:3; } .sidebar_box_5 { width:100%; } .mt3vw{margin-top:3vw;} .sidebar_box_5 > p:first-child{ overflow:hidden; margin-top: 5px; padding: 0 10px; } .sidebar_box_5 .read-more { width: 100%; text-align: center; margin: 0; padding: 8px 0; } .sidebar_box_5 a{ color:; } .sidebar_box_5 a:hover{ color:; } .sidebar_box_5 i{ vertical-align: sub; margin: 0 10px; font-size:18px; } .video_tag{ width:100%; } #description_21 .container_box_35{ background-color:transparent; border-width:;; border-style:none; border-color:black; border-radius:0px ;; height:100%; padding:1rem; } #description_21 .font_title_box_6{ font-size: 18px; padding:0 1rem; text-align:start; line-height:3; } .sidebar_box_6 { width:100%; } .mt3vw{margin-top:3vw;} .sidebar_box_6 > p:first-child{ overflow:hidden; margin-top: 5px; padding: 0 10px; } .sidebar_box_6 .read-more { width: 100%; text-align: center; margin: 0; padding: 8px 0; } .sidebar_box_6 a{ color:; } .sidebar_box_6 a:hover{ color:; } .sidebar_box_6 i{ vertical-align: sub; margin: 0 10px; font-size:18px; } .video_tag{ width:100%; } #description_21 .container_box_34{ background-color:transparent; border-width:;; border-style:none; border-color:black; border-radius:0px ;; height:100%; padding:1rem; } #description_21 .font_title_box_7{ font-size: 18px; padding:0 1rem; text-align:start; line-height:3; } .sidebar_box_7 { width:100%; } .mt3vw{margin-top:3vw;} .sidebar_box_7 > p:first-child{ overflow:hidden; margin-top: 5px; padding: 0 10px; } .sidebar_box_7 .read-more { width: 100%; text-align: center; margin: 0; padding: 8px 0; } .sidebar_box_7 a{ color:; } .sidebar_box_7 a:hover{ color:; } .sidebar_box_7 i{ vertical-align: sub; margin: 0 10px; font-size:18px; } .video_tag{ width:100%; } #description_21 .container_box_33{ background-color:transparent; border-width:;; border-style:none; border-color:black; border-radius:0px ;; height:100%; padding:1rem; } #description_21 .font_title_box_8{ font-size: 18px; padding:0 1rem; text-align:start; line-height:3; } .sidebar_box_8 { width:100%; } .mt3vw{margin-top:3vw;} .sidebar_box_8 > p:first-child{ overflow:hidden; margin-top: 5px; padding: 0 10px; } .sidebar_box_8 .read-more { width: 100%; text-align: center; margin: 0; padding: 8px 0; } .sidebar_box_8 a{ color:; } .sidebar_box_8 a:hover{ color:; } .sidebar_box_8 i{ vertical-align: sub; margin: 0 10px; font-size:18px; } .video_tag{ width:100%; } #description_21 .public_center{ border-spacing:0px; } #description_21{ padding-top:64px; }#description_21{ padding-bottom:64px; }#description_21{ background-color:#014d49; }#description_21{ font-size:16px; }#description_21 .color_tem1{ /*range asli color ??? */ color: ; }#description_21 .color_tem2{ /*range asli color ??? */ color: ; }#description_21 .color_tem1_bg{/*range back box */ background-color: ; }#description_21 .color_tem2_bg{/*range back box if gradient*/ background-color: ; }#description_21 .color_title{/*range title asli module*/ color: ; }#description_21 .color_text{/*range text haye module */ color:; }#description_21 .color_link{/*range linki ke matni bashe btn nabshe */ color:; }#description_21 .color_link_hover:hover{/*range text link hover*/ color: ; }#description_21 .color_b_text{/*range link button manand range matnesh*/ color: ; }#description_21 .color_b_bg{/*range button i ke link shode backgroundesh! */ background-color: ; }#description_21 .color_b_h_text:hover{/*range hover text az button i ke link hast */ color: ; }#description_21 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/ background-color: ; }#description_21 .color_box_text{/*range text dakhele box ha! */ color: ; }#description_21 .color_box_title{/*range title dakhele box ha!*/ color: ; } #module_footer_1403{ color:#fff!important; position: relative; overflow:hidden; } #module_footer_1403 .resort__btn { z-index: 100; white-space: nowrap; flex-direction: column; justify-content: center; align-items: center; display: flex; border-radius: 680px; border: 1px solid #fff; width: 180px; height: 65px; right: calc(50% - 90px); transition: 1s ease; background-color:transparent; } #module_footer_1403 .div_svg { z-index: 120; display: none; position: absolute; padding:10px; transition: 0.1s ease-in-out; } #module_footer_1403 .resort__btn:hover .div_svg{ display: flex; background-color: #ffffff; border-radius:50%; width:110px; height:110px; justify-content: center; align-items: center; } #module_footer_1403 .resort__btn:hover .div_svg svg{ width:18px; height:18px; fill:#000; transform:rotate(-90deg); } #module_footer_1403 .resort__btn:hover{ width: 106px; right: calc(50% - 53px); font-size:8px; height: 45px; } #module_footer_1403 .resort__btn .btn__text{ z-index: 5; text-align: center; font-size: 16px; font-weight: 500; position: relative; color:#fff; width:95%; white-space: nowrap; overflow:hidden; } #module_footer_1403 .div-block-134 { z-index: 30; background-color: #296161; justify-content: flex-end; align-items: center; width: 100%; height: 40vh; min-height: 300px; display: flex; position: absolute; top: auto; bottom: 0%; left: 0%; right: 0%; } #module_footer_1403 .container.c-footer-nws { justify-content: center; align-items: center; padding-bottom: 5vh; display: flex; flex-direction:column; } #module_footer_1403 .div-block-226 { align-items: center; display: flex; } #module_footer_1403 .footer__nws-title2 { color: #fff; margin-bottom: 5vh; font-size: 38px; font-weight: 400; line-height: 1.2; } #module_footer_1403 .nws-subtext { opacity: .8; color: #fff; max-width: 245px; margin-right: 47px; font-size: 14px; line-height: 1.4; } #module_footer_1403 .subfooter3 { flex-direction: row; justify-content: space-between; align-items: center; width: 100%; display: flex; position: relative; } #module_footer_1403 .div-block-224 { flex-direction: column; justify-content: center; align-items: center; width: 50%; padding-left: 3vw; padding-right: 3vw; } #module_footer_1403 .copy { color: rgba(255, 255, 255, .75); max-width: 344px; font-size: 10px; font-weight: 200; } #module_footer_1403 .div-block-224.is--mtrk { flex: 1; display: flex; } #module_footer_1403 .div-block-224 { flex-direction: column; justify-content: center; align-items: center; width: 50%; padding-left: 47px; padding-right: 47px; } #module_footer_1403 .subfooter-link3 { opacity: .7; color: #fff; text-transform: uppercase; white-space: nowrap; flex-direction: row; justify-content: center; align-items: center; padding-top: 1vh; padding-bottom: 1vh; font-size: 11px; display: flex; } #module_footer_1403 .waves-embed { width: 100%; position: absolute; top: -14vh; } #module_footer_1403 .w-embed:after { clear: both; } #module_footer_1403 .w-embed:before, .w-embed:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } #module_footer_1403 .waves { position: relative; width: 100%; height: 15vh; margin-bottom: -7px; /*Fix for safari gap*/ } /* Animation */ #module_footer_1403 .parallax>use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; } #module_footer_1403 .parallax>use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } #module_footer_1403 .parallax>use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } #module_footer_1403 .parallax>use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } #module_footer_1403 .parallax>use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } @keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0); } 100% { transform: translate3d(85px, 0, 0); } } #module_footer_1403 .footer_logos_item{ width:125px; height:125px; margin:0 15px; } #module_footer_1403 .footer_logos_item.footer_logos_first_items{ margin:0 0 0 15px; } #module_footer_1403 .str_footer_logos{ display:flex; flex-wrap: wrap; } #module_footer_1403 .md_footer_ch_logos{ padding-left: 12vw; } #module_footer_1403 .md_footer_ch_logos .subfooter-link3 { justify-content: flex-start; padding-top: 15px; padding-bottom: 15px; font-weight:700; } #module_footer_1403 .title_item_main{ margin:8px auto; font-size: 16px; font-weight: 500; color:#c2ddd3; } #module_footer_1403 .title_item_main:hover{ color:#fff; font-weight:600; font-size: 17px; } #module_footer_1403 #menu__times .menu__times_inner{ display: flex; align-items: center; justify-content: center; color:#ffffff; border-radius: 5px; border:1px solid #ffffff; padding:5px; min-width:230px; flex-direction: row; } #module_footer_1403 #menu__times .line__times{ width: 1px; min-height: 60px; background-color: white; margin: 5px; } #module_footer_1403 .menu__times_date { width:45%; display: flex; flex-direction: column; justify-content: center; align-items: center; } #module_footer_1403 #footer_day_str,#module_footer_1403 #footer_month_str{ font-weight:bold; font-size:12px; } #module_footer_1403 #footer_day_num{ font-weight:bold; font-size:16px; } #module_footer_1403 .menu__times_hm { width:55%; display: flex; align-items: center; justify-content: center; flex-direction: row; } #module_footer_1403 .footer_time_item{ padding: 0 3px; font-size:25px; font-weight:bold; } #module_footer_1403 #menu__times{ display: flex; align-items: center; justify-content: center; margin-top:3vh; } #module_footer_1403 .menu__times_item{ padding:5px; } #module_footer_1403 div#menu__views_pages { display: flex; justify-content: center; align-items: center; margin-top:3vh; } #module_footer_1403 div#menu__views_pages .menu__views_pages_inner{ display: flex; align-items: center; justify-content: center; color:#ffffff; border-radius: 5px; border:1px solid #ffffff; padding:10px; min-width:230px; } #module_footer_1403 .menu__views_pages_str{ width:45%; display: flex; align-items: center; justify-content: center; padding:5px; } #module_footer_1403 .menu__views_pages_num_view{ width:55%; display: flex; align-items: center; justify-content: center; padding:5px; } #module_footer_1403 #views_pages_str{ font-weight:bold; font-size:12px; } #module_footer_1403 #num_view{ font-weight:bold; font-size:25px; } #module_footer_1403 .menu { transition:1s ease; z-index: 15; justify-content: space-between; width: 100vw; max-width: 100%; min-height: 180vh; margin-top: -13vh; display: flex; position: relative; } #module_footer_1403 .menu__inner { z-index: 20; justify-content: space-between; align-self: stretch; width: 100%; display: flex; position: -webkit-sticky; position: sticky; top: 0; } #module_footer_1403 .menu__content { width: 66.6667%; z-index: 3; transition: 0.35s ease; } #module_footer_1403 .menu__column { transition: width .5s,transform 0.35s; z-index: 5; flex-direction: column; justify-content: center; align-self: stretch; align-items: center; width: 33.3333%; padding: 15vh 4em; display: flex; position: relative; overflow: hidden; } #module_footer_1403 .menu__adress{ padding-top: 2vh; padding-bottom: 2vh; } #module_footer_1403 .menu__bg { z-index: 3; background-color: #004d4a; width: 100%; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_footer_1403 .nav__tab { z-index: 10; justify-content: space-between; align-self: stretch; align-items: stretch; width: 100%; display: flex; } #module_footer_1403 .menu_main { flex-direction: column; justify-content: flex-start; align-self: stretch; align-items: center; width: 50%; padding-top: 23vh; padding-bottom: 10vh; padding-left: 12vw; display: flex; } #module_footer_1403 .menu__link-block3 { color: #c2ddd3; letter-spacing: 0; background-color: transparent; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; height: 82px; font-size: 24px; font-weight: 500; display: flex; cursor:pointer; transition: 0.5s; } #module_footer_1403 .menu__link-block3:hover{ color:#fff; font-weight:600; font-size: 25px; } #module_footer_1403 .menu__link-block3.w--current { color: #fff; background-color: transparent; } #module_footer_1403 .menu_sub { flex-direction: column; justify-content: flex-start; align-items: center; width: 50%; padding-top: 23vh; padding-right: 3em; display: flex; } #module_footer_1403 .w-dyn-item .m__c-link-text{ color:#fff; font-size: 16px; font-weight: 600; height:47px; display: flex; align-items: center; } #module_footer_1403 .header_sub_menus_txt{ font-size: 18px; font-weight: 700; } #module_footer_1403 .tab__pane3 { width: 100%; padding-left: 5em; } #module_footer_1403 .menu__col3--bg { z-index: 1; background-color: #112e2e; width: 100%; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_footer_1403 .menu__socials { z-index: 1; justify-content: center align-items: center; display: flex; flex-wrap:wrap; } #module_footer_1403 .menu__social { z-index: 10; opacity: .7; color: #fff;; letter-spacing: .05em; text-transform: uppercase; flex-direction: column; justify-content: center; align-self: stretch; align-items: center; padding: 15px 8px; font-weight: 500; display: flex; position: relative; max-width:100%; } #module_footer_1403 .icon-social { width: 23px; min-width: 23px; } #module_footer_1403 .w--current{ } #module_footer_1403 .w-tab-pane { display: none; position: relative; } #module_footer_1403 .w--tab-active { display: block; } #module_footer_1403 .menu__plus{ width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; cursor:pointer; } #module_footer_1403 .menu__plus--fill{ z-index: 3; border: 1px solid rgba(120,141,133,.45); border-radius: 50%; width: 40px; height: 40px; transform: rotate(0deg); margin:0px 10px 10px 10px; transition:0.5s; position:absolute; display: inline-flex; justify-content: center; align-items: center; cursor:pointer; } #module_footer_1403 svg.arrow-left{ display:block; } #module_footer_1403 svg.arrow-line{ display:none; } #module_footer_1403 .header_sub_menus{ display: flex; justify-content: flex-start; align-items: center; cursor:pointer; } #module_footer_1403 .header_sub_menus:hover .menu__plus .menu__plus--fill{ z-index: 14; background-color: #6c7c7b; border-radius: 50%; border: unset; width: 50px; height: 50px; } #module_footer_1403 .header_sub_menus:hover svg.arrow-left{ display:none; } #module_footer_1403 .header_sub_menus:hover svg.arrow-line{ display:block; } #module_footer_1403 .w--tab-active .header_sub_menus{ color:#fff; } #module_footer_1403 .menu__column.is--3:hover { width: 40%; } #module_footer_1403 .menu__bg--blend { z-index: 4; opacity: .87; background-color: #0d2727; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_footer_1403 .menu__bg--reveal { z-index: 6; background-color: #788d85; display: none; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_footer_1403 .footer__col3--inner { color: #fff; z-index: 20; opacity: .8; text-align: center; flex-direction: column; flex: 1; justify-content: flex-start; align-items: center; line-height: 1.6; display: flex; position: relative; } #module_footer_1403 .menu__logo { z-index: 100; object-fit: contain; object-position: 50% 50%; width: 100px; height:70px; max-width: none; } #module_footer_1403 .f-cont__title { margin-bottom: .4em; font-size: 24px; font-weight: 400; line-height: 1.3; } #module_footer_1403 .f-cont_sub_title{ font-size: 16px; font-weight: 400; } #module_footer_1403 .f-cont { flex-direction: column; justify-content: center; align-items: center; margin-top: 3vh; margin-bottom: 3vh; display: flex } #module_footer_1403 .acc__contact-link { white-space: nowrap; padding-top: .2em; padding-bottom: .2em; font-size: 16px; position: relative; overflow: hidden; max-width: 100%; display: inline-block; } #module_footer_1403 .acc__contact-link.in--footer { opacity: .8; color: #fff; padding-top: .3em; padding-bottom: .3em; font-size: 16px; } #module_footer_1403 .acc__contact-link:hover{ opacity:1; transition:0.5s; } #module_footer_1403 .acc__cl__line { background-color: #fff; width: 0; height: 1px; position: absolute; bottom: 0; transition: width 0.3s ease; } #module_footer_1403 .acc__contact-link:hover .acc__cl__line{ width: 100%; } #module_footer_1403 .menu__bg--img { z-index: 2; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } #module_footer_1403 .div-block-134-1 { width: 66.6667%; } #module_footer_1403 .div-block-134-2 { width: 33.3333%; } #body_popup_1,#body_popup_2{ position:fixed; display:flex; text-align:center; top:0; bottom:0; right:0; left:0; z-index:99999; visibility:hidden; opacity: 0; background:rgba(0,0,0,0.5); } #body_popup_1.open-popup,#body_popup_2.open-popup{ visibility:visible; opacity: 1; } #body_popup_1 > div,#body_popup_2 > div{ display:block; background:#fff; padding:10px; margin:auto; transform:translateY(-150px); -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; text-align:center; border-radius:10px; position:relative; z-index:999999; } #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{ transform:translateY(0); } #body_popup_1 .icon-close-popup{ position:absolute; font-size:30px; height:30px; width:30px; border-radius:50%; color:red; top:-10px; right:-10px; background-color:transparent; z-index:9999; } #body_popup_1 .icon-close-popup i{ position:absolute; top:0; right:0; } #body_popup_1 .container-html{ height:100%; overflow:auto; max-height:90vh; } #body_popup_1 .container-html::-webkit-scrollbar{ width:5px; height:100%; } #body_popup_1 .container-html::-webkit-scrollbar-track{ background-color:transparent; } #body_popup_1 .container-html::-webkit-scrollbar-thumb{ background-color:#777; border-radius:20%; } #body_popup_1 .icon-close-popup{ color:#fff; top:0; right:0; } #module_waiting_box{ position:fixed; background:rgba(256,256,256,0.8); width:100%; height:100%; -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s; top:0; right:0; opacity:0; z-index:9999999999999; visibility:hidden; } #module_waiting_box.show-waiting{ visibility:visible; opacity:1; } #module_waiting_box .spinner { margin: 100px auto 0; width: 70px; text-align: center; } #module_waiting_box .spinner > div { width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } #module_waiting_box .spinner .bounce1 { -webkit-animation-delay: -0.35s; animation-delay: -0.35s; } #module_waiting_box .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 95%, 100% { -webkit-transform: scale(0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 95%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.0); transform: scale(1.0); } } body{direction: ltr;text-align: left;}