/*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /* 01 - SWIPER CSS */ /* 02 - HELP CLASSES */ /* 03 - INPUT FIELDS */ /* 04 - SUMOSELECT */ /* 05 - ALL CONTENT */ /* 06 - SOCIAL NETWORKS */ /* 07 - FOOTER */ /* 08 - SLIDER */ /* 09 - POPUP */ /* 10 - CHECKOUT */ /* 11 - IE AND MAC FIX */ /*--------------------------------------------------------------------------------------------------------------*/ /* 01 - SWIPER CSS */ /*--------------------------------------------------------------------------------------------------------------*/ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1;}.swiper-container-no-flexbox .swiper-slide { float: left;}.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}.swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-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: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto;}.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height;} .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;} .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y;}.swiper-wp8-vertical { -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; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; 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-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-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-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-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-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-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10;}.swiper-pagination.swiper-pagination-hidden { opacity: 0;} .swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%;} .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; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none;}.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer;}.swiper-pagination-white .swiper-pagination-bullet { background: #fff;}.swiper-pagination-bullet-active { opacity: 1; background: #007aff;}.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff;}.swiper-pagination-black .swiper-pagination-bullet-active { background: #000;}.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0);}.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block;}.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px;} .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute;}.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top;}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top;}.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0;}.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0;}.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5);}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff;}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000;} .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-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; -moz-transform-style: preserve-3d; -ms-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, left top, right 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: -moz-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, right top, left 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: -moz-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 top, left bottom, 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: -moz-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 bottom, left top, 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: -moz-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)); } .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px;} .swiper-container-cube,.swiper-container-flip { overflow: visible;}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1;}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none;}.swiper-container-cube .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto;}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%;}.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0;}.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-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-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-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; -moz-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-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-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%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-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%; -webkit-background-size: 100%; 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); }}@keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); }} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - HELP CLASSES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .opacity:before, .opacity.color-2:before, .opacity.color-3:before{content: ""; position: absolute; top: 0; left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.3);} .opacity.color-2:before{background: rgba(0, 75, 74, 0.5);} .opacity.color-3:before{background: rgba(0,0,0,0.5);} .opacity.to-right-fade:before{background: transparent;background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), transparent);background-repeat:no-repeat;} .full-width {position:relative; width:100%;} .full-height {height: 100vmin; min-height: 550px; position: relative; width: 100%;} .container-no-padd {padding-left: 0; padding-right: 0;} .row-0{margin-left: 0;margin-right: 0;} .row-0 > div[class^="col-"]{padding-left: 0;padding-right: 0;} .flex-align {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; align-items: center;} .fr {position: relative; float: right;} .fl {position: relative; float: left;} .text-center {text-align: center!important;} .text-left {text-align: left;} .text-right {text-align: right;} .resp-img {display: block; max-width: 100%; height: auto; position: relative;} .full-img {width: 100%; height: auto; display: block; position: relative;} .hover-zoom{overflow: hidden;backface-visibility: hidden;} .hover-zoom img,.hover-zoom .bg{-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .bg{background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; position:absolute; left: 0; top: 0; width: 100%; height: 100%;} .bg.fade-banner{z-index: 0;height: 100%;width: 80%;left: auto;right: 0;} .bg-fix{background-position: 100% 10%;background-attachment: fixed;} .bg.auto-size{background-size: auto;} .bg.contain{background-size: contain;} .overflow{overflow: hidden;} .hidden{display: none;} .separator{display: block;width: 100%; height: 1px; background: #ebebeb;} .col-20{position: relative;float: left;width: 20%;padding: 0 15px;} b, .bold{font-weight: 700;} .regular{font-weight: 400;} .light{font-weight: 300;} .upper{text-transform: uppercase;} .column-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 15px;-moz-column-gap: 15px;column-gap: 15px;} .section-space{height: 100px;} /*backface toggle menu mobile*/ html.overflow-hidden, html.overflow-menu, html.overflow-menu body{overflow: hidden;} html.overflow-menu body:before{content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;max-height: 100vh;display: block;} /*body selection*/ body *::selection {color: #fff; background: #B82825} body::-moz-selection{color: #fff; background: #B82825} /*scrollbar*/ /* ::-webkit-scrollbar {width: 6px;height: 6px;} ::-webkit-scrollbar-track {background: #b5b5b5;} ::-webkit-scrollbar-thumb {background: #B82825} */ html:not(.mobile)::-webkit-scrollbar, html:not(.mobile) *::-webkit-scrollbar { width: 6px; height: 6px; } html:not(.mobile)::-webkit-scrollbar-track, html:not(.mobile) *::-webkit-scrollbar-track {background: #b5b5b5;} html:not(.mobile)::-webkit-scrollbar-thumb, html:not(.mobile) *::-webkit-scrollbar-thumb {background: #B82825} /*media*/ @media(min-width: 1200px) and (max-width: 1500px){ .col-my-100{width: 100%;} .col-my-90{width: 90%;} .col-my-80{width: 80%;} .col-my-70{width: 70%;} .col-my-60{width: 60%;} .col-my-55{width: 55%;} .col-my-50{width: 50%;} .col-my-45{width: 45%;} .col-my-40{width: 40%;} .col-my-35{width: 35%;} .col-my-30{width: 30%;} .col-my-offset-0{margin-left: 0;} .col-my-offset-10{margin-left: 10%;} .col-my-offset-8{margin-left: 8.3333%;} .col-my-offset-15{margin-left: 15%;} .col-my-offset-20{margin-left: 20%;} .col-my-offset-33{margin-left: 33.3333%;} .col-my-offset-30{margin-left: 30%;} } @media(min-width: 1200px){.hover-zoom:hover img,.hover-zoom:hover .bg{transform: scale(1.06); -webkit-transform: scale(1.06);}} @media(max-width: 1199px){ .bg-fix{background-attachment: scroll;} .bg.fade-banner{width: 100%;} .md-hide{display: none!important;} .col-20{width: 33.3333%;} .flex-align.md-flex-block{display: block;} } @media(max-width: 991px){ .sm-hide{display: none!important;} .full-height{height: auto;min-height: auto;} .flex-align.sm-flex-block{display: block;} .section-space{height: 80px;} } @media(max-width: 767px){ .xs-hide{display: none!important;} .flex-align.xs-flex-block{display: block;} .fl,.fr{float: none;} .mob-hide{display: none;} .mob-visible{display: block;} .col-20{width: 100%;} .mob-not-padd{padding: 0;} .xs-text-center{text-align: center;} .section-space{height: 60px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - INPUT FIELDS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .input-field-wrapp{position:relative;font-size:0;line-height:0;margin-bottom:20px} .input-field-wrapp .label-input{color:#000;font-size:15px;line-height:1em;margin-bottom:5px} .input-field-wrapp .input-paceholder{color:#767978;font-weight:300;font-size:15px;line-height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:15px;top:15px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1} .input-field{position:relative;width:100%;height:50px;line-height:44px;font-size:15px;color:#000;border:2px solid transparent;border-radius:5px;background:#ECF3F2;padding:0 15px;text-overflow:ellipsis;font-weight:400;z-index:2} .input-field:focus{border-color:#274270} .input-field:invalid, .input-field-wrapp .input-field.fail{outline:none;box-shadow:none} .input-field-wrapp .input-field.fail{border-color:#B82825} .input-field.disabled{background:#FFF;pointer-events:none} .input-field-wrapp textarea.input-field{resize:none;height:124px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;line-height:25px;padding:10px 15px 10px 15px} .input-field input[type="file"]{display:none} .input-field:not(textarea):-webkit-autofill, .input-field:not(textarea):-webkit-autofill:hover, .input-field:not(textarea):-webkit-autofill:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {-webkit-text-fill-color:#000;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s; -webkit-box-shadow: 0 0 0 1000px #ECF3F2 inset;} /*checkbox radio*/ .radiobox-wrapper{position:relative} .radiobox-wrapper .radiobox-item{margin-bottom:15px;display:block} .radiobox-wrapper .radiobox-item:last-child{margin-bottom:0} .checkbox-entry{position:relative;display:inline-block;cursor:pointer;font-size:0;z-index:1} .checkbox-entry input{display:none} .checkbox-entry span{position:relative;font-size:15px;min-height:20px;line-height:20px;padding-left:30px;display:inline-block;color:#000;font-weight:400;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .checkbox-entry span:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;box-sizing:border-box;border:1px solid #C1C2C4;background:#FFF;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .checkbox-entry span:after{content:"";position:absolute;left:4px;top:4px;width:12px;height:12px;border-radius:50%;background:#B82825;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);opacity: 0} .checkbox-entry input:checked + span:before{border-color:#DFE0E1} .checkbox-entry input:checked + span:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)} /*type checkbox*/ .checkbox-wrapper{position:relative;margin-top:15px} .checkbox-wrapper .checkbox-item{margin-right:30px;display:inline-block} .checkbox-wrapper .checkbox-item:last-child{margin-right:0} .checkbox-entry.checkbox span:before{border-radius:4px} .checkbox-entry.checkbox span:after{content:"";position:absolute;left:5px;top:1px;margin-top:4px;border-radius:0;background:none;width:8px;height:4px;border-left:3px solid #4C4C4C;border-bottom:3px solid #4C4C4C;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;opacity:0} .checkbox-entry.checkbox input:checked + span:before{border-color:#C1C2C4} .checkbox-entry.checkbox input:checked + span:after{opacity:1;-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04 - SUMOSELECT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .sumoselect-wrapp{position:relative;font-size:15px;line-height:10px;text-transform:inherit;display:block;min-width:200px;outline:none} .sumoselect-wrapp .SumoSelect{max-width:100%;width:100%;text-align:left;outline:none} .SelectBox,.SumoSelect > .CaptionCont > span,.SumoSelect > .CaptionCont > label{cursor:pointer;color:#2F2F2F;font-size:15px} .SumoSelect > .CaptionCont{position:relative;-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:15px;color:#000;padding:0 55px 0 15px;border-radius:0;outline:none;background:#ECF3F2;border:2px solid transparent;border-radius:5px;font-weight:400} .SelectBox{padding:0;padding-right:35px} .SumoSelect > .CaptionCont > span{padding-right:0;padding:0;font-size:15px;line-height:46px;color:#000} .SumoSelect > .CaptionCont > label > i{right:0} .SumoSelect.open > .optWrapper{top:100%;margin-top:-2px;border-color:transparent;border-radius:5px} .sumoselect-wrapp .SumoSelect.open .CaptionCont{border-bottom-left-radius:0;border-bottom-right-radius:0} .sumoselect-wrapp .SumoSelect.open > .optWrapper {border:2px solid #274270;box-shadow:none;z-index:99} .sumoselect-wrapp .SumoSelect > .optWrapper > .options{border-radius:0;max-height:200px;background:#fff;padding:0;list-style:none} .SumoSelect > .optWrapper > .options li.opt{padding:0 15px;font-size:15px;line-height:46px;margin:0;color:#000;font-weight:400;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-bottom:none} .SumoSelect > .optWrapper > .options > li.opt:first-child{border-radius:0} .SumoSelect > .optWrapper > .options li.opt:before{content:none} .SumoSelect > .CaptionCont > span.placeholder{color:#000;font-style:normal} .SumoSelect > .optWrapper > .options li.opt.disabled{display:none} .sumoselect-wrapp .SumoSelect > .CaptionCont > label{width:20px;right:15px} .sumoselect-wrapp .SumoSelect > .CaptionCont > label > i{background-image:none;opacity:1;width:20px;height:20px} .sumoselect-wrapp .SumoSelect > .CaptionCont > label > i:before{content:"";position:absolute;top:50%;right:6px;width:0;margin-top:-5px;height:7px;width:7px;border-left:1px solid #2F2F2F;border-bottom:1px solid #2F2F2F;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .sumoselect-wrapp .SumoSelect.open .CaptionCont > label > i:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-top:-1px} .sumoselect-wrapp.not-selected{pointer-events:none;opacity:0.6} .SumoSelect > .optWrapper > .options li.opt.selected{background:#ECF3F2} /*media*/ @media(min-width: 1200px){ .SumoSelect:focus > .CaptionCont{box-shadow:none;border-color:#274270} .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont{box-shadow:none;border-color:#274270} .SumoSelect > .optWrapper > .options li.opt:hover{background: #ECF3F2} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05 - ALL CONTENT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*main banner*/ .content-hidden{overflow: hidden;} .section, .main-banner{position: relative;} .banner-align-home{min-height:660px!important;} .banner-align.size-2{height: 500px;padding: 90px 0 30px;} .banner-align.size-3{height: 430px;padding: 90px 0 30px;} .banner-info{position: relative;max-width: 680px;} .banner-info .title{margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .banner-info .sub-title{margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .banner-info .search-restaurant{position: relative;margin-top: 20px;} .banner-info .search-restaurant .input-field{padding-right: 210px;} .banner-info .search-restaurant .button{position: absolute;top: 0;right: 0;z-index: 3;} /*top-button*/ .top-button{position: fixed;right: 0;bottom: 90px;width: 40px;height: 40px;background: #303133;border-radius: 2px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;font-size: 0;z-index: 20;-webkit-transform: translateX(100%);transform: translateX(100%);} .top-button:before{content: "";content: "";position: absolute;top: 50%;right: 15px;margin-top: -3px;height: 8px;width: 8px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;transform: rotate(135deg);-webkit-transform: rotate(135deg);} .top-button.show{-webkit-transform: translateX(0);transform: translateX(0);right: 20px;} /*auto-complete-section*/ .auto-complete-section{position: relative;background: #fff;border-bottom: 1px solid #eaeaea;padding: 20px 0;} .auto-complete-section .row > div[class^="col-"]{padding: 0;} .auto-complete-section .title{display: inline-block;} .auto-complete-section .auto-complete .title span{color: #303133;text-transform: uppercase;} .auto-complete-section .auto-complete .typed-wrapper{padding-left: 5px;} .typed-cursor{color: #303133;font-weight: 700;opacity: 1;-webkit-animation: blink 1s infinite;animation: blink 1s infinite;} @keyframes blink{0%,100%{opacity:1}50%{opacity:0}} @-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:0}} /*tabs-section*/ .tabs-section{position:relative;padding:140px 0} .tabs-section .tabs-title .title{margin-bottom: 40px;} .tabs-section .tabs-title .simple-text{margin-bottom: 20px;} .tab-wrapper{position: relative;} .tab-wrapper .tab-nav-wrapper{position: relative;padding-top: 30px;} .tab-wrapper .tab-nav-wrapper:before{content: "";position: absolute;top: 0;right: 0;width: 2px;height: 100%;background: #eaeaea;} .tab-wrapper .tab-info{display: none;} .tab-wrapper .tab-info.active{display: block;} .tab-wrapper .nav-tab{text-align: center;font-size:0;} .tab-wrapper .nav-tab-item{position: relative;display: block;cursor: pointer;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;text-align: left;} .tab-wrapper .nav-tab-item .nav-tab-item-caption{position: relative;font-size: 12px;line-height: 20px;color: #303133;font-weight: 600;display: block;padding: 8px 0;letter-spacing: 1.4px; text-transform: uppercase;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .tab-wrapper .nav-tab-item .nav-tab-item-caption.color-2{color:#fff;} .tab-wrapper .nav-tab-item .nav-tab-item-caption:before{content: "";position: absolute;top: 0;right: 0;height: 100%;width: 2px;background: transparent;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;z-index: 1;} .tab-wrapper .nav-tab-item.active .nav-tab-item-caption{color: #ee0000;} .tab-wrapper .nav-tab-item.active .nav-tab-item-caption:before{background: #ee0000;} .tab-wrapper .tabs-content{position: relative;min-height: 310px;} .thumbs-item{position: relative;padding-bottom: 65%;background: #000;display: block;margin-top: 30px;box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.15);} .thumbs-item:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height:100%;background: transparent;background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 50%);z-index: 1;} .thumbs-item .bg{-webkit-transition: all 0.5s cubic-bezier(.35,.5,.64,.95);transition: all 0.5s cubic-bezier(.35,.5,.64,.95);backface-visibility: hidden;} .thumbs-item .thumbs-name{position: absolute;bottom: 0;padding: 15px;font-size: 14px;color: #fff;font-weight: 600;letter-spacing: 0.5px;text-align: center;width: 100%;z-index: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;} .thumbs-item .thumbs-name.color-2{color: #303133;} /*steps-block*/ .steps-section{position: relative;padding: 200px 0;overflow: hidden;} .steps-section > .bg{background-position: top center;-webkit-animation: zoom 20s linear infinite;animation: zoom 20s linear infinite;} @keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.12);transform:scale(1.12)}100%{-webkit-transform:scale(1);transform:scale(1)}} @-webkit-keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.12);transform:scale(1.12)}100%{-webkit-transform:scale(1);transform:scale(1)}} .steps-block{position: relative;padding: 80px 15px; background: rgba(0,0,0,0.8);} .step-item{position: relative;text-align: center;max-width: 270px;margin: 0 auto;margin-top: 70px;padding-top: 30px} .step-item.arrow-item{margin-top: 110px;} .step-item.arrow-item .arrow{position: absolute;top: -45px;width: 100%;} .step-item.arrow-item .arrow img{position: absolute;top: 0;left: -130px;} .step-item.arrow-item .arrow img:last-child{left: auto;right:-130px;} .step-item .step-icon{position: relative;display: inline-block;width: 72px;height: 72px;border-radius: 50%;background: #ee0000;margin-bottom: 25px;} .step-item .step-icon img{width: 60px;height: auto;margin-top: 6px;} .step-item .title{margin-bottom: 20px;font-weight: 600;} /*question-section*/ .question-section{background-color: #004b4a;} .question-section .bg:first-child{z-index: 1;} .question-block{position: relative;display: block;padding: 140px 0;} .question-address{position: relative;z-index: 2;} .question-address .title{margin-bottom: 15px;} .question-address .address{margin-top: 40px;} .question-address .address .simple-text a{color: #fff;} /*media-section*/ .media-section{position: relative;padding: 50px 0 60px;background:#f7f7f7;} .media-section .media-top .title{font-weight: 600;} .media-section .media-logo{display: inline-block;width: 200px;height: auto;} .media-section .media-logo img{width: 100%;height: auto;} .media-section .media-content{position: relative;} .media-section .media-content img{width: 100%;height: auto;} /*colour-section*/ .colour-section{position:relative;background:#F5C344;height:10px} /*filter-block*/ .filter-block .filter-item{margin-top:25px} .filter-block .filter-item:first-child{margin-top:0} .filter-block .filter-item.filterGroup{padding:0 20px} .filter-item.culinary-art{margin-top:15px} .filter-item.culinary-art .title{display:none} .filter-item .title{display:block;padding-bottom:20px;border-bottom:1px solid #D7D7D7} .is_stuck .filter-item .title {padding-bottom: 25px;} .filter-item .search-input .input-field{padding-right:50px;border-radius:60px} .filter-item .search-input .search-icon{cursor: pointer;position:absolute;z-index:2;right:15px;top:50%;transform:translateY(-50%);width:30px;height:30px;text-align:center} .filter-item .search-input .search-icon svg{position:relative;display:inline-block;width:100%;height:100%;fill:#111;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .filter-item > .checkbox-group, .filter-item .select-box{display:block;margin-top:20px} .filter-item .checkbox-group + .checkbox-group {margin-top:15px} .filter-item .checkbox-group .checkbox-title{display:none;color:#000;font-size:15px;line-height:1.2em;font-weight:600;margin-bottom:10px} .filter-item .checkbox-group .checkbox-entry{display:block;margin-bottom:10px} .filter-item .checkbox-group .checkbox-entry.checkbox{margin-bottom:15px} .filter-item .checkbox-group .checkbox-entry:last-child{margin-bottom:0} /*restaurant-list*/ .decor{position:absolute;z-index:-1;left:0;right:0;width:100%;height:auto} .decor img{width:100%;height:auto;max-width:100%} .restaurant-list-section{position:relative;padding:60px 0 100px 0} .restaurant-list-section .decor{bottom:180px} .restaurant-list-section .filter-block,.restaurant-list-section .restaurant-list{position:relative} .restaurant-list .restaurant-item{position: relative;overflow: hidden;display:block;background:#fff;font-size:0;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);border-radius:15px} .restaurant-list .restaurant-list-category-item:last-child .restaurant-item:last-child{margin-bottom:0} .restaurant-list-category-item.remove-category{display:none} .restaurant-item-stick{display:none;position:absolute;top:30px;left:-30px;text-align:center;color:#fff;font-size:15px;text-transform:uppercase;font-weight:600;background:#B82825;padding:3px 10px;min-width:150px;max-width:150px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .restaurant-item.stick-visible .restaurant-item-stick{display:inline-block} .restaurant-item .restaurant-info{position:relative;display:inline-block;vertical-align:middle;width:100%;height:100%;font-size:0} .restaurant-item .restaurant-info > *{display:inline-block;vertical-align:middle} .restaurant-item .restaurant-info > .restaurant-logo{position:relative;width:100%;border-radius:15px 15px 0 0;padding-bottom:48%} .restaurant-item .restaurant-info > .restaurant-logo img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:auto;object-fit:contain;border-radius:15px 15px 0 0; padding: 20px 20px 0 20px } .restaurant-logo .action-block{position:absolute;z-index:2;top:0;right:20px;min-width:85px;min-height:45px;max-width:55%;display:inline-block;vertical-align:middle;background:#F5C344;border-radius:0 0 10px 10px;font-size:20px;line-height:1.2em;letter-spacing:0.05em;font-weight:600;color:#FFF;text-transform:uppercase;padding:10px} .restaurant-logo .action-block .action-text{display:inline-block} .restaurant-logo .action-block .action-text span{font-size:14px;line-height:1.2em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} .restaurant-logo .action-block .action-text p{font-size:12px;line-height:1.2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} .restaurant-logo .action-block .action-percent{font-weight:700} .restaurant-item .restaurant-info > .restaurant-detail-info{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px 20px;width:100%;padding:15px 20px} .restaurant-detail-info .detail-info-item{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px} .restaurant-detail-info .detail-info-item .icon-block{position:relative;width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0;line-height:0} .restaurant-detail-info .detail-info-item .icon-block img{width:100%;height:100%;display:inline-block} .restaurant-detail-info .detail-info-item .text-block{display:table-cell;vertical-align:middle;font-size:12px;line-height:20px;font-weight:400;color:#000} .restaurant-item .restaurant-info > .restaurant-action{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;padding:0 20px 20px 20px} .restaurant-action .restaurant-name{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;display:block;font-size:15px;line-height:1.2em;font-weight:700;color:#000} .restaurant-action .restaurant-categoty{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;display:inline-block;font-size:12px;line-height:1.4em;font-weight:400;color:#767978} .restaurant-item .restaurant-rating{position:relative;display:inline-block;vertical-align:middle;font-size:0;text-align:left} .restaurant-rating .average-rating{display: inline-block;vertical-align:middle;font-size:15px;line-height:1.2em; font-weight:700;color: #F5C344;margin-left:5px;} .restaurant-rating .review-rating{display:inline-block;vertical-align:middle;min-width:76px;border:1px solid #F5C344;border-radius:100px;text-align:center;padding:5px 10px} .restaurant-item .review-rating .comment-stars{min-width:auto} .restaurant-closed-info-overlay{position:absolute;z-index:20;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#B82825;border-radius:15px;max-width:50%;font-size:15px;line-height:1.2em;font-weight:600;color:#fff;text-transform:uppercase;text-align:center;padding:10px 15px} #productContainer.flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important} #productContainer{--bs-gutter-x:20px;--bs-gutter-y:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))} #productContainer>*{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)} #productContainer .restaurant-item{height:100%;border:1px solid transparent} .comment-stars{display:inline-block;vertical-align:middle;min-width:100px} .comment-stars.stars-selected{pointer-events:none;cursor:auto} .comment-stars .select-icon{position:relative;width:16px;height:16px;display:inline-block;-webkit-background-size:cover;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer;-webkit-transition:background .25s linear;transition:background .25s linear} .comment-stars .select-icon.icon-star{background-image:url(../img/star-icon.svg)} .comment-stars .select-icon.icon-star-empty{background-image:url(../img/star-empty-icon.svg)} /*restaurant-info-section*/ .restaurant-info-section{display:block} .restaurant-info-section .detail-info-item{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px} .restaurant-info-section .detail-info-item .icon-block{position:relative;display:inline-block;line-height:0} .restaurant-info-section .detail-info-item .icon-block img{display:inline-block;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0} .restaurant-info-section .detail-info-item .text-block{display:table-cell;vertical-align:middle;font-size:15px;line-height:24px;font-weight:400;color:#000} .restaurant-info-section .detail-info-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 20px} /*restaurant-detail-section*/ .restaurant-detail-section{position:relative;padding:0 0 100px 0;margin-top:-100px} .restaurant-detail-section .decor{top: 50%;transform: translateY(-50%);} .restaurant-detail-section .search-address{margin-bottom:25px} .restaurant-detail-section .search-address .button-item{cursor:default;pointer-events:none} .restaurant-detail-section .filter-item .search-input .input-field {padding-left:20px} /*banner-restaurant-info*/ .banner-restaurant-info{position:relative;display:block;background:#FFF;-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);border-radius:15px;padding:40px 40px 50px 40px;margin-bottom:40px} .banner-restaurant-info .restaurant-logo{width:164px;display:block} .banner-restaurant-info .restaurant-logo img{width:100%;height:auto} .banner-restaurant-info .restaurant-info .restaurant-name{display:block} .banner-restaurant-info .restaurant-info .restaurant-categoty{display:block;font-size:15px;line-height:1.2em;font-weight:400;color:#767978;margin-top:10px} .banner-restaurant-info .restaurant-info .restaurant-categoty a{display:inline-block} .banner-restaurant-info .restaurant-info .restaurant-logo img{width:auto;max-height:120px;max-width:100%} .banner-restaurant-info .restaurant-info .restaurant-rating{display:table} .banner-restaurant-info .restaurant-info .restaurant-rating >*{display:inline-table;vertical-align:middle} .banner-restaurant-info .restaurant-info .restaurant-rating .average-rating{display:inline-block;margin:0;padding-left:5px;display:none} .banner-restaurant-info .restaurant-info .restaurant-rating .number-votes{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:15px;line-height:24px;font-weight:700;color:#F5C344;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;padding:0 5px;margin-left:5px} .banner-restaurant-info .restaurant-info .restaurant-rating .number-votes:not(.disabled){cursor:pointer;} .banner-restaurant-info .restaurant-info .restaurant-rating .number-votes i{width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0} .banner-restaurant-info .restaurant-info .restaurant-rating .number-votes i svg{display:inline-block;width:100%;height:100%} .banner-restaurant-info .restaurant-info .restaurant-rating .number-votes i svg path, .button-icon svg path{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .banner-restaurant-info .restaurant-info .restaurant-rating .comment-stars .select-icon{width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0} .banner-restaurant-info .restaurant-info .restaurant-rating .comment-stars .select-icon + .select-icon{margin-left:5px} .banner-restaurant-info .restaurant-info .button-icon{margin-left:auto} .banner-restaurant-info .restaurant-info-wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px 20px;margin-top:30px} /*filter-item.menu-list*/ .filter-item.menu-list + .product-ajax-loader{bottom:-29px} .filter-item.menu-list.not-select{cursor:inherit;pointer-events:none} .filter-item.menu-list ul{max-height:620px;overflow-y:auto;margin-top:20px} .filter-item.menu-list li{display:block;margin-bottom:15px} .filter-item.menu-list li:last-child{margin-bottom:0} .filter-item.menu-list li >*{display:inline-block;font-size:15px;line-height:20px;font-weight:400;color:#000} .filter-item.menu-list a{position:relative;padding-left:30px} .filter-item.menu-list a::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;box-sizing:border-box;border:1px solid #C1C2C4;background:#FFF;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .filter-item.menu-list a::after{content:"";position:absolute;left:4px;top:4px;width:12px;height:12px;border-radius:50%;background:#B82825;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);opacity: 0} .filter-item.menu-list a.active::before{border-color:#DFE0E1} .filter-item.menu-list a.active:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)} .filter-item.menu-list li.disabled{pointer-events:none;opacity:0.5} .filter-item.menu-list li.disabled a.active:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)} /*restaurant-list-detail*/ .restaurant-list-category-item{--bs-gutter-x:20px;--bs-gutter-y:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x));margin-bottom: 35px;} .restaurant-list-category-item>*:not(.restaurant-product-category){-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)} .restaurant-product-category{width:100%;font-size:25px;line-height:1.2em;font-weight:700;color:#000;margin:0 10px} .restaurant-list-detail .restaurant-item{height:100%!important;padding:20px;display: flex;flex-direction: column;border: 1px solid #C7C7C7;box-shadow:none;} .restaurant-list-detail .restaurant-item.remove-product{display: none;} .restaurant-list-detail .restaurant-item .ingredients{display: block;margin-top: 10px;margin-bottom: 15px;} .restaurant-list-detail .restaurant-item .more-content{display: block;} .restaurant-list-detail .more-content .product-options, .more-content .cost-info-block .cost-block .cost-amount, .more-content .cost-info-block .cost-block > .button, .more-content .cost-info-block .cost-block .cost-block-title {display:none} .restaurant-detail-section .restaurant-list-detail .restaurant-item .more-content {margin-top:auto} .restaurant-list-detail .more-content .cost-info-block {padding-top: 0;display: flex;align-items: center;justify-content: space-between;gap: 10px;} .restaurant-list-detail .more-content .cost-info-block:after {content:none} /* .restaurant-list-detail .restaurant-item .simple-text {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: left;} */ .restaurant-list-detail .restaurant-item .simple-text > * {margin-bottom:0} .more-ntent .cost-info-block{display: block;padding-top: 20px;border-top: 1px dashed #ccc;} .more-content .product-options .button-options{position: relative;display: inline-block;color: #303133;font-size: 22px;font-weight: 600;line-height: 38px;padding-left: 25px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 1;cursor: pointer;} .more-content .product-options .button-options:before{content: "";content: "";position: absolute;top: 50%;left: 2px;margin-top: -5px;height: 8px;width: 8px;border-left: 2px solid #303133;border-bottom: 2px solid #303133;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .more-content .button-options.hide-more-content,.more-content.open-more-content .button-options, .more-content .filter-item{display: none;} .more-content.open-more-content .button-options.hide-more-content{display: inline-block;} .more-content.open-more-content .button-options.hide-more-content:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);margin-top: -2px;} .cost-info-block > *{display: inline-block;} .cost-info-block .cost-block{float: right;min-width:75%;} .cost-info-block .cost-block .cost-amount, .more-content .cost-block .cost-sum{display: inline-block;vertical-align: middle;} .cost-info-block .cost-block .cost-amount{margin-right: 50px;} .cost-info-block .cost-block .cost-block-title{display: inline-block;color: #303133;font-size: 22px;font-weight: 600;line-height: 22px;padding-right: 5px;vertical-align: middle;} .cost-info-block .cost-block .cost-sum .cost-total{display:inline-block;font-size: 28px;line-height:1.2em;font-weight: 700;color:#000;vertical-align: middle;} .cost-info-block .cost-block .cost-sum .cost-total i{padding-left: 5px;} /*input type number*/ .custom-input-number{position:relative;display:inline-block;vertical-align:middle;min-width:94px} .custom-input-number .input-field{line-height:32px;padding:0;font-size:20px;font-weight:700;color:#000;text-align:center;height:32px;max-width:31px;border:2px solid transparent;background:transparent;border-radius:0;margin:0 10px} .custom-input-number .increment, .custom-input-number .decrement{position:relative;z-index:2;cursor:pointer;display:inline-block;vertical-align:bottom;width:32px;height:32px;padding:0;border-radius:100%;background:rgba(184, 40, 37, 0.51);-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .custom-input-number .increment span, .custom-input-number .decrement span{position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: inline-block;width: 14px;height: 14px} .custom-input-number .increment span:before, .custom-input-number .decrement span:before, .custom-input-number .increment span:after{content:'';position:absolute;top: 50%;left: 50%;right: 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:100%;height:2px;background:#B82825;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .custom-input-number .increment span:after{width:2px;height:100%;} /*final-cost-block*/ .your-order .order-product-item{position:relative;font-size:0;display:flex;flex-wrap:wrap;justify-content: space-between;gap:25px 10px;} .your-order .order-product-item + .order-product-item{margin-top:25px} .order-product-item >*{display:inline-block;vertical-align:top} .order-product-item .order-cost-block{width:100%;text-align:right} .order-cost-block .custom-input-number .increment,.order-cost-block .custom-input-number .decrement{width:28px;height:28px} .order-cost-block .custom-input-number .input-field{line-height: 28px;height: 28px;font-size: 15px;margin: 0 5px;width:0} /*order-description*/ .order-product-item .order-description{display:inline-flex;gap:10px;flex:0 0 65%} .order-product-item .order-description, .order-product-item .order-product-price {font-size: 15px;line-height: 1.2em;font-weight: 400;color: #000} .order-product-item .order-product_qty{font-weight:700} .order-product-item .order-description .title{font-weight:400} .order-product-item .order-description .order-list-ingredients{margin-top:5px} .order-product-item .order-product-price{text-align:right;flex:0 0 30%} .order-product-item .order-product-price i{padding-left:3px} .order-description .order-list-ingredients ul li{font-size:15px;line-height:1.2em;font-weight:400;color:#000} .order-description .order-list-ingredients ul li i{padding:0 3px} /*your-order*/ .your-order{position:relative;z-index:1;padding: 50px 15px 25px 15px;background: #FFF;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);border-radius: 15px;min-height: 370px;} .your-order .cart-empty-img {width: 50px;height: 50px;flex-shrink: 0;margin: 0 auto 50px auto} .order-product-items{max-height:620px;overflow-y:auto;margin-top:55px;padding:0 10px} .final-cost-block .order-bottom-info .simple-text{margin-top: 20px} .final-cost-block .order-bottom-info .woocommerce-mini-cart__empty-message{font-size:15px;line-height:1.2em;font-weight:700;color:#000} .your-order .filter-item .title {padding-bottom: 0;border: none; position: initial; text-align: center} .your-order .final-cost-block{position:relative;margin-top:30px} .your-order .final-cost-block ul{padding:25px 10px} .your-order .final-cost-block ul li{display:block;position:relative;font-size:15px;line-height:1.4em;font-weight:400;color:#000;padding-right:100px; margin-bottom:10px} .your-order .final-cost-block ul li:last-child{margin-bottom:0} .your-order .final-cost-block ul li div{position:absolute;top:0;right:0} .your-order .final-cost-block ul li div i{padding-left:3px} .final-cost-block .order-bottom-info{text-align:center} .final-cost-block .order-bottom-info > *{font-size:12px;line-height:1.4em;font-weight:400;color:#000} .final-cost-block .order-bottom-info span{color:#B82825} .final-cost-block .button + .order-bottom-info {margin-top:20px} .pos-static{position:static} /*restaurant-list-detail type-2*/ .restaurant-list-detail.type-2 .restaurant-list-image{width:calc(30% - 20px);display:inline-block;vertical-align:top;margin-right:20px} .restaurant-list-detail.type-2 .restaurant-list-image img{width:100%;height:auto;display:inline-block;max-width:100%} .restaurant-list-detail.type-2 .restaurant-list-content{width: 75%;display: inline-block;vertical-align: top;margin-bottom: 30px;} .restaurant-list-detail.type-2 .cost-info-block .cost-block .cost-amount{margin-right: 30px;} .restaurant-list-detail.type-2 .more-content .product-options .button-options, .cost-info-block .cost-block .cost-block-title{font-size: 18px;} .restaurant-list-detail.type-2 .cost-info-block .cost-block .cost-sum .cost-total{font-size:20px} .restaurant-list-detail.type-2 .cost-info-block .cost-block{float: left;} /*restaurant-product-category */ .category-section-name-wrapp .category-section-name{position:relative;display:block;padding:15px 20px 15px 30px;background:#ECF3F2;font-size:25px;line-height: 1.2em;font-weight:700;margin-left: -30px;} .category-section-name-wrapp{position:absolute;left:0;width:100%;min-height:50px;opacity:0;visibility:hidden} .category-section-name-wrapp.hidden{display:none} .category-section-name-wrapp.fixed{position:fixed;z-index:5;top:70px;opacity:1;visibility:visible} .mobile-cart-panel{display:none} /*restaurant-menu-navigation*/ .restaurant-menu-navigation{display: block;background: #005857;margin-top: 10px;} .menu-navigation{display: block;font-size:0;} .menu-navigation ul{list-style: none;font-size: 0;} .menu-navigation ul li{display: inline-block;} .menu-navigation ul li a{display: block;font-size: 20px;line-height: 26px;padding: 14px 25px 10px;font-weight: 600;color: rgba(255,255,255,0.7);text-transform: uppercase;border-bottom: 4px solid transparent;} .menu-navigation ul li.active a{border-color: #ee0000;color: #fff;} /*restaurant-information*/ .restaurant-information .condition-delivery{margin-top: 30px;} .restaurant-information .condition-delivery:first-child{margin-top: 0;} .condition-delivery .title{margin-bottom: 10px;} .condition-delivery .separator{margin-top: 20px;} .table-wrapp{overflow-y: auto;} .table-wrapp table{width: 100%;max-width: 430px;border-collapse: collapse;border-spacing: 0;} .table-wrapp table tr td{display: table-cell;vertical-align: middle;padding: 5px 0;height: 34px;position: relative;text-align: left;color:#303133;font-size: 15px;line-height: 20px;letter-spacing: 0.3px;font-weight: 400;border-bottom: 1px solid #e7e7e7;} .table-wrapp table tbody tr td:last-child{width: 40%;text-align: right;} .condition-delivery .map-block{display: block;margin: 20px 0;} .condition-delivery .map-block img{width: 100%;height: auto;display: block;max-width: 100%;} /*restaurant-reviews*/ .restaurant-reviews .list-reviews{display: block;margin-top: 30px;} .restaurant-reviews .review-item{position: relative;display: block;padding: 15px 0;border-top: 1px solid #ebebeb;} .restaurant-reviews .review-item:last-child{border-bottom: 1px solid #ebebeb;} .review-item .review-top{display: block;font-size: 0;} .review-item .review-top >*:not(.empty-space){display: inline-block;vertical-align: top;font-size: 0;} .review-item .review-top .review-client >*{display: inline-block;vertical-align: top;font-size: 0;} .review-item .review-top .review-rating .comment-stars .select-icon{width: 16px;height: 16px;margin-right: 3px;} .review-item .review-top .review-client .average-rating{display: inline-block;font-size: 15px;line-height: 16px;color: #454545;letter-spacing: 0.35px;font-weight: 300;padding: 0 0 0 10px;} .review-item .review-top .review-date{font-size: 13px;line-height: 16px;color: #454545;letter-spacing: 0.35px;font-weight: 300;display:block;} .review-item .review-bottom{display: block!important;font-style: italic;} /*review-form*/ .review-form{position: relative;display: block;} .review-form .comment-list{position: relative;display: block;margin: 20px 0;} .review-form .comment-list .comment-wrapp{margin-bottom: 15px;font-size: 0;} .review-form .comment-list .comment-wrapp:last-child{margin-bottom: 0;} .review-form .comment-list .comment-wrapp p{display: inline-block;font-size: 18px;line-height: 22px;color: #000;font-weight:400;margin-right: 20px;} .comment-list .comment-wrapp .comment-stars .select-icon{width: 22px;height: 22px;margin-right: 3px;} /*media*/ @media (min-width: 768px) {.restaurant-list-category-item>*:not(.restaurant-product-category){width: 50%}} @media(min-width: 1200px){ .question-address .address .simple-text a:hover, .tab-wrapper .nav-tab-item .nav-tab-item-caption:hover, .restaurant-action .restaurant-name:hover, .restaurant-categoty a:hover, .filter-item.menu-list li a:hover, .more-content .product-options .button-options:hover, .banner-restaurant-info .restaurant-info .restaurant-categoty a:hover{color:#B82825} .top-button:hover:before, .more-content .product-options .button-options:hover:before{border-left:2px solid#B82825;border-bottom:2px solid #B82825} .search-input .search-icon:hover svg{fill:#B82825} .custom-input-number .increment:hover, .custom-input-number .decrement:hover{background:#B82825} .custom-input-number .increment:hover span::before, .custom-input-number .decrement:hover span::before, .custom-input-number .increment:hover span::after{background:#FFF} .menu-navigation ul li a:hover{color: #fff;} .banner-restaurant-info .restaurant-info .restaurant-rating .number-votes:not(.disabled):hover {color:#000} .banner-restaurant-info .restaurant-info .restaurant-rating .number-votes:not(.disabled):hover svg path {fill:#000} #productContainer .restaurant-item:hover{border-color:#454545} } @media(max-width: 1500px){ .banner-align{height: 460px;padding: 80px 0 30px;} .banner-align-home{min-height: 460px!important;} .tabs-section, .steps-section,.question-block{padding: 70px 0;} .more-content .product-options .button-options, .cost-info-block .cost-block .cost-block-title{font-size: 18px;line-height: 38px;} .cost-info-block .cost-block .cost-sum .cost-total{font-size: 26px;} .cost-info-block .cost-block .cost-amount{margin-right: 30px;} } @media (max-width: 1366px){ .restaurant-item .restaurant-info > .restaurant-action{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .restaurant-action .restaurant-categoty{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%} .order-product-items{margin-top:30px} } @media(max-width: 1199px){ .banner-align{height: 560px;} .banner-align-home{min-height: 560px!important;} .step-item.arrow-item .arrow img{left: -100px;} .step-item.arrow-item .arrow img:last-child{right: -100px;} .filter-block .filter-item{margin-top:20px} .filter-block .filter-item.filterGroup{padding:0} .filter-item .title{padding-bottom:15px} .filter-item .search-input .input-field{padding-right:45px} .filter-item .search-input .search-icon{width:24px;height:24px} .restaurant-list-section{padding: 40px 0;} .more-content .product-options .button-options, .cost-info-block .cost-block .cost-block-title{font-size: 14px;} .more-content .product-options .button-options{padding-left: 20px;} .cost-info-block .cost-block .cost-amount{margin-right: 10px;} .cost-info-block .cost-block .cost-sum .cost-total{font-size: 16px;} .restaurant-list-detail.type-2 .cost-info-block .cost-block .cost-sum .cost-total{font-size:18px} .your-order{padding:20px 15px;min-height:auto} .your-order .cart-empty-img{margin:0 auto 30px auto} .your-order .order-product-item{gap:15px 10px} .your-order .order-product-item + .order-product-item{margin-top:20px} .order-product-item .order-description{flex:0 0 100%} .order-product-item .order-product-price{flex:0 0 100%} .order-product-items{margin-top:30px;padding:0} .your-order .final-cost-block{margin-top:15px} .your-order .final-cost-block ul{padding:15px 0} .final-cost-block .order-bottom-info .simple-text{margin-top:15px} .final-cost-block .order-bottom-info {margin-top:30px} .final-cost-block .button + .order-bottom-info {margin-top:15px} } @media(max-width: 991px){ .banner-info{max-width: 100%;} .step-item.arrow-item{margin-top: 100px;} .question-address .address{margin-top: 30px;} .media-section .media-content{margin-top: 40px;} .restaurant-info-section .detail-info-item .icon-block img{width:20px;height:20px} .restaurant-info-section .detail-info-wrapper{width:100%;gap:10px 15px} .banner-restaurant-info{padding:20px;margin-bottom:30px} .banner-restaurant-info .restaurant-info .restaurant-rating .number-votes{line-height:20px} .banner-restaurant-info .restaurant-info .restaurant-rating .number-votes i{width:20px;height:20px} .banner-restaurant-info .restaurant-info .restaurant-rating .comment-stars .select-icon{width:18px;height:18px} .banner-restaurant-info .restaurant-info-wrapper{gap:15px;margin-top:20px} .decor{display:none} .filter-item.culinary-art > .checkbox-group{width:25%;display:inline-block;vertical-align:top} .restaurant-list-section .filter-block{margin-bottom:20px} .restaurant-list-section .restaurant-list{margin-top:20px} .restaurant-info-section .detail-info-item{margin-bottom: 10px;} .restaurant-info-section .row > div[class^="col-"]:last-child .detail-info-item{margin-bottom: 0;} .restaurant-detail-section .restaurant-list.restaurant-list-detail{margin-top: 30px;} .your-order {display:inline-block;width:100%;margin-top:20px} .your-order .order-product-item{gap:10px} .cost-info-block .cost-block .cost-amount{margin-right: 30px;} .restaurant-list-detail.type-2 .cost-info-block .cost-block{min-width: auto} .restaurant-list-detail.type-2 .more-content .product-options .button-options{font-size: 14px;} .mobile-cart-panel{display:block} .mobile-cart-wrapp .your-order{position:fixed;top:100%;left:0;width:100%;height:100%;background:#FFF;box-shadow:none;border-radius:0;padding:80px 30px 30px;visibility:hidden;opacity:0;z-index:120;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin-top:0} .mobile-cart-wrapp.open .your-order{visibility:visible;opacity:1;top:0} .mobile-cart-wrapp .mobile-cart-panel{position:fixed;left:0;bottom:0;width:100%;background:#FFF;box-shadow:0 -1px 2px 0 rgba(0,0,0,.35);padding:0 15px;height:70px;z-index:100} .mobile-cart-panel .button{position:absolute;top:10px;right:15px} .close-your-order{will-change:transform;display:inline-block;position:absolute;top:30px;left:30px;width:30px;height:30px;cursor:pointer;z-index:101} .close-your-order:before,.close-your-order:after{content:"";position:absolute;display:block;top:50%;left:0;width:100%;height:2px;background:#B82825;margin-top:8px} .close-your-order:before{margin-top:-10px;-webkit-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center} .close-your-order:after{-webkit-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);-webkit-transform-origin:center center;transform-origin:center center} .cart-items-and-value{display:inline-block;vertical-align:middle;font-size:0;margin-top:15px} .cart-items-and-value .cart-preview-icon-cart{display:inline-block;position:relative;vertical-align:middle;width:48px;height:auto} .cart-items-and-value .cart-preview-icon-cart img{width:100%;height:auto} .cart-items-and-value .cart-preview-icon-cart .cart-item-count{position:absolute;top:-6px;right:-20px;width:36px;height:36px;border:2px solid #ECF3F2;color:#000;border-radius:50%;font-size:18px;font-weight:700;line-height:30px;text-align:center;background:#FFF} .cart-items-and-value .cart-preview-order-total{display:inline-block;vertical-align:middle;padding-left:30px;font-size:22px;line-height:1em;font-weight:700;color:#000} } @media(max-width: 767px){ .banner-info .title br{display: none;} .banner-info .search-restaurant .input-field{padding-right: 0;} .banner-info .search-restaurant .button{position: relative;top: 0;right: auto;margin-top: 20px;display: block;} .auto-complete-section .row > div[class^="col-"]{padding: 0 15px;} .auto-complete-section{padding: 15px 0;} .auto-complete-section .simple-item{text-align: center;} .auto-complete-section .auto-complete{margin-top: 10px;} .tabs-section, .steps-section,.question-block{padding: 40px 0;} .tabs-section .tabs-title .title{margin-bottom: 30px;} .tab-wrapper .tab-nav-wrapper{padding-top: 0;} .tab-wrapper .tab-nav-wrapper:before, .tab-wrapper .nav-tab-item .nav-tab-item-caption:before{right: auto;left: 0;} .tab-wrapper .nav-tab-item .nav-tab-item-caption{padding-left: 15px;} .thumbs-item .thumbs-name{font-size: 18px;} .step-item, .step-item.arrow-item{max-width: 100%;margin-top: 50px;padding-top: 0;} .step-item.arrow-item .arrow{display: none;} .question-section .question-form{margin-top: 40px;} .top-button.show{right: 15px;} .restaurant-detail-section .search-address{margin-bottom:20px} .banner-restaurant-info{margin-bottom:20px} .banner-restaurant-info .restaurant-info-wrapper{margin-top:15px} .filter-item.culinary-art > .checkbox-group{width:100%;display:block} .restaurant-list-section{padding:30px 0} .restaurant-logo .action-block{right:15px;min-width:auto;min-height:auto;font-size:16px} .restaurant-item .restaurant-info > .restaurant-logo img{padding:15px 15px 0 15px} .restaurant-item .restaurant-info > .restaurant-detail-info{gap:5px 10px;padding:15px} .restaurant-detail-info .detail-info-item .icon-block{width:16px;height:16px} .restaurant-detail-info .detail-info-item .text-block{line-height:16px} .restaurant-item .restaurant-info > .restaurant-action{padding:0 15px 15px 15px} .restaurant-rating .review-rating{padding:5px} .restaurant-closed-info-overlay{padding: 10px} #productContainer {--bs-gutter-x: 15px;--bs-gutter-y: 15px} .restaurant-item-stick{font-size: 12px;} .banner-restaurant-info .restaurant-logo{margin: 0 auto;margin-bottom: 15px;} .restaurant-list-detail .restaurant-item .ingredients{margin-bottom: 10px;} .more-content .cost-info-block{padding-top: 10px;} .more-content .product-options .button-options, .cost-info-block .cost-block .cost-block-title{font-size: 18px;} .cost-info-block .cost-block .cost-amount, .more-content .cost-block .cost-sum{display:block} .cost-info-block .cost-block{float:none} .cost-info-block .cost-block .cost-amount{display: block;margin-right: 0;margin: 10px 0;} .restaurant-list-detail.type-2 .restaurant-list-image, .restaurant-list-detail.type-2 .restaurant-list-content{width: 100%;} .restaurant-list-detail.type-2 .cost-info-block .cost-block{float: none;} .restaurant-list-detail.type-2 .restaurant-list-image{margin-right: 0;margin-bottom: 20px; padding-bottom: 100%;} .restaurant-list-detail.type-2 .restaurant-list-image img{position: absolute;top: 0;width: 100%;height: 100%; object-fit: contain;} .restaurant-list-detail.type-2 .more-content .product-options .button-options{font-size: 18px;} .cost-info-block .cost-block .cost-sum .cost-total, .restaurant-list-detail.type-2 .cost-info-block .cost-block .cost-sum .cost-total{font-size: 22px;} .mobile-cart-wrapp.open .your-order{padding-left:15px;padding-right:15px} .close-your-order{left:15px} .cart-items-and-value .cart-preview-icon-cart{width:40px} .cart-items-and-value .cart-preview-icon-cart .cart-item-count{right:-12px;width:26px;height:26px;font-size:16px;line-height:20px} .cart-items-and-value .cart-preview-order-total{padding-left:15px;font-size:18px;} .mobile-cart-panel .button{padding:14px 10px} .your-order .order-product-item + .order-product-item{margin-top:15px} .order-product-items{margin-top:20px} .your-order .final-cost-block ul{padding:10px 0} .final-cost-block .order-bottom-info {margin-top:30px} .restaurant-menu-navigation{margin-top: 0;} .restaurant-menu-navigation .menu-navigation{text-align: center;} .restaurant-menu-navigation .menu-navigation ul li a{font-size: 18px;padding: 14px 12px 10px;} .restaurant-information .condition-delivery, .restaurant-reviews .list-reviews, .review-form{margin-top: 20px;} .review-form .comment-list .comment-wrapp p{margin-bottom: 7px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06 - SOCIAL NETWORKS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .social-block{position:relative;display:inline-block;vertical-align:middle} .social-block ul{font-size:0} .social-block li{position:relative;display:inline-block;font-size:0;margin-right:20px} .social-block li:last-child{margin-right:0} .social-block li a{position:relative;display:block;width:30px;height:30px;line-height:26px;border-radius:50%;text-align:center;backface-visibility:hidden;border:2px solid #FFF} .social-block li a svg{display:inline-block;width:14px;height:14px;fill:#FFF;vertical-align:middle;position:relative;z-index:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .app-wrapper >*:not(:last-child){margin-bottom:20px} .app-wrapper a{display:block;max-width:120px} .app-wrapper img{max-width:100%;width:auto;height:auto} /*media*/ @media (min-width: 1200px){.social-block li a:hover{background:#FFF}.social-block li a:hover svg{fill:#B82825}.app-wrapper a:hover{opacity:0.7}} @media (max-width: 767px){.social-block li{margin-right:15px}.app-wrapper >*:not(:last-child){margin-bottom:15px}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07 - FOOTER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ footer{position:relative;backface-visibility:hidden;overflow:hidden;background:#FFF} .footer-top,.footer-bottom{position:relative;font-size:0} .footer-top{padding:50px 0} /*footer-item*/ .footer-item{position:relative;text-align:left;max-width:315px;padding-right:30px} .footer-top .footer-column{overflow:hidden} .footer-item .footer-title{display:block;font-size:15px;line-height:1.2em;font-weight:700;color:#000;margin-bottom:15px} .footer-item .footer-link ul li{display:block;margin-bottom:10px} .footer-item .footer-link ul li:last-child{margin-bottom:0} .footer-item .footer-link ul li a{position:relative;display:inline-block;color:#000;font-size:12px;line-height:1.4em;font-weight:400} .footer-item .footer-link ul li.active a{color:#B82825} .footer-logo{position:relative;width:150px;height:auto;display:inline-block} .footer-logo img{width:100%;height:auto} .footer-top .social-block{display:block;margin-top:20px} .footer-top .footer-column .white .footer-title,.footer-top .footer-column .white ul li a{color:#FFF} /*footer-bottom*/ .footer-bottom{display:block;position:relative;padding: 0 0 25px 0} .footer-bottom .copyright{position:relative;font-size:12px;line-height:1.4em;font-weight:400;text-align:center;color:#000} .footer-bottom .copyright >* {position:relative} .footer-bottom .copyright >*:not(:last-child) {margin-right:25px} .footer-bottom .copyright >*:not(:first-child)::before{content:'';position:absolute;left:-13px;top:calc(50% + 1px);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:100%;background-color:#FFF} .footer-bottom .copyright.color-2{color:#FFF} .footer-bottom .copyright .develope{padding-right:0;position:relative} .footer-bottom .copyright .develope img{position:absolute;top:-5px;left:100%;width:20px;height:auto;margin-left: 5px} .footer-bottom .social-block{float:right} /*media*/ @media(min-width: 1200px){.footer-item .footer-link ul li a:hover,.footer-bottom .copyright a:hover,.footer-top .footer-column .white ul li a:hover{color: #B82825}} @media(max-width: 1199px){ .footer-top{padding:30px 0} .footer-bottom .copyright >*:not(:last-child) {margin-right:15px} .footer-bottom .copyright >*:not(:first-child)::before{left:-8px} } @media(max-width: 767px){ .footer-top{padding:20px 0 0 0} .footer-top .social-block{display:block;margin:15px 0} .footer-column > *[class*="col"]:nth-child(2n+1){clear:both} .footer-item{max-width:100%;padding-right:0;margin-bottom:20px} .footer-bottom{display:block;position:relative;padding:0 0 20px 0} .footer-bottom{text-align:center} .footer-bottom .social-block{float:none} .footer-bottom .footer-logo, .footer-bottom .social-block{margin-bottom:15px} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 08 - SLIDER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .custom-slider {height: 100%;} .simple-slider .swiper-slide{overflow: hidden;padding-bottom: 63%;} .simple-slider.size-2 .swiper-slide{padding-bottom: 57%;} .user-slider .swiper-slide{height: 350px;} .overflow-visible .swiper-container{overflow: visible;} .swiper-parallax .swiper-slide{overflow: hidden;backface-visibility: hidden;} .custom-slider .swiper-wrapper{height: 100%;cursor: url(../img/drag.png) 16 9,ew-resize;} .no-mouse-swipe .our-works-media-slider .custom-slider .swiper-wrapper{cursor: default;} /*full-width-slider*/ .full-width-slider{position: absolute!important;top: 0;left: 0;width: 100%;height: 100%;} .full-width-content{position: relative;z-index: 2;} .full-width-content .control-top-slider{max-width: 780px;} /*arrows*/ .arrow-wrapp{position: relative;} .arrow-wrapp .swiper-button-prev, .arrow-wrapp .swiper-button-next{position: absolute; top: 50%;margin-top: -55px;left: -125px;height: 66px;width: 66px;background:transparent;box-shadow: 0 0 0 1px #e9e9ea; -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;border-radius: 50%;} .arrow-wrapp .swiper-button-next{left: auto;right: -125px;} .arrow-wrapp .swiper-button-prev i, .arrow-wrapp .swiper-button-next i{display: inline-block;position: absolute;height: 19px;width: 11px;top: 50%;left: 50%;margin-top:-9px;margin-left:-5px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .arrow-wrapp .swiper-button-prev i:before, .arrow-wrapp .swiper-button-next i:before{content: "";position: absolute;left: 2px;top: 3px;width: 12px;height: 12px;border-left: 2px solid #878787;border-bottom: 2px solid #878787;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .arrow-wrapp .swiper-button-next i:before{left: auto;right: 2px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);} /*arrows hide*/ .arrow-wrapp.hide-arrow .swiper-button-prev, .arrow-wrapp.hide-arrow .swiper-button-next, .arrow-wrapp.hide-arrow .double-button{display: none;} /*pagination*/ .custom-slider.swiper-container .swiper-pagination{position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); bottom: 20px;font-size: 0;text-align: center;width: auto;} .custom-slider.swiper-container .swiper-pagination-bullet{position: relative;width: 6px;height:6px;opacity: 0.6;background: #fff;margin: 0;border-radius: 50%;margin-right: 15px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .custom-slider.swiper-container .swiper-pagination-bullet:last-child{margin-right: 0;} .custom-slider.swiper-container .swiper-pagination-bullet-active{opacity: 1;-webkit-transform: scale(1.34);transform: scale(1.34);} .custom-slider.swiper-container .swiper-pagination.pagination-relative{position: relative;display: inline-block; bottom: 0;text-align: center;padding: 0;margin-top: 45px;} .custom-slider.swiper-container .swiper-pagination.hidden{display: none;} /*.custom-slider.swiper-container .swiper-pagination vertical*/ .custom-slider.swiper-container .swiper-pagination.vertical{left: auto;right: -120px;transform: none;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);padding: 0 1px;} .custom-slider.swiper-container .swiper-pagination.vertical .swiper-pagination-bullet{width: 8px;display: block;margin-right: 0;margin-bottom: 40px;} .custom-slider.swiper-container .swiper-pagination.vertical .swiper-pagination-bullet:last-child{margin-bottom: 0;} /*fraction pagination*/ .custom-slider.swiper-container .swiper-pagination.swiper-pagination-fraction{min-width: 100px;max-height: 40px;padding: 0;} .custom-slider.swiper-container .swiper-pagination.swiper-pagination-fraction span{color: #202020;font-size: 24px;line-height: 34px;width: 30%;display: inline-block;text-align: center;margin-right: 10px;} .custom-slider.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total{margin: 0; margin-left: 10px;} .custom-slider.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current:after{content: "/";display: inline-block;font-size: 30px;letter-spacing: 1px;line-height: 34px;color: #202020; position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .custom-slider.swiper-container .swiper-pagination.style-2.swiper-pagination-fraction span{color: #fff;} .custom-slider.swiper-container .swiper-pagination.style-2.swiper-pagination-fraction .swiper-pagination-current:after{color: #aeadad;} /*full-slider*/ .full-slider{height: 100%;} .main-banner .play-button{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .main-banner .full-slider.arrow-wrapp .swiper-button-prev{left: 80px;margin-top: -33px} .main-banner .full-slider.arrow-wrapp .swiper-button-next{left: auto;right: 80px;margin-top: -33px;} /*media*/ @media(min-width: 1200px){ .arrow-wrapp .swiper-button-next:hover, .arrow-wrapp .swiper-button-prev:hover{box-shadow: 0 0 0 2px #d4d4d4;} .custom-slider.swiper-container .pagination-banner span:hover{color: #008237;} } @media(max-width: 1199px){ .simple-slider .swiper-button-prev, .simple-slider .swiper-button-next, .custom-slider-wrapper .swiper-button-prev, .custom-slider-wrapper .swiper-button-next{display: none;} .custom-slider.swiper-container .swiper-pagination.md-visible{display: inline-block;} } @media(max-width: 991px){.custom-slider.swiper-container .swiper-pagination.sm-visible{display: inline-block;}} @media(max-width: 767px){.custom-slider.swiper-container .swiper-pagination{bottom: 20px;}} /*hide arrows and pagination*/ .arrow-wrapp .swiper-button-prev.swiper-button-disabled, .arrow-wrapp .swiper-button-next.swiper-button-disabled{opacity: 0;pointer-events: none;cursor: auto;} .arrow-wrapp .swiper-button-prev.swiper-button-disabled + .swiper-button-next.swiper-button-disabled, .only-single-slide .swiper-button-disabled{display: none!important;opacity: 0!important;z-index: -1;} .swiper-button-disabled+.swiper-button-disabled+.swiper-container .swiper-wrapper, .only-single-slide .swiper-wrapper{transform: translate(0)!important;-webkit-transform: translate(0)!important;cursor: auto;} .arrow-wrapp .swiper-button-prev.swiper-button-disabled + .swiper-button-next.swiper-button-disabled + .custom-slider.swiper-container .swiper-pagination, .only-single-slide .swiper-pagination{display: none;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .popup-wrapper{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;left:-100%;transition-delay:0.3s;-webkit-transition-delay:0.3s} .popup-wrapper.active{left:0;transition-delay:0s;-webkit-transition-delay:0s} .popup-wrapper .bg-popup-layer{position:absolute;left:0;top:-100px;right:0;bottom:-100px;background:rgba(0,0,0,0.55);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;opacity:0} .popup-wrapper.active .bg-popup-layer{opacity:1} .popup-content{position:absolute;left:0;top:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;text-align:center;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;visibility:hidden;padding:15px;letter-spacing:0} .popup-content.active{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;visibility:visible} .popup-content:after{display:inline-block;vertical-align:middle;height:100%;content:""} .popup-content .layer-close{position:absolute;left:0;bottom:0;right:0;height:10000px} .button-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:2px solid transparent;display:inline-block;background:transparent;cursor:pointer;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .button-close:before{content:"";position: absolute;top:0;left:0;width:100%;height:100%;background:#B82825;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out} .button-close span{height:24px;width:24px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .button-close span:before,.button-close span:after{content:"";height:2px;width:100%;display:block;position:absolute;top:50%;left:50%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%)rotate(-45deg);background:#111} .button-close span:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)} .popup-container{display:inline-block;vertical-align:middle;width:100%;position:relative;z-index:1;background:#fff;border-radius:15px;max-width:1150px} .popup-container.size-2{max-width:600px} .popup-container.size-3{max-width:890px} .popup-align{overflow:hidden;padding:60px} .popup-align.type-2{padding:60px 110px} .popup-align.type-3{padding:75px 60px 65px 60px} .popup-inner .title{margin-bottom:65px} .popup-inner .title.type-2{margin:0 -18px 40px -18px} .or{--gap:36px;--size:26px;position:relative;font-size:15px;line-height:1.4em;font-weight:400;color:#767978;text-align:center;margin:30px 0} .or::before,.or::after{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(50% - var(--gap) - var(--size) / 2);height:1px;background-color:#D7D7D7} .or::after{left:auto;right:0} .or span{display:inline-block;padding:0 var(--gap);min-width:var(--size)} .popup-inner #form-login,.popup-inner #form-registration{margin-bottom:30px} .popup-inner #form-login .button,.popup-inner #form-registration .button{margin-top:40px} .popup-inner #form-login + .simple-text > *, .popup-inner #form-registration + .simple-text > *{margin-bottom:20px} .popup-inner .simple-text + form{margin-top:30px} .popup-inner .button-wrapper >*:not(:last-child){margin-bottom:15px} /*media*/ @media(min-width: 1200px){ .button-close:hover:before{-webkit-transform:scale(1);transform:scale(1)} .button-close:hover span:before,.button-close:hover span:after{background:#FFF} } @media (max-width: 1199px) {.popup-inner .title{margin-bottom:40px}} @media(max-width: 767px){ .button-close{width:30px;height:30px} .button-close span{height:20px;width:20px} .popup-align{padding:50px 15px 30px 15px} .popup-align.type-2{padding:50px 15px 30px 15px} .popup-align.type-3{padding:50px 15px 30px 15px} .popup-inner .title{margin-bottom:30px} .popup-inner .title.type-2{margin:0 0 30px 0} .or{--gap:30px;margin:20px 0} .popup-inner .simple-text + form{margin-top:20px} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 10 - CHECKOUT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .checkout-block_wrapper{position:relative;border:1px solid #C7C7C7;border-radius:15px;padding:50px 50px 80px 50px} .checkout-block{position:relative;display:block;margin:160px 0 100px;} form.checkout.woocommerce-checkout{margin-top:15px} .checkout-block .woocommerce-billing-fields__field-wrapper h3.form-row{width:100%;float:none;margin-top:20px;font-size:20px;line-height:1.2em;font-weight:700;color:#000} .checkout-block .woocommerce-billing-fields__field-wrapper .form-row{display:inline-block;float:left;margin-bottom:20px;vertical-align:top;width:48%} /* .checkout-block .woocommerce-billing-fields__field-wrapper .form-row:nth-child(n+1){margin-right: 20px;} */ .checkout-block .woocommerce-billing-fields__field-wrapper .form-row:nth-child(even){float:right} .checkout-block #billing_cutlery_quantity_field {float:left} .checkout-block .form-row.add-billing-document {float:right} .checkout-block .form-row.add-billing-document:nth-of-type(even) {float:left} .checkout-block .form-row > label{font-size: 14px;color: #000;margin-bottom: 5px;display: block;} .checkout-block .input-text{position:relative;width:100%;height:50px;line-height:44px;font-size:15px;color:#000;border:2px solid transparent;border-radius:5px;background:#ECF3F2;padding:0 15px;text-overflow:ellipsis;font-weight:400;z-index:2} .checkout-block .input-text::-webkit-input-placeholder {color:#767978!important;font-weight:400;} .checkout-block .input-text::-moz-placeholder {color:#767978!important;font-weight:400;} .checkout-block .input-text:-moz-placeholder {color:#767978!important;font-weight:400;} .checkout-block .input-text:-ms-input-placeholder {color:#767978!important;font-weight:400;} .checkout-block .input-text:focus, .checkout-block .woocommerce-billing-fields__field-wrapper .form-row.woocommerce-invalid .input-text{border-color:#274270} .checkout-block .input-text:invalid, .checkout-block .input-text.fail{outline:none;box-shadow:none} .checkout-block .input-text.fail{border-color:#B82825} .checkout-block .input-text.disabled{background:#FFF;pointer-events:none} .checkout-block textarea.input-text{resize:none;height:124px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;line-height:25px;padding:10px 15px 10px 15px} .checkout-block .payment_methods{display:block;margin-top:20px} .checkout-block .payment_methods li{margin-bottom:15px} .checkout-block .payment_methods li:last-child{margin-bottom:0} .checkout-block .payment_methods li input{display:none} .checkout-block .payment_methods li label{position:relative;display:inline-block;padding-left:30px;font-size:15px;min-height:20px;line-height:20px;font-weight:400;color:#000} .checkout-block .payment_methods li label a{color:#B82825} .checkout-block .payment_methods li label::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;box-sizing:border-box;border:1px solid #C1C2C4;background:#FFF;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .checkout-block .payment_methods li label:after{content:"";position:absolute;left:4px;top:4px;width:12px;height:12px;border-radius:50%;background:#B82825;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);opacity:0} .checkout-block .payment_methods li input:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)} .checkout-block .payment_methods li .payment_box{margin-left:30px;margin-top:10px} .checkout-block .place-order{display:block;margin-top:20px;} .checkout-block .place-order .woocommerce-privacy-policy-text >*{display:block;font-size:15px;line-height:20px;color:#000} .checkout-block .place-order .woocommerce-privacy-policy-text a{color:#B82825} .checkout-block .place-order .button{margin-top:30px} .checkout-block .checkout_coupon{display:block;margin-bottom:15px;max-width:50%} .checkout-block .checkout_coupon input{margin: 10px 0 20px} .checkout-block .order-block, .checkout-block .woocommerce-customer-details{padding:50px 15px 25px 15px;background:#FFF;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);border-radius:15px} .checkout-block .order-block #order_review_heading{font-size: 25px;line-height: 1.2em;font-weight:700;color:#000;text-align: center} .woocommerce-customer-details{margin-top:30px} .checkout-block #billing_country_field, .checkout-block .payment_method_paypal img{display:none!important} .checkout-block .woocommerce-form-coupon-toggle .woocommerce-info{padding:0;border:none;margin:0 0 20px 0;font-size:20px;line-height:1.4em;color:#000;font-weight:400} .checkout-block .woocommerce-form-coupon-toggle .woocommerce-info a{text-decoration: underline;text-decoration-color: transparent;font-weight: 400;} .checkout-block .form-login-toggle {margin-bottom:15px} .checkout-block .form-login-toggle .simple-text span {cursor:pointer;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;text-decoration:underline;text-decoration-color:transparent} /*order-block*/ .order-block .woocommerce-checkout-review-order{display:block;margin-top:40px;overflow-y:auto} .order-block table{width:100%;border-collapse:collapse;border-spacing:0} .order-block table.woocommerce-checkout-review-order-table thead{display:none} .order-block table tbody .cart_item:last-child >*{padding: 5px 0 45px 0} .order-block table tr td, .order-block table thead tr th, .order-block table tfoot tr th{display:table-cell;vertical-align:middle;padding:5px 0 10px 0;height:20px;position:relative;text-align:left;color:#000;font-size:15px;line-height:20px;font-weight:400} .order-block table .product-total{text-align:right} .order-block table .product-name strong{font-weight:700} .order-block table tfoot tr th, .order-block table tfoot td{border-bottom:none} .order-block table tfoot td{text-align:right} .order-block table tfoot tr.order-total > *{font-weight:700;font-size:20px} /*thankyou*/ .checkout-block .woocommerce-thankyou-order-received{position:relative;text-align:center;font-size:25px;line-height:1.2em;font-weight:700;color:#000} .checkout-block .woocommerce-thankyou-order-details{display:block;margin-top:30px;margin-bottom:30px} .checkout-block .woocommerce-thankyou-order-details li, .checkout-block .woocommerce-thankyou-order-details + p{display:block;font-size:15px;color:#000;line-height:20px;margin-bottom:10px} .checkout-block .woocommerce-thankyou-order-details li strong{font-weight:700} .checkout-block .woocommerce-thankyou-order-details + p{margin-left:15px} .checkout-block .woocommerce-customer-details address{display:inline-block;line-height:1.2em;font-size:15px;margin-top:10px} /*media*/ @media(min-width: 1200px){ .checkout-block .place-order .woocommerce-privacy-policy-text a:hover,.checkout-block .payment_methods li label a:hover{color: #000;} .checkout-block .woocommerce-info a:hover{color:#B82825} .checkout-block .woocommerce-form-coupon-toggle .woocommerce-info a:hover, .checkout-block .form-login-toggle .simple-text span:hover{text-decoration-color:currentColor} } @media(max-width: 1199px){ .checkout-block_wrapper{padding:30px} .checkout-block{margin:150px 0 50px} } @media(max-width: 991px){ .checkout-block_wrapper{margin-bottom:20px} .checkout-block{margin:90px 0 30px} } @media(max-width: 767px){ .checkout-block_wrapper{padding:15px} .checkout-block .checkout_coupon{max-width:100%} .checkout-block .woocommerce-form-coupon-toggle .woocommerce-info{margin:0 0 15px 0} .checkout-block .woocommerce-form-coupon-toggle .woocommerce-info, .checkout-block .form-login-toggle .simple-text p {font-size:18px;line-height:1.2em} .checkout-block .woocommerce-billing-fields__field-wrapper .form-row{margin-bottom:15px;vertical-align:top;width:100%} .checkout-block .woocommerce-billing-fields__field-wrapper .form-row:nth-child(n+1){margin-right:0} .checkout-block .woocommerce-billing-fields__field-wrapper, .checkout-block .woocommerce-additional-fields__field-wrapper{margin-top:20px} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 11 - IE AND MAC FIX */ /*-------------------------------------------------------------------------------------------------------------------------------*/ body.ie .bg-fix{background-attachment: scroll;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 12 - COMMENTS POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .comment_wrapper{--gap:20px} .comment_wrapper >*:not(:last-child){margin-bottom:var(--gap)} .comment_item{position:relative;background:#ECF3F2;border-radius:15px;text-align:left;padding:var(--gap)} .comment_item >:last-child{margin-bottom:0} .comment_head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px var(--gap);/*margin-bottom:var(--gap)*/} .comment_autor{position:relative;font-weight:700;color:#000;padding-right:25px} .comment_text{font-size:12px;line-height:1.4em;font-weight:400;color:#000} .comment_item .restaurant-rating{text-align:right} .comment_item .comment-stars{min-width:auto} .comment_option {margin-bottom:15px} .comment_option:last-of-type {margin-bottom:0} @media (max-width: 767px) { .comment_wrapper{--gap:15px} .comment_text{max-width:100%} .comment_head{gap:10px var(--gap)} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 13 - INFO RESTAURANT POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .info_wrapper{--gap:20px} .info_wrapper >*:not(:last-child){margin-bottom:var(--gap)} .info_item {position:relative;background:#ECF3F2;border-radius:15px;text-align:left;padding:var(--gap)} .info_item >*:not(:last-child){margin-bottom:var(--gap)} .info_title {font-weight:700;color:#000} .info_text{font-size:12px;line-height:1.4em;font-weight:400;color:#000;} .info_text * + *{margin-top:10px} .info_text li + li{margin-top:3px} .info_item .table-wrapp table{max-width:100%} .info_item .table-wrapp table tr td{height:20px;border:none;font-size:12px;line-height:1.4em;font-weight:400;letter-spacing:0;color:#000;padding:2.5px 0} .info_img{position:relative;padding-bottom:51%;border-radius:0 0 15px 15px;margin:0 calc(var(--gap) * -1) calc(var(--gap) * -1) calc(var(--gap) * -1)} .info_img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0 0 15px 15px} @media (max-width: 767px) { .info_wrapper{--gap:15px} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 14 - PRODUCT POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .product_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:90px} .product_item{text-align:left} .product_item >*:not(:last-child){margin-bottom: 30px} .product_img{position:relative;padding-bottom:66%;border-radius:5px} .product_img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:5px} .product_info >*:not(:last-child){margin-bottom:15px} .product_title{font-weight:700;color:#000} .product_desc {font-size:15px;line-height:1.4em;font-weight:400;color:#000} .product_price{font-size:20px;line-height:1.2em;font-weight:700;color:#000} .product_item .custom-input-number{display:block;text-align:center} .product_item .button{width:100%} .product_ing{width:55%} .product_ing + .product_item{width:45%} .product_ing >*:not(:last-child){margin-bottom: 30px} .product_ing_group{text-align:left} .product_ing_title{font-weight:700;color:#000;margin-bottom:3px} .product_ing_desc {font-size:12px;line-height:1.4em;font-weight:400;color:#767978} .product_ing_title + .product_ing_list,.product_ing_desc + .product_ing_list{margin-top:25px} .product_ing_list >*:not(:last-child){margin-bottom: 10px} .product_ing_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:15px;min-height:52px;border:1px solid #C7C7C7;border-radius:5px;padding:10px} .product_ing_item.active{border-color:#B82825} .product_ing_name{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;font-weight:400;color:#000} .product_ing_name b{color:#B82825} .product_ing_controls .button-icon{width:32px;height:32px} .product_ing_controls .button-icon.plus::before{width:44%} .product_ing_controls .button-icon.plus::after{height:44%} @media (min-width: 1200px) {.product_img{margin-bottom: 50px !important;}} @media (max-width: 1199px) {.product_wrapper{gap:50px}} @media (max-width: 991px) { .product_wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px} .product_ing{width:100%} .product_ing + .product_item{width:100%} } @media (max-width: 767px){ .product_wrapper{gap:20px} .product_item >*:not(:last-child){margin-bottom:20px} .product_price {font-size:18px} .product_ing >*:not(:last-child){margin-bottom: 30px} .product_ing_title + .product_ing_list,.product_ing_desc + .product_ing_list{margin-top:15px} .product_ing_item{gap:10px;min-height:48px;padding:5px} .product_ing_name{-webkit-box-flex:0;-ms-flex:0 0 55%;flex:0 0 55%} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 15 - BENEFITS SECTION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .benefits_sec{padding:80px 0 145px 0} .benefits_sec .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .benefits_inner{max-width:98%;margin:0 auto} .benefits_inner > .title{text-align:center;margin-bottom:110px} .benefits_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;--gap: 45px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));width: calc(100% + var(--gap));} .benefits_item {width: calc((100% / 3) - var(--gap));margin: var(--gap) 0 0 var(--gap);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 20px;padding: 25px 25px 30px 25px;background: #FFF;border-radius: 15px;min-height: 450px;} .benefits_img {position: relative;width: 100%;max-width: 89%;margin: 0 auto;padding-bottom: 100%;} .benefits_img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain} .benefits_info {text-align:center;margin-top:auto} .benefits_info >*:not(:last-child){margin-bottom:15px} .benefits_inner .decor.type-5{position:absolute;top:6%;left:-4%;width:95px;height:auto} .benefits_inner .decor.type-6{position:absolute;bottom:-10%;left:auto;right:-4%;width:95px;height:auto;z-index:1} @media (min-width:992px) { .benefits_item:nth-child(3n+2){-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);box-shadow:0 4px 4px rgba(0, 0, 0, 0.25)} } @media (max-width: 1199px) { .benefits_sec{padding: 50px 0 100px 0} .benefits_inner {max-width:100%} .benefits_inner > .title{margin-bottom:50px} .benefits_wrapper{--gap:30px} .benefits_item{padding:20px} } @media (max-width: 991px) { .benefits_sec{padding:30px 0 50px 0} .benefits_inner > .title{margin-bottom:30px} .benefits_wrapper{--gap: 20px} .benefits_item{width:calc((100% / 2) - var(--gap));min-height:auto} } @media (max-width: 767px) { .benefits_sec{padding:30px 0} .benefits_inner > .title{margin-bottom:20px} .benefits_wrapper{--gap: 15px} .benefits_item{width:calc(100% - var(--gap))} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 16 - PRODUCTS SECTION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .products_sec{padding:20px 0} .products_sec .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .products_inner{position:relative} .products_inner .title{text-align:center;margin-bottom:60px} .products_inner #productContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .products_inner .button{margin-top:70px} .products_sec .decor{top:120px} .products_sec .decor.type-7{position:absolute;top:13%;left:55%;width:95px;height:auto} .products_sec .decor.type-8{position:absolute;top:auto;bottom:11%;left:auto;right:-6%;width:114px;height:auto;z-index:1} @media (max-width: 1199px) { .products_inner .title{margin-bottom:40px} .products_inner .button{margin-top:40px} } @media (max-width: 767px) { .products_inner .title {margin-bottom: 20px;} .products_inner .button {margin-top: 20px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 17 - CATEGORIES SECTION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .category_sec{padding:145px 0 200px 0} .category_sec.type-2{padding:95px 0} .category_sec .circle{position:absolute;z-index:-1;top:0;left:-8%;width:31%;height:auto} .category_sec .circle img{width:100%;height:auto;max-width:100%} .category_sec .decor.small{top:15%;left:12%;width:137px;height:auto} .category_sec .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .category_img_wrapper{position:relative} .category_img{position:relative;padding-bottom:59%;max-width:59%;width:100%;margin:0 50px 0 auto} .category_img > img {position: absolute;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;} .category_img .decor {left: calc(50% + 30px);bottom: -115px;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 114px;height: 114px;} .category_inner .title {margin-bottom: 70px;} .category_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 15px;} .category_wrapper a {display: inline-block;background: #274270;border-radius: 60px;font-size: 15px;line-height: 1.2em;font-weight: 700;color: #FFF;-webkit-transition: all .3s;transition: all .3s;padding: 16px 25px;} .category_inner.type-2 .title {margin-bottom: 70px;} @media (min-width: 1200px) { .category_wrapper a:hover {background: #B82825;} } @media (max-width: 1199px) { .category_sec {padding: 100px 0;} .category_sec.type-2 {padding: 60px 0} .category_img {position: relative;padding-bottom: 59%;max-width: 59%;width: 100%;margin: 0 50px 0 auto;} .category_img_wrapper .decor {left: 50%;bottom: -100px;width: 100px;height: 100px;} .category_inner .title {margin-bottom: 40px;} } @media (max-width: 991px) { .category_sec {padding: 70px 0;} .category_sec .circle {top: 10%;left: auto;right: -3%;width: 35%;} .category_img_wrapper {display: none;} .category_inner .title {margin-bottom: 30px;} } @media (max-width: 767px) { .category_sec {padding: 50px 0;} .category_sec .circle {top:auto;bottom:1%;right:-20%;width:50%;max-width:250px} .category_wrapper a {padding:11px 20px} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 18 - BLOCK ELEMENTS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .block-info > *:not(:last-child){margin-bottom:45px} .block-lr-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden} .block-lr-content{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding-block:70px} .block-lr-content .custom-container{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .block-lr-content .custom-container .row{width:100%} .block-lr-img{position:relative;overflow:hidden;width:100%;-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;-webkit-transform:translateX(-100%);transform:translateX(-100%)} .block-lr-img img{position:absolute;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 30%;object-position:0 30%} .block-info + .qr-wrapper{margin-top:50px} .qr-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:25px} .gr-item >*:not(:last-child){margin-bottom:25px} .gr-logo{max-width:130px;height:auto;margin:0 auto} .gr-logo img {width: 100%;height: auto;max-width: 100%;} .qr-code {width: 90px;height: 90px;margin: 0 auto;} .qr-code img {width: 100%;height: auto;max-width: 100%;} @media (max-width: 1199px) { .block-info > *:not(:last-child){margin-bottom:30px} .block-lr-content{padding-block:50px} .block-info + .qr-wrapper{margin-top:30px} .qr-wrapper{gap:20px} .gr-item >*:not(:last-child){margin-bottom:20px} } @media (max-width: 991px) { .block-info > *:not(:last-child){margin-bottom:20px} .block-lr-content{padding-block:40px} .block-info + .qr-wrapper{margin-top:20px} } @media (max-width: 767px) { .block-info > *:not(:last-child){margin-bottom:15px} .block-lr-content{padding-block:30px} .block-lr-img{display:none} .block-info .simple-text p{font-size:18px} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 19 - JOIN SECTION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .join_sec {padding: 100px 0} .join_sec .decor {top: 85px; z-index: 1;} .join_sec .circle {position: absolute;z-index: -1;top:10px;right:-30px;width:200px;height:200px} .join_sec .circle img{width:100%;height:auto;max-width:100%} .join_sec .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .join_inner{max-width:92.6%;margin:0 auto} .join_inner > .title{text-align:center;margin-bottom:70px} .join_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;--gap: 64px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));width: calc(100% + var(--gap));} .join_item {position: relative;width: calc((100% / 2) - var(--gap));margin: var(--gap) 0 0 var(--gap);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-bottom: 110px;} .join_content {background:#FFF;border-radius:15px;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);padding: 20px 20px 30px 20px;height: 100%;} .join_content >*:not(:last-child){margin-bottom:35px} .join_img{position:relative;padding-bottom:67%;-webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);border-radius:15px} .join_img img{position:absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius:15px} .join_info {text-align:center} .join_info >*:not(:last-child){margin-bottom:15px} .join_item .button{position:absolute;bottom:0;left:0;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;z-index: 2;} @media (max-width: 1199px) { .join_sec{padding:50px 0} .join_sec .decor{display:none} .join_inner{max-width:100%} .join_inner > .title{margin-bottom:40px} .join_wrapper{--gap:40px} .join_item{padding-bottom:90px} .join_content{padding:20px} .join_content >*:not(:last-child){margin-bottom:20px} } @media (max-width: 991px) { .join_sec{padding:30px 0} .join_inner > .title{margin-bottom:20px} .join_wrapper{--gap:20px} .join_item{padding-bottom:70px} .join_content{padding:20px 15px} } @media (max-width: 767px) { .join_sec .circle {top:-20px;right:-60px;width:160px;height:160px} .join_item {width: calc(100% - var(--gap));padding-bottom: 0;} .join_item .button {position: relative;width: 100%;margin: 20px auto 0 auto;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 19 - GALLERY SECTION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .gallery_sec{padding:70px 0 100px 0} .gallery_sec .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .gallery_inner > .title{text-align:center;margin-bottom:50px} .gallery_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;--gap: 20px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));width: calc(100% + var(--gap));} .gallery_item {position:relative;width: calc((100% / 4) - var(--gap));margin: var(--gap) 0 0 var(--gap);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border-radius: 10px;} .gallery_img {position: relative;padding-bottom:123%;border-radius: 10px;} .gallery_img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 10px;} .opacity::before{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));border-radius: 10px;} .gallery_title {position: absolute;z-index: 2;bottom: 15px;left: 20px;right: 20px;width: calc(100% - 40px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;font-size: 15px;line-height: 1.2em;font-weight: 400;letter-spacing: -0.01em;color: #FFF;} .gallery_title svg {width: 18px;height: 18px;} @media (max-width: 1199px) { .gallery_sec{padding:50px 0} .gallery_inner > .title{margin-bottom:30px} .gallery_title{left:15px;right:15px;width:calc(100% - 30px)} } @media (max-width: 991px) { .gallery_item{width:calc((100% / 2) - var(--gap))} } @media (max-width: 767px) { .gallery_sec{padding:40px 0} .gallery_inner > .title{margin-bottom:20px} .gallery_item{width:calc(100% - var(--gap))} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 20 - LEFT & RIGHT BLOCKS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .lr_section{padding:50px 0} .lr_flex_row {position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;gap:80px} .lr_flex_row.lr_right {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;} .lr_img {position: relative;overflow:hidden;padding-bottom: 100%;max-width: 100%;margin: 0 auto;} .lr_img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} .lr_img_wrapper {width: 100%;} .lr_content {position: relative;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;width: 100%;flex:0 0 50%;padding:40px;} .lr_content > *:not(:last-child) {margin-bottom: 60px;} .lr_content .simple-text > *{color:#111} .lr_flex_row .decor.type-1{position:absolute;top:-8%;left:42%;width:122px;height:auto} .lr_flex_row .decor.type-2{position:absolute;top:7%;left:53%;width:80px;height:auto;z-index:1} .lr_flex_row .decor.type-3{position:absolute;top:-7%;left:41%;width:95px;height:auto;z-index:1} .lr_flex_row .decor.type-4{position:absolute;bottom:-1%;left:auto;right: -2%;width:95px;height:auto} @media (max-width: 1199px) { .lr_flex_row {gap:50px} .lr_content {flex:auto;padding:30px} .lr_content > *:not(:last-child) {margin-bottom:30px} } @media (max-width: 991px) { .lr_flex_row {gap:30px} .lr_content {padding:15px} .lr_content > *:not(:last-child) {margin-bottom:20px} } @media (max-width: 767px) { .lr_section{padding:30px 0} .lr_flex_row {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;gap:20px} .lr_flex_row.lr_right {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;} .lr_content{padding:0} .lr_content > *:not(:last-child){margin-bottom:15px} } /**-----------------*/ /* 21 - ACCORDION */ /**-----------------*/ i.check{display:inline-block;position:absolute;top:0;right:0;width:18px;height:18px;-ms-flex-negative:0;flex-shrink:0} i.check::before{content:"";position:absolute;top:calc(50% - 2px);left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);-webkit-transition:.3s;transition:.3s;width:40%;height:40%;border-right:2px solid currentColor;border-bottom:2px solid currentColor} .accordion{position:relative;z-index:1} .accordion-item{position:relative;margin-bottom:15px} .accordion-item:last-of-type{margin-bottom:0} .accordion-title{position:relative;cursor:pointer;-webkit-transition:.3s;transition:.3s;font-weight:700;color:#000;} .accordion-title.active i::before{top:calc(50% + 2px);-webkit-transform:translate(-50%, -50%) rotate(225deg);transform:translate(-50%, -50%) rotate(225deg)} .accordion-content{display: none;padding:10px 0 0 0} @media (min-width: 1200px) { .accordion-item:hover .accordion-title{opacity:0.7} }