@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-2e9b46d5ad.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Open Sans";font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-52962c5d37.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-2e9b46d5ad.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-52962c5d37.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-2e9b46d5ad.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-52962c5d37.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-2e9b46d5ad.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-52962c5d37.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/gf-64b566ad86.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/gf-48d1e9cdfb.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Playfair Display";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/gf-64b566ad86.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Playfair Display";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/gf-48d1e9cdfb.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/gf-64b566ad86.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/gf-48d1e9cdfb.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/gf-64b566ad86.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/gf-48d1e9cdfb.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-6d4c1d747f.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-cb43c05529.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-6d4c1d747f.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/assets/fonts/gf-cb43c05529.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Roboto Slab";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/gf-e672e5de46.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Roboto Slab";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/gf-62d26da938.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Roboto Slab";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/gf-e672e5de46.woff2)format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Roboto Slab";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/gf-62d26da938.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal;font-display:swap} @font-face { font-family: 'xstore-icons'; src: url('/wp-content/themes/xstore/fonts/xstore-icons-light.ttf') format('truetype'), url('/wp-content/themes/xstore/fonts/xstore-icons-light.woff2') format('woff2'), url('/wp-content/themes/xstore/fonts/xstore-icons-light.woff') format('woff'), url('/wp-content/themes/xstore/fonts/xstore-icons-light.svg#xstore-icons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}} @-webkit-keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}} @keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}} @-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @-webkit-keyframes et-toBottomFull{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes et-toBottomFull{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}} @-webkit-keyframes et-rtl{0%{-webkit-transform:translateX(7px);transform:translateX(7px)}to{-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes et-rtl{0%{-webkit-transform:translateX(7px);transform:translateX(7px)}to{-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}} @-webkit-keyframes animArrow{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(3px);transform:translateX(3px)}to{-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes animArrow{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(3px);transform:translateX(3px)}to{-webkit-transform:translateX(0);transform:translateX(0)}} .wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important} .wpcf7 .hidden-fields-container{display:none} .wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2} .wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none} .wpcf7-form-control-wrap{position:relative} .wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr} .elementor-screen-only,.screen-reader-text,.screen-reader-text span{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0} .elementor *,.elementor :after,.elementor :before{box-sizing:border-box} .elementor a{box-shadow:none;text-decoration:none} .elementor img{border:0;border-radius:0;box-shadow:none;height:auto;max-width:100%} .elementor .elementor-background-overlay{inset:0;position:absolute} .elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%} .elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)} .elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)} :root{--page-title-display:block} .elementor-section{position:relative} .elementor-section .elementor-container{display:flex;margin-left:auto;margin-right:auto;position:relative} @media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}} .elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px} .elementor-section.elementor-section-stretched{position:relative;width:100%} .elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%} .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex} .elementor-widget-wrap>.elementor-element{width:100%} .elementor-widget{position:relative} .elementor-widget:not(:last-child){margin-bottom:var(--kit-widget-spacing,20px)} .elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-bottom:0} .elementor-column{display:flex;min-height:1px;position:relative} .elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0} @media (min-width:768px){.elementor-column.elementor-col-25{width:25%}} @media (min-width:768px){.elementor-column.elementor-col-33{width:33.333%}} @media (min-width:768px){.elementor-column.elementor-col-50{width:50%}} @media (min-width:768px){.elementor-column.elementor-col-100{width:100%}} @media (max-width:767px){.elementor-column{width:100%}} @media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}} @media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}} @media (max-width:767px){#elementor-device-mode:after{content:"mobile"}} @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} .e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap;margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start);--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)} .e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)} .e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)} .e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)} .e-con,.e-con>.e-con-inner{display:var(--display)} .e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal} .e-con-boxed{gap:initial;text-align:initial} .e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)} .e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%} :is([data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))} .e-con .elementor-widget.elementor-widget{margin-block-end:0} .e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)} .e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)} .e-con .elementor-widget{min-width:0} .e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%} .e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%} .e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%} @media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}} .elementor-element .elementor-widget-container,.elementor-element:not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)} .elementor-heading-title{line-height:1;margin:0;padding:0} .elementor-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s} .elementor-icon i,.elementor-icon svg{display:block;height:1em;position:relative;width:1em} .elementor-icon i:before,.elementor-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)} @media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}} @media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}} .elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500} .e-con{--container-max-width:1140px} .elementor-widget:not(:last-child){margin-block-end:20px} .elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px} @media (max-width:1024px){.elementor-section.elementor-section-boxed>.elementor-container{max-width:1024px}} @media (max-width:1024px){.e-con{--container-max-width:1024px}} @media (max-width:767px){.elementor-section.elementor-section-boxed>.elementor-container{max-width:767px}} @media (max-width:767px){.e-con{--container-max-width:767px}} .elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x} .elementor-widget-divider .elementor-divider{display:flex} .elementor-widget-divider .elementor-divider-separator{direction:ltr;display:flex;margin:0} .elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)} *{padding:0;margin:0} img{max-width:100%;height:auto} html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:14px;margin-right:0!important} body{--et_font-color:#555;margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Verdana,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;color:var(--et_font-color)!important;height:auto!important;background-color:var(--et_container-bg-color,transparent);--product-stock-step-1-active-color:var(--et_green-color);--product-stock-step-2-active-color:var(--et_orange-color);--product-stock-step-3-active-color:var(--et_red-color);--h1-size-proportion:2.5714;--h2-size-proportion:1.7142;--h3-size-proportion:1.7142;--h4-size-proportion:1.2857;--h5-size-proportion:1;--h6-size-proportion:0.8571;--h1-line-height:1.2;--h2-line-height:var(--h1-line-height);--h3-line-height:var(--h1-line-height);--h4-line-height:var(--h1-line-height);--h5-line-height:var(--h1-line-height);--h6-line-height:var(--h1-line-height);--product-title-size-proportion:1.14;--product-title-line-height:1.5;--et_main-color:#888;--et_dark-color:#222;--et_active-color:#a4004f;--et_red-color:#c62828;--et_green-color:#2e7d32;--et_blue-color:#1565c0;--et_orange-color:#f57f17;--et_yellow-color:#fdd835;--et_border-color:#e1e1e1;--et_light-color:#f7f7f7;--et_light-color2:#f2f2f2;--et_white-2-dark:#fff;--et_dark-2-white:#222;--et_select-arrow-closed:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEm0lEQVR4nO3cWaiUZRgH8N85armShlgWLZS0gLQgIVm0UGQgtEBKe110IdSFF0FXhtCNChERFLSQFBUltEC0ZxS0E7QZ0UJEG6aFltmiOV28c3DpvO+cZWa+c+Z7fjAo58x87/99HuSceb9nJIQQQgghhBBCCCGEEEIIIYQQQgghhBBCO01o/nkYrsRp+B7bK0tUL7NwFRZhM7bCOfgdjebjl+bXQmediy321H07ToeP9vriwGMHFlcSsx4ulGq8f92fhm2DfKOBv3BRBWF73cVSbQer+cvwbOabDfyDZV2P3LuWSTXN1ftGOBY/Fp60C9d0OXgvulaqZa7OD6Nv4MlH4svCk3djRfey95wVUg1z9b3TXs0YcCg2Fl7UwMrOZ+85tyrX9HaDNGPAIfi4xQVWdy57z1mtXMtVQ7nILLzX4kJr25u7J61VruEtw7nYTLzd4oL3oL892XtKv1Sb0s/jm0dy4enYULhwA/eKpuytH/fJ1+tfLB/NAlOlNyulpjyKiaNZpEdMxGPKzbihHQtNwQuFhRp4ApPasdg4NUmqQa4+O3F5Oxc8AE8WFmxI7/gnt3PRcWKy1qcdSzux8CSsLyzckP4lTenE4mPUdLwmX48/saSTASZgXSFAA69jRidDjBEz8IZ8HXZIp7od14/7C0Ea0vuYg7sRpiIH4335/f+Gs7oZqE86fyk15QPM7maoLpkt7S237204o4pgfdI5TKkpGzG3inAdMhefye93CxZUlq5plXJTPsfhVYVro8OlveT2+TNOqSzdfm5Rbso3OKaydKN3jLSH3P5+wAmVpcu4WfnM/1vMqyzdyM2Tsuf29R2OqyxdC8ulI4Jc+J8wv7J0wzdfypzbz1c4qrJ0Q3SDclM24aTK0g3dyVLW3D6+wBGVpRumK6Tzm9xmfsXCytK1tlDKmMv/iXQzb1xZqjxhsVWa2BtrFknZcrk/xJzK0o3SEuk8J7e57TivsnT/d76UKZf3Henm3biWm9IbePyBCypLt8di5Zxv4qDK0rXZ2dL5Tm6zf+OSytJxaTNDLt8rmFZZug45U35stSH9vLmsglxXK/8C8qJ057QnLbDvxPf+j124rot5rleeJnxKujnX006VPguRK8JuzRnXDrtJ+WRhvRrdlj5ROv8pNaWTo6utRjvX2fNhpto4XjoHyhWloTOjqytbrPmAGo82HY2vlQvUztHVVqOdgw49102ryfsG1rRhnVajncWh57o5FJ8qF+xuIytYf/O1pWuvGlX6HjXH4J933Psx3NHV/uZrStcc1tBz3czCu8oFfMTQRlcnSmOupd/kRjT0XDcz8ZZyUx5Xfo/QarRz1EPPdTMNryo3JTe62mq0s21Dz3UzFS8pN+V5+46uthoM3yndPAsjdCCeUW7KwOjqjObfc8/r2NBz3UzBc8pN2aA89Byft2+zCdLnuEtNyT26NvRcNxPwoOE1o+tDz3XTh7sMrRmVDT3XTR/uUG7GmBh6rpvbDN6MMTX0XDdr7NuMzdIdyXGrF46bF0u/RW3CQ9L/bBRCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYD/AI5xCCmGn2cGAAAAAElFTkSuQmCC);--et_select-arrow-opened:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEZUlEQVR4nO3caYhVZRgH8N+oaWmbIWULUhS0UbQQtFFJEUXRSoRaZHvUB8EWPxgl9UVaKGmPVioKKjNB2omKooUiKpE2kXZbtE3LvQ/n3hxz3vfc0Xvvae59fnBgYO457/99nznn3jnznCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQjP1VB2gCUbj5NrXs7CwwixdbywWYU1t+wVHVRmom52KZdYWo74twykV5upKZ2Gl9YtR35bj9MrSdZlz5ItR31bi7Ioydo3LsFp5MXoX5dxKknaBSfpXjPq2WlHI0ERlZ8a7tS31/VW4oO2pO9R0+TPgJQzHiNrXuddObXP2jlNWjGcxrNfrN8PzJftc26bsHaUHt8sv7NMY2se+QzGzZN/prY3fWQbhbvkFfQSDM8cYUntN7hg3tiZ+ZxmCR+UX8gH5YtQNxoMlx7pLZ9zPa4kheFx+AW/TvwVs5NJ3r+KsDL0Mw2z5hbvFhv0099T2zR37McUPRMCmmCO/YNc1YZzrS8Z4QhTF5nhVfqGmNHG8KSVjzbbux+iusgVel1+gK1sw7lUlY85RnLVdZRvltzouaeH4l8rfinlO8UtmVxiF9+WLcWEbclxUGyuV4zXFWdzRtsdc6UVYgXFtzDO+NmYqzxvYso152mpHzJOe/HKcUUGuM2tjp3K9p7jEdpRdMF960n/hhMrScSL+7iNXfftAcantCLtigfRkl+K4qsL1crwiSyrnXMUld0DbC99JT/J3HFFZuvUdiT+k887DDpWl20j74Afpyf2KwypLl3Y4fpPO/Sl2qizdBjrIug1s/91+xgGVpSt3oCJjKv8CxaV4QDgYi6Un8yP2qyxd4/bHT9Lz+Aq7VZauQWPlr8HfYI/K0vXfnvhWej7fY+/K0pU4Bkukw89XfPwdaHbH19LzWoh9K0uXcJL85/jPMaaydBtvZ3wpPb9FivfN/4VU03N9+0TxyMBANwafSc9zseL9s1JlTc8fYbvK0jXfaHws/1H+0KrCTZQvxjsYWVW4FtoWH0rP+08c3e5QZa2db2Hrdodqo5F4W3r+S3Bsu8KUNT2/omjr7HRb4U3pdVhm7aN2LXN1JsAavKjos+0WI/CyfFFOa9XgZX22s3Rng8BwvCC9Li15cKisGE/pu8+2WwzFM/JFmdiMgXpwR2agNXhYY62dnW4TPCm9Thv94NAg3JMZYA3uF8XobTAeki/KpA05cCNNzzNEo3JfBuE++aJM7s8BG2l6vlkUI6cHt8qv4TWNHKiRpudpTY3euXpwk/xaZh8caqTpuZl9tt1imvya3tDXTmVNz6txRWtzd7SyJu879XoLGCL/oGQUozmmyhfl30fsLs+8KB66b67J8vcBx5O+F7MK57c9cufLdd7PoO9f/lZgQgVhu8V5+v5b0gSKTrzenRVLxb82aodxis7N+rrPxOD6O/soXKy4nfyIomUytN4oHIIvxJqHEEIIIYQQQgghhBBCCCGEEEIIIYQQQkv8A07d/ovDcJx+AAAAAElFTkSuQmCC);--et_404-page-bg-image:url('/wp-content/images/404.png');--et_link-color:var(--et_dark-2-white);--et_link-hover-color:var(--et_main-color);--et_btn-color:var(--et_dark-2-white);--et_btn-bg-color:var(--et_light-color2);--et_btn-br-color:var(--et_light-color2);--et_btn-color-hover:#fff;--et_btn-bg-color-hover:var(--et_active-color);--et_btn-br-color-hover:var(--et_active-color);--et_btn-bordered-color:var(--et_dark-color);--et_btn-bordered-bg-color:transparent;--et_btn-bordered-br-color:var(--et_border-color);--et_btn-bordered-color-hover:var(--et_dark-color);--et_btn-bordered-bg-color-hover:#fff;--et_btn-bordered-br-color-hover:var(--et_border-color);--et_btn-active-color:#fff;--et_btn-active-bg-color:var(--et_active-color);--et_btn-active-br-color:var(--et_active-color);--et_btn-active-color-hover:#fff;--et_btn-active-bg-color-hover:var(--et_active-color);--et_btn-active-br-color-hover:var(--et_active-color);--et_btn-light-color:#fff;--et_btn-light-bg-color:var(--et_btn-bg-color);--et_btn-light-br-color:var(--et_border-color);--et_btn-light-text-transform:uppercase;--et_btn-light-color-hover:#fff;--et_btn-light-bg-color-hover:var(--et_active-color);--et_btn-light-br-color-hover:var(--et_active-color);--et_btn-dark-color:#fff;--et_btn-dark-bg-color:var(--et_dark-color);--et_btn-dark-br-color:var(--et_dark-color);--et_btn-dark-color-hover:#fff;--et_btn-dark-bg-color-hover:#4c4c4c;--et_btn-dark-br-color-hover:#4c4c4c;--et_dark-2-white-0:rgba(0, 0, 0, 0);--et_dark-2-white-01:rgba(0, 0, 0, 0.1);--et_dark-2-white-02:rgba(0, 0, 0, 0.2);--et_dark-2-white-03:rgba(0, 0, 0, 0.3);--et_dark-2-white-08:rgba(0, 0, 0, 0.8);--et_dark-2-white-002:rgba(0, 0, 0, 0.02);--et_white-2-dark-0:rgba(255, 255, 255, 0);--et_white-2-dark-01:rgba(255, 255, 255, 0.1);--et_white-2-dark-05:rgba(255, 255, 255, 0.5);--et_white-2-dark-07:rgba(255, 255, 255, 0.7);--et_white-2-dark-09:rgba(255, 255, 255, 0.9);--et_dark-2-light-dark:var(--et_dark-color);--et_white-2-light-dark:#fff} article,details,figcaption,figure,footer,header,main,menu,section,summary{display:block} a{background-color:transparent} h1{margin:0 0 .67em 0} body p:empty{display:none!important} fieldset{border:1px solid var(--et_border-color);border-radius:var(--et_inputs-border-radius,0);margin:0 0 3em;padding:1.5em 2.5em;min-width:0} ol,ul{margin-top:0;margin-bottom:10px} .h1,h1{margin-top:0;font-size:calc(var(--h1-size-proportion)*1rem);line-height:var(--h1-line-height);font-weight:400;margin-bottom:.5rem;color:var(--et_dark-2-white)} .h2,h2{line-height:var(--h2-line-height);color:var(--et_dark-2-white)} .h2,.h3,h2,h3{margin-top:0;font-size:calc(var(--h2-size-proportion)*1rem);font-weight:400;margin-bottom:.7rem} p{margin-bottom:1.43rem;line-height:var(--p-line-height,1.6);font-size:var(--p-font-size,1.14rem)} .content ul,.type-product ul{margin-bottom:1.43em} .content ol,.content ul,.type-product ol,.type-product ul{padding-left:20px} .page-wrapper{position:relative;z-index:1;background-color:var(--et_container-bg-color,transparent)} .template-container{position:relative;overflow:hidden} ::selection{background:var(--et_selection-bg-color,#f2f2f2)} .content::selection,.mpc-carousel__wrapper::selection,.mpc-nav__icon::selection,.mpc-navigation::selection,.mpc-wc-carousel-products::selection,.product-content-image::selection,.rev_slider::selection,.rev_slider_wrapper::selection,.slick-list::selection,.swiper-container .swiper-lazy::selection,.swiper-container::selection,.swiper-custom-left::selection,.swiper-custom-right::selection,.swiper-entry::selection,.swiper-slide .content-product::selection,.swiper-slide::selection,.tp-bgimg::selection,.tp-carousel-wrapper::selection,.tp-revslider-mainul::selection,.tp-revslider-slidesli::selection{background-color:var(--et_selection-bg-color,transparent)} .a-center{text-align:center} html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} b,strong{font-weight:700} img{border:0;vertical-align:middle} svg:not(:root){overflow:hidden} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0} button,select{text-transform:none} button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} input{line-height:normal} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto} textarea{overflow:auto} *,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box} html{-webkit-tap-highlight-color:transparent} body{line-height:1.42857143;background-color:#fff} button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit} .breadcrumb-trail .page-heading,.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px} @media (min-width:768px){.container,.single-product .woocommerce-info{width:750px}} @media (min-width:768px){footer.footer:after{width:720px}} @media (min-width:992px){.container,.single-product .woocommerce-info{width:970px}} @media (min-width:992px){footer.footer:after{width:940px}} @media (min-width:1200px){.container,.et-container,div.container{width:100%}} @media (min-width:1200px){footer.footer:after{width:1140px}} @media (min-width:1200px){.footer:after{max-width:100%}} .row{margin-left:-15px;margin-right:-15px} .col-lg-12,.col-lg-6,.col-md-12,.col-md-3,.col-md-4,.col-md-6,.col-md-9,.col-sm-12,.col-sm-6,.col-xs-6{position:relative;min-height:1px;padding-left:15px;padding-right:15px} @media (min-width:992px){.col-md-12,.col-md-3,.col-md-4,.col-md-6,.col-md-9{float:left}} @media (min-width:992px){.col-md-12{width:100%}} label{display:inline-block;max-width:100%;margin-bottom:5px} .form-group{margin-bottom:15px} .clearfix:after,.clearfix:before,.container:after,.container:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.row:after,.row:before{content:" ";display:table} .clearfix:after,.container:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.row:after{clear:both} .btn,.button,form #qna-ask-input button,form button,input[type=button],input[type=submit]{display:inline-block;border-radius:0;border:1px solid var(--et_btn-br-color);color:var(--et_btn-color);-webkit-text-fill-color:currentColor;text-transform:uppercase;font-size:var(--et_btn-size,.85rem);text-align:center;line-height:1;padding:.75rem 2.2rem;height:var(--et_inputs-height,2.642rem);background-color:var(--et_btn-bg-color);-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box} input[type=button],input[type=submit]{height:auto} .select2.select2-container--default .select2-selection--single,select{padding:0 2.9em 0 1em;cursor:pointer;color:var(--et_main-color);height:var(--et_inputs-height,2.642rem);line-height:2rem;max-width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start;position:relative;border:1px solid var(--et_inputs-border-color,var(--et_border-color));border-radius:var(--et_inputs-border-radius,0);-webkit-appearance:none;-moz-appearance:none;background-color:var(--et_inputs-bg-color,var(--et_white-2-light-dark));background-position:calc(100% - 12px) 50%;background-repeat:no-repeat;background-image:var(--et_select-arrow-closed);background-size:var(--et_select-arrow-size,10px)} .dokan-form-control,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea,textarea.form-control{border:1px solid var(--et_inputs-border-color,var(--et_border-color));background-color:var(--et_inputs-bg-color,var(--et_white-2-light-dark));outline:0;border-radius:var(--et_inputs-border-radius,0);width:100%;color:var(--et_dark-2-white);font-size:1.14rem;-webkit-box-shadow:none;box-shadow:none;text-align:start} input.dokan-form-control,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{height:var(--et_inputs-height,2.642rem);line-height:2rem;padding:0 1.07em;-webkit-appearance:none} textarea,textarea.form-control{padding:1.07em;line-height:1.5;font-size:1.14rem} input[type=number]{-moz-appearance:textfield;font-size:1rem} a{text-decoration:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;cursor:pointer;color:var(--et_link-color);-webkit-transition:all .2s ease-out;transition:all .2s ease-out} .header-wrapper{position:relative;width:100%} .header-wrapper,.mobile-header-wrapper{z-index:5} .mobile-header-wrapper .mob-align-center{text-align:center} .mobile-header-wrapper .mob-justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start} .site-header{font-size:14px} .et_b-icon svg,.site-header svg{fill:currentColor} .et_b-icon svg,.site-header svg:not([width]){width:1em} .et_b-icon svg,.site-header svg:not([height]){height:1em} .site-header ul{list-style:none} .site-header .menu{margin-bottom:0} .site-header .et-wrap-columns{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px} .header-bottom,.header-main{position:relative;-webkit-transition:all .3s ease-in-out,top 0s;transition:all .3s ease-in-out,top 0s;font-size:var(--content-zoom,100%)} .site-header .et_b_header-logo.et_element-top-level span.fixed{display:none} .et_b_dt_header-overlap .header-wrapper,.et_b_mob_header-overlap .mobile-header-wrapper{position:absolute;left:0;right:0} @media only screen and (min-width:993px){.et_b_dt_header-overlap .page-heading{padding-top:13em;padding-bottom:5em}} @media only screen and (max-width:992px){.et_b_mob_header-overlap .page-heading{padding-top:13em;padding-bottom:5em}} .et_promo_text_carousel{--promo-text-height:30px;padding:0 3px;height:var(--promo-text-height)} .et_promo_text_carousel .swiper-container,.et_promo_text_carousel .swiper-wrapper{z-index:auto} .et_promo_text_carousel,.et_promo_text_carousel .et-close{line-height:var(--promo-text-height)} .et_promo_text_carousel .swiper-button-next,.et_promo_text_carousel .swiper-button-prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);border:0} .et-promo-text-carousel a{color:currentColor;-webkit-text-fill-color:currentColor;text-decoration:underline;display:inline-block;margin-left:10px} .et_col-xs-offset-1{margin-left:8.33333333%} .et_col-xs-offset-0{margin-left:0} .et_column{float:left} .content-page,.page-content{padding-bottom:5.65em} .align-center,.text-center{text-align:center} .text-nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} .justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center} .justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .align-items-center,.align-items-center .swiper-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .align-items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch} .valign-center{vertical-align:middle} .full-width{width:100%} .flex{display:-webkit-box;display:-ms-flexbox;display:flex} .flex-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex} .flex-col{-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap} @media only screen and (max-width:992px){.mob-align-center{text-align:center}} @media only screen and (max-width:992px){.mob-justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}} @media only screen and (min-width:993px){.dt-hide{display:none}} .pointer{cursor:pointer} .currentColor{color:currentColor} .et-svg,.et_b-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .et-svg svg,.et_b-icon svg{overflow:visible} .et_b-icon svg{fill:currentColor} .et-element-label+span,.et_b-icon+span,span+.et-element-label,span+.et_b-icon{padding-left:5px} .et_col-xs-3{width:25%} .et_col-xs-4{width:33.3333%} .et_col-xs-6{width:50%} .et_col-xs-12{width:100%} .et-container:after,.et-container:before{content:"";display:table} .et-container:after{clear:both} .et-container{width:100%;max-width:1170px;margin:0 auto;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box} .et-row-container.et-container .et-wrap-columns{margin-left:-15px;margin-right:-15px;clear:both} .et_column{min-height:1px;position:relative;padding-right:15px;padding-left:15px;-webkit-transition:all .3s ease-in-out,top 0s;transition:all .3s ease-in-out,top 0s} @media (min-width:768px){.container{max-width:100%}} @media (min-width:768px){.et-container{max-width:750px}} @media only screen and (min-width:992px){.et-container{max-width:970px}} @media only screen and (max-width:480px){.content-page,.page-content{padding-bottom:2.55em}} @media only screen and (max-width:480px){html{font-size:13px}} @media only screen and (max-width:480px){body{font-size:1rem}} .pos-absolute{position:absolute} .pos-fixed{position:fixed} .pos-relative{position:relative} .pos-absolute.bottom,.pos-fixed.bottom{bottom:0} .pos-static{position:static} .pos-absolute.right,.pos-fixed.right{right:0} footer.footer:after{content:"";position:relative;display:block;top:2rem;margin:0 auto} .footer{padding:4rem 0 2rem;line-height:1.6;font-size:1.14rem;background-color:var(--et_dark-2-light-dark);position:relative} .footer-widget{margin-bottom:2.14em} .footer-widget a,.footer-widget p{color:var(--et_main-color)} .text-color-dark .widget-title,.text-color-dark a,.text-color-dark h1,.text-color-dark h2,.text-color-dark h3,.text-color-dark h4,.text-color-dark h5,.text-color-dark li a{color:var(--et_dark-color)} .footer-widgets>.etheme_widget_satick_block:first-of-type:last-of-type{margin-bottom:0;--space-between-widgets:0} .footer-widgets .footer-widget ul{padding-left:0;padding-right:0} .footer-widgets .footer-widget ul li{list-style:none;margin-bottom:0} @media only screen and (max-width:768px){.footer{padding:3.57em 0 2.14em}} @media only screen and (max-width:992px){.footer .sidebar-widget,.footer .sidebar-widget:not(:empty),.prefooter .sidebar-widget,.prefooter .sidebar-widget:not(:empty){margin-bottom:0}} .et-notify{position:fixed;top:0;background:var(--et_border-color);color:#fff;z-index:10010;margin:5px;font-size:1rem;padding:15px 30px;border-radius:3px;-webkit-box-shadow:0 4px 10px 0 rgba(3,3,3,.1);box-shadow:0 4px 10px 0 rgba(3,3,3,.1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} @media only screen and (min-width:769px){.et-notify{margin:30px}} .et-notify:empty{display:none} .et-notify:not(.removing){-webkit-animation:fadeIn .3s linear,et-rtl .3s linear;animation:fadeIn .3s linear,et-rtl .3s linear} .swiper-custom-left{left:calc(-1*var(--arrow-size,50px) - 35px)} .swiper-custom-left:before{content:"\00e902"} .swiper-custom-left:after{right:-10px;left:0} .swiper-custom-right{right:calc(-1*var(--arrow-size,50px) - 35px)} .swiper-custom-right:before{content:"\00e904"} .swiper-custom-right:after{left:-10px;right:0} @media screen and (max-width:480px){.swiper-entry .swiper-custom-left,.swiper-entry:hover .swiper-custom-left{left:0}} @media screen and (max-width:480px){.swiper-entry .swiper-custom-right,.swiper-entry:hover .swiper-custom-right{right:0}} .middle-inbox .swiper-entry .swiper-button-prev,.middle-inbox.swiper-entry .swiper-button-prev{left:22px} .middle-inbox .swiper-entry .swiper-button-next,.middle-inbox.swiper-entry .swiper-button-next{right:22px} .swiper-entry .swiper-custom-left,.swiper-entry .swiper-custom-right{opacity:0;visibility:hidden;z-index:3;-webkit-transition-delay:.5s;transition-delay:.5s} .swiper-entry{position:relative;--arrow-size:50px;isolation:isolate} .swiper-entry:not(.swipers-couple-wrapper) .swiper-wrapper{cursor:url(/wp-content/themes/xstore/images/drag.png)16 9,ew-resize} .swiper-wrapper img{display:block} .hover-effect-slider .sm-arrow:before,.swiper-custom-left:before,.swiper-custom-right:before{font-family:xstore-icons;font-size:calc(var(--arrow-size,50px)/2.5)} .swiper-custom-left,.swiper-custom-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--arrow-size,50px)!important;height:var(--arrow-size,50px)!important;position:absolute;top:calc(50% - var(--arrow-size,50px)/2);background-color:var(--et_arrows-bg-color,#f2f2f2);background-image:none!important;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;outline:0;margin:0!important} .swiper-custom-left:after,.swiper-custom-right:after{content:""!important;position:absolute;top:-100%;bottom:-100%} .swiper-custom-left,.swiper-custom-left:hover,.swiper-custom-right,.swiper-custom-right:hover{color:var(--et_arrows-color)} .swiper-custom-left.style-1,.swiper-custom-right.style-1{background:0 0} @media screen and (max-width:1024px){.swiper-entry{--arrow-size:40px}} @media screen and (max-width:480px){.swiper-entry .swiper-custom-left,.swiper-entry .swiper-custom-right,.swiper-entry:hover .swiper-custom-left,.swiper-entry:hover .swiper-custom-right{opacity:1;visibility:visible}} .swiper-wrapper{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-slide{-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;list-style:none} .et-icon{font-family:xstore-icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .et-instagram:before{content:"\000e14"} .et-right-arrow:before{content:"\00e904"} .et-right-arrow-2:before{content:"\00e948"} .sidebar-widget{display:inline-block} .sidebar-widget,.sidebar-widget li{width:100%} .footer-widget li a,.footer-widget ul.menu>li>a,.sidebar-widget li a,.sidebar-widget ul.menu>li>a,.widget li a,.widget ul.menu>li>a{font-size:1.14rem} .footer-widget li,.sidebar-widget li,.widget li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.42857143} .footer-widget ul,.sidebar-widget ul,.widget ul{margin-bottom:0;padding-left:0} .footer-widget li a,.footer-widget ul.menu>li>a,.sidebar-widget li a,.sidebar-widget ul.menu>li>a,.widget li a,.widget ul.menu>li>a{display:inline-block;padding:calc(var(--widget-list-item-space,11px)/2)0} .footer-widget li,.sidebar-widget li,.widget li,.widget_recent_entries li{list-style:none} @media (min-width:993px){.sidebar-widget{margin-bottom:var(--space-between-widgets,3.9em)}} @media (min-width:993px){.sidebar .sidebar-widget:last-of-type:not(:first-of-type),.sidebar-widget.etheme_widget_satick_block:last-of-type{margin-bottom:0}} @media only screen and (max-width:992px){.sidebar-widget:not(:empty){margin-bottom:40px}} .etheme-media-carousel-item{line-height:0} .etheme-media-carousel-item img{margin-left:auto;margin-right:auto} .etheme-media-carousel-info{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s linear;transition:all .3s linear;line-height:1.4;pointer-events:none} .etheme-media-carousel-info>*{color:#fff;text-transform:none} .etheme-media-carousel .swiper-slide:not(:hover) .etheme-media-carousel-info{opacity:0;visibility:hidden;-webkit-transform:translateY(7px);transform:translateY(7px)} .elementor-4978 .elementor-element.elementor-element-279fa52>.elementor-container>.elementor-column>.elementor-widget-wrap{align-content:center;align-items:center} .elementor-4978 .elementor-element.elementor-element-279fa52>.elementor-container{max-width:1170px} .elementor-4978 .elementor-element.elementor-element-279fa52{margin-top:80px;margin-bottom:80px} .elementor-4978 .elementor-element.elementor-element-17ffa8e>.elementor-element-populated{margin:0 0 0 0;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0 0 0 0} .elementor-widget-heading .elementor-heading-title{font-family:var(--e-global-typography-primary-font-family),Sans-serif;font-weight:var(--e-global-typography-primary-font-weight);color:var(--e-global-color-primary)} .elementor-4978 .elementor-element.elementor-element-78a5737{text-align:center} .elementor-4978 .elementor-element.elementor-element-78a5737 .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:36px;font-weight:400;line-height:42px;color:#464646} .elementor-widget-text-editor{font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight);color:var(--e-global-color-text)} .elementor-4978 .elementor-element.elementor-element-b3202bb>.elementor-widget-container{padding:0 20px 0 0} .elementor-4978 .elementor-element.elementor-element-b3202bb{text-align:center;font-family:"Open Sans",Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#b09248} .elementor-4978 .elementor-element.elementor-element-0e56bb8{margin-top:10px;margin-bottom:0} .elementor-4978 .elementor-element.elementor-element-af04fa2>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:10px} .elementor-4978 .elementor-element.elementor-element-af04fa2>.elementor-element-populated{padding:0 15px 0 0} .elementor-widget-divider{--divider-color:var( --e-global-color-secondary )} .elementor-4978 .elementor-element.elementor-element-2505b70{--divider-border-style:solid;--divider-color:#B09248;--divider-border-width:3px} .elementor-4978 .elementor-element.elementor-element-2505b70 .elementor-divider-separator{width:30%} .elementor-4978 .elementor-element.elementor-element-2505b70 .elementor-divider{padding-block-start:3px;padding-block-end:3px} .elementor-4978 .elementor-element.elementor-element-1cb7652 .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;color:#464646} .elementor-4978 .elementor-element.elementor-element-f165579>.elementor-widget-container{margin:10px 0 0 0} .elementor-4978 .elementor-element.elementor-element-f165579{font-family:"Open Sans",Sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#999} .elementor-4978 .elementor-element.elementor-element-a667809>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:10px} .elementor-4978 .elementor-element.elementor-element-a667809>.elementor-element-populated{padding:0 0 0 15px} .elementor-4978 .elementor-element.elementor-element-077efaa{--divider-border-style:solid;--divider-color:#B09248;--divider-border-width:3px} .elementor-4978 .elementor-element.elementor-element-077efaa .elementor-divider-separator{width:30%} .elementor-4978 .elementor-element.elementor-element-077efaa .elementor-divider{padding-block-start:3px;padding-block-end:3px} .elementor-4978 .elementor-element.elementor-element-7552d9a .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;color:#464646} .elementor-4978 .elementor-element.elementor-element-01bf34e>.elementor-widget-container{margin:10px 0 0 0} .elementor-4978 .elementor-element.elementor-element-01bf34e{font-family:"Open Sans",Sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#999} .elementor-4978 .elementor-element.elementor-element-010a9cb>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:10px} .elementor-4978 .elementor-element.elementor-element-010a9cb>.elementor-element-populated{padding:0 0 0 15px} .elementor-4978 .elementor-element.elementor-element-e6dc021{--divider-border-style:solid;--divider-color:#B09248;--divider-border-width:3px} .elementor-4978 .elementor-element.elementor-element-e6dc021 .elementor-divider-separator{width:30%} .elementor-4978 .elementor-element.elementor-element-e6dc021 .elementor-divider{padding-block-start:3px;padding-block-end:3px} .elementor-4978 .elementor-element.elementor-element-5d03817 .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;color:#464646} .elementor-4978 .elementor-element.elementor-element-69913ba>.elementor-widget-container{margin:10px 0 0 0} .elementor-4978 .elementor-element.elementor-element-69913ba{font-family:"Open Sans",Sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#999} .elementor-4978 .elementor-element.elementor-element-514a9e5>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:10px} .elementor-4978 .elementor-element.elementor-element-514a9e5>.elementor-element-populated{padding:0 0 0 15px} .elementor-4978 .elementor-element.elementor-element-bc7fc1f{--divider-border-style:solid;--divider-color:#B09248;--divider-border-width:3px} .elementor-4978 .elementor-element.elementor-element-bc7fc1f .elementor-divider-separator{width:30%} .elementor-4978 .elementor-element.elementor-element-bc7fc1f .elementor-divider{padding-block-start:3px;padding-block-end:3px} .elementor-4978 .elementor-element.elementor-element-a258309{width:var(--container-widget-width, 99.63% );max-width:99.63%;--container-widget-width:99.63%;--container-widget-flex-grow:0} .elementor-4978 .elementor-element.elementor-element-a258309.elementor-element{--flex-grow:0;--flex-shrink:0} .elementor-4978 .elementor-element.elementor-element-a258309 .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;color:#464646} .elementor-4978 .elementor-element.elementor-element-aaa7276>.elementor-widget-container{margin:10px 0 0 0} .elementor-4978 .elementor-element.elementor-element-aaa7276{font-family:"Open Sans",Sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#999} .elementor-4978 .elementor-element.elementor-element-b308c25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px} .elementor-4978 .elementor-element.elementor-element-ad78136{--slides-per-view:2} .elementor-4978 .elementor-element.elementor-element-8fb57fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px} .elementor-4978 .elementor-element.elementor-element-8282cab{text-align:center;font-family:"Open Sans",Sans-serif;font-weight:400} .elementor-4978 .elementor-element.elementor-element-569a737>.elementor-container>.elementor-column>.elementor-widget-wrap{align-content:center;align-items:center} .elementor-4978 .elementor-element.elementor-element-569a737:not(.elementor-motion-effects-element-type-background),.elementor-4978 .elementor-element.elementor-element-569a737>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-image:url(/wp-content/uploads/2025/05/arena_playground-2.webp);background-position:center center;background-repeat:no-repeat;background-size:cover} .elementor-4978 .elementor-element.elementor-element-569a737>.elementor-background-overlay{background-color:#000;opacity:.5;transition:background .3s,border-radius .3s,opacity .3s} .elementor-4978 .elementor-element.elementor-element-569a737{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;padding:0 15px 0 15px} .elementor-4978 .elementor-element.elementor-element-804fa06>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:10px} .elementor-4978 .elementor-element.elementor-element-804fa06>.elementor-element-populated{padding:75px 0 70px 0} .elementor-4978 .elementor-element.elementor-element-5618690 .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:20px;font-weight:400;color:#b09248} .elementor-4978 .elementor-element.elementor-element-619e416>.elementor-widget-container{margin:0 0 5px 0} .elementor-4978 .elementor-element.elementor-element-619e416 .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:50px;font-weight:400;line-height:55px;color:#fff} .elementor-4978 .elementor-element.elementor-element-66b264a>.elementor-widget-container{margin:0 0 10px 0} .elementor-4978 .elementor-element.elementor-element-66b264a{font-family:"Open Sans",Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#fff} @media (min-width:768px){.elementor-4978 .elementor-element.elementor-element-17ffa8e{width:100%}} @media (min-width:768px){.elementor-4978 .elementor-element.elementor-element-804fa06{width:58%}} @media (min-width:768px){.elementor-4978 .elementor-element.elementor-element-a8f2a7f{width:42%}} @media (max-width:1024px) and (min-width:768px){.elementor-4978 .elementor-element.elementor-element-804fa06{width:60%}} @media (max-width:1024px){.elementor-4978 .elementor-element.elementor-element-b3202bb>.elementor-widget-container{padding:0 0 0 0}} @media (max-width:767px){.elementor-4978 .elementor-element.elementor-element-17ffa8e>.elementor-element-populated{margin:0 0 0 0;--e-column-margin-right:0px;--e-column-margin-left:0px}} @media (max-width:767px){.elementor-4978 .elementor-element.elementor-element-af04fa2>.elementor-element-populated{padding:0 0 30px 0}} @media (max-width:767px){.elementor-4978 .elementor-element.elementor-element-a667809>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:767px){.elementor-4978 .elementor-element.elementor-element-010a9cb>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:767px){.elementor-4978 .elementor-element.elementor-element-514a9e5>.elementor-element-populated{padding:0 0 0 0}} .form-row{display:flex;flex-wrap:wrap} .form-group{flex:1;color:#fff} .wpcf7-form .form-group p,.wpcf7-form-control.wpcf7-select{width:100%!important} .wpcf7-form-control.wpcf7-date{height:37px} .wpcf7-form .form-group p input{color:#555!important} .wpcf7-form-control.wpcf7-submit{width:calc(100% - 30px);margin:auto;display:block;height:45px;background-color:#b09248!important;font-family:"Open Sans",Sans-serif!important;font-size:14px!important;font-weight:700!important} .elementor-element .swiper-button-next,.elementor-element .swiper-button-prev{width:var(--arrow-size,50px);height:var(--arrow-size,50px);position:absolute;top:calc(50% - var(--arrow-size,50px)/2);margin:0} .elementor-widget-container p{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit} .footer-widget .elementor-element li a,.footer-widget .elementor-element ul.menu>li>a{font-size:inherit} .etheme-elementor-lazy-button:before,body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-et-]:not(.etheme-elementor-widget-loaded):before,body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]:not(.etheme-elementor-widget-loaded):before,body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-et-]:not(.etheme-elementor-widget-loaded):before,body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]:not(.etheme-elementor-widget-loaded):before{content:"";display:var(--etheme-element-loader-display,inline-block);position:absolute;width:var(--etheme-elementor-loader-size,1.5rem);height:var(--etheme-elementor-loader-size,1.5rem);left:calc(50% - (var(--etheme-elementor-loader-size,1.5rem)/2));top:calc(50% - (var(--etheme-elementor-loader-size,1.5rem)/2));border:1px solid var(--etheme-elementor-loader-color,#e1e1e1);border-left-color:var(--etheme-elementor-loader-color-active,#555);border-radius:50%;-webkit-animation:rotate .5s linear infinite;animation:rotate .5s linear infinite;z-index:1} .elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-text{-webkit-transition:inherit;transition:inherit} .breadcrumbs{list-style:none;display:block;width:100%;padding:0;margin:0;color:var(--et_main-color)} .breadcrumbs a{padding:0 1px} .breadcrumbs a,.breadcrumbs a:hover{color:var(--et_main-color)} .breadcrumbs .delimeter,.breadcrumbs a{display:inline-block} .breadcrumbs,.page-heading .title{text-transform:capitalize} .page-heading{padding:.85em;text-align:center;background-repeat:no-repeat;background-position:center center} .page-heading .title{font-weight:inherit;letter-spacing:inherit} .page-heading .title{margin-bottom:0;word-wrap:break-word} .bc-type-default{padding:1.7em 0} .bc-type-default .title{font-size:170%;text-transform:uppercase} .page-heading .delimeter,.page-heading .title:before{font-size:.57em} .bc-color-white,.bc-color-white .breadcrumbs,.bc-color-white a,.bc-color-white a:hover,.bc-color-white h1,.bc-color-white h2,.bc-color-white h3,.bc-color-white h4{color:#fff} @media only screen and (max-width:992px){.page-heading{padding-left:0;padding-right:0}} .back-top{position:fixed;right:30px;bottom:30px;height:46px;width:46px;cursor:pointer;color:var(--et_dark-2-white);background-color:var(--et_white-2-light-dark);border-radius:50px;-webkit-box-shadow:inset 0 0 0 1px var(--et_border-color);box-shadow:inset 0 0 0 1px var(--et_border-color);-webkit-transition:all .2s linear;transition:all .2s linear;z-index:999} .back-top:not(.backIn){opacity:0;visibility:hidden;-webkit-transform:translateY(15px);transform:translateY(15px)} .back-top svg{width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px} .back-top svg path{stroke:var(--et_dark-2-white);stroke-width:4;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear} .back-top span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)} @media only screen and (max-width:480px){.back-top{right:15px;bottom:15px}} .et-mobile-panel-wrapper{font-size:var(--content-zoom,1rem);-webkit-box-shadow:2px 0 12px 0 rgba(0,0,0,.15);box-shadow:2px 0 12px 0 rgba(0,0,0,.15);z-index:10;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .et-mobile-panel-wrapper .et-wrap-columns{overflow:hidden;overflow-x:auto} .et-mobile-panel .et_column{-webkit-box-flex:1;-ms-flex:1 0 20%;flex:1 0 20%} .et-mobile-panel .et_column>a{position:relative} .et-mobile-panel .et_column>a .et_b-icon{font-size:1.7em} .et-mobile-panel .et_column>a .et_b-icon+span{display:block;max-width:100%;padding:5px 0 0;line-height:3ex} .wpcf7-form{text-align:start} .wpcf7-form .form-group{display:inline-block;width:100%} .wpcf7-form .form-group p{width:50%;float:left;margin-bottom:0} .wpcf7-form .form-group p input{width:100%} .wpcf7-form .form-group p:first-child{padding-right:15px} .wpcf7-form .form-group p:last-child{padding-left:15px} .wpcf7-form br{display:none} form.wpcf7-form label{display:block} form.wpcf7-form>p:last-of-type{margin-bottom:0} form.wpcf7-form .wpcf7-submit:not(.active){background-color:var(--et_btn-dark-bg-color);border:1px solid var(--et_btn-dark-br-color);color:var(--et_btn-dark-color);-webkit-text-fill-color:currentColor} @media only screen and (max-width:480px){.wpcf7-form .form-group p{width:100%;padding-left:0!important;padding-right:0!important}} div.wpcf7-response-output{padding:15px 20px!important;background:#fff;margin-left:0!important;margin-right:0!important} .et_b_header-contacts .contact{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .et_b_header-contacts .contact.icon-left .contact-icon{margin-right:5px} .et_b_header-contacts .contact:first-of-type{margin-left:0!important} .et_b_header-contacts .contact:last-of-type{margin-right:0!important} .et_b_header-menu>.menu-main-container{all:inherit;width:auto;margin:0} .et_b_header-menu .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} .et_b_header-menu .menu li{list-style:none} .et_b_header-menu .menu a{position:relative;display:inline-block;-webkit-text-fill-color:currentColor} .et_b_header-menu .menu>li>a{color:currentColor} .et_b_header-menu.et_element-top-level .menu>li>a{font-size:var(--content-zoom)} .header-main-menu.et_element-top-level .menu-main-container>.menu{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit} .et_b_header-menu ul[id]{margin-bottom:0} .et_b_header-menu.et_element-top-level .menu>.current-menu-item>a:before,.et_b_header-menu.et_element-top-level .menu>li>a:before{background-color:var(--et_border-color)} .menu-items-underline .menu>li>a:before{content:"";height:2px;width:0;right:0;position:absolute;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out;bottom:0} .menu-items-underline .menu>li.current-menu-item>a:before,.menu-items-underline .menu>li.opened>a:before,.menu-items-underline .menu>li>a:hover:before{width:100%;left:0;right:auto} body{font-family:Open Sans,sans-serif;font-weight:400} body{--p-font-size:16px;--p-line-height:1.6;--et_active-color:#b09248;--et_on-sale-bg-color:#d64444;--et_on-sale-radius:50%;--product-stock-step-1-active-color:#2e7d32;--product-stock-step-2-active-color:#f57f17;--product-stock-step-3-active-color:#c62828;--customizer-ui-width:21%;--customizer-ui-content-zoom:1%} h1,h2,h3,h4,h5{font-family:Playfair Display,serif;font-weight:400} .page-heading{background-image:url(/wp-content/uploads/2025/05/arena_playground-22.webp);background-color:rgba(0,0,0,.91);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .page-heading{padding-top:28em} .page-heading .breadcrumbs,.page-heading .a-center,.page-heading .title,.page-heading a,.page-heading .breadcrumbs a{font-family:inherit;color:#fff} .page-heading.bc-type-default .title{font-family:Playfair Display,serif;font-size:44px;font-weight:400;line-height:65px;color:#fff} footer.footer,[data-mode=dark] .footer{background:#ede6dc;background-color:#ede6dc;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .footer{padding-top:0;padding-bottom:0} footer.footer:after{top:0;border-bottom-width:0;border-bottom-style:solid} body,[data-mode=dark]{--et_inputs-border-radius:0px;--et_btn-br-color:#f2f2f2;--et_btn-dark-br-color:#262626;--et_btn-active-br-color:#f2f2f2} .btn.small.black,.btn.medium.black,.before-checkout-form .button,.etheme-above-checkout-form .button,.checkout-button,.shipping-calculator-form .button,.single_add_to_cart_button.button,.single_add_to_cart_button.button:focus,.single_add_to_cart_button.button.disabled,.single_add_to_cart_button.button.disabled:hover,.et-quick-view-wrapper .single_add_to_cart_button.button,.et-quick-view-wrapper .single_add_to_cart_button.button:focus,.et-quick-view-wrapper .single_add_to_cart_button.button.disabled,.et-quick-view-wrapper .single_add_to_cart_button.button.disabled:hover,form.login .button,form.register .button,form.register .button.woocommerce-Button,form.lost_reset_password .button,.form-submit input[type=submit],#commentform input[type=button],.form-submit input[type=submit]:focus,.et-quick-view-wrapper .product_type_variable,.coupon input[type=submit],.widget_search button,.widget_product_search button,.woocommerce-product-search button,form.wpcf7-form .wpcf7-submit:not(.active),.wcmp-quick-info-wrapper form input[type=submit],.product_list_widget .buttons a,.et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist,.mini-cart-buttons .button:not(.btn-checkout),.mini-cart-buttons a,.form-row.place-order .button,.search-full-width form .btn,.xstore-wishlist-action .button,.xstore-compare-button .button,.form-actions .add-all-products,.form-actions .compare-more-products,.form-actions .xstore-wishlist-actions,.form-actions .xstore-compare-actions,.et-cookies-popup-wrapper .cookies-button,.etheme-elementor-cart-checkout-page-coupon .button,.etheme-elementor-cart-checkout-page-login-form .button{font-family:Open Sans,sans-serif;font-weight:400;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-style:none} .et_b_header-logo.et_element-top-level img{width:236px} .mobile-header-wrapper .et_b_header-logo.et_element-top-level img{width:100px} .et_b_header-logo.et_element-top-level{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-style:solid;border-color:#e1e1e1} .mobile-header-wrapper .et_b_header-logo.et_element-top-level{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0} .header-main .et-wrap-columns,.header-main .widget_nav_menu .menu>li>a{min-height:154px} .mobile-header-wrapper .header-main .et-wrap-columns,.mobile-header-wrapper .header-main .widget_nav_menu .menu>li>a{min-height:70px} .header-main{text-transform:none;--content-zoom:calc(100em * .01);background:0 0;background-color:transparent;background-repeat:no-repeat;background-position:center center;color:#fff;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-style:solid;border-color:#e1e1e1} .mobile-header-wrapper .header-main{--content-zoom:calc(100em * .01);background:0 0;background-color:transparent;background-repeat:no-repeat;background-position:center center;color:#fff} .header-bottom .et-wrap-columns,.header-bottom .widget_nav_menu .menu>li>a{min-height:40px} .header-bottom{text-transform:none;--content-zoom:calc(100em * .01);background:0 0;background-color:transparent;background-repeat:no-repeat;background-position:center center;color:#fff;margin-top:-4px;margin-right:0;margin-bottom:0;margin-left:0;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-style:solid;border-color:#e1e1e1} .header-main-menu.et_element-top-level{--content-zoom:calc(100em * .01);justify-content:center} .header-main-menu.et_element-top-level .menu>li>a{font-family:Open Sans,sans-serif;font-weight:700;letter-spacing:0;text-transform:uppercase;margin-top:0;margin-right:15px;margin-bottom:0;margin-left:15px;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:0;border-style:solid;border-color:#e1e1e1} .header-main-menu.et_element-top-level .menu>li>a:hover,.header-main-menu.et_element-top-level .menu>.current-menu-item>a{color:#b09248} .header-main-menu.et_element-top-level .menu>li>a:before,.header-main-menu.et_element-top-level .menu>.current-menu-item>a:before,.header-main-menu.et_element-top-level .menu>.opened>a:before{background-color:#b09248} .et_b_header-mobile-menu>span svg{width:1em;height:1em} .mobile-header-wrapper .et_b_header-mobile-menu>span svg{width:1.6em;height:1.6em} .et_b_header-mobile-menu>.et-element-label-wrapper .et-toggle,.et_b_header-mobile-menu>.et-element-label-wrapper .et-popup_toggle{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-style:solid;border-color:#e1e1e1;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .mobile-header-wrapper .et_b_header-mobile-menu>.et-element-label-wrapper .et-toggle,.mobile-header-wrapper .et_b_header-mobile-menu>.et-element-label-wrapper .et-popup_toggle{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0} .et_b_header-contacts.et_element-top-level .contact{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-style:solid;border-color:#e1e1e1} .et_promo_text_carousel{--promo-text-height:30px;background-color:transparent;color:#fff} .et-mobile-panel-wrapper .et-mobile-panel .et-wrap-columns{height:62px} .et-mobile-panel-wrapper{--mobile-panel-height:62px;--max-elements-mini-content-height:calc(100% - 62px + 1px);--content-zoom:calc(88em * .01)} .et-mobile-panel-wrapper,.et_b_mobile-panel-more_toggle .et-mini-content,.et_b_mobile-panel-more_toggle_02 .et-mini-content,.et-mobile-panel .et_column{background:#fff;background-color:#fff;background-repeat:no-repeat;background-position:center center} .et-mobile-panel-wrapper,.et_b_mobile-panel-more_toggle .et-mini-content,.et_b_mobile-panel-more_toggle_02 .et-mini-content{color:#0c0c0c} .et-mobile-panel .et_column.active{color:#b3944a;background:#fff;background-color:#fff;background-repeat:no-repeat;background-position:center center} @media only screen and (min-width:1200px){.container,div.container,.et-container,.breadcrumb-trail .page-heading{max-width:1320px}} @media only screen and (min-width:1200px){.footer:after{width:calc(1320px - 30px)}} @media only screen and (min-width:993px){.et_b_dt_header-overlap .page-heading{padding-top:20em;padding-bottom:10em}} @media only screen and (max-width:992px){.et_b_mob_header-overlap .page-heading{padding-top:11em;padding-bottom:1.2em}} @media only screen and (max-width:992px){.et-mobile-panel-wrapper:not(.mob-hide):not(.outside)~.back-top,.et-mobile-panel-wrapper:not(.mob-hide):not(.outside)~.et-request-quote{bottom:calc(62px + 15px)}} .elementor-5601 .elementor-element.elementor-element-4d0222d>.elementor-container>.elementor-column>.elementor-widget-wrap{align-content:center;align-items:center} .elementor-5601 .elementor-element.elementor-element-4d0222d:not(.elementor-motion-effects-element-type-background),.elementor-5601 .elementor-element.elementor-element-4d0222d>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#d9bd91;background-image:url(/wp-content/uploads/2025/05/arena_playground-4.webp);background-position:50% 36%;background-repeat:no-repeat;background-size:cover} .elementor-5601 .elementor-element.elementor-element-4d0222d>.elementor-background-overlay{background-color:#000;opacity:.5;transition:background .3s,border-radius .3s,opacity .3s} .elementor-5601 .elementor-element.elementor-element-4d0222d{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;margin-top:90px;margin-bottom:50px;padding:90px 0 40px 0} .elementor-5601 .elementor-element.elementor-element-a30e8e4.elementor-column.elementor-element[data-element_type=column]>.elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center} .elementor-5601 .elementor-element.elementor-element-a30e8e4>.elementor-element-populated{padding:0 15px 20px 15px} .elementor-5601 .elementor-element.elementor-element-17f7d2d{padding:0 0 0 0} .elementor-5601 .elementor-element.elementor-element-21c647b>.elementor-element-populated{padding:0 0 0 0} .elementor-5601 .elementor-element.elementor-element-2931747{text-align:center} .elementor-5601 .elementor-element.elementor-element-81fce66>.elementor-element-populated{padding:0 0 0 20px} .elementor-5601 .elementor-element.elementor-element-b09d358 .elementor-heading-title{font-family:"Roboto Slab",Sans-serif;font-size:40px;font-weight:700;color:#ffd773} .elementor-5601 .elementor-element.elementor-element-161ce40{font-family:"Roboto",Sans-serif;font-weight:400;color:#fff} .elementor-5601 .elementor-element.elementor-element-76e6a4e.elementor-column.elementor-element[data-element_type=column]>.elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center} .elementor-5601 .elementor-element.elementor-element-76e6a4e>.elementor-element-populated{padding:0 15px 20px 15px} .elementor-5601 .elementor-element.elementor-element-fe4af0a{padding:0 0 0 0} .elementor-5601 .elementor-element.elementor-element-1760e13>.elementor-element-populated{padding:0 0 0 0} .elementor-5601 .elementor-element.elementor-element-909e10f{text-align:center} .elementor-5601 .elementor-element.elementor-element-01eb310>.elementor-element-populated{padding:0 0 0 20px} .elementor-5601 .elementor-element.elementor-element-e25ba8e .elementor-heading-title{font-family:"Roboto Slab",Sans-serif;font-size:40px;font-weight:700;color:#ffd773} .elementor-5601 .elementor-element.elementor-element-66281d0{color:#fff} @media (min-width:768px){.elementor-5601 .elementor-element.elementor-element-21c647b{width:5.943%}} @media (min-width:768px){.elementor-5601 .elementor-element.elementor-element-81fce66{width:93.985%}} @media (min-width:768px){.elementor-5601 .elementor-element.elementor-element-1760e13{width:5.943%}} @media (min-width:768px){.elementor-5601 .elementor-element.elementor-element-01eb310{width:93.985%}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-4d0222d:not(.elementor-motion-effects-element-type-background),.elementor-5601 .elementor-element.elementor-element-4d0222d>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-position:0 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-4d0222d{margin-top:30px;margin-bottom:50px}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-17f7d2d{padding:0 0 0 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-21c647b>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-2931747>.elementor-widget-container{margin:0 0 20px 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-81fce66>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-b09d358>.elementor-widget-container{margin:15px 0 0 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-b09d358{text-align:center}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-fe4af0a{padding:0 0 0 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-1760e13>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-909e10f>.elementor-widget-container{margin:0 0 20px 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-01eb310>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-e25ba8e>.elementor-widget-container{margin:15px 0 0 0}} @media (max-width:1024px){.elementor-5601 .elementor-element.elementor-element-e25ba8e{text-align:center}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-4d0222d:not(.elementor-motion-effects-element-type-background),.elementor-5601 .elementor-element.elementor-element-4d0222d>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-position:0 0}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-a30e8e4>.elementor-element-populated{padding:45px 0 70px 0}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-21c647b>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-2931747 img{width:17%}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-81fce66>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-161ce40{text-align:center}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-76e6a4e>.elementor-element-populated{padding:45px 0 70px 0}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-1760e13>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-909e10f img{width:17%}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-01eb310>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:767px){.elementor-5601 .elementor-element.elementor-element-66281d0{text-align:center}} @media (max-width:1024px) and (min-width:768px){.elementor-5601 .elementor-element.elementor-element-a30e8e4{width:50%}} @media (max-width:1024px) and (min-width:768px){.elementor-5601 .elementor-element.elementor-element-21c647b{width:100%}} @media (max-width:1024px) and (min-width:768px){.elementor-5601 .elementor-element.elementor-element-81fce66{width:100%}} @media (max-width:1024px) and (min-width:768px){.elementor-5601 .elementor-element.elementor-element-66cb4a5{width:50%}} @media (max-width:1024px) and (min-width:768px){.elementor-5601 .elementor-element.elementor-element-76e6a4e{width:50%}} @media (max-width:1024px) and (min-width:768px){.elementor-5601 .elementor-element.elementor-element-1760e13{width:100%}} @media (max-width:1024px) and (min-width:768px){.elementor-5601 .elementor-element.elementor-element-01eb310{width:100%}} .elementor-5073 .elementor-element.elementor-element-2ee1b8b:not(.elementor-motion-effects-element-type-background),.elementor-5073 .elementor-element.elementor-element-2ee1b8b>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-image:url(/wp-content/uploads/2025/05/arena_playground-15.webp);background-position:top center;background-repeat:no-repeat;background-size:cover} .elementor-5073 .elementor-element.elementor-element-2ee1b8b>.elementor-background-overlay{background-color:#000;opacity:.72;transition:background .3s,border-radius .3s,opacity .3s} .elementor-5073 .elementor-element.elementor-element-2ee1b8b{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;padding:85px 15px 75px 15px} .elementor-5073 .elementor-element.elementor-element-9b6d7c2>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:5px} .elementor-5073 .elementor-element.elementor-element-9b6d7c2>.elementor-element-populated{padding:0 20px 0 0} .elementor-5073 .elementor-element.elementor-element-fab89cb .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;color:#b09248} .elementor-5073 .elementor-element.elementor-element-a17a6a9{--divider-border-style:solid;--divider-color:#b09248;--divider-border-width:3px} .elementor-5073 .elementor-element.elementor-element-a17a6a9 .elementor-divider-separator{width:120px} .elementor-5073 .elementor-element.elementor-element-a17a6a9 .elementor-divider{padding-block-start:5px;padding-block-end:5px} .elementor-5073 .elementor-element.elementor-element-eb472ec>.elementor-widget-container{margin:5px 0 0 0} .elementor-5073 .elementor-element.elementor-element-eb472ec{font-family:"Open Sans",Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#fff} .elementor-5073 .elementor-element.elementor-element-d76ff6c>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:5px} .elementor-5073 .elementor-element.elementor-element-d76ff6c>.elementor-element-populated{padding:0 10px 0 10px} .elementor-5073 .elementor-element.elementor-element-00d7124 .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;color:#b09248} .elementor-5073 .elementor-element.elementor-element-b1a1703{--divider-border-style:solid;--divider-color:#b09248;--divider-border-width:3px} .elementor-5073 .elementor-element.elementor-element-b1a1703 .elementor-divider-separator{width:120px} .elementor-5073 .elementor-element.elementor-element-b1a1703 .elementor-divider{padding-block-start:5px;padding-block-end:5px} .elementor-widget-icon-list .elementor-icon-list-item>.elementor-icon-list-text,.elementor-widget-icon-list .elementor-icon-list-item>a{font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight)} .elementor-widget-icon-list .elementor-icon-list-text{color:var(--e-global-color-secondary)} .elementor-5073 .elementor-element.elementor-element-95af5bd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px} .elementor-5073 .elementor-element.elementor-element-95af5bd .elementor-icon-list-item>.elementor-icon-list-text,.elementor-5073 .elementor-element.elementor-element-95af5bd .elementor-icon-list-item>a{font-family:"Open Sans",Sans-serif;font-size:16px;font-weight:400;line-height:26px} .elementor-5073 .elementor-element.elementor-element-95af5bd .elementor-icon-list-text{color:#fff;transition:color .3s} .elementor-5073 .elementor-element.elementor-element-1916d8a>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:5px} .elementor-5073 .elementor-element.elementor-element-1916d8a>.elementor-element-populated{padding:0 10px 0 10px} .elementor-5073 .elementor-element.elementor-element-db6f0ea .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;color:#b09248} .elementor-5073 .elementor-element.elementor-element-37cdac2{--divider-border-style:solid;--divider-color:#b09248;--divider-border-width:3px} .elementor-5073 .elementor-element.elementor-element-37cdac2 .elementor-divider-separator{width:120px} .elementor-5073 .elementor-element.elementor-element-37cdac2 .elementor-divider{padding-block-start:5px;padding-block-end:5px} .elementor-5073 .elementor-element.elementor-element-b679fec>.elementor-widget-container{margin:5px 0 0 0} .elementor-5073 .elementor-element.elementor-element-b679fec{font-family:"Open Sans",Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#fff} .elementor-5073 .elementor-element.elementor-element-2db0dbc>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:5px} .elementor-5073 .elementor-element.elementor-element-2db0dbc>.elementor-element-populated{padding:0 0 0 20px} .elementor-5073 .elementor-element.elementor-element-52128ab .elementor-heading-title{font-family:"Playfair Display",Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;color:#b09248} .elementor-5073 .elementor-element.elementor-element-fdfa4f8{--divider-border-style:solid;--divider-color:#b09248;--divider-border-width:3px} .elementor-5073 .elementor-element.elementor-element-fdfa4f8 .elementor-divider-separator{width:120px} .elementor-5073 .elementor-element.elementor-element-fdfa4f8 .elementor-divider{padding-block-start:5px;padding-block-end:5px} .elementor-5073 .elementor-element.elementor-element-af3e27a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px} .elementor-5073 .elementor-element.elementor-element-52f968b>.elementor-widget-container{margin:8px 0-10px 0} .elementor-widget-icon.elementor-view-default .elementor-icon{color:var(--e-global-color-primary);border-color:var(--e-global-color-primary)} .elementor-5073 .elementor-element.elementor-element-2394a7d .elementor-icon-wrapper{text-align:left} .elementor-5073 .elementor-element.elementor-element-2394a7d.elementor-view-default .elementor-icon{color:#b09248;border-color:#b09248} .elementor-5073 .elementor-element.elementor-element-da07e9d>.elementor-container>.elementor-column>.elementor-widget-wrap{align-content:flex-end;align-items:flex-end} .elementor-5073 .elementor-element.elementor-element-da07e9d:not(.elementor-motion-effects-element-type-background),.elementor-5073 .elementor-element.elementor-element-da07e9d>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#b09248} .elementor-5073 .elementor-element.elementor-element-da07e9d{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;padding:23px 0 0 0} .elementor-5073 .elementor-element.elementor-element-107f63c{text-align:left;font-family:"Open Sans",Sans-serif;font-size:16px;font-weight:400;color:#fff} .elementor-5073 .elementor-element.elementor-element-8039179{text-align:right;font-family:"Open Sans",Sans-serif;font-size:12px;font-weight:400;color:#fff} @media (max-width:1024px) and (min-width:768px){.elementor-5073 .elementor-element.elementor-element-9b6d7c2{width:50%}} @media (max-width:1024px) and (min-width:768px){.elementor-5073 .elementor-element.elementor-element-d76ff6c{width:50%}} @media (max-width:1024px) and (min-width:768px){.elementor-5073 .elementor-element.elementor-element-1916d8a{width:50%}} @media (max-width:1024px) and (min-width:768px){.elementor-5073 .elementor-element.elementor-element-2db0dbc{width:50%}} @media (max-width:1024px){.elementor-5073 .elementor-element.elementor-element-2ee1b8b{padding:70px 25px 65px 25px}} @media (max-width:1024px){.elementor-5073 .elementor-element.elementor-element-d76ff6c>.elementor-element-populated{margin:0 0 40px 0;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0 0 0 0}} @media (max-width:1024px){.elementor-5073 .elementor-element.elementor-element-1916d8a>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:1024px){.elementor-5073 .elementor-element.elementor-element-2db0dbc>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-2ee1b8b{padding:70px 15px 60px 15px}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-9b6d7c2{width:100%}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-9b6d7c2>.elementor-element-populated{margin:0 0 15px 0;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0 15px 0 0}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-fab89cb .elementor-heading-title{font-size:18px}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-eb472ec{font-size:15px}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-d76ff6c{width:100%}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-d76ff6c>.elementor-element-populated{margin:0 0 15px 0;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0 0 0 0}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-00d7124 .elementor-heading-title{font-size:18px}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-95af5bd .elementor-icon-list-item>.elementor-icon-list-text,.elementor-5073 .elementor-element.elementor-element-95af5bd .elementor-icon-list-item>a{font-size:15px}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-1916d8a{width:100%}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-1916d8a>.elementor-element-populated{padding:0 15px 0 0}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-db6f0ea .elementor-heading-title{font-size:18px}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-b679fec{font-size:15px}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-2db0dbc{width:100%}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-2db0dbc>.elementor-element-populated{padding:0 0 0 0}} @media (max-width:767px){.elementor-5073 .elementor-element.elementor-element-52128ab .elementor-heading-title{font-size:18px}} .elementor-widget .elementor-icon-list-items{list-style-type:none;margin:0;padding:0} .elementor-widget .elementor-icon-list-item{margin:0;padding:0;position:relative} .elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit} .elementor-widget.elementor-list-item-link-full_width a{width:100%} .elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items{padding:0} .wpcf7-form .form-row{display:flex;flex-wrap:wrap;gap:12px 14px;margin:0 0 6px} .wpcf7-form .form-row .form-group{flex:1 1 45%;min-width:130px} @media (min-width:768px){.wpcf7-form .form-row .form-group{flex:1 1 0;min-width:110px}} .wpcf7-form .form-group p{margin:0 0 12px} .wpcf7-form label{font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;line-height:1.3} .wpcf7-form .wpcf7-form-control-wrap{display:block;margin-top:6px} .wpcf7-form input.wpcf7-form-control:not([type=submit]),.wpcf7-form select.wpcf7-form-control,.wpcf7-form textarea.wpcf7-form-control{width:100%;height:46px;padding:10px 14px;background:#fff;border:1px solid #d8d2c6;border-radius:3px;font-size:15px;line-height:1.4;color:#1a1a1a;box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color .18s,box-shadow .18s} .wpcf7-form textarea.wpcf7-form-control{height:150px;min-height:150px;resize:vertical} .wpcf7-form select.wpcf7-form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px} .wpcf7-form input.wpcf7-submit{border-radius:3px;letter-spacing:1px;cursor:pointer;transition:filter .18s} img,video{-webkit-user-drag:none} .page-heading{margin-bottom:25px} .page-heading,.breadcrumb-trail{background-image:var(--page-heading-bg,url(/wp-content/uploads/2025/05/arena_playground-22.webp));margin-bottom:25px} @media only screen and (max-width:1380px){.swiper-custom-left,.middle-inside .swiper-entry .swiper-button-prev,.middle-inside.swiper-entry .swiper-button-prev{left:-15px}} @media only screen and (max-width:1380px){.swiper-custom-right,.middle-inside .swiper-entry .swiper-button-next,.middle-inside.swiper-entry .swiper-button-next{right:-15px}} @media only screen and (max-width:1380px){.middle-inbox .swiper-entry .swiper-button-prev,.middle-inbox.swiper-entry .swiper-button-prev{left:8px}} @media only screen and (max-width:1380px){.middle-inbox .swiper-entry .swiper-button-next,.middle-inbox.swiper-entry .swiper-button-next{right:8px}} @media only screen and (max-width:992px){.header-wrapper,.site-header-vertical{display:none}} @media only screen and (min-width:993px){.mobile-header-wrapper{display:none}} .etheme-elementor-slider:not(.swiper-container-initialized,.swiper-initialized) .swiper-slide{max-width:calc(100% / var(--slides-per-view,4))} :root { --color-primary: #4a8eff; --color-primary-rgb: 74, 142, 255; --color-primary-hover: #5998ff; --color-primary-active: #3281ff; --clr-sec: #6c757d; --clr-sec-rgb: 108, 117, 125; --clr-sec-hover: #6c757d; --clr-sec-active: #6c757d; --color-secondary: #6c757d; --color-secondary-rgb: 108, 117, 125; --color-secondary-hover: #6c757d; --color-secondary-active: #6c757d; --color-success: #018e11; --color-success-rgb: 1, 142, 17; --color-success-hover: #0aad01; --color-success-active: #0c8c01; --color-info: #2CA8FF; --color-info-rgb: 44, 168, 255; --color-info-hover: #2CA8FF; --color-info-active: #2CA8FF; --color-warning: #FFB236; --color-warning-rgb: 255, 178, 54; --color-warning-hover: #FFB236; --color-warning-active: #FFB236; --color-danger: #ff5062; --color-danger-rgb: 255, 80, 98; --color-danger-hover: #ff5062; --color-danger-active: #ff5062; --color-green: #30b570; --color-blue: #0073ff; --color-purple: #8557D3; --color-red: #ff5062; --color-muted: rgba(69, 89, 122, 0.6); --wpdm-font: "Sen", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);} :where(body) { margin: 0; } body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;} body{overflow-x:clip} .connect-block-element-yr2wB { --connect-block-space: 10px; margin: 0 -10px; } .et_element.connect-block-element-yr2wB > div, .et_element.connect-block-element-yr2wB > form.cart, .et_element.connect-block-element-yr2wB > .price { margin: 0 10px; } .arena-rotate{position:relative;overflow:hidden;width:100%} .arena-rotate>.swiper-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none} .arena-rotate>.swiper-slide.arena-on{position:relative;opacity:1;pointer-events:auto} .wpcf7 .wpcf7-submit:disabled{cursor:not-allowed} @media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}} @media (max-width:-1){#elementor-device-mode:after{content:"laptop";content:"tablet_extra"}} @media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}} .elementor-icon:hover{color:#69727d} a:active,a:hover{outline:0} @media print{*,:after,:before{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}} @media print{a,a:visited{text-decoration:underline}} @media print{a[href]:after{content:" ("attr(href)")"}} a:focus{outline-offset:-2px} .btn:hover,.button:hover,form #qna-ask-input button:hover,form button:hover,input[type=button]:hover,input[type=submit]:hover{color:var(--et_btn-color-hover);background-color:var(--et_btn-bg-color-hover);border-color:var(--et_btn-br-color-hover);-webkit-box-sizing:border-box;box-sizing:border-box} .btn:focus,.button:focus,form #qna-ask-input button:focus,form button:focus,input[type=button]:focus,input[type=submit]:focus{color:var(--et_btn-color);outline:0} .btn:hover:focus,.button:hover:focus,form #qna-ask-input button:hover:focus,form button:hover:focus,input[type=button]:hover:focus,input[type=submit]:hover:focus{color:var(--et_white-2-dark);outline:0} .select2.select2-container--default .select2-selection--single:focus,select:focus{outline:0} .dokan-form-control:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea.form-control:focus,textarea:focus{-webkit-box-shadow:none;box-shadow:none;outline:0;border-color:var(--et_font-color)} input.form-control:focus:-moz-placeholder,input.form-control:focus:-ms-input-placeholder,input.form-control:focus::-webkit-input-placeholder,input:focus:-moz-placeholder,input:focus:-ms-input-placeholder,input:focus::-webkit-input-placeholder{color:transparent} textarea:focus:-moz-placeholder,textarea:focus:-ms-input-placeholder,textarea:focus::-moz-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent} a:focus,a:hover{outline:0;color:var(--et_link-color-hover)} .et-promo-text-carousel a:hover{color:currentColor;-webkit-text-fill-color:currentColor;opacity:.7} a.currentColor:hover{color:currentColor;opacity:.7} .footer-widget a:hover{color:#fff} .text-color-dark a:hover{color:var(--et_font-color)} .et-notify:before{font-family:xstore-icons;margin-right:5px} .swiper-entry:hover .swiper-custom-left{left:calc(-1*var(--arrow-size,50px) - 10px)} .swiper-entry:hover .swiper-custom-right{right:calc(-1*var(--arrow-size,50px) - 10px)} .middle-inbox .swiper-entry:hover .swiper-button-prev,.middle-inbox.swiper-entry:hover .swiper-button-prev{left:12px} .middle-inbox .swiper-entry:hover .swiper-button-next,.middle-inbox.swiper-entry:hover .swiper-button-next{right:12px} .swiper-entry:hover .swiper-custom-left,.swiper-entry:hover .swiper-custom-right{opacity:1;visibility:visible;-webkit-transition-delay:0s;transition-delay:0s} .swiper-entry:hover .swiper-custom-left:hover,.swiper-entry:hover .swiper-custom-right:hover{opacity:.7} .swiper-custom-left:hover,.swiper-custom-right:hover{opacity:.7} .swiper-custom-left:hover,.swiper-custom-right:hover{background-color:var(--et_arrows-bg-color,#f2f2f2)} .elementor-element .swiper-entry:hover .et-swiper-elementor-nav{opacity:1} .elementor-widget:has(.add-overlay-body-on-focus:focus,.add-overlay-body-on-focus.focused),.elementor-widget:has(.add-overlay-body-on-hover.dropdown-click:hover),.elementor-widget:has(.add-overlay-body-on-hover:not(.dropdown-click.dropdown-opened):hover){z-index:98} .breadcrumbs a:hover{opacity:var(--page-heading-link-opacity-hover,.7)} .back-top:hover span:before{display:inline-block;-webkit-animation:animArrow 1s infinite;animation:animArrow 1s infinite} @media only screen and (max-width:992px){.back-top:hover span:before{-webkit-animation:none;animation:none}} form.wpcf7-form .wpcf7-submit:not(.active):hover{background-color:var(--et_btn-dark-bg-color-hover);border-color:var(--et_btn-dark-br-color-hover);color:var(--et_btn-dark-color-hover)} .btn.small.black:hover,.btn.medium.black:hover,.before-checkout-form .button:hover,.etheme-above-checkout-form .button:hover,.checkout-button:hover,.shipping-calculator-form .button:hover,.single_add_to_cart_button.button:hover,.single_add_to_cart_button.button:hover:focus,.et-quick-view-wrapper .single_add_to_cart_button.button:hover,.et-quick-view-wrapper .single_add_to_cart_button.button:hover:focus,form.login .button:hover,form.register .button:hover,form.register .button.woocommerce-Button:hover,form.lost_reset_password .button:hover,.form-submit input[type=submit]:hover,#commentform input[type=button]:hover,.et-quick-view-wrapper .product_type_variable:hover,.coupon input[type=submit]:hover,.widget_search button:hover,.widget_product_search button:hover,.widget_search button:hover,.woocommerce-product-search button:hover,form.wpcf7-form .wpcf7-submit:not(.active):hover,.wcmp-quick-info-wrapper form input[type=submit]:hover,.product_list_widget .buttons a:hover,.et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist:hover,.mini-cart-buttons .button:not(.btn-checkout):hover,.mini-cart-buttons a,.form-row.place-order .button:hover,.search-full-width form .btn:hover,.xstore-wishlist-action .button:hover,.xstore-compare-button .button:hover,.form-actions .add-all-products:hover,.form-actions .compare-more-products:hover,.form-actions .xstore-wishlist-actions:hover,.form-actions .xstore-compare-actions:hover,.et-cookies-popup-wrapper .cookies-button:hover,.btn.small.black:focus,.btn.medium.black:focus,.before-checkout-form .button:focus,.etheme-above-checkout-form .button:focus,.checkout-button:focus,.shipping-calculator-form .button:focus,.single_add_to_cart_button.button:focus,.single_add_to_cart_button.button:focus:focus,.et-quick-view-wrapper .single_add_to_cart_button.button:focus,.et-quick-view-wrapper .single_add_to_cart_button.button:focus:focus,form.login .button:focus,form.register .button:focus,form.register .button.woocommerce-Button:focus,form.lost_reset_password .button:focus,.form-submit input[type=submit]:focus,#commentform input[type=button]:focus,.et-quick-view-wrapper .product_type_variable:focus,.coupon input[type=submit]:focus,.widget_search button:focus,.widget_product_search button:focus,.widget_search button:focus,.woocommerce-product-search button:focus,form.wpcf7-form .wpcf7-submit:not(.active):focus,.wcmp-quick-info-wrapper form input[type=submit]:focus,.product_list_widget .buttons a:focus,.et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist:focus,.mini-cart-buttons .button:not(.btn-checkout):focus,.mini-cart-buttons a,.form-row.place-order .button:focus,.search-full-width form .btn:focus,.xstore-wishlist-action .button:focus,.xstore-compare-button .button:focus,.form-actions .add-all-products:focus,.form-actions .compare-more-products:focus,.form-actions .xstore-wishlist-actions:focus,.form-actions .xstore-compare-actions:focus,.et-cookies-popup-wrapper .cookies-button:focus{border-style:none} .elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var(--e-global-color-text)} .elementor-5073 .elementor-element.elementor-element-95af5bd .elementor-icon-list-item:hover .elementor-icon-list-text{color:#555} .elementor-widget .elementor-icon-list-item:after{bottom:0;position:absolute;width:100%} .elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after{left:0} .elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after{right:0} @media (min-width:-1){.elementor-widget:not(.elementor-widescreen-align-right) .elementor-icon-list-item:after{left:0}} @media (min-width:-1){.elementor-widget:not(.elementor-widescreen-align-left) .elementor-icon-list-item:after{right:0}} @media (max-width:-1){.elementor-widget:not(.elementor-laptop-align-right) .elementor-icon-list-item:after{left:0}} @media (max-width:-1){.elementor-widget:not(.elementor-laptop-align-left) .elementor-icon-list-item:after{right:0}} @media (max-width:-1){.elementor-widget:not(.elementor-tablet_extra-align-right) .elementor-icon-list-item:after{left:0}} @media (max-width:-1){.elementor-widget:not(.elementor-tablet_extra-align-left) .elementor-icon-list-item:after{right:0}} @media (max-width:1024px){.elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after{left:0}} @media (max-width:1024px){.elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after{right:0}} @media (max-width:-1){.elementor-widget:not(.elementor-mobile_extra-align-right) .elementor-icon-list-item:after{left:0}} @media (max-width:-1){.elementor-widget:not(.elementor-mobile_extra-align-left) .elementor-icon-list-item:after{right:0}} @media (max-width:767px){.elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after{left:0}} @media (max-width:767px){.elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after{right:0}} .wpcf7-form .wpcf7-form-control:focus{outline:0;border-color:#b09248;box-shadow:0 0 0 3px rgba(176,146,72,.22)} .wpcf7-form input.wpcf7-submit:hover{filter:brightness(1.08)} .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1} .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'} .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'} @media only screen and (max-width:1380px){.swiper-entry:hover .swiper-custom-left,.middle-inside .swiper-entry:hover .swiper-button-prev,.middle-inside.swiper-entry:hover .swiper-button-prev{left:-5px}} @media only screen and (max-width:1380px){.swiper-entry:hover .swiper-custom-right,.middle-inside .swiper-entry:hover .swiper-button-next,.middle-inside.swiper-entry:hover .swiper-button-next{right:-5px}} @media only screen and (max-width:1380px){.middle-inbox .swiper-entry:hover .swiper-button-prev,.middle-inbox.swiper-entry:hover .swiper-button-prev{left:5px}} @media only screen and (max-width:1380px){.middle-inbox .swiper-entry:hover .swiper-button-next,.middle-inbox.swiper-entry:hover .swiper-button-next{right:5px}} /* Port-specific glue: map facade, form status states, enhancer behavior states. * Everything visual matches the live rest state; these classes are additive. */ /* Google Maps facade (prompt §Phase 2): static preview + click-to-load. */ .arena-map-facade{position:relative;display:block;width:100%;overflow:hidden;background:#000;cursor:pointer} .arena-map-facade img{display:block;width:100%;height:100%;object-fit:cover} .arena-map-facade .arena-map-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:"Open Sans",sans-serif;font-size:14px;font-weight:700;color:#fff;background:rgba(34,34,34,.85);border:0;padding:12px 24px;cursor:pointer} .arena-map-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0} /* Form submit states (minimal-inline per prompt — live posts to WP admin-ajax). */ .arena-form-status{display:none;margin-top:12px;padding:10px 14px;font-size:14px;line-height:20px} .arena-form-status.is-ok{display:block;background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7} .arena-form-status.is-err{display:block;background:#fdecea;color:#b71c1c;border:1px solid #ef9a9a} .arena-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden} /* Stretched sections — CSS positioning (exact for centered containers); the * enhancer only corrects sections this leaves off by >0.6px (scrollbar cases). * min-width beats flex-shrink so the hero is full-bleed from first paint. */ .elementor-section-stretched{position:relative;width:100vw;min-width:100vw;max-width:none;left:calc(50% - 50vw)} /* Header promo rotator: a stacked OPACITY crossfade — every slide absolute in * the same box, only .arena-on visible (enhancer toggles the class). Four of * the ported page bundles already carry these two rules; declaring them here * (shared, emitted after the page CSS) unifies HOME too, which otherwise fell * back to a flex row + a wrapper translateX that shoved the strip off-screen. * One mechanism on all five pages now. */ .et_promo_text_carousel .swiper-container{overflow:hidden} .header-promo-text{display:block} .arena-rotate{position:relative} .arena-rotate>.swiper-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none} .arena-rotate>.swiper-slide.arena-on{position:relative;opacity:1;pointer-events:auto} /* Content carousels before the enhancer initializes: show the first N slides * statically (widths set by the enhancer to match live swiper layout). */ .swiper-entry .swiper-wrapper{display:flex} /* Swiper's own base CSS clipped the viewport box; the pruned page CSS lost it, * so slides spilled out of their column and under neighboring content * (igroteka birthday collage floated beneath the text column). */ .swiper-entry .swiper, .swiper-entry .swiper-container{overflow:hidden} /* Swiper arrows — the full XStore arrow system, shared by every page. The * per-page pruned CSS kept these rules only on home, so the other pages fell * back to unstyled #f2f2f2 squares (and referenced the xstore-icons glyph font * without its @font-face). One canonical copy here ends the divergence. */ @font-face{font-family:'xstore-icons';src:url(/wp-content/themes/xstore/fonts/xstore-icons-light.woff2) format('woff2'),url(/wp-content/themes/xstore/fonts/xstore-icons-light.woff) format('woff'),url(/wp-content/themes/xstore/fonts/xstore-icons-light.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap} .swiper-custom-left,.swiper-custom-right{display:flex;align-items:center;justify-content:center;width:var(--arrow-size,50px)!important;height:var(--arrow-size,50px)!important;position:absolute;top:calc(50% - var(--arrow-size,50px)/ 2);background-color:var(--et_arrows-bg-color,#f2f2f2);background-image:none!important;cursor:pointer;transition:all var(--t-med) var(--ease);outline:0;margin:0!important} .swiper-custom-left:before{content:'\e902'} .swiper-custom-right:before{content:'\e904'} .swiper-custom-left:before,.swiper-custom-right:before{font-family:xstore-icons;font-size:calc(var(--arrow-size,50px)/ 2.5)} .swiper-custom-left:after,.swiper-custom-right:after{content:''!important;position:absolute;top:-100%;bottom:-100%} .swiper-custom-left,.swiper-custom-left:hover,.swiper-custom-right,.swiper-custom-right:hover{color:var(--et_arrows-color)} .swiper-custom-left.style-1,.swiper-custom-right.style-1{background:0 0} .swiper-entry .swiper-custom-left,.swiper-entry .swiper-custom-right{opacity:0;visibility:hidden;z-index:3;transition-delay:.4s} .swiper-entry .swiper-custom-left,.swiper-entry .swiper-custom-right,.swiper-entry:hover .swiper-custom-left,.swiper-entry:hover .swiper-custom-right{opacity:1;visibility:visible} .swiper-entry .swiper-custom-left,.swiper-entry:hover .swiper-custom-left{left:0} .swiper-entry .swiper-custom-right,.swiper-entry:hover .swiper-custom-right{right:0} /* NOTE: no `>.swiper-container` combinator here — some ported pages lost the * swiper-container class on the wrapper (home kept it), so match by descent. */ .arrows-hovered .sm-arrow,.arrows-hovered .swiper-custom-left,.arrows-hovered .swiper-custom-right{position:absolute;top:calc(50% - var(--arrow-size,50px)/ 2);color:var(--et_dark-2-white);cursor:pointer;transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease);opacity:0!important;z-index:3;border:15px solid transparent;font-size:0} .arrows-hovered .arrow-left,.arrows-hovered .swiper-custom-left{left:0!important;transform:translateX(-5px)} .arrows-hovered .arrow-right,.arrows-hovered .swiper-custom-right{right:0!important;transform:translateX(5px)} .arrows-hovered .arrow-left:before,.arrows-hovered .swiper-custom-left:before{content:"\e902"} .arrows-hovered .arrow-right:before,.arrows-hovered .swiper-custom-right:before{content:"\e904"} .arrows-hovered:hover .arrow-left,.arrows-hovered:hover .arrow-right,.arrows-hovered:hover .swiper-custom-left,.arrows-hovered:hover .swiper-custom-right{transform:translateX(0);opacity:1!important} .et_promo_text_carousel.swiper-entry .swiper-custom-left,.et_promo_text_carousel.swiper-entry .swiper-custom-right{border-width:0!important;font-size:100%;color:currentColor;-webkit-text-fill-color:currentColor;width:auto!important;height:var(--promo-text-height,30px)!important;top:calc(50% - var(--promo-text-height,30px)/ 2);background:0 0;margin:0} .et_promo_text_carousel.swiper-entry .swiper-custom-left:before,.et_promo_text_carousel.swiper-entry .swiper-custom-right:before{font-size:100%} /* Entrance animations (live Elementor waypoints, driven by the enhancer). */ @keyframes arenaFadeIn{from{opacity:0}to{opacity:1}} @keyframes arenaFadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}} @keyframes arenaFadeInDown{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}} .arena-anim{opacity:0} .arena-anim-in{animation-duration:var(--t-slow);animation-timing-function:var(--ease);animation-fill-mode:both} .arena-anim-in.arena-fadeIn{animation-name:arenaFadeIn} .arena-anim-in.arena-fadeInUp{animation-name:arenaFadeInUp} .arena-anim-in.arena-fadeInDown{animation-name:arenaFadeInDown} /* Design-tier scroll reveal (enhancer tags below-fold widgets): a quiet rise, * staggered per entering batch. Opacity/transform only — zero CLS. */ .arena-reveal{opacity:0;transform:translateY(18px);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)} .arena-reveal-in{opacity:1;transform:none} /* Hover polish: one motion system — var(--ease), 250–400ms (ship round). */ .elementor-button,.ah-btn,.wpcf7-form-control.wpcf7-submit{transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)} .elementor-button:hover,.ah-btn:hover,.wpcf7-form-control.wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(139,115,57,.35)} .elementor-section .elementor-widget-image .elementor-widget-container{overflow:hidden} .elementor-section .elementor-widget-image img{transition:transform var(--t-med) var(--ease)} .elementor-section .elementor-widget-image:hover img{transform:scale(1.03)} .et-tab-nav{transition:transform var(--t-fast) var(--ease)} .et-tab-nav img{transition:transform var(--t-med) var(--ease),filter var(--t-med) var(--ease)} .et-tab-nav:hover img{transform:scale(1.05)} .et-tab-nav:hover .et-tab-title{color:#8b7439} .et-tab-title{transition:color var(--t-fast) var(--ease)} .products-loop .product .product-title a{transition:color var(--t-fast) var(--ease)} .products-loop .product:hover .product-title a{color:#8b7439} .elementor-widget-icon-box .elementor-icon{transition:transform var(--t-med) var(--ease)} .elementor-widget-icon-box:hover .elementor-icon{transform:translateY(-4px)} .header-main-menu .menu>li>a{transition:color var(--t-fast) var(--ease)} /* Smooth in-page anchors (/menu/#daski …) — and keep targets clear of the * sticky header when jumped to. */ html{scroll-behavior:smooth} @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}} .et-tab-nav[id],[id^="menu-item"],.elementor-element[id]{scroll-margin-top:80px} /* Mobile menu overlay (port of the live et-popup mobile_menu): full-screen * dark sheet, centered logo + uppercase white links, white close chip. */ .arena-mobmenu{position:fixed;inset:0;z-index:10050;background:rgba(20,15,11,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;visibility:hidden;opacity:0;transition:opacity var(--t-med) var(--ease),visibility var(--t-med) var(--ease);overflow-y:auto} body.arena-mobmenu-open .arena-mobmenu{visibility:visible;opacity:1} body.arena-mobmenu-open{overflow:hidden} .arena-mobmenu .menu{list-style:none;margin:0;padding:0;width:100%} .arena-mobmenu .menu li{display:block;text-align:center;margin:0} .arena-mobmenu .menu a{display:block;padding:12px 0;color:#fff;font-family:"Open Sans",sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;text-decoration:none;transition:color var(--t-fast) var(--ease),letter-spacing var(--t-fast) var(--ease)} .arena-mobmenu .menu a:hover{color:#B09248} .arena-mobmenu .menu .current-menu-item>a{color:#B09248} .arena-mobmenu-logo{max-width:150px;height:auto;margin-bottom:28px} .arena-mobmenu-close{position:fixed;top:0;right:0;background:#fff;color:rgba(0,0,0,.91);border:0;padding:13px;line-height:0;cursor:pointer} /* contact block under the nav: both phones tap-to-dial + hours */ .arena-mobmenu-info{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:10px;text-align:center} .arena-mobmenu-info a,.arena-mobmenu-info .arena-mobmenu-hours{color:#fff;font-family:"Open Sans",sans-serif;font-size:15px;text-decoration:none} .arena-mobmenu-info a:hover{color:#B09248} .arena-mobmenu-info span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:2px} .arena-mobmenu-info .arena-mobmenu-hours{color:rgba(255,255,255,.85)} /* Sticky header (XStore "custom" type): the enhancer toggles .sticky-on on * #header past data-start px. Distilled from the live theme CSS — desktop * keeps the .sticky nav row (header-bottom) fixed on #222; mobile keeps the * logo/hamburger strip. Non-sticky rows collapse while stuck. */ @keyframes et-toBottomFull{0%{transform:translateY(-100%)}100%{transform:translateY(0)}} #header.sticky-on:not([data-type=sticky])>[class*=header-wrapper]{position:fixed;top:0;width:100%;z-index:9999} #header.sticky-on:not([data-type=sticky])>[class*=header-wrapper]>[class*=header-]:not(.sticky){height:0!important;overflow:hidden} #header.sticky-on>[class*=header-wrapper]>.sticky:last-of-type{box-shadow:2px 0 12px 0 rgba(0,0,0,.15)} #header.sticky-on .header-wrapper,#header.sticky-on .mobile-header-wrapper{animation-name:et-toBottomFull;animation-duration:.7s} .sticky-on .header-bottom{background-color:#222;color:#fff} .sticky-on .mobile-header-wrapper .header-main{background-color:#222;color:#fff} .sticky-on .mobile-header-wrapper .header-main .et-wrap-columns{min-height:60px} /* Contrast-ledger exception — home "Повелете" section (b9b4950): the generated * blanket recolors in contrast.css assume a white page background, but this * section is a photo under a 50% black overlay. Restore the original white * text and light-gold icons (readable AND AA-compliant on the dark overlay). * Specificity intentionally beats the !important blanket rules. */ .elementor-4808 .elementor-element-b9b4950 .elementor-icon-box-title, .elementor-4808 .elementor-element-b9b4950 .elementor-icon-box-title a, .elementor-4808 .elementor-element-b9b4950 .elementor-icon-box-title span{color:#fff !important} .elementor-4808 .elementor-element-b9b4950 .elementor-icon-box-description, .elementor-4808 .elementor-element-b9b4950 .e-con-inner .elementor-widget-container, .elementor-4808 .elementor-element-b9b4950 .e-con-inner .elementor-widget-container p, .elementor-4808 .elementor-element-b9b4950 .e-con-inner .elementor-widget-container strong{color:#fff !important} .elementor-4808 .elementor-element-b9b4950 .elementor-widget-icon-box .elementor-icon.elementor-icon.elementor-icon{color:#B09248 !important;fill:#B09248 !important} /* Accordion rest state: closed unless .elementor-active (live behavior). */ .elementor-accordion .elementor-tab-content,.elementor-toggle .elementor-tab-content{display:none} .elementor-accordion .elementor-active+.elementor-tab-content,.elementor-toggle .elementor-active+.elementor-tab-content{display:block} /* Menu tabs: pane visibility driven by .active-default/.inactive (live classes). */ .et-tabs-content>.clearfix.inactive{display:none} .et-tabs-content>.clearfix.active-default,.et-tabs-content>.clearfix.active{display:block} /* GENERATED (scripts/gen-contrast.mjs) — Phase-4 deviation 3: WCAG AA contrast, * minimum-delta recolors of failing pairs only. Redesign: values re-darkened for the linen/stone surfaces (design.css) — AA on #F8F5EF and #EDE7DD. See DEVIATIONS.md. */ .elementor-4808 .elementor-element.elementor-element-50eb28c.elementor-view-framed .elementor-icon,.elementor-4808 .elementor-element.elementor-element-50eb28c.elementor-view-default .elementor-icon{color:#7a6632 !important} .elementor-4808 .elementor-element.elementor-element-5dbac10.elementor-view-framed .elementor-icon,.elementor-4808 .elementor-element.elementor-element-5dbac10.elementor-view-default .elementor-icon{color:#7a6632 !important} .elementor-4808 .elementor-element.elementor-element-1257eac.elementor-view-framed .elementor-icon,.elementor-4808 .elementor-element.elementor-element-1257eac.elementor-view-default .elementor-icon{color:#7a6632 !important} .elementor-4808 .elementor-element.elementor-element-e0ef413 .elementor-heading-title{color:#7a6632 !important} .elementor-4808 .elementor-element.elementor-element-2fb4b814 .et-advance-tabs .et-tabs-nav>ul li.active,.elementor-4808 .elementor-element.elementor-element-2fb4b814 .et-advance-tabs .et-tabs-nav>ul .active-default .et-tab-title{color:#7a6632 !important} .header-main-menu.et_element-top-level .menu>li>a:hover,.header-main-menu.et_element-top-level .menu>.current-menu-item>a,.header-main-menu.et_element-top-level.menu-items-custom .menu>li>a:hover,.header-main-menu.et_element-top-level.menu-items-custom .menu>.current-menu-item>a{color:#7a6632 !important} .et-mobile-panel .et_column.active{color:#7a6632 !important} .woocommerce-Price-amount.amount{color:#7a6632 !important} .elementor-6593 .elementor-element.elementor-element-4b6f8510 .price{color:#7a6632 !important} .elementor-5073 .elementor-element.elementor-element-fab89cb .elementor-heading-title{color:#7a6632 !important} .elementor-5073 .elementor-element.elementor-element-00d7124 .elementor-heading-title{color:#7a6632 !important} .elementor-5073 .elementor-element.elementor-element-db6f0ea .elementor-heading-title{color:#7a6632 !important} .elementor-5073 .elementor-element.elementor-element-52128ab .elementor-heading-title{color:#7a6632 !important} .elementor-5073 .elementor-element.elementor-element-2394a7d.elementor-view-framed .elementor-icon,.elementor-5073 .elementor-element.elementor-element-2394a7d.elementor-view-default .elementor-icon{color:#7a6632 !important} .elementor-7872 .elementor-element.elementor-element-acce825{color:#7a6632 !important} .elementor-7872 .elementor-element.elementor-element-f134fa0 .etheme-icon-box-icon{color:#7a6632 !important} .elementor-7872 .elementor-element.elementor-element-d888e80 .etheme-icon-box-icon{color:#7a6632 !important} .elementor-7872 .elementor-element.elementor-element-9be0b99 .etheme-icon-box-icon{color:#7a6632 !important} .elementor-7872 .elementor-element.elementor-element-ae96b05{color:#7a6632 !important} .elementor-7872 .elementor-element.elementor-element-4e40041 .etheme-icon-box-icon{color:#7a6632 !important} .elementor-7872 .elementor-element.elementor-element-71b3a9c .etheme-icon-box-icon{color:#7a6632 !important} .elementor-7872 .elementor-element.elementor-element-c877984 .etheme-icon-box-icon{color:#7a6632 !important} .header-main-menu.et_element-top-level .menu>li>a:hover,.header-main-menu.et_element-top-level .menu>.current-menu-item>a{color:#7a6632 !important} .elementor-5073 .elementor-element.elementor-element-2394a7d.elementor-view-default .elementor-icon{color:#7a6632 !important} .elementor-4804 .elementor-element.elementor-element-31f35a3 .elementor-icon-box-title{color:#686868 !important} .elementor-4804 .elementor-element.elementor-element-1d3074b .elementor-icon-box-title{color:#686868 !important} .elementor-4804 .elementor-element.elementor-element-36d25c9 .elementor-icon-box-title{color:#686868 !important} .elementor-4804 .elementor-element.elementor-element-5c2cd72 .elementor-icon-box-title{color:#686868 !important} .et-advance-tabs .et-tabs-nav>ul li .active,.et-advance-tabs .et-tabs-nav>ul .active-default .et-tab-title{color:#7a6632 !important} .elementor-6358 .elementor-element.elementor-element-16ef0a2 .price{color:#7a6632 !important} .elementor-6358 .elementor-element.elementor-element-24ceb9b .price{color:#7a6632 !important} .elementor-6888 .elementor-element.elementor-element-c653f19 .price{color:#7a6632 !important} .elementor-6388 .elementor-element.elementor-element-420185b .price{color:#7a6632 !important} .elementor-6388 .elementor-element.elementor-element-29abe5b .price{color:#7a6632 !important} .elementor-6407 .elementor-element.elementor-element-037704c .price{color:#7a6632 !important} .elementor-6407 .elementor-element.elementor-element-aad9662 .price{color:#7a6632 !important} .elementor-6405 .elementor-element.elementor-element-5423421 .price{color:#7a6632 !important} .elementor-6389 .elementor-element.elementor-element-12cbdc2d .price{color:#7a6632 !important} .elementor-6389 .elementor-element.elementor-element-cce5f7c .price{color:#7a6632 !important} .elementor-6389 .elementor-element.elementor-element-177faa0 .price{color:#7a6632 !important} .elementor-6379 .elementor-element.elementor-element-e71aca7 .price{color:#7a6632 !important} .elementor-7188 .elementor-element.elementor-element-8e08b26 .price{color:#7a6632 !important} .elementor-7207 .elementor-element.elementor-element-60736c7 .price{color:#7a6632 !important} .elementor-7257 .elementor-element.elementor-element-811d99a .price{color:#7a6632 !important} .elementor-7257 .elementor-element.elementor-element-2c6f313 .price{color:#7a6632 !important} .elementor-7257 .elementor-element.elementor-element-63d1398 .price{color:#7a6632 !important} .elementor-7323 .elementor-element.elementor-element-957a637 .price{color:#7a6632 !important} .elementor-7323 .elementor-element.elementor-element-f894220 .price{color:#7a6632 !important} .elementor-7323 .elementor-element.elementor-element-fdb8532 .price{color:#7a6632 !important} .elementor-7755 .elementor-element.elementor-element-e58a8a2 .price{color:#7a6632 !important} .elementor-7755 .elementor-element.elementor-element-2f5488b .price{color:#7a6632 !important} .elementor-7755 .elementor-element.elementor-element-6a413a6 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-50240b3 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-702af7b .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-17f9f08 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-e13ce56 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-8f1e92a .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-3376d48 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-012a09e .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-11529df .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-d058f68 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-bd26375 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-3368603 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-1f4d84f .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-7af6d30 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-c26413d .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-9afba68 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-8fd4ea9 .price{color:#7a6632 !important} .elementor-7369 .elementor-element.elementor-element-9ffa3c0 .price{color:#7a6632 !important} .products-layout-menu .product-main-details>.price{color:#7a6632 !important} .elementor-4978 .elementor-element.elementor-element-b3202bb{color:#7a6632 !important} .elementor-4978 .elementor-element.elementor-element-f165579{color:#686868 !important} .elementor-4978 .elementor-element.elementor-element-01bf34e{color:#686868 !important} .elementor-4978 .elementor-element.elementor-element-69913ba{color:#686868 !important} .elementor-4978 .elementor-element.elementor-element-aaa7276{color:#686868 !important} .elementor-4978 .elementor-element.elementor-element-5618690 .elementor-heading-title{color:#7a6632 !important} .elementor-4808 .elementor-element.elementor-element-7ac505e .elementor-button{background-color:#8b7339 !important} .wpcf7-form-control.wpcf7-submit{background-color:#8b7339 !important} .elementor-5073 .elementor-element.elementor-element-da07e9d:not(.elementor-motion-effects-element-type-background),.elementor-5073 .elementor-element.elementor-element-da07e9d>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#8b7339 !important} .elementor-4808 .elementor-element.elementor-element-7ac505e .elementor-button:hover,.elementor-4808 .elementor-element.elementor-element-7ac505e .elementor-button:focus{background-color:#8b7339 !important} h1.sushi-home-banner-raw-heading strong span{color:#9c8140 !important} .ah .ah-btn{background-color:#8b7339 !important} .card-body .media .text-muted{color:#64748b !important} .elementor-icon-box-title,.elementor-icon-box-title a,.elementor-icon-box-title span{color:#686868 !important} .et-tab-nav:not(.active-default):not(.active) .et-tab-title{color:#686868 !important} .e-con-inner .elementor-widget-container,.e-con-inner .elementor-widget-container p,.e-con-inner .elementor-widget-container strong,.e-con-inner .elementor-widget-container ol li{color:#676767 !important} .elementor-element-da07e9d a{color:#fff !important} .elementor-element-142ecc6 ol li,.elementor-element-142ecc6 p strong,.elementor-element-142ecc6 p{color:#676767 !important} .elementor-element-9a0d87f ol li,.elementor-element-9a0d87f p strong,.elementor-element-9a0d87f p{color:#676767 !important} .elementor-element-2fb4b814 .et-tab-title{color:#686868 !important} /* ============================================================================ * design.css — the elevation layer (DESIGN.md). Emitted LAST in every bundle: * equal-specificity rules here win the cascade over the legacy XStore look. * Tokens first; global systems; then per-page passes scoped by body class * (arena-page-home / -menu / -igroteka / -za-nas / -kontakt). * ========================================================================== */ :root{ /* palette — sampled from the site's own photography (DESIGN.md §1) */ --noir:#1A1512; --smoke:#4A423A; --stone:#EDE7DD; --linen:#F8F5EF; --gold:#B09248; --gold-deep:#8B7339; --gold-text:#7A6632; /* AA on linen AND stone (text usage; --gold-deep stays for button bg under white) */ /* spacing (8-based) */ --s2:8px; --s3:16px; --s4:24px; --s5:32px; --s6:48px; --s7:64px; --s8:96px; /* radii — --r-l is the igroteka-only "playground" tier */ --r-s:4px; --r-m:10px; --r-l:18px; /* warm-tinted elevation */ --sh-1:0 2px 10px rgba(26,21,18,.08); --sh-2:0 10px 28px rgba(26,21,18,.16); --sh-3:0 18px 48px rgba(26,21,18,.28); /* motion — ONE system (ship round): every interaction 250–400ms on the same * ease-out curve; slideshow crossfades/autoplay cadences are timing, not * interaction easing, and keep their measured values */ --t-fast:250ms; --t-med:300ms; --t-slow:400ms; --ease:cubic-bezier(.22,1,.36,1); /* type scale */ --fs-h1:clamp(2.2rem, 1.4rem + 3.2vw, 4rem); --fs-h2:clamp(1.7rem, 1.2rem + 2vw, 2.6rem); --fs-h3:clamp(1.25rem, 1.05rem + .8vw, 1.6rem); --fs-b:clamp(.95rem, .9rem + .25vw, 1.06rem); --container:1200px; /* the category pill bar is allowed a little wider than the text container so * all 13 labels fit on one line at desktop widths (see .arena-catnav-track) */ --catnav-max:1340px; /* clearance the enhancer leaves around the active chip when it scrolls it * into the strip (arena.js arenaCatnavReveal) — shared with scroll-padding */ --catnav-gutter:28px; } /* ---------------------------------------------------------------- base ---- */ body{background:var(--linen)} ::selection{background:var(--gold);color:#fff} :focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;border-radius:2px} /* --------------------------------------------------- signature: crest rule - * The one motif (DESIGN.md §4): a short centered gold rule with a diamond at * its center. Applied via .arena-rule on section headings per page pass. */ .arena-rule{position:relative;padding-bottom:18px} .arena-rule::after{ content:"";position:absolute;left:50%;bottom:6px;transform:translateX(-50%); width:64px;height:2px;background:var(--gold); } .arena-rule::before{ content:"";position:absolute;left:50%;bottom:2px;transform:translateX(-50%) rotate(45deg); width:8px;height:8px;background:var(--gold); } .arena-rule--left{padding-bottom:18px} .arena-rule--left::after{left:0;transform:none} .arena-rule--left::before{left:28px;transform:rotate(45deg)} /* ------------------------------------------------------- unified buttons -- */ .elementor-button, .ah-btn, .wpcf7-form-control.wpcf7-submit, .arena-map-open{ background-color:var(--gold-deep) !important; color:#fff !important; border:0 !important; border-radius:var(--r-s); padding:14px 34px; font-family:"Open Sans",sans-serif; font-size:.82rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),background-color var(--t-med) var(--ease); } .elementor-button:hover,.ah-btn:hover,.wpcf7-form-control.wpcf7-submit:hover,.arena-map-open:hover{ background-color:var(--gold) !important; transform:translateY(-2px); box-shadow:var(--sh-2); } /* ------------------------------------------------------------- forms ------ */ .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form input[type="number"], .wpcf7-form select, .wpcf7-form textarea{ background:#fff; color:var(--smoke); border:1px solid rgba(74,66,58,.25); border-radius:var(--r-s); padding:12px 14px; transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease); } .wpcf7-form input:focus,.wpcf7-form select:focus,.wpcf7-form textarea:focus{ border-color:var(--gold-deep); box-shadow:0 0 0 3px rgba(139,115,57,.18); outline:none; } .arena-form-status{border-radius:var(--r-s);font-family:"Open Sans",sans-serif} /* ------------------------------------------------- menu category pill bar - * Server-rendered from the existing tab anchors (content unchanged). Lives * off-canvas above the viewport; the enhancer slides it in only once the * category picture grid is scrolled past — while the grid is visible the grid * itself is the navigation. Never in flow → zero CLS by construction. */ .arena-catnav{ position:fixed;left:0;right:0;top:0; z-index:980; padding:8px 12px; pointer-events:none; transform:translateY(-130%); visibility:hidden; transition:transform var(--t-med) var(--ease),top var(--t-fast) var(--ease),visibility 0s var(--t-med); } .arena-catnav.is-stuck{ transform:translateY(0); visibility:visible; transition:transform var(--t-med) var(--ease),top var(--t-fast) var(--ease); } /* the visual bar + scroll surface. width:fit-content so the bar hugs its pills * and stays centred instead of stretching into a full-width slab; the cap lets * all 13 categories sit on one line on desktop (no half-sliced label), and only * below ~1295px does it become the horizontal scroller it is on phones. Where it * DOES scroll, arena.js keeps the active chip inside the strip — measured, not * media-queried, because the clipping is continuous across widths. */ .arena-catnav-track{ pointer-events:auto; width:fit-content; max-width:min(var(--catnav-max), calc(100vw - 24px));margin:0 auto; background:rgba(26,21,18,.95); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); border-radius:14px; box-shadow:var(--sh-2); /* inline padding >= the 14px corner radius: at either end of the scroll the * last/first pill has to stop clear of the rounded corner, or the curve bites * into the gold active pill and it reads as sliced off even though it is * technically 100% inside the box. This padding is also the end gutter — * scrollLeft clamps at scrollWidth-clientWidth, so trailing space can only * come from the scroller's own end padding, never from the scroll math. */ padding:7px 16px; display:flex;gap:4px; overflow-x:auto;scrollbar-width:none; scroll-snap-type:x proximity; scroll-padding-inline:var(--catnav-gutter); } .arena-catnav-track::-webkit-scrollbar{display:none} /* overflow fade masks: same-color gradients OVER the track edges (crisp bar * corners stay); the enhancer toggles them off at the hard ends */ .arena-catnav::before,.arena-catnav::after{ content:"";position:absolute;top:8px;bottom:8px;width:44px;z-index:2;pointer-events:none; opacity:0;transition:opacity var(--t-fast) var(--ease); } .arena-catnav::before{ left:max(12px, calc((100vw - var(--catnav-max)) / 2)); border-radius:14px 0 0 14px; background:linear-gradient(90deg,rgba(26,21,18,.96) 20%,rgba(26,21,18,0)); } .arena-catnav::after{ right:max(12px, calc((100vw - var(--catnav-max)) / 2)); border-radius:0 14px 14px 0; background:linear-gradient(270deg,rgba(26,21,18,.96) 20%,rgba(26,21,18,0)); } .arena-catnav.can-left::before{opacity:1} .arena-catnav.can-right::after{opacity:1} .arena-catnav a{ flex:0 0 auto; scroll-snap-align:start; color:rgba(255,255,255,.92); font-family:"Open Sans",sans-serif; font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase; padding:10px 12px;border-radius:999px; text-decoration:none; transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease); } .arena-catnav a:hover{color:var(--gold)} .arena-catnav a.is-active{background:var(--gold-deep);color:#fff} @media (max-width:767px){ .arena-catnav{padding:6px 8px} .arena-catnav::before{left:8px} .arena-catnav::after{right:8px} .arena-catnav a{padding:12px 15px;font-size:.74rem} /* comfortable thumb height */ } /* ------------------------------------------- promo/phone strip ------------- * The header rotator is left as the original theme drew it — plain text over * the page hero, no scrim pill (an earlier noir-pill treatment was reverted at * the owner's request; it only made the strip look boxed-in). The rotation fix * (opacity crossfade, no wrapper translate) lives in port.css + arena.js. */ /* --------------------------------------------------- lightbox (ship round) - * Gallery viewer on : fullscreen .92 backdrop, image ≤90vw/≤85vh, * fade+scale in/out (reduced-motion: fade only), chip arrows + counter. * margin/width/height are explicit — the *{margin:0} reset kills the UA's * dialog{margin:auto} centering. */ .arena-lightbox{ position:fixed;inset:0;margin:auto; width:fit-content;height:fit-content;max-width:none;max-height:none; border:0;background:transparent;padding:0;overflow:visible; } .arena-lightbox::backdrop{background:rgba(0,0,0,.92)} .arena-lightbox figure{margin:0} .arena-lightbox img{ display:block;max-width:90vw;max-height:85vh; border-radius:var(--r-s); box-shadow:0 30px 90px rgba(0,0,0,.6); transition:opacity var(--t-fast) var(--ease); } .arena-lightbox.is-swapping img{opacity:0} @keyframes arenaLbIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}} @keyframes arenaLbOut{to{opacity:0;transform:scale(.96)}} @keyframes arenaLbFade{from{opacity:0}to{opacity:1}} @media (prefers-reduced-motion: no-preference){ .arena-lightbox[open]{animation:arenaLbIn var(--t-fast) var(--ease)} .arena-lightbox[open]::backdrop{animation:arenaLbFade var(--t-fast) ease} .arena-lightbox.is-closing{animation:arenaLbOut 200ms var(--ease) both} .arena-lightbox.is-closing::backdrop{animation:arenaLbFade 200ms ease reverse both} } @media (prefers-reduced-motion: reduce){ .arena-lightbox[open]{animation:arenaLbFade var(--t-fast) ease} .arena-lightbox.is-closing{animation:arenaLbFade 150ms ease reverse both} } .arena-lb-btn{ position:fixed;z-index:2; display:flex;align-items:center;justify-content:center; width:48px;height:48px;border-radius:50%;border:0; background:rgba(255,255,255,.14);color:#fff;cursor:pointer; font-size:26px;line-height:1; transition:background-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease); } .arena-lb-btn:hover{background:var(--gold-deep)} .arena-lb-btn svg{width:20px;height:20px;fill:currentColor} .arena-lb-close{top:16px;right:16px} .arena-lb-prev{left:16px;top:calc(50% - 24px)} .arena-lb-next{right:16px;top:calc(50% - 24px)} .arena-lb-count{ position:fixed;left:50%;transform:translateX(-50%);bottom:18px; color:rgba(255,255,255,.85); font-family:"Open Sans",sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.12em; } .arena-lightbox.is-single .arena-lb-prev, .arena-lightbox.is-single .arena-lb-next, .arena-lightbox.is-single .arena-lb-count{display:none} body.arena-lb-lock{overflow:hidden} @media (max-width:767px){ .arena-lb-prev{left:8px} .arena-lb-next{right:8px} .arena-lb-close{top:10px;right:10px} } /* ---------------------------------------------- scroll-to-top (enhancer) -- * White chip, gold arrow, ring fills with scroll progress. Sits above the * mobile bottom panel on small screens. */ .arena-totop{ position:fixed;right:22px;bottom:26px; width:48px;height:48px;border-radius:50%; background:#fff;border:0;cursor:pointer; z-index:9900; box-shadow:var(--sh-2); display:flex;align-items:center;justify-content:center; opacity:0;visibility:hidden;transform:translateY(14px); transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease),visibility 0s var(--t-med),background-color var(--t-fast) var(--ease); } .arena-totop.is-visible{ opacity:1;visibility:visible;transform:none; transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease),background-color var(--t-fast) var(--ease); } .arena-totop-ring{position:absolute;inset:1px;transform:rotate(-90deg)} .arena-totop-ring circle{fill:none;stroke-width:2.5} .arena-totop-track{stroke:rgba(26,21,18,.12)} .arena-totop-bar{stroke:var(--gold-deep);stroke-linecap:round;transition:stroke-dashoffset .15s linear} .arena-totop-arrow{width:18px;height:18px;fill:var(--gold-deep);transition:fill var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)} .arena-totop:hover{background:var(--gold-deep)} .arena-totop:hover .arena-totop-arrow{fill:#fff;transform:translateY(-1px)} .arena-totop:hover .arena-totop-track{stroke:rgba(255,255,255,.25)} .arena-totop:hover .arena-totop-bar{stroke:#fff} @media (max-width:991px){ .arena-totop{right:16px;bottom:78px} /* clear the fixed mobile bottom panel */ } /* ------------------------------------------------------- map (kontakt) ---- */ .arena-map-facade{background:var(--stone)} .arena-map-facade iframe{filter:grayscale(.15) sepia(.06);transition:filter var(--t-slow) var(--ease)} .arena-map-facade:hover iframe{filter:none} /* ============================== PAGE PASSES =============================== */ /* ---- home ---------------------------------------------------------------- */ /* welcome + section headings carry the crest rule (set via arena.js hook) */ /* reservation form floats on a linen card over the dark photo section; * labels were styled white for the old photo background — recolor for the card */ body.arena-page-home .wpcf7-form{ background:var(--linen); border-radius:var(--r-m); box-shadow:var(--sh-3); padding:var(--s5) var(--s5) var(--s4); color:var(--smoke); } body.arena-page-home .wpcf7-form label, body.arena-page-home .wpcf7-form b, body.arena-page-home .wpcf7-form p{color:var(--smoke) !important} .wpcf7-form select{padding:12px 8px;height:auto;min-height:46px} .wpcf7-form input[type="time"],.wpcf7-form input[type="date"]{min-height:46px} /* home collage (etheme parallax images): card treatment — radius + warm * shadow + the standard lift; the drifting layers stay calm (no inner zoom) */ .etheme-parallax-scroll_effects img{border-radius:var(--r-m);box-shadow:var(--sh-2)} .elementor-widget-image:has(.etheme-parallax-scroll_effects):hover img{transform:none} /* links: gold underline slide (content + footer links that had no hover) */ .elementor-widget-text-editor a:not(.elementor-button), footer .menu a, .footer-widgets a{ background-image:linear-gradient(var(--gold), var(--gold)); background-repeat:no-repeat;background-position:0 100%;background-size:0 1px; transition:background-size var(--t-fast) var(--ease),color var(--t-fast) var(--ease); } .elementor-widget-text-editor a:not(.elementor-button):hover, footer .menu a:hover, .footer-widgets a:hover{background-size:100% 1px} /* accessory pass (one removed per page): * home — the dark «Повелете» icon-boxes no longer nudge on hover (text on a * photo shouldn't bounce); menu — category tiles keep lift+shadow but drop the * title recolor; igroteka — FAQ hover is border-only (above); za-nas — collage * images excluded from the generic zoom (above); kontakt — the map keeps its * warm tone (no hover color-in). */ .elementor-element-b9b4950 .elementor-widget-icon-box:hover .elementor-icon{transform:none} body.arena-page-menu .et-tab-nav:hover .et-tab-title{color:inherit} body.arena-page-kontakt .arena-map-facade:hover iframe{filter:grayscale(.15) sepia(.06)} /* popular-menu category cards: uniform ratio + ONE hover (lift+shadow only — * the remove-one-accessory pass dropped the inner image zoom on these cards) */ body.arena-page-home .et-tab-nav, body.arena-page-menu .et-tab-nav{border-radius:var(--r-s);overflow:hidden} body.arena-page-home .et-tab-nav img, body.arena-page-menu .et-tab-nav img{aspect-ratio:3/2;object-fit:cover;width:100%} body.arena-page-home .et-tab-nav:hover, body.arena-page-menu .et-tab-nav:hover{transform:translateY(-4px);box-shadow:var(--sh-2)} body.arena-page-home .et-tab-nav:hover img, body.arena-page-menu .et-tab-nav:hover img{transform:none} /* ---- menu: the site's original menu look, restored ----------------------- * The owner kept the NEW data but wanted the ORIGINAL styling back (the dark * print column "wasn't blending"). Same cream page, centered Playfair heading * with the gold crest rule, two-column rows of name · dotted leader · gold * price, muted description beneath. Values traced from the original render: * heading 40px Playfair #1a1a1a centred; title 18px Open Sans #555; price * #7a6632 700; no per-item images. Markup: scripts/gen-menu-page.mjs. */ /* NOTE: this section is nested inside Elementor's already-centred 1140px * column — it is NOT full-bleed. It used to carry a viewport gutter * (max(16px, (100vw - container)/2)), which on wide monitors subtracted the * page gutter a second time and crushed the rows to a few characters wide * (809px of grid at 1531px, 240px at 2100px, 0 at 2560px). Plain gutter only. */ .arena-mcat{margin:0 auto;max-width:var(--container);padding:0 16px} .arena-mcat+.arena-mcat{margin-top:var(--s6)} .arena-mcat-title{ text-align:center; font-family:"Playfair Display",serif;font-weight:400; font-size:clamp(1.9rem, 1.4rem + 1.8vw, 2.5rem); color:#1a1a1a; margin:0 0 var(--s5);padding-bottom:18px;position:relative; } .arena-mcat-title::after{content:"";position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:64px;height:2px;background:var(--gold)} .arena-mcat-title::before{content:"";position:absolute;left:50%;bottom:2px;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:var(--gold)} /* the ПИЈАЛОЦИ group banner between food and drinks */ .arena-mgroup{ text-align:center;font-family:"Playfair Display",serif;font-weight:400; font-size:clamp(1.7rem,1.3rem + 1.6vw,2.3rem);letter-spacing:.06em; color:var(--gold-deep);margin:var(--s6) auto var(--s5);max-width:var(--container); padding:var(--s5) 0 0;border-top:1px solid rgba(176,146,72,.35); } /* two-column grid (the live site floated products 50%); sub-headings span both */ .arena-mgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s7);row-gap:22px} .arena-msub{grid-column:1/-1;margin:10px 0 2px;text-align:center; font-family:"Open Sans",sans-serif;font-weight:700;font-size:.78rem; letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)} .arena-mi{min-width:0} .arena-mi-row{display:flex;align-items:baseline;gap:8px} .arena-mi-name{font-family:"Open Sans",sans-serif;font-size:1.02rem;color:#555;font-weight:600;flex:0 1 auto;min-width:0} .arena-mi-dots{flex:1 1 auto;min-width:20px;border-bottom:1px dotted rgba(85,85,85,.4);transform:translateY(-4px)} .arena-mi-price{flex:0 0 auto;font-family:"Open Sans",sans-serif;font-weight:700;color:var(--gold-text);white-space:nowrap} .arena-mi-desc{font-family:"Open Sans",sans-serif;font-size:.86rem;line-height:1.5;color:var(--smoke);margin:3px 0 0} /* heading anchors land clear of the fixed chrome */ .arena-mcat[id]{scroll-margin-top:130px} @media (max-width:767px){ .arena-mgrid{grid-template-columns:1fr;column-gap:0;row-gap:18px} .arena-mcat+.arena-mcat{margin-top:var(--s5)} } /* ---- igroteka: the rounded "playground" tier ----------------------------- */ body.arena-page-igroteka .elementor-section .elementor-widget-image img{border-radius:var(--r-l)} body.arena-page-igroteka .elementor-accordion .elementor-tab-title, body.arena-page-igroteka .elementor-toggle .elementor-tab-title{ background:var(--stone); border-radius:var(--r-m); transition:background-color var(--t-fast) var(--ease); } body.arena-page-igroteka .elementor-accordion .elementor-tab-title:hover{background:#E4DCCC} /* FAQ accordion rebuilt (ship round). The markup is Elementor's nested * accordion (native
/) — the answer now lives INSIDE its * bordered card, one card per question, chevron rotates, quiet hover. * The enhancer adds one-open-at-a-time + the height animation (.is-open is * toggled immediately so the chevron never lags the close animation). */ body.arena-page-igroteka .e-n-accordion{display:flex;flex-direction:column;gap:14px} body.arena-page-igroteka .e-n-accordion-item{ display:block; /* the theme leaves
as a flex container — heights collapse */ background:#fff; border:1px solid rgba(176,146,72,.32); border-radius:var(--r-m); overflow:hidden; transition:border-color var(--t-fast) var(--ease); } body.arena-page-igroteka .e-n-accordion-item > [role="region"]{display:block} /* hover: border only — the accessory pass dropped the shadow tier here */ body.arena-page-igroteka .e-n-accordion-item:hover{border-color:var(--gold)} body.arena-page-igroteka .e-n-accordion-item-title{ display:flex;align-items:center;justify-content:space-between;gap:16px; padding:18px 22px; cursor:pointer;list-style:none; font-family:"Open Sans",sans-serif;font-weight:700;color:var(--noir); background:transparent; transition:background-color var(--t-fast) var(--ease); } body.arena-page-igroteka .e-n-accordion-item-title::-webkit-details-marker{display:none} body.arena-page-igroteka .e-n-accordion-item-title:hover{background:var(--linen)} /* the theme css re-orders the title row (icon left, text pushed right) — * force reading order: question left, chevron right */ body.arena-page-igroteka .e-n-accordion-item-title-header{order:0;flex:1 1 auto;text-align:left} body.arena-page-igroteka .e-n-accordion-item-title-text{text-align:left} body.arena-page-igroteka .e-n-accordion-item-title-icon{flex:0 0 auto;display:flex;order:1} body.arena-page-igroteka .e-n-accordion-item-title-icon .e-opened{display:none} body.arena-page-igroteka .e-n-accordion-item-title-icon .e-closed{ display:flex;transition:transform var(--t-med) var(--ease); } body.arena-page-igroteka .e-n-accordion-item.is-open .e-n-accordion-item-title-icon .e-closed, body.arena-page-igroteka .e-n-accordion-item[open]:not(.is-closing) .e-n-accordion-item-title-icon .e-closed{transform:rotate(180deg)} body.arena-page-igroteka .e-n-accordion-item-title-icon svg{width:14px;height:14px;fill:var(--gold-deep)} /* the answer region: flat inside the card — no nested box chrome, no phantom * padding boxes (the "stray empty boxes" were the raw e-con paddings) */ body.arena-page-igroteka .e-n-accordion-item > [role="region"]{ padding:2px 22px 20px !important;border:0 !important;margin:0 !important; } body.arena-page-igroteka .e-n-accordion-item [role="region"] .e-con, body.arena-page-igroteka .e-n-accordion-item [role="region"] .e-con-inner, body.arena-page-igroteka .e-n-accordion-item [role="region"] .elementor-widget, body.arena-page-igroteka .e-n-accordion-item [role="region"] .elementor-widget-container{ padding:0 !important;margin:0 !important;border:0 !important; min-height:0 !important;width:100% !important;max-width:100% !important; background:none !important;box-shadow:none !important; } body.arena-page-igroteka .e-n-accordion-item [role="region"] p{margin:0 0 6px;color:var(--smoke)} /* rules card (af80366): the gold-bordered column stretched to the full section * height, leaving a tall empty box above/below its content — hug the content */ body.arena-page-igroteka .elementor-element-af80366 > .elementor-container{align-items:center} body.arena-page-igroteka .elementor-element-af80366 .elementor-column .elementor-widget-wrap{align-content:center} /* stray truly-empty column */ body.arena-page-igroteka .elementor-element-66cb4a5{display:none} /* closing SEO block («Најмодерна Детска Игротека…»): the live page left the * H3 raw (left-aligned Roboto Slab) floating in dead air before the phone * strip — recomposed as a deliberate centered sign-off */ body.arena-page-igroteka .elementor-element-edc1029 .e-con-inner{padding-top:var(--s6);padding-bottom:var(--s6)} body.arena-page-igroteka .elementor-element-7be007a .elementor-heading-title{ text-align:center; font-family:"Open Sans",sans-serif; font-size:.85rem; line-height:1.5; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-text); margin-top:6px; } body.arena-page-igroteka .elementor-element-c76920b{margin-bottom:var(--s6)} /* ---- za-nas: editorial breathing room ------------------------------------ */ body.arena-page-za-nas .elementor-section .elementor-widget-image img{border-radius:var(--r-m)} /* ---- kontakt ------------------------------------------------------------- */ body.arena-page-kontakt .wpcf7-form{ background:var(--stone); border-radius:var(--r-m); padding:var(--s5); box-shadow:var(--sh-1); } /* kontakt: the map is the hero. The theme's transparent overlap header collided * with map labels — here (only) the header gets a solid noir surface in normal * flow, and the map strip fills its section exactly (no offset, no black band). * The sticky-on rules (#header scope) still win when scrolled. */ body.arena-page-kontakt .header-wrapper{position:relative;background-color:var(--noir)} /* on the solid noir header the ledger's dark text-gold fails AA — the light * brand gold is the correct current/hover color there (5.6:1 on noir) */ body.arena-page-kontakt .header-main-menu.et_element-top-level .menu>li>a:hover, body.arena-page-kontakt .header-main-menu.et_element-top-level .menu>.current-menu-item>a{color:var(--gold) !important} body.arena-page-kontakt .mobile-header-wrapper{position:relative;background-color:var(--noir)} body.arena-page-kontakt .arena-map-facade{position:relative;top:0 !important;margin:0 !important;height:100% !important;min-height:430px} body.arena-page-kontakt .arena-map-facade img{object-position:center} body.arena-page-kontakt .elementor-section:has(.arena-map-facade){background-color:var(--stone) !important} /* ============================ MOTION (Phase 4) ============================ */ /* reveals: ≤16px translate, --t-slow, fire once (arena.js drives the class) */ @media (prefers-reduced-motion: no-preference){ .arena-anim{opacity:0} .arena-anim-in{animation-duration:var(--t-slow);animation-timing-function:var(--ease);animation-fill-mode:both} } /* hero entrance orchestration: eyebrow → heading → CTA, staggered once. * OPACITY ONLY — the layers are laid out with transforms; a transform keyframe * would tear them out of position (caught in the Phase 5 review loop). */ @media (prefers-reduced-motion: no-preference){ .ah-slide.is-active .ah-eyebrow{animation:arenaFadeIn var(--t-slow) var(--ease) both} .ah-slide.is-active .ah-head{animation:arenaFadeIn var(--t-slow) var(--ease) 120ms both} .ah-slide.is-active .ah-btn{animation:arenaFadeIn var(--t-slow) var(--ease) 240ms both} } /* retuned reveal keyframes (override port.css 40px versions — ≤16px, Phase 4) */ @keyframes arenaFadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}} @keyframes arenaFadeInDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}