/*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /* 01 - SWIPER CSS */ /* 02 - EMPTY SPACE */ /* 03 - HELP CLASSES */ /* 04 - TYPOGRAPHY */ /* 05 - FOOTER */ /* 06 - INPUT FIELDS, CHECKBOX */ /* 07 - POPUP */ /* 08 - VIDEO POPUP */ /* 09 - SLIDER */ /* 10 - MENU ITEM */ /* 11 - MAIN CONFIGURE IMAGE */ /* 12 - HISTORY */ /* 13 - INFO */ /* 14 - NEWS, VACANCIES, ABOUT */ /* 15 - MAP */ /* 16 - SUMOSELECT */ /* 17 - INSTAGRAM */ /* 18 - TABS */ /* 19 - ADDRESS */ /* 20 - FRANCHISE */ /* 21 - ANIMATION */ /*--------------------------------------------------------------------------------------------------------------*/ /* 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 - EMPTY SPACE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .empty-lg-0{height:0px;}.empty-lg-5{height:5px;}.empty-lg-10{height:10px;}.empty-lg-15{height:15px;}.empty-lg-20{height:20px;}.empty-lg-25{height:25px;}.empty-lg-30{height:30px;}.empty-lg-35{height:35px;}.empty-lg-40{height:40px;}.empty-lg-45{height:45px;}.empty-lg-50{height:50px;}.empty-lg-55{height:55px;}.empty-lg-60{height:60px;}.empty-lg-65{height:65px;}.empty-lg-70{height:70px;}.empty-lg-75{height:75px;}.empty-lg-80{height:80px;}.empty-lg-85{height:85px;}.empty-lg-90{height:90px;}.empty-lg-95{height:95px;}.empty-lg-100{height:100px;}.empty-lg-110{height:110px;}.empty-lg-120{height:120px;}.empty-lg-130{height:130px;}.empty-lg-140{height:140px;} @media(min-width: 1400px){.empty-xl-140{height: 140px;}.empty-xl-100{height: 100px;}} @media (max-width:1199px){.empty-md-0{height:0px;}.empty-md-5{height:5px;}.empty-md-10{height:10px;}.empty-md-15{height:15px;}.empty-md-20{height:20px;}.empty-md-25{height:25px;}.empty-md-30{height:30px;}.empty-md-35{height:35px;}.empty-md-40{height:40px;}.empty-md-45{height:45px;}.empty-md-50{height:50px;}.empty-md-55{height:55px;}.empty-md-60{height:60px;}.empty-md-65{height:65px;}.empty-md-70{height:70px;}.empty-md-75{height:75px;}.empty-md-80{height:80px;}.empty-md-85{height:85px;}.empty-md-90{height:90px;}.empty-md-95{height:95px;}.empty-md-100{height:100px;}} @media (max-width:991px){.empty-sm-0{height:0px;}.empty-sm-5{height:5px;}.empty-sm-10{height:10px;}.empty-sm-15{height:15px;}.empty-sm-20{height:20px;}.empty-sm-25{height:25px;}.empty-sm-30{height:30px;}.empty-sm-35{height:35px;}.empty-sm-40{height:40px;}.empty-sm-45{height:45px;}.empty-sm-50{height:50px;}.empty-sm-55{height:55px;}.empty-sm-60{height:60px;}.empty-sm-65{height:65px;}.empty-sm-70{height:70px;}.empty-sm-75{height:75px;}.empty-sm-80{height:80px;}.empty-sm-85{height:85px;}.empty-sm-90{height:90px;}.empty-sm-95{height:95px;}.empty-sm-100{height:100px;}} @media (max-width:767px){.empty-xs-0{height:0px;}.empty-xs-5{height:5px;}.empty-xs-10{height:10px;}.empty-xs-15{height:15px;}.empty-xs-20{height:20px;}.empty-xs-25{height:25px;}.empty-xs-30{height:30px;}.empty-xs-35{height:35px;}.empty-xs-40{height:40px;}.empty-xs-45{height:45px;}.empty-xs-50{height:50px;}.empty-xs-55{height:55px;}.empty-xs-60{height:60px;}.empty-xs-65{height:65px;}.empty-xs-70{height:70px;}.empty-xs-75{height:75px;}.empty-xs-80{height:80px;}.empty-xs-85{height:85px;}.empty-xs-90{height:90px;}.empty-xs-95{height:95px;}.empty-xs-100{height:100px;}.empty-xs-110{height:110px;}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - HELP CLASSES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .opacity:before, .opacity.type-2:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .opacity.type-2:before{background: rgba(0,0,0,0.3);} .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;} .row0 > div[class^="col-"]{padding-left: 0;padding-right: 0;} .row-10{margin-left: -5px;margin-right: -5px;} .row-10 > div[class^="col-"]{padding-left: 5px;padding-right: 5px;} .row-5{margin-left: -2.5px;margin-right: -2.5px;} .row-5 > div[class^="col-"]{padding-left: 2.5px;padding-right: 2.5px;} .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;} .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{-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: 1;height: 100%;width: 70%;} .bg-fix{background-position: 100% 100%;background-attachment: fixed;} .bg.auto-size{background-size: auto;} .bg.pos-left-top{background-position: left top;} .bg.pos-left-bottom{background-position: left bottom;} .bg.pos-right-top{background-position: right top;} .bg.pos-right-bottom{background-position: right bottom;} .bg.pos-left-bottom.bottom-5{background-position: left 95%;} .bg.pos-right-bottom.bottom-5{background-position: right 95%;} .bg.pos-inherit{background-position: inherit;} .overflow{overflow: hidden;} .separator{display: block;width: 100%; height: 1px; background: #e5e3e2;} b, .bold{font-weight: 700;} .column-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 15px;-moz-column-gap: 15px;column-gap: 15px;} /*backface toggle menu mobile*/ body{background: #f6f6f6;} 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%;background: #fff;z-index: 11;max-height: 100vh;display: block;} /*body selection*/ body *::selection {color: #fff; background: #cb542c;} body::-moz-selection{color: #fff; background: #cb542c;} /*scrollbar*/ ::-webkit-scrollbar {width: 6px;height: 6px;} ::-webkit-scrollbar-track {background: #b1b1b1;} ::-webkit-scrollbar-thumb {background: #cb542c;} @media(min-width: 1200px){.hover-zoom:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}} @media(max-width: 1199px)/*{.bg-fix{background-attachment: scroll;}*/.bg.fade-banner{width: 100%;}.md-hide{display: none!important;}} @media(max-width: 991px){.sm-hide{display: none!important;}.full-height{height: auto;min-height: auto;}.flex-align.sm-flex-block{display: block;}} @media(max-width: 767px){.text-right {text-align: left;}.flex-align.xs-flex-block{display: block;}.fl,.fr{float: none;}.row-5{margin-left: -15px;margin-right: -15px;}.row-5 > div[class^="col-"]{padding-left: 15px;padding-right: 15px;}.xs-hide{display: none!important;}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04 - TYPOGRAPHY */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .title.style-2{position: relative;padding: 0 90px;text-transform: uppercase;display: inline-block;line-height: 84px;height: 126px;} /*.title.style-2:before, .title.style-2:after{content: "";position: absolute;display: inline-block;bottom: 0;left: 0;height: 80px;;width: 70px;background: url(../img/title-shape.png);background-repeat: no-repeat;}*/ .title.style-2:after{left: auto;right: 0;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} .title.style-2 span{position: relative; padding: 0 15px;padding-top: 44px;border-bottom: 2px solid #e2b976;display: inline-block;overflow-x: hidden;} .title.style-2 i{position: absolute;display: inline-block;top: 0;left: 50%;margin-left: -40px;height: 40px;width: 81px;background: url(../img/title-image.png);background-repeat: no-repeat;} .title.style-2 i:before, .title.style-2 i:after{content: "";position: absolute;left: -3px;bottom: 4px; width: 1000px;height: 2px;background: #e2b976;-webkit-transform: translateX(-100%);transform: translateX(-100%);} .title.style-2 i:after{left:auto; right: 23px; -webkit-transform: translateX(100%);transform: translateX(100%);} .title.style-3{position: relative; /*text-transform: uppercase;*/display: inline-block;height: 64px;} .title.style-3 span{position: relative; padding: 0 20px 10px 130px;display: inline-block;overflow-x: hidden;} .title.style-3 i{position: absolute;display: inline-block;bottom: 0;left: 30px;height: 40px;width: 81px; background: url(../img/title-image.svg);background-repeat: no-repeat;-webkit-transform: scale(0.88);transform: scale(0.88);} .title.style-3 i:before, .title.style-3 i:after{content: "";position: absolute;left: -10px;bottom: 10px; width: 1000px;height: 2px;background: #e2b976;-webkit-transform: translateX(-100%);transform: translateX(-100%);} .title.style-3 i:after{left:auto; right: -5px; -webkit-transform: translateX(100%);transform: translateX(100%);} .title.style-4 span{position: relative; padding: 40px 35px 5px 25px;display: inline-block;overflow-x: hidden;} /*.title.style-4 span:after, */.title.style-4.type-2 span:after{content:""; position: absolute;display: inline-block;bottom: 0;left: 0;width: 100%;height: 3px; background: url(../img/title-bottom-bg.png);} .title.style-4.type-2 span:after{background: url(../img/title-bottom-bg-color-2.png);} .title.style-4.type-5 span {padding-top: 20px;} .title.style-4.type-5 span:before{background: url(../img/title-top2-bg.png);} .title.style-4.type-5 span:after{display:none;} .title.style-4.no-border span{padding-bottom: 0;overflow-x: inherit;} .title.style-4.no-border span:after{content: none;} .title.style-5{position: relative;display: inline-block;padding: 0 85px;} /*.title.style-5:before, .title.style-5:after{content: "";position: absolute;display: inline-block;top: -15px;left: 0;height: 100%;width: 66px;background: url(../img/title-decor.png);background-repeat: no-repeat;background-size: contain;}*/ .title.style-5:after{left: auto;right: 0;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} .title.style-5.type-2{padding: 0 65px;} .title.style-5.type-2:before, .title.style-5.type-2:after{background: url(../img/title-decor-color-2.png);background-repeat: no-repeat;width: 48px;height:34px; top: 50%;margin-top: -17px;} .title.style-5.type-3:before, .title.style-5.type-3:after{background: url(../img/title-decor-color-3.png);background-repeat: no-repeat;width: 68px;height:48px; top: 50%;margin-top: -24px;} .title.style-6{position: relative;padding-top: 30px;color: #fff;margin: 0 auto;} .title.style-6 span:before{content:"";position: absolute;display: inline-block;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); width: 200px;height: 22px; background: url(../img/title-top2-bg-style-2.png);background-repeat: no-repeat;} .title.style-7{position: relative;display: inline-block;} /*.title.style-7 span:before, .title.style-7 span:after{content: "";position: absolute;top: 50%;width: 34px;height: 2px;margin-top: -2px; background: #fff;left: 100%;margin-left: 15px;}*/ .title.style-7 span:after{left: auto;right: 100%;margin-right: 15px;} .title.style-8{position: relative;display: inline-block;padding-top: 70px;} .title.style-8:before,.title.style-8.type-3:before{content:"";position: absolute;display: inline-block;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); width: 260px;height: 55px; background: url(../img/title-top-bg-style-3.png);background-repeat: no-repeat;} .title.style-8 span{display: inline-block;padding: 0 80px;position: relative;} /*.title.style-8 span:before, .title.style-8 span:after{content:"";position: absolute;display: inline-block;top: -2px;left: 0; width: 70px;height: 50px; background: url(../img/title-decor-style-2.png);background-repeat: no-repeat;}*/ .title.style-8 span:after{left: auto;right: 0;-webkit-transform: rotate(180deg);transform: rotate(180deg);} .title.style-8.type-2 span{padding: 0;} .title.style-8.type-2 span:before,.title.style-8.type-2 span:after{content: none;} .title.style-8.type-3:before{background: url(../img/title-top-bg-style-4.png);} .title.style-9{display: inline-block;padding: 0 50px;position: relative;} /*.title.style-9:before, .title.style-9:after{content:"";position: absolute;display: inline-block;bottom: -5px;left: 0; width: 40px;height: 30px; background: url(../img/title-decor-style-3.png);background-repeat: no-repeat;}*/ .title.style-9:after{left: auto;right: 0;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} .title.not-found{font-size: 200px;letter-spacing: 1px;} /*simple-list*/ .simple-list{margin-top: 20px;} .simple-list li{font-size: 22px;color: rgba(33, 15, 9, 0.7);line-height: 24px;margin-bottom: 5px;padding-left: 17px;position: relative;} .simple-list li span{color: #cb542c;} .simple-list.size-2 li{margin-bottom: 15px;} .simple-list.color-2 li{color: rgba(255,255,255,0.7);} .simple-list li:last-child{margin-bottom: 0;} .simple-list li:before{content: ""; position: absolute;left: 0;top: 8px;width: 7px; height: 7px;border-radius: 50%; background: #cb542c;} .simple-list.type-2{margin-top: 15px;} .simple-list.type-2 li{color: rgba(0,0,0,0.7);padding-left: 34px;margin-bottom: 25px;} .simple-list.type-2 li:last-child{margin-bottom: 0;} .simple-list.type-2 li:before{width: 18px;height: 18px;top: 1px;} .simple-list.type-2 li span{font-size: 12px;line-height: 18px;color: #fff;display: inline-block;position: absolute;left: 0;top: 2px;width: 18px;text-align: center;} @media(min-width: 1200px){.list li a:hover, .list li span:hover{color: #f52e07;}} @media(max-width: 767px){ .simple-list li{font-size: 14px;line-height: 18px;padding-left: 12px;} .simple-list li:before{width: 5px;height: 5px;top: 6px;} .simple-list.size-2 li{margin-bottom: 5px;} .simple-list.size-2 li:last-child{margin-bottom: 0;} .title.style-2{height: auto; line-height: inherit;padding: 0;} .title.style-2 span{display: block;padding: 0;overflow-x: inherit;border: none;} .title.style-2 i, .title.style-3 i{display: none;} .title.style-3{display: block;height: auto;} .title.style-3 span{display: block;} .title.style-5{display: block;padding: 0;} .title.style-4 span, .title.style-3 span{padding: 0;overflow-x: inherit;} .title.style-8{padding-top: 0;} .title.style-8 span, .title.style-9{padding: 0;line-height: 1em;} .title.style-5:before, .title.style-5:after, .title.style-4 span:before, .title.style-8:before, .title.style-8 span:before, .title.style-8 span:after, .title.style-9:before, .title.style-9:after, .title.style-2:before, .title.style-2:after, .title.style-8.type-3:before, .title.style-4.type-2 span:after{content: none;} .title.not-found{font-size: 120px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05 - FOOTER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ footer{position: relative; background: #fff; background-image: url(../img/texture/white.jpg);backface-visibility: hidden;overflow: hidden;} .footer-top{padding: 30px 0;} .footer-logo{display: block;max-width: 215px;height: auto;} .footer-logo img{width: 100%;} .footer-label{text-transform: uppercase;margin-bottom: 20px;} footer .footer-link{font-size: 0;} footer .footer-link li{display: block;} footer .footer-link li a{display: inline-block; font-size: 22px;line-height: 30px;color: #50493f;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} footer .footer-link li.active a{color: #cb542c;} .social-icons{text-align: left;font-size: 0;} .social-icons .share{margin-right: 10px;} .social-icons ul{display: inline-block;vertical-align: middle;} .social-icons ul li{display: inline-block;font-size: 0;margin-right: 10px;vertical-align:middle;} .social-icons ul li:last-child{margin-right: 0;} .social-icons ul li a{display: block;position: relative;width: 30px;height: 30px;background: #cb542c;border-radius: 50%;} .social-icons .social{display: inline-block;width: 14px;height: auto;font-size: 0;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .social-icons .social img{width: 100%;} .footer-bottom{position: relative; padding: 20px 0;} .footer-bottom:before{content: "";position: absolute;top: 0;max-width: 1400px;width: 100%;height: 1px;background: #e5e3e2;left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);} .footer-bottom .develope span{position: relative;padding-right: 82px;display: inline-block;line-height: 21px; -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .footer-bottom .develope img{position: absolute;top: 0;right: 0;width: 73px;} .footer-bottom .copy, .footer-bottom .develope span{font-size: 14px;color: rgba(33,15,9,0.7);} @media(min-width: 1200px){footer .footer-link li a:hover{color: #cb542c;}.social-icons ul li a:hover{background: #e2b975;}.footer-bottom .develope:hover span{color: #000;}} @media(max-width: 992px){.footer-top{padding: 50px 0;}} @media(max-width: 767px){ .footer-top{padding: 60px 0;} .footer-logo{margin: 0 auto;} .footer-label{text-align: center;margin-top: 20px;margin-bottom: 10px;} footer .footer-link{max-width: 100%;} footer .footer-link, .social-icons{text-align: center;} footer .footer-link li{display: block;} .social-icons ul li{margin-right: 15px;} .footer-bottom{padding: 10px 0;} .footer-bottom .develope, .footer-bottom .copy{text-align: center;} .footer-bottom .copy{margin-bottom: 10px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06 - INPUT FIELDS, CHECKBOX */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .input-field-wrapp{position: relative;font-size: 0;} .input-field {position: relative; width: 100%;height: 57px;line-height: 53px;font-size: 24px;color: rgba(255,255,255,0.7);border: 2px solid #e2b975;padding: 0 20px;font-family: 'AmaticBold';} .input-field:invalid, .input-field-wrapp.fail .input-field {outline: none;box-shadow: none;} .input-field-wrapp.fail .input-field{border-color: #eb3a3a} .input-field:focus {border-color: #cb542c;} .input-field.disabled{background: #f4f4f4;pointer-events: none;} .input-field-wrapp textarea.input-field, .input-field-wrapp.style-2 textarea.input-field, .input-field-wrapp.style-3 textarea.input-field {height: 94px;line-height: 20px;resize: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 10px 20px;} .input-field-wrapp .required-field{color: #6a6a6a;font-size: 16px;position: absolute;left: 20px;top: 18px;} .input-field-wrapp ::placeholder{color:#fff; opacity: 0.7;} .input-field-wrapp ::-moz-placeholder{color:#fff; opacity: 0.7;} .input-field-wrapp :-ms-input-placeholder{color:#fff; opacity: 0.7;} .input-field-wrapp ::-ms-input-placeholder{color:#fff; opacity: 0.7;} .input-field-wrapp.style-2 ::placeholder{color:#fff; opacity: 0.6;} .input-field-wrapp.style-2 ::-moz-placeholder{color:#fff; opacity: 0.6;} .input-field-wrapp.style-2 :-ms-input-placeholder{color:#fff; opacity: 0.6;} .input-field-wrapp.style-2 ::-ms-input-placeholder{color:#fff; opacity: 0.6;} .input-field-wrapp.style-2 .input-field{border: 1px solid rgba(255,255,255,0.3);line-height: 47px;height: 49px; font-size: 18px;color: #fff;font-family: 'IntroHead';} .input-field-wrapp.style-2 .input-field:focus{border-color: #fff;} .input-field-wrapp.style-3 ::placeholder{color:#3d2906; opacity: 0.6;} .input-field-wrapp.style-3 ::-moz-placeholder{color:#3d2906; opacity: 0.6;} .input-field-wrapp.style-3 :-ms-input-placeholder{color:#3d2906; opacity: 0.6;} .input-field-wrapp.style-3 ::-ms-input-placeholder{color:#3d2906; opacity: 0.6;} .input-field-wrapp.style-3 .input-field{border: 1px solid rgba(61, 41, 6, 0.3); line-height: 47px;height: 49px; font-size: 18px;color: #3d2906;font-family: 'IntroHead';} .input-field-wrapp.style-3 .input-field:focus{border-color: #e2b975;} /*upload-file*/ .input-field input[type="file"]{display: none;} .upload-file{display: inline-block;} .upload-file span{position: relative; font-size: 20px;color: rgba(255,255,255,0.7);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding-left: 32px;} .upload-file span.file-name{padding-left: 0;line-height: 26px;display: inline-block;vertical-align: middle;} .upload-file span img{position: absolute;width: 20px;height: auto; top: 1px;left: 0;} .upload-file.color-2 span{color: rgba(61, 41, 6, 0.7);} /*input-search*/ .input-search{position: relative;} .input-search .input-field{font-size: 26px;padding: 0 70px 0 20px;height: 60px;line-height: 58px;color:#210f09;font-family: 'IntroHead';} .input-search .search-icon{cursor: pointer;position: absolute;top: 0;right: 0;width: 50px;height: 49px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .input-search .search-icon svg{width: 22px;height: 22px;fill: #cb542c;top: 50%;position: absolute;left: 50%;margin-top: -11px;margin-left: -11px;} .input-search .input-field:focus + .search-icon{border-color: #3d2906;} /*checkbox*/ .checkbox-entry{position: relative;display: inline-block;cursor: pointer;font-size: 0;} .checkbox-entry input{display: none;} .checkbox-entry span{position: relative;font-size: 20px;line-height: 16px;padding-left: 23px;display: inline-block;min-height: 16px;color: #fff; -webkit-transition: all .3s ease-in-out;transition: all 0.3s ease-in-out;} .checkbox-entry span:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -7px;width: 12px;height: 12px;border: 1px solid #ebebeb;} .checkbox-entry span:after{content: "";position: absolute; left: -1px;top: 50%;margin-top: -8px;width: 16px;height: 17px;background-image: url(../img/check-mark.png); background-size: contain;background-repeat: no-repeat; -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;opacity: 0;} .checkbox-entry input:checked + span:after{opacity: 1;} @media(min-width: 1200px){ .input-search .search-icon:hover svg{fill: #50493f;} .checkbox-entry:hover span, .upload-file:hover span{color: #e2b975;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07 - POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .popup-wrapper{position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; left: -100%; transition-delay: .3s; -webkit-transition-delay: .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.8); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-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 .3s ease-out; -webkit-transition: all .3s ease-out; transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; visibility: hidden; padding: 45px 15px;} .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-container{display: inline-block; vertical-align: middle; width: 100%; position: relative;max-width: 820px;;background: #fff;z-index: 1;} .popup-container.big{max-width: 100%;} .popup-container .button-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;display: inline-block;vertical-align: bottom;cursor: pointer;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background: #cb542c;} .button-close span {height: 15px;width: 15px;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: 21px;display: block;position: absolute;top: 6px;left: -3px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;} .button-close span:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .popup-content .layer-close{position: absolute; left: 0; bottom: 0; right: 0; height: 10000px;} .popup-align{overflow: hidden;padding: 80px 55px;} @media (min-width: 1200px){.popup-container .button-close:hover{background: #e2b975;}} @media(max-width: 767px){.popup-align{padding: 70px 15px;}} .popup-content[data-rel="choose-city-popup"] .popup-container { min-height: calc(100vh - 90px); } .city-list { column-count: 5; column-gap: 15px; } .city-list .h5 { cursor: pointer; position: relative; margin-bottom: 12px; display: inline-block; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .city-list .h5.active { color: #CB542C; } .city-list .h5:last-child { margin-bottom: 0; } .city-list .h5.remove-keyword, #not-found.remove { display: none; } @media (min-width: 1200px) { .city-list .h5:hover { color: #CB542C; } } @media (max-width: 1199px) { .city-list { column-count: 3; } } @media (max-width: 767px) { .city-list { column-count: 2; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 08 - VIDEO POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .video-wrapper{position: relative;height: 750px;overflow: hidden;} .video-wrapper .play-button{position: absolute;top: 50%;left: 50%;width: 70px;height: 70px;display: inline-block;z-index: 1;cursor: pointer;margin-top: -25px;margin-left: -25px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .video-wrapper .play-button img{width: 100%;height: auto;} .video-popup{position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;} .video-popup.active{left: 0;-webkit-transition-delay: 0s;transition-delay: 0s;} .video-popup-overlay{position: absolute;left: 0;top: -100px;right: 0;bottom: -100px;background: #000; -webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;opacity: 0;} .video-popup.active .video-popup-overlay{opacity: 0.8;} .video-popup-content{position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: auto;-webkit-overflow-scrolling: touch;font-size: 0;text-align: center;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;-webkit-transform: translateY(100px);transform: translateY(100px);opacity: 0;visibility: hidden;padding: 10px 15px;} .video-popup.active .video-popup-content{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;visibility: visible;} .video-popup-content:after{content:"";display: inline-block;height: 100%;vertical-align: middle;} .video-popup-container{display: inline-block;position: relative;text-align: left;background: #fff;max-width: 1200px;vertical-align: middle;width: 100%;} .video-popup-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: #cb542c;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .video-popup-close:before, .video-popup-close:after{content:"";display: block;position: absolute;top: 50%;left: 50%;width: 20px;height: 2px;background: #fff;margin-left: -10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .video-popup-close:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);} .video-popup-layer{position: absolute;left: 0;bottom: 0;right: 0;height: 10000px;} .video-popup-align{overflow: hidden;} .video-popup .embed-responsive-16by9{padding-bottom: 52.8%;} .video-popup iframe{width: 100%;height: 100%;position: absolute;} @media(max-width: 1400px){.video-wrapper{height: 500px;}} @media(min-width: 1200px){.video-wrapper .play-button:hover{-webkit-transform: scale(1.12);transform: scale(1.12);}.video-popup-close:hover{background: #e2b975;}} @media(max-width: 991px){.video-wrapper{height: 360px;}} @media(max-width: 767px){.video-wrapper{height: 180px;}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - SLIDER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .custom-slider {height: 100%;} .full-slider{height: 100%;} .custom-slider .swiper-wrapper{height: 100%;cursor: url(../img/drag.png) 16 9,ew-resize;} .parallax-swiper .swiper-slide {overflow: hidden;backface-visibility: hidden!important;} /*arrows*/ .arrow-wrapp{position: relative;} .arrow-wrapp .swiper-button-prev.swiper-button-disabled, .arrow-wrapp .swiper-button-next.swiper-button-disabled {opacity: 1;} .arrow-wrapp .swiper-button-prev, .arrow-wrapp .swiper-button-next{background: url(../img/slider-arrow.png);left: 100px;height: 51px;margin-top: -25px;width: 55px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;top: 50%;} .arrow-wrapp .swiper-button-next{left: auto;right: 100px;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);} .arrow-wrapp .swiper-button-prev i, .arrow-wrapp .swiper-button-next i{display: inline-block;width: 12px;height: 20px;position: absolute;top: 50%;left: 50%;margin-left: -6px;margin-top: -10px;} .arrow-wrapp .swiper-button-prev i:after, .arrow-wrapp .swiper-button-next i:after{ content: "";position: absolute; left: 3px;top: 3px;width: 12px;height: 12px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .arrow-wrapp .swiper-button-next i:after{left: auto;right: -4px;} /*arrows position-2*/ .arrow-wrapp.position-2 .swiper-button-prev, .arrow-wrapp.position-2 .swiper-button-next{left: -145px;} .arrow-wrapp.position-2 .swiper-button-next{left: auto; right: -145px;} /*arrows hide*/ .arrow-wrapp.hide-arrow .swiper-button-prev, .arrow-wrapp.hide-arrow .swiper-button-next{display: none;} /*pagination*/ .custom-slider.swiper-container .swiper-pagination{position: absolute;bottom: 40px;left: 50%;width: 100%;max-width: 1400px;-webkit-transform: translateX(-50%);transform: translateX(-50%);text-align: left;font-size: 0;} .custom-slider.swiper-container .swiper-pagination-bullet {width: 14px; height: 14px; opacity: 1;background: #bbb3ac;margin: 0;margin-right: 21px;} .custom-slider.swiper-container .swiper-pagination-bullet:last-child{margin-right: 0;} .custom-slider.swiper-container .swiper-pagination-bullet-active {background: #cb542c; opacity: 1;} .custom-slider.swiper-container .swiper-pagination.pagination-relative{position: relative; bottom: -10px;} /*pagination position-2*/ .custom-slider.swiper-container .swiper-pagination.position-2{bottom: 30px;left: 0;transform: none;text-align: center;} /*pagination position-3*/ .custom-slider.swiper-container .swiper-pagination.position-3{position: relative; bottom: 0;left: 0; margin-top: 30px; transform: none;text-align: center;} /*slider-item*/ .slider-item{display: block; background: #fff;-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);border-radius: 4px;overflow: hidden;} .slider-item .image{position: relative;display: block;overflow: hidden;backface-visibility: hidden;} .slider-item .bottom-block{height: 59px;padding: 5px 10px; display: table-cell;vertical-align: middle;width: 10000px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .slider-item .bottom-block .caption{color: #333333;font-weight: 600; text-align: center; -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} /*two sliders*/ .swiper-control-bottom .control-top-slider{width: auto; height: auto;cursor: pointer;} .swiper-control-bottom .swiper-slide img{display: block; width: 100%; opacity: 0.3;backface-visibility: hidden;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .swiper-control-bottom .swiper-slide.active img {opacity: 1;} @media(min-width: 1200px){.arrow-wrapp .swiper-button-prev:hover i:after, .arrow-wrapp .swiper-button-next:hover i:after{border-color: #210f09;}} @media(max-width: 1600px){ .arrow-wrapp.position-2 .swiper-button-prev, .arrow-wrapp.position-2 .swiper-button-next{left: 30px;} .arrow-wrapp.position-2 .swiper-button-next{left: auto; right: 30px;} } @media(max-width: 1400px){.custom-slider.swiper-container .swiper-pagination{padding: 0 15px;}.arrow-wrapp .swiper-button-prev{left: 15px;}.arrow-wrapp .swiper-button-next{right: 15px;}} @media(max-width: 1199px){.custom-slider.swiper-container .swiper-pagination{bottom: 15px;left: 0;transform: none;}} @media(max-width: 991px){.arrow-wrapp.position-2 .swiper-button-prev, .arrow-wrapp.position-2 .swiper-button-next{display: none;}} @media(max-width: 767px){.custom-slider.swiper-container .swiper-pagination{bottom: 10px;text-align:center;}.custom-slider.swiper-container .swiper-pagination.position-3{margin-top: 15px;}} /*disabled swipe*/ .arrow-wrapp .swiper-button-prev.swiper-button-disabled, .arrow-wrapp .swiper-button-next.swiper-button-disabled {opacity: 0.6;pointer-events: none;cursor: auto;} .swiper-button-disabled+.swiper-button-disabled+.swiper-container .swiper-wrapper{transform: translateX(0) !important;-webkit-transform: translateX(0) !important;cursor: auto;} .arrow-wrapp .swiper-button-prev.swiper-button-disabled + .swiper-button-next.swiper-button-disabled + .custom-slider.swiper-container .swiper-pagination{display: none;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 10 - MENU ITEM */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .menu-item-product{position: relative;display: block;text-align: center;padding-top: 60px;margin-bottom: 90px;} .menu-item-product .menu-item-img{position: relative;min-height: 240px;max-height: 240px;display: block;} .menu-item-product .menu-item-img img{max-width: 100%;height: auto;position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .menu-item-product .product-title{margin-bottom: 5px;} .menu-item-product .product-price{ position: absolute; top: 10px; left: 10px; width: 56px; height: 56px; font-size: 22px; color: #fff; line-height: 56px; background-color:#CB542C; border-radius:50%; } .menu-item-product .product-price span{font-size: 14px;padding-left: 3px;} .menu-item-product .product-title{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .menu-item-product .product-decorate img{position: absolute;top: 0;right: 10%;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .menu-item-product .product-decorate.style-4 img{right: 17%;} .menu-item-product.size-2 .menu-item-img{min-height: 200px;max-height: 200px;} .menu-item-product.size-3 .menu-item-img{min-height: 320px;max-height: 320px;} @media(min-width: 992px){.menu-wrapp .row-3-columns > *[class*="col"]:nth-child(3n+1){clear: both;}} @media(min-width: 768px) and (max-width: 991px){.menu-wrapp .row-2-columns > *[class*="col"]:nth-child(2n+1){clear: both;}} @media(max-width: 1199px){.menu-item-product{margin-bottom: 50px;}.menu-item-product .product-decorate img{right: 0;}} @media(max-width: 991px){.menu-item-product img{max-height: 200px;}.menu-item-product.size-3 .menu-item-img{min-height: 240px;}} @media(max-width: 767px){.menu-item-product{margin-bottom: 30px;}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 11 - MAIN CONFIGURE IMAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .main-configure-image{position: relative; text-align: center;} .configure-image{opacity: 0;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);} .configure-image.default{opacity: 1;z-index: 1;position: relative;} .configure-image.select{opacity: 1;z-index: 2;} /*list-ingridients*/ .list-ingridients{margin-top: 30px;text-align: center;} .list-ingridients li{color: #50493f; font-size: 18px;position: relative;padding-left: 16px;line-height: 20px;cursor: pointer;display: inline-block;margin-right: 12px;text-transform: lowercase;margin-bottom: 10px;} .list-ingridients li span{position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%); width: 10px;height: 10px;display: inline-block;vertical-align: bottom;cursor: pointer;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .list-ingridients li span:before, .list-ingridients li span:after{content: ""; height: 2px;width: 11px;display: block;position: absolute;top: 4px;left: -1px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #e7c792;} .list-ingridients li span:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);} /*ingredient-item*/ .ingredient-item{position: relative;text-align: center;} .ingredient-item .checkbox-entry{display: block;} .ingredient-item .checkbox-entry .ingredient-check:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 45px;border: 2px solid #d34725;opacity: 0;transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;} .ingredient-item .checkbox-entry input:checked + .ingredient-check:after{opacity: 1;} .ingredient-top-info{display: block;max-height: 100px;min-height: 100px;position: relative;max-width: 100px;margin: 0 auto;z-index: 1;} .ingredient-top-info img{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;} .ingredient-bottom-info{position: relative;padding:0 10px;} .ingridient-name{transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;position: relative;z-index: 1;font-size: 20px;color: #fff;line-height: 34px;text-transform: capitalize;background-color:#e2b975;} .ingredient-item .checkbox-entry input:checked + .ingredient-check .ingridient-name{transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;background-color:#d34725;} .ingridient-name:after{background-image: url(../img/ingredient-bg-checked.png);opacity: 0;} .ingridient-price{display: inline-block;font-size: 22px;color: #210f09;margin-top: 5px;font-weight: 600;} .ingridient-price i{font-size: 14px;padding-left: 2px;} .ingredient-item .checkbox-entry input:checked + .ingredient-check .ingridient-name:before{opacity: 0;} .ingredient-item .checkbox-entry input:checked + .ingredient-check .ingridient-name:after{opacity: 1;} .total-cost-wrapp{position: relative;} .total-cost-wrapp .total-cost{margin-right: 50px;font-size: 24px; color: #50493f;} .total-cost-wrapp .total-cost span{color: #e2b975;margin-left: 3px;min-width: 24px;display: inline-block;} .total-cost-wrapp .total-cost i{color: #e2b975; font-size: 18px;} .total-cost-wrapp .total-cost, .total-cost-wrapp a{display: inline-block;vertical-align: middle;} @media(min-width: 1200px){.list-ingridients li:hover span:before, .list-ingridients li:hover span:after{background: #cb542c;}.ingredient-top-info:hover img{-webkit-transform: translate(-50%,-50%) scale(1.1);transform: translate(-50%,-50%) scale(1.1);}} @media(max-width: 767px){ .configure-image{left: auto;transform: translateX(0);} .configure-image img{max-width: 100%;} .ingredient-item{margin-bottom: 30px;} .total-cost-wrapp .total-cost{display: block;margin-right: 0;margin-bottom: 15px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 12 - HISTORY */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .history-img{position: relative;text-align: center;} .history-decorate{position: absolute;top: 0;left: 50%;-webkit--transform: translateX(-40%);transform: translateX(-40%);} @media(min-width: 1600px){.history-decorate{-webkit--transform: translateX(-45%);transform: translateX(-45%);}} @media(max-width: 991px){.history-img img{margin: 0 auto;}} @media(max-width: 767px){.history-section .title{text-align: center;}.history-img{padding-top: 30px;display: none;}.history-decorate{display: none;}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 13 - INFO */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .info-section .info-decorate{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 1;} /*breadcrumbs*/ .breadcrumbs{display: inline-block;font-size: 0;position: absolute;bottom: 15px;left: 15px; z-index: 1;} .breadcrumbs li{position: relative;display: inline-block;padding-right: 20px;} .breadcrumbs li:first-child a{padding-left: 18px;} .breadcrumbs li:first-child a:before{content: "";position: absolute;left: 2px;top: 7px;width: 7px;height: 7px;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .breadcrumbs li a, .breadcrumbs li p{position: relative; font-weight: 400;font-size: 20px;line-height: 28px;color: #e5e5e5;} .breadcrumbs li a:after{content: "";position: absolute;top: 50%;right: -12px;margin-top: -1px; width: 5px;height: 2px; background: #e5e5e5;} @media(min-width: 1200px){ .breadcrumbs li a:hover{color: #cb542c;} .breadcrumbs li a:hover:before, .breadcrumbs.style-2 li a:hover:before{border-color: #cb542c;} } @media(max-width: 991px){.info-section .banner-align.size-2{height: auto;}.info-section .info-decorate{display: none;}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 14 - NEWS, VACANCIES, ABOUT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .news-item, .vacancies-item{margin-bottom: 50px;position: relative;z-index: 2;} .news-item a, .vacancies-item a{color: #210f09;display: block;} .news-img, .vacancies-img{position: relative;} .news-img.left-img:before{left: -14%;right: auto;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} .news-img.left-img:after{left: auto;right: -10px; -webkit-transform: rotateY(180deg);transform: rotateY(180deg);} /*custom-pagination*/ .custom-pagination{display: block;margin: 0 auto;text-align: center;position: relative;z-index: 2;font-size: 0;} .custom-pagination li{position: relative;display: inline-block;vertical-align:middle;} .custom-pagination li a{display: inline-block;color: rgba(33, 15, 9, 0.8);font-size: 20px;cursor: pointer;width: 42px;height: 40px;border: 1px solid transparent;line-height: 40px;border-radius: 50%;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .custom-pagination li.active a{font-size: 24px;color: #210f09;border-color: #e2b975;} .custom-pagination li.dott{display: inline-block;color: rgba(33, 15, 9, 0.8);font-size: 20px;height: 40px;line-height: 40px;width: 16px;cursor: inherit;} /*vacancies*/ .vacancies-item.type-2{margin-bottom: 0;} .vacancies-item.type-2 .vacancies-img:before, .vacancies-item.type-2 .vacancies-img:after{content: none;} .vacancies-location{display: block;position: relative;} .vacancies-location span{position: absolute;top: 0;left: 0;width: 20px;height: 26px;} .vacancies-location span img{width: 100%;} .vacancies-location p{padding-left: 28px;} .vacancies-location.simple-text p{line-height: 26px;} .vacancies-requirements{display: block;margin-top: 10px;} .vacancies-requirements li{color: #7c7470;font-size: 20px;line-height: 28px;} .vacancies-requirements span{color: #210f09;} .vacancies-item-list{margin-bottom: 10px;} .vacancies-item-list p{font-size: 24px;line-height:28px; color: #210f09;} .vacancies-item-list p span, .vacancies-item-list p a{color: rgba(33, 15, 9, 0.7);} /*about*/ .about-img{position: relative;} /*bakery*/ .bakery-decor:before, .bakery-decor:after{content: "";position: absolute;top: -60%;left: 22%;background: url(../img/bakery-title-decor-left.png);background-size: cover;width: 282px;height: 427px;} .bakery-decor:after{top: -55%;left: auto;right: 26%; background: url(../img/bakery-title-decor-right.png);width: 247px;height: 333px;} /*create*/ .create-decor:before, .create-decor:after, .create-decor.color-2:before, .create-decor.color-2:after{content: "";position: absolute;top: -46%;left: 12%;background: url(../img/create-left-element.png);background-size: cover;width: 561px;height: 443px;} .create-decor:after, .create-decor.color-2:after{top: -40%;left: auto;right: 7%; background: url(../img/create-right-element.png);width: 239px;height: 198px;} /*create color-2*/ .create-decor.color-2:before, .create-decor.color-2:after{background: url(../img/start-element-left.png);height: 393px;left: 19%;top: -61%;} .create-decor.color-2:after{background: url(../img/start-element-right.png);height: 198px;left: auto;right: 14%;} @media(min-width: 1200px){ .news-item a:hover, .custom-pagination li a:hover, .vacancies-item a:hover, .vacancies-item-list a:hover{color: #cb542c;} .custom-pagination li.dott:hover{color: rgba(33, 15, 9, 0.8);} } @media(max-width: 991px){ .news-item, .vacancies-item{margin-bottom: 50px;} .about-img:before, .about-img:after, .about-img i:before, .about-img i:after, .news-img:before, .news-img:after{display: none;} } @media(max-width: 767px){ .news-item, .vacancies-item{margin-bottom: 30px;} .news-img:before,.news-img:after, .vacancies-img:before,.vacancies-img:after{content: none;} .vacancies-item-list p{font-size: 18px;line-height: 22px;} .vacancies-requirements li{font-size: 16px;line-height: 20px;} .breadcrumbs{display: none;} .about-gallery .banner-align{height: 300px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 15 - MAP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .map-wrapper{position: relative;} .map-block{height:calc(100vh - 80px);} .map-content-wrapp{position: relative;width:300px;height: auto; padding:40px 20px 20px;margin-left:0;margin-right:0;margin-bottom:0;text-align: left;} .map-content-wrapp:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/marker-bg.jpg);background-size: cover;} .map-content-wrapp:after{content: "";position: absolute;bottom: -11px;left: 50%;margin-left: -12px;width: 0;margin-top: -3px;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 11px solid #141414;} .map-block .gm-style-iw-t:after{display:none !important;} .map-block .gm-style-iw > button{background: #fff !important;right:0px!important;top:0px!important;} .map-block .gm-style-iw{top: 0!important;left: 0!important; overflow: visible!important;padding:0 !important;} .gm-style-iw > div, .gm-style-iw > div > div {overflow: visible !important;} .gm-style-iw + div{opacity: 1!important;width: 17px!important;height: 17px!important;right: 10px!important;} .gm-style-iw + div > img{display: none;} .gm-style-iw + button > img{display:none !important;} .gm-style-iw + button{width:37px;height:37px;} .gm-style-iw + button::before{content:"";display: block;width:2px;height:20px;left:0;top:10px;background:#fff;margin: 0 auto;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right: 5px;} .gm-style-iw + button::after{content:"";display: block;width:2px;height:20px;left:0;top:10px;background:#fff;margin: 0 auto;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;right: 5px;} .gm-style-iw + div:before, .gm-style-iw + div:after{content: "";height: 2px;width: 21px;display: block;position: absolute;top: 8px;left: -2px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;} .gm-style-iw + div:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);} /*.gm-style-pbc + div div div:nth-child(4) > div > div > div{display: none;}*/ .map-block .gm-style > div > div > div > div > div[style*='background-image']{font-family: 'IntroHead' !important;font-weight: 400 !important;font-size: 18px !important;color:#fff !important;background-repeat: no-repeat;z-index: 1;} /*.map-block .gm-style > div > div > div > div > div[style*='background-image']:before{content: '';position: absolute;top: -1px;right: 0;width: 25px;height: 25px;background: #cb542c;border-radius: 50%;z-index: -1;}*/ .map-content-wrapp .marker-title{position: relative; font-size: 30px;color: #fff;margin-bottom: 20px;font-family: 'AmaticBold';letter-spacing: 0.4px;} .map-content-wrapp .map-content {position: relative;color: #fff;} .map-content-wrapp .map-content div,.map-content-wrapp .map-content a{font-family: 'IntroHead';color: #fff;font-size: 20px;margin-bottom: 15px;} .map-content-wrapp .map-content div:last-child{margin-bottom: 0;} .map-content-wrapp .map-content div span{color: #e2b975;padding-left: 5px;} .map-content-wrapp .tel-wrapp{position: relative;line-height:28px;margin-top:20px;} .map-content-wrapp .tel-wrapp:before{content: "";position: absolute;top: 50%;left: 0;margin-top:-13px; background: url(../img/map-phone-icon.png);background-size: cover;width:21px;height:21px;} .map-content-wrapp .tel-wrapp img{position: absolute;top: 16px;left: 20px;} .map-content-wrapp .tel-wrapp a{padding-left:40px;font-size: 24px; color: #fff;} .map-wrapper .map-filter{position: absolute;top:50%;left:0;width:300px;-webkit-transform:translateY(-50%);transform:translateY(-50%); z-index: 1;display: inline-block;background: url(../img/marker-bg.jpg);background-size: cover;} .filter-top{height:120px;background: #e2b975;} .map-wrapper .map-filter .filter-inner{padding:40px 15px;} .map-wrapper .map-filter .filter-inner .sumoselect-wrapp{min-width:auto;} .filter-top{padding: 25px 15px 20px;} /*map claster*/ .pac-container{background: #faf7f1;border-radius: 0;margin-left: 2px;} .pac-container .pac-item{margin: 0 20px;padding: 0;font-family: 'AmaticBold';border-top: 1px solid #e6e1e0;font-size: 20px;line-height: 38px;cursor: pointer;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .pac-container .pac-item:nth-child(1){border-top: none;} .pac-icon-marker{display: none!important;} .pac-item-query{font-size: 20px;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .pac-container.pac-logo:after{content: none;} .map-wrapper .advantages-block{position: absolute;top: 40px;width: 100%;} /*map full height*/ @media(min-width: 1501px){ .map-wrapper.full-height{height: 100vmin;} .map-wrapper.full-height .map-block{height: inherit;} .map-wrapper.full-height .map-filter{top: 240px;} } @media(min-width: 1200px){ .map-content-wrapp .tel-wrapp a:hover,.map-content-wrapp .map-content a:hover{color: #cb542c;} .gm-style-iw + div:hover:before, .gm-style-iw + div:hover:after{background: #cb542c;} .pac-item:hover{background-color: #faf7f1;color: #e2b975;} .pac-item:hover .pac-item-query{color: #e2b975;} } @media(max-width: 1500px){ .map-wrapper.full-height{height: auto;} .filter-top{height: auto;} .map-wrapper .map-filter .filter-inner{padding:30px 15px;} } @media(max-width:1200px){ .map-block{height:600px;} } @media(max-width: 991px){ .map-block{height: 500px;} .map-wrapper .map-filter{position: relative;top: 0;display: block;width: 100%;left: 0;transform:none;} } @media(max-width: 767px){ .map-wrapper .map-filter .filter-inner{padding: 15px;} .map-content-wrapp{width: initial;padding:35px 15px 15px;} .map-content-wrapp .marker-title{font-size:20px;margin-bottom:10px;} .map-content-wrapp .map-content div{font-size: 16px;margin-bottom: 10px;} .map-block .gm-style-iw > button{right: 0px!important;top: 0px!important;} .map-content-wrapp .tel-wrapp{margin-top: 10px;line-height: 21px;} .map-content-wrapp .tel-wrapp a{padding-left:30px;font-size: 18px;} .build-route .simple-item .title span{display:none;} .map-content-wrapp .tel-wrapp:before{margin-top:-10px;width:18px;height: 18px;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 16 - SUMOSELECT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .sumoselect-wrapp {font-family: 'AmaticBold';position: relative;font-size: 24px;line-height: 10px; text-transform: inherit; display: block; min-width: 246px;outline: none;} .sumoselect-wrapp .SumoSelect {max-width: 100%; width: 100%; text-align: left; outline: none;} .SelectBox,.SumoSelect > .CaptionCont > span,.SumoSelect > .CaptionCont > label {font-family: 'AmaticBold';cursor: pointer;color: #fff;font-size: 24px;} .SumoSelect > .CaptionCont {position: relative;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;font-size: 24px;color: #fff;border: 2px solid #e2b975;padding: 0 40px 0 20px;border-radius: 0;outline: none;background: transparent;} .SelectBox {padding: 0;padding-right: 40px;} .SumoSelect > .CaptionCont > span {padding-right: 0;padding: 0;font-size: 24px;line-height: 50px;padding-top: 3px;color: rgba(255,255,255,0.7);} .SumoSelect > .CaptionCont > label > i {right: 0;} .SumoSelect.open > .optWrapper {top: 57px;border-color: #faf7f1;} .sumoselect-wrapp .SumoSelect.open > .optWrapper {top: 57px;border-color: #faf7f1;border-radius: 0;} .sumoselect-wrapp .SumoSelect > .optWrapper > .options {border-radius: 0; max-height: 240px;background: #faf7f1;} .SumoSelect > .optWrapper > .options li.opt {padding: 0;font-size: 24px;line-height: 47px;margin: 0 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;font-family: 'AmaticBold';border-bottom: 1px solid #e6e1e0;} .SumoSelect > .optWrapper > .options > li.opt:first-child{border-radius: 0;} .SumoSelect > .optWrapper > .options li label{font-family: 'AmaticBold';} .SumoSelect > .CaptionCont > span.placeholder {color: #fff;font-style: normal;} .filter-inner .SumoSelect > .CaptionCont > span.placeholder{font-size: 24px; color: rgba(255,255,255,0.7);} .SumoSelect > .optWrapper > .options li.opt.disabled{display: none;} .sumoselect-wrapp .SumoSelect > .CaptionCont > label {width: 20px;right: 10px;} .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;right: 3px;top: 1px;width: 11px;height: 11px;border-left: 2px solid rgba(255,255,255,0.7);border-bottom: 2px solid rgba(255,255,255,0.7);transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .sumoselect-wrapp .SumoSelect.open .CaptionCont > label > i:before{top: 7px; -webkit-transform: rotate(-225deg);transform: rotate(-225deg);} .sumoselect-wrapp .SumoSelect > .optWrapper > .options li span{display: block;color: red;font-size: 16px;} /*.sumoselect-wrapp.style-2*/ .sumoselect-wrapp.style-2{display: inline-block;} .sumoselect-wrapp.style-2 .SelectBox, .sumoselect-wrapp.style-2 .SumoSelect > .CaptionCont > span, .sumoselect-wrapp.style-2 .SumoSelect > .CaptionCont > label{color: #000;} .sumoselect-wrapp.style-2 .SumoSelect > .CaptionCont > label > i:before{border-left: 2px solid rgba(0,0,0,0.7);border-bottom: 2px solid rgba(0,0,0,0.7);} @media(min-width: 1200px){ .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {box-shadow: none;border-color: #cb542c;} .SumoSelect:hover > .CaptionCont, .SumoSelect:focus > .CaptionCont{box-shadow: none; border-color: #e2b975;} .SumoSelect:hover > .CaptionCont{border-color: #cb542c;} .SumoSelect > .optWrapper > .options li.opt:hover {background: transparent; color: #e2b975;} } @media(max-width:1500px){.sumoselect-wrapp .SumoSelect > .optWrapper > .options{max-height:170px;}} @media(max-width: 1199px){.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont{box-shadow: none;border-color: #e9e9e9;}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 17 - INSTAGRAM */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .instagram-photo-wrapper{position: relative;max-width: 1180px;margin: 0 auto;z-index: 1;} .instagram-photo-wrapper .instagram-photo{display: block; height: 180px;font-size: 0;background-size: cover;background-position: center center;background-repeat: no-repeat;z-index: 1;} .instagram-photo{position: relative;overflow: hidden;} .instagram-photo img{width: 100%;} .instagram-photo:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(33,15,9,0.6);opacity: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;-webkit-transform: scale(0);transform: scale(0);} .instagram-photo-wrapper .row > div[class^="col-"]:nth-child(1){margin-top: 20%;} .instagram-photo-wrapper .row > div[class^="col-"]:nth-child(3){margin-top: 8%;} .instagram-photo-wrapper .row > div[class^="col-"]:nth-child(4){margin-top: 18%;} @media(min-width: 1200px){.instagram-photo:hover:before{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}} @media(min-width: 768px) and (max-width: 992px){.instagram-photo-wrapper .instagram-photo{height: 160px;}} @media(max-width: 767px){ .instagram-photo-wrapper .row > div[class^="col-"]:nth-child(1), .instagram-photo-wrapper .row > div[class^="col-"]:nth-child(3), .instagram-photo-wrapper .row > div[class^="col-"]:nth-child(4){margin-top: 0;} .instagram-photo-wrapper .row > div[class^="col-"]:nth-child(n):before, .instagram-photo-wrapper .row > div[class^="col-"]:nth-child(n):after{content: none;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 18 - TABS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tab-wrapper{position: relative;} .tab-wrapper .tab-nav-line{justify-content:space-between;} .tab-wrapper .tab-info {display: none;} .tab-wrapper .tab-info.active {display: block;} .tab-wrapper .nav-tab {text-align: center;font-size:0;display: inline-block;border: 2px solid #e2b975;padding: 5px;} .tab-wrapper .nav-tab-item{position: relative;display: inline-block;cursor: pointer;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;text-align: center;} .tab-wrapper .nav-tab-item .nav-tab-item-caption{font-family: 'AmaticBold';position: relative; font-size: 24px;line-height: 24px;color: #50493f;display: block;padding: 12px 5px 6px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;z-index: 1;text-transform: uppercase;min-width: 118px;letter-spacing: 0.5px;} .tab-wrapper .nav-tab-item .nav-tab-item-caption:before{content: none;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .tab-wrapper .nav-tab-item.active .nav-tab-item-caption{color: #fff;background-color:#CB542C;} /*.tab-wrapper .nav-tab-item.active .nav-tab-item-caption:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/button-bg.png);background-repeat: no-repeat;z-index: -1;background-size: cover;}*/ .tab-wrapper .tabs-content{position: relative;} .tab-wrapper.type-2 .nav-tab-item .nav-tab-item-caption{min-width: auto;padding: 12px 22px 6px;} /*mobile select*/ .select-open{display: none;position: relative;min-width: 250px;margin: 0 auto;font-size: 24px;line-height: 50px;color: #000;border: 2px solid #e2b975;padding: 0 35px 0 20px;outline: none;background: transparent;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-align: left;} .select-open .txt{font-family: 'AmaticBold';} .select-open i{position: absolute;right: 10px;top: 14px;width: 20px;height: 20px;} .select-open i:before{content: "";position: absolute;right: 3px;top: 1px;width: 11px;height: 11px;border-left: 2px solid rgba(0,0,0,0.7);border-bottom: 2px solid rgba(0,0,0,0.7); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .select-open.active i:before{top: 7px;-webkit-transform: rotate(-225deg);transform: rotate(-225deg);} @media(max-width: 1199px){ .tab-nav-line.flex-align{display: block;} .tab-nav-wrapper{text-align: right;margin-top: 20px;position: relative;} .tab-wrapper.type-2 .tab-nav-wrapper{margin-top: 0;text-align: center;} } @media(max-width: 767px){ .select-open, .tab-wrapper .nav-tab, .tab-wrapper .nav-tab-item{display: block;} .tab-wrapper .nav-tab{position:relative;left:auto;top:auto;width: 100%;z-index: 50;background: #faf7f1;display:block!important;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 19 - ADDRESS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .list-address-inner{display: none; visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .list-address-inner.open{visibility: visible;opacity: 1;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;display: block;} .list-address-inner .row div[class^="col-"] .list-address-item{margin-bottom: 45px;position: relative;} .list-address-item .content{position: relative;padding-left: 120px;} .list-address-item .content a{color: rgba(35, 16, 10, 0.7);font-size: 24px;display: inline-block;margin-top: 4px;} .address-img, .address-counter{position: absolute;left: 0;top: 6px;width: 79px;height: 60px;background: url(../img/address-img.png);background-repeat: no-repeat;background-size: cover;} .address-counter{width: 36px;height: 33px;background: url(../img/price-bg.png);left: 51px;top: -8px;} .address-counter i{font-size: 20px;color: #fffefe;text-align: center;display: block;line-height: 35px;letter-spacing: 0.3px;} .list-address-inner .row-2-columns > *[class*="col"]:nth-child(2n+1){clear: both;} @media(min-width: 1200px){.list-address-item .content a:hover{color: #cb542c;}} @media(max-width: 991px){.list-address-item .content{padding-left: 95px;}} @media(max-width: 767px){.list-address-inner .row div[class^="col-"] .list-address-item{margin-bottom: 30px;}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 20 - FRANCHISE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .section-bg{position: relative;height: 600px;} /*franchise decor*/ .franchise-decor:before{content: "";position: absolute;top: -92%;left: 12%;background: url(../img/franchise-banner-decor.png);background-size: contain;width: 1003px;height: 476px;} /*model-franchising*/ .model-franchising-img{position: relative;} .model-franchising-img:before, .model-franchising-img:after{content: "";position: absolute;top: -35%;right: -21%;background: url(../img/model-franchising-decor-top.png);background-size: cover;width: 227px;height: 250px;} .model-franchising-img:after{background: url(../img/model-franchising-decor-bottom.png);width: 165px;height: 175px;top: auto;bottom: -28%;right: -2%;} /*advantages-item*/ .advantages-item{position: relative;text-align: center;} .advantages-item .icon{position: relative; display: block;width: 120px;height: 120px;border: 2px solid #e2b975;margin: 0 auto;margin-bottom: 30px;border-radius: 50%;} .advantages-item .icon img{max-width:65px;position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .advantages-bg-images img{position: absolute;z-index: 1;} .advantages-bg-images img:nth-child(1){left: 2%;top: -11%;} .advantages-bg-images img:nth-child(2){right: 3%;top: 4%;} .advantages-bg-images img:nth-child(3){left: 0;bottom: 13%;} .advantages-bg-images img:nth-child(4){right: 5%;bottom: -4%;} /*requirements*/ .requirements-img-decor:before{content: "";position: absolute;top: -20%;right: -15%;background: url(../img/requirements-img-decor.png);background-size: cover;width: 430px;height: 366px;} .franchise-gallery-slider{max-width: 1192px;overflow: visible;} /*terms*/ .table-wrapp{overflow-y: auto;} .table-wrapp table {width: 100%;border-collapse: collapse;border-spacing: 0;border:1px solid grey;} .table-wrapp table thead tr td{background: #e2ba77;color: #fff;font-size: 36px;line-height: 30px;height: 76px;font-family: 'AmaticBold';border-right: 1px solid #ebcfa0;} /*.table-wrapp table thead tr td:last-child{background: #cb542c;}*/ .table-wrapp table tr td{width: 20%;display: table-cell;vertical-align: middle;padding: 5px 10px;height: 70px;position: relative;text-align: center;color: rgba(0,0,0,0.7);font-size: 20px;letter-spacing: 0.5px;line-height: 24px;} .table-wrapp table tbody tr td{border: 1px solid #c5beba;} .table-wrapp table tbody tr td.price{font-size: 26px;line-height: 30px;} .table-wrapp table tbody tr:first-child td, .table-wrapp table tbody tr td:first-child{color: #000;} /*table-wrapp style-2*/ .table-wrapp.style-2 table thead tr td:last-child{background: #e2ba77;} .table-wrapp.style-2 table tbody tr td:last-child{color: rgba(0,0,0,0.8);} .table-wrapp.style-2 table tbody tr td{color: rgba(0,0,0,0.8);} /*reviews-video*/ .reviews-video-item{position: relative;height: 300px;} .video-bottom-block{position: absolute;left: 30px;bottom: 15px;} .video-bottom-block .name, .video-bottom-block .location{font-size: 24px;line-height: 30px;color: #fff;} /*class-shop-item*/ .class-shop-item{position: relative;text-align: center;} .class-shop-item .img{position: relative;min-height: 220px;margin-bottom: 20px;} .class-shop-item .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .class-shop-item .class-shop{font-size: 36px;line-height: 40px;color: #3d2906;letter-spacing: 0.5px;margin-bottom: 5px;} .class-shop-item .area-shop{color: #3d2906;opacity: 0.8;font-size: 24px;line-height: 30px;} .return-investment{position: relative;text-align: center;font-size: 24px;color: #3d2906;letter-spacing: 0.5px;} .return-investment span{color: rgba(61, 41, 6, 0.8);padding-left: 10px;} /*cost franchise*/ .download-presentation{background-color:#cb542c;position: relative;display: inline-block;text-align: center;padding: 25px 15px 20px;min-width: 265px;height: 152px;} .download-presentation span{color: #fff;font-size: 18px;text-transform: uppercase;display: block;line-height: 22px;letter-spacing: 0.5px;margin-top: 10px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} /*adbantages block*/ .advantages-block{position: relative;padding: 35px 0;} .advantages-block .advantages-item:after{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 50px;background: rgba(255,255,255,0.3);margin-top: -25px;} .advantages-block .row > *[class*="col"]:last-child .advantages-item:after{content: none;} .advantages-block .advantages-item .icon{width: 80px;height: 80px;margin-bottom: 15px;font-size: 38px;color: #fff;line-height: 80px;} .banner-advantages .advantages-block{margin-top: -80px;} @media(min-width: 1200px){.download-presentation:hover span{color: #3d2906;}} @media(min-width: 768px){.advantages-wrapper .row-3-columns > *[class*="col"]:nth-child(3n+1){clear: both;}} @media(max-width: 1500px){.franchise-decor:before{width: 700px;height: 350px;left: 22%;}} @media(max-width: 1199px){.download-presentation-wrapp:after, .model-franchising-img:before, .model-franchising-img:after{content: none;}} @media(max-width: 991px){.banner-advantages .advantages-block{margin-top: 50px;}} @media(max-width: 767px){ .advantages-wrapper .row-2-columns > *[class*="col"]:nth-child(2n+1){clear: both;} .table-wrapp table thead tr td{font-size: 16px;line-height: 18px;height: 70px;} .table-wrapp table tr td{padding: 5px;font-size: 14px;letter-spacing: 0.2px;line-height: 18px;height: 40px;} .table-wrapp table tbody tr td.price{font-size: 16px;line-height: 18px;} .download-presentation-wrapp{margin-top: 30px;text-align: center;} .class-shop-item .img{min-height: auto;margin-bottom: 10px;} .class-shop-item .img img{position: relative;top: auto;left: auto;transform: none;margin: 0 auto;} .class-shop-item .class-shop{font-size: 30px;line-height: 30px;margin-bottom: 0;} } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 21 - ANIMATION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ @media(min-width: 1601px) { .main-banner .swiper-slide .bg-decorate{right: 10%;} .main-banner .swiper-slide .bg-decorate{bottom: 23%;opacity: 0;-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;} .main-banner .swiper-slide.swiper-slide-active .bg-decorate{bottom: 33%;opacity: 1;} .main-banner.about-banner .swiper-slide .bg-decorate{bottom: 56%;right: 8%;} .main-banner.about-banner .swiper-slide.swiper-slide-active .bg-decorate{bottom: 62%;} } @media(min-width: 1200px){ /*bg animation*/ .item-animation .bg-animation-left{opacity: 0;-webkit-transition: all 0.6s ease-out 0.2s;transition: all 0.6s ease-out 0.2s;transform: translateX(-30%);-webkit-transform: translateX(-30%);} .item-animation .bg-animation-right{opacity: 0;-webkit-transition: all 0.6s ease-out 0.2s;transition: all 0.6s ease-out 0.2s;transform: translateX(130%);-webkit-transform: translateX(130%);} .item-animation.animation .bg-animation-left{opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);} .item-animation.animation .bg-animation-right{opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);} /*slide animation*/ .swiper-slide .slide-animation-top{transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 0.6s ease-out 0.2s;transition: all 0.6s ease-out 0.2s;opacity: 0.3;} .swiper-slide.swiper-slide-active .slide-animation-top{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;} .swiper-slide .slide-animation-left{transform: translateX(45px);-webkit-transform: translateX(45px);-webkit-transition: all 0.5s ease-out 0.2s;transition: all 0.5s ease-out 0.2s;} .swiper-slide .slide-animation-left-2{transform: translateX(70px);-webkit-transform: translateX(70px);-webkit-transition: all 0.5s ease-out 0.2s;transition: all 0.5s ease-out 0.2s;} .swiper-slide .slide-animation-left-3{transform: translateX(100px);-webkit-transform: translateX(100px);-webkit-transition: all 0.5s ease-out 0.2s;transition: all 0.5s ease-out 0.2s;} .swiper-slide.swiper-slide-active .slide-animation-left, .swiper-slide.swiper-slide-active .slide-animation-left-2, .swiper-slide.swiper-slide-active .slide-animation-left-3{transform: translateX(0);-webkit-transform: translateX(0);} .swiper-slide .banner-decorate-img img{position: absolute;opacity: 0;} .swiper-slide .banner-decorate-img img:nth-child(1){top: 50%;left: 45%;-webkit-transition: all 2s ease-out 1.1s;transition: all 2s ease-out 1.1s;} .swiper-slide .banner-decorate-img img:nth-child(2){top: 88%;left: 78%;-webkit-transition: all 2s ease-out 1.1s;transition: all 2s ease-out 1.2s;} .swiper-slide .banner-decorate-img img:nth-child(3){top: 84%;left: 48%;-webkit-transition: all 2s ease-out 1.1s;transition: all 2s ease-out 1.3s;} .swiper-slide .banner-decorate-img img:nth-child(4){top: 55%;right: 0;-webkit-transition: all 2s ease-out 1.4s;transition: all 2s ease-out 1.4s;} .main-banner .swiper-slide.swiper-slide-active .banner-decorate-img img{opacity: 1;} /*top animation*/ .item-animation .animation-top-sm{transform: translateY(20px);-webkit-transform: translateY(20px);-webkit-transition: all 0.7s ease-out 0.2s;transition: all 0.7s ease-out 0.2s;opacity: 0.3;} .item-animation .animation-top-md{transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 0.7s ease-out 0.2s;transition: all 0.7s ease-out 0.2s;opacity: 0.3;} .item-animation .animation-top-lg{transform: translateY(70px);-webkit-transform: translateY(70px);-webkit-transition: all 0.7s ease-out 0.2s;transition: all 0.7s ease-out 0.2s;opacity: 0.3;} .item-animation.animation .animation-top-sm, .item-animation.animation .animation-top-md, .item-animation.animation .animation-top-lg{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;} /*left animation*/ .item-animation .animation-left-sm{transform: translateX(45px);-webkit-transform: translateX(45px);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .item-animation .animation-left-md{transform: translateX(70px);-webkit-transform: translateX(70px);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .item-animation .animation-left-lg{transform: translateX(100px);-webkit-transform: translateX(100px);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .item-animation.animation .animation-left-sm, .item-animation.animation .animation-left-md, .item-animation.animation .animation-left-lg{transform: translateX(0);-webkit-transform: translateX(0);} } @media(max-width: 1400px){.main-banner.about-banner .swiper-slide .bg-decorate{display: none;}} .extra_configurator{padding: 36px;} @media(min-width: 992px){.extra_header-right{opacity: 0;}} .extra_header-right{position: absolute; margin-right:64px;} @media(max-width: 992px){.extra_search_phone_menu{display: none;/* visibility: hidden; margin-right: -34px !important; */}} @media(max-width: 992px){.title span{font-size: 47px;line-height: 1.15em;}} @media(min-width: 992px){.extra_search{display: none !important;/* opacity: 0; */}} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 22 - CHANGES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ @media (max-width:1200px){ .bg.fade-banner{width:100%;} } @media (max-width:767px){ .gm-style .map-image-wrap img{max-width: 100%;vertical-align: bottom;height:150px;width: 100%;} .full-height{height: auto;min-height: auto;} body.home .full-height{height: 100vmin;min-height: 550px;} .button.style-1{font-weight:500;} }