/** * Table of Contents * * Basic styles * Input and buttons * WP Forms * Header * -- Menu * Langague * Login * Main * Slider * Category Blog * Single content * Search * Ajax Search * Pagination * FAQ * 404 * Modal * About * Contacts page * Socials * Subscribe * Get In Touch * Footer * Back top * Fix edit * Fixed Get in Touch * Cookie notice * Preloader * Baguette Box */ /******* Basic styles *********/ * {outline: none;box-sizing: border-box;transition: all 0.4s ease-in-out;} article, aside, footer, header, nav, section {display: block}pre {font-family: monospace, monospace;font-size: 1em} b, strong {font-weight: bold} address {font-style: normal;} code {font-family: monospace, monospace;font-size: 1em} small {font-size: 70%} h1, h2, h3, h4, h5, h6 {padding: 0;margin: 0;} img {border-style: none;vertical-align:top;} textarea {overflow: auto} p {margin: 0;font-style: normal;} [hidden] {display: none} blockquote {font-family: "Inter", serif;position: relative;padding: 25px 7%;font-size: 20px;margin: 25px 0;border-radius: 10px;color: #0A2517;} blockquote:before, blockquote:after {font-family: serif;position: absolute;left: 0;color: #0A2517;width: 100%;font-size: 60px;font-weight: bold;line-height: 60px;} blockquote:before {content: "\201C";top: 0;text-align: left;} blockquote:after {content: "\201d";bottom: 0;text-align: right;} blockquote p {font-style: italic;} ul {list-style: none;margin: 0;padding: 0;} a {color: #007BFF;text-decoration: none;} a:focus, a:active, a:hover {color: #FFCD29;text-decoration: underline;} html, body {height: 100%;} body {font-family: "Inter", serif;position: relative;padding: 0;margin: 0;height: 100%;color:#0A2517;font-size: 16px;line-height: 1.5;font-weight:400;background:#fff;overflow-x: hidden;min-width: 340px;} .hidden {opacity: 0;} .visible {opacity: 1;} .clr {clear: both;} .overflow {overflow: hidden;} .container {max-width:1344px;margin: 0 auto;position: relative;padding:0;} .big_container {max-width:1344px;margin: 0 auto;position: relative;} .sm_container {max-width:960px;margin: 0 auto;position: relative;} .d_flex {display: flex;justify-content: space-between;flex-wrap: wrap;} .left_sd, .right_sd {width: 50%;padding: 25px;} .fl {float: left;} .fr {float: right;} .nodisplay {display: none;} .txt-acentr {text-align: center;} .txt-acentr .btn {display: inline-block;} .btn_rghtctr {display: flex;justify-content: flex-end;align-items: center;padding: 15px 0;flex-wrap: wrap;position: relative;} .btn_lftctr {display: flex;justify-content: flex-start;align-items: center;padding: 15px 0;flex-wrap: wrap;position: relative;} .btn_centctr {display: flex;justify-content: center;align-items: center;padding: 15px 0;flex-wrap: wrap;position: relative;} .btn_centctr .btn, .btn_centctr .btn_brd, .btn_centctr .btn_white, .btn_lftctr .btn, .btn_lftctr .btn_brd, .btn_lftctr .btn_white, .btn_rghtctr .btn, .btn_rghtctr .btn_brd, .btn_rghtctr .btn_white {margin: 10px;} @media (max-width:900px) { .btn_rghtctr,.btn_lftctr {justify-content: center;} .btn_centctr .btn,.btn_centctr .btn_brd,.btn_centctr .btn_white,.btn_lftctr .btn,.btn_lftctr .btn_brd,.btn_lftctr .btn_white,.btn_rghtctr .btn,.btn_rghtctr .btn_brd,.btn_rghtctr .btn_white {margin: 10px 5px;width: 100%;max-width: 280px;text-align: center;} } @media (max-width:400px) { .btn_centctr .btn,.btn_centctr .btn_brd,.btn_centctr .btn_white,.btn_lftctr .btn,.btn_lftctr .btn_brd,.btn_lftctr .btn_white,.btn_rghtctr .btn,.btn_rghtctr .btn_brd,.btn_rghtctr .btn_white {margin: 10px 0;max-width: 100%;display: block;} } @media (max-width:768px) { .left_sd,.right_sd{width: 100%;padding: 20px;} } /******* Input and buttons *********/ input[type="submit"], input[type="button"], button, .btn {font-family: "Inter",serif;-webkit-appearance: none;box-sizing: border-box;display: inline-block;padding:12px 22px !important;color: #fff;background: #007BFF;font-size:16px;line-height: 1;border-radius:12px;border: none;box-shadow: none;transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);height: auto;text-align: center;text-decoration: none !important;cursor: pointer;} input[type="button"]:is(:hover, :focus, :active) input[type="submit"]:is(:hover, :focus, :active) button:is(:hover, :focus, :active) .btn:hover:is(:hover, :focus, :active) input[type="submit"]:active, button:active, .btn:active{background:#fbbc04;color: #0D0D0D;text-decoration: none;outline: none;box-shadow: none;cursor: pointer;} input[type="submit"]:disabled, button:disabled, .btn:disabled{opacity:0.5;} input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="password"], input[type="date"], input[type="color"], select {-webkit-appearance: none;display: inline-block;line-height: 1;vertical-align: middle;font-size:16px;font-weight:400;color: #0d0d0d;;background:#fff;border: 1px solid #E6E6E6;padding:10px 16px;width:100%;border-radius:12px;box-shadow: none;box-sizing: border-box;transition: all 0.2s;margin-bottom: 10px;} select {font-size: 18px} select[multiple] {height: auto} input[type="text"]:is(:hover, :focus, :active), input[type="email"]:is(:hover, :focus, :active), input[type="number"]:is(:hover, :focus, :active), input[type="url"]:is(:hover, :focus, :active), input[type="search"]:is(:hover, :focus, :active), input[type="tel"]:is(:hover, :focus, :active), input[type="password"]:is(:hover, :focus, :active), input[type="date"]:is(:hover, :focus, :active), input[type="color"]:is(:hover, :focus, :active){border-color: #007BFF;outline: none} textarea {background: transparent;font-family: "Inter", serif;font-size:16px;font-weight: 400;color: #0d0d0d;border: 1px solid #E6E6E6;padding: 10px;outline: none;width: 100%;box-shadow: none;border-radius:12px;min-height:35px} textarea:is(:hover, :focus, :active){border-color: #007BFF;outline: none} label {font-weight: 500;} input::-webkit-calendar-picker-indicator {display: none;opacity: 0;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#888 !important;opacity: 1;font-size:14px;} input::-moz-placeholder, textarea::-moz-placeholder {color:#888 !important;opacity: 1;font-size:14px;} input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;} input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: transparent;} .btn_ico{display:flex;align-items: center;font-family: "Inter",serif;-webkit-appearance: none;box-sizing: border-box;padding:12px 22px !important;color: #fff;background: #007BFF;font-size:16px;line-height: 1;border-radius:12px;border: none;box-shadow: none;transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);height: auto;text-align: center;text-decoration: none !important;cursor: pointer;} .btn_ico i{display:block; width:22px;height:22px;filter:invert(1);margin:0 10px 0 0;} .btn_ico:is(:hover, :focus, :active){background:#fbbc04;color:#000;} .btn_ico:is(:hover, :focus, :active) i{filter:invert(0);} .checkbx{display:inline-block;vertical-align:top;margin:0 3px 0 0;width:50px;height:20px;z-index:20;} .checkbx:hover{cursor:pointer;} .checkbx + label{cursor:pointer;position: relative;display:inline-block;text-align:left;width:48px;height:28px;border-radius:50px;border:2px solid transparent;} .checkbx + label:focus,.checkbx + label:active,.checkbx:active + label,.checkbx:focus + label{border:2px solid #007BFF;} .checkbx:not(checked){position:absolute;opacity:0;visibility:hidden;height:0px;border:none;} .checkbx:not(checked) + label:before{content: '';position:absolute;top:2px;left:2px;width: 36px;height: 22px;border-radius:8px;background: #CBD5E1;} .checkbx:not(checked) + label:after{content:'\2716';position:absolute;top: 4px;left: 4px;width: 18px;height: 18px;border-radius:6px;background:#fff;color:#94A3B8;display:flex;align-items:center;justify-content: center;line-height:1;font-size:10px;transition: all .2s;} .checkbx:checked + label:before{background:#007BFF;} .checkbx:checked + label:after {left: 18px;content:'\1F5F8';color:#007BFF;font-weight:bold;font-size:14px;} /*scrollbar*/ ::-webkit-scrollbar {width: 10px;height: 5px;cursor: pointer} ::-webkit-scrollbar-track-piece {background: #eee;-webkit-border-radius: 10px} ::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: #D6CFC8;-webkit-border-radius: 10px;cursor: pointer;outline: none;} ::-webkit-scrollbar-thumb:horizontal {width: 10px;background-color: #D6CFC8;-webkit-border-radius: 10px;cursor: pointer;outline: none;} fieldset {border: none;padding: 0;} .btn_brd {display: inline-block;padding:12px 22px;line-height: 1;font-size:16px;background: transparent;border:1px solid #007BFF;color: #0d0d0d;border-radius:12px;text-align:center;text-decoration: none;cursor: pointer;} .btn_brd:hover, .btn_brd:focus, .btn_brd:active {background:#007BFF;color:#fff; text-decoration: none !important;} .btn_white {display: inline-block;padding:14px 22px;line-height: 1;font-size: 16px;background: #fff;color: #007BFF;font-weight: bold;border-radius: 50px;text-align: center;text-decoration: none;cursor: pointer;} .btn_white:hover, .btn_white:focus{background: #e3e3e3;color: #1B3D38;text-decoration: none !important;} .btn_white:active{background: #DFE6D2;color: #1B3D38;text-decoration: none !important;} .btn_brd:disabled, .btn_white:disabled{opacity:0.5;} /******* WP Forms *********/ .wpforms-hidden {display: none;} .wpforms-container {color: #1B3D38;} .wpforms-required-label {color: #FF2C16;} .wpforms-submit-container {margin: 10px 0;} .wpforms-confirmation-container {font-size: 18px;text-align: center;} .wpforms-field-row-block {position: relative;padding: 15px 0 0;} .wpforms-field-row-block label {position: absolute;left: 0;top: 0;} legend.wpforms-field-label {font-size: 19px;padding: 0 0 5px 0;} .wpforms-field-limit-text, .wpforms-label-hide {display: none;} .hidefield{display:none;} .wpforms-confirmation-container p{margin: 0;font-size: 16px;font-weight: 500;line-height: 1.1;} /******* Header *********/ header {position: relative;max-width: 100%;z-index: 10;} .false_menu {min-height:112px;} .head_top{position: fixed;width: 100%;z-index: 99;left: 0;top: 0;padding:20px 20px 0;display: flex;align-items: center;justify-content: center;flex-direction: column;} .head_topwrap{position:relative;margin: 0 auto;max-width:1344px;width: 100%;padding:20px;display: flex;align-items: center;justify-content: space-between;border:1px solid #E6E6E6;border-radius:24px;background: #fff;} .fixed .head_topwrap{padding:10px 25px;} .head_top.hide {transform: translateY(-100%);} .head_top.fixed{padding:5px 10px 0;} .left_head_wrap{display: flex;align-items: center;gap:10px;} .right_head_wrap{display: flex;align-items: center;justify-content:flex-end;gap:10px;} .logo_wrap{position: relative;} .logo_wrap a{transition: 0.6s ease-in-out;display: block;} .logo_wrap a:hover {transform: scale(1.1);} .logo{height:32px;width:auto;} .fixed .logo{height: 32px;} .admin-bar .head_top {top: 32px;} @media (max-width:960px) { .false_menu{min-height:67px;} .head_topwrap, .fixed .head_topwrap{padding:4px 10px;} .head_top{padding:10px 10px 0;background: #fff;border-radius: 0 0 35px 35px;} .head_topwrap{border-radius:12px;justify-content: flex-start;gap:10px;} .fixed .logo, .logo{height:26px;} .right_head_wrap .s_mn, .right_head_wrap .g_lang_wrap, .right_head_wrap .login_btn, .right_head_wrap .login_btn_wrap, .right_head_wrap .create_business span{display:none;} } @media (max-width:768px) { .head_topwrap .btn_brd{display:none;} } /******* Header Cities*********/ #city-selector-btn{position: relative;padding:10px;background:#F2F2F2;cursor:pointer;display: flex;align-items: center;border-radius:12px;} #city-selector-btn i{display:inline-block; width:20px;height:20px;background:url(../images/icons/svg/marker.svg) no-repeat center;background-size: cover;margin:0 10px 0 0;} #city-selector-btn span{color:#1A1A1A;} #city-selector-btn:is(:hover, :focus, :active){background:#007bff;} #city-selector-btn:is(:hover, :focus, :active) span{color:#fff;} #city-selector-btn:is(:hover, :focus, :active) i{filter: invert(1);} .city-hint{display:none;position:absolute;left:0;top:54px;background: #007bff;color: #fff;padding: 6px 12px;border-radius: 12px;font-size: 14px;white-space: nowrap;z-index: 999;box-shadow: 0 2px 6px rgba(0,0,0,0.2);animation: fadeInhint 0.3s ease;} .city-hint:before{content:'';position: absolute;border:10px solid transparent;border-bottom:10px solid #007bff;left: 10px;top:-20px;} .head_top.hide .city-hint{transform:translateY(-60px);} @keyframes fadeInhint {from {opacity: 0; transform: translateY(-5px);}to {opacity: 1; transform: translateY(0);}} #city-modal{position:fixed; top:0; left:0; right:0; bottom:0;background: rgba(0, 0, 0, 0);z-index: 999; pointer-events: none;transition: background 0.3s ease;} #city-modal.active {background: rgba(0, 0, 0, 0.5);pointer-events: all;backdrop-filter: blur(16px);} .modal-content{position: relative; background:#fff; margin:10% auto; padding:20px; width:100%;max-width:840px; border-radius:12px;transform: translateY(40px);opacity: 0;transition: transform 0.4s ease, opacity 0.4s ease;} #city-modal.active .modal-content{transform: translateY(0);opacity: 1;} .city-top-modal{display: flex;justify-content: space-between;padding:0 0 15px;} .city-top-modal span{font-size:24px;font-weight:500;display: inline-block;} .state-block{margin-bottom:10px;border-radius:12px;border:1px solid #E6E6E6;padding: 10px 10px 0;} .state-toggle{position: relative;display:block;width:100%;text-align:left;border:none;cursor:pointer;padding: 0 0 10px;} .state-toggle:after {content: '';position: absolute;right: 1px;top: 13px;width: 10px;height: 1px;transform: rotate(-45deg);background: #0D0D0D;transition: 0.4s ease-in-out;} .state-toggle:before {content: '';position: absolute;right: 8px;top: 13px;width: 10px;height: 1px;transform: rotate(45deg);background: #0D0D0D;transition: 0.4s ease-in-out;} .state-toggle.openst:after {transform: rotate(45deg);} .state-toggle.openst:before {transform: rotate(-45deg);} .state-toggle span{background: #F2F2F2 url(../images/icons/svg/valise.svg) no-repeat 10px center;background-size:16px;border-radius:50px;padding: 8px 10px 8px 30px;font-size:14px;} .cities-list{display: flex;flex-wrap: wrap;gap:5px;overflow: hidden;height: 0;transition: height 0.3s ease;transition:none;} .cities-list.open {height: auto;} .city-select{ display:block;text-align:left;padding:8px;border-radius:12px;border:1px solid #E6E6E6;margin:0 0 5px 0; cursor:pointer; } .city-select:active, .city-select:focus, .city-select:hover{background:#007BFF;color:#fff;} .empty_indent{height:5px;width:100%;} .all_cities_btn_ctr{display: flex;justify-content: flex-end; margin: 20px 0 0;} #modal-close{position:relative;border-radius:12px;width:36px;height:36px;background: #F2F2F2;transition: all 0.8s ease-in-out;} #modal-close:hover{cursor: pointer;background:#007BFF;} #modal-close:after, #modal-close:before{content: '';background: #0D0D0D;top: 18px;border-radius: 5px;height: 1px;width: 15px;position: absolute;left: 11px;transition: 0.5s ease-in-out;} #modal-close:after {transform: rotate(45deg);} #modal-close:before {transform: rotate(-45deg);} #modal-close:hover:after {transform: rotate(-45deg);background:#fff;} #modal-close:hover:before {transform: rotate(45deg);background:#fff;} @media (max-width:960px) { .left_head_wrap #city-selector-btn span{display: none;} .left_head_wrap #city-selector-btn i {margin:0;} } /******* Menu *********/ @media (min-width:960px) { .menu_mob_wrap{display:none;} } @media (max-width:960px) { .menu_mob_wrap{position:absolute;right:10px;} input[type="checkbox"]#menu-toggle+label {display: block;padding: 0;} #menu-toggle {opacity: 0;display: none;} #menu-toggle:checked~.menu-btn>span {transform: rotate(45deg);} #menu-toggle:checked~.menu-btn>span::before {top: 0;transform: rotate(-90deg);} #menu-toggle:checked~.menu-btn>span::after {opacity: 0;} #menu-toggle:checked~.menu_top {transform: translateX(0);} .menu-btn {transition: 0.6s;outline:none;display: flex;align-items: center;width: 32px;height:40px;right:0;top:0;cursor: pointer;z-index:9;position: relative;} .menu-btn>span {left: 4;} .menu-btn>span, .menu-btn>span::before, .menu-btn>span::after {display: block;position: absolute;top: 19px;width: 24px;height: 2px;background:#0d0d0d;transition-duration: .25s;} .menu-btn>span::before {content: '';top:-7px;} .menu-btn>span::after {content: '';top:7px;} .menu_top{transition: 0.6s;display:block;position:fixed;transform: translateX(-300%);text-align:center;top:60px;bottom: 0;width: 100%;max-width:400px;right: 0;margin: 0;padding:15px;background:#fff;z-index: 998;overflow-x: hidden !important;overflow-y: auto !important;box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);} .head_top.fixed .menu_top{top:55px;} .admin-bar .head_top.fixed .menu_top {top: 86px;} .menu_top *{transition: none;} .menu_top .login_btn{margin:0 0 10px;} } @media (max-width:960px) { .btn_search_catalog_wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;} .btn_search_catalog_wrap .catalog_btn{width:85%;} .login_btn_wrap{margin:0 0 10px;} } /******* Search *********/ .s_mn{position: relative;cursor:pointer;display:flex;justify-content:center;align-items:center;height:44px;width:44px;border-radius: 12px;background: #F2F2F2;} .s_mn:hover{background: #007BFF;} .s_mn:hover img{filter:invert(1);} #mdl_search_wrap{position:fixed; top:0; left:0; right:0; bottom:0;background: rgba(0, 0, 0, 0);z-index: 999; pointer-events: none;transition: background 0.3s ease;} #mdl_search_wrap.active{background: rgba(0, 0, 0, 0.5);pointer-events: all;backdrop-filter: blur(16px);} #mdl_search_box{position: relative; background:#fff; margin:10% auto; padding:20px; width:100%;max-width:840px; border-radius:12px;transform: translateY(40px);opacity: 0;transition: transform 0.4s ease, opacity 0.4s ease;} #mdl_search_wrap.active #mdl_search_box{transform: translateY(0);opacity: 1;} .search-top-modal{display: flex;justify-content: space-between;padding:0 0 15px;} .search-top-modal span{font-size:24px;font-weight:500;display: inline-block;} .cls_srch{position:relative;border-radius:12px;width:36px;height:36px;background: #F2F2F2;transition: all 0.8s ease-in-out;cursor: pointer;} .cls_srch:hover{cursor: pointer;background:#007BFF;} .cls_srch:after, .cls_srch:before{content: '';background: #0D0D0D;top: 18px;border-radius: 5px;height: 1px;width: 15px;position: absolute;left: 11px;transition: 0.5s ease-in-out;} .cls_srch:after {transform: rotate(45deg);} .cls_srch:before {transform: rotate(-45deg);} .cls_srch:hover:after {transform: rotate(-45deg);background:#fff;} .cls_srch:hover:before {transform: rotate(45deg);background:#fff;} #sform{position: relative;display:flex;align-items:center;justify-content:space-between;} #mdl_s{box-shadow: none;border:1px solid #ccc;color:#333;background:transparent;margin-bottom:0;padding:0 50px 0 15px;line-height:46px; display: inline-block;vertical-align: top;font-size:16px;font-weight:400;width: 100%;border-radius:12px;} #mdl_s.loader_padd{padding:0 50px;} #mdl_s:hover {transform:none;} #mdl_s:focus {outline: none;} input.mdl_sim {position:absolute;right:2px;top:2px;display:block;padding:0 !important;width:44px;height:44px;border-radius:10px; background:#007BFF url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk0MjIgMTcuMDU3OEwxNC4wMzA1IDEzLjE0NjlDMTUuMTY0MiAxMS43ODU3IDE1LjcyOTYgMTAuMDM5OCAxNS42MDg5IDguMjcyNDVDMTUuNDg4MyA2LjUwNTA2IDE0LjY5MDkgNC44NTIyMyAxMy4zODI2IDMuNjU3NzlDMTIuMDc0NCAyLjQ2MzM1IDEwLjM1NiAxLjgxOTI2IDguNTg0OTIgMS44NTk1MUM2LjgxMzg4IDEuODk5NzYgNS4xMjY1MyAyLjYyMTI1IDMuODczODkgMy44NzM4OUMyLjYyMTI1IDUuMTI2NTMgMS44OTk3NiA2LjgxMzg4IDEuODU5NTEgOC41ODQ5M0MxLjgxOTI2IDEwLjM1NiAyLjQ2MzM0IDEyLjA3NDQgMy42NTc3OSAxMy4zODI2QzQuODUyMjMgMTQuNjkwOSA2LjUwNTA2IDE1LjQ4ODMgOC4yNzI0NCAxNS42MDg5QzEwLjAzOTggMTUuNzI5NiAxMS43ODU3IDE1LjE2NDIgMTMuMTQ2OSAxNC4wMzA1TDE3LjA1NzggMTcuOTQyMkMxNy4xMTU5IDE4LjAwMDMgMTcuMTg0OCAxOC4wNDYzIDE3LjI2MDcgMTguMDc3N0MxNy4zMzY2IDE4LjEwOTIgMTcuNDE3OSAxOC4xMjUzIDE3LjUgMTguMTI1M0MxNy41ODIxIDE4LjEyNTMgMTcuNjYzNCAxOC4xMDkyIDE3LjczOTMgMTguMDc3N0MxNy44MTUyIDE4LjA0NjMgMTcuODg0MSAxOC4wMDAzIDE3Ljk0MjIgMTcuOTQyMkMxOC4wMDAzIDE3Ljg4NDEgMTguMDQ2MyAxNy44MTUyIDE4LjA3NzcgMTcuNzM5M0MxOC4xMDkyIDE3LjY2MzQgMTguMTI1MyAxNy41ODIxIDE4LjEyNTMgMTcuNUMxOC4xMjUzIDE3LjQxNzkgMTguMTA5MiAxNy4zMzY2IDE4LjA3NzcgMTcuMjYwN0MxOC4wNDYzIDE3LjE4NDggMTguMDAwMyAxNy4xMTU5IDE3Ljk0MjIgMTcuMDU3OFpNMy4xMjUgOC43NUMzLjEyNSA3LjYzNzQ4IDMuNDU0OSA2LjU0OTk0IDQuMDcyOTggNS42MjQ5MkM0LjY5MTA2IDQuNjk5ODkgNS41Njk1NyAzLjk3ODkyIDYuNTk3NCAzLjU1MzE4QzcuNjI1MjQgMy4xMjc0MyA4Ljc1NjI0IDMuMDE2MDQgOS44NDczOCAzLjIzMzA4QzEwLjkzODUgMy40NTAxMiAxMS45NDA4IDMuOTg1ODUgMTIuNzI3NSA0Ljc3MjUyQzEzLjUxNDEgNS41NTkxOSAxNC4wNDk5IDYuNTYxNDcgMTQuMjY2OSA3LjY1MjYyQzE0LjQ4NCA4Ljc0Mzc2IDE0LjM3MjYgOS44NzQ3NiAxMy45NDY4IDEwLjkwMjZDMTMuNTIxMSAxMS45MzA0IDEyLjgwMDEgMTIuODA4OSAxMS44NzUxIDEzLjQyN0MxMC45NTAxIDE0LjA0NTEgOS44NjI1MiAxNC4zNzUgOC43NSAxNC4zNzVDNy4yNTg2NiAxNC4zNzMzIDUuODI4ODggMTMuNzgwMiA0Ljc3NDM1IDEyLjcyNTZDMy43MTk4MSAxMS42NzExIDMuMTI2NjUgMTAuMjQxMyAzLjEyNSA4Ljc1WiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K') no-repeat center;background-size:20px;} input.mdl_sim:hover {cursor: pointer;background:#FFCD29 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk0MjIgMTcuMDU3OEwxNC4wMzA1IDEzLjE0NjlDMTUuMTY0MiAxMS43ODU3IDE1LjcyOTYgMTAuMDM5OCAxNS42MDg5IDguMjcyNDVDMTUuNDg4MyA2LjUwNTA2IDE0LjY5MDkgNC44NTIyMyAxMy4zODI2IDMuNjU3NzlDMTIuMDc0NCAyLjQ2MzM1IDEwLjM1NiAxLjgxOTI2IDguNTg0OTIgMS44NTk1MUM2LjgxMzg4IDEuODk5NzYgNS4xMjY1MyAyLjYyMTI1IDMuODczODkgMy44NzM4OUMyLjYyMTI1IDUuMTI2NTMgMS44OTk3NiA2LjgxMzg4IDEuODU5NTEgOC41ODQ5M0MxLjgxOTI2IDEwLjM1NiAyLjQ2MzM0IDEyLjA3NDQgMy42NTc3OSAxMy4zODI2QzQuODUyMjMgMTQuNjkwOSA2LjUwNTA2IDE1LjQ4ODMgOC4yNzI0NCAxNS42MDg5QzEwLjAzOTggMTUuNzI5NiAxMS43ODU3IDE1LjE2NDIgMTMuMTQ2OSAxNC4wMzA1TDE3LjA1NzggMTcuOTQyMkMxNy4xMTU5IDE4LjAwMDMgMTcuMTg0OCAxOC4wNDYzIDE3LjI2MDcgMTguMDc3N0MxNy4zMzY2IDE4LjEwOTIgMTcuNDE3OSAxOC4xMjUzIDE3LjUgMTguMTI1M0MxNy41ODIxIDE4LjEyNTMgMTcuNjYzNCAxOC4xMDkyIDE3LjczOTMgMTguMDc3N0MxNy44MTUyIDE4LjA0NjMgMTcuODg0MSAxOC4wMDAzIDE3Ljk0MjIgMTcuOTQyMkMxOC4wMDAzIDE3Ljg4NDEgMTguMDQ2MyAxNy44MTUyIDE4LjA3NzcgMTcuNzM5M0MxOC4xMDkyIDE3LjY2MzQgMTguMTI1MyAxNy41ODIxIDE4LjEyNTMgMTcuNUMxOC4xMjUzIDE3LjQxNzkgMTguMTA5MiAxNy4zMzY2IDE4LjA3NzcgMTcuMjYwN0MxOC4wNDYzIDE3LjE4NDggMTguMDAwMyAxNy4xMTU5IDE3Ljk0MjIgMTcuMDU3OFpNMy4xMjUgOC43NUMzLjEyNSA3LjYzNzQ4IDMuNDU0OSA2LjU0OTk0IDQuMDcyOTggNS42MjQ5MkM0LjY5MTA2IDQuNjk5ODkgNS41Njk1NyAzLjk3ODkyIDYuNTk3NCAzLjU1MzE4QzcuNjI1MjQgMy4xMjc0MyA4Ljc1NjI0IDMuMDE2MDQgOS44NDczOCAzLjIzMzA4QzEwLjkzODUgMy40NTAxMiAxMS45NDA4IDMuOTg1ODUgMTIuNzI3NSA0Ljc3MjUyQzEzLjUxNDEgNS41NTkxOSAxNC4wNDk5IDYuNTYxNDcgMTQuMjY2OSA3LjY1MjYyQzE0LjQ4NCA4Ljc0Mzc2IDE0LjM3MjYgOS44NzQ3NiAxMy45NDY4IDEwLjkwMjZDMTMuNTIxMSAxMS45MzA0IDEyLjgwMDEgMTIuODA4OSAxMS44NzUxIDEzLjQyN0MxMC45NTAxIDE0LjA0NTEgOS44NjI1MiAxNC4zNzUgOC43NSAxNC4zNzVDNy4yNTg2NiAxNC4zNzMzIDUuODI4ODggMTMuNzgwMiA0Ljc3NDM1IDEyLjcyNTZDMy43MTk4MSAxMS42NzExIDMuMTI2NjUgMTAuMjQxMyAzLjEyNSA4Ljc1WiIgZmlsbD0iIzBEMEQwRCIvPgo8L3N2Zz4K') no-repeat center;background-size:20px;} #mdl_search_box input::-webkit-input-placeholder {opacity: 1;font-size:14px;font-weight: 300;line-height: 1;padding: 5px 0;color: #a3a3a3;} #mdl_search_box input::-moz-placeholder {opacity: 1;font-size:14px;font-weight: 300;line-height: 1;padding: 5px 0;color: #a3a3a3;} #mdl_search_box input:focus::-webkit-input-placeholder {color: transparent;} #mdl_search_box input:focus::-moz-placeholder {color: transparent;} @media (max-width:1060px) { .mdl_search_ttl, #mdl_search_box .cls_search{display:block;} #mdl_search_box .cls_search {position: absolute;top: 10px;right:10px;width:20px;height:26px;} #mdl_search_box .cls_search_ll, #mdl_search_box .cls_search_lr {background: #0D0D0D;top: 12px;height:3px;width:20px;} #mdl_search_box{width:98%;margin:1% auto 0; padding:10px;background:#fff;border-radius:5px;} #mdl_s{padding:0 10px 0 50px;} } /******* Ajax Search *********/ .ajaxsearch{position:relative;padding:0;display: none;overflow-x: hidden;overflow-y: auto;} .search_item {color: #0d0d0d;vertical-align: top;overflow: hidden;line-height:1.1;padding:5px;display:flex;align-items: center;border-radius:10px;gap: 15px;} .search_item:hover {background:#efefef;text-decoration: none;color: #0d0d0d;} .search_item_thumb{width: 55px;height: 55px;display: flex;} .search_item img {margin-right: 10px;background: #fff;height: auto;width:auto;max-width: 55px;max-height: 55px;border-radius: 6px;} .search_item span {display:block;line-height: 1.2;font-size:14px;} .ajaxsearch_wrap{position:relative;} .loader_crcl.search_spin{display:none;left:0;top:3px;transform: scale(0.7);} .search_item_err {text-align: left;color: #999;font-weight:500;} .falsesearch.see_all{display: none;} @media (min-width:1060px) { .ajaxsearch_wrap.live_on{border-radius:12px;border: 1px solid #ccc;margin: 10px 0 0;padding:5px;} } @media (max-width:768px) { .ajaxsearch{padding:15px 0 10px 0;} .search_spin {top: 46px;} } /*scrollbar*/ .ajaxsearch::-webkit-scrollbar {width: 6px;height: 5px;cursor: pointer} .ajaxsearch::-webkit-scrollbar-track-piece {background: #eee;-webkit-border-radius: 3px} .ajaxsearch::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: #d1d1d1;-webkit-border-radius: 3px;cursor: pointer;outline: none;} .ajaxsearch::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: #d1d1d1;-webkit-border-radius: 3px;cursor: pointer;outline: none;} /******* Langague *********/ .g_lang_wrap{position:relative;} @media (min-width:960px) { .g_lang_btn{position:relative;padding:0;width:44px;height:44px;border-radius:10px;background:#F2F2F2;display: flex;align-items: center;justify-content: center;} .g_lang_btn:is(:hover, :focus, :active){cursor:pointer;background:#007BFF} .g_lang_btn i{display: block;width:20px;height:20px; background: url(../images/icons/svg/earth.svg) no-repeat center;background-size:20px;} .g_lang_btn:is(:hover, :focus, :active) i{filter:invert(1);} .g_lang{position:absolute;top:44px;background:#fff;border-radius:12px;box-shadow:0 5px 10px 0 rgba(0, 0, 0, .1);overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.7s ease, opacity 0.5s ease;pointer-events: none;} .g_lang.active{max-height:10000px;opacity: 1;pointer-events: auto;visibility: visible;} .g_lang_wrapper{position: relative;} .g_lang_wrapper a{font-size:16px;font-weight:400 !important; position:relative;display:block;line-height:30px;color:#0D0D0D;padding: 0px 12px;} a.glink.gt-current-lang, .g_lang_wrapper a:is(:hover, :focus, :active){background:#007BFF;color:#fff;} } @media (max-width:960px) { .lang_ctr{position:relative;padding:5px;background:#F2F2F2;border-radius:12px;margin:0 0 10px;} .lang_bg_wrp{position:relative;} .gtranslate_wrapper{position:relative;display:flex;background:#F2F2F2;border-radius:12px;overflow:hidden;width:100%;} .gtranslate_wrapper a{display: block; flex:1;position:relative;z-index:2;padding:8px 0;text-align:center;text-decoration:none;color:#333;font-weight:500;transition:color 0.3s ease;} .gtranslate_wrapper a.gt-current-lang{color:#fff;} .gtranslate_wrapper .gtranslate_slider{position:absolute;top:0;left:0;height:100%;background:#0073e6;border-radius:12px;transition:all 0.3s ease;z-index:1;} } /******* Login *********/ .login_btn{display:flex;align-items:center;position:relative;text-align:center; padding:0 15px;line-height:44px;border-radius:10px;background:#F2F2F2;white-space:nowrap;color:#0D0D0D;} .login_btn i{display:block;width:20px;height:20px; background:url(../images/icons/svg/logout.svg) no-repeat center;background-size: cover;flex-shrink: 0;} .login_btn span{padding:0 0 0 8px;} .login_btn.my_account_btn i{background:url(../images/icons/svg/user.svg) no-repeat center;background-size:cover;} .login_btn:focus, .login_btn:active, .login_btn:hover{cursor:pointer;background:#007BFF;color:#fff;text-decoration:none;} .login_btn:focus i, .login_btn:active i, .login_btn:hover i{filter:invert(1);} .login_btn_wrap{position:relative;} .logout_btn_wrap{position:absolute;top:44px;min-width:100%;padding:10px 0 0;border-radius:12px;overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.7s ease, opacity 0.5s ease;pointer-events: none;} .logout_btn_wrap.active{max-height:10000px;opacity: 1;pointer-events: auto;visibility: visible;} .logout_link_btn{display:flex;align-items:center; padding:0 15px;line-height:44px;border-radius:10px;background:#F2F2F2;white-space:nowrap;color:#0D0D0D;} .logout_link_btn i{display:block;width:20px;height:20px; background:url(../images/icons/svg/logout.svg) no-repeat center;background-size: cover;flex-shrink: 0;} .logout_link_btn span{padding:0 0 0 8px;} .logout_link_btn:focus, .logout_link_btn:active, .logout_link_btn:hover{cursor:pointer;background:#007BFF;color:#fff;text-decoration:none;} .logout_link_btn:focus i, .logout_link_btn:active i, .logout_link_btn:hover i{filter:invert(1);} #auth_modal{display: flex;align-items: center;padding: 0 10px;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0);z-index: 999;pointer-events: none;transition: background 0.3s ease;} #auth_modal.active {background: rgba(0, 0, 0, 0.5);pointer-events: all;backdrop-filter: blur(16px);} .auth_modal_wrap{display: flex; position: relative; background:#fff; margin:10% auto; width:100%;max-width:750px; border-radius:12px;transform: translateY(40px);opacity: 0;transition: transform 0.4s ease, opacity 0.4s ease;overflow: hidden;} #auth_modal.active .auth_modal_wrap{transform: translateY(0);opacity: 1;} .auth-lft-modal{width:50%;background: linear-gradient(to bottom, #02b1f8 1%,#007bff 100%);padding:20px; } .login_cls{position:absolute;top:20px;right:20px; border-radius:12px;width:36px;height:36px;background: #F2F2F2;transition: all 0.8s ease-in-out;} .login_cls:hover{cursor: pointer;background:#007BFF;} .login_cls:after, .login_cls:before{content: '';background: #0D0D0D;top: 18px;border-radius: 5px;height: 1px;width: 15px;position: absolute;left: 11px;transition: 0.5s ease-in-out;} .login_cls:after {transform: rotate(45deg);} .login_cls:before {transform: rotate(-45deg);} .login_cls:hover:after {transform: rotate(-45deg);background:#fff;} .login_cls:hover:before {transform: rotate(45deg);background:#fff;} .auth_top_title{padding: 20px 0 15px;text-align:center;font-size: 46px;color:#fff;text-align: center;font-weight: 700;} .auth_top_title span{padding:0;text-align:center;font-size:20px;margin: -20px 0 0;display: block;text-transform:none;letter-spacing:0;} .auth_top_img{width:111px;height:32px;background:url(../images/logo.svg) no-repeat center;background-size: cover;filter:invert(1) contrast(99);margin: -11px auto 0;} .auth_tabs_ctr{padding:0 15px;} .auth_tabs{position: relative;display: flex;align-items: flex-end;gap:4%;padding:5px;border-radius:12px;border:1px solid #fff;} .auth_tabs_slider{position:absolute;left:5px;top:5px;right:52%;bottom:5px;background:#FFCD29;border-radius:8px;} .tab_auth{position: relative;width:48%;color:#fff;padding:3px 15px;cursor: pointer;text-align: center;font-size: 14px;text-transform: uppercase;font-weight: 500;} .tab_auth:hover, .tab_auth.active{color:#0D0D0D;} .auth_content{padding:10px 15px 15px;min-height:300px;} .auth_message{display:none;position: relative;color: #fff;margin-bottom: 10px;text-align: center;position: absolute;top: 120px;right: 30px;background: #007BFF;max-width: 200px;padding: 15px;border-radius: 12px;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);line-height: 1.2;} .auth_message:after{content:'';position:absolute;bottom: -28px;left: 61px;border: 10px solid transparent;border-top: 18px solid #007BFF;} .auth_message.authsuccess {background: #007BFF;} .auth_message.authsuccess:after{border-top: 18px solid #007BFF;} .auth_message.autherror{background:#ff0000;} .auth_message.autherror:after{border-top: 18px solid #ff0000;} #login_form .checkbx:checked + label:before {background: #084cb1;} #login_form input, #register_form input{border:1px solid #fff;background:#fff;} #login_form button, #register_form button {background: transparent;border: 1px solid #fff;color:#fff;} #login_form button:hover, #register_form button:hover #login_form button:focus, #register_form button:focus #login_form button:active, #register_form button:active{background:#FFCD29;border: 1px solid #FFCD29;color:#0D0D0D;} .password_wrap {position: relative;} .toggle_pwd{position: absolute;right: 10px;top: 11px;width:20px;height:20px;cursor: pointer;display: flex;align-items: center;justify-content: center;} .toggle_pwd i{display: block;width:20px;height:20px;background:url(../images/icons/svg/cls_eye.svg) no-repeat center;background-size:16px;} .toggle_pwd.active i{display: block;width:20px;height:20px;background:url(../images/icons/svg/opn_eye.svg) no-repeat center;background-size:16px;} .checkbx_ctr{margin:0 0 10px;display: flex;align-items:center;} .checkbx_ctr span{font-size:14px;color:#fff;} .submit_ctr{display: flex;align-items:center;justify-content: flex-end;} .forgot_password_wrap{} #forgot_password_link{color:#fff;font-size:14px;} #forgot_password_link:hover{text-decoration:underline;cursor: pointer;} .we_use_cookies{color:#fff;font-size:11px;line-height:1.3;font-weight:300; padding:15px 0 0;} .we_use_cookies a{color:#fff;text-decoration:underline;} #forgot_password_form{display:none;padding:25px 0 0;} #reset_message{color: #b52b2b;font-size: 14px;margin: -8px 0 0 10px;text-shadow: 0 0px 9px #fff, 0 0px 2px #fff;} .forgot_password_back{display:flex;align-items: center;color:#0d0d0d;background: #F2F2F2;cursor: pointer;position: relative;padding: 0 15px;line-height:40px;border-radius: 10px;white-space: nowrap;} .forgot_password_back:is(:hover, :focus, :active){background: #fbbc04;text-decoration:none;cursor: pointer;} .forgot_password_back i{display: block;width:20px;height:20px; background: url(../images/icons/svg/right-arrow.svg) no-repeat center;background-size:20px;margin:0 5px 0 0;transform:rotate(-180deg);} .forgot_password_back:is(:hover, :focus, :active) i{transform:translateX(-5px) rotate(-180deg);} .forgot_footer_wrap{display: flex;align-items: center;justify-content:space-between;gap:20px;padding:15px 0 0;} .auth-rght-modal{display: flex;align-items: center;justify-content: center;width:50%;} .auth-rght-face{position: relative;width:350px;height:350px;background:url(../images/login.webp) no-repeat center;background-size:cover;} .face {position: absolute;width: 70px;top: 118px;left: 118px;height: 70px;margin: 0 auto 20px;border-radius: 50%;} .eye {width:16px;height:12px;background: white;border: 2px solid #c27824;border-radius: 50%;position: absolute;top: 30px;overflow: hidden;} .eye.left {left: 16px;} .eye.right {right: 16px;} .pupil {width: 6px;height: 6px;background: #0D0D0D;border-radius: 50%;position: absolute;top: 3px;left: 3px;transition: 0.1s linear;} .eye.closed { top: 34px; height: 4px !important; border-radius: 2px !important; background: #c27824 !important; border-color: #c27824 !important; overflow: visible;} .eye.closed .pupil {background: transparent;width: 100%;height: 2px;top:5px;left: 0;} @media (max-width:650px){ .auth-lft-modal{width:100%;} .auth-rght-modal{display:none;} } .not_authorized_wrap{max-width:650px;margin:40px auto;padding:30px;border-radius:12px;border:1px solid #E6E6E6;} .not_authorized_ctr{max-width:400px;margin:0 auto;} .not_authorized_wrap .btn{width:100%;} .reset_messages{font-size:14px;font-weight:500;color:#039903;} .reset_messages.errmsg{color:#f00;} .reset_messages.errmsg.bigmsg{text-align: center;font-size:18px;} .reset_login_btn{display: inline-block;text-decoration: underline;color:#007BFF;cursor: pointer;} /******* Create business button *********/ .create_business {display:flex;align-items:center;} .create_business i{display:block;width:20px;height:20px; background:url(../images/icons/svg/case.svg) no-repeat center;background-size: cover;flex-shrink: 0;filter:invert(1);} .create_business span{padding:0 0 0 8px;} .create_business:focus, .create_business:active, .create_business:hover{cursor:pointer;background:#fbbc04;color:#0d0d0d;text-decoration:none;} .create_business:focus i, .create_business:active i, .create_business:hover i{filter:invert(0);} @media (max-width:960px) { .right_head_wrap .create_business{padding: 10px !important;} } /******* Main *********/ main {padding: 0 20px;position: relative;} @media (max-width:768px) { main {padding: 0 10px;} } .page_ttl h1{margin:0 0 40px;} .top_name_slog{padding:0 0 10px;font-size:18px;line-height:1.5;font-weight:300;} .top_name_slog h1, .top_name_slog .h1{font-size: 32px;line-height:1.5;font-weight: 500;padding: 10px 0 0;} .home .top_site_slog .h1{text-align: right;padding:0;} .single_colect .top_name_slog{display: flex;flex-wrap: wrap;} .single_colect h1, .single_colect .h1, .single_colect .top_site_slog{width:50%;} .single_colect .top_site_slog{padding:0 0 0 10px;max-width:830px;} @media (max-width:720px) { .page_ttl h1{margin:0 0 20px;} .top_name_slog{padding:10px 0;} .top_name_slog h1, .top_name_slog .h1{font-size:30px;line-height:1.2;} .top_site_slog{font-size:14px;text-transform:none;} .single_colect h1, .single_colect .h1, .single_colect .top_site_slog{width:100%;} .single_colect .top_site_slog{padding:0;max-width:100%;} } /******* Slider *********/ .slider_wrapper{position: relative;overflow: hidden;} .slider_items_wrp{display: flex;} .slider_section .slider_items_wrp{height:65vh;min-height:600px;max-height:700px;} .slider_items{min-width:100%;position: relative;display: block;overflow: hidden;} .slider_items.project_slideitem{max-height:600px;} .slider_items:before{content:'';z-index:1;position: absolute;left:0;right:0;top:0;bottom:0;border-radius:12px;transition:0.4s ease-in-out;} .slider_img{position: absolute;left: 0;top: 0;width: 100%;height: 100% !important;object-fit: cover;border-radius:12px;} .slider_itms_ctr{position: absolute;z-index:2;bottom: 20%;left:150px;right: 150px;text-align: center;} .slider_itm_text{font-size:40px;color:#fff;max-width: 100%;line-height:1.1;padding:0 0 15px;} .prev-btn, .next-btn{position: absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;padding:0;border-radius:50px; background: rgba(255,255,255,0.20) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #fff;cursor: pointer;} .prev-btn{left:40px;} .next-btn {right:40px;transform:scaleX(-1) translateY(-50%);} .prev-btn:hover, .next-btn:hover{background:rgba(255,255,255,0.40) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #fff;cursor: pointer;} .dots-container{z-index:2;padding: 6px;text-align: center;position:absolute;bottom:8%;left: 50%;transform: translateX(-50%);border-radius:50px;background: rgba(255,255,255,0.25);display: flex;align-items: center;justify-content: center;} .dots-container .dot{display:block;width: 13px;height: 13px;margin: 0 4px;background:rgb(255,255,255,0.5);border-radius:50%;cursor: pointer;} .dots-container .dot.active{background:#fff;} @media (max-width:768px){ .slider_section .slider_items_wrp{min-height:500px;} .slider_section .container{padding:0;} .prev-btn, .next-btn{display:none;} .slider_items:before, .slider_img{border-radius:0;} .slider_itms_ctr{position: absolute;bottom:20%;left:10px;right:10px;text-align: center;} .slider_itm_text{font-size:24px;padding:0 0 10px;} } /******* Catalog *********/ .catalog_btn{display:flex;align-items:center;position:relative;text-align:center; padding:0 15px;line-height:44px;border-radius:10px;background:#F2F2F2;white-space:nowrap;color:#0D0D0D;} .catalog_btn i{display:block;width:20px;height:20px; background:url(../images/icons/svg/sandvich.svg) no-repeat center;background-size: cover;flex-shrink: 0;} .catalog_btn span{padding:0 0 0 8px;} .catalog_btn:focus, .catalog_btn:active, .catalog_btn:hover{cursor:pointer;background:#007BFF;color:#fff;text-decoration:none;} .catalog_btn:focus i, .catalog_btn:active i, .catalog_btn:hover i{filter:invert(1);} @media (max-width:960px){ .left_head_wrap .catalog_btn{display:none;} } .catalog_list_item_wrap {width:16.66%;padding:5px;position:relative;} .catalog_list_item_wrap.selected{width:100%;padding:15px;display: flex;background: #E5F2FF;border-radius: 12px;margin: 0 0 5px;} .catalog_list_item_wrap.selected .catalog_list_thumb{border: 1px solid transparent;} .catalog_list_wrap{display: flex;flex-wrap:wrap;padding:0;width: 100%;} .catalog_list_item{display:flex;justify-content:center;flex-direction:column;text-align:center;} .catalog_list_item:hover{text-decoration:none;cursor: pointer;} .catalog_list_item:hover img{transform:scale(0.9);} .catalog_list_thumb{border: 1px solid #E6E6E6;border-radius:12px;max-width:197px;} .catalog_list_item:hover .catalog_list_thumb{border: 1px solid transparent;background:#E5F2FF;} .catalog_list_item img{max-width: 100%;height: auto;border-radius:12px;} .catalog_list_item p {font-size:16px;font-weight:500;padding:5px 5px 10px;color:#0d0d0d;max-width:197px;} .subcategories_wrapper{position: relative;padding:15px;border-radius:12px;width:100%;min-height:60px; display:none;} .subcategory_item.see_all {font-weight:500;color:#007bff;} .see_all_wrap{display:flex;align-items: center;flex-wrap:wrap;line-height:1;font-weight:500;opacity:0;} .subcategories_wrapper.showed .see_all_wrap{opacity:1;} .see_all{display:flex;align-items: center;color:#0d0d0d;text-decoration:none;padding: 12px 15px;border-radius: 12px;border: 1px solid #007BFF;font-size: 16px;} .see_all i{display: block;width:20px;height:20px; background: url(../images/icons/svg/right-arrow.svg) no-repeat center;background-size:20px;margin-left:10px;} .see_all:is(:hover, :focus, :active){background: #007bff;color:#fff;text-decoration:none;cursor: pointer;} .see_all:is(:hover, :focus, :active) i{filter: invert(1);} .see_all_parent_label{padding:0 0 0 10px;font-size:24px;} .subcategories-list{display:flex;flex-wrap:wrap;gap:8px;padding:25px 0 0;width:100%;transition:1s;opacity:0;} .subcategories_wrapper.showed .subcategories-list{opacity:1;} .subcategory_item {display:flex;align-items: center;background:#fff;padding:12px;border-radius:12px;text-decoration: none;color:#0d0d0d;font-size: 14px;} .subcategory_item i{display: block;width:20px;height:20px; background: url(../images/icons/svg/arrow.svg) no-repeat center;background-size:20px;margin-left:10px;} .subcategory_item:is(:hover, :focus, :active){background: #007bff;color:#fff;text-decoration:none;} .subcategory_item:is(:hover, :focus, :active) i{filter: invert(1);} .catalog_list_cls{position: absolute;z-index:5;right:10px;top:10px;display:none; border-radius:12px;width:36px;height:36px;background: #fff;transition: all 0.8s ease-in-out;cursor: pointer;} .catalog_list_cls:hover{cursor: pointer;background:#007BFF;} .catalog_list_cls:after, .catalog_list_cls:before{content: '';background: #0D0D0D;top: 18px;border-radius: 5px;height: 1px;width: 15px;position: absolute;left: 11px;transition: 0.5s ease-in-out;} .catalog_list_cls:after {transform: rotate(45deg);} .catalog_list_cls:before {transform: rotate(-45deg);} .catalog_list_cls:hover:after {transform: rotate(-45deg);background:#fff;} .catalog_list_cls:hover:before {transform: rotate(45deg);background:#fff;} @media (max-width: 1100px) { .catalog_list_item_wrap{width:20%;} } @media (max-width: 900px) { .catalog_list_item_wrap{width:25%;} .catalog_list_item_wrap.selected {display: block;} .catalog_list_item_wrap.selected .subcategories_wrapper{padding:10px 0;} } @media (max-width: 600px) { .catalog_list_item_wrap{width:33.33%;} } @media (max-width: 500px) { .catalog_list_item_wrap{width:50%;} } /*Catalog category*/ .child_catalog_list .subcategory_item{background:#f6f6f6;} .child_catalog_list .subcategory_item:hover{background:#007bff;} @media (min-width:960px) { .child_catalog_list{display: flex;flex-direction: column;flex-wrap: wrap;} .subcategories-list{order:0;} .catalog_top_wrap{order:1;} .business_list{order:2;} .pagination{order:3;} .child_catalog_list .subcategories-list{opacity:1;padding:0 0 15px;} } .catalog_search_btn, .catalog-menu-btn{display: none;} @media (max-width:960px) { .catalog_top_wrap{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;padding:0 0 15px;} .catalog_search_list_wrap{display: flex;align-items: center;justify-content: space-between;padding:10px 0;gap:10px;} .catalog_search_btn{transition:.6s;outline:none;display:flex;align-items:center;background:#f6f6f6;padding:12px 25px;border-radius:12px;color:#0d0d0d;font-size:15px;cursor:pointer;} .catalog_search_btn i{display:block;width:22px;height:22px;background: url(../images/icons/svg/search.svg) no-repeat center;background-size:20px; margin:0 5px 0 0;} .catalog-menu-btn{transition:.6s;outline:none;display:flex;align-items:center;background:#f6f6f6;padding:12px 25px;border-radius:12px;color:#0d0d0d;font-size:15px;cursor:pointer;} .catalog-menu-btn i{display:block;width:22px;height:22px;background: url(../images/icons/svg/category.svg) no-repeat center;background-size:20px; margin:0 5px 0 0;} .catalog-menu-btn.open, .catalog-menu-btn:is(:hover, :focus, :active){background:#007bff;color:#fff} .catalog-menu-btn.open i, .catalog-menu-btn:is(:hover, :focus, :active) i{filter:invert(1);} .child_catalog_list .subcategories-list{position:relative;height:1px;background:#fff;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .4s ease,transform .4s ease;display:flex;flex-wrap: wrap;padding:0;width: 100%;} .child_catalog_list .subcategories-list.open{opacity:1;transform:translateY(0);pointer-events:auto;height:auto;padding:10px 0 25px;} } @media (max-width:650px) { .catalog_top_wrap{display: block;} .catalog_search_list_wrap{gap:0;} .catalog_search_btn, .catalog-menu-btn{width:48%;} } .custom_sort{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-family:sans-serif;position:relative;margin:10px 0 25px} .sort_label{display:flex;align-items:center;} .sort_label span{font-weight:bold;font-size:16px;color: #0d0d0d;} .sort_label i{display:block;width:22px;height:22px;background: url(../images/icons/svg/sort.svg) no-repeat center;background-size:20px; margin:0 5px 0 0;} .sort_dropdown{position:relative;min-width:200px} .sort_selected{background:#f6f6f6;padding:12px;border-radius:12px;text-decoration:none;color:#0d0d0d;font-size:15px;border:none;cursor:pointer;width:100%} .sort_list{position:absolute;top:calc(100% + 5px);left:0;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;display:none;min-width:150px;z-index:10;width:100%} .sort_option{padding:10px 15px;font-size:14px;letter-spacing:.5px;cursor:pointer;transition:all .2s ease} .sort_option:hover{background:#007bff;color:#fff} .sort_list.show{display:block;animation:fadeInSort .2s ease} @keyframes fadeInSort { from{opacity:0;transform:translateY(-5px)} to{opacity:1;transform:translateY(0)} } @media (max-width:960px) { .custom_sort{margin:0;} } @media (max-width:650px) { .custom_sort{justify-content:space-between;} .sort_label, .sort_dropdown{width:48%;} .sort_label {justify-content: center;} .sort_dropdown{min-width:1px;} } .video_block{text-align:center;cursor:pointer;width:100%;height:490px;margin:40px 0;position:relative;border-radius: 15px;} .video_block:before{z-index:1;opacity:1;transition:opacity 1s ease;position:absolute;content:'';left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.5);border-radius:12px;} .video_block img{width:100%;height:100%;vertical-align:top;position:absolute;top:0;left:0;object-fit: cover;object-position:center;border-radius:12px;} .btnplay{z-index:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 180px;height: 180px;border-radius: 100px;background:#007BFF;box-shadow:0 0 15px 0 rgba(0,0,0,0.2);transition:all .4s ease-in-out;} .btnplay:before{content:'';z-index:2;position:absolute;left:50%;top:50%;transform:translate(-20%,-50%);width:0;height:0;border: 30px solid transparent;border-left: 50px solid #fff;transition:all .4s ease-in-out;} .btnplay:hover{background:#54585A;box-shadow:0 0 15px 0 rgba(0,0,0,0.2);transform:translate(-50%,-50%) rotate(360deg);} .btnplay:hover:before{transform:translate(-20%,-50%) scale(1.1);} .modal_vdblock{display:none;} .modal_vdplayer{position:fixed;left:0;top:-150%;right:0;height:100%;width:100%;z-index:9999;background:rgba(0,0,0,0.9);display:flex;justify-content:center;align-items:center;transition:all .5s ease-in-out;} .modal_vdplayer iframe, .modal_vdplayer video{width:90vw;height:80vh;} .modal_vdplayer .cls_search{position:absolute;z-index:5;right:25px;top:25px;margin:0 auto;width:26px;height:26px;transition: all 0.8s ease-in-out;} .admin-bar .modal_vdplayer .cls_search{top:60px;} .modal_vdplayer .cls_search:hover{cursor:pointer;} .modal_vdplayer .cls_search:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);} .modal_vdplayer .cls_search_ll,.modal_vdplayer .cls_search_lr{background:#fff;width: 29px;height: 2px;border-radius: 4px;position:absolute;left: -2px;top: 12px;} .modal_vdplayer .cls_search_ll{transform: rotate(-45deg);} .modal_vdplayer .cls_search_lr{transform: rotate(45deg);} @media (max-width:920px){ .video_block{height:226px;} } @media (max-width:768px){ .video_block{height:260px;} .modal_vdplayer iframe {height:260px;} .modal_vdplayer .cls_search{right:5px;top:5px;} .btnplay{width:80px;height:80px;} .btnplay:before{border:13px solid transparent;border-left:20px solid #fff;} } @media (max-width:450px){ .video_block{height:210px;} .modal_vdplayer iframe {height:210px;} } /******* Category Blog *********/ .category_page{padding:0 0 40px;} .category_page_collect{padding:25px 0 0;} .category_page h1 {text-align: center;font-size: 36px;line-height: 1.2;margin-bottom: 25px;} .masonry {transition: none;} .masonry * {transition: none;} .loadmore_ctr{width: 100%;text-align: center;padding:40px 0;position: relative;} #loadmore_gs.btn_ico{display: inline-flex;} #loadmore_gs.btn_ico i{background:url(../images/icons/svg/right-arrow.svg) center no-repeat;background-size:20px;margin: 0 0 0 10px;} @media (max-width:768px) { .category_page_collect{padding:0;} } @media (max-width:550px) { .category_page h1 {font-size: 20px;margin-bottom: 15px;} .masonry {justify-content: center;} .category_page {padding: 25px 0;} } .cssload-dots {width: 0;height: 0;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;} .cssload-dot {width: 0;height: 0;position: absolute;left: 0;top: 0} .cssload-dot:before {content: "";width: 44px;height: 44px;border-radius: 63px;background: #E9EBDC;position: absolute;left: 50%;transform: translateY(0);margin-left: -21.5px;margin-top: -21.5px} .cssload-dot:nth-child(5):before {z-index: 100;width: 56.5px;height: 56.5px;margin-left: -28.75px;margin-top: -28.75px;animation: cssload-dot-colors 4.6s ease infinite} .cssload-dot:nth-child(1) {animation: cssload-dot-rotate-1 4.6s 0s linear infinite} .cssload-dot:nth-child(1):before {background-color: #E9EBDC;animation: cssload-dot-move 4.6s 0s ease infinite} .cssload-dot:nth-child(2) {animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite} .cssload-dot:nth-child(2):before {background-color: #E9EBDC;animation: cssload-dot-move 4.6s 1.15s ease infinite} .cssload-dot:nth-child(3) {animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite} .cssload-dot:nth-child(3):before {background-color: #E9EBDC;animation: cssload-dot-move 4.6s 2.3s ease infinite} .cssload-dot:nth-child(4) {animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite} .cssload-dot:nth-child(4):before {background-color: #E9EBDC;animation: cssload-dot-move 4.6s 3.45s ease infinite} @keyframes cssload-dot-move {0% {transform: translateY(0)}18%,22% {transform: translateY(-88px)}40%,100% {transform: translateY(0)}} @keyframes cssload-dot-colors {0% {background-color: #E9EBDC}25% {background-color: #E9EBDC;}50% {background-color: #E9EBDC}75% {background-color: #E9EBDC}100% {background-color: #E9EBDC}} @keyframes cssload-dot-rotate-1 {0% {transform: rotate(-105deg)}100% {transform: rotate(270deg)}} @keyframes cssload-dot-rotate-2 {0% {transform: rotate(165deg)}100% {transform: rotate(540deg)}} @keyframes cssload-dot-rotate-3 {0% {transform: rotate(435deg)}100% {transform: rotate(810deg)}} @keyframes cssload-dot-rotate-4 {0% {transform: rotate(705deg)}100% {transform: rotate(1080deg)}} @keyframes scalezoom {0% {transform: scale(1);opacity: 1;}25% {transform: scale(1.4);opacity: 1;}50% {transform: scale(1.4);opacity: 0.5;}0% {transform: scale(1);opacity: 1;}100% {transform: scale(1);opacity: 1;}} .blog_list {position: relative;display: flex;flex-direction:column;} .blog_item{position: relative;width:100%;text-decoration: none;display: flex;align-items:center;justify-content: space-between;margin:15px 0 0;padding: 0 0 15px;border-bottom:1px solid #E3E3E3;} .blog_item:last-child{border-bottom:none;} .blog_item:hover{text-decoration: none;} .blog_item_img{margin:0 20px 0 0;width:35%;} .blog_item img{border-radius:12px;width:100%;max-width:400px;height: auto;} .blog_item_title_text {padding: 15px 0 0;color: #0A2517;width:65%;} .blog_item_date{display: flex;align-items: center;gap:10px;padding:0 0 10px;} .blog_item_date i{display:block;width:20px;height:20px; background:url(../images/icons/svg/calendar.svg) no-repeat center;background-size: cover;flex-shrink: 0;} .blog_item_ttl{font-size:26px;padding: 0 0 35px;line-height: 1.1;font-weight: bold;} .blog_item_text{font-size:18px;padding: 0 0 60px;line-height: 1.3;font-weight: 300;} @media (max-width:960px) { .blog_item {flex-direction:column;} .blog_item_img{margin:0;width:100%;} .blog_item img{margin:0 auto;display: block;} .blog_item_title_text {width:100%;} } @media (max-width:768px) { .blog_item_ttl{font-size: 20px;padding: 0 0 15px;} .blog_item_text{font-size: 14px;padding: 0 0 20px;} } @media (max-width:650px) { .blog_list {gap: 0;} .blog_item {width: 100%;} .blog_item_title_text {padding: 8px 0 0;} } /******* Single business *********/ .business_flex{display: flex;flex-wrap: wrap;padding:0 0 10px;margin:0 0 80px;} .left_side{max-width:660px;width:50%;} .right_side{max-width:660px;width:48%;margin-left:2%;padding: 0;position: relative;} @media (max-width:960px) { .business_flex{display:block;margin:0;} .left_side{max-width:100%;width:100%;} .right_side{max-width:100%;width:100%;margin-left:0;} } .gallery-slider-container { position: relative; overflow: hidden;border-radius:24px; max-width:660px;margin:0 auto;} .gallery-slider-wrapper { position: relative; } .gallery-slider-track { display: flex; transition: transform 0.5s ease-in-out; } .gallery-slider-slide { min-width: 100%; text-align: center; position: relative; } .gallery-slider-slide img { max-width: 100%; max-height: 540px;cursor: pointer;border-radius:24px;} .gallery-prev-btn, .gallery-next-btn {position: absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;padding:0;border-radius:50px; background: rgba(255,255,255,0.20) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #fff;cursor: pointer;background-size:24px;} .gallery-prev-btn{left:10px;} .gallery-next-btn{right:10px;transform:scaleX(-1) translateY(-50%);} .gallery-prev-btn:hover, .gallery-next-btn:hover, .gallery-prev-btn:focus, .gallery-next-btn:focus{background:rgba(255,255,255,0.40) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #fff;cursor: pointer;} .gallery-dots { text-align: center; margin-top: 10px; position: absolute; bottom: 10px; left: 0; width: 100%; } .gallery-dots .dot { display: inline-block; width: 10px; height: 10px; border-radius:50px; margin: 0 4px; background: rgba(255,255,255,0.5); cursor: pointer; } .gallery-dots .dot.active { background: #fff; } .gallery-modal{ display: flex;align-items: center;justify-content: center; padding:10px;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0);pointer-events: none;transition: background 0.3s ease;z-index: -999;} .gallery-modal.active {background: rgba(0, 0, 0, 0.5);pointer-events: all;backdrop-filter: blur(16px);z-index: 999;} .gallery-modal-content{position: relative; display: block;transform: translateY(40px);opacity: 0;transition: transform 0.4s ease, opacity 0.4s ease;overflow: hidden;max-width: 95%;max-height: 95%;width: auto;height: auto;} .gallery-modal.active .gallery-modal-content{transform: translateY(0);opacity: 1;} .gallery-modal-close{position: absolute;top: 20px;right: 30px;font-size: 40px;color: #fff;font-size: 48px;line-height: 1;font-weight: 100;cursor: pointer;} .gallery-modal-prev, .gallery-modal-next {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;width: 48px; height: 48px;border-radius:50px; background: rgba(255,255,255,0.20) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #fff;cursor: pointer;background-size:24px;} .gallery-modal-prev { left: 10px; } .gallery-modal-next { right: 10px;right:10px;transform:scaleX(-1) translateY(-50%);} .gallery-modal-prev:hover, .gallery-modal-next:hover, .gallery-modal-prev:focus, .gallery-modal-next:focus{background:#007BFF url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #007BFF;background-size:24px;cursor: pointer;} .category_bus{display: flex;flex-wrap:wrap;gap:15px;padding:10px 0;} .category_bus a{border-radius:6px;padding:6px 10px;line-height:1;background: #F2F2F2; white-space: nowrap;color: #0D0D0D;font-size:14px;} .category_bus a:hover{text-decoration:none;background:#007BFF;color:#fff;} /*Left contacts*/ .left_contacts_bus{display: flex;align-items: center;flex-wrap:wrap;gap:10px;position:sticky;top:10px;} .left_contacts_item{position: relative;border-radius:12px;border:1px solid #007BFF;padding:10px;margin:0 0 10px;display: flex;align-items: center;font-size:16px;color:#007BFF;} .left_contacts_item:first-child{background:#007BFF;} .left_contacts_item:is(:hover, :focus, :active){background:#007BFF;color:#fff;text-decoration:none;} .left_contacts_item span{display: block;padding:0 0 0 10px;white-space:nowrap;} .left_contacts_item i{display: block;flex-shrink:0;width:20px;height:20px;border-radius:8px;margin:0;} .left_contacts_item:is(:hover, :focus, :active) i{filter:invert(1) grayscale(1) brightness(100);} .left_contacts_item.visit_website{color:#FFF;} .left_contacts_item.visit_website i{filter:invert(1) grayscale(1) brightness(100);} .left_contacts_item.visit_website:is(:hover, :focus, :active){border:1px solid #007BFF;color:#007BFF;background:#fff;} .left_contacts_item.visit_website:is(:hover, :focus, :active) i{filter:none;} .left_contacts_item.visit_website i{background:url(../images/icons/social_svg/website.svg) no-repeat center;background-size:20px;} .left_contacts_item.visit_yelp i{background:url(../images/icons/social_svg/yelp.svg) no-repeat center;background-size:20px;} .left_contacts_item.visit_google i{background:url(../images/icons/social_svg/google.svg) no-repeat center;background-size:20px;} .left_contacts_item.visit_facebook i{background:url(../images/icons/social_svg/facebook.svg) no-repeat center;background-size:20px;} .left_contacts_item.visit_youtube i{background:url(../images/icons/social_svg/youtube.svg) no-repeat center;background-size:20px;} .ttl_block_bus{font-size:24px;font-weight:500;padding:0 0 25px;line-height:1;} /*Our location*/ .our_location_bus{border-radius:24px;border: 1px solid #e6e6e6;padding:25px 25px 0;margin:0 0 25px;} .our_location_ttl_wrap{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;padding: 0 0 25px;} .our_location_ttl_wrap .ttl_block_bus{padding:0;} .get_directions_btn{display:flex;align-items:center;position:relative;text-align:center; padding:0 15px;line-height:44px;border-radius:10px;background:#007BFF;white-space:nowrap;color:#fff;} .get_directions_btn i{display:block;width:20px;height:20px; background:url(../images/icons/svg/get_directions.svg) no-repeat center;background-size: cover;flex-shrink: 0;} .get_directions_btn span{padding:0 0 0 8px;} .get_directions_btn:is(:hover, :focus, :active){cursor:pointer;background:#F2F2F2;color:#0d0d0d;text-decoration:none;} .get_directions_btn:is(:hover, :focus, :active) i{filter:invert(1);} @media (max-width:768px) { .our_location_bus{padding:25px 10px 0;} } .recommended{width:100%;} .loop_business{display:block;position: relative;} .ttl_slide_btn{display: flex;align-items: center;justify-content:space-between;padding: 0 10px 10px;} .sm_ttl_prod{padding:0;font-size:22px;line-height:1;font-weight:bold;} @media (max-width:920px) { .sm_ttl_prod{font-size:24px;} } .slider_loop_wrapper {position: relative;display: flex;align-items: center;overflow: hidden;padding:0 0 50px;} .slider_inner{display: flex;gap:1%;transition: transform 0.3s ease-in-out;will-change: transform;width: 100%;padding: 0 0 10px;} .slider_btn_wrap{position:relative;width: 100%;max-width:100px;display: flex;align-items: center;justify-content: space-between;} .slider_btn_wrap.slidenavcount, .slider_btn_wrap.slidenavsmall{display:none;} .slider_btn{position: relative;background: #F2F2F2;background-size: 26px;border-radius: 12px;cursor: pointer;width: 46px;height: 46px;display:flex;align-items: center;justify-content: center;} .slider_btn:is(:hover, :focus, :active){background:#007bff;} .slider_btn i{display:block;width:24px;height:24px;background:url(../images/icons/svg/arrow.svg) no-repeat center;background-size:24px;} .slider_btn:is(:hover, :focus, :active) i{filter:invert(1);} .prev_btn i{transform:rotate(180deg);} @media (max-width:1100px) { .slider_btn_wrap.slidenavsmall{display:flex;} } /*Contacts*/ .our_contacts_bus{border-radius:24px;border: 1px solid #e6e6e6;padding:25px;margin:0 0 25px;} .our_contacts_bus_wrap{display: flex;justify-content: space-between;flex-wrap: wrap;} .our_contacts_bus_item{position: relative;border-radius:12px;border:1px solid #e6e6e6;padding:10px;width:48%;margin:0 0 25px;display: flex;font-size:16px;} .our_contacts_bus_item a{color:#0D0D0D;display: block;margin:5px 0;word-break: break-word;} .our_contacts_bus_item .cnt_bus_i{display: block;flex-shrink:0;width:36px;height:36px;border-radius:8px;margin:0 10px 0 0;} .phones_contacts_bus .cnt_bus_i{background:#F2F2F2 url(../images/icons/svg/phone.svg) no-repeat center;background-size:20px;} .emails_contacts_bus .cnt_bus_i{background:#F2F2F2 url(../images/icons/svg/mail.svg) no-repeat center;background-size:20px;} .telegram_contacts_bus .cnt_bus_i{background:#F2F2F2 url(../images/icons/social_svg/telegram.svg) no-repeat center;background-size:20px;} .whatsapp_contacts_bus .cnt_bus_i{background:#F2F2F2 url(../images/icons/social_svg/whatsapp.svg) no-repeat center;background-size:20px;} .cnt_bus_list{display: block;} @media (max-width:768px) { .our_contacts_bus {padding: 25px 10px;} } @media (max-width:600px) { .our_contacts_bus_wrap{display:block;} .our_contacts_bus_item{width:100%;margin: 0 0 10px;} } /*Reviews*/ .reviews_ctr{border-radius:24px;border: 1px solid #e6e6e6;padding:25px;margin:0 0 25px;} .reviews_ttl{position: relative;padding:0 40px 0 0;cursor: pointer;display: flex;align-items: center;} .reviews_ttl .ttl_block_bus {padding: 0 20px 0 0;} .reviews_ttl:after {content: '';position: absolute;right: 12px;top:15px;width: 14px;height: 2px;transform: rotate(-45deg);background: #0D0D0D;transition: 0.4s ease-in-out;} .reviews_ttl:before {content: '';position: absolute;right: 21px;top:15px;width: 14px;height: 2px;transform: rotate(45deg);background: #0D0D0D;transition: 0.4s ease-in-out;} .reviews_ttl.active::after {transform: rotate(45deg);} .reviews_ttl.active:before {transform: rotate(-45deg);} .reviews_wrap{display:none;transition:none;} .required{color: #f00;font-size: 18px;padding:0 0 0 5px;} .comment-list{padding: 25px 0 0;} .comment-list li.comment{border-radius:12px;border: 1px solid #e6e6e6;padding:15px;margin:0 0 10px;} .comment-list li.comment p{font-size:14px;line-height:1.5;padding:0 0 15px;} .comment-top{display: flex;align-items: center;justify-content:space-between; flex-wrap: wrap;padding:0 0 15px;} .comment-top-left{display: flex;align-items: center;gap:15px;} .comment-author{font-size:16px;line-height:1;font-weight:500;} .comment-date{display: inline-block;font-size:14px;color:#999;line-height:1;} .comments-pagination{margin-top:20px;text-align: center;} .comment-page-link{padding: 6px 12px;margin: 0 3px;border: 1px solid #e6e6e6;color: #0d0d0d;text-decoration: none;border-radius: 8px;} .comment-page-link:focus, .comment-page-link:hover, .comment-page-link:active, .comment-page-link.active{background: #fbbc04;color:#0d0d0d;border-color: #fbbc04;text-decoration:none;} .comment-rating-badge {display: inline-flex;align-items: center;background:#FFF9E0;border:1px solid #fbbc04;border-radius:50px;padding: 2px 8px;font-size:12px;color: #0d0d0d;} .comment-rating-badge .comment-rating-star{display: inline-block;width:20px;height:20px; background:url(../images/icons/svg/border_star.svg) no-repeat center;background-size:20px;margin-right: 4px;} .comment-respond{margin: 40px 0 0;} .comment-respond label{font-size:14px;} .comment-reply-title{font-size:22px;} .login_info_rev{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin:15px 0;padding:10px;border-radius:12px;background:#f4f4f4;} .logged_display_name{font-weight:bold;} .login_info_rev_rght{display: flex;align-items: center;} .btn_login_rev{background: #007BFF;border-radius: 8px;padding: 8px 10px;color: #fff;font-size: 14px;display: inline-block;margin: 0 0 0 5px;} .btn_login_rev:hover{background:#fbbc04;color:#0d0d0d;text-decoration:none;} .comment-success-message{display:none;background: #e6ffed;border: 1px solid #b3e7bf;color: #277439;padding:15px;border-radius:12px;font-weight:600;text-align:center;margin:10px 0;} .comment-success-message.errmsscom{color: #f00;border: 1px solid #e7b3b3;background: #ffe6e6;} @media (max-width:768px) { .reviews_ctr {padding: 25px 10px;} } /******* Rating ********/ p.comment-form-rating {display: flex;align-items: center;flex-wrap: wrap;padding:10px 0;} .rating-container {direction: rtl;unicode-bidi: bidi-override;font-size: 0;padding: 2px 10px;line-height: 1;border-radius: 25px;background: #FFF9E0;border: 1px solid #fbbc04;display: block;margin: 0 0 0 10px;} .rating-container input {display: none;} .rating-container label {display: inline-block;font-size: 28px;color: #aaa;margin: 0 2px;transition: color 0.3s;cursor: pointer;} .rating-container label::before {content:'';display: inline-block;width:20px;height:20px; background:url(../images/icons/svg/border_star.svg) no-repeat center;background-size:20px;} .rating-container input:checked ~ label::before, .rating-container input:checked ~ label:hover::before, .rating-container input:checked ~ label:hover ~ label::before{content:'';display: inline-block;width:20px;height:20px; background:url(../images/icons/svg/full_star.svg) no-repeat center;background-size:20px;} .rating-container input + label:hover::before, .rating-container input + label:hover ~ label::before{content:'';display: inline-block;width:20px;height:20px; background:url(../images/icons/svg/full_star.svg) no-repeat center;background-size:20px;} .char_counter_wrap_comment {display: flex;align-items: center;gap: 10px;margin-top: 5px;} .char_counter_comment { font-size: 14px;color: #333;} .char_progress_circle_comment {transition: stroke-dashoffset 0.3s ease;} .comment-images-wrapper {margin-top: 10px;} .comment-images-wrapper small{padding:0 0 10px;} #error_container{display:none;color:#f00;padding:10px 0;} #add_image_btn{display: flex;align-items: center;position: relative;text-align: center;border-radius: 10px;background: #F2F2F2;white-space: nowrap;color: #0D0D0D;} #add_image_btn i{display:block;width:20px;height:20px; background:url(../images/icons/svg/add_photo.svg) no-repeat center;background-size: cover;flex-shrink: 0;} #add_image_btn span{padding:0 0 0 8px;} #add_image_btn:active, #add_image_btn:focus, #add_image_btn:hover{background: #007bff;color:#fff;cursor: pointer;} #add_image_btn:active i, #add_image_btn:focus i, #add_image_btn:hover i{filter:invert(1);} #preview_container {display: flex;gap: 10px;flex-wrap: wrap;padding: 10px 0 0;} .preview-thumb {max-width: 120px;max-height:70px;object-fit: cover;border: 1px solid #ddd;border-radius: 4px;} .comment-images-gallery {display: flex;gap: 10px;flex-wrap: wrap;margin-top: 10px;} .comment-images-gallery img {max-width: 120px;max-height:70px;object-fit: cover;border-radius:12px;transition: transform 0.2s ease;} .comment-images-gallery a:hover img {transform: scale(1.05);} .no_reviews_here{text-align: center;font-size:18px;font-weight:500;padding:25px 0;} /******* Single content *********/ .bg_thumbnail{width:100%;position: relative;height:50vh;min-height: 450px;border-radius:24px;overflow: hidden;} .bg_thumbnail img{width:100%;height: auto;object-fit: cover;vertical-align:center;margin:0 auto !important;position: absolute;} @media (max-width:650px) { .bg_thumbnail{height:40vh;min-height:200px;} } .breadcrumb {margin:25px 0;font-size:14px;font-weight:400;} .single_cont .breadcrumb > span {justify-content: center;} .breadcrumb > span {display: flex;align-items: center;flex-wrap: wrap;} .breadcrumb a {color: #0A2517;} .breadcrumb a:hover {color: #007BFF;} .breadcrumb .brd_spr{display: inline-block;width:16px;height:16px;margin: 0 10px;background: url(../images/icons/svg/arrow.svg)no-repeat center;background-size:14px;} .single_cont h1{text-align: center; font-size:27px;line-height:1.5;font-weight:bold;padding:25px 0;} @media (max-width:768px) { .breadcrumb{margin: 10px 0 0;font-size: 12px;} .business_single .breadcrumb{margin: 10px 0;} .single_cont h1{font-size:26px;} } .content_text {position: relative;font-size:17px;line-height: 1.5;font-weight:300;} .content_text p {margin: 0 0 25px;} .content_text a {color: #007BFF;text-decoration: none;} .content_text a:focus, .content_text a:active, .content_text a:hover {text-decoration: underline;} .content_text ol {counter-reset: point;margin: 15px 0 15px 0;padding: 0 0 0 32px;line-height: 1.6;} .content_text ol li {list-style: none;position: relative;padding: 0 0 25px 25px;} .content_text ol>li:before {content: counter(point);background: #007BFF;color: #fff;counter-increment: point 1;position: absolute;top: 0;left: -14px;font-weight: bold;border-radius: 50%;font-size: 16px;line-height: 24px;height: 24px;width: 24px;text-align: center;} .content_text ul {margin: 15px 0 15px 50px;padding: 0;line-height: 1.6;} .content_text ul li {list-style: none;position: relative;padding: 0;} .content_text ul>li:before {content: '';display: block;top: 9px;left: -25px;position: absolute;width: 6px;height: 6px;background: #007BFF;border-radius: 50%;} .content_text ul>li>ul>li:before {content: '';display: block;transform: translateY(-50%);top: 15px;left: -25px;position: absolute;width: 4px;height: 4px;background: #0A2517;border: none;border-radius: 50%;} .content_text ol {list-style: decimal;} .content_text h2 {position: relative;padding: 35px 0 25px;font-size:20px;line-height: 1.1;margin: 0;font-weight:500;} .content_text h3 {font-size: 28px;padding: 35px 0 25px;font-weight:400;} .content_text h4 {font-size: 26px;padding: 25px 0 15px;font-weight:400;} .content_text h5 {font-size: 22px;padding: 25px 0 15px;font-weight:400;} .content_text h6 {font-size: 20px;padding: 25px 0 15px;font-weight:400;} .content_text h2, .content_text h3, .content_text h4, .content_text h5, .content_text h6 {line-height: 1.1;} .content_text table {border: 1px solid #999;border-collapse: collapse;width: 100%;} .content_text th, .content_text td {padding: 5px;border: 1px solid #eee;} .content_text th {background: #D6CFC8;color: #fff;} .content_text tr:nth-child(2n) {background: #fff;} .content_text tr:nth-child(2n+1) {background: #f9f9f9;color: #14171A;} .wp-block-table {margin: 25px 0;} .content_text iframe {width: 100%;min-height: 400px;} .content_text .wp-block-image img {height: auto;border-radius:12px;} .content_text .wp-block-image.is-style-rounded img {border-radius: 9999px;} .wp-block-column {padding: 10px 15px;} :where(.wp-block-columns.has-background) {padding: 10px 15px;} @media (max-width: 768px) { .content_text{font-size: 14px;} .content_text h2 {font-size: 20px;padding: 25px 0 15px;} .content_text h3 {font-size: 18px;padding: 25px 0 15px;} .content_text h4 {font-size: 16px;padding: 15px 0 10px;} .content_text h5 {font-size: 16px;padding: 15px 0 10px;} .content_text h6 {font-size: 16px;padding: 15px 0 10px;} .wp-block-column {padding: 0 5px;} :where(.wp-block-columns.has-background) {padding: 0 5px;} } .wp-block-image.size-large {margin: 0 0 1em 0;} .wp-block-image.size-large img {width: 100%;height: auto;} .wp-block-cover.has-background-dim {min-height: auto !important;} .wp-block-cover.has-background-dim .wp-block-button {text-align: center;display: block;width: 100%;} a.wp-block-button__link {text-decoration: none;} .wp-block-verse {font-style: italic;margin: 15px 0;} .wp-post-image {vertical-align: top;} img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {max-width: 100%;height: auto;} .alignleft, img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 15px;} .alignright, img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 15px;} .aligncenter, img.aligncenter {clear: both;display: block;margin: 15px auto;} .alignnone, img.alignnone {margin: 15px auto;width: auto;} img.alignleft, img.alignright, img.aligncenter {margin-bottom: 15px;padding: 2px;} .wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;max-width: 632px !important;padding: 4px;text-align: center;} .wp-caption img {margin: 5px 5px 0;} .wp-caption img {margin: 5px 5px 0;} .wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin: 5px;} .wp-smiley {margin: 0;} .gallery {margin: 0 auto 18px;} .gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;} .gallery-columns-2 .gallery-item {width: 50%;} .gallery-columns-4 .gallery-item {width: 25%;} .gallery img {border: 2px solid #cfcfcf;} .gallery-columns-2 .attachment-medium {max-width: 92%;height: auto;} .gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto;} .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;} .gallery dl {margin: 0;} .gallery img {border: none !important;} .gallery br, .gallery br+br {display: none;} .contenttext .attachment img {display: block;margin: 0 auto;} .wp-block-image img {height: auto;} .wp-block-gallery ul {padding: 0 0 25px;margin: 0;} .wp-block-gallery ul li:before {display: none;} .wp-block-gallery.columns-2, .wp-block-gallery.columns-3, .wp-block-gallery.columns-4, .wp-block-gallery.columns-5, .wp-block-gallery.columns-6, .wp-block-gallery.columns-7, .wp-block-gallery.columns-8 {display: flex;} figure.wp-block-gallery.has-nested-images .wp-block-image {padding: 1%;} @media (max-width:768px) { :where(.wp-block-columns.is-layout-flex) {gap: 0 !important;} } .bef_aft {margin: 0 auto;max-width: 1200px;} /******* Business ********/ /******* Business cat ********/ .business_list {display: flex;flex-wrap: wrap;} .business_list .business_item {width: 32.333%;margin-right: 1.5%;} @media (min-width:950px) { .business_list .business_item:nth-child(3n) {margin-right: 0;} } .business_item{display: flex;flex-direction: column;justify-content: space-between;position:relative;margin:0 0 15px;text-decoration:none;border-radius: 12px;border: 1px solid #eee;padding:17px;} .business_item:focus, .business_item:active, .business_item:hover{text-decoration:none;} .business_item_wrap{padding:10px 0 0;color:#0d0d0d;} .business_item_title{font-size:24px;padding:0 0 15px;line-height:1.2;} .business_item_text{font-size:14px;padding:0 0 15px;line-height:1.2;} .business_item_btn{font-size:14px;padding:15px;line-height:1.2;background:#F2F2F2;text-align: center;border-radius:12px;color:#0d0d0d;} .business_item_btn:hover{background:#007bff;color:#fff;} .bs_thumb_ctr{position:relative;width:100%;max-width:400px;border-radius:12px;} .bs_thumb_ctr img{border-radius:12px;width:100%;height: auto;} .bs_thumb_line{position: absolute;top:10px;left:10px;right: 10px;padding:10px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content: space-between;} .bs_th_line_lft{display:flex;align-items:center;} .b_city{font-size:14px;padding:0 15px 0 0;color:#0D0D0D;} .new-badge{background:#fbbc04;text-transform: uppercase;border-radius:50px;line-height:32px;text-align: center;padding:0 15px;color:#0D0D0D;margin:0 10px 0 0;} .top-badge{background:#5856D6;text-transform: uppercase;border-radius:50px;line-height:32px;text-align: center;padding:0 15px;color:#fff;margin:0 10px 0 0;} .favorites-toggle{cursor: pointer;} .like_heart{width:28px;height:28px;position: relative;background:url(../images/icons/svg/heart.svg) no-repeat center;background-size:28px;} .like_heart_f{width:28px;height:28px;position: relative;background:url(../images/icons/svg/heart_f.svg) no-repeat center;background-size:28px;} @keyframes heart-pulse { 0% {transform: scale(1);} 50% {transform: scale(1.3);} 100% {transform: scale(1);} } .heart-animating { animation: heart-pulse 0.4s ease; } @media (max-width:950px) { .business_list .business_item{width:49%;margin-right:2%;} .business_list .business_item:nth-child(2n) {margin-right: 0;} } @media (max-width:650px) { .business_list .business_item{width:100%;margin-right:0;} } /******* Rating ********/ .rating-badge {display:inline-flex;align-items: center;gap: 4px;padding:3px 8px;background: #FFF9E0;border: 2px solid #fbbc04;border-radius: 999px;font-size: 14px;font-weight: 600;color: #0D0D0D;line-height: 1;} .rating-badge .rating-star {position: relative;} .rating-badge .rating-star i{display: inline-block;width:20px;height:20px; background:url(../images/icons/svg/full_star.svg) no-repeat center;background-size:20px;} /******* Pagination *********/ .pagination {position: relative;width:100%;text-align: center;padding:40px 0;} .screen-reader-text{display:none !important;} .pagination .current .screen-reader-text {position: static !important;} .pagination .page-numbers {text-align: center;line-height:40px;min-width:40px;padding: 0;display: inline-block;vertical-align: top;color: #0D0D0D;border:1px solid #007BFF;border-radius:12px;font-weight:500;text-decoration: none;} .pagination .page-numbers.current {text-transform: uppercase;background: #007BFF;color:#fff;} .pagination .current{display: inline-block;line-height:40px;min-width:40px;} .pagination .prev, .pagination .next {text-decoration: none;color: #fff;display: inline-block;padding: 0 10px;} .pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus {background-color: #007BFF;text-decoration: none;} /******* Pages *********/ .page_head *{text-align: center;} .page_head .breadcrumb > span {justify-content: center;} .contact_block{display: flex;max-width:650px;margin:25px auto;width: 100%;} .contact_block_left{width:50%;background:#007bff url(../images/contact_block.webp) no-repeat center;background-size:auto 100% ;border:1px soid #007bff;border-right:none;border-radius:12px 0 0 12px;} .contact_block_right{width:50%;border:1px solid #E6E6E6;border-left:none;border-radius:0 12px 12px 0;padding:25px;text-align: center;} .contact_block_right_txt{font-size:18px;font-weight:500;line-height:1.3;} .contact_block_right .btn_ico i{background: url(../images/icons/svg/contact-us.svg)no-repeat center;background-size:20px;} @media (max-width:500px) { .contact_block{display:block;} .contact_block_left{width:100%;height:150px;border-right:1px soid #007bff;margin:0 0 10px;border-radius:12px;} .contact_block_right{width:100%;border-left:1px solid #E6E6E6;padding:10px;border-radius:12px;} } /******* FAQ *********/ .schema-faq {position: relative;} .schema-faq-section {position: relative;padding: 15px 55px 15px 15px;cursor: pointer;transition: none;border-bottom: 2px solid #eee;} .schema-faq-section:after {content: '';position: absolute;right: 12px;top: 50%;width: 14px;height: 2px;transform: rotate(-45deg);background: #0D0D0D;transition: 0.4s ease-in-out;} .schema-faq-section:before {content: '';position: absolute;right: 21px;top: 50%;width: 14px;height: 2px;transform: rotate(45deg);background: #0D0D0D;transition: 0.4s ease-in-out;} .schema-faq-question {font-size: 18px;line-height: 1.1;} .schema-faq-answer {display: none;transition: none;padding: 30px 0 0 20px;font-size: 16px;line-height: 1.4;} .openfaq::after {transform: rotate(45deg);} .openfaq:before {transform: rotate(-45deg);} @media (max-width:768px) { .schema-faq-question {font-size: 18px;} .schema-faq-answer {padding: 20px 0 0 0;} } /******* 404 *********/ .error_pg {padding: 50px 0;display: flex;align-items: center;justify-content: center;} .error_item {text-align: center;padding: 0 10px;} .error_item h1{display: flex;align-items: center;justify-content: center;font-size: 32px;font-weight: 400;} .big_num_err{display: flex;align-items: center;} .big_num_err img{width: 100%;max-width: 656px;height: auto;display: block;margin: 0 auto;} .big_num_err span{font-size:200px;line-height: 1;font-weight:bold;color:#2c539c;} .big_num_err span:hover{color:#3dabab;} .err_text {padding: 15px 0;font-size: 18px;} .err_bk {padding-bottom: 50px;} @media(max-width:550px) { .error_pg{padding:25px 0;} .error_item h1{font-size:24px;} .err_text{font-size:16px;} } /******* Contacts page *********/ .contacts_itm_form_ctr{display: flex;justify-content: space-between;flex-wrap:wrap; border:1px solid #e6e6e6;border-radius:24px;padding:25px;} .contacts_item_wrapper{width:49%;} .contacts_item{padding:25px;border-radius:24px;border:1px solid #e4e4e4;display: flex;margin:0 0 15px;} .contacts_item a{color:#0D0D0D;} .contacts_item a:hover{color: #007BFF;} .ctc_item_img{display: block;border-radius:12px;padding:10px;background:#F2F2F2;} .contacts_item_txt{margin:0 0 0 15px;} .contacts_title{font-size:18px;padding:0 0 15px;font-weight: bold;color: #0d0d0d;} .contacts_phones_wrap{display: flex;flex-wrap: wrap; gap:25px;} .contacts_info_item {font-size:18px;font-weight:400;display:block;} .contacts_info_item em{font-size:15px;} .contacts_form{border-radius:24px;background:#007bff;width:49%;padding:25px;} .contacts_form_title{padding:0 0 5px;color:#fff;} .contacts_form_title h2, .contacts_form_title h3, .contacts_form_title h4{font-size: 24px;padding:0 0 15px;} .contacts_form_title p{margin:0 0 15px;line-height:1.4;} .contacts_form .wpforms-field-container{display:block;} .contacts_form .wpforms-field-container *{color:#fff;} .contacts_form .wpforms-field{margin:0 0 15px;} .contacts_form label{font-size:18px;line-height:1;font-weight:400;margin:0 0 10px;display: block;} .contacts_form input, .contacts_form textarea{border:none;background:#fff;border-radius:12px;padding:10px;font-size:18px;} .contacts_form input:is(:hover, :focus, :active), .contacts_form textarea:is(:hover, :focus, :active){box-shadow:0 0 10px 0 #fff;} .contacts_form button{border:1px solid #fff;background:transparent;min-width:200px;text-align: center;} .contacts_form button:is(:hover, :focus, :active){border:1px solid #fff;background:#fff;color:#007bff;} .wpforms-submit-container{display: flex;justify-content: flex-end;} .code_map{background: #e6e6e6;width:100%;height:60vh;border-radius:24px;overflow: hidden;margin:40px 0;} .code_map iframe{width: 100% !important;height:100%; vertical-align: top;} .social_contacts_page{padding:25px;} .social_contacts_title{text-align: center;font-size:28px;padding:0 0 15px;} .social_contacts_page .our_socials{display:flex;flex-wrap: wrap;align-items: center;justify-content:center; gap:8px;} .social_contacts_page a.social_item{display:flex;align-items:center;justify-content:center;border-radius:12px;background:#F2F2F2;color:#0d0d0d;padding:10px;} .social_contacts_page a.social_item img{filter:grayscale(1) brightness(0);opacity: 0.7;} .social_contacts_page a.social_item span{display:block;margin:0 0 0 5px;font-size:15px;} .social_contacts_page a.social_item:is(:hover, :focus, :active) {background: #007bff;color:#fff;text-decoration:none;} .social_contacts_page a.social_item:hover img{filter:grayscale(1) brightness(100);opacity:1;} .social_contacts_page a.social_item.toptt:is(:hover, :focus, :active) img, .social_contacts_page a.social_item.topln:is(:hover, :focus, :active) img, .social_contacts_page a.social_item.toptg:is(:hover, :focus, :active) img{filter:grayscale(1) brightness(100) invert(1);} @media (max-width:920px) { .contacts_itm_form_ctr{padding:10px;} .contacts_item_wrapper{width:100%;padding:0;} .contacts_form{width:100%;} .social_contacts_page {padding:10px;} } /******* Socials *********/ .our_socials {position: relative;} .our_socials a{position: relative;display:block;} /******* Call to actions *********/ .call_to_actions_wrapper{display: flex;align-items: center;justify-content:space-between;padding:40px;border:1px solid #E6E6E6;border-radius:24px;} .call_to_actions_left{max-width:536px;} .call_to_actions_left .btn_lftctr .btn{margin:10px 0;} .call_to_actions_ttl{padding-bottom: 25px;font-size:32px;font-weight:500;} .call_to_actions_text {font-size:16px;padding-bottom:25px;font-weight:500;} .call_to_actions_img{border-radius:12px;margin-left:20px;max-width:736px;width:60%;height: auto;} @media (max-width: 768px) { .call_to_actions_wrapper{flex-wrap: wrap;padding: 0 10px;flex-direction: column-reverse;margin:0 0 15px;} .call_to_actions_left{max-width:100%;width:100%;} .call_to_actions_ttl{padding-bottom:15px;font-size:24px;} .call_to_actions_text {font-size:18px;padding-bottom:15px;} .call_to_actions_img{margin-left:0;max-width:100%;width:100%;margin-bottom:20px;} .call_to_actions_left .btn_lftctr{margin:0;} .call_to_actions_left .btn_lftctr .btn_brd{margin:0;} } @media (max-width: 450px) { .call_to_actions_left .btn_lftctr .btn_brd{width:100%;max-width:100%;} } /******* Footer *********/ footer {position: relative;padding:40px 10px 20px;margin: 0 auto;overflow: hidden;font-size:14px;color:#0D0D0D;} footer a{color: #0D0D0D;} footer a:hover {text-decoration: underline;color: #007BFF;} .footer_brd_cntr{position: relative;padding:20px;border:1px solid #E6E6E6;border-radius:24px;margin:0 0 10px;} .footer_wrapper {position: relative;display: flex;justify-content: space-between;} .logo_item{max-width:280px;width: 100%;} .logo_item .btn{display: inline-flex;} .logo_foot img {max-width: 100%;height: auto;display: inline-block;} .after_ftlg_text {margin: 25px 0;max-width:290px;font-size:14px;line-height:1.3;font-weight: 300;} .social_footer{margin:0 0 25px;} .social_footer .our_socials{display:flex;flex-wrap: wrap;align-items: center;gap:8px;} .social_footer a.social_item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;} .social_footer a.social_item img{filter:grayscale(1) brightness(0);opacity: 0.7;} .social_footer a.social_item span{display:none;} .social_footer a.social_item:is(:hover, :focus, :active) {background: #007bff;} .social_footer a.social_item:hover img{filter:grayscale(1) brightness(100);opacity:1;} .social_footer a.social_item.toptt:is(:hover, :focus, :active) img, .social_footer a.social_item.topln:is(:hover, :focus, :active) img, .social_footer a.social_item.toptg:is(:hover, :focus, :active) img{filter:grayscale(1) brightness(100) invert(1);} .f_widget{width:23%;max-width:290px;margin: 0 1% 25px;font-weight: 500;font-size:14px;} .f_widget li {list-style: none;} .f_titlebg {line-height:1;padding-bottom:20px;font-size:16px;position: relative;color:#0D0D0D;font-weight:bold;} .colum_widget {width: 100%;font-size:13px;display: flex;justify-content: center;flex-wrap: wrap;padding-top: 30px;} .colum_widget p{margin: 0;padding: 0 0 20px;} .colum_widget ul {margin: 0;padding: 0;} .colum_widget .menu li {list-style: none;margin: 0 0 10px 0;} .colum_widget .menu a {display: block;color: #0D0D0D;} .colum_widget .menu a:is(:hover, :focus, :active) {color: #007BFF;text-decoration: none;} .colum_widget .contacts_info_item {font-size:14px;font-weight: 400;} .f_widget .our_socials {display: block;} .f_widget .our_socials a {margin: 0 0 20px 0;} .copyright{text-align: center;display: flex;justify-content: space-between;align-items: center;line-height: 1.4;padding: 25px 0;} .foot_text{font-size:13px;line-height:1.3;font-weight:300;} .foot_text a {color: #007BFF;} .foot_text a:hover {color: #007BFF;} .foot_text.lstft{color:#9c9e9f;} .footer_code {display: none;visibility: hidden;opacity: 0;} .foot-menu{display:flex;align-items:center;justify-content:center;} .foot-menu li{padding: 0 8px 0 16px;position: relative;font-weight: 500;font-size: 14px;} .foot-menu li:before{content:'';position: absolute;left:0;top:50%;width:5px;height:5px;border-radius:10px;background: #c9c9c9;} .foot-menu li:first-child:before{display:none;} .foot-menu li a{color: #007BFF;} .foot-menu li a:hover {text-decoration: underline;} @media (max-width:1450px) { .logo_item {max-width: 250px;} } @media (max-width:1200px) { .footer_wrapper{flex-wrap:wrap;padding:20px 10px 0;} .logo_item{margin: 0 auto;padding:0;text-align: center;} .logo_foot{max-width:184px;margin:0 auto;text-align: center;} .after_ftlg_text {margin: 15px auto;} .f_widget {width:46%;font-size:12px;margin: 0 2% 25px;} .colum_widget .contacts_info_item{font-size: 12px;} .colum_widget .menu li {padding:0;} .colum_widget p{padding: 0 0 10px;} .colum_widget a{font-size: 14px;color:#fff;} .f_widget .our_socials a {margin:0 0 10px 0;} .copyright{flex-direction: column;} } @media (max-width: 920px) { .foot-menu{padding:0 0 15px;} } @media (max-width:768px) { footer {padding: 0 10px;font-size: 12px;} .logo_item{max-width:100%;} .after_ftlg_text {max-width:100%;} .f_widget .menu-item {padding: 0;} .colum_widget .menu li {margin: 0 0 10px 0;} .colum_widget .menu a {display: block;} .colum_widget {padding-bottom: 0;justify-content: space-between;} .colum_widget .f_widget{display: block;padding:0;} .colum_widget .f_widget:first-child{width: 100%;} .foot_text {margin-bottom: 10px;} .privacy {margin-bottom: 10px;} } /******* Off Adminbar *********/ #toggle-adminbar-btn{opacity: 1;border:none;display:flex;align-items:center;justify-content:center;position:fixed;text-align:center;border-radius:8px;bottom:175px;left: 15px;height: 50px;width: 50px;background: #fff;z-index: 100;box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);} #toggle-adminbar-btn:is(:hover, :focus, :active) {cursor:pointer;background:#007bff;} #toggle-adminbar-btn:is(:hover, :focus, :active):before {content:'';position:absolute;top:0;left:50%;height:50px;width:30px;} #toggle-adminbar-btn i{display:block;width:24px;height:24px;background: url(../images/icons/svg/console.svg) no-repeat center;background-size:24px;} #toggle-adminbar-btn:is(:hover, :focus, :active) i{filter:invert(1);} #toggle-adminbar-btn span {transform: translateX(50px);visibility: hidden;opacity: 0;position: absolute;z-index: -1;top: 5px;left: 100%;white-space: nowrap;line-height: 40px;border-radius:6px;color: #0D0D0D;padding: 0 15px 0 15px;font-size: 14px;font-weight: 500;white-space: nowrap;transition: 0.4s linear;background:#F2F2F2;} #toggle-adminbar-btn:is(:hover, :focus, :active) span {visibility: visible;opacity: 1;transform: scaleX(1) translateX(5px);} @media (max-width:920px) { #toggle-adminbar-btn{bottom:120px;left: 5px;} #toggle-adminbar-btn span {display: none;} } /******* Fix edit *********/ .fix_edit{opacity: 1;border:none;display:flex;align-items:center;justify-content:center;position: fixed;text-align: center;border-radius:8px;bottom: 115px;left: 15px;height:50px;width:50px;background: #fff;z-index:100;box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);} .fix_edit:is(:hover, :focus, :active) {cursor:pointer;background:#007bff;} .fix_edit:hover:before {content: '';position: absolute;top: 0;left: 50%;height: 50px;width: 30px;} .fix_edit i{display:block;width:24px;height:24px;background: url(../images/icons/svg/edit.svg) no-repeat center;background-size:24px;} .fix_edit:is(:hover, :focus, :active) i{filter:invert(1);} .fix_edit span {transform: translateX(50px);visibility: hidden;opacity: 0;position: absolute;z-index: -1;top: 5px;left: 100%;white-space: nowrap;line-height: 40px;border-radius:6px;color: #0D0D0D;padding: 0 15px 0 15px;font-size: 14px;font-weight: 500;transition: 0.4s linear;background:#F2F2F2;} .fix_edit:hover span{visibility: visible;opacity: 1;transform: scaleX(1) translateX(5px);} @media (max-width:920px) { .fix_edit {bottom:60px;left: 5px;} .fix_edit span {display: none;} } /******* Back top *********/ .progress-wrap {position: fixed;bottom: 55px;left: 15px;height: 50px;width: 50px;cursor: pointer;display: block;box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);z-index: 55;opacity: 0;background:#007BFF;border-radius:12px;border: 4px solid #007BFF;visibility: hidden;transform: translateY(15px);transition: all 200ms linear;cursor: pointer;} .progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0)} .progress-wrap:hover {animation: scalezoom 0.5s ease-in-out;} .progress-wrap::after {position: absolute;content: '';background: #ffffff;left: 9px;top: 45%;height: 3px;width: 15px;transform: rotate(-45deg);display: block;z-index: 1;transition: all 200ms linear} .progress-wrap::before {position: absolute;content: '';background: #ffffff;right: 9px;top: 45%;height: 3px;width: 15px;transform: rotate(45deg);display: block;z-index: 2;transition: all 200ms linear} .progress-wrap svg path {fill: none} .progress-wrap svg.progress-circle path {stroke: #ffffff;stroke-width: 4;box-sizing: border-box;transition: all 200ms linear} @media (max-width:920px) { .progress-wrap {bottom:5px;left:5px;} } /******* Cookie notice *********/ .cookie_popup{display: flex;align-items: center;padding: 0 10px;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0);z-index: 999;pointer-events: none;transition: background 0.3s ease;} .cookie_popup.active {background: rgba(0, 0, 0, 0.3);pointer-events: all;backdrop-filter: blur(16px);} .cookie_popup_wrap{display: flex; position: relative; background:#fff; margin:10% auto; width:100%;max-width:750px; border-radius:12px;transform: translateY(40px);opacity: 0;transition: transform 1s ease, opacity 1s ease;overflow: hidden;} .cookie_popup.active .cookie_popup_wrap{transform: translateY(0);opacity: 1;} .cookie_popup_ctr{display:flex;flex-wrap:wrap;padding: 0;width: 100%;} .cookie_popup_thumb{width:50%;display: flex;align-items: center;justify-content: center;background: #007BFF;} .cookie_popup_thumb img{max-width:210px;height: auto;} .cookie_popup_text{width:50%;padding: 25px 35px;} .cookie_text{padding:0 0 5px;} .cookie_text h2, .cookie_text h3, .cookie_text h4{font-size: 24px;padding:0 0 15px;} .cookie_text p{margin:0 0 15px;line-height:1.4;} .cookie_popup a{font-weight: bold;color:#007BFF;} .cls_cookie{cursor: pointer;width: 100%;} .hide_cookie{position: absolute;z-index:5;right:10px;top:10px;border-radius:12px;width:36px;height:36px;background: #F2F2F2;transition: all 0.8s ease-in-out;cursor: pointer;} .hide_cookie:hover{cursor: pointer;background:#007BFF;} .hide_cookie:after, .hide_cookie:before{content: '';background: #0D0D0D;top: 18px;border-radius: 5px;height: 1px;width: 15px;position: absolute;left: 11px;transition: 0.5s ease-in-out;} .hide_cookie:after {transform: rotate(45deg);} .hide_cookie:before {transform: rotate(-45deg);} .hide_cookie:hover:after {transform: rotate(-45deg);background:#fff;} .hide_cookie:hover:before {transform: rotate(45deg);background:#fff;} @media (max-width:650px) { .cookie_popup_wrap{flex-direction: column;flex-wrap: wrap;} .cookie_popup_thumb{width:100%;} .cookie_popup_text{width:100%;padding:15px 15px 20px;} } /******* Modal *********/ .modal{position:fixed; top:0; left:0; right:0; bottom:0;background: rgba(0, 0, 0, 0);z-index: 999; pointer-events: none;transition: background 0.3s ease;} .modal.active {background: rgba(0, 0, 0, 0.5);pointer-events: all;backdrop-filter: blur(16px);} .modal_close{position: absolute;z-index:5;right:10px;top:10px;border-radius:12px;width:36px;height:36px;background: #F2F2F2;transition: all 0.8s ease-in-out;cursor: pointer;} .modal_close:hover{cursor: pointer;background:#007BFF;} .modal_close:after, .modal_close:before{content: '';background: #0D0D0D;top: 18px;border-radius: 5px;height: 1px;width: 15px;position: absolute;left: 11px;transition: 0.5s ease-in-out;} .modal_close:after {transform: rotate(45deg);} .modal_close:before {transform: rotate(-45deg);} .modal_close:hover:after {transform: rotate(-45deg);background:#fff;} .modal_close:hover:before {transform: rotate(45deg);background:#fff;} .modal_inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding:15px;} .modal_outer{position:relative;color:#0D0D0D;width:100%;max-width:620px;background:#fff;border-radius:12px;padding:15px;box-sizing: border-box;margin: 20px;overflow: hidden;overflow-y: auto;max-height: 100%;transform: translateY(40px);opacity: 0;transition: transform 0.4s ease, opacity 0.4s ease;} .modal.active .modal_outer{transform: translateY(0);opacity: 1;} .modal_outer input[type="text"]:hover, .modal_outer input[type="text"]:focus, .modal_outer input[type="email"]:hover, .modal_outer input[type="email"]:focus, .modal_outer textarea:hover, .modal_outer textarea:focus{border-color:#2c539c;} @media (max-width:780px) { .modal_inner{padding:10px;} .modal_outer{margin: 0;padding:16px;} } /******* Favorites *********/ .favorites_modal_btn{display: flex;align-items: center;justify-content: center;position: fixed;bottom:80px;right: 15px;height: 50px;width: 50px;z-index: 9;background: #007BFF;border-radius:12px;box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);transition: all 0.4s ease-in-out;} .favorites_modal_btn i{background: url(../images/icons/svg/favorites.svg) center no-repeat;background-size:40px;width:40px;height:40px;display: block;filter:invert(1);} .favorites_modal_btn:hover{background:#fbbc04;cursor: pointer;} .favorites_modal_btn:hover i{filter:none;} .favorites_modal_btn span{transform: translateX(-50px);visibility: hidden;opacity: 0;position: absolute;z-index: -1;top: 5px;right:50px;white-space: nowrap;line-height: 40px;border-radius:6px;color: #0D0D0D;padding: 0 15px 0 15px;font-size: 14px;font-weight: 500;transition: 0.4s linear;background:#F2F2F2;} .favorites_modal_btn:hover span{visibility: visible;opacity: 1;transform: scaleX(1) translateX(-5px);} @media (max-width:780px) { .favorites_modal_btn{bottom: 5px;right: 5px;} .favorites_modal_btn span{display: none;} } .modal.favorites_modal .modal_outer{max-width:720px;} .modal.favorites_modal{min-height:40px;} .modal.favorites_modal .content_text h2, .modal.favorites_modal .content_text h3, .modal.favorites_modal .content_text h4{padding:0 0 15px;font-size:20px;} .save_favorites{display: flex;align-items: center;justify-content: center; padding:0 0 15px;} .save_favorites span{display: inline-block;} .save_favorites .btn_brd{margin:0 0 0 10px ;} .modal_favorites{position:relative;min-height:100px;} .business_favorites{position:relative;display:flex;align-items:center;margin:0 0 15px;text-decoration:none;border-radius: 16px;border: 1px solid #eee;padding:10px;} .business_favorites:is(:hover, :focus, :active){text-decoration:none;} .fav_thumb_ctr{max-width:180px;} .fav_thumb_ctr img{border-radius:12px;} .fav_thumb_line{width:100%;display: flex;align-items: center;justify-content: space-between;} .fav_th_line_lft{display: flex;align-items: center;} .fav_th_line_rght{display: flex;align-items: center;} .fav_th_line_rght .favorites-toggle {padding:0 0 0 10px;} .business_favorites .fav_text_wrap{padding:0 0 0 10px;color:#0d0d0d;width:100%;} .business_favorites .fav_title{font-size:18px;padding:0 0 10px;line-height:1.2;} @media (max-width:550px) { .business_favorites {display: block;border-radius: 0; border: none;border-bottom: 1px solid #eee;} .fav_thumb_ctr{margin: 0 auto;} .fav_thumb_line{display: block;} .fav_th_line_lft {text-align: center;display: block;padding: 0 0 5px;} .business_favorites .fav_text_wrap{padding: 10px 0 0;text-align: center;} .fav_th_line_rght{justify-content: center;padding: 0 0 5px;} .fav_btn_wrap .btn{width:100%;max-width:250px;} } .page-numbers {display: flex;justify-content: center;list-style: none;padding: 0;margin: 20px 0;gap: 8px;} .page-numbers li {display: inline-block;} .page-numbers a, .page-numbers span {display: inline-block;padding: 6px 14px;font-size: 16px;color: #333;text-decoration: none;transition: all 0.3s ease;border-radius: 12px;background: #F2F2F2;} .page-numbers a:hover {background: #007bff;color: #fff;} .page-numbers .current {background: #007bff;color: #fff;cursor: default;} .page-numbers .dots {background: transparent;border: none;cursor: default;color: #999;} /******* Catalog modal *********/ .modal.modal_catalog .modal_outer{max-width:1200px;} /******* Preloader *********/ .loader_crcl {top: 50%;left: 50%;transform: translate(-50%,-50%);display:block;margin: 0 auto;} .loader_crcl::before {content: '';border-radius:50%;background:#0d0d0d;position: absolute;} .loader_crcl svg{width: 100%;height: 100%;display: block;} .loader_crcl circle{fill: none;stroke: #007bff;stroke-width:7px;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 150 50 150 50;stroke-dashoffset: 75;animation: pathCircle 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;} .loader_crcl.small_loader{width: 44px;height: 44px;position: absolute;} .loader_crcl.small_loader::before{width: 6px;height: 6px;top: 37px;left: 19px;transform: translate(-18px, -18px);animation: dotCircle 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;} @keyframes pathCircle { 25% {stroke-dashoffset: 125;} 50% {stroke-dashoffset: 175;} 75% {stroke-dashoffset: 225;} 100% {stroke-dashoffset: 275;} } @keyframes dotCircle { 25% {transform: translate(0, 0);} 50% {transform: translate(18px, -18px);} 75% {transform: translate(0, -36px);} 100% {transform: translate(-18px, -18px);} } .loader_wrap_body.hided{opacity:0.7;} .loader_crcl.loader_fullscreen {width:135px;height:135px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:none;} .loader_crcl.loader_fullscreen circle{stroke-width:4px;} .loader_crcl.loader_fullscreen::before {width:8px;height:8px;border-radius:50%;background:#0d0d0d;position:absolute;top:50%;left:50%;transform:translate(-68px, 0);animation:dotCircleSnap 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;} @keyframes dotCircleSnap { 0% {transform: translate(-68px, 0);} 25% {transform: translate(0, 68px);} 50% {transform: translate(68px, 0);} 75% {transform: translate(0, -68px);} 100% {transform: translate(-68px, 0);} } /******* Gallery Box Lightbox *********/ #galleryLightbox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:blur(16px);transition:opacity .5s ease} #galleryLightbox-overlay.visible{opacity:1} #galleryLightbox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center} #galleryLightbox-overlay .full-image img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle;box-shadow:0 0 24px rgba(0, 0, 0, 0.25);background:#fff;border-radius:6px} #galleryLightbox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px} #galleryLightbox-slider{padding:10px 0;position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;transition:left .4s ease,transform .4s ease} .stl-btn{position:absolute;cursor:pointer;background:#fff3;border-radius:50%;width:50px;height:50px;top:calc(50% - 25px);display:flex;align-items:center;justify-content:center;border:1px solid #fff} .stl-btn svg{fill:#fff;width:16px;height:16px} .stl-btn:hover{background:#007bff;border-color:#007bff} #stl-prev{left:2%} #stl-next{right:2%} #stl-close{position:absolute;top:20px;right:30px;width:40px;height:40px;font-size:48px;color:#fff;background:transparent;border:none;cursor:pointer} .stl-loader{width:40px;height:40px;border-radius:50%;border:4px solid rgba(255, 255, 255, 0.3);border-top-color:#fff;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px} @keyframes spin { to{transform:rotate(360deg)} }