/* Start:/local/templates/tarkos/assets/js/fancybox/fancyboxudm.css?175293889215598*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/local/templates/tarkos/assets/js/owl/owl.carousel.min.css?17529388923327*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/tarkos/assets/js/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/tarkos/assets/js/owl/owl.theme.default.min.css?17529388921013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/local/templates/tarkos/assets/fonts/stylesheet.css?17529388928580*/
@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Regular.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Regular.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-ExtraboldItalic.eot');
    src: local('Gilroy Extrabold Italic'), local('Gilroy-ExtraboldItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-ExtraboldItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-ExtraboldItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-ExtraboldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-Bold.eot');
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Bold.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Bold.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-Black.eot');
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Black.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Black.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Light.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Light.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-Semibold.eot');
    src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Semibold.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Semibold.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Medium.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Medium.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-MediumItalic.eot');
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-MediumItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-MediumItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-BlackItalic.eot');
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-BlackItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-BlackItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLight.eot');
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLight.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLight.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-RegularItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-RegularItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-SemiboldItalic.eot');
    src: local('Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-SemiboldItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-SemiboldItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-HeavyItalic.eot');
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-HeavyItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-HeavyItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-Extrabold.eot');
    src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Extrabold.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Extrabold.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-BoldItalic.eot');
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-BoldItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-BoldItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLightItalic.eot');
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLightItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLightItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-LightItalic.eot');
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-LightItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-LightItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-Heavy.eot');
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Heavy.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-Thin.eot');
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Thin.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Thin.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/tarkos/assets/fonts/Gilroy-ThinItalic.eot');
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-ThinItalic.woff2') format('woff2'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-ThinItalic.woff') format('woff'),
        url('/local/templates/tarkos/assets/fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}


/* End */


/* Start:/local/templates/tarkos/assets/css/style.css?175856736626378*/
@font-face {
  font-family: 'Gilroy';
  src: url('/local/templates/tarkos/assets/css/../fonts/Gilroy-Regular.ttf');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/local/templates/tarkos/assets/css/../fonts/Gilroy-Light.ttf');
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/local/templates/tarkos/assets/css/../fonts/Gilroy-Medium.ttf');
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/local/templates/tarkos/assets/css/../fonts/Gilroy-Semibold.ttf');
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/local/templates/tarkos/assets/css/../fonts/Gilroy-Bold.ttf');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/local/templates/tarkos/assets/css/../fonts/Gilroy-Thin.ttf');
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/local/templates/tarkos/assets/css/../fonts/Gilroy-UltraLight.ttf');
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility;
}
img{max-width:100%;}
*, *:before, *:after {
    box-sizing: border-box;
}
body,html{
	margin:0px; padding:0px; overflow-x: hidden;
}
body {
    opacity: 1!important;
	background:#fff;
    font-family: Gilroy;
	font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color:#000;
}
.show_mobile{display:none;}
.container {
    width: 1340px;
    margin: 0 auto;
}
a{ color: #000; text-decoration:none;}
a:hover{}
a:active{}
::placeholder {
	color: #7A7A7A;
	font-family: Gilroy;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; 
	letter-spacing: 1.44px;
}
.burger{
	display:none;
}
.header {
    padding: 18px 0;
}
.top_line {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.right_top_line {
    display: flex;
    gap: 100px;
    align-items: center;
}
.nav_top ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    gap: 50px;
    align-items: center;
}
.nav_top ul a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.nav_top ul a:hover {
    border-bottom: 1px solid #D2D2D2;
}
.search_block a {
    line-height: 0px;
    display: block;
}
.main_banner img {
    width: 100%;
    max-height: 700px;
    object-fit: cover;
    object-position: center;
}
.main_banner {
    line-height: 0px;
    position: relative;
}
.in_main_banner_text {
    color: #FFF;
    text-align: center;
    font-size: 75px;
    font-style: normal;
    font-weight: 600;
    line-height: 81px;
}
.main_banner_text {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.button_main_banner {
    display: flex;
    justify-content: center;
}
.main_button {
    border-radius: 20px;
    background: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 20px 50px;
    transition: all 0.2s linear;
}
.main_button:hover{
	background: #303030;
	color:#fff;
}
.mb100{
	margin-bottom:100px;
}
.in_main_services, .obraz_items{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}
.standart_title {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 52px;
}
.in_main_services:has(.main_service:nth-child(odd):last-child) .main_service:last-child {
    grid-column: span 2;
}
.main_service .in, .obraz_item .in {
    height: 330px;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px;
    background: #FFC81A;
}
.obraz_item .in {
	background-color:#fff; border:1px solid #303030; border-radius: 20px;
}
.obraz_item:nth-child(2n) .in {
    background-color: #303030;
	color:#fff;
}
.obraz_item:nth-child(3n) .in {
    background-color: #303030;
	color:#fff;
}
.obraz_item:nth-child(4n) .in {
	color:#000;
    background-color: #FFC81A;border:1px solid #FFC81A;
}
.top_obraz_item {
    display: flex;
    justify-content: space-between;
}
.image_obraz_item {
    flex: 0 0 125px;
    text-align: right;
}
.title_obraz_item {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.7px;
    padding-right: 15px;
}
.bottom_obraz_item {
    max-width: 405px;
}
.top_main_service {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44.4px;
}
.bottom_main_service {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bottom_main_service span:last-child{
	line-height:0px;
}
.main_service:nth-child(2n) .in {
    background-color: #000;
	color:#fff;
}
.main_service:nth-child(2n) .in path{
	stroke:#fff;
}

.main_service:nth-child(3n) .in {
    background-color: #fff;
    color: #000;
    border: 1px solid #303030;
}
.main_service:nth-child(4n) .in {
	color:#000;
    background-color: #FFC81A;
}
.main_service:nth-child(4n) .in path{
	stroke:#000;
}
.in_main_services:has(.main_service:nth-child(odd):last-child) .main_service:last-child a {
    background: #303030;
    color: #fff;
}
.in_main_services:has(.main_service:nth-child(odd):last-child) .main_service:last-child a path{
	stroke:#fff;
}
.standart_slides .owl-stage {
    display: flex; 
}
.standart_slide {
    border: 1px solid #FFC81A;
    padding: 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.slide_image {
    display: block;
    line-height: 0px;
}
.title_slide {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.7px;
    max-width: 300px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;     height: 74px;
}
.text_slide {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.owl-dots {
    display: flex;
    margin-top: 50px;
    gap: 25px;
    justify-content: center;
}
.owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #303030 !important;
    cursor: pointer;
	transition: all 0.2s linear;
}
.owl-dots .owl-dot.active, .owl-dots .owl-dot:hover{
	background:#FFC81A !important;
}
.owl-carousel .owl-stage-outer{
	padding:0 3px;
}
.teams_block {
    background: #FFC81A;
    padding: 50px 0 100px;
}
.teams_item {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.teams_items {
    display: flex;
    gap: 25px;
}
.teams_cyfra {
    width: 70px;
    height: 70px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    border-radius: 50%;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44.4px;
}
.parent_cyfra {
    margin-bottom: 50px;
    display: flex;
    gap: 25px;
    align-items: center;
}
.lines_cyfra {
    width: 100%;
    border-bottom: 2px dashed;
}
.teams_item_text {
    width: 240px;
}
.teams_item_title {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44.4px;
    margin-bottom: 25px;
}
.right_double_press {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.top_right_double_press {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.main_big_button {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 30px 60px;
    border-radius: 40px;
    background: #FFC81A;
	transition: all 0.2s linear;
}
.main_big_button:hover{
	background: #000;
	color:#FFC81A;
}
.double_press {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.bottom_right_double_press {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 569px;
}
.left_double_press {
    line-height: 0px;
}
.footer {
    padding: 50px 0 10px;
    background: #303030;
    color: #fff;
}
.top_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer_menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    gap: 50px;
}
.footer_menu ul a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
}
.in_footer {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.bottom_footer {
    display: flex;
    flex-direction: column;
    gap: 23px;
}
.bottom_footer_in {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.left_bottom_footer_in {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.right_bottom_footer_in {
    line-height: 0px;
    display: flex;
    gap: 20px;
    align-items: center;
}
.double_top_footer_down {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.5;
}
.form_line {
    margin-bottom: 25px;
    position: relative;
}
.form_line input, .form_line textarea, .form_line select{
	width: 100%;
    padding: 19px 0 20px;
    border: none;
    outline: none !important;
    border-bottom: 1px solid #303030;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.form_line textarea {
    height: 61px;
    padding: 17px 0 14px;
}
.form_line input::placeholder,.form_line textarea::placeholder{
	color: #9D9D9D
}
.file_label {
    position: relative;
    cursor: pointer !important;
    color: #69C1FF;
}
input.file_upload {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
	padding: 0px;
    display: inline;
}
.line_text_file {
    margin-top: 10px;
    display: flex;
    gap: 5px;
}
.modal_block {
    padding: 100px 114px;
    max-width: 886px;
}
.agree_label input {
    position: absolute;
    visibility: hidden;
    width: 1px;
    height: 1px;
}
.agree_label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.agree_label:before {
    content: " ";
    border-radius: 4px;
    border: 1px solid #9D9D9D;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.agree_label .agree {
    color: #9D9D9D;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    position: relative;
    max-width: 383px;
}
.agree_label input:checked+.agree:before {
    content: " ";
    position: absolute;
    left: -25px;
    width: 13px;
    height: 10px;
    background: url('/local/templates/tarkos/assets/css/../images/check.svg')no-repeat;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}
.agree_line{
	margin-top:50px;
}
#wanna form {
    width: 658px;
}
.form_line:last-child {
    margin-bottom: 0px;
}
.agree_label .agree a {
    color: #69C1FF;
}
.standart_button {
    border-radius: 20px;
    background: #303030;
    text-decoration: none;
    color: #fff;
    border: none;
    padding: 15px 52px;
    display: table;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all 0.2s linear;
    cursor: pointer;
}
.standart_button .double{
	display:flex;
	gap:10px;
	align-items:center;
}

.carousel__button svg {
    filter: none !important;
    stroke-width: 1px;
}
.carousel__button.is-close path {
    fill: #000 !important;
    stroke: #000;
}
.invalid-feedback {
    position: absolute;
    top: 100%;
    color: #C63C3C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 3px;
}
.form_line input.is-invalid {
    border-color: #C63C3C;
}
div#popupRecording {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44.4px;
    max-width: 800px;
    color: #000;
    text-align: center;
	padding:75px;
}
.fancybox__content>.carousel__button.is-close {
    top: 4px;
}
.subtitle {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44.4px;
    margin-bottom: 50px;
    max-width: 771px;
}
.wanna_container {
    max-width: 658px;
}
.in_main_banner_text h1 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0px;
    line-height: inherit;
    color: inherit;
}
.ico_st_bt {
    line-height: 0px;
}
.left_404 {
    display: flex;
    flex-direction: column;
    gap: 100px;
    align-items: flex-start;
    max-width: 754px;
}
.text_404 {
    font-size: 96px;
    font-style: normal;
    font-weight: 300;
    line-height: 108.2px;
}
.double_404 {
    display: flex;
    justify-content: space-between;
    padding: 150px 0;
}
.right_404 {
    width: 100%;
}
.right_404 img {
    max-width: initial;
    max-height: 100%;
    position: absolute;
    top: 0px;
}
.page_404 {
    position: relative;
}
.parent_h {
    padding: 95px 0;
    background: #FFC81A;
    margin-bottom: 50px;
}
.parent_h h1 {
    font-size: 96px;
    font-style: normal;
    font-weight: 300;
    line-height: 108.2px;
    margin: 0px;
}
.news_list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.news_list_item {
    border-radius: 40px;
    border: 1px solid #FFC81A;
    padding: 25px 50px 25px 25px;
}
.double_news_list_item {
    display: flex;
    justify-content: space-between;
}
.right_news_list_item {
    width: 721px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.left_news_list_item {
    border-radius: 40px;
    line-height: 0px;
    overflow: hidden;
}
.in_right_news {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.news_date {
    color: #9D9D9D;
}
.news_title a {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.7px;
    padding-bottom: 25px;
    border-bottom: 1px solid #000;
    display: block;
}
.news_list_text {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_list_text:after {
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #fff 100%);
}
.news_list_item:nth-child(even) {
    padding: 25px 25px 25px 50px;
}
.news_list_item:nth-child(even) .double_news_list_item {
    flex-direction: row-reverse;
}
.button_news {
    border-radius: 20px;
    background: #303030;
    padding: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.in_news_container {
    max-width: 885px;
    margin: 50px auto 0;
}
.in_news_container h1 {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 50px;
}
.detail_image {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 50px;
    line-height: 0px;
}
h3 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.7px;
    margin: 50px 0 25px;
}
blockquote {
    position: relative;
    padding: 0 110px;
    margin: 114px 0 196px;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44.4px;
}
blockquote:before {
    content: "«";
    font-size: 96px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
    left: 0px;
    position: absolute;
    top: 3px;
}
blockquote:after {
    content: "»";
    font-size: 96px;
    font-style: normal;
    font-weight: 300;
    line-height: 48px;
    right: 0px;
    position: absolute;
    bottom: 0px;
}
blockquote cite {
    position: absolute;
    top: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 75px;
}
blockquote cite:before {
    content: "— ";
}
.modern-page-navigation {
    display: flex;
    justify-content: center;
    margin-top: 100px;
    gap: 25px;
    align-items: center;
}
.modern-page-next {
    margin-left: 100px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0px;
}
.modern-page-navigation a {
    color: #9D9D9D;
}
.modern-page-navigation span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #303030;
    color: #fff;
}
.with-fancybox {
    overflow: hidden;
}
.file_data {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 7px;
}
.double_subtitle_container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 50px;
}
.double_subtitle_container .subtitle {
    margin-bottom: 0px;
}
.sections_news {
    padding: 3px;
    display: flex;
    gap: 20px;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #FFC81A;
}
.sections_news a {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	padding: 0 20px;
}
.sections_news a.active {
    color: #fff;
    padding: 15px 72px;
    border-radius: 17px;
    background: #303030;
}
.mx1000{
	max-width:1000px;
}
.yellow_block {
    padding: 50px 0 100px;
    background: #FFC81A;
    overflow: hidden;
}
.yellow_title {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 100px;
}
.yellow_gal_item {
    line-height: 0px;
}
.parent_yellow_gallery {
    height: 250px;
}
.yellow_gallery {
    position: absolute;
}
.faq_block {
    padding-top: 60px;
}
.faq_double {
    display: flex;
    justify-content: space-between;
}
.faq_items {
    width: 665px;
    max-width: 100%;
}
.faq_parent_title {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.faq_item {
    padding: 35px 0;
    border-bottom: 1px solid #FFC81A;
}
.faq_item:first-child{
	border-top: 1px solid #FFC81A;
}
.faq_changer {
    flex: 0 0 24px;
    transition: all 0.2s linear;
    line-height: 0px;
    margin-top: 7px;
}
.faq_title_value {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.7px;
}
.faq_title {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    align-items: flex-start;
}
.faq_data {
    margin-top: 25px;
}
.faq_title.active .faq_changer {
    transform: rotateZ(180deg);
}
.faq_data a {
    color: #69C1FF;
}
.black_block {
    padding: 50px 0 100px;
    background: #303030;
    color: #fff;
}
.black_title {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 50px;
}
.review_item {
    width: 316px;
    height: 429px;
    position: relative;
    border-radius: 20px;
}
.review_item_parent_data {
    position: absolute;
    bottom: 0px;
    padding: 25px 19px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%), transparent 50% / cover no-repeat;
}
.review_item_parent_title {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.7px;
}
.review_item_parent_dolzh {
    margin-top: 15px;
}
.review_item {
    width: 316px;
    height: 429px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.review_item_back {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 25px;
    background-color: #fff;
    height: 100%;
    overflow: auto;
    color: #000;
	z-index:2;
	display:none;
}
.review_item:hover .review_item_back{
	display:block;
}
.black_gallery {
    position: absolute;
}
.parent_black_gallery {
    height: 429px;
}
.data_container_page {
    padding-bottom: 100px;
}
.teams_item:last-child .lines_cyfra {
    display: none;
}
.pt100{
	padding-top:100px;
}
.main_students {
    width: 100%;
    height: 500px;
    background-size: cover !important;
    background-position: 50% !important;
    display: flex;
    align-items: center;
}
.main_students h1 {
    color: #FFF;
    font-size: 96px;
    font-style: normal;
    font-weight: 300;
    line-height: 108.2px;
    max-width: 700px;
}
.grey_sub {
    padding: 100px 0;
    background: #303030;
    color: #fff;
}
.grey_subtitle {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 50px;
}
.grey_subtext {
    max-width: 1000px;
}
.real_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.real_item {
    display: flex;
    flex-direction: column;
    gap: 133px;
    border-radius: 20px;
    background: #303030;
    padding: 25px;
    color: #fff;
	justify-content:space-between;    cursor: pointer;
}
.real_item path {
    stroke: #fff;
}

.realt_item_title {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44.4px;
}
.real_item:nth-child(2n) {
    background: #FFC81A;
    color: #000;
}
.what_wait_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.what_wait_item {
    border: 1px solid #FFC81A;
    padding: 25px 25px 50px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.what_wait_title {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.7px;
}
.footer_students {
    border-bottom: 1px solid #FFF;
    background: #303030;
    padding: 100px 0;
    color: #fff;
    text-align: center;
}
.in_footer_students {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
    width: 569px;
    margin: 0 auto;
}
.title_footer_students {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.button_footer_students {
    font-size: 57px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.button_students {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 30px 60px;
    border-radius: 40px;
    background: #FFC81A;
    display: block;
    max-width: 462px;
    margin: 0 auto;
	transition: all 0.2s linear;
}
.button_students:hover{
	background-color:#fff;
}
.double_vacancies {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 50px;
}
.left_double_vacancies {
    width: 1000px;
}
.vacancies_sect {
    display: flex;
    gap: 94px;
    padding: 30px 0 15px;
    border-bottom: 1px solid #FFC81A;
}
.left_vacancies_sect {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    flex: 0 0 109px;
}
.vacancies_sect:first-child {
    border-top: 1px solid #FFC81A;
}
.right_vacancies_sect {
    width: 100%;
}
.vacancies_sections {
    position: relative;
}
.vacancies_sections::before,
.vacancies_sections::after {
    content: "";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
}
.vacancies_sections::before {
    inset: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 2;
}
.vacancies_sections::after {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: #FFC81A;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: none;
}
.vacancies_sections.is-loading::before,
.vacancies_sections.is-loading::after {
    opacity: 1;
    visibility: visible;
}
.vacancies_sections.is-loading::after {
    animation: vacancies-sections-spinner 1s linear infinite;
}
.vacancies_sections.is-loading::before {
    pointer-events: all;
}
@keyframes vacancies-sections-spinner {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.vacanc_item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 42px;
    border-bottom: 1px solid #FFC81A;
    padding-top: 25px;
}
.vacanc_item:first-child{
	padding-top:0px;
}
.vacanc_item:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}
.left_vacanc_item a {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36.7px;
}
.right_double_vacancies {
    width: 316px;
    padding: 25px;
}
.title_line_filter_catalog {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
}
.title_line_filter_catalog .filter_line_sp {
    display: flex;
    line-height: 0px;
    transition: all 0.2s linear;
    transform: rotate(180deg);
}
.line_filter_catalog.active .filter_line_sp{
	transform: rotate(0deg);
}
.datae_filter_catalog {
    padding-left: 20px;
    margin-bottom: 50px;
}
.datae_filter_catalog {
    padding-left: 20px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.title_line_filter_catalog>span {
    font-weight: 600;
}
.footer_line_filter_catalog.hidden {
    display: none;
}
.search-page>a {
    text-decoration: underline;
}
.double_vacancies_detail {
    display: flex;
    justify-content: space-between;
}
.left_vacancies_detail {
    width: 771px;
}
.standart_button.yellow {
    background-color: #FFC81A;
    color: #000;
}
.props_vacancies {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 20px;
    border: 1px solid #303030;
    background: #FFF;
    padding: 25px 25px;
    margin-bottom: 25px;
}
.props_vacancies_item {
    display: flex;
    gap: 5px;
}
.ico_vc {
    flex: none;
    display: block;
    line-height: 0px;
}
.right_vacancies_detail {
    max-width: 200px;
}
.data_vac {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    flex: 1;
    font-family: Gilroy;
    padding-top: 3px;
}
.right_vacancies_detail .standart_button {
    padding: 15px;
    width: 100%;
    text-align: center;
}
.in_students {
    position: relative;
}
.in_students a {
    position: absolute;
    right: 0px;
    bottom: 25px;
}
.close_burger{
	display:none;
}
/* End */


/* Start:/local/templates/tarkos/assets/css/custom.css?175856913314801*/
/*--------------------------------------------------
  Базовые стили и плавный переход
--------------------------------------------------*/
.js-blur-up {
  filter: blur(16px);
  transform: scale(1.05);
  transition: filter 0.45s ease, transform 0.45s ease, opacity 0.45s ease;
  opacity: 0.75;
}

.js-blur-up.is-loading {
  background-color: #f5f5f5;
  opacity: 0.6;
}

.js-blur-up.is-loaded {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
}

.in_main_services .main_service {
  position: relative;
  min-height: 330px;
}

.in_main_services .main_service .in {
  display: block;
  position: relative;
  height: 100%;
  padding: 40px 20px 20px; /* сверху/слева/справа/снизу */
  transition: background-color 0.3s ease, color 0.3s ease;
}

.in_main_services .main_service .top_main_service {
  display: block;
  transition: color 0.3s ease;
}

/* Переключили на flex, чтобы стрелка была справа */
.in_main_services .main_service .bottom_main_service {
  position: absolute;
  bottom: 20px;    /* от нижнего края блока */
  left: 20px;      /* от левого края блока */
  right: 20px;     /* от правого края блока */
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.3s ease;
}

.in_main_services .main_service .bottom_main_service svg {
  display: block;  /* чтобы SVG не «висел» на базовой линии текста */
}


/*--------------------------------------------------
  1-й блок: «Производство» (жёлтый → при hover чёрный/белый)
--------------------------------------------------*/
.in_main_services .main_service:nth-child(1) .in {
  background-color: #FDCB30;
}
.in_main_services .main_service:nth-child(1) .top_main_service,
.in_main_services .main_service:nth-child(1) .bottom_main_service {
  color: #000;
}
.in_main_services .main_service:nth-child(1) .in:hover {
  background-color: #000;
}
.in_main_services .main_service:nth-child(1) .in:hover .top_main_service,
.in_main_services .main_service:nth-child(1) .in:hover .bottom_main_service {
  color: #fff;
}


/*--------------------------------------------------
  2-й блок: «Back Office» (чёрный/белый → при hover жёлтый/чёрный)
--------------------------------------------------*/
.in_main_services .main_service:nth-child(2) .in {
  background-color: #000;
  border: 1px solid #000;
}
.in_main_services .main_service:nth-child(2) .top_main_service,
.in_main_services .main_service:nth-child(2) .bottom_main_service {
  color: #fff;
}
.in_main_services .main_service:nth-child(2) .in:hover {
  background-color: #FDCB30;
}
.in_main_services .main_service:nth-child(2) .in:hover .top_main_service,
.in_main_services .main_service:nth-child(2) .in:hover .bottom_main_service {
  color: #000;
}


/*--------------------------------------------------
  3-й блок: «HoReCa» (белый/чёрный → при hover серый/белый)
--------------------------------------------------*/
.in_main_services .main_service:nth-child(3) .in {
  background-color: #fff;
}
.in_main_services .main_service:nth-child(3) .top_main_service,
.in_main_services .main_service:nth-child(3) .bottom_main_service {
  color: #000;
}
.in_main_services .main_service:nth-child(3) .in:hover {
  background-color: #303030;
}
.in_main_services .main_service:nth-child(3) .in:hover .top_main_service,
.in_main_services .main_service:nth-child(3) .in:hover .bottom_main_service {
  color: #fff;
}


/*--------------------------------------------------
  4-й блок: «Партнёры» (как первый)
--------------------------------------------------*/
.in_main_services .main_service:nth-child(4) .in {
  background-color: #FDCB30;
}
.in_main_services .main_service:nth-child(4) .top_main_service,
.in_main_services .main_service:nth-child(4) .bottom_main_service {
  color: #000;
}
.in_main_services .main_service:nth-child(4) .in:hover {
  background-color: #000;
}
.in_main_services .main_service:nth-child(4) .in:hover .top_main_service,
.in_main_services .main_service:nth-child(4) .in:hover .bottom_main_service {
  color: #fff;
}

/*--------------------------------------------------
  5-й блок «Розничные сети» — при hover белый фон + чёрный текст
--------------------------------------------------*/
.in_main_services .main_service.full .in {
  background-color: #FDCB30; /* начальный жёлтый фон */
  border: 1px solid #000;
}
.in_main_services .main_service.full .top_main_service,
.in_main_services .main_service.full .bottom_main_service {
  color: #fff; /* начальный чёрный текст */
}
.in_main_services .main_service.full .in:hover {
  background-color: #fff!important; /* на hover белый фон */
  border: 1px solid #000;
}
.in_main_services .main_service.full .in:hover .top_main_service,
.in_main_services .main_service.full .in:hover .bottom_main_service {
  color: #000; /* на hover — чёрный текст */
}


/* стрелка «подхватывает» цвет текста и меняется на hover */
.in_main_services .main_service .bottom_main_service svg path {
  stroke: currentColor !important;
  stroke-opacity: 1 !important;
  transition: stroke 0.3s ease;
}

/* анимация верхнего меню */
.nav_top ul a {
  /* чтобы animation работал, берём изначально «невидимую» границу */
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s ease;
}

.nav_top ul a:hover {
  border-bottom-color: #D2D2D2;
}

/* анимация для блока карьерных шагов */

.teams_item .teams_cyfra,
.teams_item .teams_item_title,
.teams_item .teams_item_text {
  transition: color 0.5s ease;
}

.teams_item.is-active .teams_cyfra,
.teams_item.is-active .teams_item_title,
.teams_item.is-active .teams_item_text {
  color: #fff;
}

.teams_item .parent_cyfra { border-color: #000; transition: border-color 0.5s ease; }
.teams_item.is-active .parent_cyfra  { border-color: #fff; }

.footer_menu ul li a {
  transition: color 0.3s ease;
}

.footer_menu ul li a:hover {
  color: #FFC81A;
}

.right_bottom_footer_in a svg path {
  transition: stroke 0.3s ease;
}

.right_bottom_footer_in a:hover svg path {
  stroke: #FFC81A;
}

.news-detail ul {
	line-height: 38px;
}
.main_students {
	background-position-y: -180px !important;
}

/* === ГЛОБАЛЬНЫЙ ПАТЧ ДЛЯ ПЛАНШЕТНОГО ДИАПАЗОНА (iPad 1024) === */
@media (min-width: 1001px) and (max-width: 1180px) {

  /* 1) Контейнер — без «разбухания» из-за padding */
  .container {
    width: 100% !important;
    max-width: 100% !important;       /* не режем контентную часть */
    padding-left: 20px !important;    /* задаём только поля */
    padding-right: 20px !important;
    margin-left: auto;
    margin-right: auto;
  }

  /* 2) Безопасные сетки (две колонки + защита от min-content) */
  .in_main_services,
  .real_items,
  .what_wait_items,
  .obraz_items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  /* карточка, помеченная .full — на всю строку (фоллбек вместо :has) */
  .in_main_services .main_service.full { grid-column: 1 / -1; }

  /* 3) Снятие фикс-ширин, из-за которых распирало лэйаут */
  .left_double_vacancies,
  .right_double_vacancies,
  .right_news_list_item,
  .left_vacancies_detail,
  .mx1000,
  .grey_subtext,
  .left_404 {
    width: auto !important;
    max-width: 100% !important;
  }

  /* 4) Флекс-строки — разрешаем перенос + не даём «распирать» min-content */
  .double_vacancies,
  .double_news_list_item,
  .double_vacancies_detail,
  .header .right_top_line,
  .footer_menu ul {
    flex-wrap: wrap;
    gap: 20px;
  }
  .left_double_vacancies,
  .right_double_vacancies,
  .right_news_list_item {
    flex: 1 1 0;
    min-width: 0; /* важно для длинных заголовков/ссылок */
  }
  /* немного фиксируем сайдбар вакансий, если он есть */
  .right_double_vacancies { flex-basis: 280px; }

  /* 5) Карточки в блоке вакансий — компактнее отступы/высота */
  .in_main_services .main_service .in {
    padding: 32px 20px 20px;
    min-height: 240px;
  }
  .in_main_services .main_service .bottom_main_service {
    left: 20px; right: 20px; bottom: 16px;
  }

  /* 6) Шапка: уменьшаем «воздух», чтобы меню не толкало ширину */
  .right_top_line { gap: 40px; }
  .nav_top ul { gap: 30px; }

  /* 7) Заголовки «героев» на планшете — чуть скромнее */
  .standart_title { font-size: clamp(28px, 4vw, 44px); }

  /* 8) Страховка: ничего внутри секций не должно выползать по X */
  section { overflow-x: clip; }
  img, video, svg, canvas { max-width: 100%; height: auto; }
}

/*--------------------------------------------------
  Поисковая выдача
--------------------------------------------------*/
.search-form {
  display: grid;
  gap: 24px;
  margin-bottom: 32px;
}

.search-form__field {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.search-form__label {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #1f1f1f;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.search-form__controls {
  display: flex;
  align-items: stretch;
  gap: 16px;
}


.search-form__control {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.search-form__control > * {
  width: 100%;
}

.search-form__input,
.search-form__control input[type="text"],
.search-form__control input[type="search"],
.search-form__select {
  width: 100%;
  height: 60px;
  padding: 0 24px;
  border-radius: 20px;
  border: 1px solid #000;
  background-color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  font-family: "Gilroy", "Arial", sans-serif;
  color: #1f1f1f;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.search-form__input::placeholder,
.search-form__control input[type="text"]::placeholder,
.search-form__control input[type="search"]::placeholder {
  color: #9a9a9a;
}

.search-form__input:focus,
.search-form__control input[type="text"]:focus,
.search-form__control input[type="search"]:focus,
.search-form__select:focus {
  border-color: #ffc81a;
  box-shadow: 0 0 0 3px rgba(255, 200, 26, 0.25);
  outline: none;
}

.search-form__submit {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 36px;
  height: 60px;
  border-radius: 20px;
  border: none;
  background-color: #303030;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.search-form__submit:hover,
.search-form__submit:focus-visible {
  background-color: #3c3c3c;
}

.search-form__submit:focus-visible {
  outline: 3px solid rgba(255, 200, 26, 0.4);
  outline-offset: 3px;
}

.search-form__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
}

.search-form__icon-svg {
  display: block;
}

.search-form__submit-text {
  white-space: nowrap;
}

.search-results {
  list-style: none;
  display: grid;
  gap: 24px;
  padding: 0;
  margin: 0 0 32px;
}

.search-results__item {
  margin: 0;
}

.search-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.search-card:hover,
.search-card:focus-within {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
}

.search-card__title {
  margin: 0;
  font-size: 22px;
  line-height: 1.3;
}

.search-card__link {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.search-card__link:hover,
.search-card__link:focus {
  color: #fdcb30;
}

.search-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  font-size: 14px;
  color: #6f6f6f;
}

.search-card__date {
  font-weight: 600;
}

.search-card__section {
  position: relative;
  padding-left: 16px;
}

.search-card__section::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fdcb30;
  transform: translateY(-50%);
}

.search-card__excerpt {
  font-size: 16px;
  line-height: 1.6;
  color: #3b3b3b;
}

.search-card__breadcrumbs {
  font-size: 13px;
  line-height: 1.4;
  color: #999;
}

.search-card__breadcrumbs a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0.2);
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.search-card__breadcrumbs a:hover,
.search-card__breadcrumbs a:focus {
  color: #fdcb30;
  text-decoration-color: #fdcb30;
}

.search-card__highlight,
.search-card mark {
  background: linear-gradient(90deg, rgba(253, 203, 48, 0.3), rgba(253, 203, 48, 0.6));
  padding: 0 3px;
  border-radius: 4px;
}

.search-results__pager {
  margin-top: 16px;
}

.search-errors,
.search-suggest,
.search-empty {
  margin: 24px 0;
  padding: 24px;
  border-radius: 16px;
  background: #fff8dc;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
}

.search-empty__message {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 600;
}

.search-empty__link,
.search-suggest__link {
  font-weight: 600;
  color: #000;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0.3);
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.search-empty__link:hover,
.search-empty__link:focus,
.search-suggest__link:hover,
.search-suggest__link:focus {
  color: #fdcb30;
  text-decoration-color: #fdcb30;
}

@media (min-width: 768px) {
  .search-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .search-form__controls {
    flex-wrap: nowrap;
  }

  .search-form__submit {
    min-width: 200px;
  }
}

@media (max-width: 767px) {
  .search-form {
    gap: 20px;
  }

  .search-form__controls {
    flex-direction: column;
    align-items: stretch;
  }

  .search-form__submit {
    width: 100%;
    justify-content: center;
  }
}

/* End */


/* Start:/local/templates/tarkos/assets/css/responsive.css?175862356311514*/
@media (max-width: 1380px) {
	.container{
		max-width:1140px;
	}
	.real_item {
		gap: 53px;
	}
	.faq_items {
		flex-shrink: 0;
	}
	.double_top_footer_down {
		font-size: 30px;
	}
	.teams_item_text {
		width: auto;
	}
	.teams_item_title {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.teams_block {
		padding: 50px 0 70px;
	}
	.pt100 {
		padding-top: 70px;
	}
	.mb100 {
		margin-bottom: 70px;
	}
	.owl-carousel .owl-stage-outer {
		padding: 0;
	}
	.right_double_vacancies {
		flex-shrink: 0;
	}
	.parent_h {
		padding: 75px 0;
	}
	.double_news_list_item {
		gap: 30px;
	}
	.double_news_list_item {
		align-items: flex-start;
	}
}
@media (max-width: 1180px) {
	body {
		font-size: clamp(15px,1.7vw,18px);
	}
	.container {
        max-width: 1000px;
        padding: 0 20px;         width: 100%;
    }
	.in_news_container{
		padding: 0 20px;
	}
	.in_main_banner_text {
		 font-size: clamp(26px, 6.2vw, 50px);
		line-height: normal;
	}
	.main_banner img {
		max-height: 400px;
	}
	.mb100 {
        margin-bottom: 50px;
    }
	.standart_title {
        font-size: clamp(20px, 5vw, 44px);
        margin-bottom: clamp(20px, 4.5vw, 40px);
    }
	.in_main_services .main_service {
		position: relative;
		min-height: 250px;
	}
	.in_main_services .main_service .in {
		padding: 20px;
	}
	.standart_slide img {
		width: 100%;
		max-height: 250px;
		object-fit: cover;
	}
	.title_slide {
		font-size: clamp(18px,2.8vw,32px);
		max-width: 100%;
		height: auto;
	}
	.teams_cyfra {
		width: 60px;
		height: 60px;
		min-width: 60px;
		font-size: 25px;
	}
	.parent_cyfra {
		margin-bottom: 25px;
	}
	.top_right_double_press {
		font-size: clamp(20px, 5vw, 44px);
	}
	.main_big_button {
		font-size: clamp(20px, 4.7vw, 38px);
		padding: 15px 30px;
	}
	.bottom_right_double_press {
		font-size: clamp(20px, 5vw, 44px);
	}
	.double_top_footer_down {
		font-size: clamp(18px, 2.6vw, 26px);
	}
	.parent_h h1 {
		font-size: clamp(22px, 6vw, 80px);
		line-height:normal;
	}
	.parent_h {
		padding-top: clamp(30px, 4vw, 50px);
		padding-bottom: clamp(30px, 4vw, 50px);
	}
	.teams_item_title {
		font-size: clamp(21px, 2.5vw, 25px);
        line-height: normal;
	}
	.main_service .in, .obraz_item .in {
		height: 300px;
	}
	.left_vacanc_item a {
		font-size: clamp(20px,2.4vw,32px);
	}
	.right_double_vacancies {
		padding: 0px;
	}
	.main_students h1 {
		font-size: clamp(14px, 6.7vw, 70px);
		line-height: normal;
	}
	.main_students {
		width: 100%;
		height: 340px;
	}
	.grey_sub {
		padding: 50px 0;
	}
	.grey_subtitle {
		font-size: clamp(20px, 5vw, 44px);
		margin-bottom: 30px;
	}
	.realt_item_title {
		font-size: clamp(20px, 2.9vw, 34px);
		line-height: normal;
	}
	.what_wait_title {
		font-size: clamp(19px, 2.6vw, 27px);
	}
	.what_wait_item {
		padding: 20px 20px 40px;
	}
	.faq_items {
		width: 100%;
	}
	.faq_double {
		flex-direction: column;
		width: 100%;
		gap: 20px;
	}
	.faq_parent_title{
		font-size: clamp(20px, 5vw, 44px);
	}
	.faq_block {
		padding-top: 20px;
	}
	.footer_students {
		padding: 40px 0;
	}
	.title_footer_students{
		font-size: clamp(20px, 5vw, 44px);
	}
	.button_students {
		font-size: clamp(20px, 4.7vw, 38px);
		padding: 15px 30px;
	}
	.button_footer_students {
		font-size: clamp(20px, 5vw, 44px);
	}
	.in_footer_students {
		gap: 20px;
	}
	.modal_block {
		padding: 40px 64px;
	}
	.form_line input::placeholder, .form_line textarea::placeholder{
		font-size: clamp(18px, 2.5vw, 25px);
	}
	.form_line input, .form_line textarea, .form_line select {
		padding: 15px 0;
	}
	.yellow_title,.black_title,.in_news_container h1{
		font-size: clamp(20px, 5vw, 44px);
		margin-bottom:50px;
	}
	.yellow_block {
		padding: 50px 0 50px;
	}
	.yellow_block+.faq_block{
		padding-top:50px;
	}
	.news_title a{
		font-size: clamp(19px, 2.6vw, 27px);
	}
	blockquote {
		line-height: normal;
		position: relative;
		padding: 0 110px;
		margin: 54px 0 106px;
		font-size: clamp(20px, 4vw, 38px);
	}
	blockquote cite {
		margin-top: 45px;
	}
	h3 {
		margin: 30px 0px 15px;
		font-size: clamp(20px,2.4vw,32px);
	}
	.top_main_service, .subtitle {
		font-size: clamp(20px, 4vw, 38px);
		line-height:normal;
	}
}

@media (max-width: 1000px) {
        html.mobile-menu-open,
        body.mobile-menu-open {
                overflow: hidden;
                height: 100%;
                touch-action: none;
        }
        body.mobile-menu-open {
                position: fixed;
                width: 100%;
                left: 0;
                right: 0;
        }
        .nav_top {
                position: fixed;
                right: 0px;
                width: 300px;
                height: 100%;
		z-index: 33333;
		left: 0;
		top: 0px;
		background-color: #fff;
		padding: 50px;
		transition: all 0.2s linear;
		left: -300px;
	}
        .nav_top.active{
                left:0px;
                overflow: hidden;
        }
	.nav_top ul {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 15px;
		margin-top: 23px;
	}
	.show_mobile{
		display:block;
	}
	.burger span {
		width: 100%;
		height: 2px;
		display: block;
		background-color: #000;
	}
	.burger {
		display: flex;
		width: 27px;
		right: 15px;
		top: 15px;
		flex-direction: column;
		gap: 5px;
	}
	.close_burger{
		display:block;
	}
	.right_top_line {
		gap: 10px;
	}
	.close_burger {
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		right: 15px;
		top: 15px;
		line-height:0px;
	}
	.in_news_container {
        padding: 0 20px;
        margin: 0px;
    }
	.main_banner_text {
		gap: 20px;
		width: 100%;
	}
	.main_banner img {
        min-height: 260px;
    }
	.in_main_services .main_service {
        min-height: 200px;
    }
	.teams_items {
		flex-direction: column;
	}
	.parent_cyfra {
		margin-bottom: 10px;
	}
	.teams_item {
		flex-direction: column;
		width: 100%;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.top_footer {
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		gap: 20px;
	}
	.modal_block {
		max-width: 90%;         padding: 30px;
	}
	#wanna form {
		width: auto;
	}
	.form_line {
		margin-bottom: 15px;
	}
	.agree_line {
		margin-top: 20px;
	}
	.main_service .in, .obraz_item .in {
        height: auto;
    }
	.obraz_items {
		grid-template-columns: 1fr;
	}
	.lines_cyfra {
		display: none;
	}
	.right_double_vacancies {
		display: none;
	}
	.left_vacancies_detail {
		width: auto;
	}
	.double_vacancies_detail {
		flex-direction: column;
		gap: 15px;
	}
	.left_vacancies_detail {
		width: auto;
		order: 2;
	}
	.right_vacancies_detail {
		max-width: 100%;
	}
	.main_students {
        width: 100%;
        height: 340px;
        background-size: cover !important;
        background-position: 50% !important;
    }
	.in_students a {
		position: static;
	}
	.real_items {
		grid-template-columns: 1fr;
	}
	.what_wait_items {
		grid-template-columns: 1fr;
	}
	.double_subtitle_container {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}
	.title_obraz_item, .faq_title_value{
		 font-size: clamp(19px, 4.6vw, 27px);
		line-height:normal;
	}
}
@media (max-width: 600px) {
	.in_main_services:has(.main_service:nth-child(odd):last-child) .main_service:last-child {
		grid-column: initial;
	}
	.in_main_services, .obraz_items {
		grid-template-columns: 1fr;
	}
	.in_main_services .main_service {
        min-height: 150px;
    }
	.double_press {
		flex-direction: column;
	}
	.top_footer {
        align-items: initial;
    }
	.footer_menu ul {
		flex-direction: column;
		gap: 15px;
		width: 100%;
	}
	.in_footer {
		display: flex;
		flex-direction: column;
		gap: 50px;
	}
	.bottom_footer_in {
		flex-direction: column;
		justify-content: initial;
		align-items: flex-start;
		gap: 20px;
	}
	.footer {
		padding: 40px 0;
	}
	.vacancies_sect {
		flex-direction: column;
		gap: 55px;
	}
	.left_vacancies_sect {
		font-size: 30px;
		font-style: normal;
		font-weight: bold;
		line-height: normal;
		flex: initial;
	}
}

/* 1024px tune-up: кладите после responsive.css */
@media (min-width: 1001px) and (max-width: 1040px) {

	/* Шапка: компактнее отступы, чтобы не ломалось меню */
	.right_top_line { gap: 40px; }            /* было 100px */
	.nav_top ul { gap: 30px; }                /* было 50px */
  
	/* Новости: правая колонка резиновая, левая — фикс-базис */
	.double_news_list_item { gap: 20px; align-items: stretch; }
	.right_news_list_item { width: auto; flex: 1 1 auto; } /* вместо width:721px */
	.left_news_list_item  { flex: 0 0 260px; overflow: hidden; }
	.news_list_item { padding: 20px; }
	.news_list_item:nth-child(even) { padding: 20px; }     /* симметрия паддингов */
  
	/* Вакансии: помещаем в контейнер, не теряя правый сайдбар */
	.double_vacancies { gap: 25px; }
	.left_double_vacancies  { width: auto; }               /* вместо width:1000px */
	.right_double_vacancies { flex: 0 0 280px; }           /* было 316px */
  
	/* 3 → 2 колонки для плотных сеток */
	.real_items,
	.what_wait_items { grid-template-columns: repeat(2, 1fr); }
  
	/* Герой "students": вернём центр вместо смещения вверх */
	.main_students { background-position: 50% !important; }
  
	/* Футер-меню компактнее — меньше переносов */
	.footer_menu ul { gap: 30px; }
  }

  /* MAIN VACANCIES @ 1024px (и всё до 1180) */
@media (min-width: 1001px) and (max-width: 1180px) {

	/* Чуть компактнее сетка */
	.main_vacancies .in_main_services {
	  gap: 20px; /* было 25px */
	}
  
	/* Надёжно растягиваем карточку с классом .full на всю строку,
	   без зависимости от :has() */
	.in_main_services .main_service.full {
	  grid-column: 1 / -1;
	}
  
	/* Чуть ниже базовая высота и аккуратнее отступы внутри карточек */
	.in_main_services .main_service .in {
	  min-height: 240px;          /* было 250–300 по разным правилам */
	  padding: 24px;               /* было 20–25px */
	}
  
	/* Нижняя сервисная строка — плотнее к краю, чтобы не «съедать» место */
	.in_main_services .main_service .bottom_main_service {
	  left: 24px;
	  right: 24px;
	  bottom: 16px;
	}
  
	/* Заголовок внутри плитки — не больше 36px на этом диапазоне */
	.main_vacancies .top_main_service {
	  font-size: clamp(20px, 3.6vw, 36px);
	}
  }
  
  /* На мобильном (≤600) возвращаем обычное поведение (одна колонка) */
  @media (max-width: 600px) {
	.in_main_services .main_service.full { grid-column: initial; }
  }
  
  /* Фоллбек на случай отсутствия поддержки :has() в браузере */
  @supports not (selector(:has(*))) {
	.in_main_services .main_service.full { grid-column: 1 / -1; }
  }  

  @media (max-width: 767px) {
    input[name="link_resume"]::placeholder {
      font-size: 16px;
    }
    .yellow_gallery .owl-item {
      max-width: 368px;
    }
    .yellow_gallery .yellow_gal_item,
    .yellow_gallery .yellow_gal_item img {
      max-width: 368px;
      width: 100%;
    }
    .standart_slides .owl-item {
      margin: 0 10px !important;
    }
  }

/* End */
/* /local/templates/tarkos/assets/js/fancybox/fancyboxudm.css?175293889215598 */
/* /local/templates/tarkos/assets/js/owl/owl.carousel.min.css?17529388923327 */
/* /local/templates/tarkos/assets/js/owl/owl.theme.default.min.css?17529388921013 */
/* /local/templates/tarkos/assets/fonts/stylesheet.css?17529388928580 */
/* /local/templates/tarkos/assets/css/style.css?175856736626378 */
/* /local/templates/tarkos/assets/css/custom.css?175856913314801 */
/* /local/templates/tarkos/assets/css/responsive.css?175862356311514 */