/* Start:/local/templates/hp/vendor/fancybox/jquery.fancybox.min.css?169749099012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/hp/vendor/owl/assets/owl.carousel.min.css?16974909903351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/hp/vendor/owl/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/hp/vendor/owl/assets/owl.theme.default.min.css?16974909901013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/hp/vendor/owl/assets/owl.theme.board.css?16974909901619*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-theme-board .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme-board .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme-board .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme-board .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme-board .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme-board .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme-board .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme-board .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: rgba(0,0,0,0.6); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme-board .owl-dots .owl-dot.active span, .owl-theme-board .owl-dots .owl-dot:hover span { background: #165DBA; } @media screen and (min-width: 768px) { .owl-theme-board .owl-dots { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); } } /* End */ /* Start:/local/templates/hp/vendor/owl/assets/owl.theme.board_hyperx.css?16974909902219*/ .owl-theme-board_hyperx .owl-nav { display:block !important; position:absolute; bottom:48px; left:0; width:100%; height:32px; margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent; pointer-events:none; } .owl-theme-board_hyperx .owl-nav [class*='owl-'] { width:32px; height:32px; border-radius:24px; background: rgba(255,255,255,0.2) !important; pointer-events:all; display:flex; align-items:center; justify-content:center; text-align:center; } .owl-theme-board_hyperx .owl-nav [class*='owl-']:hover { background: rgba(255,255,255,0.4) !important; } .owl-theme-board_hyperx .owl-nav span { font-size:0; display:block; width:64%; height:64%; background-size:contain; background-position:center; background-repeat:no-repeat; } .owl-theme-board_hyperx .owl-nav .owl-prev { position:absolute; left:64px; } .owl-theme-board_hyperx .owl-nav .owl-next { position:absolute; right:64px; } .owl-theme-board_hyperx .owl-nav .owl-prev span { background-image:url(/local/templates/hp/vendor/owl/assets/left.svg); } .owl-theme-board_hyperx .owl-nav .owl-next span { background-image:url(/local/templates/hp/vendor/owl/assets/right.svg); } .owl-theme-board_hyperx .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme-board_hyperx .owl-nav.disabled+.owl-dots { margin-top: 10px; } .owl-theme-board_hyperx .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme-board_hyperx .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme-board_hyperx .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: rgba(255, 255, 255, 0.5); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme-board_hyperx .owl-dots .owl-dot.active span, .owl-theme-board_hyperx .owl-dots .owl-dot:hover span { background: #fff; } .owl-theme-board_hyperx .owl-dots { position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); } @media screen and (max-width:1000px){ } @media screen and (max-width:768px){ .owl-theme-board_hyperx .owl-nav { display:none !important; } .owl-theme-board_hyperx .owl-dots { display:none; } } @media screen and (max-width:480px){ } /* End */ /* Start:/local/templates/hp/vendor/owl/assets/owl.theme.arrows.css?16974909902082*/ .owl-theme-arrows .owl-nav { display:block !important; position:absolute; top:110px; left:0; width:100%; height:32px; margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent; pointer-events:none; } .owl-theme-arrows .owl-nav [class*='owl-'] { width:32px; height:32px; border-radius:24px; background: #cecece !important; pointer-events:all; display:flex; align-items:center; justify-content:center; text-align:center; } .owl-theme-arrows .owl-nav [class*='owl-']:hover { background: #dedede !important } .owl-theme-arrows .owl-nav span { font-size:0; display:block; width:64%; height:64%; background-size:contain; background-position:center; background-repeat:no-repeat; } .owl-theme-arrows .owl-nav .owl-prev { position:absolute; left:-48px; } .owl-theme-arrows .owl-nav .owl-next { position:absolute; right:-48px; } .owl-theme-arrows .owl-nav .owl-prev span { background-image:url(/local/templates/hp/vendor/owl/assets/left.svg); } .owl-theme-arrows .owl-nav .owl-next span { background-image:url(/local/templates/hp/vendor/owl/assets/right.svg); } .owl-theme-arrows .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme-arrows .owl-nav.disabled+.owl-dots { margin-top: 10px; } .owl-theme-arrows .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme-arrows .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme-arrows .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: rgba(255, 255, 255, 0.5); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme-arrows .owl-dots .owl-dot.active span, .owl-theme-arrows .owl-dots .owl-dot:hover span { background: #fff; } .owl-theme-arrows .owl-dots { position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); } @media screen and (max-width:1000px){ } @media screen and (max-width:768px){ .owl-theme-arrows .owl-nav { display:none !important; } .owl-theme-arrows .owl-dots { display:none; } } @media screen and (max-width:480px){ } /* End */ /* Start:/local/templates/hp/vendor/jbox/jBox.all.min.css?169749099018226*/ .jBox-wrapper{text-align:left;box-sizing:border-box}.jBox-container,.jBox-content,.jBox-title{position:relative;word-break:break-word;box-sizing:border-box}.jBox-container{background:#fff}.jBox-content{padding:8px 12px;overflow-x:hidden;overflow-y:auto;transition:opacity .2s}.jBox-footer{box-sizing:border-box}.jBox-Mouse .jBox-container,.jBox-Tooltip .jBox-container{border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.25)}.jBox-Mouse .jBox-title,.jBox-Tooltip .jBox-title{padding:8px 10px 0;font-weight:700}.jBox-Mouse.jBox-hasTitle .jBox-content,.jBox-Tooltip.jBox-hasTitle .jBox-content{padding-top:5px}.jBox-Mouse{pointer-events:none}.jBox-pointer{position:absolute;overflow:hidden;box-sizing:border-box}.jBox-pointer:after{content:'';width:20px;height:20px;position:absolute;background:#fff;transform:rotate(45deg);box-sizing:border-box}.jBox-pointer-top{top:0}.jBox-pointer-top:after{left:5px;top:6px;box-shadow:-1px -1px 2px rgba(0,0,0,.15)}.jBox-pointer-right{right:0}.jBox-pointer-right:after{top:5px;right:6px;box-shadow:1px -1px 2px rgba(0,0,0,.15)}.jBox-pointer-left{left:0}.jBox-pointer-left:after{top:5px;left:6px;box-shadow:-1px 1px 2px rgba(0,0,0,.15)}.jBox-pointer-bottom{bottom:0}.jBox-pointer-bottom:after{left:5px;bottom:6px;box-shadow:1px 1px 2px rgba(0,0,0,.15)}.jBox-pointer-bottom,.jBox-pointer-top{width:30px;height:12px}.jBox-pointer-left,.jBox-pointer-right{width:12px;height:30px}.jBox-Modal .jBox-container{border-radius:4px}.jBox-Modal .jBox-container,.jBox-Modal.jBox-closeButton-box:before{box-shadow:0 3px 15px rgba(0,0,0,.4),0 0 5px rgba(0,0,0,.4)}.jBox-Modal .jBox-content{padding:15px 20px}.jBox-Modal .jBox-title{border-radius:4px 4px 0 0;padding:15px 20px;background:#fafafa;border-bottom:1px solid #eee}.jBox-Modal.jBox-closeButton-title .jBox-title{padding-right:65px}.jBox-Modal .jBox-footer{border-radius:0 0 4px 4px}.jBox-closeButton{z-index:1;cursor:pointer;position:absolute;box-sizing:border-box}.jBox-closeButton svg{position:absolute;top:50%;right:50%}.jBox-closeButton path{fill:#aaa;transition:fill .2s}.jBox-closeButton:hover path{fill:#888}.jBox-overlay .jBox-closeButton{top:0;right:0;width:40px;height:40px}.jBox-overlay .jBox-closeButton svg{width:20px;height:20px;margin-top:-10px;margin-right:-10px}.jBox-overlay .jBox-closeButton path{fill:#ddd}.jBox-overlay .jBox-closeButton:hover path{fill:#fff}.jBox-closeButton-title .jBox-closeButton{top:0;right:0;bottom:0;width:50px}.jBox-closeButton-title svg{width:12px;height:12px;margin-top:-6px;margin-right:-6px}.jBox-closeButton-box{box-sizing:border-box}.jBox-closeButton-box .jBox-closeButton{top:-8px;right:-10px;width:24px;height:24px;background:#fff;border-radius:50%}.jBox-closeButton-box .jBox-closeButton svg{width:10px;height:10px;margin-top:-5px;margin-right:-5px}.jBox-closeButton-box:before{content:'';position:absolute;top:-8px;right:-10px;width:24px;height:24px;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3)}.jBox-closeButton-box.jBox-pointerPosition-top:before{top:5px}.jBox-closeButton-box.jBox-pointerPosition-right:before{right:2px}.jBox-Modal.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton{background:#fafafa}.jBox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.82)}.jBox-footer{background:#fafafa;border-top:1px solid #eee;padding:8px 10px;border-radius:0 0 3px 3px}body[class*=" jBox-blockScroll-"],body[class^=jBox-blockScroll-]{overflow:hidden}.jBox-draggable{cursor:move}@keyframes jBoxLoading{to{transform:rotate(360deg)}}.jBox-loading .jBox-content{opacity:.2}.jBox-loading-spinner .jBox-content{min-height:38px!important;min-width:38px!important;opacity:0}.jBox-spinner{box-sizing:border-box;position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px}.jBox-spinner:before{display:block;box-sizing:border-box;content:'';width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.8);animation:jBoxLoading .6s linear infinite}.jBox-countdown{border-radius:4px 4px 0 0;z-index:0;background:#000;opacity:.2;position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden}.jBox-countdown-inner{top:0;right:0;width:100%;height:3px;position:absolute;background:#fff}[class*=" jBox-animated-"],[class^=jBox-animated-]{animation-fill-mode:both}@keyframes jBox-tada{0%{transform:scale(1)}10%,20%{transform:scale(.8) rotate(-4deg)}30%,50%,70%,90%{transform:scale(1.2) rotate(4deg)}40%,60%,80%{transform:scale(1.2) rotate(-4deg)}100%{transform:scale(1) rotate(0)}}.jBox-animated-tada{animation:jBox-tada 1s}@keyframes jBox-tadaSmall{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-2deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(2deg)}40%,60%,80%{transform:scale(1.1) rotate(-2deg)}100%{transform:scale(1) rotate(0)}}.jBox-animated-tadaSmall{animation:jBox-tadaSmall 1s}@keyframes jBox-flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.jBox-animated-flash{animation:jBox-flash .5s}@keyframes jBox-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.jBox-animated-shake{animation:jBox-shake .4s}@keyframes jBox-pulseUp{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.jBox-animated-pulseUp{animation:jBox-pulseUp .25s}@keyframes jBox-pulseDown{0%{transform:scale(1)}50%{transform:scale(.85)}100%{transform:scale(1)}}.jBox-animated-pulseDown{animation:jBox-pulseDown .25s}@keyframes jBox-popIn{0%{transform:scale(0)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.jBox-animated-popIn{animation:jBox-popIn .25s}@keyframes jBox-popOut{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(0)}}.jBox-animated-popOut{animation:jBox-popOut .25s}@keyframes jBox-fadeIn{0%{opacity:0}100%{opacity:1}}.jBox-animated-fadeIn{animation:jBox-fadeIn .2s}@keyframes jBox-fadeOut{0%{opacity:1}100%{opacity:0}}.jBox-animated-fadeOut{animation:jBox-fadeOut .2s}@keyframes jBox-slideUp{0%{transform:translateY(0)}100%{transform:translateY(-300px);opacity:0}}.jBox-animated-slideUp{animation:jBox-slideUp .4s}@keyframes jBox-slideRight{0%{transform:translateX(0)}100%{transform:translateX(300px);opacity:0}}.jBox-animated-slideRight{animation:jBox-slideRight .4s}@keyframes jBox-slideDown{0%{transform:translateY(0)}100%{transform:translateY(300px);opacity:0}}.jBox-animated-slideDown{animation:jBox-slideDown .4s}@keyframes jBox-slideLeft{0%{transform:translateX(0)}100%{transform:translateX(-300px);opacity:0}}.jBox-animated-slideLeft{animation:jBox-slideLeft .4s}.jBox-Confirm .jBox-content{text-align:center;padding:46px 35px}@media (max-width:500px){.jBox-Confirm .jBox-content{padding:32px 20px}}.jBox-Confirm-footer{height:46px}.jBox-Confirm-button{display:block;float:left;cursor:pointer;text-align:center;width:50%;line-height:46px;height:46px;overflow:hidden;padding:0 10px;transition:color .2s,background-color .2s;box-sizing:border-box}.jBox-Confirm-button-cancel{border-bottom-left-radius:4px;background:#ddd;color:#666}.jBox-Confirm-button-cancel:active,.jBox-Confirm-button-cancel:hover{background:#ccc}.jBox-Confirm-button-cancel:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.jBox-Confirm-button-submit{border-bottom-right-radius:4px;background:#7d0;color:#fff}.jBox-Confirm-button-submit:active,.jBox-Confirm-button-submit:hover{background:#6c0}.jBox-Confirm-button-submit:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.jBox-Image .jBox-container{background-color:transparent}.jBox-Image .jBox-content{padding:0;width:100%;height:100%}.jBox-image-container{background:center center no-repeat;position:absolute;width:100%;height:100%;opacity:0}.jBox-image-label-wrapper{position:absolute;top:100%;left:0;right:0;height:40px;z-index:100;display:flex}.jBox-image-label-container{position:relative;flex:1}.jBox-image-label{box-sizing:border-box;position:absolute;left:0;bottom:0;width:100%;text-align:center;color:#fff;padding:8px 12px;font-size:15px;line-height:24px;transition:opacity .36s;opacity:0;z-index:0;pointer-events:none}.jBox-image-label.expanded{background:#000}.jBox-image-label:not(.expanded){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jBox-image-label.active{opacity:1;pointer-events:all}@media (max-width:600px){.jBox-image-label{font-size:13px}}.jBox-image-pointer-next,.jBox-image-pointer-prev{flex-shrink:0;width:40px;height:40px;cursor:pointer;opacity:.8;transition:opacity .2s;background:no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);background-size:11px auto;user-select:none;z-index:1}.jBox-image-pointer-next:hover,.jBox-image-pointer-prev:hover{opacity:1}.jBox-image-pointer-next{transform:scaleX(-1)}.jBox-image-counter-container{flex-shrink:0;white-space:nowrap;height:40px;line-height:40px;font-size:13px;color:#fff;text-align:right;display:none}.jBox-image-has-counter .jBox-image-counter-container{display:block}.jBox-overlay.jBox-overlay-Image{background:#000}.jBox-image-not-found{background:#000}.jBox-image-not-found:before{content:'';box-sizing:border-box;display:block;width:80px;height:80px;margin-top:-40px;margin-left:-40px;position:absolute;top:50%;left:50%;border:5px solid #222;border-radius:50%}.jBox-image-not-found:after{content:'';display:block;box-sizing:content-box;z-index:auto;width:6px;height:74px;margin-top:-37px;margin-left:-3px;position:absolute;top:50%;left:50%;background:#222;transform:rotateZ(45deg);transform-origin:50% 50% 0}.jBox-image-download-button-wrapper{position:absolute;top:-40px;right:35px;height:40px;display:flex;cursor:pointer;opacity:.8;transition:opacity .2s}.jBox-image-download-button-wrapper:hover{opacity:1}.jBox-image-download-button-icon{width:40px;height:40px;background:center center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDE2IDI1NnYtMTkyaC0xOTJ2MTkyaC0xNjBsMjU2IDI1NiAyNTYtMjU2aC0xNjB6TTAgNTc2aDY0MHY2NGgtNjQwdi02NHoiPjwvcGF0aD48L3N2Zz4=);background-size:60%}.jBox-image-download-button-text{white-space:nowrap;line-height:40px;padding:0 10px 0 0;color:#fff;font-size:14px}@keyframes jBoxImageLoading{to{transform:rotate(360deg)}}.jBox-image-loading:before{content:'';position:absolute;top:50%;left:50%;width:32px;height:32px;margin-top:-16px;margin-left:-16px;border:4px solid #333;border-bottom-color:#666;animation:jBoxImageLoading 1.2s linear infinite;border-radius:50%}.jBox-Notice{transition:margin .2s}.jBox-Notice .jBox-container{border-radius:4px;box-shadow:inset 1px 1px 0 0 rgba(255,255,255,.25),inset -1px -1px 0 0 rgba(0,0,0,.1)}.jBox-Notice .jBox-content{border-radius:4px;padding:12px 20px}@media (max-width:768px){.jBox-Notice .jBox-content{padding:10px 15px}}@media (max-width:500px){.jBox-Notice .jBox-content{padding:8px 10px}}.jBox-Notice.jBox-hasTitle .jBox-content{padding-top:5px}@media (max-width:500px){.jBox-Notice.jBox-hasTitle .jBox-content{padding-top:0}}.jBox-Notice.jBox-hasTitle .jBox-title{padding:12px 20px 0;font-weight:700}@media (max-width:768px){.jBox-Notice.jBox-hasTitle .jBox-title{padding:10px 15px 0}}@media (max-width:500px){.jBox-Notice.jBox-hasTitle .jBox-title{padding:8px 10px 0}}.jBox-Notice.jBox-closeButton-title .jBox-title{padding-right:55px}.jBox-Notice.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton{width:40px}.jBox-Notice.jBox-Notice-black .jBox-container{color:#fff;background:#000}.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-gray .jBox-container{color:#222;background:#f6f6f6}.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#222}.jBox-Notice.jBox-Notice-red .jBox-container{color:#fff;background:#d00}.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-green .jBox-container{color:#fff;background:#5d0}.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-blue .jBox-container{color:#fff;background:#49d}.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-yellow .jBox-container{color:#000;background:#fd0}.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-NoticeFancy .jBox-content,.jBox-NoticeFancy .jBox-title{padding-left:25px}.jBox-NoticeFancy.jBox-Notice-color .jBox-container{color:#fff;background:#000}.jBox-NoticeFancy.jBox-Notice-color .jBox-container:after{content:'';position:absolute;top:0;left:0;bottom:0;width:8px;border-radius:4px 0 0 4px;background-image:linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:14px 14px}.jBox-NoticeFancy.jBox-Notice-black .jBox-container:after,.jBox-NoticeFancy.jBox-Notice-gray .jBox-container:after{background-color:#888}.jBox-NoticeFancy.jBox-Notice-red .jBox-container:after{background-color:#e00}.jBox-NoticeFancy.jBox-Notice-green .jBox-container:after{background-color:#6c0}.jBox-NoticeFancy.jBox-Notice-blue .jBox-container:after{background-color:#49d}.jBox-NoticeFancy.jBox-Notice-yellow .jBox-container:after{background-color:#fb0}.jBox-NoticeFancy .jBox-countdown{left:8px;border-radius:0 4px 0 0}.jBox-TooltipBorder .jBox-container,.jBox-TooltipBorder .jBox-pointer:after{border:2px solid #49d}.jBox-TooltipBorder .jBox-pointer:after{width:22px;height:22px}.jBox-TooltipBorder .jBox-pointer-bottom,.jBox-TooltipBorder .jBox-pointer-top{width:34px;height:13px}.jBox-TooltipBorder .jBox-pointer-bottom:after,.jBox-TooltipBorder .jBox-pointer-top:after{left:6px}.jBox-TooltipBorder .jBox-pointer-left,.jBox-TooltipBorder .jBox-pointer-right{width:13px;height:34px}.jBox-TooltipBorder .jBox-pointer-left:after,.jBox-TooltipBorder .jBox-pointer-right:after{top:6px}.jBox-TooltipBorder.jBox-closeButton-box:before{width:28px;height:28px;background:#49d}.jBox-TooltipBorderThick .jBox-container{box-shadow:none;border-radius:8px;border:4px solid #ccc}.jBox-TooltipBorderThick .jBox-pointer:after{box-shadow:none;border:4px solid #ccc;width:24px;height:24px}.jBox-TooltipBorderThick .jBox-pointer-bottom,.jBox-TooltipBorderThick .jBox-pointer-top{width:38px;height:13px}.jBox-TooltipBorderThick .jBox-pointer-left,.jBox-TooltipBorderThick .jBox-pointer-right{width:13px;height:38px}.jBox-TooltipBorderThick.jBox-closeButton-box:before{width:32px;height:32px;background:#ccc}.jBox-TooltipDark .jBox-container{border-radius:4px;background:#000;color:#fff;box-shadow:0 0 6px rgba(0,0,0,.4)}.jBox-TooltipDark .jBox-pointer:after{background:#000}.jBox-TooltipDark .jBox-closeButton{background:#000}.jBox-TooltipDark.jBox-closeButton-box:before{box-shadow:0 0 6px rgba(0,0,0,.4)}.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path{fill:#ddd}.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path{fill:#fff}.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path{fill:#bbb}.jBox-TooltipError{pointer-events:none}.jBox-TooltipError .jBox-container{border-radius:2px;background:#d00;color:#fff;font-weight:700;font-size:13px}.jBox-TooltipError .jBox-content{padding:0 10px;line-height:28px}.jBox-TooltipError .jBox-pointer:after{background:#d00;width:20px;height:20px}.jBox-TooltipError .jBox-pointer-bottom,.jBox-TooltipError .jBox-pointer-top{width:22px;height:8px}.jBox-TooltipError .jBox-pointer-left,.jBox-TooltipError .jBox-pointer-right{width:8px;height:22px}.jBox-TooltipError .jBox-pointer-top:after{left:1px;top:6px}.jBox-TooltipError .jBox-pointer-right:after{top:1px;right:6px}.jBox-TooltipError .jBox-pointer-bottom:after{left:1px;bottom:6px}.jBox-TooltipError .jBox-pointer-left:after{top:1px;left:6px}.jBox-TooltipSmall{pointer-events:none}.jBox-TooltipSmall .jBox-container{border-radius:2px}.jBox-TooltipSmall .jBox-content{padding:0 10px;line-height:28px}.jBox-TooltipSmall .jBox-pointer:after{width:20px;height:20px}.jBox-TooltipSmall .jBox-pointer-bottom,.jBox-TooltipSmall .jBox-pointer-top{width:22px;height:8px}.jBox-TooltipSmall .jBox-pointer-left,.jBox-TooltipSmall .jBox-pointer-right{width:8px;height:22px}.jBox-TooltipSmall .jBox-pointer-top:after{left:1px;top:6px}.jBox-TooltipSmall .jBox-pointer-right:after{top:1px;right:6px}.jBox-TooltipSmall .jBox-pointer-bottom:after{left:1px;bottom:6px}.jBox-TooltipSmall .jBox-pointer-left:after{top:1px;left:6px}.jBox-TooltipSmallGray{pointer-events:none}.jBox-TooltipSmallGray .jBox-container{font-size:13px;line-height:24px;border-radius:12px;background-image:linear-gradient(to bottom,#fafafa,#f2f2f2)}.jBox-TooltipSmallGray .jBox-content{padding:0 10px}.jBox-TooltipSmallGray .jBox-pointer:after{width:20px;height:20px}.jBox-TooltipSmallGray .jBox-pointer-bottom,.jBox-TooltipSmallGray .jBox-pointer-top{width:22px;height:8px}.jBox-TooltipSmallGray .jBox-pointer-left,.jBox-TooltipSmallGray .jBox-pointer-right{width:8px;height:22px}.jBox-TooltipSmallGray .jBox-pointer-top:after{background:#fafafa;left:1px;top:6px}.jBox-TooltipSmallGray .jBox-pointer-right:after{top:1px;right:6px}.jBox-TooltipSmallGray .jBox-pointer-bottom:after{background:#f2f2f2;left:1px;bottom:6px}.jBox-TooltipSmallGray .jBox-pointer-left:after{top:1px;left:6px} /* End */ /* Start:/local/templates/hp/css/autoload/checkbox.min.css?1731516741968*/ .checkbox{ margin:24px 0; color:#5a5a5a; user-select:none } .checkbox input[type="checkbox"] { position:absolute; } .checkbox__front{ position:absolute; opacity:0 } .checkbox__label{ display:flex } .checkbox__text{ padding-left:10px; box-sizing:border-box; display:inline-block; margin-top:4px } .checkbox__front+label{ position:relative; cursor:pointer; padding:0 } .checkbox__front+label:before{ content:''; display:inline-block; vertical-align:middle; width:28px; height:28px; background:#fff; flex-shrink:0; border:1px solid #ebebeb } .checkbox__front:disabled+label{ cursor:auto } .checkbox__front:checked+label:after{ content:''; position:absolute; left:8px; top:9px; width:11px; height:5px; border-left:2px solid #5a5a5a; border-bottom:2px solid #5a5a5a; transform:rotate(-45deg) } /* End */ /* Start:/local/templates/hp/css/autoload/fonts.min.css?16974909892303*/ /* @font-face { font-family: 'HP Simplified'; src: url('/local/templates/hp/css/autoload/../../fonts/HPSimplified-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } */ @font-face { font-family: "HP Simplified"; src: url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Regular.eot) format("eot"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Regular.woff) format("woff"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Regular.ttf) format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "HP Simplified"; src: url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-BoldItalic.eot) format("eot"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-BoldItalic.woff) format("woff"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-BoldItalic.ttf) format("truetype"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "HP Simplified"; src: url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Italic.eot) format("eot"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Italic.woff) format("woff"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Italic.ttf) format("truetype"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "HP Simplified"; src: url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Bold.eot) format("eot"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Bold.woff) format("woff"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Bold.ttf) format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "HP Simplified"; src: url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Light.eot) format("eot"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Light.woff) format("woff"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "HP Simplified"; src: url(/local/templates/hp/css/autoload/../../fonts/10807.woff) format("woff"), url(/local/templates/hp/css/autoload/../../fonts/10807.ttf) format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "HP Simplified"; src: url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-LightItalic.eot) format("eot"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-LightItalic.woff) format("woff"), url(/local/templates/hp/css/autoload/../../fonts/HPSimplified-LightItalic.ttf) format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } /* End */ /* Start:/local/templates/hp/css/autoload/_page.min.css?16974909895227*/ .page { flex-grow: 1; padding-top:60px; } .page_bottom { padding-bottom:64px; } .page__top-menu { position: relative; } .page__compare { position: absolute; right: 0; top: 0; display: none; margin-right: 30px; order: 1; } .page__compare_active { display: block; } .page__compare + .breadcrumbs { max-width: 780px; } .page__compare-txt { margin: 14px 20px 14px 0; display: inline-block; } .page__title { display: flex; align-items: baseline; } .page__title-link { margin-left: 26px; margin-top: 4px; margin-bottom:16px; align-self:flex-end; } .page__text { max-width: 905px; padding-bottom: 64px; } .page__social { display: flex; flex-wrap: wrap; margin-top: 24px; align-items: center; } .page__counter { margin-bottom: 22px; } .page__product { padding-top: 16px; } .page__pay { display: flex; align-items: center; width: 100%; margin: 32px 0; } .page__pay-item { max-width: 150px; margin-right: 50px; } .page__pay-item img { max-height: 80px; } .page__pay-item:last-child { margin-right: 0; } .page__feedback { display: flex; justify-content: space-between; padding-bottom: 140px; } .page__feedback-form { padding-right: 16px; box-sizing: border-box; max-width: 520px; } .page__feedback-form input[type="text"], .page__feedback-form textarea { font-family: "HP Simplified", Arail, Sans-serif; } .page__feedback-form textarea { width: 100%; box-sizing: border-box; resize: none; padding: 8px 16px; height: 128px; } .page__feedback-form input[type="text"]::-webkit-input-placeholder, .page__feedback-form textarea::-webkit-input-placeholder { font-weight: 400; color: #999; font-family: "HP Simplified", Arail, Sans-serif; } .page__feedback-form input[type="text"]:-ms-input-placeholder, .page__feedback-form input[type="text"]::-ms-input-placeholder, .page__feedback-form textarea:-ms-input-placeholder, .page__feedback-form textarea::-ms-input-placeholder { font-weight: 400; color: #999; font-family: "HP Simplified", Arail, Sans-serif; } .page__feedback-form input[type="text"]::placeholder, .page__feedback-form textarea::placeholder { font-weight: 400; color: #999; font-family: "HP Simplified", Arail, Sans-serif; } .page__feedback-img { max-width: 600px; margin: 0 auto; } .page__contacts-block { display: flex; margin-bottom: 80px; } .page__contacts-right { width: 100%; max-width: 700px; } .page__contacts-left { width: 100%; max-width: 520px; padding-right: 30px; box-sizing: border-box; } .page__contacts-left h2 { margin-top: 0; } .page__contacts-main { padding-top: 30px; padding-bottom: 30px; background-color: #f4f4f4; margin-bottom: 80px; } .page__contacts-main .page__contacts-block { margin-bottom: 30px; } .page__contacts-photo { display: flex; } .page__contacts-photo-item { margin-right: 20px; } .page__contacts-photo-item:last-child { margin-right: 0; } .page__contacts-del { background-color: #f4f4f4; padding-right: 0; display: flex; justify-content: space-between; min-height: 467px; } .page__contacts-del .page__contacts-left { padding: 30px 30px 30px 0; } .page__compare-button, .page__text ul { margin-left: 24px; } .page__text li { list-style-type: circle; list-style-position: outside; margin: 2px 0 2px 16px; } @media (max-width: 992px) { .page__feedback { flex-direction: column-reverse; } .page__feedback-form { padding-right: 0; max-width: 100%; } } @media (max-width: 768px) { .page__compare { position: static; right: 0; top: 0; display: none; margin-right: 0; margin-left: 30px; } .page__title, .page__top-menu { display: flex; flex-direction: column; } .page__top-menu { position: relative; } .breadcrumbs + .page__compare { margin-top: 26px; margin-bottom: -26px; } .page__title { align-items: flex-start; justify-content: center; } .page__title-link { margin: -20px 0 20px 30px; } .page__compare + .breadcrumbs { max-width: 100%; } .page__pay { justify-content: space-between; } .page__pay-item { margin-right: 30px; } .page__contacts-block { flex-direction: column; } .page__contacts-right { height: 300px; max-width: 100%; } .page__contacts-left { padding-right: 0; max-width: 100%; } .page__contacts-del { flex-direction: column; padding-right: 30px; } } @media (max-width: 480px) { .page__compare, .page__title-link { margin-left: 20px; } .page__pay { margin: 24px 0; } .page__contacts-del { padding-right: 20px; } } /* End */ /* Start:/local/templates/hp/css/autoload/__typo.min.css?17319502806011*/ * { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent } .body, .fancybox-inner { font-family: 'HP Simplified', Arial, sans-serif } .body { font-size: 16px; color: #5a5a5a; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; overflow-x: hidden } .title-h1, h1 { font-size: 44px; padding: 0 30px; color: #5a5a5a; text-align: left; font-weight: 400; margin: 16px 0; word-break: break-word } .page_x360intel h1{ position:relative; font-size:32px; } .page_x360intel h1:before{ content:""; display:block; width: 204px; height: 88px; background-image:url(/local/templates/hp/css/autoload/assets/typo/i57.jpg); background-size:contain; background-repeat:no-repeat; float:left; } .page_x360intel h1:after{ content:""; display:block; clear:both; } .title-h1_mar { margin: 32px 0 } .title-h1_block { margin: 12px 0 56px } .title-h1_center { text-align: center } .title-h2, h2, p { font-size: 24px; font-weight: 400; margin: 32px auto 16px; color: #5a5a5a } .title-h3, h3 { font-size: 18px; font-weight: 700; color: #333; margin: 16px auto } .link, button { cursor: pointer } button { box-shadow: none } a { text-decoration: none; transition: .25s } a[href^="mailto:"], a[href^="tel:"], a[href^="https://api.whatsapp.com"] { white-space: nowrap } img { max-width: 100%; height: auto } button, input { border: 0; outline: 0 } input[type="text"], input[type="password"], textarea { -webkit-appearance: none; box-shadow: none; box-sizing:border-box; } .link { color: #008bc7 } .link-txt, a { color: #5a5a5a } .link-txt:hover, .link:hover { color: #00a3e9 } .link_game, .link_pavilion-game { color: #fff } .link_game:hover { color: #eee } .link_pavilion-game:hover { color: #ddd } .button-link { text-transform: uppercase; color: #fff; padding: 16px 30px; border-radius: 2px; background-color: #008bc7; line-height: 1.2; display: inline-block; min-width: 157px; box-sizing: border-box; text-align: center; letter-spacing: .05em; cursor: pointer; border: 1px solid #008bc7 } .button-link_sm { padding: 9px 48px } .button-link_premium { background-color: #c8932b; border-color: #c8932b } .button-link_raif { background-color: #ffed00; border-color: #ffed00; color: #000 } .button-link:hover { background-color: #00a3e9 } .button-link_premium:hover { background-color: #e6a931 } .button-link_raif:hover { background-color: #ebdc08 } .button-link_border-trans, .button-link_border_blue, .button-link_border_game, .button-link_border_gray, .button-link_border_premium { background-color: transparent; padding: 15px 30px } .button-link_border_blue, .button-link_border_game { border: 1px solid #008bc7; color: #008bc7 } .button-link_border_blue:hover, .button-link_border_game:hover { background-color: transparent; border: 1px solid #00a3e9; color: #00a3e9 } .button-link_border_gray { border: 1px solid #5a5a5a; color: #5a5a5a } .button-link_border_gray:hover { background-color: transparent } .button-link_border_premium { border: 1px solid #c8932b; color: #c8932b } .button-link_border_premium:hover { background-color: transparent; border: 1px solid #e6a931; color: #e6a931 } .button-link_border-trans { border: 1px solid #fff; color: #fff } .button-link_lock, .button-link_lock:hover { border: 1px solid #ccc; background-color: #ccc; } .arr-link { color: #fff; text-transform: uppercase; display: inline-block; letter-spacing: .05em; position: relative; padding-right: 20px } .arr-link::before { content: ''; display: block; position: absolute; width: 7px; height: 7px; border: 2px solid #fff; border-bottom: none!important; border-left: none!important; top: 3px; right: 4px; transform: rotate(45deg); transform-origin: 0; transition: .2s } .arr-link:hover::before { right: 0 } .arr-link_blue { color: #0096d6 } .arr-link_blue::before { border: 2px solid #0096d6 } .arr-link_gray { color: #5a5a5a } .arr-link_gray::before { border: 2px solid #5a5a5a } .arr-link_black { color: #000 } .arr-link_black::before { border: 2px solid #000 } p { font-size: 15px; margin: 16px 0; color: #666 } .p-mt { margin-top: 32px } .container { max-width: 1280px; width: 100%; margin: 0 auto; position: relative } .container-inner { padding-left: 30px; padding-right: 30px; width: 100%; box-sizing: border-box } .container-inner .title-h1, .container-inner h1 { padding-left: 0; padding-right: 0 } .bold { font-weight: 700 } li { list-style-type: none } .orange { color: #c8932b } .red { color: #b62237 } @media (max-width:992px) { .overflow_h, .overflow_h .body { overflow: hidden } } @media (max-width:768px) { .title-h1_block { margin: 12px 0 26px } .title-h1_center { text-align: left } } @media (max-width:480px) { .title-h1, h1 { font-size: 30px; padding: 0 20px; margin: 16px 0 } p { margin: 12px 0 } .container-inner { padding-left: 20px; padding-right: 20px } [data-elementid] { padding: 0 20px!important } .container-inner.container-no-page { margin-bottom: 50px } .page_x360intel h1{ line-height:1.15; } .page_x360intel h1:before{ width: 156px; height: 64px; } } #onetrust-consent-sdk #onetrust-policy-text, #onetrust-consent-sdk #onetrust-policy-title, #onetrust-banner-sdk #onetrust-button-group-parent { font-family: 'HP Simplified', Arial, sans-serif !important; } #flix-inpage { max-width: 100%; padding: 16px; box-sizing: border-box; } #flix-privacy-policy { display:none; } .inpage_selector_footnote { padding:0 !important; } /* End */ /* Start:/local/templates/hp/css/autoload/header.min.css?17069046597643*/ .header { position:fixed; background-color: #fff; height: 60px; margin: 0 auto; display:block; font-size: 16px; z-index: 100; padding: 0 16px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #ccc; box-shadow:0 0 1px 1px rgba(0,0,0,0.2); left:0; right:0; top:0; } .header__wrap { display: flex; height:100%; justify-content: space-between; align-items: center; } .header__poisk { display: flex; flex-grow:1; justify-content:flex-end; margin-left:32px; } .header a { color: #5a5a5a; } .header__nav-item a{ white-space:nowrap; } @media screen and (min-width:1000px) { .header a:hover { color: #00a3e9; } } .header__menu { display: flex; flex-grow: 1; overflow-x: hidden; height: 100%; align-items: center; } .header__nav { flex-grow: 3; display: flex; margin-left: 24px; height: 100%; } .header__nav-item { margin: 0 10px; height: 100%; display: flex; align-items: center; } .header__nav-menu { position: absolute; background: #F2F2F2; width: 100vw; height: 60px; top: 83px; left: 50%; transform: translateX(-50%); border-top: 2px solid #CCCCCC; transition: all 0.3s ease 0.01s; visibility: hidden; opacity: 0; display: flex; justify-content: center; align-items: center; } .header__nav-menu-item { display: flex; flex-direction: column; align-items: center; margin: 0 16px; } .header__nav-menu-item_ml{ margin-left:64px; } .header__nav-menu-arrow { content: ''; display: block; width: 20px; left: 300px; top: -12px; height: 20px; background: #F2F2F2; border-top: 2px solid #CCCCCC; border-left: 2px solid #CCCCCC; position: absolute; transform: rotate(45deg); } .header__nav-item-img { display: none; width: 32px; margin: 0 16px; fill: #5A5A5A; } .header__nav-menu-item svg { flex-shrink: 0; margin-bottom: 8px; fill: #5A5A5A; transition: 0.25s; } .header__nav-menu-item:hover svg { fill: #00a3e9; } .header__nav-item:hover .header__nav-menu { visibility: visible; opacity: 1; } .header__nav-item-menu-wrap { width: 200px; } .header__panel { white-space:nowrap; } .header__panel-item { width: 28px; height: 28px; margin-left: 12px; flex-grow: 1; } .header__panel-item_lk{ position:relative; } .header__personal-menu{ position:absolute; top:85px; right:0; } .header__personal-menu{ display:none; } .header__personal-menu_active{ display:block; } .header__panel-item svg { fill: #5A5A5A; transition: 0.45s; } .header__panel-item:hover svg { fill: #00a3e9; } .header__panel-text { display: none; } .header__call{ white-space:nowrap; display:flex; align-items:center; text-align:center; margin-right:16px; } .header__call-phone { margin-right:8px; } .header__call-do { display:none; } .header__call-recall { font-size:14px; } .header__call a { } a.header__email{ color:#008bc7; font-size:14px; } .header__logo { display: block; flex-shrink: 0; width: 56px; } .header__logo img { width: 100% } .header__search { position: absolute; background: #F2F2F2; width: 100vw; height: 60px; top: 60px; left: 50%; transform: translateX(-50%); border-top: 2px solid #CCCCCC; transition: all 0.3s ease 0.01s; visibility: hidden; opacity: 0; display: flex; justify-content: center; align-items: center; padding: 0 40px; box-sizing: border-box; } .header__search_active { visibility: visible; opacity: 1; } .header__button { width: 30px; height: 20px; cursor: pointer; display: none; flex-direction: column; justify-content: space-between; transform: .5s; } .header__button span { width: 30px; height: 2px; background-color: #5A5A5A; transition: 0.5s; border-radius: 5px; transform-origin: 0; } .header__button_active span:first-child { transform: rotate(45deg) translate(0, -3px); } .header__button_active span:nth-child(2) { opacity: 0; width: 0; } .header__button_active span:last-child { transform: rotate(-45deg) translate(0, 3px); } .header_nav-active .header__nav { display: flex !important; } .header_nav-active .header__panel { display: block !important; } .header__panel-item_basket{ position:relative; } .header__panel-item_basket:not([data-count="0"]):after{ content:attr(data-count); position:absolute; right:0; top:-16px; width:16px; height:16px; background:#0096D6; border-radius:16px; color:#fff; text-align:center; line-height:16px; font-size:12px; } a.header__call-do { color: #008bc7 !important; } .header__logo_mobile { display:none; } .header__logo_desktop { } .header__right-logo { margin-left:16px; flex-shrink:0; flex-grow:1; text-align:right; } .header__right-logo img{ height:40px; } .header__panel-item_search { display:none; } @media(max-width:1280px) { .header__call { } .header__panel { white-space:wrap; } .header__nav { margin-left: 16px; } .header__nav-item { margin: 0 8px; } .header__call { flex-direction:column; text-align:left; /* padding-top:16px; */ } .header__call a { margin: 0; } .header__nav-item a{ font-size:0.9em; } .header__call-do { font-size: 12px; } .header__call-recall { width:100%; } } @media screen and (min-width: 1000px) and (max-width: 1064px) { .header { } .header__call { padding-left:8px; margin-right:8px; } .top-menu__link{ margin:0 4px !important; } } @media(max-width: 992px) { .header_nav-active { position: fixed; z-index:2; } .header__button { display: flex; } .header__nav { display: none; flex-direction: column; height: auto; width: 100vw; margin-left: 0; top: 60px; left: 0; position: absolute; height: calc(100vh - 60px); background-color: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-x: hidden; } .header__nav-item { min-height: 65px; height: 65px; background-color: #fff; margin: 0; border-top: 1px solid #ebebeb; cursor: pointer; } .header__nav-item:hover > a { color: #00a3e9; } .header__nav-item:hover .header__nav-item-img { fill: #00a3e9; } .header__nav-item:hover .header__nav-menu { display: none; } .header__nav-item-img { display: block; } .header__call { display: none; } .header__panel { margin-left: auto; margin-right: 28px; } } @media(max-width: 480px) { .header__logo_mobile { display:block; } .header__logo_desktop { display:none; } .header__right-logo{ display:none; } .header__panel-item_search { display:block; } } @media(max-width: 480px) { .header { padding: 0 20px; } .header__poisk { display:none; } } /* End */ /* Start:/local/templates/hp/css/autoload/block-grid.min.css?17482478143257*/ .block-grid { display: flex; flex-wrap: wrap; max-width: 1280px; width: 100%; margin: 0 auto; } .block-grid__item { height: 467px; width: 50%; color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; } .block-grid__h1 { background-color: #008bc7; padding: 16px 30px; color:#fff; font-size:24px; position:absolute; left:0; white-space:nowrap; top:24px; text-shadow:none; } .block-grid__h1 h1{ white-space:nowrap; color:#fff; font-size:24px; left:0; top:0; padding:0; margin:0; text-shadow:none; } .block-grid__h1-desc{ font-size:18px; } .block-grid__inner { margin-top: 50px; padding: 0 20px; box-sizing: border-box; } .block-grid__item_game { color: #000; } .block-grid__item_first { display: flex; align-items: center; justify-content: center; } .block-grid__item { text-shadow: 0 0 8px #000; } .block-grid__item_black { color:#000; text-shadow: 0 0 8px #fff; } .block-grid__item_plotter { } .block-grid__item_plotter .block-grid__inner{ margin-top:70px; } .block-grid__item p { text-shadow:0 0 8px #000; } .block-grid__item_black p{ text-shadow:0 0 8px #fff; } .block-grid__item_right { background-position: right; } .block-grid__item_first .block-grid__inner { margin-top: 0; } .block-grid__item p { color: inherit; text-align: center; font-size: 24px; margin: 10px 0 26px; } .block-grid__item_big { width: 100%; position:relative; } .block-grid__title { font-size: 44px; text-align: center; } .block-grid__panel { display: flex; justify-content: center; align-items: center; } .block-grid__item .button-link { margin-right: 40px; } @media (min-width: 1100px) { .block-grid__item_plotter .block-grid__panel{ margin-top:150px; } } @media (max-width: 992px) { .block-grid { width: 100%; } .block-grid__title { font-size: 36px; } .block-grid__item p { font-size: 20px; } .block-grid__inner { margin-top: 0px; } .block-grid__item_plotter .block-grid__inner { margin-top: -24px; } .block-grid__item { display: flex; align-items: center; justify-content: center; } .block-grid__item .button-link { margin-right: 0; margin-bottom: 16px; } .block-grid__panel { flex-direction: column; } } @media (max-width: 768px) { .block-grid__item { width: 100%; height: 407px; } } @media (max-width: 480px) { .block-grid__h1{ top:8px; } .block-grid__h1 h1{ color:#fff; font-size:16px; } .block-grid__h1-desc{ font-size:14px; } .block-grid__inner > p { display: none; } .block-grid__item { height: 320px; } .block-grid__title { margin-bottom: 16px; } .block-grid__item_printer .block-grid__title{ transform:translateY(-50px); } .block-grid__item_plotter .block-grid__title{ transform:translateY(-17px); } } /* End */ /* Start:/local/templates/hp/css/autoload/footer.min.css?17333153103997*/ .footer { background-color: #5A5A5A; padding: 20px 0 55px; box-sizing: border-box; position: relative } .footer_margin { margin-top: 80px } .footer__wrap { display: flex; margin: 0 auto; box-sizing: border-box; position: relative; max-width: calc(1218px + 60px); padding: 0 30px; box-sizing: border-box; width: 100% } .footer__column { position: relative; width: 27% } .footer__column_phone { width: 20%; text-align: right; display:none !important; } .footer__column a { color: #fff } .footer__column a:hover { color: #00a3e9 } .footer__list-item { margin: 12px 0; max-width: 230px } .footer__column .footer__title { color: #979797; margin-bottom: 16px; display: inline-block } .footer__pay { display: flex; align-items: center; padding-bottom:12px; } .footer__pay img { margin-right: 24px } .footer__company { color: #979797; margin:0 30px; box-sizing:border-box; width:1280px; margin:0 auto; max-width:100%; box-sizing:border-box; padding:0 32px; } .footer__button { position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); background-color: #5a5a5a; padding: 14px 0; width: 150px; text-align: center; color: #fff; text-transform: uppercase; letter-spacing: .8px; cursor: pointer; padding-right: 19px; z-index: 1; box-sizing: border-box } .footer__button::before { content: ''; display: block; position: absolute; width: 7px; height: 7px; border: 2px solid #fff; border-bottom: none; border-left: none; top: 50%; right: 38px; transform: rotate(-45deg); transform-origin: 0; transition: .2s } .footer__column_mobile { display: none; } .footer__title a { color: #979797 } .footer__title a:hover { color: #979797 } .footer__social-icon { height: 32px; vertical-align: middle; margin-right: 8px } .footer__social { display:flex; transform: translateY(16px); } .footer__social a { width:32px; height:32px; margin-right:20px; } .footer__corp-sale { margin-top:16px; } .footer__corp-sale a:hover{ color:#fff; } @media(min-width:992px) { .footer__column_flex { display:flex; flex-direction:column; } .footer__social { align-items:flex-end; flex-grow:1; } } @media(max-width:992px) { .footer { padding: 20px 0 0 0 ; } .footer__list { display: none; } .footer__wrap { flex-direction: column; padding: 0; width: 100% } .footer__column { display: flex; align-items: center; width: 100%; justify-content: space-between; padding: 8px 30px; box-sizing: border-box; flex-direction: column; align-items: flex-start; justify-content: center } .footer__column_mobile { display: none; } .footer__column .footer__title { margin-bottom: 0 } .footer__pay { margin-top:16px; margin-bottom:16px; } .footer__pay img { margin-right: 16px } .footer__company { width: 100%; position: static; padding: 0 30px; box-sizing: border-box; height: 80px; display: flex; align-items: center } .footer__list-item { margin: 14px 0 } .footer__social { display:flex; transform:none } } @media(max-width:480px) { .footer__list { display: block; } .footer__pay { display: none } .footer__social { margin-top:16px; } .footer__button { padding: 10px 0; width: 140px; padding-right: 14px } .footer__button::before { right: 28px } .footer__column { padding: 0 20px; margin: 8px 0; border-bottom:0; } .footer__company { padding: 0 20px } .footer__company { margin:0 10x; } } /* End */ /* Start:/local/templates/hp/css/autoload/searchbox-header.min.css?17069055281172*/ .searchbox-header, .searchbox-header__input{ width:100%; box-sizing:border-box; } .searchbox-header{ display:flex; max-width:256px; position:relative; background-color:#fff; align-items:center; box-sizing:border-box; } .searchbox-header__input{ height:100%; padding:4px 8px; font-size:16px; color:#5a5a5a; border:1px solid #ccc; border-right:0; box-sizing:border-box; } .searchbox-header__submit{ flex-shrink:0; padding:0 8px; height:32px; display:flex; align-items:center; justify-content:center; font-size:16px; letter-spacing:.8px; cursor:pointer; color:#fff; border-radius:0; background:#0096d6; text-align:center; } .searchbox-header__submit svg{ fill:#fff; width:18px; } .searchbox-header__input:-ms-input-placeholder, .searchbox-header__input::placeholder{ font-size:20px; } .searchbox-header .twitter-typeahead{ height:32px; } @media screen and (max-width:1000px){ } @media screen and (max-width:768px){ } @media screen and (max-width:480px){ .searchbox-header { display:none; } } /* End */ /* Start:/local/templates/hp/css/autoload/search-results.min.css?1706904795783*/ .twitter-typeahead{ width:100%; } .tt-dataset{ max-height:380px; overflow-y:auto; overflow-x:hidden; padding:8px; } .tt-suggestion{ cursor:pointer; padding:0 0 8px; font-size:14px; line-height:1.2; color:rgba(14,14,14,.5); -webkit-transition:color .15s cubic-bezier(.42,0,.58,1); -o-transition:color .15s cubic-bezier(.42,0,.58,1); transition:color .15s cubic-bezier(.42,0,.58,1); will-change:color; display:flex; align-items:center; } .tt-highlight{ color:#008bc7; font-weight:500; } .tt-menu{ right:0; width:400px; padding:0 5px 0 0; background:#fff; border:1px solid #ebebeb; } .tt-img{ margin:0 8px 0 0; flex-shrink:0; width:50px; text-align:center; } /* End */ /* Start:/local/templates/hp/css/autoload/popup-form.min.css?16974909891078*/ .popup-form{background:#f2f2f2;border:1px solid #e5e5e5;max-width:512px;box-sizing:border-box;padding:24px}.popup-form__fields{margin-top:16px}.popup-form__field{padding:8px 0}.popup-form__field .checkbox{margin:0}.popup-form input[type=text],.popup-form textarea{width:100%;box-sizing:border-box;height:56px;font-family:'HP Simplified',Arail,Sans-serif}.popup-form input[type=checkbox]{display:none}.popup-form textarea{resize:none;padding:8px 16px;height:128px}.popup-form input[type=text]::-webkit-input-placeholder,.popup-form textarea::-webkit-input-placeholder{font-weight:400;color:#999;font-family:'HP Simplified',Arail,Sans-serif}.popup-form input[type=text]:-ms-input-placeholder,.popup-form input[type=text]::-ms-input-placeholder,.popup-form textarea:-ms-input-placeholder,.popup-form textarea::-ms-input-placeholder{font-weight:400;color:#999;font-family:'HP Simplified',Arail,Sans-serif}.popup-form input[type=text]::placeholder,.popup-form textarea::placeholder{font-weight:400;color:#999;font-family:'HP Simplified',Arail,Sans-serif}.popup-form__error{color:red} /* End */ /* Start:/local/templates/hp/css/autoload/up.min.css?1697490989320*/ .up{z-index:20;position:fixed;right:32px;bottom:160px;background:rgba(196,196,196,.5);padding:12px 24px;box-sizing:border-box;cursor:pointer;opacity:0;visibility:hidden;transition:all .2s ease;font-family:'HP Simplified',Arial,sans-serif}.up:hover{background:rgba(196,196,196,.6)}.up_active{opacity:1;visibility:visible} /* End */ /* Start:/local/templates/hp/css/autoload/service-main.css?16974909892109*/ .service-main { color:#5A5A5A; background:#f2f2f2; padding-bottom:64px; } .service-main__head{ display:flex; padding:32px; align-items:center; } .service-main__head-view{ width:48px; flex-shrink:0; margin-right:24px; } .service-main__head-view img{ max-width:100%; } .service-main__head-title{ font-size:36px; } .service-main__list { display:flex; flex-wrap:wrap; } .service-main__item { flex:0 0 50%; box-sizing:border-box; padding:12px 32px; font-size:16px; } .service-main__item a{ color:#5A5A5A; text-decoration:none; } .service-main__item_head { font-size:24px; } .service-main__item_head a{ text-decoration:none; font-size:32px; display:block; margin-top:8px; } .service-main__triangle { padding-left:24px; position:relative; } .service-main__triangle:before { content:""; display:block; position:absolute; width:12px; height:12px; top:50%; left:0; transform:translateY(-50%); background-size:cover; background-position:center; background-image:url(/local/templates/hp/css/autoload/assets/service-main/triangle.svg); } @media screen and (max-width:1280px){ .service-main__head-view{ width:64px; } .service-main__head-title{ font-size:40px; } .service-main__item { font-size:16px; } .service-main__item_head{ font-size:24px; } } @media screen and (max-width:1000px){ .service-main__head{ padding:24px; } .service-main__head-title{ font-size:42px; } .service-main__item { padding-right:0; padding:12px 24px; } .service-main__item_head { font-size:20px; } } @media screen and (max-width:768px){ .service-main__head-view{ width:48px; } .service-main__head-title{ font-size:36px; } .service-main__item { flex:0 0 100%; font-size:16px; padding:8px 24px; } } @media screen and (max-width:480px){ .service-main__head-title{ font-size:24px; line-height:1.15; } .service-main__triangle { display:inline-block; } .service-main__triangle:before { top:4px; transform:translateY(0); } } /* End */ /* Start:/local/templates/hp/css/autoload/main-board.min.css?16974909891083*/ .main-board { display:flex; flex-wrap:wrap; width:calc(100% + 16px); margin:32px -8px; padding:0 32px; box-sizing:border-box; } .main-board__item { width:calc(33.33% - 16px); margin:8px 8px 32px; } .main-board__view { width:100%; padding-top:70%; position:relative; } .main-board__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size:cover; background-position:center; } .main-board__content { } .main-board__name { font-size:28px; margin:8px 0 16px; } .main-board__action { } .main-board .button-link { background-color:#165DBA; border-color:#165DBA; } @media screen and (max-width:1000px) { .main-board { padding:0 16px; } } @media screen and (max-width: 768px) { .main-board { width:100%; margin:32px 0; } .main-board__item { width:100%; margin:32px 0; } } @media screen and (max-width: 480px) { .main-board { padding:0; } .main-board__content { padding:0 16px; } .main-board__name { font-size:24px; } } /* End */ /* Start:/local/templates/hp/css/autoload/board-slider.min.css?17092239972244*/ .menu-open .board-slider:after { opacity:1; } .board-slider:after { opacity:0; transition:all 0.2s linear; pointer-events:none; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); } .board-slider { /* margin:0 0 32px 0; */ margin:0; position:relative; } .board-slider__item { position:relative; } .board-slider__view { height:460px; background-position:center; background-size:cover; } .board-slider__content { position:absolute; background:#fff; padding:40px 32px; top:50%; transform:translateY(-50%); left:32px; width:456px; max-width:100%; box-sizing:border-box } .board-slider__name { font-size:32px; } .board-slider__desc { margin-top:16px; } .board-slider__action { margin-top:16px; } .board-slider .button-link { background-color: #165DBA; border-color: #165DBA; } @media screen and (max-width:1000px) { .board-slider__view { background-position:center right; } } @media screen and (max-width: 768px) { .board-slider__view { height:256px; } .board-slider__content { position:static; background:transparent; padding:16px; top:0; transform:none; left:auto; width:100%; } .board-slider__name { font-size:28px; } } @media screen and (max-width: 480px) { .board-slider__name { font-size:24px; } } /*theme hyperx start*/ .board-slider__item_theme_hyperx .board-slider__content { background:transparent; color:#fff; top:0; transform:none; } .board-slider__item_theme_hyperx .board-slider__name { line-height:1.05; } .board-slider__item_theme_hyperx .button-link { background-color:#E31837; border-color:#E31837; text-transform:lowercase; } .board-slider__item_theme_hyperx .button-link:hover { background-color:#9C0C22; border-color:#9C0C22; } @media screen and (max-width: 768px) { .board-slider__item_theme_hyperx .board-slider__content { position:absolute; padding:32px; left:0; width:456px; max-width:100%; box-sizing:border-box } .board-slider__item_theme_hyperx .button-link { padding:12px 24px; } } /*theme hyperx end*/ /* End */ /* Start:/local/templates/hp/css/autoload/board-text.css?169749098971*/ .board-text { margin:24px; } .board-text p { font-size:13px; } /* End */ /* Start:/local/templates/hp/components/bitrix/menu/top_catalog2/style.css?17069060784281*/ .overflow_h { overflow:visible !important; } @media screen and (max-width:1000px) { .menu-open { overflow:hidden; height:100%; width:100%; position: fixed; } } .header { border-bottom:0 !important; } .header__menu { overflow:visible !important; } .top-menu { display:flex; padding:0 8px; box-sizing:border-box; height:100%; } .top-menu__item { position:relative; height:100%; display:flex; align-items:center; } .top-menu__item_selected { } .top-menu__sub-item { font-weight:300; } .top-menu__sub-item_bold { font-weight:400; margin-top:16px; } .top-menu__sub-item_bold a { text-decoration:underline; } .top-menu__link { margin:0 8px; } .top-menu__sub { display:none; } .top-menu__sub-item { margin-bottom:8px; } .top-menu__sub-item:last-child { margin-bottom:0px; } .top-menu__sub-link { white-space:nowrap; } .top-menu__sub1 .top-menu__sub-link { white-space:normal; } .top-menu__sub-link img { height: 20px; vertical-align: middle; display: inline-block; margin-top: -4px; margin-left: 4px; } .top-menu__sub-header { color:#000; margin-bottom:16px; font-size:1.2em; display:block; font-weight:400; } @media screen and (min-width:1000px) { .top-menu__sub { position:absolute; left:0; top:100%; padding:32px; box-sizing:border-box; background:#fff; box-shadow:0 0 10px 2px rgba(0,0,0,0.04); border-top:1px solid #F2F2F2; } .top-menu__item:hover:after { content:""; height:3px; width:calc(100% - 16px); left:8px; bottom:0; background-color:#0096d6; position:absolute; } .top-menu__item:hover > .top-menu__sub { display:block; } .top-menu__item:hover > .top-menu__sub_flex { display:flex; } .top-menu__sub_flex > .top-menu__sub-item { width:196px; margin-right:32px; } } @media screen and (max-width:1100px) { .top-menu { font-size:14px; } } @media screen and (max-width:1000px) { .top-menu__item_multi { position:relative; display:block; } .top-menu__item_multi .top-menu__link:after { background-image:url('/local/templates/hp/components/bitrix/menu/top_catalog2/images/right.svg'); background-repeat:no-repeat; width:24px; height:24px; content:""; display:block; clear:both; position:absolute; right:0; top:32px; transition: all 0.2s; pointer-events:none; background-color:transparent; transform:translateY(-50%) rotate(0); } .top-menu__item_open .top-menu__link:after{ transform:translateY(-50%) rotate(90deg); } .menu-open .header{ background:#f2f2f2; } .menu-open #panel{ display:none; } .header__button { display:flex !important; } .header__call { display:none !important; } .header__panel{ margin-left: auto; margin-right: 28px; display:flex !important; } .header__panel-item { margin-left:32px !important; } .header__panel-item_basket:not([data-count="0"]):after { right: -8px !important; top: -8px !important; } .header__panel-item svg { height: 24px !important; } body .header_nav-active .header__panel { display:flex !important; } .header__nav { position:fixed !important; height:calc(100% - 60px) !important; } .menu-open .top-menu{ background:#f2f2f2; } .top-menu { flex-direction:column; overflow:scroll; } .top-menu__item { display:block; height:auto; border-bottom:1px solid #ccc; box-sizing:border-box; } .top-menu__link { height:64px; display:flex; align-items:center; } .top-menu__sub{ margin:0 0 0 16px; } .top-menu__sub-item { } .top-menu__sub-link { display:block; margin-bottom:16px; } .top-menu__item_more > a{ display:none; } .top-menu__item_more .top-menu__sub{ display:block; margin:0; } .top-menu__item_more .top-menu__sub-item{ display: block; height: auto; border-bottom: 1px solid #ccc; box-sizing: border-box; } .top-menu__item_more .top-menu__sub-link{ height: 64px; display: flex; align-items: center; margin: 0 8px; } .top-menu__sub1 { margin-left:16px; } } @media screen and (max-width: 768px) { } @media screen and (max-width: 480px) { } /* End */ /* Start:/local/templates/hp/template_styles.css?16974909901711*/ .hidden { display:none; } a:focus,a:active { outline:none; } ol { margin:16px 0; counter-reset: my-awesome-counter; } ol ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 15px; } ol li{ margin:16px 0; counter-increment: my-awesome-counter; font-size: 15px; font-weight: 400; margin: 16px 0; color: #666; } ol li:before{ content: counter(my-awesome-counter) ". "; font-weight: bold; font-size:1.4em; } input[type="checkbox"]{ background: #FFFFFF; border: 1px solid #EBEBEB; box-sizing: border-box; display: inline-block; width: 28px; margin-right: 10px; position: relative; height: 28px; flex-shrink: 0; vertical-align:middle; } input[type="checkbox"]:checked:after { content: ''; position: absolute; left: 7px; top: 8px; width: 11px; height: 5px; border-left: 2px solid #5A5A5A; border-bottom: 2px solid #5A5A5A; transform: rotate(-45deg); } input[type=text]{ border: 1px solid #EBEBEB; padding:0 16px; height:48px; font-size:20px; box-shadow:none !important; } input[type=password]{ border: 1px solid #EBEBEB; padding:0 16px; height:48px; font-size:20px; box-shadow:none !important; } textarea{ border: 1px solid #EBEBEB; padding:0 16px; height:48px; font-size:20px; box-shadow:none !important; } .fancybox-popup .fancybox-content{ padding:0 } .fancybox-content a:not(.button-link) { color:#008bc7; } #popup_header_feedback a { font-family: 'HP Simplified',Arial,sans-serif; } #popup_header_feedback > div{ margin:4px 0; } @media screen and (max-width:1000px){ } @media screen and (max-width:768px){ } @media screen and (max-width:480px){ .fancybox-content { padding:16px; } } /* End */ /* /local/templates/hp/vendor/fancybox/jquery.fancybox.min.css?169749099012795 */ /* /local/templates/hp/vendor/owl/assets/owl.carousel.min.css?16974909903351 */ /* /local/templates/hp/vendor/owl/assets/owl.theme.default.min.css?16974909901013 */ /* /local/templates/hp/vendor/owl/assets/owl.theme.board.css?16974909901619 */ /* /local/templates/hp/vendor/owl/assets/owl.theme.board_hyperx.css?16974909902219 */ /* /local/templates/hp/vendor/owl/assets/owl.theme.arrows.css?16974909902082 */ /* /local/templates/hp/vendor/jbox/jBox.all.min.css?169749099018226 */ /* /local/templates/hp/css/autoload/checkbox.min.css?1731516741968 */ /* /local/templates/hp/css/autoload/fonts.min.css?16974909892303 */ /* /local/templates/hp/css/autoload/_page.min.css?16974909895227 */ /* /local/templates/hp/css/autoload/__typo.min.css?17319502806011 */ /* /local/templates/hp/css/autoload/header.min.css?17069046597643 */ /* /local/templates/hp/css/autoload/block-grid.min.css?17482478143257 */ /* /local/templates/hp/css/autoload/footer.min.css?17333153103997 */ /* /local/templates/hp/css/autoload/searchbox-header.min.css?17069055281172 */ /* /local/templates/hp/css/autoload/search-results.min.css?1706904795783 */ /* /local/templates/hp/css/autoload/popup-form.min.css?16974909891078 */ /* /local/templates/hp/css/autoload/up.min.css?1697490989320 */ /* /local/templates/hp/css/autoload/service-main.css?16974909892109 */ /* /local/templates/hp/css/autoload/main-board.min.css?16974909891083 */ /* /local/templates/hp/css/autoload/board-slider.min.css?17092239972244 */ /* /local/templates/hp/css/autoload/board-text.css?169749098971 */ /* /local/templates/hp/components/bitrix/menu/top_catalog2/style.css?17069060784281 */ /* /local/templates/hp/template_styles.css?16974909901711 */