/* Start:/local/templates/utes/css/swiper-bundle.min.css?178308707514621*/ /** * Swiper 12.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2026 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 27, 2026 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* End */ /* Start:/local/templates/utes/css/jquery.fancybox.min.css?173877330512795*/ 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/utes/css/animate.css?173877330757114*/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-150px); -ms-transform: translateX(-150px); transform: translateX(-150px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(150px); transform: translateX(150px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* End */ /* Start:/local/templates/utes/components/bitrix/system.auth.form/.default/style.min.css?1779556739424*/ div.bx-system-auth-form span.bx-auth-secure{background-color:#fffae3;border:1px solid #dedbc8;padding:2px;display:inline-block;vertical-align:bottom;margin-top:-1px}div.bx-system-auth-form div.bx-auth-secure-icon{background-image:url(/local/templates/utes/components/bitrix/system.auth.form/.default/images/sec.png);background-repeat:no-repeat;background-position:center;width:19px;height:18px}div.bx-system-auth-form div.bx-auth-secure-unlock{background-image:url(/local/templates/utes/components/bitrix/system.auth.form/.default/images/sec-unlocked.png)} /* End */ /* Start:/bitrix/components/awz/cookies.sett/templates/.default/style.css?17828376397950*/ .awz_cookies_sett__message {display: block;position: fixed;z-index: 1049; width:60%;max-width:580px; right:auto;left:auto;bottom:auto;top:auto; font-size:0.8em;line-height:1.3em;border-radius:10px; } .awz_cookies_sett__message_bottom_right, .awz_cookies_sett__message_ { right:10px;bottom:10px; } .awz_cookies_sett__message_bottom_left { left:10px;bottom:10px; } .awz_cookies_sett__message_top_left { left:10px;top:10px; } .awz_cookies_sett__message_top_right { right:10px;top:10px; } .awz_cookies_sett__message_bottom_center, .awz_cookies_sett__message_top_center { left:50%; margin-left:-290px; } @media (max-width: 1102px) { .awz_cookies_sett__message_bottom_center, .awz_cookies_sett__message_top_center { left:20%; margin-left:0; } } .awz_cookies_sett__message_bottom_center {bottom:10px;} .awz_cookies_sett__message_top_center {top:10px;} .awz_cookies_sett__admin .awz_cookies_sett__message {position: static;width:100%; max-width:580px; font-size: 1em;line-height:1.3em;margin:0; } .awz_cookies_sett__container {display:block;padding:0.8em 1.5em;} .awz_cookies_sett__btn {padding:0.4em 0.8em;margin:0.3em;display:inline-block; border-radius:5px;text-decoration: none;} .awz_cookies_sett__btn {cursor: pointer;} .awz_cookies_sett__btn:hover {cursor: pointer;} .awz_cookies_sett__row { display: flex; align-content: center; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row; } .awz_cookies_sett__col {width:100%;} .awz_cookies_sett__col__right {text-align: center;width:auto;} .awz_cookies_sett__agr_link {text-decoration: underline;} .awz_cookies_sett__detail {padding:1em 2em;font-size:1.1em;line-height:1.3em;} .awz_cookies_sett__detail-row {display:block;clear:both;overflow:hidden; padding-top:0.5rem;margin-top:0.5rem; } .awz_cookies_sett__detail-alert {color:red;margin-bottom:1em;font-weight:bold;} .awz_cookies_sett__detail-checkbox-text {display:block;position:relative;margin-bottom:0.5em;} .awz_cookies_sett__detail-title {font-weight:bold;padding:3px 0;display:block;} .awz_cookies_sett__save, .awz_cookies_sett__save:hover {background:red;color:#ffffff;padding:0.6em 1.5em;text-decoration:none; display:inline-block; margin-top:1em; border:none; outline: none; border-radius: 10px; } .awz_cookies_sett__detail-checkbox-wrapper-42 {display:block;float:left;margin-right:5px;} .awz_cookies_sett__detail-checkbox-wrapper-42 .dsbl {opacity:0.35;} .awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"] { display: none; visibility: hidden; } .awz_cookies_sett__detail-checkbox-wrapper-42 label { display: inline-block; float:left; margin-top:1px; } .awz_cookies_sett__detail-checkbox-wrapper-42 .cbx { position: relative; top: 1px; width: 17px; height: 17px; border:1px solid #000000; border-radius: 3px; vertical-align: middle; transition: background 0.1s ease; cursor: pointer; } .awz_cookies_sett__detail-checkbox-wrapper-42 .cbx:after { content: ''; position: absolute; top: 1px; left: 5px; width: 5px; height: 11px; opacity: 0; transform: rotate(45deg) scale(0); border-right: 2px solid #000; border-bottom: 2px solid #000; transition: all 0.3s ease; transition-delay: 0.15s; } .awz_cookies_sett__detail-checkbox-wrapper-42 .lbl { margin-left: 5px; vertical-align: middle; cursor: pointer; } .awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"]:checked ~ .cbx { border-color: #000000; animation: awz-autform2-checkbox-jelly-42 0.6s ease; } .awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"]:checked ~ .cbx:after { opacity: 1; transform: rotate(45deg) scale(1); } .awz_cookies_sett__detail-checkbox-wrapper-42 .cntr { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; } @-moz-keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } @-webkit-keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } @-o-keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } @keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } .awz_cookies_sett__switch { position: relative; display: inline-block; width: 40px; height: 20px; min-width: 40px; } .awz_cookies_sett__switch input { opacity: 0; width: 0; height: 0; } .awz_cookies_sett__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } .awz_cookies_sett__slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; transition: 0.4s; border-radius: 50%; } input:checked+.awz_cookies_sett__slider { background-color: red; } input:checked+.awz_cookies_sett__slider:before { transform: translateX(20px); } .awz_cookies_sett__detail-checkbox-top { display: flex; justify-content: space-between; align-items: center } .awz_cookies_sett__bg1 {background: #171241;} .awz_cookies_sett__bg2 {background: #ffffff;} .awz_cookies_sett__bg2:hover {background: #ffe40e;} .awz_cookies_sett__bg3 {background: #f1d600;} .awz_cookies_sett__bg3:hover {background: #ffe40e;} .awz_cookies_sett__color1 {color:#171241;} .awz_cookies_sett__color2 {color:#ffffff;} a.awz_cookies_sett__color2:hover {color:#ffe40e;} #popup-window-content-awz_cmp_cookies {max-height:100%;} @media (max-width: 767.98px) { .awz_cookies_sett__message{ width:100%; max-width: 768px; border-radius:0px; text-align: center; } .awz_cookies_sett__message_bottom_right, .awz_cookies_sett__message_{right:0;bottom:0;} .awz_cookies_sett__message_bottom_left, .awz_cookies_sett__message_bottom_center {left:0;bottom:0;} .awz_cookies_sett__message_top_left, .awz_cookies_sett__message_top_center {left:0;top:0;} .awz_cookies_sett__message_top_right {right:0;top:0;} .awz_cookies_sett__message br {display:none;} .awz_cookies_sett__row {flex-direction: column;} .awz_cookies_sett__col__right {padding-top:0.3em;} } /* End */ /* Start:/local/templates/utes/styles.css?178471354765434*/ @font-face { font-family: 'Cinzel'; src: local('Cinzel'), local('Cinzel-Regular'), url('/local/templates/utes/fonts/Cinzel-Regular.woff2') format('woff2'), url('/local/templates/utes/fonts/Cinzel-Regular.woff') format('woff'), url('/local/templates/utes/fonts/Cinzel-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display:block; } @font-face { font-family: 'Cinzel'; src: local('Cinzel Bold'), local('Cinzel-Bold'), url('/local/templates/utes/fonts/Cinzel-Bold.woff2') format('woff2'), url('/local/templates/utes/fonts/Cinzel-Bold.woff') format('woff'), url('/local/templates/utes/fonts/Cinzel-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display:block; } :root { --text: #a39c91; --text-light: #c5bcaf; --green: #0d1f15; --green-hover: #15271a; --primary: #d4ae71; --primary-hover: #dab77f; --primary-rgb: 212,174,113; --dark:#0c0c0a; } html { font-size:0.9638vw; -webkit-text-size-adjust: none; text-size-adjust: none; scroll-behavior: smooth;} @media (min-width: 1660px) { html { font-size: 16px;} } body{ font-size:1.0625rem; line-height:1.8; font-family: 'Montserrat'; font-weight: 500; background: #000; color: var(--text);} a { color: inherit; text-decoration: none; transition:color 0.2s ease;} a:hover, a:focus { color: var(--primary); text-decoration: none; outline: none;} img { max-width: 100%; height: auto;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:400; font-family: 'Cinzel'; line-height: 1.2; color:var(--primary); margin:0 0 1rem;} h1, .h1 { font-size: 4.375rem; text-transform: uppercase;} h2, .h2 { font-size: 1.875rem;} h3, .h3 { font-size: 1.5rem;} h4, .h4 { font-size: 1.25rem;} h5, .h5 { font-size: 1.125rem;} h6, .h6 { font-size: 1rem;} .cinzel { font-family: 'Cinzel'; font-weight:400;} .uppercase { text-transform: uppercase;} .lowercase { text-transform: lowercase;} .color-primary { color:var(--primary)} .btn { font-weight: 500; font-size:1.0625rem; line-height:1.9375rem; padding:0.875rem 1.5rem; border-radius:0.75rem; width: 19.125rem; max-width: 100%;} .btn-sm { line-height: 1.5rem; padding:0.6875rem 1.5rem; width: 12.875rem;} .btn:focus { outline: none;} .btn-primary, .btn-primary:focus, .btn-primary.disabled, .btn-primary:disabled { background-color:var(--green); color:var(--text-light); border-color:transparent;} .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active { background-color:var(--green-hover); color:var(--primary); border-color:transparent;} .btn-secondary, .btn-secondary:focus, .btn-secondary.disabled, .btn-secondary:disabled { background-color:var(--green); border-color:var(--primary); color:var(--primary);} .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { background-color:var(--green); color:var(--primary); border-color:var(--primary);} .btn-bordered, .btn-bordered:focus, .btn-bordered.disabled, .btn-bordered:disabled { background-color:transparent; color:var(--text-light); border-color:var(--primary)} .btn-bordered:hover, .btn-bordered:not(:disabled):not(.disabled):active:focus, .btn-bordered:not(:disabled):not(.disabled).active, .btn-bordered:not(:disabled):not(.disabled):active { background-color:transparent; color:var(--primary); border-color:var(--primary);} .btn-bordered-primary, .btn-bordered-primary:focus, .btn-bordered-primary.disabled, .btn-bordered-primary:disabled { background-color:transparent; color:var(--primary); border-color:var(--primary)} .btn-bordered-primary:hover, .btn-bordered-primary:not(:disabled):not(.disabled):active:focus, .btn-bordered-primary:not(:disabled):not(.disabled).active, .btn-bordered-primary:not(:disabled):not(.disabled):active { background-color:var(--primary); color:var(--dark); border-color:var(--primary);} .btn-orange, .btn-orange:focus, .btn-orange.disabled, .btn-orange:disabled { background-color:var(--primary); color:var(--dark); border-color:transparent;} .btn-orange:hover, .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active, .btn-orange:not(:disabled):not(.disabled):active { background-color:var(--primary-hover); color:var(--dark); border-color:transparent;} .btn-secondary, .btn-bordered, .btn-bordered-primary { position: relative; overflow: hidden; transition:all .3s ease; z-index: 0;} .btn-secondary:after, .btn-bordered:after, .btn-bordered-primary:after { content: ""; position: absolute; inset: 0; background:var(--primary); transform: translateY(100%); transition: transform .3s ease; z-index: -1;} .btn-secondary:hover, .btn-bordered:hover, .btn-bordered-primary:hover { color:var(--dark) !important;} .btn-secondary:hover:after, .btn-bordered:hover:after, .btn-bordered-primary:hover:after { transform: translateY(0);} .btn:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus { outline: none; box-shadow:none !important;} .link-more { color:var(--primary);} .btn svg, .link-more svg { width: 0.625rem; height: 0.625rem; margin-left: 0.25rem; position: relative; top:-0.0625rem;} .btn svg.r-14 { width:0.875rem; height:0.875rem;} .btn svg path, .link-more svg path { stroke:currentColor;} .entry-content .btn:hover { color:var(--primary);} .entry-content .btn-bordered-primary:hover:hover { color:var(--dark);} .icon-svg path { fill:currentColor;} /* Header */ #wrapper { padding-top: 4.875rem;} #content-wrap { padding-top: 4.125rem;} .header-transparent #wrapper, .header-transparent #content-wrap { padding-top: 0;} #header { position: relative; z-index: 100;} .page-header { position: fixed; top:0; left:0; height: 4.8125rem; width: 100%; background: transparent; padding-bottom: 0.5rem; margin: 0; border:none; border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .page-header:before { content:''; display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, var(--header-bg-opacity, 0)); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); z-index: -1;} .page-header>.container { position: relative;} .page-header>.container:before, .page-header>.container:after { display: none;} .no-blur .page-header:before { background: #000; backdrop-filter:none; -webkit-backdrop-filter:none;} .page-header:after { content:''; display: block; position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(212,174,113,0.2); visibility: hidden; opacity: 0; transition:all 0.25s ease; z-index: 100;} .menu-opened { overflow:hidden;} .menu-opened #header { z-index: 900;} .menu-opened .page-header:after { visibility: visible; opacity: 1;} .header-logo { display: flex; align-items: center; text-decoration: none; color:var(--primary);} .header-logo img { width: 6.625rem;} .logo-desc { display: block; font-size:0.625rem; line-height:0.75rem; font-weight: 600; text-transform: uppercase; margin-left: 0.875rem; padding-left: 0.875rem; border-left:0.125rem solid var(--primary);} .header-menu>li+li { margin-left: 2.5rem;} .header-menu>li>a { color:var(--text-light); opacity: 0.5; text-transform: uppercase; padding: 0;} .header-menu>li.active>a, .header-menu>li>a:hover { color:#fff; opacity: 1;} .header-menu>li>a svg { position: relative; width: 0.75rem; height:0.75rem; top:-0.125rem; margin-left: 0.125rem;} .header-menu .sub-menu { display: none;} .products-sub-menu { display: block; visibility: hidden; opacity: 0; margin-top: 3rem; position: absolute; width: 77rem; left:50%; transform:translateX(-50%); top:100%; background: #000; border:1px solid #1a1a1a; border-radius: 1.5rem; transition: all 0.2s ease;} .products-sub-menu:before { content:''; display: block; position: absolute; width: 100%; height: 2.75rem; bottom:100%; left:0;} .products-sub-menu .product-box { background: none; margin-bottom: 0; height: 100%;} .products-sub-menu .product-box .item-thumb { padding-bottom: 78%; margin-bottom: -0.75rem;} .products-sub-menu .product-box .item-thumb img { border:none;} .products-sub-menu .product-box .item-entry { padding:0 2.75rem 2.25rem;} .products-sub-menu .product-box .btn-secondary { border-color:transparent;} .products-sub-menu .product-box .btn-secondary:hover { border-color:var(--primary);} .products-sub-menu .product-box .btn-bordered-primary.coming-soon { border-color:var(--green)} .header-menu li:hover > .products-sub-menu { visibility: visible; opacity: 1; margin-top:2.625rem;} .header-account { color:#fff; background: none; border:none; text-transform: uppercase; position: relative; z-index: 1010; outline: none !important; box-shadow: none;} .header-account svg { position: relative; width: 0.875rem; height: 0.875rem; margin-right: 0.75rem; top:-0.0625rem;} .header-account svg path, .navbar-main-toggler svg path { fill:currentColor;} .header-account:hover, .header-account.login-toggler { color:var(--primary);} .navbar-main-toggler { width:1.875rem; height: 1.875rem; padding: 0; background: none; border:none; color:var(--primary); outline: none !important; box-shadow: none !important; margin-right: 2.5rem; position: relative; z-index: 1010;} .navbar-main-toggler svg { width:1.875rem; height: 1.875rem;} .navbar-main-toggler.collapsed, .header-account.login-toggler.collapsed { color:#fff;} .navbar-main-toggler.collapsed:hover, .header-account.login-toggler.collapsed:hover { color:var(--primary);} .navbar-main-toggler span { height:.125rem; width: 1.625rem; background:currentColor; left:0.125rem; top:0.875rem; display: block; position: absolute; transform: rotate(0deg); transition: .25s ease-in-out;} .navbar-main-toggler span:nth-child(1), .navbar-main-toggler span:nth-child(4) { width:0%; left:50%;} .navbar-main-toggler span:nth-child(2) { transform: rotate(45deg);} .navbar-main-toggler span:nth-child(3) { transform: rotate(-45deg);} .navbar-main-toggler.collapsed span:nth-child(1) { top:0.4375rem; width:1.625rem; left:0.125rem;} .navbar-main-toggler.collapsed span:nth-child(2), .navbar-main-toggler.collapsed span:nth-child(3) { transform: rotate(0deg);} .navbar-main-toggler.collapsed span:nth-child(2) { opacity: 0;} .navbar-main-toggler.collapsed span:nth-child(4) { top:1.3125rem; width:1.625rem; left:0.125rem;} .page-navi { position: fixed; background: #341c14; width:calc(50vw - 50rem + 19rem); min-width: 24rem; top:0; bottom:0; right:-200%; transition:right 0.25s ease; opacity: 1 !important; overflow: visible; height: auto !important; display: block !important; z-index: 1000; padding: 4.75rem 0 0;} .navbar-expand .page-navi { display: block !important;} .page-navi.show { right:0;} .navi-inner { padding: 4rem 1.25rem 1.875rem; max-height: 100%; overflow: auto;} #navi .main-menu { float:none;} .main-menu>li { border-bottom:1px solid rgba(var(--primary-rgb),0.1);} .main-menu>li:first-child { border-top:1px solid rgba(var(--primary-rgb),0.1);} .main-menu li a { display: block; font-size: 1.625rem; line-height: 1.4; padding: 0.875rem 2.5rem; text-transform: uppercase; color:var(--primary);} .navi-actions { gap:0.75rem; margin-bottom: 2rem;} .navi-actions .btn { flex:1; background: #40251b; color:#fff;} .navi-actions .btn:hover, .navi-actions .btn:active { color:var(--primary);} .navi-actions .btn svg { width: 0.875rem; height: 0.875rem; margin-left: 0; margin-right: 0.75rem;} .header-phones { padding: 0 2.5rem; font-size:1.125rem; line-height:2.625rem; color:#fff; margin-top: 2.5rem;} .socials { display: flex; flex-wrap:wrap;} .header-socials { padding: 0 2.5rem; margin-top: 2rem; gap:1.125rem;} .header-socials a { border:1px solid #442b1d; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; width: 3.625rem; height: 3.625rem; color:rgba(var(--primary-rgb), 0.5);} .socials a svg { width: 1.25rem; height: 1.25rem;} .socials a svg path { fill:currentColor;} .header-socials a:hover { color:var(--primary); border-color:var(--primary);} #login_side .navi-inner { padding: 1.875rem 3.5rem; color:var(--primary);} .login-title { font-size: 1.875rem; line-height: 2.25rem; color:var(--primary); margin-bottom: 2.75rem;} /* layout */ #wrapper { width: 100%; min-width: 320px;} .container, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; max-width: 1660px;} .container { padding-left: 1.875rem; padding-right: 1.875rem;} .row { margin-left:-1rem; margin-right:-1rem;} .row>[class^="col"], .row>[class*=" col"] { padding-left:1rem; padding-right:1rem;} .row.gutters-0 { margin-left: 0; margin-right: 0;} .row.gutters-0>[class^="col"], .row.gutters-0>[class*=" col"] { padding-left: 0; padding-right: 0;} .row.gutters-20 { margin-left: -0.625rem; margin-right: -0.625rem;} .row.gutters-20>[class^="col"], .row.gutters-20>[class*=" col"] { padding-left:0.625rem; padding-right:0.625rem;} .row.gutters-24 { margin-left: -0.75rem; margin-right: -0.75rem;} .row.gutters-24>[class^="col"], .row.gutters-24>[class*=" col"] { padding-left:0.75rem; padding-right:0.75rem;} .row.gutters-40 { margin-left: -1.25rem; margin-right: -1.25rem;} .row.gutters-40>[class^="col"], .row.gutters-40>[class*=" col"] { padding-left:1.25rem; padding-right:1.25rem;} .row.gutters-56 { margin-left: -1.75rem; margin-right: -1.75rem;} .row.gutters-56>[class^="col"], .row.gutters-56>[class*=" col"] { padding-left:1.75rem; padding-right:1.75rem;} .row.gutters-big { margin-left: -4.375rem; margin-right: -4.375rem;} .row.gutters-big>[class^="col"], .row.gutters-big>[class*=" col"] { padding-left:4.375rem; padding-right:4.375rem;} .item-thumb { display: block; position: relative; padding-bottom: 57%;} .item-thumb.square { padding-bottom: 100%;} .item-thumb img { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius:1.5rem;} .bx-breadcrumb { color:var(--text-light); margin-bottom: 1.5rem;} .page-title { position: relative; margin-bottom: 3.5rem;} .page-title.title-with-mark { padding-bottom: 3.375rem; margin-bottom: 2.375rem;} .page-title .title-mark { display: block; position: absolute; left:0; bottom:0; width: 20.875rem; height:0.875rem; max-width: 100%;} .page-title .title-mark:before, .page-title .title-mark:after { content:''; display: block; position: absolute; width: 100%; left:0;} .page-title .title-mark:before { height: 1px; top:50%; transform:translateY(-50%); background: var(--primary);} .page-title .title-mark:after { top:0; height:100%; background: url(/local/templates/utes/img/title-mark.jpg) no-repeat center; background-size:auto 100%;} .page-title h1 { margin: 0;} .section { position: relative; margin-bottom: 6rem;} .section > :last-child { margin-bottom: 0;} .section-title { margin-bottom:2.625rem;} .dark-block, .green-block { padding:3.5rem 4.375rem; background: var(--dark); border-radius: 1.5rem;} .bg-dark { background: var(--dark) !important} .bg-green, .green-block { background: var(--green)} .icon-box-row { margin-bottom: -2.5rem;} .icon-box { margin-bottom: 2.5rem;} .icon-box .item-icon { width: 6rem; margin: 0 auto 1.875rem;} .icon-box .item-icon img { width: 100%; margin: 0; display: block;} .icon-box .item-caption { font-size: 1.25rem; line-height: 1.9375rem; margin-bottom: 1rem; text-transform: uppercase;} .entry-content > :last-child { margin-bottom: 0;} /* 4K */ @media (min-width: 2000px) { html { font-size:0.8333vw;} .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 86%;} } /* Top Section */ .top-section { padding: 9rem 0 10rem; min-height: 45rem; position: relative; margin-bottom: -1rem;} .top-section+.section { z-index: 1;} .top-section-bg { position: absolute; right:0; bottom:0; height: 100%; opacity: 0; overflow: hidden; transition:opacity 2.5s ease;} .top-section-bg.loaded { opacity: 1;} .top-section-bg img { height: 100%; width: auto; max-width: none;} .top-section .container { position: relative; z-index: 1;} .top-section-inner { max-width: 57.5rem; color:var(--text-light);} .top-section .top-subtitle { font-size: 1.875rem; line-height: 1.2; text-transform: uppercase; color:var(--primary); max-width: 44rem; margin-bottom: 1.125rem;} .top-section .top-text { max-width:36rem;} .top-section .top-buttons { display: flex; flex-wrap:wrap; gap:1rem; margin-top: 2.5rem;} .top-section .top-section-inner > :last-child, .top-section .top-text > :last-child { margin-bottom: 0;} /* home */ .item-entry { display: flex; flex-direction: column;} .item-entry .btn { margin-top: auto;} .item-text p { margin-bottom: 1.9375rem;} .item-entry .caption { margin-bottom: 1rem;} .item-entry .item-text { margin-bottom: 2rem;} .item-date { font-size: 0.9375rem; color:rgba(163,156,145,0.5);} .item-entry > :last-child, .item-text > :last-child { margin-bottom: 0;} .home-boxes-section .dark-block { padding-left: 2rem; padding-right: 2rem;} .home-box { display: flex; justify-content: space-between; margin-bottom: 1.25rem;} .home-box .item-col { width: calc(50% - 1rem);} .home-box .caption { text-transform: uppercase; margin-top: -0.125rem;} .home-box .item-entry .item-text { margin-bottom: 1rem;} .photo-text-block { display: flex; border-radius: 1.5rem; min-height: 28rem;} .photo-text-block .block-image { width: 42%;} .photo-text-block .block-image .item-thumb { padding: 0; height: 100%;} .photo-text-block .block-image:first-child .item-thumb img { border-radius: 1.5rem 0 0 1.5rem;} .photo-text-block .block-image:last-child .item-thumb img { border-radius: 0 1.5rem 1.5rem 0;} .photo-text-block .block-text { width: 58%; padding: 3.5rem 2rem; display: flex; flex-direction: column;} @media (min-width: 992px) { .photo-text-block .block-text:first-child { padding-right: 7rem;} .photo-text-block .block-text:last-child { padding-left: 7rem} } .items-row { margin-bottom: -1.5rem;} .product-box { display: flex; flex-direction:column; background: var(--green); border-radius: 1.5rem; height:calc(100% - 1.5rem); margin-bottom: 1.5rem;} .product-box .item-col { width: 100%;} .product-box .item-thumb { padding-bottom: 84%;} .product-box .item-thumb img { object-fit: contain; background: #000; border:1px solid var(--green); border-radius: 1.5rem 1.5rem 0 0;} .product-box .item-entry { padding: 1.5rem 2.75rem 2.75rem; flex:1; position: relative; z-index: 1;} .product-box .item-entry .item-text { margin-bottom: 1.625rem;} .product-box .item-entry > :last-child { margin-bottom: 0;} .product-box .item-entry .btn { width: 100%;} .btn-bordered-primary.coming-soon { opacity: 1; border-color:var(--text)} .news-box { background: var(--dark); border-radius: 1.5rem; height:calc(100% - 1.5rem); display: flex; flex-direction: column; margin-bottom: 1.5rem;} .news-box .item-thumb { width: 100%;} .news-box .item-thumb img { border-radius: 1.5rem 1.5rem 0 0;} .news-box .item-entry { flex:1; padding: 2rem 2.5rem 2.5rem;} .news-box .item-date { margin-bottom: 0.25rem;} .news-box .item-title { font-size: 1.25rem; line-height: 1.9375rem; color:var(--primary); margin-bottom: 1rem;} .news-box .item-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-bottom: 1rem;} .news-box .link-more { margin-top:auto;} /* manufacturing */ .manufacturing-section { position: relative; overflow: hidden; padding-top: 3rem; margin-top: -3rem;} .manufacturing-section:before, .manufacturing-section:after { content:''; display: block; position: absolute; width: 100%; left:0; background-repeat: no-repeat; background-position: center; background-size: auto 100%; animation: hopDepth 6s ease-in-out infinite; will-change: filter, opacity, transform;} .manufacturing-section:before { background-image: url(/local/templates/utes/img/manufacturing-top-bg.jpg); height: 89.375rem; top:19rem;} .manufacturing-section:after { background-image: url(/local/templates/utes/img/manufacturing-bottom-bg.jpg); height: 62.375rem; bottom:-6rem;} @keyframes hopDepth { 0% { filter: blur(0px); transform: scale(1); opacity: 1;} 50% { filter: blur(5px); transform: scale(1.01); opacity: 0.8;} 100% { filter: blur(0px); transform: scale(1); opacity: 1;} } .manufacturing-box { display: flex; position: relative; background: var(--green); padding: 2.75rem 2.5rem; gap:1.875rem; border-radius: 1.5rem; z-index: 1;} .manufacturing-box.manufacturing-box-even { flex-direction: row-reverse;} .manufacturing-box + .manufacturing-box { margin-top: 11rem;} .manufacturing-box + .manufacturing-box:before { content:''; display: block; position: absolute; left:50%; top:-9.75rem; width: 1px; height: 5.5rem; background: var(--primary);} .manufacturing-box .item-icon { position: absolute; left:50%; top:0; transform:translate(-50%,-50%); width: 6.0625rem; height: 6.0625rem; background: #552201; border-radius: 50%; border:0.1875rem solid #000; overflow: hidden;} .manufacturing-box .item-icon img { display: block; width: 100%; height: 100%; object-fit: contain; margin: 0;} .manufacturing-box .item-photos { width: 36.5rem; flex-shrink:0;} .manufacturing-box .item-thumb { padding-bottom: 67%;} .manufacturing-box .item-entry { padding: 1.5rem 1.25rem 0; flex:1;} .manufacturing-box .item-head { display: flex; align-items: center; margin-bottom: 1.875rem;} .manufacturing-box .item-caption { font-size: 2.25rem; line-height: 1.2; margin: 0; color:var(--primary); text-transform: uppercase;} .manufacturing-box .num { font-size:5.625rem; line-height: 1; width: 8.25rem; flex-shrink: 0; color:var(--primary);} .swiper-horizontal>.swiper-pagination { display: flex; gap:1px; position: absolute; width:auto; left:50%; bottom:1.375rem; transform:translateX(-50%); z-index: 15;} .swiper-pagination-bullet { display: block; background:none; height:auto; opacity:1; width:auto; margin: 0 !important;} .swiper-pagination-bullet:before { content:''; display: block; width: 0.6875rem; height: 0.6875rem; background: rgba(0,0,0,0.45); border-radius: 50%; margin: 0.1875rem;} .swiper-pagination-bullet-active:before, .swiper-pagination-bullet:hover:before { background: var(--primary);} /* news */ .news-detail img { border-radius: 1.5rem;} div.news-detail img.detail_picture { width: 100%; float:none; margin:0 0 1.5rem;} .news-detail .item-date { display: inline-block; margin-bottom: 0.5rem;} .entry-content p, .entry-content ul, .entry-content ol { margin-bottom: 1.9375rem;} .entry-content blockquote { background: var(--green); padding: 1.5rem; border-radius: 1.5rem; margin-bottom: 1.9375rem;} .news-detail h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 1.9375rem;} .news-detail > :last-child, .entry-content .dark-block > :last-child, .entry-content blockquote > :last-child { margin-bottom: 0;} .gallery-row .item-thumb { padding-bottom: 70%;} .gallery-row>[class^="col"], .gallery-row>[class*=" col"] { margin-bottom:1.9375rem;} .pagenavi { display: flex; flex-wrap:wrap; align-items: center; justify-content: center; margin-top: 3rem;} .pagenavi-list { display: flex; overflow: auto;} .pagenavi-list>a, .pagenavi-list>span { background:var(--green); border:none; border-radius:0.5rem; font-size: 1.25rem; line-height: 1.5rem; padding: 1.125rem 0.625rem; text-align: center; width: 3.75rem; height: 3.75rem; color:var(--text-light); margin-right: 0.625rem; flex-shrink:0;} .pagenavi-list a svg { display: block; width: 1rem; height: 1rem; margin: 0.25rem auto;} .pagenavi-list svg path { stroke:currentColor;} .pagenavi-list>span.current, .pagenavi-list a:hover { background: var(--primary); color:var(--dark)} /* shops */ .shops-section { background: var(--dark); border-radius: 1.5rem; padding: 2.75rem 0 3.5rem;} .shops-section .section-title { margin-bottom: 2.75rem;} .form-filter { display: flex; flex-wrap:wrap; align-items: center; gap:1.375rem; position: relative; z-index: 5; margin-bottom:1.625rem;} .filter-item-results { margin-left: auto; opacity: 0.5;} .filter-select { position: relative; min-width: 13.75rem; max-width: 100%;} .filter-select-single { display: block; position: relative; border:1px solid var(--primary); border-radius: 0.375rem; line-height: 1.125rem; padding: 0.875rem 3rem 0.875rem 1.25rem; color:rgba(163,156,145,0.5); cursor: pointer;} .filter-select-single:after { content:''; width: 1rem; height: 1rem; display: block; position: absolute; right:1.25rem; top:50%; margin-top: -0.5rem; transform:rotate(0); background: url(/local/templates/utes/img/select-arrow.svg) no-repeat center; background-size: contain; transition: transform 0.2s ease;} .filter-select-single:before { content:''; display: none; position: absolute; top:100%; left:0; width: 100%; height: 1.875rem;} .filter-select.opened { z-index: 1;} .filter-select.opened .filter-select-single:before { display: block;} .filter-select-dropdown { display: block; position: absolute; min-width: 100%; top:100%; left:0; visibility: hidden; opacity: 0; margin-top: 1.75rem; background: var(--dark); border:1px solid #1b1b1a; border-radius: 0.375rem; padding: 0.875rem 1.25rem 1.25rem; transition:all 0.2s ease;} .filter-select.opened .filter-select-dropdown { visibility: visible; opacity: 1; margin-top: 0.875rem;} .filter-select-list { list-style: none; padding: 0; margin: 0;} .filter-select-list li { position: relative;} .filter-select-list input[type="radio"], .filter-select-list input[type="checkbox"] { opacity: 0; position: absolute; } .filter-select-list label { display: block; position: relative; color:#fff; cursor: pointer; white-space: nowrap;} .filter-select-checks label { padding-left: 2rem;} .filter-select-checks label:before { content:''; display: block; position: absolute; left:0; top:0.375rem; width: 1.25rem; height: 1.25rem; border:1px solid var(--primary); border-radius: 0.25rem;} .filter-select-checks input[type="checkbox"]:checked ~ label:before { background: var(--primary) url(/local/templates/utes/img/check.svg) no-repeat center; background-size: 1rem;} .filter-search { width: 18.5rem; max-width: 100%; position: relative;} .filter-search .input-search { width: 100%; background: var(--dark); border:1px solid var(--primary); border-radius: 0.375rem; font-weight: 500; font-size: 1.0625rem; line-height: 1.125rem; padding: 0.875rem 3rem 0.875rem 1.25rem; color:var(--text); outline: none;} .filter-search .icon-svg { display: block; position: absolute; width: 1.375rem; height: 1.375rem; right:0.875rem; top:50%; margin-top: -0.6875rem; color:var(--primary);} .selected-filters { display: flex; flex-wrap:wrap; gap:0.625rem; margin-bottom: 1.375rem;} .selected-filter-item { display: block; position: relative; background: var(--primary); color:var(--dark); border-radius: 0.25rem; font-size:0.9375rem; line-height:1.3125rem; padding: 0.5rem 2.5rem 0.5rem 0.875rem; cursor: pointer;} .selected-filter-item .item-close { display: block; position: absolute; width: 1.25rem; height: 1.25rem; right:0.75rem; top:50%; margin-top: -0.625rem; background: url(/local/templates/utes/img/cancel.svg) no-repeat center; background-size: contain; opacity: 0.75;} .selected-filter-item:hover .item-close { opacity: 1;} #shops-result { overflow: hidden; position: relative; z-index: 3;} .shops-data { display: flex; padding-top: 0.625rem;} .shops-list-column { display: flex; flex-direction: column; width: 28.125rem; flex-shrink: 0; margin-right: 1.625rem;} .shops-list { background: var(--green); border-radius: 0.25rem; overflow: auto;} .shop-item + .shop-item { border-top:1px solid rgba(255,255,255,0.1);} .shops-list .shop-item.hidden { display: none;} .shop-item { font-size: 0.9375rem; line-height: 1.5rem; padding: 1.125rem 1.625rem 1.375rem;} .shop-item:hover { background: #252e1e;} .shop-item .item-title { color:var(--primary); margin-bottom: 1.125rem;} .shop-item .item-address { position: relative; padding-left: 1.75rem;} .shop-item .item-address:before { content:''; display: block; position: absolute; width: 1.5rem; height: 1.5rem; top:0; left:-0.1875rem; background: url(/local/templates/utes/img/location.svg) no-repeat center; background-size: contain;} .shop-item .item-tags { list-style: none; padding: 0; margin: 1.125rem 0 0; display: flex; flex-wrap:wrap; gap:0.625rem;} .shop-item .item-tags li { display: block; font-size:0.8125rem; line-height: 1.0625rem; padding: 0.125rem 0.625rem 0.1875rem; color:var(--primary); border:1px solid var(--primary); border-radius: 0.25rem; opacity: 0.5; text-transform: lowercase;} .shops-more { margin-top: auto;} .shops-more .btn { width: 100%; margin-top: 1.375rem;} .shops-map { width:calc(50dvw + 50% - 29.75rem); min-height: 53.25rem; border:1px solid var(--primary); border-radius: 0.25rem 0 0 0.25rem; overflow: hidden; flex-shrink: 0;} .acf-map .map-marker { display: none;} .baloon-item p { margin: 0;} /* product */ .catalog-top h1 { margin-bottom: 2.75rem;} .bx-breadcrumb, .col-product-summary { position: relative; z-index: 3;} .col-product-photos, .col-product-summary, .col-product-actions { flex:0 0 auto; margin-bottom: 2.5rem;} .col-product-photos { width: 36%;} .product-photos { position: relative;} .product-photos .photo-tabs { position: absolute; border:none; gap:0.25rem; z-index: 2;} .product-photos .photo-tabs .nav-link { margin:0; border:none; background: none; border-radius: .3125rem; padding: .375rem 0.75rem; font-size: 0.9375rem; line-height: 1.5625rem; font-weight: 600; color:#fff;} .product-photos .photo-tabs .nav-link.active { color: #fff; background:var(--primary);} .product-main-photo { position: relative; padding-bottom: 137%;} .product-main-photo img { display: block; position: absolute; left:50%; top: -6%; transform:translateX(-50%); height: 122%; max-width: none; width: auto;} .tab-pane .product-main-photo { opacity: 0; transform:scale(0.8) translateY(70px); transition:opacity 1s ease, transform 0.35s ease;} .tab-pane.show .product-main-photo { opacity: 1; transform:scale(1) translateY(0);} .col-product-summary { width: 40%;} .product-head h1 { margin: 0; text-transform: none;} .product-head .product-subtitle, .product-short-description .link-more { color:var(--primary)} .product-short-description { margin-top: 1.75rem;} .product-short-description .link-more-wrap { margin-top: 0.625rem; margin-bottom: 0;} .product-attrs { border:1px solid #1a1a1a; border-radius:1.5rem; padding: 2.125rem 2.625rem; margin: 1.5rem 0 0 -2.625rem;} .product-composition { line-height:1.62rem;} .product-item-detail-properties { overflow:visible; max-width:none; color:inherit; font-size:0.9375rem; line-height: 1.4375rem; margin-top: 1.5rem;} .product-item-detail-properties:first-child { margin-top: 0;} .product-item-detail-properties dl { display: flex; align-items: flex-start; justify-content: space-between; position: relative; margin-bottom: 0.5rem;} .product-item-detail-properties dl:last-child { margin-bottom: 0;} .product-item-detail-properties dt { background: #000; padding-right:0.25rem;} .product-item-detail-properties dd { background: #000; margin:0; padding-left:.25rem; color:var(--primary);} .product-item-detail-properties dl:before { content:''; display: block; position: absolute; left:0; bottom:0.375rem; border-bottom:1px dashed var(--text); width: 100%; opacity: 0.25; z-index: -1;} .col-product-actions { width: 24%;} .col-product-actions .action-box { display: flex; flex-direction: column; align-items:center; gap:2.125rem; width: 100%; background: #0c0c0a; border-radius: 1.5rem; padding: 2.25rem 1.875rem; margin-bottom: 2.125rem;} .col-product-actions .action-box:last-child { margin-bottom: 0;} .action-box .products-dilers-img img { border-radius: 1.5rem;} .product-features-section .green-block { padding: 2.875rem;} .product-features-row { justify-content: space-between; margin-bottom: -2.5rem;} .product-features-row > [class^="col"] { max-width: 21.625rem;} .product-feature-box { font-size: 0.9375rem; line-height: 1.5rem; margin-bottom: 2.5rem;} .product-feature-box .item-thumb { border:0.125rem solid var(--primary); border-radius: 1.5rem; padding-bottom: calc(100% - 0.25rem); margin-bottom: 2.5rem;} .product-feature-box .item-thumb img { width: 87%; height: 87%; left:6.5%; top:6.5%; object-fit: contain;} .product-feature-box .item-head { display: flex; align-items: center; margin-bottom: 1.25rem;} .product-feature-box .item-caption { margin: 0; color:var(--primary); margin-right: -0.25rem;} .product-feature-box .num { display: block; width: 2.5rem; height:2.5rem; font-weight:bold; font-size:1.875rem; line-height:2.375rem; text-align: center; flex-shrink: 0; background:var(--primary); color:var(--green); border-radius: 50%; margin-right: 0.875rem;} .product-feature-box .item-entry .item-text { margin-bottom: 1rem;} .product-manufacturing-section .inner-block { border:1px solid #1a1a1a; background: #070707; border-radius: 1.5rem; padding: 5.5rem; position: relative; min-height: 32rem;} .product-manufacturing-section .block-image { position: absolute; right:0; top:0; height: 100%; width: 55rem;} .product-manufacturing-section .block-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0 1.5rem 1.5rem 0;} .product-manufacturing-section .section-title { margin-bottom: 1.875rem;} .product-manufacturing-section .block-text { position: relative; z-index: 1; max-width: 34.5rem;} .product-manufacturing-section .item-entry .item-text { margin-bottom: 3.75rem;} .detail-photo img { display: block; width: 100%; border-radius: 1.5rem; border:1px solid #1a1a1a;} .detail-description { background: var(--green); border-radius: 1.5rem; padding: 2.75rem 3rem; min-height: 100%;} .beer-photo img { width: 100%; margin: 0; display: block;} .beer-video { position: relative; overflow: hidden; max-width: 768px; margin-left: auto;} .beer-video video { width: 100%; display: block; margin-bottom: -8%;} /* dileram */ .benefits-section, .conditions-section { margin-bottom: 4rem;} .benefits-section .row { margin-left: -2.5rem; margin-right: -2.5rem;} .benefits-section .row>[class^="col"], .benefits-section .row>[class*=" col"] { padding-left:2.5rem; padding-right:2.5rem;} .conditions-block { position: relative;} @media (min-width: 992px) { .conditions-block { padding-right: 30rem; padding-bottom: 4rem;} } .conditions-photo { position: absolute; right:0; bottom:0; height:45rem; max-height: 95%;} .conditions-photo img { height: 100%; width: auto; max-width: none; display: block; border-radius: 0 1.5rem 1.5rem 0;} .condition-item { position: relative; padding-left: 1.125rem; margin-bottom: 2.25rem;} .condition-item:last-child { margin-bottom: 0;} .condition-item:before { content:''; display: block; position: absolute; width: 0.375rem; height: 0.375rem; left:0; top:0.75rem; background: var(--primary); border-radius: 50%;} .condition-item .item-caption { font-size: 1.25rem; line-height: 1.9375rem; text-transform: uppercase; margin-bottom: 0.125rem;} .dilers-contacts .desc { max-width: 23rem; margin-bottom: 3.375rem;} .dilers-contacts .contact-item { font-size: 1.0625rem; line-height: 1.625rem; margin-bottom: 3rem;} .dilers-contacts .contact-item:last-child { margin-bottom: 0 !important;} .dilers-contacts .contact-item .icon { width:3rem; margin-right: 2.75rem;} .contact-item .item-caption { font-size: 1.25rem; line-height: 1.9375rem;} .dilers-form .form-title { margin-bottom: 2.625rem;} /* login */ .auth-form { max-width: 20rem;} .login-tabs { display:flex; justify-content: space-between; background: #151512; border-radius: 1.25rem; margin-bottom: 2.125rem;} .login-tabs span, .login-tabs a { width: calc(50% - 1px); display: block; border-radius: 1.25rem; font-size: 0.9375rem; line-height: 1.25rem; color:var(--primary); padding: 0.625rem 1rem; text-align: center; text-decoration: none;} .login-tabs span.active, .login-tabs a:hover { background: var(--primary); color:var(--dark);} .navi-inner .login-tabs, .navi-inner .form-control { background: #40251b;} .navi-inner .btn-orange, .navi-inner .login-tabs span.active, .navi-inner .login-tabs a:hover { color:#341c14;} .navi-inner .form-control:focus { background: #341c14;} .navi-inner .btn-orange:hover { background: #40251b; color:var(--primary);} /* profile */ .profile-sidebar { width: 29%; flex-shrink: 0; margin-right: 2.5rem;} .profile-side-block { padding: 3rem 2.5rem; margin-bottom: 2.125rem;} .profile-side-block h3 { font-size:1.25rem; line-height: 1.9375rem; margin-bottom: 1.5rem;} .profile-side-block .dilers-contacts { padding-top: 0.5rem;} .profile-side-block .dilers-contacts .contact-item { margin-bottom: 2rem;} .profile-side-block .dilers-contacts .contact-item .icon { width:1.875rem; margin-right: 1.375rem;} .profile-side-block .contact-item .item-caption { font-size: 1rem; line-height: 1.75rem;} .profile-menu { list-style: none; padding-left: 0; margin: 0;} .profile-menu li { margin-bottom: 0.875rem;} .profile-menu li:last-child { margin-bottom: 0;} .profile-main { flex:1;} .profile-main .dark-block { padding: 3rem 2.5rem; margin-bottom: 1.75rem;} .profile-main .dark-block:last-child { margin-bottom: 0;} .profile-main h3 { margin-bottom: 1.75rem;} .profile-main .form-wrapper { max-width: 41.5rem;} /* cart */ .profile-main .cart-table-wrapper { max-width: none;} .cart-table-wrapper .step-success { padding: 0;} .cart-table { width: 100%;} .cart-table th, .cart-table td { font-weight: 500; padding: 1.125rem 0.375rem 1.5rem; border:none; border-bottom:1px solid #1a1a1a; text-align: center;} .cart-table thead th { padding: 0 0.375rem 0.625rem; vertical-align: top;} .cart-table th:first-child, .cart-table td:first-child { text-align: left;} .qty-number { display: flex; width:15rem; height:3rem; position: relative; margin: 0 auto;} .qty-number .qty { width: 100%; padding-left: 3.375rem; padding-right: 3.375rem; text-align: center;} .qty-number .qty-minus, .qty-number .qty-plus { display: block; position: absolute; top:0; height: 3rem; width:3rem; line-height: 3rem; text-align: center; padding:0; cursor: pointer; user-select:none;} .qty-number .qty-minus { left:0.375rem;} .qty-number .qty-plus { right:0.375rem;} .qty-number .qty-minus:hover, .qty-number .qty-plus:hover { color:var(--primary)} .qty-number input::-webkit-outer-spin-button, .qty-number input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} .qty-number input[type=number] { -moz-appearance: textfield;} .cart-collaterals { display: flex; justify-content: space-between; align-items: center; padding: 1.75rem 0.375rem 0;} .cart-actions-row { display: flex;} .cart-actions { position: relative; margin-left: auto; width: 50%;} .cart-actions .btn-order { width:100%;} .cart-totals { display: flex; line-height: 1.9375rem; margin-left: auto;} .cart-totals .totals-label { margin-right: 2rem;} .cart-totals .totals-sum { font-size:1.375rem; color:var(--primary)} .cart-table .btn-bordered-primary.disabled, .cart-table .btn-bordered-primary:disabled { opacity: 1; border-color:#1a1a1a;} .cart-address-row { display: flex; align-items: center;} .cart-address-row .input-item { margin-right: 1.25rem;} .cart-address-row .day-input-item { margin-right: 0.5rem;} .cart-address-row > :last-child { margin-right: 0;} .address-input-item { width: 19rem;} .day-input-item { width: 4.375rem;} .month-input-item { width: 7.625rem;} .cart-address-row .input-item select.form-control { padding-left: 1.125rem;} .order-time-message { line-height: 1.5rem; color:var(--primary);} /* addresses */ .address-form { max-width: 41.5rem;} .address-item-template { display: none;} .address-item { display: flex; align-items: flex-end; gap:1.125rem; color:rgba(163,156,145,0.5); margin-bottom: 1.0625rem;} .address-item .form-control { flex:1; display: block;} .address-item .address-delete { display: block; width: 7.75rem; flex-shrink: 0; padding: 0.5625rem 1.125rem; background: #151512; border-radius: 0.375rem; text-decoration: none; text-align: center;} .address-item .address-delete:hover { color:var(--text);} .btn-add-address { width: 100%;} .address-form .submit-row { margin-top: 3.375rem;} /* contacts */ .contacts-block { border-radius: 1.5rem; padding: 2.625rem 4.375rem;} .contacts-block h2 { text-transform: none; margin-bottom: 2.25rem;} .contact-item { display: flex; font-size: 0.9375rem; line-height: 1.9375rem; margin-bottom: 2rem;} .contact-item .icon { width: 2.5rem; flex-shrink: 0; margin-right: 1.25rem; margin-top: 0.5rem;} .contact-item .item-caption { color:var(--primary); margin:0;} .contact-item .item-text { margin: 0; max-width: 20rem;} .quality-box { text-align: center; font-size: 0.9375rem;} .quality-box .quality-icon { width: 6rem; margin: 0 auto 1.625rem;} .quality-box .quality-title { font-size:1.875rem; line-height: 1.2; color:var(--primary); margin-bottom: 0.625rem;} .quality-box p { margin: 0;} .quality-box .btn { width: auto; margin-top: 2rem;} .route-block { display: flex;} .route-block .route-info { width: 34.75rem; padding: 2.75rem 4.375rem 3.75rem; font-size: 0.9375rem;} .route-block h2 { text-transform: none; margin-bottom: 1.875rem;} .route-block .route-map { width:calc(100% - 34.75rem); min-height: 37.5rem; border-radius: 0 1.5rem 1.5rem 0; overflow: hidden;} .route-list { list-style: none; padding: 0; margin:3rem 0 0; line-height: 1.4;} .route-list li { display: flex;} .route-list li+li { margin-top: 2rem;} .route-list .icon { width: 2.25rem; flex-shrink:0; margin-right: 1.5rem; margin-top: 0.125rem;} .route-list .item-caption { color:var(--primary); margin-bottom: 1rem;} /* form */ .form-section .form-head { text-align: center; margin-bottom: 2.25rem;} .form-section .form-title { text-transform: none; } .form-head .form-title { margin-bottom: 0;} .form-head .form-subtitle { font-size: 0.9375rem; margin-top: 1.875rem;} .form-center { max-width: 41.5rem; margin: 0 auto;} .form-group { margin-bottom:1.5rem;} .form-group .form-note { margin: 1rem 0 0; line-height: 1.5rem;} .form-control { font-size:1.0625rem; line-height:1.5rem; font-weight: 500; padding:0.75rem 1.25rem; height:3rem; max-width: 100%; background-color:#151512; color:var(--text); border:0.0625rem solid transparent; outline: none; border-radius:0.375rem; box-shadow: none; transition:none;} .form-control:hover { border-color:var(--primary);} .form-control:focus { background-color:#151512; color:var(--text); border-color:var(--primary); box-shadow:none;} .form-control:disabled:focus, .form-control[readonly]:focus { background-color:#151512; color:var(--text); border-color:transparent; box-shadow: none !important;} .form-control:disabled, .form-control[readonly] { background-color: #151512; opacity: 0.5; border-color:transparent !important;} .form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #151512 inset; -webkit-text-fill-color: var(--text); transition: none !important;} textarea.form-control { height:8.5rem; padding:0.6875rem 1.25rem 0.8125rem;} select.form-control { background-image: url(/local/templates/utes/img/select-arrow-white.svg); background-position: right 0.875rem center; background-repeat: no-repeat; background-size: 10px;} .form-control.blind { position: absolute; opacity: 0; width: 0;} .file-upload { display:flex; justify-content: center; align-items: center; position:relative; padding: 0; height:6.375rem; font-size:1.0625rem; line-height:1.5rem; font-weight: 500; color:var(--text); cursor:pointer; width:100%; max-width:100%; background:transparent; border:.125rem dashed #1a1a1a; border-radius:0.375rem; vertical-align:top;} .file-upload .mark { display:block; cursor:pointer; position:relative; background: none; text-align: center;} .file-upload .mark .allowed { display: block; color:var(--text); font-size: 0.875rem;} .file-upload .mark.default { color:rgba(163,156,143,0.5);} input[type=file], .input-file { opacity: 0;} .file-upload input[type=file] { position:absolute; top:0; opacity:0; width:100%; height:100%; cursor:pointer;} .cpt-group, [name="cpt"] { display: none !important;} .submit-row { display: flex; align-items: center; position: relative;} .submit-row:last-child { margin-bottom: 0;} .submit-row .spinner-border, .cart-actions .spinner-border { position: absolute; left:1rem; top:50%; margin-top: -0.75rem; color:var(--primary); width: 1.5rem; height: 1.5rem; border-width: 0.1875rem;} .form-control.error { border-color:red;} label.error { display: block; color:red; font-size: 0.9375rem; line-height: 1.2; margin-top:0.5rem;} label.success { display: block; color:var(--primary); font-size: 0.9375rem; line-height: 1.2; margin-top:0.5rem;} .errortext {color:red; display: block; margin-bottom: 1rem;} .form-check { padding-left: 2rem; margin: 0;} .form-check:last-child { margin-bottom: 0;} .form-check-input { background-color: transparent; width: 1.25rem; height: 1.25rem; margin-top:0.3125rem; border: 1px solid var(--primary); box-shadow: none !important; cursor: pointer;} .form-check-input:focus { border-color:var(--primary);} .form-check-input.error { border-color:red;} .form-check-input.error + label.error { display: none !important;} .form-check .form-check-input { margin-left:-2rem;} .form-check-input:checked[type="checkbox"] { background: var(--primary) url(/local/templates/utes/img/check.svg) no-repeat center; background-size: 1rem; border-color:var(--primary);} .form-check-label { cursor: pointer;} .form-check-label a { color:var(--primary);} .form-check-label a:hover { text-decoration: underline;} .submit-row .btn-primary { width: 100%;} .step-success, .form-wrapper.sended .step-form { display: none;} .form-wrapper.sended .step-success { display: block;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield;} .step-success { text-align: center; padding:3rem 2rem;} .step-success p { margin-bottom:1.5rem;} .step-success > :last-child { margin-bottom: 0;} .step-success .icon-success { display: block; width:3.75rem; margin: 0 auto 1.875rem;} .step-success .icon-success img { width: 100%; height: auto;} /* dealers registration */ .top-section-dealer { max-width: 36rem; margin-bottom: 5.5rem;} .section-dealer-register .dark-block { padding-top: 2.75rem;} .section-dealer-register .step-success, .profile-main .step-success { text-align: left; padding-left: 0; padding-right: 0;} /* 404 */ .section-404 { padding: 9rem 0; height: 70rem; background: url(/local/templates/utes/img/404.jpg) no-repeat center center; background-size: contain} /* Footer */ #footer { background: #0b0c0c url(/local/templates/utes/img/footer-bg.jpg) no-repeat center top; background-size: cover;} .footer-main { padding: 4.375rem 0 2.25rem;} .footer-left { padding-top: 0.625rem;} .footer-logo { width: 11.625rem;} .footer-left .slogan { max-width: 13rem; font-size: 0.9375rem; line-height: 1.2; color:rgba(var(--primary-rgb), 0.5); margin-top: 1.625rem;} .footer-socials { margin-top: 2.875rem; gap:1.75rem; line-height: 1.25rem;} .footer-socials a { color:#bb936c;} .footer-socials a:hover { color:var(--primary);} .developed { float:right; display: flex; margin-top: 0.625rem;} .developed-logo { display: block; width: 4.3125rem; flex-shrink: 0; margin-right:0.75rem;} .developed-inner { font-size:0.9375rem; line-height: 1.2; white-space: nowrap; color:rgba(var(--primary-rgb), 0.5);} .footer-columns { display: flex; justify-content: space-between; width: 45%;} .footer-col-title { text-transform: uppercase; color:var(--primary); margin-bottom: 2.375rem;} .footer-menu, .footer-contacts { font-size: 0.9375rem; line-height: 1.2; color:rgba(var(--primary-rgb), 0.5);} .footer-menu { list-style: none; margin: 0; padding: 0;} .footer-menu > li, .footer-contacts p { margin-bottom: 1rem;} .footer-menu > li:last-child, .footer-contacts p:last-child { margin-bottom:0;} .footer-bottom { padding: 1.5rem 0 3.625rem; border-top:1px solid rgba(255,255,255,0.1); font-size:0.8125rem; color:rgba(var(--primary-rgb), 0.5);} .footer-bottom-inner { gap:2.25rem;} .footer-bottom .legal-links { display: flex; flex-wrap:wrap; gap:2.25rem;} .fancybox-container .fancybox-bg, .fancybox-container .fancybox-button { background: var(--green);} .fancybox-container.fancybox-is-open .fancybox-bg { opacity: 1;} /* modal */ .modal .modal-dialog { width: 94%; max-width: 560px; margin:1rem auto;} .modal-content { border:none; border-radius:0.5rem; overflow: auto;} .modal .modal-dialog-centered { min-height: calc(100% - 2rem);} .modal .modal-content { max-height: 100%;} .modal-close { display: block; position: absolute; top: 0.625rem; right: 0.625rem; cursor: pointer; padding: 0; width: 1.5rem; height: 1.5rem; color:var(--gray);} .modal-close svg { display: block; width: 1.5rem; height: 1.5rem;} .modal-close:hover { color:var(--primary);} .modal-body { padding: 2.5rem;} .modal-body .modal-title { font-size: 1.75rem; font-weight: 800; text-transform: uppercase; line-height: 1.4; margin: 0 0 1.25rem;} .modal-green { background: var(--green);} .modal-green .modal-dialog { padding-left: 1.875rem; padding-right: 1.875rem; max-width: 1660px; width:100%;} .modal-green .modal-content { border:none; border-radius:0; overflow: visible; background:none; padding-top: 1.5rem;} .modal-green .modal-close { top: 0; right: 0; width:auto; height:auto; color:rgba(163,156,143,0.5); line-height: 1.375rem; padding-right: 1.75rem;} .modal-green .modal-close:after { content:''; display: block; position: absolute; right:0; top:0; width: 1.5rem; height: 1.5rem; background:url(/local/templates/utes/img/cancel-light.svg) no-repeat center; background-size: 90%;} .modal-green .modal-close:hover { color:var(--text);} .feature-image { position: sticky; top:0;} .feature-image img { width: 100%; height: auto;} .feature-content { line-height: 1.5rem;} .feature-content .title-small { font-size: 0.9375rem; line-height: 1.5rem; text-transform: uppercase; color:var(--primary); margin-bottom: 0.375rem;} .modal-green .feature-content .modal-title { font-size: 1.875rem; line-height: 2.25rem; text-transform: uppercase; color:var(--primary); margin-bottom: 2.25rem;} .feature-content .entry-content p { margin-bottom: 1.5rem;} /* modal 18plus */ #modal_18plus { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} #modal_18plus .modal-dialog { width: 87%; max-width:61.25rem; margin: 1rem auto;} #modal_18plus .modal-content { display: none; height: 38.25rem; background-color: #000; background-repeat: no-repeat; background-position: top right; background-size: cover; border:1px solid #1a1a1a; border-radius:1.5rem;} #modal_18plus .modal-content.active { display: flex;} #modal_18plus .modal-content.age-step-1 { background-image:url(/local/templates/utes/img/age-step-1.jpg);} #modal_18plus .modal-content.age-step-yes { background-image:url(/local/templates/utes/img/age-yes.jpg);} #modal_18plus .modal-content.age-step-no { background-image:url(/local/templates/utes/img/age-no.jpg);} #modal_18plus .modal-body { padding: 5rem 3.5rem;} #modal_18plus .modal-title { font-size: 1.875rem; line-height: 2.25rem; font-weight: 400; text-transform: none; color:var(--primary); max-width: 30rem; margin: 0;} #modal_18plus .modal-buttons { display: flex; gap:1rem; margin-top: 5.5rem;} #modal_18plus .age-btn { width: 13.75rem; line-height: 1.8125rem; border-width: 0.125rem;} div.awz_cookies_sett__message { left:0; bottom:0; width: 100%; max-width: 100%; margin-left: 0; font-size:1rem; line-height:1.6875rem; border-radius:0; color:var(--text-light); text-align: left;} .awz_cookies_sett__message .awz_cookies_sett__container { padding: 1.75rem 1.875rem 2.25rem; width: 100%; max-width: 1660px; margin: 0 auto;} .awz_cookies_sett__message #awz_cookies_sett__msg a { text-decoration: underline;} .awz_cookies_sett__message .awz_cookies_sett__col__right { display: flex; flex-direction: row-reverse; gap:0.75rem;} .awz_cookies_sett__message .awz_cookies_sett__btn, .awz_cookies_sett__detail .awz_cookies_sett__save { width: 10rem; margin: 0; padding:0.75rem 1.5rem; text-align: center; border-radius: 1.75rem; background: #000; color:var(--primary); border:0.125rem solid transparent} .awz_cookies_sett__message #awz_cookies_sett__settings { border-color:var(--primary)} .awz_cookies_sett__message .awz_cookies_sett__btn.awz_cookies_sett__bg3 { background: var(--primary); color:#000;} .awz_cookies_sett__message .awz_cookies_sett__btn.awz_cookies_sett__color1:hover { background: var(--primary); color:#000;} .awz_cookies_sett__message .awz_cookies_sett__btn.awz_cookies_sett__bg3:hover { background: var(--primary-hover);} div.popup-window { background: var(--dark); color:var(--text-light); padding: 0; border-radius:1.5rem;} div.awz_cookies_sett__detail { padding:1.5rem; font-size: .9375rem; line-height: 1.5rem;} .awz_cookies_sett__detail .awz_cookies_sett__detail-row:first-child { padding-top: 0; margin-top: 0;} div.awz_cookies_sett__detail-alert { color:var(--primary); font-family: 'Cinzel'; font-weight:400;} .awz_cookies_sett__switch .awz_cookies_sett__slider { background: var(--green);} .awz_cookies_sett__switch input[type="checkbox"]:checked+.awz_cookies_sett__slider { background: var(--primary);} .awz_cookies_sett__detail .awz_cookies_sett__save, .awz_cookies_sett__detail .awz_cookies_sett__save:hover { background: var(--primary); color:#000;} .awz_cookies_sett__detail .awz_cookies_sett__save:hover { background: var(--primary-hover);} /* responsive */ @media (max-width: 991px) { html { font-size:2.0833vw;} #content-wrap { padding-top: 2.5rem;} .container { padding-left: 1.25rem; padding-right: 1.25rem;} .header-account { margin-left: auto; margin-right: 1.5rem;} .navbar-main-toggler { margin-right: 0;} .page-navi { width: 50%; min-width:1px;} .navi-inner { padding-top: 2rem;} .main-menu li a { font-size: 1.375rem; padding: 0.875rem 1.5rem;} .header-phones, .header-socials { padding: 0 1.5rem;} h1, .h1 { font-size: 3.375rem;} .page-title { padding-bottom: 2.75rem; margin-bottom: 2rem;} .top-section { padding: 7rem 0; min-height: 1px; margin-bottom: 3.5rem;} .top-section-bg { height: auto; max-height: 100%;} .top-section-bg img { height: auto; max-width:100%;} .top-section .top-subtitle { font-size: 1.875rem; line-height: 1.2; text-transform: uppercase; color:var(--primary); max-width: 44rem; margin-bottom: 1.125rem;} .top-section .top-buttons { display: flex; flex-wrap:wrap; gap:1rem; margin-top: 2.5rem;} .section { margin-bottom: 4rem;} .dark-block, .green-block { padding: 2.5rem;} .row.gutters-56 { margin-left: -1.25rem; margin-right: -1.25rem;} .row.gutters-56>[class^="col"], .row.gutters-56>[class*=" col"] { padding-left:1.25rem; padding-right:1.25rem;} .row.gutters-big { margin-left: -2.5rem; margin-right: -2.5rem;} .row.gutters-big>[class^="col"], .row.gutters-big>[class*=" col"] { padding-left:2.5rem; padding-right:2.5rem;} .home-boxes-row { margin-bottom: -2rem;} .home-box { margin-bottom: 2rem;} .photo-text-block { flex-direction:column;} .photo-text-block .block-image { width: 100%;} .photo-text-block .block-image .item-thumb { padding-bottom: 100%; height: auto;} .photo-text-block .block-image:first-child .item-thumb img, .photo-text-block .block-image:last-child .item-thumb img { border-radius: 1.5rem 1.5rem 0 0;} .photo-text-block .block-text { width: 100%; order:1;} .manufacturing-section:before, .manufacturing-section:after { display: none;} .manufacturing-box { flex-direction: column; padding-top: 4rem; font-size: 0.9375rem;} .manufacturing-box.manufacturing-box-even { flex-direction: column;} .manufacturing-box + .manufacturing-box { margin-top: 9rem;} .manufacturing-box + .manufacturing-box:before { top:-8.25rem; height: 4.5rem;} .manufacturing-box .item-photos { width: 100%; margin:0 auto 2rem;} .manufacturing-box .item-entry { padding:0;} .manufacturing-box .item-caption { font-size: 1.75rem;} .manufacturing-box .num { font-size:4rem; width: 7rem;} .shops-section { padding: 2.5rem 0;} .shops-data { flex-direction: column; padding-top: 0;} .shops-map { width: 100%; border-radius: 0.25rem; min-height:1px; height: 25rem; order:-1;} .shops-list-column { width:100%; margin-right:0; margin-top: 1.625rem;} .shops-list { height: auto !important;} .col-product-photos, .col-product-summary, .col-product-actions { width: 100%;} .product-main-photo { margin-left: -1.25rem; margin-right: -1.25rem; margin-bottom:2.5rem;} .product-main-photo img { max-width: 100%; object-fit: cover; object-position: center;} .product-attrs { margin-left: 0;} .product-manufacturing-section .inner-block { padding:0; min-height:1px;} .product-manufacturing-section .block-text { padding: 2.5rem 2.5rem 0;} .product-manufacturing-section .block-image { position:relative; right:auto; top:auto; height:auto; width:auto;} .product-manufacturing-section .block-image img { border-radius: 0 0 1.5rem 1.5rem;} .detail-photo { margin-bottom: 2.5rem;} .feature-image { margin-bottom: 2.5rem; position: relative; top:auto;} .feature-content { padding-bottom: 2rem;} .product-box { flex-direction:row;} .product-box .item-col { width: 50%;} .product-box .item-thumb { padding-bottom: 100%; min-height: 100%;} .product-box .item-thumb img { object-fit: cover; border-radius: 1.5rem 0 0 1.5rem;} .product-box .item-entry { padding: 2.75rem;} .route-block { flex-direction: column;} .route-block .route-info { width:100%;} .route-block .route-map { width:100%; min-height:1px; height: 25rem; border-radius: 0 0 1.5rem 1.5rem;} .conditions-photo { display: none;} .top-section-dealer { margin-bottom: 4rem;} .profile-main { margin-bottom: 2.125rem;} .profile-sidebar { width: 100%; margin-right: 0;} .cart-table .qty-number { width: 10rem;} .cart-table .add-to-cart-btn { width: 10rem;} .cart-address-row { flex-wrap: wrap;} .order-time-message { margin-top: 1rem;} .footer-main { padding: 2.25rem 0;} .footer-left { padding-top: 0;} .footer-socials { margin-top: 2.25rem;} .footer-columns { width: 100%; margin-top: 2.5rem;} .footer-right { margin-top: 2.5rem;} .developed { float:none; margin-top: 0;} .footer-bottom { padding-bottom: 2.75rem;} .legal-links { margin-top: 1rem;} .section-404 { padding: 7rem 0; height: 33rem; background-position: center 80%;} .modal-green .modal-close { position: fixed; top:1rem; right:1rem; background: var(--green-hover); z-index: 50;} #modal_18plus .modal-dialog { max-width:50rem;} #modal_18plus .modal-content { height: 30rem;} #modal_18plus .modal-body { padding: 3.5rem 2.5rem;} #modal_18plus .modal-title { font-size: 1.75rem;} #modal_18plus .modal-buttons { margin-top: 4rem;} #modal_18plus .age-btn { width: 12.5rem;} .awz_cookies_sett__message .awz_cookies_sett__container { padding: 1rem 1.25rem 1.5rem;} .awz_cookies_sett__row { flex-direction: column;} .awz_cookies_sett__message .awz_cookies_sett__col__right { width: 100%; justify-content: center; margin-top: 1.125rem;} } @media (min-width: 768px) and (max-width: 991px) { .filter-select { min-width: 11rem;} .filter-search { width: 16rem;} } @media (max-width: 767px) { html { font-size:2.25vw;} .page-navi { width: 100%;} h1, .h1 { font-size: 3rem;} .home-boxes-section .dark-block { padding-left: 1.5rem; padding-right: 1.5rem;} .photo-text-block .block-text { padding: 3rem 1.5rem;} .product-box .item-entry { padding: 2.5rem 2rem 2rem;} .news-box .item-entry { padding: 1.5rem 2rem 2rem;} .benefits-section .row { margin-left: -1.5rem; margin-right: -1.5rem;} .benefits-section .row>[class^="col"], .benefits-section .row>[class*=" col"] { padding-left: 1.5rem; padding-right: 1.5rem;} } @media (max-width: 576px) { html { font-size:3.8647vw;} .navi-inner { padding-top: 2rem;} h1, .h1 { font-size: 2.5rem;} .page-title { padding-bottom: 2.5rem;} .top-section { padding: 6rem 0;} .home-box { display: block;} .home-box .item-col { width: 100%;} .home-box .item-thumb { margin-bottom: 1.5rem;} .home-box .caption { margin-top: 0;} .product-box { display: block; height:auto;} .product-box .item-col { width: 100%;} .product-box .item-thumb { padding-bottom: 84%; min-height:1px;} .product-box .item-thumb img { object-fit: contain; border-radius: 1.5rem 1.5rem 0 0;} .product-box .item-entry { padding: 2rem;} .dark-block, .green-block, .profile-main .dark-block { padding: 2.5rem 1.5rem;} .row.gutters-big { margin-left: -1.5rem; margin-right: -1.5rem;} .row.gutters-big>[class^="col"], .row.gutters-big>[class*=" col"] { padding-left:1.5rem; padding-right:1.5rem;} .manufacturing-box { padding:3.25rem 1.5rem 2rem;} .manufacturing-box + .manufacturing-box { margin-top: 8rem;} .manufacturing-box + .manufacturing-box:before { top:-7rem; height: 4rem;} .manufacturing-box .item-icon { width: 4rem; height: 4rem; border-width:0.125rem;} .manufacturing-box .item-head { margin-bottom: 1.625rem;} .manufacturing-box .item-caption { font-size: 1.375rem;} .manufacturing-box .num { font-size:3rem; width: 4.25rem;} .swiper-horizontal>.swiper-pagination { bottom:1.375rem;} .product-attrs, .product-features-section .green-block, .product-manufacturing-section .block-text, .detail-description { padding-left: 1.5rem; padding-right: 1.5rem;} .beer-photo { overflow: hidden;} .beer-photo img { margin-left: -30%; width: 130%; max-width: none;} .form-filter { gap: 1rem; margin-bottom: 1.5rem;} .form-filter .filter-item, .filter-search { width: 100%;} .filter-item-results { margin-left:0;} .icon-box .item-icon { width: 4.8rem; margin-bottom: 1.5rem;} .dilers-contacts .section-title, .dilers-form .form-title { margin-bottom: 2.375rem;} .dilers-contacts .desc { margin-bottom: 2.75rem;} .dilers-contacts .contact-item { margin-bottom: 2.5rem;} .dilers-contacts .contact-item .icon { width:2.5rem; margin-right: 1.25rem;} .section-dealer-register .section-title { font-size: 1.75rem;} .cart-table, .cart-table tbody, .cart-table th, .cart-table td { display: block;} .cart-table thead { display: none;} .cart-table tr { display: flex; flex-wrap:wrap; justify-content: space-between; padding: 0.375rem; border-bottom: 1px solid #1a1a1a;} .cart-table th, .cart-table td { border:none; padding: 0.375rem; text-align: left; width: 100%;} .cart-table .cell-price, .cart-table .cell-box { width: 50%;} .cart-table .cell-box { text-align: right;} .cart-table .qty-number, .cart-table .add-to-cart-btn { margin: 0; width: 100%;} .cart-collaterals { flex-direction: column; align-items: flex-start;} .cart-collaterals .cart-totals { margin-bottom: 1rem;} .cart-collaterals .cart-actions, .cart-collaterals .cart-actions .btn-order { width: 100%;} .cart-address-row .address-input-item { width: 100%; margin-right: 0; margin-bottom: 1rem;} .cart-address-row .month-input-item { margin-right: 0; width: calc(100% - 4.875rem);} .cart-actions-row .cart-actions { width: 100%;} /* addresses */ .address-item .address-delete { display: block; width: 3rem; height: 3rem; font-size: 0; line-height: 0; position: relative;} .address-item .address-delete:before, .address-item .address-delete:after { content:''; display: block; position: absolute; left:50%; top:50%; width: 1.5rem; height: 0.125rem; background: currentColor;} .address-item .address-delete:before { transform:translate(-50%,-50%) rotate(45deg);} .address-item .address-delete:after { transform:translate(-50%,-50%) rotate(-45deg);} .address-form .submit-row { margin-top: 2.5rem;} .pagenavi-list>a, .pagenavi-list>span { font-size: 1rem; line-height: 1.25rem; padding: 0.75rem 0.5rem; width: 2.75rem; height: 2.75rem; margin-right: 0.5rem;} .pagenavi-list a svg { width: 0.875rem; height: 0.875rem; margin: 0.1875rem auto;} .contacts-block { padding: 2.5rem 2rem;} .quality-box { margin-top: 0.5rem;} .quality-box .btn { font-size: 0.9375rem;} .route-block .route-info { padding: 2.5rem 2rem;} .form-check-input { margin-top: 0.1875rem;} .form-check-label { font-size: 0.9375rem;} .footer-columns { flex-direction: column; gap:2rem;} .footer-col-title { margin-bottom: 1.75rem;} .footer-bottom .legal-links { gap:1rem} .section-404 { padding: 6rem 0 0; height: 24rem;} #modal_18plus .modal-content { height: 13rem; background: #000; background-image:none; border-radius:1rem;} #modal_18plus .modal-body { padding: 3.125rem 2.5rem;} #modal_18plus .modal-title { font-size: 1.25rem; line-height: 1.5rem;} #modal_18plus .modal-buttons { gap:.75rem; margin-top: 1.75rem;} #modal_18plus .age-btn { width:calc(50% - 0.375rem); font-size: 0.875rem; line-height: 1.5rem; padding: 0.5rem 1rem; border-radius: 0.5rem;} div.awz_cookies_sett__message { font-size:0.8125rem; line-height:1.125rem;} .awz_cookies_sett__message .awz_cookies_sett__col__right { gap:0.5rem;} .awz_cookies_sett__message .awz_cookies_sett__btn, .awz_cookies_sett__detail .awz_cookies_sett__save { width: 7rem; font-size: 0.75rem; line-height: 1rem; padding:0.5rem 1rem; border-radius: 1.125rem;} div.popup-window { border-radius: 0;} div.awz_cookies_sett__detail { padding: 1.5rem 1.25rem; font-size: .875rem; line-height: 1.375rem;} } /* End */ /* /local/templates/utes/css/swiper-bundle.min.css?178308707514621 */ /* /local/templates/utes/css/jquery.fancybox.min.css?173877330512795 */ /* /local/templates/utes/css/animate.css?173877330757114 */ /* /local/templates/utes/components/bitrix/system.auth.form/.default/style.min.css?1779556739424 */ /* /bitrix/components/awz/cookies.sett/templates/.default/style.css?17828376397950 */ /* /local/templates/utes/styles.css?178471354765434 */