@font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.swiper-container{max-height:100%;overflow:hidden}.swiper-container .item{margin-bottom:0!important;box-shadow:0 0 15px rgba(0,0,0,0.07)!important}.swiper-pagination{position:absolute;width:100%;left:0;text-align:center;display:block;padding:0;margin:0}.swiper-pagination span{transition:0.3s;list-style-type:none;outline:0;width:25px;height:25px;border-radius:50%;text-align:center;position:relative;display:inline-block;cursor:pointer;border:1px solid transparent;background:none;opacity:1;margin:0 -1px!important}.swiper-pagination span:hover{transition:0.3s}.swiper-pagination span:hover:after{transition:0.3s;background:#0080bb;border-color:#0080bb}.swiper-pagination span.swiper-pagination-bullet-active{transition:0.3s;border-color:#8f8f8f}.swiper-pagination span:after{transition:0.3s;content:"";background:#8f8f8f;width:11px;height:11px;display:block;border-radius:50%;margin:6px auto}.swiper-slide{max-width:20%;min-width:200px;display:inline-block}@media only screen and (max-width:1380px) and (min-width:1200px){.swiper-slide{max-width:25%}}.swiper-button-next,.swiper-button-prev{color:#8f8f8f!important;outline:0!important;top:0!important;z-index:auto!important;margin-top:-2px!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:26px!important;font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0!important;left:auto!important}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:inherit!important;right:30px!important}@media only screen and (max-width:1200px){.swiper-slide{max-width:initial!important;min-width:initial!important}}@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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:0.3s opacity;transform:translate3d(0,0,0);z-index:auto}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:0.2s transform,0.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:0.2s transform,0.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:0.2s transform,0.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{to{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-pagination{position:inherit!important;margin:15px 0 0 0;bottom:0!important}@font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.swiper-pagination{position:absolute;width:100%;left:0;text-align:center;display:block;padding:0;margin:0}.swiper-pagination span{transition:.3s;list-style-type:none;outline:0;width:25px;height:25px;border-radius:50%;text-align:center;position:relative;display:inline-block;cursor:pointer;border:1px solid transparent;background:none;opacity:1;margin:0 !important}.swiper-pagination span:hover:after{transition:.3s;background:#0080bb}.swiper-pagination span.swiper-pagination-bullet-active{transition:.3s;border-color:#8f8f8f}.swiper-pagination span:after{transition:.3s;content:"";background:#8f8f8f;width:11px;height:11px;display:block;border-radius:50%;margin:6px auto}.swiper-slide{max-width:20%;display:flex}.swiper-button-next,.swiper-button-prev{color:#8f8f8f !important;outline:0 !important;top:30px !important;z-index:3 !important}.swiper-button-next:after,.swiper-button-prev:after{font-size:30px !important}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0 !important;left:auto !important}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:inherit !important;right:40px !important}.otherModel{position:relative;float:left;width:100%} @font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.commentModal{text-align:left}.commentModal .modalTitle{position:initial !important}.commentsList{text-align:center}.commentsList .form-message{text-align:left}.commentsList .topComment{padding-bottom:15px;text-align:left}.commentsList .topComment .d-flex{line-height:35px}.commentsList .topComment h3{font:22px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin:0;color:#1b1e1f !important;line-height:25px}@media only screen and (max-width: 1200px){.commentsList .topComment h3{font-size:18px;line-height:22px}}.commentsList .topComment span{font:22px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin-right:20px}@media only screen and (max-width: 1200px){.commentsList .topComment span{font-size:18px;margin-right:10px;line-height:36px}}.commentsList .topComment ul{padding:0;margin:0 20px 0 0}.commentsList .topComment ul li{list-style-type:none;display:inline-block}.commentsList .topComment ul li.active i{color:#0080bb}.commentsList .topComment ul li i{font-size:20px;color:#8f8f8f}@media only screen and (max-width: 1200px){.commentsList .topComment ul li i{font-size:15px}}.commentsList .topComment small{font-size:14px}.commentsList .comList{float:left;width:100%;position:relative;padding:22px 0 22px 80px;border-top:1px solid #eee;display:flex;align-items:center}@media only screen and (max-width: 767px){.commentsList .comList{display:initial !important}}.commentsList .comList .nameFirst{background-color:#f1f1f1;width:61px;height:61px;border-radius:50%;position:absolute;left:0;text-align:center;display:flex;align-items:center;justify-content:center}.commentsList .comList .nameFirst i{color:#0c3b5d;font:25px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";opacity:.32}.commentsList .comList .people{font:17px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:40px;min-width:170px;display:flex;align-items:center}@media only screen and (min-width: 768px)and (max-width: 1200px){.commentsList .comList .people{min-width:120px}}.commentsList .comList .people small{display:block;font-size:14px;margin:-20px 0 0 0}.commentsList .comList .comText{font-size:15px;color:#1b1e1f;display:flex;align-items:center;text-align:left;padding-left:20px}@media only screen and (max-width: 767px){.commentsList .comList .comText{padding-left:0}}.commentsList .comList .comText ul{padding:0;margin:0 0 5px 0}.commentsList .comList .comText ul li{list-style-type:none;display:inline-block}.commentsList .comList .comText ul li.active i{color:#0080bb}.commentsList .comList .comText ul li i{font-size:14px;color:#8f8f8f}.commentsList .comList .comText p{font-size:15px;color:#1b1e1f}.commentsList .comList .comText p:last-child{margin-bottom:0}.commentsList .newComment{display:inline-block;text-align:center;margin:20px auto 0 auto}.commentsList .newComment a,.commentsList .newComment button{transition:.3s;background:none;outline:0;border:1px solid #dedede;border-radius:25px;font-size:15px;color:#1b1e1f;padding:8px 38px;display:inline-block}.commentsList .newComment a:hover,.commentsList .newComment button:hover{transition:.3s;border-color:#1b1e1f}.commentsList .newComment a i,.commentsList .newComment button i{font-size:20px;transform:translate(-2px, 2px)}.accordion .card{border-radius:0;margin:0 0 5px 0;border:none;background:transparent}.accordion .card .card-header{padding:5px 0;background:none;border-radius:0;border:none}.accordion .card .card-header h5{padding:0;font:15px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;text-decoration:none;text-align:left;position:relative}.accordion .card .card-header button[aria-expanded=true]:before,.accordion .card .card-header button[aria-expanded=true]:after{transition:.2s;transform:rotate(180deg)}.accordion .card .card-header button[aria-expanded=true]:after{display:none}.accordion .card .card-header button{padding:0 0 0 22px;font:15px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;text-decoration:none;text-align:left;display:block;width:100%;padding-right:30px;position:relative}.accordion .card .card-header button:before{transition:.2s;content:"";width:14px;height:2px;display:block;background:#0080bb;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.accordion .card .card-header button:after{transition:.2s;content:"";width:2px;height:14px;display:block;background:#0080bb;position:absolute;left:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.accordion .card .card-body{font:14px overpass-light,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;padding:5px 22px}.productDetailNew{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.07);padding:35px 50px;float:left;width:100%}@media only screen and (max-width: 767px){.productDetailNew{padding:25px}}@media only screen and (min-width: 768px)and (max-width: 1200px){.productDetailNew{padding:35px}}@media only screen and (min-width: 1023px)and (max-width: 1200px){.productDetailNew .carousel-inner{width:100%}.productDetailNew .carousel-inner .videoImage i{transform:translate(-50%, -50%) scale(0.8) !important}}@media only screen and (min-width: 768px)and (max-width: 1023px){.productDetailNew .carousel-inner{width:100%}.productDetailNew .carousel-inner .videoImage i{transform:translate(-50%, -50%) scale(0.8) !important}}@media only screen and (max-width: 767px){.productDetailNew .carousel-inner{width:100%}.productDetailNew .carousel-inner .videoImage i{transform:translate(-50%, -50%) scale(0.8) !important;font-size:30px !important;width:60px !important;height:60px !important;padding:17px !important}.productDetailNew .carousel-inner .videoName{font-size:14px !important;line-height:18px !important}}.leftContent{width:calc(100% - 400px);float:left}@media only screen and (max-width: 767px){.leftContent{width:100%}}@media only screen and (min-width: 768px)and (max-width: 1200px){.leftContent{width:calc(100% - 220px);padding-right:50px}}.rightContent{width:290px;float:right}@media only screen and (max-width: 767px){.rightContent{width:100%;margin:30px 0 0 0}}@media only screen and (min-width: 768px)and (max-width: 1200px){.rightContent{width:220px}}@media only screen and (max-width: 767px){.ratings ul li i{font-size:15px !important}}.ratings span{font:18px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin-right:20px;min-width:102px}.ratings span i{font:18px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.ratings ul{padding:0;margin:0}.ratings ul li{list-style-type:none;display:inline-block;position:relative;cursor:pointer}.ratings ul li:hover span{transition:.3s;opacity:1;pointer-events:all}.ratings ul li.active i{color:#0080bb}.ratings ul li i{font-size:20px;color:#8f8f8f}.ratings ul li span{transition:.3s;opacity:0;pointer-events:none;margin:0;position:absolute;top:-20px;width:100%;text-align:center;font-size:12px;background:#0080bb;border-radius:4px;color:#fff;left:0;min-width:inherit}@media only screen and (min-width: 768px)and (max-width: 1023px){.tmp_12{height:auto !important;max-height:inherit !important}} @font-face { font-family: "overpass-semibold"; src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-bold"; src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-light"; src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-regular"; src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-black"; src: url("../fonts/Overpass-Black.eot"); src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Credit Card"; src: url("../fonts/CreditCard.eot"); src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .compareList { -webkit-transition: 0.26s; transition: 0.26s; position: fixed; bottom: 0; background: #fff; width: 100%; left: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); padding: 40px 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); pointer-events: none; visibility: hidden; z-index: 8; } .compareList form { padding: 0; } @media only screen and (max-width: 767px) { .compareList { padding: 20px 0 10px 0; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .compareList { padding: 20px 0 10px 0; } } .compareList.active { -webkit-transition: 0.26s; transition: 0.26s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: inherit; visibility: inherit; } .compareList .mText { font: 20px/23px overpass-semibold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .compareList .list { float: left; width: calc(100% - 205px); padding: 0 40px; } @media only screen and (max-width: 1200px) and (min-width: 767px) { .compareList .list { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .compareList .list { width: 100%; padding: 0; } } @media only screen and (max-width: 767px) { .compareList .list { padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .compareList .list .item { float: left; width: 32%; margin-right: 5px; } @media only screen and (max-width: 1200px) and (min-width: 767px) { .compareList .list .item { width: 100%; margin: 0; max-width: 310px; } } @media only screen and (max-width: 767px) { .compareList .list .item { width: 100%; margin: 0 10px; max-width: 110px; } } .compareList .list .item:last-child { margin-right: 0; } @media only screen and (max-width: 1450px) and (min-width: 1100px) { .compareList .list .item .images { width: 100px !important; } .compareList .list .item .text { width: calc(100% - 100px) !important; } .compareList .list .item .text h3 { font-size: 16px !important; } .compareList .list .item .text span { font-size: 13px !important; } } .compareList .list .item .images { width: 140px; height: 75px; float: left; position: relative; } @media only screen and (max-width: 767px) { .compareList .list .item .images { width: auto; height: 55px; float: none; } } .compareList .list .item .images span.removeFilter { -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; position: absolute; width: 21px; height: 21px; background: #efefef; border-radius: 50%; right: 10px; top: -10px; border: 1px solid #dcdcdc; color: #707070; font-size: 18px; line-height: 20px; text-align: center; } .compareList .list .item .images span.removeFilter:hover { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1.1) rotate(90deg); -ms-transform: scale(1.1) rotate(90deg); transform: scale(1.1) rotate(90deg); color: #2B3484; } .compareList .list .item .images picture { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .compareList .list .item .images img { display: block; margin: 0 auto; max-height: 100%; } .compareList .list .item .text { line-height: 20px; display: table; height: 70px; width: calc(100% - 140px); float: left; } @media only screen and (max-width: 767px) { .compareList .list .item .text { height: auto; width: 100%; } } .compareList .list .item .text .name { display: table-cell; vertical-align: middle; } .compareList .list .item .text h3 { font-size: 17px; margin: 0 0 2px 0; color: #1B1E1F; } @media only screen and (max-width: 1200px) and (min-width: 767px) { .compareList .list .item .text h3 { font-size: 15px; } } @media only screen and (max-width: 767px) { .compareList .list .item .text h3 { font-size: 13px; text-align: center; } } .compareList .list .item .text span { font-size: 14px; display: block; color: #1B1E1F; } @media only screen and (max-width: 1200px) and (min-width: 767px) { .compareList .list .item .text span { display: none; font-size: 12px; } .compareList .list .item .text span:last-child { display: block; } } @media only screen and (max-width: 767px) { .compareList .list .item .text span { display: none; font-size: 12px; text-align: center; } .compareList .list .item .text span:last-child { display: block; } } .compareList .buttons { float: right; width: 205px; margin: 10px 0; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .compareList .buttons { width: 100%; margin-bottom: 0; } .compareList .buttons button, .compareList .buttons a { font-size: 14px; width: auto !important; display: block; margin: 0 auto; } .compareList .buttons button i.number, .compareList .buttons a i.number { font-size: 14px !important; } } @media only screen and (max-width: 767px) { .compareList .buttons { width: 100%; margin-bottom: 0; } .compareList .buttons span { max-width: 130px; margin: 0 auto; } .compareList .buttons i.number { font-size: 14px !important; } } .compareList .buttons button, .compareList .buttons a { width: 100%; text-wrap: nowrap; } .compareList .buttons button i.number, .compareList .buttons a i.number { font: 18px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin-left: 3px; } @media only screen and (max-width: 1200px) and (min-width: 767px) { .col-1 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 100%; display: none !important; } .col-11 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 100%; } } @media only screen and (max-width: 767px) { .col-1 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 100%; display: none !important; } .col-11 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 100%; } }@font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.detailContent{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.07);float:left;width:100%;padding:0 0 50px 0}.detailContent h3{font:23px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.detailContent .technicalTable table tr td:first-child{width:220px}@media only screen and (max-width: 767px){.detailContent .technicalTable table col{width:100% !important}.detailContent .technicalTable table tr td{font-size:16px !important;display:block;width:100% !important;height:auto !important;padding:10px 0 0 0 !important}.detailContent .technicalTable table tr td:first-child{border-top:0 !important;border-right:0 !important;border-bottom:0 !important;height:auto !important;width:100% !important}.detailContent .technicalTable table tr td:nth-child(2){border-top:0 !important;padding-bottom:10px !important;padding-top:0 !important}}@media only screen and (max-width: 767px){.detailContent .pageBankList{margin:0}}@media only screen and (max-width: 767px){.detailContent .pageBankList table{overflow:auto}}.detailContent .technicalTable,.detailContent .pageBankList{float:left;width:100%;padding:0 132px;margin:30px 0 0 0}@media only screen and (min-width: 1200px)and (max-width: 1400px){.detailContent .technicalTable,.detailContent .pageBankList{padding:0 70px}}@media only screen and (max-width: 1200px){.detailContent .technicalTable,.detailContent .pageBankList{padding:0 30px}}.detailContent .technicalTable table,.detailContent .pageBankList table{width:100% !important}.detailContent .technicalTable table tr,.detailContent .pageBankList table tr{height:auto !important}.detailContent .technicalTable table tr:first-child,.detailContent .pageBankList table tr:first-child{border-top:1px solid #d1d1d1}.detailContent .pageBankList{margin-top:30px} @font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.carousel{position:relative;width:100%;margin:0 auto;padding:0 35px;max-width:850px}@media only screen and (max-width: 767px){.carousel{padding:0 25px}}.carousel-indicators{position:initial;width:auto;margin:15px auto 0 auto;display:contents;text-align:center}.carousel-indicators li{width:11px;height:11px;border-radius:50%;background:#bebebe;border:none;opacity:1;margin:0 2px;display:inline-block}.carousel-indicators li.active{background-color:#0080bb}.carouselButtons{text-align:center;display:block;margin:0 auto;float:left;width:100%}.carouselButtons .carousel-control-prev{display:inline-block;position:inherit;padding:0;margin:0 12px 0 0;width:auto;opacity:1}.carouselButtons .carousel-control-prev span{display:none}.carouselButtons .carousel-control-prev:before{content:"";font-family:"Font Awesome 5 Pro";color:#bebebe;font-size:18px}.carouselButtons .carousel-control-next{display:inline-block;position:inherit;padding:0;margin:0 0 0 12px;width:auto;opacity:1}.carouselButtons .carousel-control-next span{display:none}.carouselButtons .carousel-control-next:before{content:"";font-family:"Font Awesome 5 Pro";color:#bebebe;font-size:18px}.carousel-inner .carousel-item h4{margin:0 0 15px 0;font:22px/27px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";letter-spacing:-1px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width: 767px){.carousel-inner .carousel-item h4{font:18px/20px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}}.carousel-inner .carousel-item .videoImage{height:auto;position:relative}.carousel-inner .carousel-item .videoImage:hover i{transition:.3s;transform:translate(-50%, -70%)}.carousel-inner .carousel-item .videoImage i{transition:.3s;position:absolute;top:50%;left:50%;background:rgba(255,255,255,.87);font-size:40px;transform:translate(-50%, -50%);color:#1b1e1f;box-shadow:0 0 15px rgba(0,0,0,.07);border-radius:50%;width:80px;height:80px;padding:21px 25px}.carousel-inner .carousel-item .videoImage img{width:100%;height:100%;object-fit:cover}.carousel-inner .carousel-item iframe{height:450px;width:100%;display:none}.carousel-inner .carousel-item .videoName{text-align:center;margin:15px auto;font-size:16px;color:#1b1e1f;float:left;width:100%;line-height:23px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:88px}@media only screen and (max-width: 1023px)and (min-width: 768px){.carousel-inner .carousel-item .videoName{font-size:14px;line-height:19px}}@media only screen and (max-width: 767px){.carousel-inner .carousel-item .videoName{height:auto !important}}.arrowBox{margin:0 !important}.arrowBox a{position:absolute !important;bottom:inherit !important;top:50%;transform:translateY(-100%)}@media only screen and (max-width: 767px){.arrowBox a{transform:inherit;top:100px}}.arrowBox a:before{font-size:35px !important}@media only screen and (max-width: 767px){.arrowBox a:before{font-size:26px !important}}.fancybox-toolbar{display:block !important}.fancybox-toolbar button{background:#000 !important;color:#fff !important} @charset "UTF-8"; @font-face { font-family: "overpass-semibold"; src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-bold"; src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-light"; src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-regular"; src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-black"; src: url("../fonts/Overpass-Black.eot"); src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Credit Card"; src: url("../fonts/CreditCard.eot"); src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .breadcrumb ul li.active a { color: #00e0fe !important; } .builderContent { background: url(../images/stepBottomExcalibur.png) #303030 no-repeat bottom !important; } @media only screen and (max-width: 767px) { .builderContent { background: #303030 !important; } } .stepDetail .sub ul li.active a i, .stepDetail .sub ul li a:hover i { color: #242729 !important; } .stepDetail .sub ul li a { background: #191919; border-color: #191919; } .stepDetail .sub ul li a i { color: #00e1ff; } .stepBar ul li span { background: #191919; border: none !important; color: #fff !important; } .stepBar ul li.okeyStep i.fal { background: #191919; border: none !important; color: #fff !important; } .stepBar:before { background: #191919; } .allStep h2, .allStep h3 { color: #fff; } .stepBar ul li a i.text { color: #fff; } .stepBar ul li.active a span, .stepBar ul li a:hover span { -webkit-transition: 0.3s; transition: 0.3s; border-color: #4784f2; background-image: -webkit-gradient(linear, left top, right top, from(rgb(0, 225, 255)), to(rgb(83, 117, 240))); background-image: linear-gradient(90deg, rgb(0, 225, 255) 0%, rgb(83, 117, 240) 100%); color: #fff !important; } .stepDetail .sub ul li.active a, .stepDetail .sub ul li a:hover { background: #00e1ff; border-color: #00e1ff; color: #242729 !important; } .stepDetail .sub ul li.active a span, .stepDetail .sub ul li a:hover span { color: #242729 !important; } span { -webkit-transition: 0.3s; transition: 0.3s; } .stepPage .moreBox a, .stepPage .moreBox button { background: #00e1ff !important; color: #242729 !important; border-color: #00e1ff !important; } .stepPage .moreBox a.disabled, .stepPage .moreBox button.disabled { border-color: #e9e9e9 !important; pointer-events: none; color: #e1e1e1 !important; background: #fff !important; } .stepPage .moreBox a:hover, .stepPage .moreBox button:hover { border-color: #1b1e1f !important; background: #1b1e1f !important; color: #fff !important; } .modalType .modalContent::-webkit-scrollbar, .bundlePage::-webkit-scrollbar { width: 8px; } .modalType .modalContent::-webkit-scrollbar-track, .bundlePage::-webkit-scrollbar-track { background: #3e3e3e !important; border: 1px solid #3e3e3e !important; } .modalType .modalContent::-webkit-scrollbar-thumb, .bundlePage::-webkit-scrollbar-thumb { background-color: #5d5d5d !important; } body { background: #191919; /*HEADER*/ /*HEADER*/ /*FOOTER*/ /*FOOTER*/ /*ACCORDİON*/ /*ACCORDİON*/ /*PRODUCTDETAIL*/ /*PRODUCTDETAIL*/ /*BREADCRUMB*/ /*BREADCRUMB*/ /*FANCYBOX*/ /*FANCYBOX*/ } body::-webkit-scrollbar { width: 14px; } body::-webkit-scrollbar-track { background: #303030; border: 1px solid #000000; } body::-webkit-scrollbar-thumb { background-color: #000000; } body span.new:before { border-right: 12px solid #303030 !important; } body .configuration.loading { background: rgba(0, 0, 0, 0.631372549); } body .basketBar { background: #303030; } body .basketBar .preOrderText { color: #00e1ff !important; } body .basketBar .preOrderText strong { color: #fff !important; } body .basketBar .total * { color: #fff; } body .basketBar .title { border-color: #4a4a4a !important; } body .basketBar .title .closes { color: #707070 !important; } body .basketBar .title h5, body .basketBar .title p { background: url(../images/basket.svg) no-repeat left center; color: #fff !important; } body .basketBar .basketList { border-color: #4a4a4a !important; } body .basketBar .basketList > span { color: #fff !important; } body .basketBar .basketList .numbers sub { color: #fff !important; } body .basketBar .basketList .numbers-row .dec, body .basketBar .basketList .numbers-row .inc { color: #fff; } body .basketBar .basketList .numbers-row input { background: #303030; color: #fff; } body .basketBar .basketList .money span { color: #fff !important; } body .basketBar .basketList .name span { color: #fff !important; } body .basketBar .basketList .name h4 { color: #fff !important; } body .modalType.miniModalBox .d-flex { border-color: #2f3132; } body .modalType.miniModalBox .modalContent { background: #303030; } body .modalType.miniModalBox .modalContent .modalTitle { border-color: #2f3132; } body .modalType.miniModalBox .modalContent .modalTitle h4 { color: #fff; } body .modalType.miniModalBox .modalContent .cont { color: #fff; } body .modalType.miniModalBox .modalContent .cont p { color: #fff; } body header { background: #000000; border-color: #4a4a4a; } body header .headerBasket i.basket { background-position: -63px 0; } body header .headerBasket small { background: #00E1FF; color: #1B1E1F; } body header .headerBasket span { color: #fff; } body header .logo a { position: absolute; top: 50%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); } body header .allHeader { border-color: #4a4a4a; } body header .topMenu ul li mp:hover, body header .topMenu ul li a:hover { color: #00E1FF !important; } body header .topMenu mp, body header .topMenu a { color: #fff !important; } body header .allMenu { border-color: #4a4a4a !important; } body header .search i { color: #fff; } body header .search input[type=text] { color: #fff; background: #5f5f5f; border-color: #5f5f5f; } body header .search input[type=text]::-webkit-input-placeholder { color: #fff; } body header .search input[type=text]:-ms-input-placeholder { color: #fff; } body header .search input[type=text]::-moz-placeholder { color: #fff; } body header .search input[type=text]::-ms-input-placeholder { color: #fff; } body header .search input[type=text]::placeholder { color: #fff; } body header .topMenu:after { background: #4a4a4a; } body header .menu:before { background: #000000; } body header .menu ul li:hover > a, body header .menu ul li.active > a { color: #00E1FF !important; } body header .menu ul li a { color: #fff; } body header .menu ul li a:before { background-color: #000000 !important; border-color: #4a4a4a; } body header .menu ul li .submenu { background-color: #000000 !important; border-color: #4a4a4a; } body header .menu ul li .submenu li:hover a { color: #00e1ff; } body .basketBar .total { border-color: #4a4a4a !important; } body footer .footerbg { background: #000000 !important; } body footer .footerFeatures .col .ico i { color: #00E1FF !important; } body footer .footerFeatures .col:first-child .ico { background-position: 0 -70px !important; } body footer .footerFeatures .col:nth-child(2) .ico { background-position: -263px -73px !important; } body footer .footerFeatures .col:nth-child(3) .ico { background-position: -524px -71px !important; } body footer .footerFeatures .col:nth-child(4) .ico { background-position: -756px -71px !important; } body footer .footerFeatures .col:nth-child(5) .ico { background-position: -1010px -72px !important; } body footer .copy a { color: #d1d1d1 !important; } body footer .social li a { background: url(../images/footer-ico-excalibur.svg) no-repeat !important; background-size: cover !important; } body footer .rightFooter .item > a > i { color: #00E1FF !important; } body footer .footerList * { color: #fff !important; } body .accordion .card-body { color: #fff !important; } body .accordion .card-header * { color: #fff !important; } body .productDetailNew { background: #303030; } body .productDetailNew .newComment a { color: #fff !important; } body .productDetailNew .newComment a:hover { background: #2b3484; } body .productDetailNew .nameFirst { background: #191919 !important; } body .productDetailNew .nameFirst i { color: #fff !important; } body .productDetailNew .people, body .productDetailNew .comText, body .productDetailNew .comText p { color: #fff !important; } body .productDetailNew .topComment span, body .productDetailNew .topComment small, body .productDetailNew .topComment h3 { color: #fff !important; } body .productDetailNew .productFix span, body .productDetailNew .productFix small, body .productDetailNew .productFix .installments { color: #fff !important; } body .productFeatured .name > h3 { color: #fff !important; } body span.new { background: url(../images/excalibur-new-2.png) no-repeat right center !important; color: #1b1e1f !important; } body .videoName { color: #fff !important; } body .breadcrumb-And-Sidebar { background: #000000; } body .breadcrumb-And-Sidebar .d-block, body .breadcrumb-And-Sidebar .d-flex { border-color: #4a4a4a; } body .breadcrumb { background: transparent; } body .breadcrumb li { color: #8f8f8f; } body .breadcrumb li a { color: #8f8f8f; } body .breadcrumb li a:hover { color: #00E1FF; } body .rightBanner h1, body .rightBanner h2, body .rightBanner h3, body .rightBanner h4, body .rightBanner h5 { color: #fff !important; } body .page-content { background: #000000; } body .page-content span, body .page-content h1, body .page-content h2, body .page-content h3, body .page-content h4, body .page-content h5 { color: #fff !important; } body .configurePage { background: #303030; } body .configurePage .rightProduct .buttons a { background: #00E1FF !important; color: #1B1E1F !important; } body .configurePage .rightProduct .buttons a:hover { border-color: #fff !important; background: #1B1E1F !important; color: #fff !important; } body .configurePage tr { background: #303030 !important; color: #fff !important; border-color: #4a4a4a !important; } body .configurePage .share .shareList span, body .configurePage .rightProduct .selected ul, body .configurePage .rightProduct .item .text span, body .configurePage .rightProduct .item .text h4 { color: #fff !important; } body .configurePage .rightProduct ul:after { background: #000 !important; } body .detailContent { background: #000 !important; } body .detailContent .pageBankList tr, body .detailContent .pageBankList td, body .detailContent .technicalTable tr, body .detailContent .technicalTable td { border-color: #4a4a4a !important; } body .detailContent .pageBankList *, body .detailContent .technicalTable * { color: #fff !important; } body .fancybox-bg { background: #191919 !important; } body .fancybox-thumbs { border-color: #4a4a4a !important; background: #191919 !important; } body .fancybox-thumbs__list a { background-color: #191919 !important; border-color: #444 !important; } body .fancybox-thumbs__list a.fancybox-thumbs-active { border-color: #a1a1a1 !important; } body .name span { color: #fff; } body .installment { color: #fff; } body .compare label { color: #fff; } body .productListing .item, body .productListing .productItem { background-color: #303030 !important; } body .productListing .item > span, body .productListing .productItem > span { color: #fff !important; } body .productListing .item ul li, body .productListing .productItem ul li { color: #d1d1d1 !important; } body .moneys span { color: #1B1E1F; } body p { color: #fff !important; } body h5, body h4, body h3, body h2, body .h5, body .h4, body .h2, body .h3 { color: #00E1FF !important; } body .money span { color: #fff !important; } body .money .item-gift { background: #eb452b; color: #fff !important; border-radius: 5px; padding: 4px 10px !important; font-size: 10px; letter-spacing: 1px; font-weight: bold; border-top-left-radius: 0; border-bottom-right-radius: 0; max-width: 60px; } body .tabPage { border-color: #4a4a4a !important; } body .tabPage li.active a:after { background-color: #00E1FF !important; } body .tabPage li.active a, body .tabPage li:hover a { color: #00E1FF !important; } body .tabPage a { color: #8f8f8f !important; } body .tabPage a.btn { background: #00E1FF !important; color: #1B1E1F !important; } body .tabPage a.btn:hover { border-color: #fff !important; background: #1B1E1F !important; color: #fff !important; } body .p-gallery .slick-current picture { border-color: #a1a1a1 !important; } body .p-gallery picture { border-color: #444444 !important; } body h2.title { color: #fff !important; } body .blogList .item { background: #303030; } body .blogList .item:hover small, body .blogList .item:hover span { color: #00E1FF !important; } body .blogList .item small { color: #fff; } body .blogList .item span { color: #fff; } body .bgImages:before { display: none !important; } body .miniText { position: absolute; left: 50%; margin-left: -3vh; max-width: 420px; -webkit-transform: translateY(-150px); -ms-transform: translateY(-150px); transform: translateY(-150px); } body .basketTop a.active:after { background-position: -36px -27px !important; } body .basketTop a span { color: #fff !important; } body .basketTop a:after { background-position: 4px -27px !important; } body .textBig .blue:hover { border-color: #fff !important; color: #fff !important; background: #1B1E1F !important; } body .textBig .nblue { background: #00E1FF !important; color: #1B1E1F !important; } body .textBig .nblue:hover { background: #1B1E1F !important; color: #fff !important; border-color: #fff !important; } body .bg-white { background-color: #303030 !important; } body .sidebar .item { border-bottom-color: #4a4a4a !important; } body .sidebar span { color: #fff !important; } body .sidebar span:before, body .sidebar span:after { color: #fff !important; } body .sidebar ul li { color: #fff !important; } body .sidebar ul li a { color: #fff !important; } body .titleAndSelect .dropdown-menu { background: #303030 !important; } body .titleAndSelect .dropdown-menu ul li a span { color: #fff; } body .titleAndSelect .justStok label { color: white; } body .titleAndSelect .select-head { background: #303030 !important; } body .titleAndSelect .select-head ul { background: #303030 !important; } body .titleAndSelect .select-head ul li { color: #fff !important; } body .titleAndSelect .select-head a, body .titleAndSelect .select-head button, body .titleAndSelect .select-head i { color: #fff; } body .titleAndSelect .select-head a:before, body .titleAndSelect .select-head button:before { color: #fff !important; } body .seriBigDetail { background: #303030; } body .seriBigDetail .money sub, body .seriBigDetail .money u { color: #fff !important; } body .seriBigDetail h1, body .seriBigDetail h2, body .seriBigDetail h3 { color: #00E1FF !important; } body .seriBigDetail .installment a, body .seriBigDetail .installment button { color: #00E1FF !important; } body .itemGroup { background-color: #000000; } body .itemGroup h1, body .itemGroup h2, body .itemGroup h3, body .itemGroup h4, body .itemGroup h5 { color: #00E1FF !important; } body .itemGroup.bgBlue, body .itemGroup.bgBlack, body .itemGroup.bgWhite { background-color: #000000; } .productFeatured .item .text .compare label input:before, .sidebar.filter ul li label input:before { background: #00E1FF; } .link a, .basketBar .basketList .images a, .productFeatured .item .text .installment a, .productFeatured .item .text .installment button, .productFeatured .item .cargoContainer .installment a, .productFeatured .item .cargoContainer .installment button, .productFeatured .productItem .cargoContainer .installment a, .productFeatured .productItem .cargoContainer .installment button, .productFeatured .item .text > ul li a, .productFeatured .item .text > ul li button, .productFeatured .item .featureContainer > a, .productFeatured .item .featureContainer > button, .productFeatured .productItem .featureContainer > a { color: #00E1FF !important; } .pages .submit button, .pages .submit input[type=submit], .page-content .submit button, .page-content .submit input[type=submit], .mcmodal .submit button, .mcmodal .submit input[type=submit], .modalContent .submit button, .modalContent .submit input[type=submit], .modalType.alernative .basketPage .item .right .all .buttons a, .basketBar .mores.nblue, .productFeatured .item .text .buttons .d-flex a.blue, .productFeatured .item .buttonContainer .buttons .d-flex a.blue, .productFeatured .productItem .buttonContainer .buttons .d-flex a.blue, .productFeatured .item .text .buttons .d-flex button.blue, .productFeatured .item .buttonContainer .buttons .d-flex button.blue, .productFeatured .productItem .buttonContainer .buttons .d-flex button.blue { background: #00E1FF !important; color: #1B1E1F !important; } .pages .submit button:hover, .pages .submit input[type=submit]:hover, .page-content .submit button:hover, .page-content .submit input[type=submit]:hover, .mcmodal .submit button:hover, .mcmodal .submit input[type=submit]:hover, .modalContent .submit button:hover, .modalContent .submit input[type=submit]:hover, .modalType.alernative .basketPage .item .right .all .buttons a:hover, .basketBar .mores.nblue:hover, .productFeatured .item .text .buttons .d-flex a.blue:hover, .productFeatured .item .buttonContainer .buttons .d-flex a.blue:hover, .productFeatured .productItem .buttonContainer .buttons .d-flex a.blue:hover, .productFeatured .item .text .buttons .d-flex button.blue:hover, .productFeatured .item .buttonContainer .buttons .d-flex button.blue:hover, .productFeatured .productItem .buttonContainer .buttons .d-flex button.blue:hover { border-color: #fff !important; background: #1B1E1F !important; color: #fff !important; } .productFeatured .item .text .buttons .d-flex a.nblue, .productFeatured .item .buttonContainer .buttons .d-flex a.nblue, .productFeatured .productItem .buttonContainer .buttons .d-flex a.nblue, .productFeatured .item .text .buttons .d-flex button.nblue, .productFeatured .item .buttonContainer .buttons .d-flex button.nblue, .productFeatured .productItem .buttonContainer .buttons .d-flex button.nblue { background: #fff !important; color: #242729 !important; } .productFeatured .item .text .buttons .d-flex a.nblue:hover, .productFeatured .item .buttonContainer .buttons .d-flex a.nblue:hover, .productFeatured .productItem .buttonContainer .buttons .d-flex a.nblue:hover, .productFeatured .item .text .buttons .d-flex button.nblue:hover, .productFeatured .item .buttonContainer .buttons .d-flex button.nblue:hover, .productFeatured .productItem .buttonContainer .buttons .d-flex button.nblue:hover { border-color: #fff !important; background: #1B1E1F !important; color: #fff !important; } h1.title, h3.title { color: #fff !important; } .breadcrumb-And-Sidebar { background: #191919; } ul.pagination li { background: #303030; } ul.pagination li i, ul.pagination li span, ul.pagination li a { color: #fff !important; } .sidebar.filter ul li.active a, .sidebar.filter ul li:hover a { color: #00E1FF !important; } .videoImage i { color: #1B1E1F !important; } @media only screen and (max-width: 767px) { .titleAndSelect .selects { background: #303030; } } .sidebarCol .item { background: #303030; } .closeButtons { background: #303030; color: #fff; } .container-fluid { background: none !important; } @media only screen and (max-width: 1023px) { header i.basket { background-position: -45px 0 !important; } header .topButton a i, header .search .icon i { color: #00E1FF !important; } header i.basket small { background: #00E1FF !important; color: #000000 !important; } } .mobileBtn span { background: #00E1FF !important; } header #panel { background: #000000; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; border-color: #4a4a4a !important; } header #panel span, header #panel a { color: #fff !important; } header #panel li.back { color: #00E1FF !important; } header #panel li.back i { color: #00E1FF !important; } header #panel .mobileMenu ul li ul { background: #000000; } .configureList table .money i { color: #00E1FF !important; } .configureList table input[type=radio]:after { background: #00E1FF !important; } .tabFixed .tabPage h1 { color: #8f8f8f !important; } .modalType .modalTitle { border-color: #4a4a4a !important; color: #fff !important; } .modalType .modalTitle * { color: #fff !important; } .modalType .modalTitle button i { color: #707070 !important; } .commentsList .comList { border-color: #4a4a4a !important; } .mobileActive span { color: #fff !important; } .mobileActive span i { color: #fff !important; opacity: 1 !important; } .close button { color: #707070 !important; } .rightProduct .blue { background: #fff !important; color: #242729 !important; } .rightProduct .blue:hover { border-color: #fff !important; color: #fff !important; background: #1B1E1F !important; } .rightProduct .blue span { color: #242729 !important; } .rightProduct .nblue { background: #00E1FF !important; color: #242729 !important; border: 2px solid transparent; } .rightProduct .nblue:hover { border-color: #fff !important; color: #fff !important; background: #1B1E1F !important; } .productFix h4, .productFix .h4, .productFix h5, .productFix .h5 { color: #00E1FF !important; } .productFix span { color: #fff; } .productFix .moneys span { color: #fff; } .productFix .moneys span sub { color: #fff; } .productFix .moneys u { color: #fff; } .productFix .installments { color: #fff; } .productFix .installments a { color: #00E1FF !important; } .productFix .blue:hover { border-color: #fff !important; color: #fff !important; background: #1B1E1F !important; } .productFix .blue:hover span { color: #fff !important; } .productFix .blue span { color: #242729 !important; } .productFix .buyBlue { background: #00E1FF !important; color: #242729 !important; border: 2px solid transparent; } .productFix .buyBlue:hover { border-color: #fff !important; color: #fff !important; background: #1B1E1F !important; } .productFix .nblue { background: #00E1FF !important; color: #242729 !important; border: 2px solid transparent; } .productFix .nblue:hover { border-color: #fff !important; color: #fff !important; background: #1B1E1F !important; } .modalType .modalContent { background: #303030; } .modalType .modalContent .nav-tabs { border-color: #4a4a4a; } .modalType .modalContent .nav-tabs:before, .modalType .modalContent .nav-tabs:after { background: #4a4a4a; } .modalType .modalContent .nav-tabs li a { background: #303030; color: #fff; } .modalType .modalContent .nav-tabs li a:after { background: #00E1FF; } .modalType .modalContent .nav-tabs li a.active { color: #00E1FF; } .modalType .modalContent .technicalTable table tr td { color: #fff; border-color: #4a4a4a; } .listingBank .itemBank { border-color: #4a4a4a !important; background: #303030; } .listingBank table tr { border-color: #4a4a4a !important; } .listingBank table tr th { background: transparent !important; color: #fff !important; } .miniModalBox .d-flex, .miniModalBox .modalTitle { border-color: #2f3132 !important; } .miniModalBox h4, .miniModalBox p { color: #fff !important; } .loading3 { background: rgba(255, 255, 255, 0.0196078431) !important; } .loading2 { background: none !important; } .loading2 .loader2, .loading2 .loader3, .loading3 .loader2, .loading3 .loader3 { color: #ffffff !important; } .notPage { background: #303030; } .notPage span { color: #fff; } .mobileProductTop h4, .mobileProductTop span { color: #fff !important; } @media only screen and (max-width: 1023px) { .rightProduct .d-block { background: #000000 !important; border-top: 1px solid #1b1b1b; } } *::-moz-selection { background: #00E1FF !important; } *::selection { background: #00E1FF !important; } *::-moz-selection { background: #00E1FF !important; } footer .footerMenuList .menu ul li a:hover { opacity: 0.7; } .mobileActive span, .titleAndSelect .select-head ul li { border-color: #4a4a4a !important; } .modalContent .basketPage .item { border-color: #4a4a4a !important; } .modalContent .basketPage .item .name span, .modalContent .basketPage .item .name h4 { color: #fff !important; } .modalContent .basketPage .item .text ul li { color: #fff !important; } .modalContent .basketPage .item .text ul li a { color: #00E1FF !important; } .modalContent .basketPage .item:last-child { border: none; } a.moreBtn { color: #00E1FF !important; } .titleAndSelect .justStok input:checked:before { background: #00E1FF !important; } .stock-item span, .page-content label, .mcmodal label, .modalContent label { color: #fff !important; } .commentsList .topComment ul li.active i, .commentsList .comList .comText ul li.active i, .modalType .stock-item .text h4 { color: #00E1FF !important; } .bgBlue { background: #00E1FF !important; color: #1B1E1F !important; } .bgBlue:hover { border-color: #fff !important; background: #1B1E1F !important; color: #fff !important; } .carousel-indicators li.active { background: #00E1FF !important; } .tmp_11 .backImages picture img { -o-object-fit: contain !important; object-fit: contain !important; } .accordion .card .card-header button:after, .accordion .card .card-header button:before { background: #00E1FF !important; } ul.pagination li:hover a, ul.pagination li:hover span, ul.pagination li.active a, ul.pagination li.active span { color: #00E1FF !important; } .heightAuto { border-color: #4a4a4a !important; } .compareList { background: #000 !important; } .compareList .mText { color: #fff !important; } .compareList .text h3, .compareList .text span { color: #fff !important; } .submits button { background: #00e1ff !important; color: #1B1E1F !important; } .submits button small { color: #1B1E1F !important; } .submits button:hover { border-color: #fff !important; background: #000000 !important; color: #fff !important; } .miniTitle h5 { border-color: #4a4a4a !important; } #inlineModal .miniContent { background: #000 !important; color: #fff !important; } .share, .rightProduct .selected ul { border-color: #4a4a4a !important; } .show-always { background: #000 !important; } .modalTitle { border-color: #4a4a4a !important; background: #303030 !important; } .modalTitle h4, .modalTitle p { color: #fff !important; } .mcmodal.fancybox-content ul li, .mcmodal.fancybox-content ol li { color: #fff !important; } .mcmodal.fancybox-content { background: #303030 !important; } .mcmodal.fancybox-content .fancybox-button svg { color: #fff !important; } .allBundle .miniTitle *, .allBundle .text * { color: #fff !important; } .allBundle .bundleListing th, .allBundle .bundleListing td, .allBundle .otherBundleListing th, .allBundle .otherBundleListing td { color: #fff !important; } .configurePart tr { border-color: #4a4a4a !important; } .configurePart i { color: #00E1FF !important; } input[type=checkbox]:before { background: #00E1FF !important; } .show-always .totalBar { color: #fff !important; } .show-always .buttonsBar .nblue { background: #00e1ff !important; color: #1B1E1F !important; } .show-always .buttonsBar .nblue span { -webkit-transition: 0.3s; transition: 0.3s; color: #1B1E1F !important; } .show-always .buttonsBar .nblue:hover { border-color: #fff !important; background: #1B1E1F !important; color: #fff !important; } .show-always .buttonsBar .nblue:hover span { -webkit-transition: 0.3s; transition: 0.3s; color: #fff !important; } .show-always .buttonsBar .blue { background: #fff !important; color: #1B1E1F !important; } .show-always .buttonsBar .blue span { -webkit-transition: 0.3s; transition: 0.3s; color: #1B1E1F !important; } .show-always .buttonsBar .blue:hover { border-color: #fff !important; background: #1B1E1F !important; color: #fff !important; } .show-always .buttonsBar .blue:hover span { -webkit-transition: 0.3s; transition: 0.3s; color: #fff !important; } .moreButton.text-center a { background: #00E1FF !important; color: #1B1E1F !important; } .moreButton.text-center a:hover { border-color: #fff !important; background: #1B1E1F !important; color: #fff !important; } .mobileFilterButton span, .fixedButtonGroup ul li a { background: #00E1FF !important; color: #1B1E1F !important; } .mTitle, .allBundle .productFix ul li { color: #fff; border-color: #4a4a4a !important; } .bundleTable input[type=radio]:before { background: #00E1FF; } .bundleTable th i { color: #00E1FF; } .bundleTable th, .bundleTable tr, .bundleTable td { color: #fff; } .bundlePage .bundleTable th i { color: #00E1FF !important; } .bundlePage .bundleTable td.text-right i { color: #fff !important; } .bundlePage { border-color: #3e3e3e !important; } .mobileFixedBar { background: #303030 !important; } .basketBar .item { border-color: #3e3e3e !important; } .loader3:before, .loader2:before { background: url(../images/casperBlackTwo.png) no-repeat !important; } .mTitlePage { color: #fff; } .seoText p, .seoText small { color: #fff !important; } @media only screen and (max-width: 1200px) { .productFeatured .productItem .smallScreenCargoContainer { min-height: 81px; } } .productFeatured .item .text .cargoBox ul li i, .productFeatured .item .cargoContainer .cargoBox ul li i, .productFeatured .productItem .cargoContainer .cargoBox ul li i { color: #00e1ff !important; } .productFeatured .item .text .cargoBox ul li a, .productFeatured .item .cargoContainer .cargoBox ul li a, .productFeatured .productItem .cargoContainer .cargoBox ul li a { color: #fff !important; } .productFeatured .item .cargoContainer .cargoBox ul li a, .productFeatured .productItem .cargoContainer .cargoBox ul li, .productFeatured .productItem .cargoContainer .cargoBox ul li a { color: #fff !important; } .differenceMoney { color: #00e1ff !important; } .surveyPage .surveyList form .form-group .form-check .form-check-label, .surveyPage .surveyLastScreen .item .top span { color: #fff !important; } .surveyPage .surveyList form .form-group .form-check .form-check-label, .surveyPage .surveyLastScreen .item { background: #303030 !important; } .surveyPage .surveyLastScreen .item .range { background: #fff !important; } .surveyPage .surveyList form .form-group .form-check input[type=radio]:before, .surveyPage .surveyLastScreen .item .range i { background: #00e1ff !important; } .surveyPage .mText h2, .surveyPage .text h1 { color: #00e1ff !important; } .surveyPage .surveyList form .form-group .form-check input[type=radio] { border-color: #00e1ff !important; } .allStepTwo .productBoxes .textBar .typeBox .item small { color: #00e1ff !important; } .allStepTwo .productBoxes .textBar .fullLink a { color: #00E1FF !important; } .allStepTwo .productBoxes .all .installment a { color: #00E1FF !important; } .allStepTwo .productBoxes .cargoBox ul li { color: #fff; } .allStepTwo .productBoxes .cargoBox ul li i { color: #00E1FF; } .allStepTwo .productBoxes .cargoBox ul li a { color: #fff !important; } .stepText { background: #191919; border-color: #191919; } .stepText h2 { color: #fff; } .stepText h2 i { color: #00E1FF; } .stepText .stepTextOpen strong, .stepText .stepTextOpen b { color: #fff; } .stepText .stepTextOpen p { color: #fff; } .allStepTwo .title h1, .allStepTwo .title h2, .allStepTwo .title span { color: #00E1FF !important; } .performanceBox .title { color: #00E1FF !important; } .threedMark .boxes .content, .performanceBox .listing { background: #191919; border-color: #191919; } .threedMark .boxes .content .mtitle, .performanceBox .listing .mtitle { color: #fff !important; border-color: #222222 !important; } .allStepTwo .productBoxes .textBar .typeBox { background: #191919; } .allStepTwo .productBoxes .textBar .typeBox .item { border-color: #222222 !important; } .threedMark .boxes .title, .threedMark .boxes .gameBox span { background: #000; color: #fff; } .threedMark .boxes .title img, .threedMark .boxes .gameBox span img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .threedMark .boxes .area .fps-text-area i { color: #fff; } .threedMark .boxes .area .fps-text-area i.fps-num, .threedMark .boxes .area .fps-text-area i em, ul.rangeLi li a { color: #00E1FF !important; } ul.rangeLi li small { background: #242424; } ul.rangeLi li small i { background-image: -webkit-gradient(linear, left top, right top, from(#00e1ff), to(#5375f0)) !important; background-image: linear-gradient(90deg, #00e1ff 0%, #5375f0 100%) !important; } .threedMark .boxes .area .circle { stroke: #00E1FF; } .threedMark .boxes .gameBox span i, .allStepTwo .arrowBtn:hover span, .allStepTwo .arrowBtn:hover i { color: #00E1FF; } .allStepTwo .arrowBtn i { color: #fff; } .allStepTwo .productBoxes .textBar .buttons a.nblue { background: #fff !important; } .allStepTwo .productBoxes .textBar .buttons a.blue { background: #00e1ff !important; } .allStepTwo .productBoxes .textBar .buttons a { color: #242729 !important; } .allStepTwo .productBoxes .textBar .buttons a:hover { transition: 0.3s; -webkit-transition: 0.3s; border-color: #fff !important; background: #1b1e1f !important; color: #fff !important; } .threedMark .boxes .content .item { border-color: #242424 !important; } .box-minmax span { color: #fff !important; } .rs-range::-webkit-slider-thumb { background: #00E1FF !important; } .rs-range::-moz-range-thumb { background: #00E1FF !important; } .rs-label { color: #1b1e1f !important; background: #00E1FF !important; } .rs-label:before { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #00E1FF !important; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -7px; } .productFeatured .item .text .dateText, .productFeatured .productItem .buttonContainer .buttons .dateText { color: #00e1ff !important; } .configurePage .rightProduct .blue:hover { border-color: #fff !important; background: #1b1e1f !important; color: #fff !important; } .stepTextOpen small { color: #fff !important; } .textBoxAll .all p a { color: #00e1ff !important; text-decoration: underline !important; } @media only screen and (max-width: 767px) { .textBoxAll .all p a { overflow: auto; display: block; } } .basketBar .total .flexList ul li a, .basketBar .total .flexList ul li span { color: #00e1ff !important; } .basketBar .total .hiddenForm .form-control { color: #1B1E1F !important; } .basketBar .total .miniSubmit a, .basketBar .total .miniSubmit button { background: #00e1ff !important; color: #1b1e1f !important; } .basketBar .total .miniSubmit a strong, .basketBar .total .miniSubmit button strong { color: #1b1e1f !important; } .threedMarkBox .titleBoxPages { background-color: #000000 !important; } .threedMarkBox .titleBoxPages img { -webkit-filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important; } .rightProduct .dateText { color: #00e1ff !important; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .buttons .d-block { background: #000000 !important; } }@font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.fancybox-button--arrow_left{background:none !important;padding:0;width:auto}.fancybox-button--arrow_left>div{display:none !important}.fancybox-button--arrow_left:before{content:"";cursor:pointer;position:absolute;font-size:45px;color:#8f8f8f;left:20px;z-index:5;top:50%;-webkit-transform:translateY(-70%);transform:translateY(-70%);font-family:"Font Awesome 5 Pro"}.fancybox-button--arrow_right{background:none !important;padding:0;width:auto}.fancybox-button--arrow_right>div{display:none !important}.fancybox-button--arrow_right:before{content:"";cursor:pointer;position:absolute;font-size:45px;color:#8f8f8f;right:20px;z-index:5;top:50%;-webkit-transform:translateY(-70%);transform:translateY(-70%);font-family:"Font Awesome 5 Pro"}.fancybox-thumbs{background:#fff !important}.fancybox-button{background:#1b1e1f;color:#fff !important}.fancybox-show-thumbs .fancybox-inner{right:0 !important}.fancybox-bg{background:#fff !important;opacity:.95 !important}.fancybox-show-thumbs .fancybox-thumbs{transition:.3s;transform:translateY(0);opacity:1}.fancybox-is-closing{opacity:0}.fancybox-thumbs{transition:.3s;transform:translateY(100px);width:100% !important;height:auto;top:initial;bottom:0;padding:15px 0 6px 0;box-shadow:0 0 15px rgba(0,0,0,.07);display:block !important;opacity:0}.fancybox-thumbs .fancybox-thumbs__list{text-align:center;display:block;margin:0 auto;padding-bottom:8px}.fancybox-thumbs .fancybox-thumbs__list a{display:inline-block;float:none;background-color:transparent !important;padding:7px;background-size:50%;border-radius:4px;width:119px;height:73px;border:1px solid #ebebeb;margin:0 5px}.fancybox-thumbs .fancybox-thumbs__list a:before{display:none}.fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active{border-color:rgba(36,39,41,.71)}.fancybox-show-thumbs .fancybox-stage{height:calc(100% - 90px)}.fancybox-toolbar{display:block !important} @font-face { font-family: "overpass-semibold"; src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-bold"; src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-light"; src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-regular"; src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-black"; src: url("../fonts/Overpass-Black.eot"); src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Credit Card"; src: url("../fonts/CreditCard.eot"); src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .mockupPage { float: left; width: 100%; } .mockupPage .container-fluid { padding: 0; } .mockupPage .container-fluid .col-12 { padding: 0; } .bgWhite { background: #fff; } .bgWhite .colorList span { color: #1B1E1F; } .bgWhite > a, .bgWhite h2, .bgWhite h3, .bgWhite h4, .bgWhite h5 { color: #1B1E1F; } .bgWhite p { color: #1B1E1F; } .bgWhite ol li, .bgWhite ul li { color: #1B1E1F !important; } .bgWhite ol li i, .bgWhite ul li i { color: #1B1E1F !important; } .bgBlack { background: #1B1E1F; } .bgBlack .colorList span { color: #fff; } .bgBlack a, .bgBlack h1, .bgBlack h2, .bgBlack h3, .bgBlack h4, .bgBlack h5, .bgBlack p { color: #fff; } .bgBlack ul li { color: #fff; } .bgBlack ul li i { color: #fff; } .bgImages { position: relative; } .bgImages.bgBlack a, .bgImages.bgBlack h1, .bgImages.bgBlack h2, .bgImages.bgBlack h3, .bgImages.bgBlack h4, .bgImages.bgBlack h5, .bgImages.bgBlack p { color: #fff; } .bgImages.bgBlack ul li { color: #fff; } .bgImages.bgBlack ul li i { color: #fff; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .bgImages { min-height: 500px; } } .itemGroup { max-height: 660px; position: relative; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07); height: 45vw; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemGroup { float: left; width: 100%; min-height: 39vw; } } @media only screen and (max-width: 767px) { .itemGroup { height: auto; float: left; width: 100%; max-height: inherit; } } .itemGroup .miniH3 { margin: -40px 0 30px 0; } .itemGroup.verticalTop .divText { position: relative; padding-top: 50px; padding-left: 0; height: auto; } .itemGroup.verticalTop .col-12 { height: 100%; } .itemGroup.verticalCenter.tmp_2 .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .itemGroup.verticalCenter .container-fluid { display: table; height: 100%; } @media only screen and (max-width: 767px) { .itemGroup.verticalCenter .container-fluid { display: block; } } .itemGroup.verticalCenter .col-12 { display: table-cell; vertical-align: middle; } @media only screen and (max-width: 767px) { .itemGroup.verticalCenter .col-12 { display: block !important; } } .itemGroup.text-center .divText { max-width: 1080px; margin: 0 auto; } .itemGroup.boxTwo .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .itemGroup .container-fluid { position: relative; height: 100%; } .contentImages { max-height: 660px; height: 44vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .contentImages { height: auto; width: 100% !important; padding: 0; } } .contentImages picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin: 0 auto; width: 100%; } .contentImages picture img { display: block; margin: 0 auto; max-height: 100%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .bgImages { overflow: hidden; } } .backImages { height: 100%; position: absolute; top: 0; width: 100%; left: 0; z-index: 1; } @media only screen and (max-width: 767px) { .backImages { margin: 0 !important; left: 0; bottom: 0; position: initial; float: left; width: 100%; } } .backImages picture { display: block; height: 100%; } .backImages picture img { max-height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .divText { position: relative; z-index: 2; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .divText .d-block.float-left.w-100.mt-3 { margin-top: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .divText .mores { font-size: 14px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .divText .mores { font-size: 14px; } } @media only screen and (max-width: 767px) { .divText .detailButton { margin: 0 0 1rem 0 !important; } } .divText .detailButton a { margin: 5px 0; } .divText .detailButton a .ico { padding: 8px 25px; } .divText .detailButton a img { width: 110px; } .divText .detailButton a span { padding: 8px 25px; } @media only screen and (max-width: 767px) { .divText .detailButton a span { font-size: 13px; line-height: 15px; } } .divText table { width: 100%; border: none; } .divText table tr { border-bottom: 1px solid #cdcdcd; } .divText table tr:last-child { border: none; } .divText table tr td { padding: 8px 0; font-family: overpass-semibold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (max-width: 1200px) { .divText table tr td { font-size: 14px; } } @media only screen and (max-width: 767px) { .divText { width: 100% !important; } .divText .all { display: initial !important; } } .divText p { font-size: 16px; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .divText p { font-size: 14px; } } .divText ul, .divText ol { padding: 0 0 0 15px; margin: 0; } .divText ul li, .divText ol li { margin: 7px 0; font-size: 17px; color: #fff; position: relative; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .divText ul li, .divText ol li { font-size: 13px; margin: 4px 0; } } @media only screen and (max-width: 1200px) and (min-width: 1023px) { .divText ul li, .divText ol li { font-size: 14px; margin: 6px 0; } } @media only screen and (max-width: 767px) { .divText ul li, .divText ol li { font-size: 14px; margin: 5px 0; } } .divText.float-left .all { text-align: right; } .colorList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 34px; margin: 30px 0 0 0; } .colorList.tp { margin: 0 0 20px 0; } @media only screen and (max-width: 767px) { .colorList { text-align: center; } } .colorList span { display: block; font-size: 17px; } .colorList ul { padding: 0; margin: 0 12px 0 0; } .colorList ul li { list-style-type: none; display: inline-block; width: 35px; height: 35px; margin-right: 10px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .colorList ul li { width: 30px; height: 30px; margin-right: 5px; } .colorList ul li span { width: 18px !important; height: 18px !important; } } @media only screen and (max-width: 767px) { .colorList ul li { width: 30px; height: 30px; margin-right: 5px; } .colorList ul li span { width: 18px !important; height: 18px !important; } } .colorList ul li input { opacity: 0; position: absolute; } .colorList ul li input:checked + label { border-color: #1B1E1F; background: #f3f3f3; } .colorList ul li label { margin: 0; border: 1px solid #ddd; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; cursor: pointer; } .colorList ul li label img { width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain; } .leftOrRight .divText { max-height: 660px; display: table; padding: 30px 5vw; height: 44vw; } @media only screen and (min-width: 2000px) { .leftOrRight .divText { padding: 0 150px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .leftOrRight .divText { padding: 20px 30px; } } @media only screen and (max-width: 767px) { .leftOrRight .divText { height: auto; display: inherit; max-height: inherit; } } .leftOrRight .divText .all { display: table-cell; vertical-align: middle; } .leftOrRight .contentImages { float: left; } .leftOrRight .divText { float: right; } .rightOrLeft .divText { max-height: 660px; display: table; padding: 30px 5vw; height: 44vw; } @media only screen and (min-width: 2000px) { .rightOrLeft .divText { padding: 0 150px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .rightOrLeft .divText { padding: 20px 30px; } } @media only screen and (max-width: 767px) { .rightOrLeft .divText { height: auto; display: inherit; max-height: inherit; } } .rightOrLeft .divText .all { display: table-cell; vertical-align: middle; } .rightOrLeft .contentImages { float: right; } .rightOrLeft .divText { float: left; } .h-370 { height: 370px; } .h-320 { height: 320px; } .h-210 { height: 210px; } .boxesList { padding: 0 5vw; } @media only screen and (min-width: 2000px) { .boxesList { padding: 0 150px; } } .miniFullImages { margin: 20px auto; display: -ms-flexbox; -ms-flex-align: center; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .miniFullImages { margin: 15px auto; } } .miniFullImages .allMini { width: 100%; height: 100%; } .miniFullImages picture { -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -webkit-box-align: center; align-items: center; } .miniFullImages picture img { max-height: 100%; margin: 0 auto; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .miniFullImages picture img { max-height: 180px; } } .figure { width: 100%; margin: 30px 0; position: relative; z-index: 2; } .figure ul { padding: 0; text-align: center; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .figure ul li { display: inline-block; font-size: 23px; list-style-type: none; margin: 0 5px; min-width: 220px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .figure ul li.two i { font-size: 60px; line-height: 70px; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .figure ul li.two i { font-size: 34px; line-height: 45px; } } .figure ul li.three i { font-size: 50px; line-height: 58px; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .figure ul li.three i { font-size: 28px; line-height: 32px; } } @media only screen and (min-width: 1023px) and (max-width: 1320px) { .figure ul li.four i { font-size: 26px; line-height: 31px; } } @media only screen and (min-width: 1200px) and (max-width: 1320px) { .figure ul li { font-size: 20px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .figure ul li { font-size: 18px; min-width: inherit; margin: 0 20px; } } .figure ul li i { display: block; font: 32px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 35px; } @media only screen and (min-width: 1023px) and (max-width: 1320px) { .figure ul li i { font-size: 32px; } } .itemBox { padding: 0 10px; text-align: left; } .itemBox picture img { max-height: 220px; margin: 0 auto; display: block; height: auto; text-align: center; } .itemBox .desc { margin: 20px 0 0 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemBox .desc p { font-size: 12px !important; } } .itemBox .desc h1, .itemBox .desc h2, .itemBox .desc h3, .itemBox .desc h4, .itemBox .desc h5 { font: 28px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 0 0 10px 0; line-height: 32px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemBox .desc h1, .itemBox .desc h2, .itemBox .desc h3, .itemBox .desc h4, .itemBox .desc h5 { font-size: 20px !important; line-height: 22px !important; } } .itemBox .desc p { font-size: 14px; } .boxes { text-align: left; padding: 0 20px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .boxes { display: block; } } .boxes .icon { float: left; max-width: 210px; width: 11vw; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .boxes .icon { height: 140px; width: 150px; } .boxes .icon h1, .boxes .icon h2, .boxes .icon h3, .boxes .icon h4, .boxes .icon h5 { font-size: 25px !important; line-height: 30px !important; } .boxes .icon picture { height: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .boxes .icon picture img { max-height: 100%; } } .boxes .icon picture { display: block; margin: 0 auto; text-align: center; } .boxes .img { width: 210px; height: 160px; float: left; } .boxes .img picture { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .boxes .img picture img { max-height: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .boxes .boxText { float: left; width: calc(100% - 11vw); padding: 0 0 0 20px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .boxes .boxText { width: calc(100% - 150px); padding: 0 0 0 25px; } } .boxes .boxText h4 { font: 30px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 34px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .boxes .boxText h4 { font-size: 24px; line-height: 28px; } } .boxes .boxText p { font-size: 15px; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .boxes .boxText p { font-size: 13px !important; } } @media only screen and (max-width: 1200px) and (min-width: 1023px) { .boxes .boxText p { font-size: 14px; } } .seriBigDetail { height: 660px; padding: 0 60px; position: relative; } .seriBigDetail .container-fluid { position: relative; z-index: 3; } @media only screen and (max-width: 340px) { .seriBigDetail .installment a, .seriBigDetail button { display: block; } } @media only screen and (max-width: 1200px) { .seriBigDetail { padding: 0 30px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .seriBigDetail { height: 500px; } } @media only screen and (max-width: 767px) { .seriBigDetail { height: auto; float: left; width: 100%; } .seriBigDetail .container-fluid { padding: 0 !important; } } .seriBigDetail .textBig { position: relative; z-index: 2; float: right; } @media only screen and (max-width: 767px) { .seriBigDetail .textBig { margin: 30px 0 10px 0; height: auto !important; } .seriBigDetail .textBig h1, .seriBigDetail .textBig h2, .seriBigDetail .textBig h3, .seriBigDetail .textBig h4, .seriBigDetail .textBig h5, .seriBigDetail .textBig p { text-align: left; } .seriBigDetail .textBig ul { padding: 0 !important; } .seriBigDetail .textBig ul li { text-align: left; } } .seriBigDetail .textBig h1, .seriBigDetail .textBig h2, .seriBigDetail .textBig h3 { font-size: 17px !important; line-height: 20px !important; margin: 0 0 10px 0 !important; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; letter-spacing: -1px; } .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { color: #0B1F8F; } .seriBigDetail .textBig h3 { color: #1B1E1F; } @media only screen and (min-width: 1600px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 38px !important; line-height: 48px !important; } .seriBigDetail .textBig h3 { font-size: 28px !important; line-height: 38px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 35px !important; line-height: 48px !important; } .seriBigDetail .textBig h3 { font-size: 28px !important; line-height: 38px !important; } } @media only screen and (min-width: 980px) and (max-width: 1199px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 32px !important; line-height: 48px !important; } .seriBigDetail .textBig h3 { font-size: 28px !important; line-height: 38px !important; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 23px !important; } } @media only screen and (min-width: 425px) and (max-width: 767px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 24px !important; } .seriBigDetail .textBig h3 { font-size: 22px !important; } } @media only screen and (min-width: 375px) and (max-width: 424px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2, .seriBigDetail .textBig h3 { font-size: 20px !important; } } .seriBigDetail .textBig .h1-unset { font-size: unset !important; line-height: unset !important; } .seriBigDetail .textBig .h1-unset .h1 { font-size: 38px !important; line-height: 48px !important; } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .h1-unset .h1 { font-size: 32px !important; line-height: 30px !important; } } @media only screen and (max-width: 1024px) { .seriBigDetail .textBig .h1-unset .h1 { font-size: 32px !important; line-height: 40px !important; } } .seriBigDetail .textBig ul li { font-size: 15px; color: #fff; list-style-type: none; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig ul li { font-size: 16px; } } .seriBigDetail .textBig h4 { font-size: 70px; line-height: 65px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 0 0 40px 0; } .seriBigDetail .textBig p { font-size: 15px; color: #5e5e5e; text-align: left; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig p { font-size: 16px; } } .seriBigDetail .textBig .money { position: relative; padding-right: 80px; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .money { margin: 10px 0 1.5rem; display: inline-block; width: 100%; } } .seriBigDetail .textBig .money.noDiscount { padding-right: 0 !important; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .money { padding-right: 60px; } } .seriBigDetail .textBig .money small { font-size: 20px; color: #8f8f8f; display: block; text-decoration: line-through; } .seriBigDetail .textBig .money span { font-size: 26px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: -7px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; white-space: nowrap; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .money span { margin: -10px 0; } } .seriBigDetail .textBig .money span sub { margin: 0 0 0 5px; color: #0080bb; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15px; } .seriBigDetail .textBig .money u { text-decoration: none; display: block; color: #0080bb; font-size: 15px; } .seriBigDetail .textBig .money i { position: absolute; right: 0; top: 7px; font-size: 25px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #fff; display: -webkit-box; display: -ms-flexbox; -ms-flex-align: center; font-style: normal; width: 60px; display: block; text-align: center; height: 55px; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .money i { margin-top: 8px; width: 50px; height: 45px; font-size: 20px; top: 0; } } .seriBigDetail .textBig .money i b { font-weight: 100; background: #eb452b; width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .seriBigDetail .textBig .money i:before { content: ""; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 12px solid #eb452b; position: absolute; bottom: -12px; left: 0; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .money i:before { border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 10px solid #eb452b; bottom: -10px; } } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .buttons .d-block { position: fixed; left: 0; width: 100%; bottom: 0; margin: 0 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: white; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); } .seriBigDetail .textBig .buttons .d-block a, .seriBigDetail .textBig .buttons .d-block button { padding: 0 !important; width: 100%; border-radius: 0; font-size: 14px; height: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .seriBigDetail .textBig .buttons .rightProduct { width: 100%; } .seriBigDetail .textBig .buttons .rightProduct .dateText { border: none !important; margin: 0 !important; padding: 2px !important; font-size: 14px; } .seriBigDetail .textBig .buttons .rightProduct .dateText span { display: block; } .seriBigDetail .textBig .buttons .installment { width: 100%; margin: 0 !important; height: 100%; } } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .buttons { text-align: center; } } .seriBigDetail .textBig .buttons .installment { font-size: 14px; display: inline-block; } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .buttons .installment { font-size: 12px; text-align: center !important; margin: 30px 0 10px 0; } } .seriBigDetail .textBig .buttons .installment a, .seriBigDetail .textBig .buttons .installment button { text-decoration: underline !important; color: #0080BB; } .seriBigDetail .p-gallery { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .seriBigDetail .p-gallery picture { height: 100%; } .seriBigDetail .p-gallery i.next { cursor: pointer; position: absolute; font-size: 25px; color: #8f8f8f; left: 0; z-index: 2; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); } .seriBigDetail .p-gallery i.prev { cursor: pointer; position: absolute; font-size: 25px; color: #8f8f8f; right: 0; z-index: 2; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); } .seriBigDetail .p-gallery .all { width: 100%; float: left; } .seriBigDetail .p-gallery .slider { height: 500px; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .seriBigDetail .p-gallery .slider { height: 300px; } } @media only screen and (max-width: 400px) { .seriBigDetail .p-gallery .slider { height: 145px !important; } } @media only screen and (max-width: 767px) { .seriBigDetail .p-gallery .slider { height: 245px !important; } } @media only screen and (max-width: 340px) { .seriBigDetail .p-gallery .slider { height: 175px !important; } } .seriBigDetail .p-gallery .slider a { cursor: crosshair; } .seriBigDetail .p-gallery .slider .slick-list, .seriBigDetail .p-gallery .slider .slick-track, .seriBigDetail .p-gallery .slider .slick-slide { height: 100%; } .seriBigDetail .p-gallery .slider .slick-slide > div { height: 100%; } .seriBigDetail .p-gallery .slider img { max-height: 100%; } .seriBigDetail .p-gallery .slider-nav { margin: 20px auto 0 auto; max-height: 80px; height: auto; overflow: hidden; max-width: 625px; } .seriBigDetail .p-gallery .slider-nav .slick-list { margin: 0 35px; } @media only screen and (max-width: 767px) { .seriBigDetail .p-gallery .slider-nav .slick-list { margin: 0 18px; } } .seriBigDetail .p-gallery .slider-nav .slick-current picture { border-color: rgba(36, 39, 41, 0.71); } .seriBigDetail .p-gallery .slider-nav .slick-slide { margin: 0 10px; } .seriBigDetail .p-gallery .slider-nav picture { border: 1px solid #ebebeb; width: 20%; height: 73px; border-radius: 4px; padding: 7px; cursor: pointer; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .seriBigDetail .p-gallery .slider-nav picture img { max-width: 100%; max-height: 100%; margin: 0 auto; } .seriBigDetail .p-gallery .giftBag { position: absolute; width: 100px; height: 100px; top: 5%; right: 23%; z-index: 1; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .seriBigDetail .p-gallery .giftBag { right: 18%; } } @media only screen and (min-width: 1024px) and (max-width: 1399px) { .seriBigDetail .p-gallery .giftBag { top: 10%; right: 6%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .seriBigDetail .p-gallery .giftBag { width: 75px; height: 75px; top: 3%; right: 5%; } } @media only screen and (min-width: 501px) and (max-width: 767px) { .seriBigDetail .p-gallery .giftBag { width: 70px; height: 70px; top: 2%; right: 20%; } } @media only screen and (min-width: 430px) and (max-width: 500px) { .seriBigDetail .p-gallery .giftBag { width: 70px; height: 70px; top: 2%; right: 14%; } } @media only screen and (min-width: 375px) and (max-width: 429px) { .seriBigDetail .p-gallery .giftBag { width: 60px; height: 60px; top: 3%; right: 15%; } } @media only screen and (max-width: 374px) { .seriBigDetail .p-gallery .giftBag { width: 50px; height: 50px; top: 0%; right: 10%; } } .seriBigDetail .p-gallery .giftWarrantyPackage { position: absolute; width: 100px; height: 100px; top: 5%; left: 23%; z-index: 1; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .seriBigDetail .p-gallery .giftWarrantyPackage { left: 18%; } } @media only screen and (min-width: 1024px) and (max-width: 1399px) { .seriBigDetail .p-gallery .giftWarrantyPackage { top: 10%; left: 6%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 75px; height: 75px; top: 3%; left: 5%; } } @media only screen and (min-width: 501px) and (max-width: 767px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 70px; height: 70px; top: 2%; left: 20%; } } @media only screen and (min-width: 430px) and (max-width: 500px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 70px; height: 70px; top: 2%; left: 14%; } } @media only screen and (min-width: 375px) and (max-width: 429px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 60px; height: 60px; top: 3%; left: 15%; } } @media only screen and (max-width: 374px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 50px; height: 50px; top: 0%; left: 10%; } } h3.title { letter-spacing: -1px; } .modalActive .fancybox-bg { display: none !important; } .modalActive .fancybox-content { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .videoList { padding: 20px 0; float: left; width: 100%; } .videoList .carousel { width: 800px; margin: 0 auto; } .videoList .carousel .videoImage { height: 450px; background: #eee; } .otherModel { position: relative; } .threeBox .col-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .threeBox .divText { margin-bottom: auto !important; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .blogList picture { height: 150px !important; } .blogList .col-md-3 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 33.3%; } .blogList .col-md-3:last-child { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemGroup.verticalTop .divText { padding-top: 0 !important; } .figure { margin: 30px 0 0 0 !important; } .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .figure ul li { min-width: initial !important; margin: 0 auto !important; font-size: 13px !important; padding: 0 5px; } .figure ul li.four i { font-size: 20px; line-height: 25px !important; } .tmp_4 .contentImages { height: 100% !important; } .blogList picture { height: 120px !important; } .blogList .col-md-3 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 33.3%; } .blogList .col-md-3:last-child { display: none; } .blogList .text span { font-size: 14px !important; line-height: 20px !important; } .textBig { float: left !important; width: 100%; padding-top: 28px; } .textBig .money { margin-bottom: 0 !important; } .textBig br { display: none; } .boxesList .col-md-6 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 100%; padding: 0; } .boxesList .col-md-6:last-child .icon, .boxesList .col-md-6:last-child .boxes { margin-bottom: 0; } .boxesList .boxes { float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px 0; } .boxesList .icon { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .miniFullImages .allMini { max-height: inherit !important; } .miniFullImages .allMini picture { max-height: inherit !important; } .boxesList { float: left; width: 100%; margin: 0 auto !important; } .boxesList .itemBox { padding: 0 !important; margin-bottom: 30px; float: left; width: 100%; } .tmp6 p { font-size: 12px !important; } .tmp6 p:last-child { margin-bottom: 0 !important; } .itemGroup { float: left; width: 100%; padding: 30px; } .itemGroup.tmp6 { padding: 0 !important; } .itemGroup.tmp6 .contentImages { padding: 0 !important; } .itemGroup.tmp_10 { padding-bottom: 0 !important; } .itemGroup .divText .all { padding: 0 !important; } .itemGroup p { font-size: 13px; } .itemGroup p small { font-size: 13px !important; } .itemGroup h2 { font-size: 25px !important; line-height: 32px !important; } .itemGroup h1, .itemGroup h3, .itemGroup h4, .itemGroup h4, .itemGroup h5 { font-size: 25px !important; line-height: 32px !important; margin: 0 !important; padding: 0 0 10px 0; } } @media only screen and (max-width: 1023px) { .divText { max-width: 100% !important; } .itemGroup p br { display: none; } } @media only screen and (max-width: 767px) { .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .figure ul li { margin: 0 auto; } .tmp_7-0, .tmp_7-1 { padding: 30px 0; } .tmp_7-0 .divText, .tmp_7-1 .divText { padding-bottom: 0 !important; } .tmp_7-0 .contentImages, .tmp_7-1 .contentImages { padding: 0 30px; } .bgImages { background: #1b1e1f; } .textBig { float: left !important; width: 100%; } .textBig br { display: none; } .boxesList .col-md-6:last-child .boxes { margin-bottom: 0; } .boxesList .boxes { float: left; width: 100%; margin: 0 0 40px 0; padding: 0 10px; display: block; } .boxesList .icon { width: 100% !important; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: none; margin: 0 auto; } .boxesList .boxText { width: 100% !important; padding: 0; margin: 20px 0 0 0; } .backImages { height: auto !important; margin: 0 !important; left: 0; bottom: 0; } .figure { margin: 0 0 25px 0 !important; position: initial !important; padding: 0 12px; } .figure ul.fourUl { display: block !important; -ms-flex-wrap: inherit !important; flex-wrap: inherit !important; } .figure ul.fourUl li.two { margin: 0 5px !important; } .figure ul li { min-width: initial !important; margin: 0 auto !important; padding: 0 2px; } .figure ul li.four { font-size: 12px !important; line-height: 14px !important; width: 50%; display: block; -webkit-box-flex: inherit !important; -ms-flex-positive: inherit !important; flex-grow: inherit !important; float: left; margin: 0 0 5px 0 !important; min-height: 50px; } .figure ul li.four:nth-child(3), .figure ul li.four:nth-child(4) { margin-bottom: 0 !important; } .figure ul li.four i { font-size: 15px; line-height: 20px; max-height: inherit; margin-bottom: 2px; } .figure ul li.three { font-size: 12px !important; line-height: 14px; } .figure ul li.three i { font-size: 15px; line-height: 22px; max-height: inherit; } .figure ul li.two { font-size: 13px !important; line-height: 17px; margin: 0 12px !important; } .figure ul li.two i { font-size: 18px; line-height: 23px; max-height: inherit; } .miniFullImages { max-height: inherit !important; min-height: inherit !important; height: auto; margin: 20px auto 0 0 !important; } .miniFullImages .allMini { max-height: inherit !important; } .miniFullImages .allMini picture { max-height: inherit !important; height: auto; } .col-12, .container-fluid { width: 100%; } .boxesList { float: left; width: 100%; margin: 0 !important; } .boxesList .col-md-4:last-child .itemBox { margin-bottom: 0 !important; } .boxesList .itemBox { padding: 0 !important; margin-bottom: 30px; float: left; width: 100%; } .itemGroup { float: left; width: 100%; } .itemGroup .divText { text-align: left !important; float: left; padding-left: 30px !important; padding-right: 30px !important; padding-bottom: 0 !important; padding-top: 0 !important; margin: 30px 0 !important; } .itemGroup p { font-size: 14px; } .itemGroup p:last-child { margin: 0; } .itemGroup p small { font-size: 14px; } .itemGroup h1, .itemGroup h2, .itemGroup h3, .itemGroup h4, .itemGroup h4, .itemGroup h5 { font-size: 25px !important; line-height: 28px !important; margin: 0 !important; padding: 0 0 13px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemGroup .videoImage { height: 340px !important; } } @media only screen and (max-width: 767px) { .itemGroup .videoImage { height: 155px !important; } .itemGroup .videoImage i { -webkit-transform: translate(-50%, -50%) scale(0.8) !important; -ms-transform: translate(-50%, -50%) scale(0.8) !important; transform: translate(-50%, -50%) scale(0.8) !important; } .itemGroup .videoName { font-size: 14px !important; } } @media only screen and (max-width: 1200px) { .itemGroup .carousel { width: 100%; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .breadcrumb ul li { font-size: 14px; } .tabFixed ul li a { font-size: 14px !important; padding: 11px 4px !important; } } .textOrFigure .col-12 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100% !important; } .textOrFigure .col-12 .divText { margin-bottom: auto; } .bgBlue { background: #163c6c; } .bgGrey { background: #f2f2f2; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .tmp_10 .figure { position: absolute; bottom: 20px; left: 0; } } .tmp_10 .figure ul, .tmp_11 .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .tmp_10 .figure ul li, .tmp_11 .figure ul li { font-size: 22px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; /*margin:0 1vh;*/ } .tmp_4 h2 { font-size: 52px; line-height: 57px; margin: 0 0 22px; } @media only screen and (min-width: 1023px) and (max-width: 1300px) { .tmp_4 h2 { font-size: 40px !important; line-height: 45px !important; } } .tmp_4 .contentImages { padding-left: 30px; padding-top: 30px; height: 100%; } @media only screen and (max-width: 767px) { .tmp_4 .contentImages { padding: 0 20px 20px 20px; margin: 0; } } .tmp_4 .divText { padding-right: 40px; margin-bottom: 0 !important; } .tmp_4 .divText .all { padding-left: 5vw; } @media only screen and (max-width: 767px) { .tmp_4 .divText .all { padding: 0; } } @media only screen and (min-width: 2000px) { .tmp_4 .divText .all { padding-left: 150px; } } @media only screen and (min-width: 2000px) { .tmp_4 .divText .all { padding-left: 150px; } } .tmp_4 .figure { margin: 0; position: absolute; bottom: 50px; left: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_4 .figure { bottom: 0; } } .tmp_4 .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tmp_4 .figure ul li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .tmp_4 { height: auto; max-height: inherit; } .tmp_4 .figure { position: inherit; padding: 40px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_7-1 { padding: 0 !important; } .tmp_4 .divText { padding: 20px 30px !important; } .tmp_4 .figure { padding: 0 !important; } } .multipleCentered { float: left; width: 100%; max-height: 500px; height: 40vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .multipleCentered { height: auto; max-height: inherit; } .multipleCentered .contentImages { padding: 0 !important; height: 100% !important; } } @media only screen and (max-width: 767px) { .multipleCentered { display: block; height: auto; max-height: inherit !important; } } .leftOrRight.tmp_11 .divText .all { padding-left: 5vw; } @media only screen and (min-width: 2000px) { .leftOrRight.tmp_11 .divText .all { padding-left: 150px; } } @media only screen and (min-width: 1px) and (max-width: 767px) { .leftOrRight.tmp_11 .divText .all { padding-left: 0; } } @media only screen and (min-width: 2000px) { .leftOrRight.tmp_11 .divText .all { padding-left: 150px; } } .rightOrLeft.tmp_11 .col-12 { display: block; } .rightOrLeft.tmp_11 .col-12 .divText .all { padding-left: 5vw; } @media only screen and (min-width: 2000px) { .rightOrLeft.tmp_11 .col-12 .divText .all { padding-left: 150px; } } @media only screen and (min-width: 1px) and (max-width: 1023px) { .rightOrLeft.tmp_11 .col-12 .divText .all { padding-left: 0; } } @media only screen and (min-width: 2000px) { .rightOrLeft.tmp_11 .col-12 .divText .all { padding-left: 150px; } } .rightOrLeft.tmp_11 .col-12 .figure { position: absolute; bottom: 0; left: 0; } .tmp_3 .boxesList { display: inline-block; width: 100%; margin-top: 50px; } @media only screen and (max-width: 767px) { .tmp_3 .divText { padding-bottom: 0 !important; margin-top: 0 !important; } .tmp_3 .divText h4 { margin-bottom: 0 !important; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_3 .divText { padding-bottom: 0; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .itemGroup.text-center .divText { max-width: 800px !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_3 .boxText h1, .tmp_3 .boxText h2, .tmp_3 .boxText h3, .tmp_3 .boxText h4, .tmp_3 .boxText h5 { font-size: 25px !important; line-height: 32px !important; } } @media only screen and (max-width: 767px) { .itemBox .desc { max-height: inherit !important; } .tmp_5 .divText h3 { padding-bottom: 0 !important; } .tmp_7-0 .divText, .tmp_7-1 .divText { margin-bottom: 0 !important; } } .tmp_13 .divText .all { padding-left: 5vw; } @media only screen and (min-width: 2000px) { .tmp_13 .divText .all { padding-left: 150px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .tmp_13 .divText .all { padding-left: 0 !important; } } @media only screen and (max-width: 767px) { .tmp_13 .divText .all { padding-left: 0 !important; } } .tmp_13 .figure { position: absolute; bottom: 0; right: 0; max-width: calc(50% - 5vw); } @media only screen and (max-width: 767px) { .tmp_13 .figure { max-width: 100% !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .tmp_13 .figure { max-width: 295px !important; } } .tmp_13 .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tmp_13 .figure ul li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .tmp_13 .figure ul li:first-child { text-align: left; margin-left: 0; } @media only screen and (max-width: 767px) { .tmp_13 .figure ul li:first-child { text-align: center !important; } } @media only screen and (min-width: 1px) and (max-width: 767px) { .spaceLi { display: none !important; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_3 { padding: 60px 0 !important; } } .tmp_3 { height: auto; padding: 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .tmp_3 { padding: 30px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_3 { padding: 30px 0; } } .heightAuto { height: auto !important; float: left; width: 100%; margin-top: 25px; max-height: initial !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .heightAuto .container-fluid { padding: 0; } .heightAuto .container-fluid .col-12 { padding: 0; } } .heightAuto .paVar { padding: 30px; height: auto !important; min-height: inherit; } @media only screen and (max-width: 767px) { .heightAuto .paVar { padding: 0 30px !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .heightAuto .paVar { padding: 0 !important; } } @media only screen and (max-width: 1200px) { .heightAuto p { font-size: 16px; margin: 0 0 20px 0; } } .tmp_8 { height: auto; padding: 50px 30px; } @media only screen and (max-width: 767px) { .tmp_8 { padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .bgImages p br { display: none !important; } } .textBoxAll { font-size: 14px; } .textBoxAll h1 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll h2 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-weight: 500; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll h3 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll h4 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll h5 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll a.moreBtn { color: #0080BB; font-size: 14px; position: relative; top: 1px; text-decoration: underline !important; } @media only screen and (max-width: 767px) { .textBoxAll a.moreBtn { display: block; padding-left: 0; } } .textBoxAll p { font-size: 14px; } .textBoxAll p:last-child { margin-bottom: 0; } .textBoxAll p a { color: #0080bb !important; text-decoration: underline !important; } .textBoxAll p.limited { margin-bottom: 0; } /*.windowsLogo{ width: auto; margin: -60px 0 -20px 0; &.mobile{ display: none; @media only screen and (max-width : 767px){ display: flex $i; } } @media only screen and (max-width : 767px){ display: none; margin: -30px 0 -40px 0; text-align: center; position: initial; height: auto; align-items: center; padding: 0; img{ max-width: 100%; max-height: 100%; } } }*/ .col-xl-7 .windowsLogo { position: absolute; left: 20px; top: 20px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .col-xl-7 .windowsLogo { position: inherit; margin: 0 0 -100px 0; } } .windowsLogo { margin: -60px 0 -20px 0; height: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .windowsLogo.mobile { display: none; } @media only screen and (max-width: 767px) { .windowsLogo.mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media only screen and (max-width: 767px) { .windowsLogo { display: none; margin: 0 0 -10px 0; text-align: center; position: initial; height: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .windowsLogo img { max-width: 100%; max-height: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .tmp_1 { padding-bottom: 48vw; } .tmp_5, .tmp_7-2, .tmp_7-4, .tmp_7-0, .tmp_9 { height: auto !important; } .miniFullImages { margin-bottom: 0 !important; height: auto !important; min-height: auto !important; } .miniFullImages .allMini { /*height: 200px;*/ } .miniFullImages .allMini img { max-height: 250px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { /*.tmp6{ height: auto $i; min-height: 300px; .contentImages,.divText{ height: 100% $i; min-height: 300px; img{ } } }*/ .tmp_4 { height: auto !important; } .tmp_4 .multipleCentered { min-height: inherit !important; height: auto !important; } .tmp_4 .figure { position: initial !important; } .tmp_11 { height: auto; min-height: 310px; } .tmp_11 .container-fluid, .tmp_11 .col-12 { min-height: 310px; } .tmp_11 .divText { padding: 25px !important; } .textBoxAll a.moreBtn { display: block; } } .tmp_5 { height: auto !important; max-height: inherit !important; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .tmp_5 { padding: 30px 0 0 0 !important; } } .tmp_5 .boxesList { padding-bottom: 50px; display: inline-block; width: 100%; padding-top: 50px; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .tmp_5 .boxesList .itemBox { margin: 0 !important; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .tmp_5 .boxesList { padding: 30px !important; } } @media only screen and (max-width: 767px) { .tmp_5 .boxesList { padding: 0 30px !important; } } .tmp_12 .divText { height: 100%; } .contentImages a { display: block; margin: 0 auto; height: 100%; } .tmp_4 .divText { margin-bottom: 20px !important; } .tmp6 { height: auto; min-height: 304px; max-height: inherit; } .tmp6 .contentImages { height: 100%; max-height: inherit; } .tmp6 .divText { padding: 0 5vw; height: 100%; max-height: inherit; } .tmp6 .divText:last-child { margin-bottom: 0 !important; } .tmp6 .col-12 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .tmp6 .alls { padding: 20px 0 !important; } @media only screen and (max-width: 767px) { .tmp6 .alls { padding: 0 !important; } } .tmp_9 { height: auto; max-height: inherit; } .tmp_9 img { max-height: 25vw; } @media only screen and (max-width: 767px) { .divText.desktop { display: none !important; } } .divText.mobile { display: none; } @media only screen and (max-width: 767px) { .divText.mobile { display: block !important; } } @media only screen and (max-width: 767px) { .textSpace { display: none; } } .tmp_11 .backImages { /* img{ width: auto $i; height: auto $i; object-fit: inherit $i; }*/ } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .money.noDiscount { text-align: center; } } @media all and (-ms-high-contrast: none) { .fancybox-thumbs { top: calc(100% - 110px) !important; height: 110px !important; } .seriBigDetail .p-gallery picture { display: block !important; text-align: center; margin: 0 auto; } .seriBigDetail .p-gallery picture img { margin: 0 auto; } } h2.alternative { font-size: 25px !important; line-height: 25px !important; margin: 0 0 10px 0 !important; } h2.bigAlternative { font: 60px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 64px; margin: 0 0 25px; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { h2.bigAlternative { font-size: 38px; line-height: 43px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { h2.bigAlternative { font-size: 25px !important; line-height: 32px !important; margin: 0 !important; padding: 0 0 10px; } } @media only screen and (max-width: 767px) { h2.bigAlternative { font-size: 25px !important; line-height: 28px !important; margin: 0 !important; padding: 0 0 13px; } } .boxFourNew { display: inline-block; width: 100%; } .boxFourNew .row { margin: 0 -1px; } @media only screen and (max-width: 767px) { .boxFourNew .row { display: inline-block; overflow: auto; width: calc(100% + 1px); -ms-flex-wrap: inherit; flex-wrap: inherit; } } .boxFourNew .col-md-3 { padding: 0 1px; } @media only screen and (max-width: 767px) { .boxFourNew .col-md-3 { white-space: nowrap; display: table-cell; min-width: 230px; max-width: 230px; } } .boxFourNew .listBoxAll .item { position: relative; overflow: hidden; } .boxFourNew .listBoxAll .item:hover img { -webkit-transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74); transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74); -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .boxFourNew .listBoxAll .item a { color: #1B1E1F; } .boxFourNew .listBoxAll .item .names { position: absolute; width: 100%; left: 0; bottom: 0; } .boxFourNew .listBoxAll .item .names h2 { font: 37px/45px overpass-semibold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-align: center; padding: 30px 0; position: relative; z-index: 1; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .boxFourNew .listBoxAll .item .names h2 { font-size: 25px; line-height: 30px; padding: 20px 0; } } @media only screen and (max-width: 767px) { .boxFourNew .listBoxAll .item .names h2 { font-size: 30px; line-height: 40px; padding: 15px 0; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .boxFourNew .listBoxAll .item .names h2 { font-size: 30px; line-height: 36px; } } @media only screen and (min-width: 1201px) and (max-width: 1340px) { .boxFourNew .listBoxAll .item .names h2 { font-size: 33px; line-height: 38px; } } .boxFourNew .listBoxAll .item picture { 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; height: 425px; } @media only screen and (max-width: 767px) { .boxFourNew .listBoxAll .item picture { height: 253px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .boxFourNew .listBoxAll .item picture { height: 265px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .boxFourNew .listBoxAll .item picture { height: 345px; } } .boxFourNew .listBoxAll .item picture img { -webkit-transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74); transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74); max-height: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 767px) { .boxFourNew .listBoxAll .item picture img { max-height: 300px; } } .tmp_1 h1, .tmp_1 h2, .tmp_1 h3, .tmp_1 h4, .tmp_1 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_1 h1, .tmp_1 h2, .tmp_1 h3, .tmp_1 h4, .tmp_1 h5 { font-size: 40px; line-height: 45px; } } .tmp_2 h1, .tmp_2 h2, .tmp_2 h3, .tmp_2 h4, .tmp_2 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_2 h1, .tmp_2 h2, .tmp_2 h3, .tmp_2 h4, .tmp_2 h5 { font-size: 40px; line-height: 45px; } } .tmp_2 p { font-size: 18px; } @media only screen and (max-width: 767px) { .tmp_2 p { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_2 p { font-size: 16px; } } .tmp_3 h1, .tmp_3 h2, .tmp_3 h3, .tmp_3 h4, .tmp_3 h5 { font-size: 30px; line-height: 34px; margin: 0 0 20px 0; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .tmp_3 h1, .tmp_3 h2, .tmp_3 h3, .tmp_3 h4, .tmp_3 h5 { font-size: 24px !important; line-height: 28px !important; } } .tmp_4 h1, .tmp_4 h2, .tmp_4 h3, .tmp_4 h4, .tmp_4 h5 { font-size: 52px; line-height: 57px; margin: 0 0 22px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (min-width: 1023px) and (max-width: 1300px) { .tmp_4 h1, .tmp_4 h2, .tmp_4 h3, .tmp_4 h4, .tmp_4 h5 { font-size: 40px !important; line-height: 45px !important; } } .tmp_5 h1, .tmp_5 h2, .tmp_5 h3, .tmp_5 h4, .tmp_5 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_5 h1, .tmp_5 h2, .tmp_5 h3, .tmp_5 h4, .tmp_5 h5 { font-size: 40px; line-height: 45px; } } .tmp6 h1, .tmp6 h2, .tmp6 h3, .tmp6 h4, .tmp6 h5, .tmp7 h1, .tmp7 h2, .tmp7 h3, .tmp7 h4, .tmp7 h5, .tmp_7-10 h1, .tmp_7-10 h2, .tmp_7-10 h3, .tmp_7-10 h4, .tmp_7-10 h5, .tmp_7-8 h1, .tmp_7-8 h2, .tmp_7-8 h3, .tmp_7-8 h4, .tmp_7-8 h5 { font-size: 60px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 64px; margin: 0 0 25px 0; } @media only screen and (min-width: 1200px) and (max-width: 1360px) { .tmp6 h1, .tmp6 h2, .tmp6 h3, .tmp6 h4, .tmp6 h5, .tmp7 h1, .tmp7 h2, .tmp7 h3, .tmp7 h4, .tmp7 h5, .tmp_7-10 h1, .tmp_7-10 h2, .tmp_7-10 h3, .tmp_7-10 h4, .tmp_7-10 h5, .tmp_7-8 h1, .tmp_7-8 h2, .tmp_7-8 h3, .tmp_7-8 h4, .tmp_7-8 h5 { font-size: 52px; line-height: 55px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp6 h1, .tmp6 h2, .tmp6 h3, .tmp6 h4, .tmp6 h5, .tmp7 h1, .tmp7 h2, .tmp7 h3, .tmp7 h4, .tmp7 h5, .tmp_7-10 h1, .tmp_7-10 h2, .tmp_7-10 h3, .tmp_7-10 h4, .tmp_7-10 h5, .tmp_7-8 h1, .tmp_7-8 h2, .tmp_7-8 h3, .tmp_7-8 h4, .tmp_7-8 h5 { font-size: 38px; line-height: 43px; } } .tmp_7-6 h1, .tmp_7-6 h2, .tmp_7-6 h3, .tmp_7-6 h4, .tmp_7-6 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_7-6 h1, .tmp_7-6 h2, .tmp_7-6 h3, .tmp_7-6 h4, .tmp_7-6 h5 { font-size: 40px; line-height: 45px; } } .tmp_8 h1, .tmp_8 h2, .tmp_8 h3, .tmp_8 h4, .tmp_8 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_8 h1, .tmp_8 h2, .tmp_8 h3, .tmp_8 h4, .tmp_8 h5 { font-size: 40px; line-height: 45px; } } .tmp_9 h1, .tmp_9 h2, .tmp_9 h3, .tmp_9 h4, .tmp_9 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_9 h1, .tmp_9 h2, .tmp_9 h3, .tmp_9 h4, .tmp_9 h5 { font-size: 40px; line-height: 45px; } } .tmp_10 h1, .tmp_10 h2, .tmp_10 h3, .tmp_10 h4, .tmp_10 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_10 h1, .tmp_10 h2, .tmp_10 h3, .tmp_10 h4, .tmp_10 h5 { font-size: 40px; line-height: 45px; } } .tmp_11 h1, .tmp_11 h2, .tmp_11 h3, .tmp_11 h4, .tmp_11 h5 { font-size: 60px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 64px; margin: 0 0 25px 0; } @media only screen and (min-width: 1200px) and (max-width: 1360px) { .tmp_11 h1, .tmp_11 h2, .tmp_11 h3, .tmp_11 h4, .tmp_11 h5 { font-size: 52px; line-height: 55px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_11 h1, .tmp_11 h2, .tmp_11 h3, .tmp_11 h4, .tmp_11 h5 { font-size: 38px; line-height: 43px; } } .tmp_12 h1, .tmp_12 h2, .tmp_12 h3, .tmp_12 h4, .tmp_12 h5 { font-size: 60px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 64px; margin: 0 0 25px 0; } @media only screen and (min-width: 1200px) and (max-width: 1360px) { .tmp_12 h1, .tmp_12 h2, .tmp_12 h3, .tmp_12 h4, .tmp_12 h5 { font-size: 52px; line-height: 55px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_12 h1, .tmp_12 h2, .tmp_12 h3, .tmp_12 h4, .tmp_12 h5 { font-size: 38px; line-height: 43px; } }