/* Start:/local/templates/dobrolov_new/js/fancybox/fancybox.css?167593368015598*/ .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/dobrolov_new/css/main.min.css?1737665740182707*/ /*Block link article news*/ .article-banner_news .article-banner .article_news_icons img { margin-bottom: 0px; } .article-banner_news { margin: 50px 0px !important; max-width: 700px !important; width: 100% !important; padding: 26px 40px 26px 35px !important; display: block !important; box-sizing: border-box !important; text-decoration: none !important; color: #000000 !important; } .news_link-block { border-radius: 8px; background-color: #FBBA00; } .article-banner_news small { font-weight: 700; font-size: 21px; line-height: 90%; color: #000000; } .article-banner_news .article-banner_quote { display: flex; flex-direction: row; align-items: center; } .article-banner_news .article-banner_quote img { width: 35px; height: 35px; margin-right: 10px; margin-bottom: 0px !important; } .article-banner_news .article-banner_news_title { display: flex; flex-direction: row; align-items: center; margin-top: 17px; } .article-banner_news .article-banner_news_title h5 { font-weight: 700; font-size: 35px; width: 100%; line-height: 1; margin: 0px; flex: 0 0 75%; padding-right: 13px; display: inline-block; position: relative; z-index: 10; color: #000000; transition: color 300ms ease; padding-bottom: 10px; } .article-banner_news .article-banner_news_title h5:before { content: ""; width: 0%; height: 3.3px; position: absolute; bottom: 0px; left: 0px; background-color: #E84E0F; transition: width 400ms ease; } .article-banner_news .article-banner_news_title .article_news_icons { width: 60px; height: 60px; vertical-align: middle; } .article-banner_news .article-banner_news_title .article-banner_news_icons .arrow_service { width: 57px; height: 57px; margin-left: 0px; margin-bottom: 0px; transition: margin-left 800ms ease; vertical-align: middle; } .article-banner_news .article-banner_news_title .article-banner_news_icons_product .arrow_service{ width: 57px; height: 57px; margin-left: 0px; transition: margin-left 800ms ease; vertical-align: middle; } .news_link-block:hover .article-banner_news_title h5 { color: #E84E0F; } .news_link-block:hover .article-banner_news_title h5:before { width: 90%; } .news_link-block:hover .arrow_service { animation: arrow_service 800ms ease-out infinite; } @keyframes arrow_service { 0% { margin-left: 0px; } 50% { margin-left: 25px; } 100% { margin-left: 0px; } } .article-banner_news .article-banner_price { font-weight: 700; font-size: 24px; line-height: 1.4; margin-top: 13px; display: inline-block; } .article-banner_news .article-banner_price .rub { font-size: 22px; font-weight: 400; } .article-banner_news_icons { display: flex; justify-content: center; align-items: center; } .artigle-banner_img-main .article-banner_news_icons_product{ position: relative; } .artigle-banner_img-main .article-banner_news_icons_product:before{ content: ""; width: 60px; height: 60px; position: absolute; top: 111px; left: 56px; background: url("/local/components/bitrix/news.detail/templates/news/images/products/bayer_gradient_original_white.svg")center center no-repeat; background-size: 100%; z-index: 18; } /*Elements Icons Start*/ /*Icons Main*/ .article-banner_news .article-banner .article_news_icons .Elements_icons_banner-news_main { width: 60px; height: 60px; } /*Icons Block Position*/ .article-banner_news .article-banner .article_news_icons .Elements_icons_nanner-hover { width: 60px; height: 60px; position: relative; transform: translate(-1px, -70px); } /*Icons Secondary*/ .article-banner_news .article-banner .article_news_icons .Elements_icons_nanner-hover .Icons_banner-news_top, .Icons_banner-news_middle, .Icons_banner-news_right { position: absolute; } /*Icons MD*/ .article-banner_news .article-banner .article_news_icons .Elements_icons_nanner-hover .Icons_banner-news_top { top: 1px; left: -7px; opacity: 0; width: 29px; height: 29px; } /*Icons SM*/ .article-banner_news .article-banner .article_news_icons .Elements_icons_nanner-hover .Icons_banner-news_middle { bottom: -2px; left: 6px; opacity: 0; width: 23px; height: 23px; } /*Icons XS*/ .article-banner_news .article-banner .article_news_icons .Elements_icons_nanner-hover .Icons_banner-news_right { top: 33px; right: 0px; opacity: 0; width: 18px; height: 18px; } /*Icons Hover*/ .news_link-block:hover .Elements_icons_nanner-hover .Icons_banner-news_top { animation: both Icons_covid_top 470ms ease; } @keyframes Icons_covid_top{ 0%{ top: 8px; left: 1px; opacity: 0; } 85%{ opacity: 1; } 100%{ top: 4px; left: -4px; opacity: 1; } } .news_link-block:hover .Elements_icons_nanner-hover .Icons_banner-news_middle { animation: both Icons_covid_middle 470ms ease; } @keyframes Icons_covid_middle{ 0%{ bottom: 2px; left: 9px; opacity: 0; } 85%{ opacity: 1; } 100%{ bottom: -2px; left: 6px; opacity: 1; } } .news_link-block:hover .Elements_icons_nanner-hover .Icons_banner-news_right { animation: both Icons_covid_right 470ms ease-out; } @keyframes Icons_covid_right{ 0%{ top: 27px; right: 8px; opacity: 0; } 85%{ opacity: 1; } 100%{ top: 33px; right: 0px; opacity: 1; } } /*-Start---Banner-News-*/ .artigle-banner_img-main .article-banner_img{ width: 249px; height: auto; padding: 2px; position: relative; } .artigle-banner_img-main .article-banner_img_product{ width: 249px; height: auto; padding: 2px; position: relative; } .artigle-banner_img-main { background-color: #FBBA00; transition: background 600ms ease; } .artigle-banner_img-main:hover{ background-color: #fff; } .artigle-banner_img-main .article-banner_img .article-banner_img-past{ width: 249px; height: 184px; position: absolute; top: -25px; left: 5px; z-index: 17; object-fit: cover; } .artigle-banner_img-main .article-banner_img_product .article-banner_img-past{ width: 249px; height: 184px; position: absolute; top: -34px; left: 5px; z-index: 17; object-fit: contain; } .artigle-banner_img-main{ padding: 26px 40px 40px 35px !important; } .artigle-banner_img-main .article-banner_news_title h5{ flex: 0 0 60%; } .artigle-banner_img-main .article-banner_price{ display: flex; flex-direction: row; align-items: baseline; } .article-banner_news .article-banner_description h6{ max-width: 333px; font-weight: 700 !important; font-size: 20px !important; line-height: 1.2; margin: 0 !important; margin-top: 13px !important; display: inline-block; } .artigle-banner_img-main .article-banner_img:before{ content: ""; top: -34px; left: 33px; position: absolute; background-color: #000; width: 193px; height: 193px; border-radius: 100px; z-index: 5; } .artigle-banner_img-main .article-banner_img_product:before{ content: ""; width: 180px; height: 180px; top: -15px; left: 42px; position: absolute; background-color: #000; border-radius: 100px; z-index: 5; } .artigle-banner_img-main .article-banner_img:after{ content: ""; width: 90%; height: 57px; position: absolute; top: 46px; left: 15px; z-index: 13; background: linear-gradient(298deg, #9400d3,#57cdff); animation: lighting_artigle_1 700ms ease infinite; animation-direction: alternate-reverse; } @keyframes lighting_artigle_1 { 0% { transform: rotate(30deg) scale(1); filter: blur(calc(54px / 2)); opacity: 0.6; } 100% { transform: rotate(31deg) scale(1.1); filter: blur(calc(54px / 1)); opacity: 1; } } .artigle-banner_img-main .article-banner_img_product:after{ content: ""; width: 60%; height: 107px; position: absolute; top: 26px; left: 46px; z-index: 13; background: linear-gradient(298deg, #9400d3,#57cdff); animation: lighting_artigle_3 800ms ease infinite; animation-direction: alternate-reverse; } @keyframes lighting_artigle_3 { 0% { transform: rotate(30deg) scale(1); filter: blur(calc(60px / 1)); opacity: 0.6; } 100% { transform: rotate(31deg) scale(1.1); filter: blur(calc(54px / 1)); opacity: 1; } } .article-banner_news .article-banner_news_title .article_news_icons .mosquito_flay_right{ transform-origin: 51% 44%; transform: rotate(0deg); transition: transform 250ms ease; } .article-banner_news .article-banner_news_title .article_news_icons .mosquito_flay_left{ transform-origin: 43% 41%; transform: rotate(0deg); transition: transform 250ms ease; } .article-banner_news .article-banner_news_title .article_news_icons .mosquito_tail{ fill: #000000; transition: all 400ms ease; transform: translate(0px, 0px) scale(1); } .news_link-block:hover .article_news_icons .mosquito_tail{ fill: #E84E0F; transform: translate(-6px, -5px) scale(1.2); } .news_link-block:hover .article_news_icons .mosquito_flay_left{ transform: rotate(8deg); } .news_link-block:hover .article_news_icons .mosquito_flay_right{ transform: rotate(-8deg); } /*end banner*/ .wrap{ overflow: hidden; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical > .swiper-wrapper { flex-direction: column } .swiper-slide, .swiper-wrapper { width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; } .swiper-wrapper { z-index: 1; display: flex; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0) } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { flex-shrink: 0 } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-3d { perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent) } .swiper-wrapper .swiper-slide .get-img{ background-image: none; } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .9; cursor: auto } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23253035'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; color: #253035 } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23253035'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: 0; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill, .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25) } .swiper-pagination-black .swiper-pagination-bullet-active, .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25) } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube, .swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } /* Auto Height */ .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 { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } body, html { font-family: var(--userfont); max-width: 100%; border: 0; outline: 0; vertical-align: baseline; background: 0 0; margin: 0; padding: 0; font-weight: 400; font-size: 14px; color: #000; line-height: 1.4; position: relative } @media screen and (max-width: 900px) { body, html { min-width: 320px } } a, abbr, acronym, address, applet, b, big, blockquote, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: 0 0 } blockquote, q { quotes: none } :focus { outline: 0 } del { text-decoration: line-through } table { border-collapse: collapse; border-spacing: 0 } textarea { resize: none } .get-link { cursor: pointer } .get-img2 { background-size: contain } .ekibastuz_300 { font-weight: 300 } .dobronew b, .ekibastuz_bold { font-weight: 700 } .ekibastuz_800 { font-weight: 800 } .topbtn { display: none; width: 50px; height: 50px; position: fixed; bottom: 76px; right: 15px; background: url(/local/templates/dobrolov_new/css/../img/topbtn.svg) no-repeat; background-size: cover; cursor: pointer; border-radius: 50%; z-index: 100 } @media screen and (max-width: 900px) { .topbtn { display: none !important; opacity: 0 !important; } } .preloader__skip { z-index: 100; position: absolute; bottom: 100px; width: 100%; text-align: center; color: #fff; font-size: 18px; cursor: pointer; text-shadow: 0 0 10px #000024 } @media screen and (max-width: 900px) { .preloader__skip { display: none } .hdr-top { height: 53px; background: #fff } } .body_preloader, .main-anim { overflow: hidden } .body_animation .wrap { position: relative } .body_animation .wrap .hdr-top { position: relative; z-index: 5; background: #fff; opacity: 0 } .body_animation .wrap .main-image2 { background: 0 0; height: 704px; opacity: 0 } .main-anim { position: absolute; width: 100%; height: 817px; background-position: center center; background-size: auto 1900px; transition: all 4s } @media screen and (max-width: 900px) { .main-anim { display: none !important } } .main-anim.main-anim_move { background-position: center top; background-size: auto 1060px } .main-anim .opacity { transition: .3s; background: rgba(16, 19, 64, .7); height: 100% } .main-anim .opacity.opacity_step1 { background: rgba(16, 19, 64, .5); transition: 3s !important } .main-anim .opacity.opacity_step2 { background: 0 0 } .main-anim .width { height: 100%; position: relative } .main-anim .img__bug, .main-anim .img__rnd { transition: all 1s linear; z-index: 4; opacity: 0; right: 50%; top: 50%; margin-right: -89px; margin-top: -89px; width: 178px; height: 178px; position: absolute } .main-anim .img__rnd.img__rnd_end { right: 80px; top: 270px; width: 76px; height: 76px } .main-anim .img__rnd img, .main-anim .img__rnd.img__rnd_end img { position: absolute; left: 50%; top: 50%; margin-left: -160px; margin-top: -131px; width: 320px; height: 263px } .main-anim .img__rnd img { transition: all 1s linear; margin-left: -375px; margin-top: -307px; width: 750px; height: 614px } .main-anim .img__all img { vertical-align: top } .main-anim .img__bug { transition: all 1.5s linear; z-index: 5; top: 300px; margin-right: -125px; margin-top: -30px; width: 250px; height: 250px } .main-anim .img__bug.img__bug_end { opacity: 1; width: 500px; height: 500px; right: -90px } .main-anim .img__bug > img { transition: all 1.5s linear; width: 100% } .main-anim .img__bug .img__slez { opacity: 0; transition: 1.2s; position: absolute; top: 107px; right: 233px } .main-anim .img__bug .img__slez.img__slez_end { top: 127px; right: 227px } .main-anim .img__bug .img__star { position: absolute; top: 34px; right: 136px; width: 200px; height: 200px; background: url(/local/templates/dobrolov_new/css/../img/preloader_3.png) no-repeat center center; background-size: 0 auto } .main-anim .img__bug .img__star.img__star_end { -webkit-animation: p_star .3s 1 linear; animation: p_star .3s 1 linear } .dobronew .head .logo a b, .dobronew .jq-selectbox__dropdown, .dobronew .jq-selectbox__select, .dobronew input, .dobronew select, .dobronew textarea { font-family: Ekibastuz; font-weight: 400; font-style: normal; font-size: 14px } @media screen and (min-width: 900px) { .dobronew .hidden-desktop { display: none !important } } @media screen and (max-width: 900px) { .dobronew .hidden-mobile { display: none } } .dobronew .hidden, .dobronew .main-image .iusl .item:hover .img > img, .dobronew .main-image2 .iusl .item:hover .img > img { opacity: 0 } #grecaptchaButton{ display: none; } .dobronew .head-fixed .popup-fixed-menu div.close a:hover, .dobronew .main-image .iusl .item:hover .img .hover, .dobronew .visible { opacity: 1 } .dobronew .getmyimage { background-size: cover; background-position: center center } .dobronew .getmyimage2 { background-size: contain; background-position: left center; background-repeat: no-repeat } .dobronew .width { max-width: 1160px; margin: 0 auto; position: relative } @media screen and (max-width: 1200px) { .dobronew .width { padding-left: 20px; padding-right: 20px } } @media screen and (max-width: 900px) { .dobronew .width { width: auto; min-width: auto } } /*.dobronew .wrap a {*/ /*color: #EB5A2D;*/ /*text-decoration: none;*/ /*text-transform: uppercase;*/ /*}*/ /*.dobronew .wrap a:hover {*/ /* color: #FDB913;*/ /* border-bottom: 3px solid #FDB913;*/ /*}*/ .dobronew a { color: #E84E0F; } .dobronew a:hover { color: #FBBA00; } .dobronew .how-work-section .h1, .dobronew .how-work-section h1, .dobronew .services-list-h1 .h1, .dobronew .services-list-h1 h1 { font-size: 40px; margin: 0 0 20px; padding: 0 } /*.dobronew .h2, .dobronew h2 {*/ /* font-size: 24px;*/ /* margin: 0 0 20px;*/ /* padding: 0*/ /*}*/ .dobronew .head-mobile .line, .dobronew .app-calc-form .row { width: 80%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; } .dobronew .app-calc-form .radios{ margin-bottom: 45px; } .dobronew .head-mobile { display: none; border-top: 1px solid #dedede } @media screen and (max-width: 900px) { .dobronew .head-mobile { display: block; position: fixed; background: #fff; width: 100%; z-index: 9999; top: -1px } } .dobronew .head-mobile .line { align-items: center; align-content: center; padding: 0 15px } .dobronew .head-mobile .line .menu { position: relative } .dobronew .head-mobile .line .menu > a { display: block; background: url(/local/templates/dobrolov_new/css/../img/menu.svg) no-repeat center center; width: 24px; height: 50px } .dobronew .head-mobile .line .logo { margin-top: -1px; margin-bottom: -1px } .dobronew .head-mobile .line .logo img { width: 54px; vertical-align: top; border-radius: 0 0 50% 50%; box-shadow: 0 0 13px rgba(255, 255, 255, .4) } .dobronew .head-mobile .line .button a { display: block; color: #fbba00; font-size: 10px; font-weight: 700; text-decoration: none; height: 36px; width: 40px; padding: 0; background: url(/local/templates/dobrolov_new/css/../img/whatsapp.svg) no-repeat center center; background-size: 36px } .dobronew .head-mobile .line .email a { color: #000; font-weight: 600 } .dobronew .head-mobile .line .phone a { font-size: 0; font-weight: 800; color: #000; text-decoration: none; display: block; width: 36px; height: 36px; background: url(/local/templates/dobrolov_new/css/../img/phone2.png); background-size: 100% auto } .dobronew .head-mobile .popup-mobile-menu { visibility: hidden; opacity: 0; transition: .3s; position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow: auto; box-sizing: border-box; padding: 20px; z-index: 9999; background: url(/local/templates/dobrolov_new/css/../img/bg-mobile.jpg) no-repeat bottom center #000; background-size: cover } .dobronew .head-mobile .popup-mobile-menu.popup-mobile-menu-active { visibility: visible; opacity: 1 } .dobronew .head-fixed .popup-fixed-menu div.close a, .dobronew .head-mobile .popup-mobile-menu div.close a { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url(/local/templates/dobrolov_new/css/../img/close.svg) no-repeat center center } .dobronew .head-fixed .popup-fixed-menu nav, .dobronew .head-fixed .popup-fixed-menu ul, .dobronew .head-mobile .popup-mobile-menu nav, .dobronew .head-mobile .popup-mobile-menu ul, .dobronew .menu.main-menu nav, .dobronew .menu.main-menu ul { list-style: none } .dobronew .head-mobile .popup-mobile-menu nav > ul > li { text-align: left; padding: 8px 0 } .dobronew .head-mobile .popup-mobile-menu nav > ul > li.active > a { color: #fbba00 } .dobronew .head-mobile .popup-mobile-menu nav > ul > li > a, body, html { font-style: normal } .dobronew .head-mobile .popup-mobile-menu nav > ul > li > a:hover, .dobronew .head-mobile .popup-mobile-menu nav > ul > li > ul.popup > li > a:hover, .dobronew .menu.main-menu nav > ul > li:hover > .popup > li > a:hover { color: #000 } .dobronew .head-mobile .popup-mobile-menu nav > ul > li > ul.popup { display: none; padding: 5px 0 5px 20px } .dobronew .head-fixed .popup-fixed-menu nav > li > ul.popup > li, .dobronew .head-mobile .popup-mobile-menu nav > ul > li > ul.popup > li { padding: 5px 0 } .dobronew .head .right .phone a, .dobronew .head-fixed .popup-fixed-menu nav > li > a, .dobronew .head-mobile .popup-mobile-menu nav > ul > li > a, .dobronew .head-mobile .popup-mobile-menu nav > ul > li > ul.popup > li > a { font-size: 14px; font-weight: 700; color: #fbba00; text-decoration: none } .dobronew .head, .dobronew .head .logo a, .dobronew .head-fixed .logo a { display: flex; flex-direction: row; flex-wrap: nowrap; /*! justify-content:space-between; */ align-items: flex-start } .dobronew .head { height: 72px; box-sizing: border-box; padding-top: 0 } @media screen and (max-width: 900px) { .dobronew .head { display: none } } .dobronew .head .logo a, .dobronew .head-fixed .logo a { color: #000; text-decoration: none } .dobronew .head .logo a img { z-index: 50; margin-right: 20px; } .dobronew .head .logo a b { display: block; font-size: 24px; font-weight: 800 } .dobronew .head .logo a em, .dobronew .head-fixed .logo a span { display: block; color: #000; font-family: Ekibastuz; font-weight: 700 } .dobronew .head .logo a em { margin-top: 0; font-style: normal; line-height: 16px; font-size: 12px; max-width: 280px; width: 100%; white-space: nowrap } .dobronew .head .right { padding-top: 5px; display: flex; justify-content: space-between; height: 100%; align-items: center; width: calc(100% - 341px) } .dobronew .head .right .email, .dobronew .head .right .phone { padding-bottom: 0 } .dobronew .head .right .phone a { font-style: normal; font-weight: 800; font-size: 22px; line-height: 28px; text-align: right } .dobronew .head .right .email a { font-style: normal; font-weight: 600; font-size: 14px; color: #000; text-decoration: none } .dobronew .head .right .worktime { color: #1c201c; opacity: .8; font-size: 14px; margin: 0 16px; display: flex; justify-content: center; align-items: center; flex: 0 0 16% } .dobronew .head-fixed { position: fixed; width: 100%; top: 0; right: 0; background: #fff; z-index: 110; visibility: hidden; opacity: 0; transition: .3s } @media screen and (max-width: 900px) { .dobronew .head-fixed { display: none } } .dobronew .head-fixed .width { position: static } .dobronew .head-fixed.head-fixed-visible { visibility: visible; opacity: 1 } .dobronew .head-fixed.head-fixed-visible .popup-fixed-menu { display: block } .dobronew .head-fixed .popup-fixed-menu { display: none; visibility: hidden; opacity: 0; transition: .3s; position: absolute; right: 0; padding: 40px; background: #000; width: 100%; min-height: 100vh; box-sizing: border-box; box-shadow: 0 8px 8px #00000014; min-width: 300px; right: -300px } .dobronew .head-fixed .popup-fixed-menu div.close a { top: 10px; right: 150px; opacity: .6; display: none } .dobronew .head-fixed .popup-fixed-menu.popup-fixed-menu-active { visibility: visible; opacity: 1; right: 0 } .dobronew .head-fixed .popup-fixed-menu nav > li { text-align: right; padding: 8px 0 } .dobronew .head-fixed .popup-fixed-menu nav > li.active > a { color: #fbba00; text-decoration: underline } .dobronew .head-fixed .popup-fixed-menu nav > li > a { font-style: normal } .dobronew .footer .fmenu-over nav > ul li.active a, .dobronew .head-fixed .popup-fixed-menu nav > li > a:hover, .dobronew .head-fixed .popup-fixed-menu nav > li > ul.popup > li > a:hover, .dobronew .menu.main-menu nav > ul > li:hover > a, .dobronew .title-orange span { color: #000 } .dobronew .head-fixed .popup-fixed-menu nav > li > ul.popup { display: none; padding: 5px 0 } .dobronew .head-fixed .popup-fixed-menu nav > li > ul.popup > li > a { color: #fff; text-decoration: none } .dobronew .head-fixed .row { align-items: center; align-content: center; height: 50px } .dobronew .head-fixed .logo a { justify-content: flex-start; align-items: center; align-content: center } .dobronew .head-fixed .logo a img { width: 47px } .dobronew .head-fixed .logo a b { padding: 0 13px 0 11px; display: block; font-family: Ekibastuz; font-size: 14px; line-height: 14px; font-weight: 900 } .dobronew .head-fixed .logo a span { font-size: 12px } .dobronew .head-fixed .button { flex-grow: 1; text-align: center } .dobronew .head-fixed .button a { display: inline-block; height: 35px; line-height: 35px; font-style: normal; font-weight: 700; font-size: 13px; text-align: center; color: #fbba00; padding: 0 21px; border: 2px solid #fbba00; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); border-radius: 50px; text-decoration: none; transition: .3s } .dobronew .head-fixed .button a:hover { color: #fff; background: #fbba00 } .dobronew .head-fixed .phone { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; display: flex } .dobronew .head-fixed .phone span { color: #1c201c; font-size: 12px; display: block; padding-right: 6px } .dobronew .head-fixed .phone a { text-decoration: none; font-style: normal; font-weight: 800; font-size: 18px; color: #fbba00 } .dobronew .head-fixed .menu { position: absolute; right: 0 } .dobronew .head-fixed .menu > a { display: block; background: url(/local/templates/dobrolov_new/css/../img/Burger-menu.svg) no-repeat center center; width: 56px; height: 72px; background-position: center; right: 24px; position: relative; transition: .3s all; opacity: 1 } .menu.app-head-menu > a { display: block; background: url(/local/templates/dobrolov_new/css/../img/Burger-menu.svg) no-repeat center center; width: 56px; height: 72px; background-position: center; right: 24px; position: relative; transition: .3s all; opacity: 1 } .dobronew .main-image .width { width: 1160px; } @media screen and (max-width: 900px) { .dobronew .main-image .width { width: auto; } } .dobronew .main-image .iusl-wrap { width: 1160px; margin: 0 auto; } .iusl_wrap__slider .swiper-container .swiper-slide { transition: all 1000ms ease-in 300ms; } @media screen and (max-width: 900px) { .dobronew .main-image .iusl-wrap { width: 90%; } .hdr-top { height: 66px !important } } .dobronew .main-image .iusl { height: 222px; padding-top: 35px; padding-bottom: 30px; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; display: flex } @media screen and (max-width: 900px) { .dobronew .main-image .iusl { width: auto; flex-wrap: nowrap; padding-top: 20px; height: 250px; overflow-x: auto; } .dobronew .main-image .iusl::-webkit-scrollbar { width: 0; height: 0; } } .dobronew .main-image .iusl .item { padding-bottom: 90px; cursor: pointer; max-width: 158px } @media screen and (max-width: 900px) { .dobronew .main-image .iusl .item { width: 30%; padding-right: 0 } } @media screen and (max-width: 500px) { .dobronew .main-image .iusl .item { flex: 0 0 106px; /*width: 45%;*/ padding-right: 0; padding-bottom: 40px } } .dobronew .main-image .iusl .item:last-child { padding-right: 0 } .dobronew .main-image .iusl .item img { max-width: 158px; height: 70px } .dobronew .main-image .iusl .item .img { text-align: center; padding-bottom: 17px; position: relative } .dobronew .main-image .iusl .item .img .hover { width: 100%; transition: .3s; position: absolute; opacity: 0 } .dobronew .main-image .iusl .item .img > img { transition: .3s } .dobronew .main-image .iusl .item .text { text-align: center; padding: 0 10px } .dobronew .main-image .iusl .item .text a { color: #fff; text-shadow: 0 0 4px #fbba00; text-decoration: none; font-size: 12px } .dobronew .menu.main-menu { position: relative; z-index: 20 } @media screen and (max-width: 900px) { .dobronew .menu.main-menu { display: none } } .dobronew .menu.main-menu nav > ul { flex-direction: row; justify-content: space-between; align-items: center; align-content: baseline; display: flex; margin-left: 149px; width: calc(100% - 133px) } .dobronew .menu.main-menu nav > ul > li { position: relative; z-index: 103 } .dobronew .menu.main-menu nav > ul > li:last-child > .popup, .dobronew .menu.main-menu nav > ul > li:nth-last-child(2) > .popup { left: auto; right: 0 } .dobronew .menu.main-menu nav > ul > li > a { display: flex; padding: 16px 0; color: #000; font-size: 13px; font-weight: 700; text-decoration: none; position: relative; align-items: center; justify-content: center } .dobronew .menu.main-menu nav > ul > li > a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fbba00; box-shadow: 0 0 7px #fff; opacity: 0; transition: .3s } .dobronew .menu.main-menu nav > ul > li:hover > a:after, .dobronew .top-text .lebedev-mdk > a:hover { opacity: 1 } .dobronew .menu.main-menu nav > ul > li:hover > .popup { display: block; width: 300px; box-sizing: border-box; padding: 24px 24px 24px 16px; background: #fff; border-radius: 4px; box-shadow: 0 4px 8px #0000002b } .dobronew .menu.main-menu nav > ul > li:hover > .popup > li { padding-bottom: 0; display: flex } .dobronew .menu.main-menu nav > ul > li:hover > .popup > li > a { font-style: normal; font-weight: 700; font-size: 14px; line-height: 14px; color: #000; text-decoration: none; transition: .3s; display: flex; align-items: center; position: relative; width: 100%; height: 36px } .dobronew .menu.main-menu nav .popup { position: absolute; left: 0; z-index: 102; display: none } .dobronew .top-text { margin-bottom: 54px; position: relative } @media screen and (max-width: 900px) { .dobronew .top-text { height: 440px; margin-bottom: 11px } } .dobronew .top-text .lebedev-mdk { display: block } .dobronew .top-text .lebedev-mdk > a { opacity: .3; transition: .3s } @media screen and (max-width: 900px) { .dobronew .top-text .lebedev-mdk > a { opacity: .5 } } .dobronew .top-text .lebedev-mdk .n1 { position: absolute; /*bottom: -325px;*/ right: 88px } @media screen and (max-width: 900px) { .dobronew .top-text .lebedev-mdk .n1 { bottom: auto; top: 390px; left: 0; right: auto } } .dobronew .top-text .lebedev-mdk .n2 { position: absolute; /*bottom: -325px;*/ right: 43px } @media screen and (max-width: 900px) { .dobronew .top-text .lebedev-mdk .n2 { bottom: auto; top: 390px } } .dobronew .top-text .lebedev-mdk .n3 { position: absolute; /*bottom: -325px;*/ right: 0 } @media screen and (max-width: 900px) { .dobronew .top-text .lebedev-mdk .n3 { bottom: auto; top: 390px } } .dobronew .top-text .lebedev-mdk .n4 { position: absolute; /*bottom: -325px;*/ right: 190px } @media screen and (max-width: 900px) { .dobronew .top-text .lebedev-mdk .n4 { bottom: auto; top: 390px; right: 85px } } .dobronew .top-text .lebedev-mdk .header_add_icons { position: absolute; bottom: -355px; right: 0 } @media screen and (max-width: 900px) { .dobronew .top-text .lebedev-mdk .header_add_icons { bottom: auto; top: 340px } } .dobronew .main-image2 .top-text2 h1.inner-h1, .dobronew .top-text h1.inner-h1 { width: 75%; padding-top: 30px; font-weight: 900; font-style: normal; font-size: 64px; line-height: 120%; color: #fbba00; } @media screen and (max-width: 900px) { .dobronew .top-text h1.inner-h1 { padding-top: 20px; font-size: 35px !important } } .dobronew .top-text .inner-text { margin: 0; font-size: 18px; line-height: 120%; color: #fff; padding: 20px 0 0; font-weight: 800; font-style: normal } .dobronew .top-text .title, .dobronew .top-text p { padding-top: 30px; font-weight: 800; font-size: 50px; line-height: 1.1; color: #fbba00; } @media screen and (max-width: 900px) { .dobronew .top-text .title { padding-top: 20px; font-size: 30px; } } .dobronew .top-text .h1 { max-width: 860px; margin: 0; font-size: 26px; line-height: 1.3; color: #fff; padding: 20px 0 0; font-weight: 700; font-style: normal; } .dobronew .top-text .h1 span { font-size: 18px; display: block; margin-top: 20px; font-weight: 400; max-width: 628px; color: #c8c8c8; } @media screen and (max-width: 900px) { .dobronew .top-text .h1 { padding-top: 6px; font-size: 16px; width: auto; } .dobronew .top-text .h1 br { display: none } } .dobronew .top-text p { padding-top: 10px; font-weight: 400; font-size: 14px; width: 386px; color: #fff } @media screen and (max-width: 900px) { .dobronew .top-text p { padding-top: 8px; font-size: 12px; width: auto; padding-left: 0; padding-right: 0 } } .dobronew .top-form .title { font-weight: 800; font-style: normal; font-size: 18px; line-height: 18px; color: #fbba00; margin-bottom: 30px } @media screen and (max-width: 900px) { .dobronew .top-form .title { margin-bottom: 15px; text-align: center } } .dobronew .top-form .submit { text-align: left; margin-top: 10px; } @media screen and (max-width: 900px) { .dobronew .top-form .submit { margin-top: 0 } } .dobronew .top-form .submit .service_btn_main { border: 0; cursor: pointer; width: 266px; height: 60px; background: #E84E0F; border-radius: 80px; font-style: normal; font-weight: 700; font-size: 16px; line-height: 60px; color: #fff; text-align: center; transition: all 350ms ease; } .dobronew .top-form .submit .service_btn_main:hover { background: #fff; color: #000; } .dobronew .top-form .asterisk { padding: 11px 0 12px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; text-align: left; color: #b2b2b2; } .dobronew .top-form .fields { padding-bottom: 24px } @media screen and (max-width: 900px) { .dobronew .top-form .fields { display: block; padding-bottom: 4px } } .dobronew .top-form .fields > .item { width: 266px; z-index: 1 } @media screen and (max-width: 900px) { .dobronew .top-form .fields > .item { width: auto; padding-bottom: 12px } } .dobronew .top-form .fields .input-style-s { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; display: flex; padding: 0 22px; border: 2px solid #fcd996; border-radius: 30px; box-shadow: inset 0 1px 5px #fbba00, 0 0 8px #fbba00 } .dobronew .top-form .fields .input-style-s > div.input { flex-grow: 1 } .dobronew .top-form .fields .input-style-s > div.input input { color: #fff; width: 100%; border: 0; height: 45px; background: 0 0 } .dobronew .top-form .fields .input-style-s > div.input input::-webkit-input-placeholder { color: #fff; opacity: 1; text-shadow: 0 1px 5px #fbba00 } .dobronew .top-form .fields .input-style-s > div.input input:-moz-placeholder, .dobronew .top-form .fields .input-style-s > div.input input::-moz-placeholder { color: #fff; opacity: 1; text-shadow: 0 1px 5px #fbba00 } .dobronew .top-form .fields .input-style-s > div.input input:-ms-input-placeholder { color: #fff; opacity: 1; text-shadow: 0 1px 5px #fbba00 } @media screen and (max-width: 900px) { .dobronew .top-form .radios { display: block; text-align: left; padding-left: 20px } .dobronew .top-form .radios > div { padding-bottom: 15px } } .dobronew .top-form .radios .q { padding-bottom: 5px } @media screen and (max-width: 900px) { .dobronew .top-form .radios .q br { display: none } } .dobronew .top-form .radios .o label { font-weight: 800; padding-right: 15px } .dobronew .top-form .radios .jq-radio { border: 2px solid #fbba00; width: 12px; height: 12px; box-sizing: border-box; background: 0 0; box-shadow: none } .dobronew .top-form .radios .jq-radio.checked .jq-radio__div { width: 12px; height: 12px; margin: -2px 0 0 -2px; background: #fff; box-shadow: 0 0 8px #fbba00 } .dobronew .bg-gray.bg-gray_bottom { padding-bottom: 50px } .dobronew .uslugi { padding: 60px 0; margin-bottom: 70px; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; display: flex } @media screen and (max-width: 900px) { .dobronew .uslugi { padding: 30px 0 10px; margin-bottom: 30px; display: block } } .dobronew .uslugi .item { width: 20%; text-align: center } @media screen and (max-width: 900px) { .dobronew .uslugi .item { width: 250px; margin: 0 auto; text-align: left; position: relative; padding-bottom: 30px; min-height: 60px } } .dobronew .uslugi .item .img { padding-bottom: 10px } @media screen and (max-width: 900px) { .dobronew .uslugi .item .img { position: absolute; left: 0; top: 0 } } .dobronew .uslugi .item .img img { vertical-align: top } @media screen and (max-width: 900px) { .dobronew .uslugi .item .img img { width: 55px } } .dobronew .uslugi .item .name { padding-bottom: 10px; font-weight: 800; font-size: 16px } @media screen and (max-width: 900px) { .dobronew .uslugi .item .name { padding-left: 70px; padding-bottom: 6px } .dobronew .uslugi .item .name br { display: none } } .dobronew .uslugi .item .txt { font-size: 14px; color: #fbba00; font-weight: 700 } @media screen and (max-width: 900px) { .dobronew .uslugi .item .txt { padding-left: 70px } } .dobronew .prices { width: 1160px; margin: 80px auto } @media screen and (max-width: 900px) { .dobronew .prices { width: auto; padding: 0 15px; margin: 30px auto } } .dobronew .prices .info { text-align: left; margin-bottom: 40px; font-size: 18px; max-width: 700px; } .dobronew .prices .night { font-weight: 700; text-align: center; padding: 10px 0 0 } .dobronew .prices .prices-block { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; display: flex } .dobronew .prices .prices-block .item { width: 30%; padding-bottom: 40px } @media screen and (max-width: 900px) { .dobronew .prices .prices-block .item { width: 48% } } .dobronew .prices .prices-block .item .val { text-align: center; font-size: 22px; font-weight: 800; font-style: normal; padding-bottom: 5px } .dobronew .prices .prices-block .item .val b { font-size: 35px; font-style: normal; font-weight: 800 } .dobronew .iblock4 .list .item .text p, .dobronew .prices .prices-block .item .val sup { font-size: 14px } .dobronew .prices .prices-block .item .res { font-size: 14px; text-align: center; height: 45px; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; display: flex } .dobronew .prices .prices-block .item .res em { font-style: normal; color: #fbba00 } .dobronew .prices .prices-block .item .res .nepi { white-space: nowrap } /*Table*/ .prices-table_header{ box-shadow: none; border-radius: 0px; } .prices-table_header .prices-table_text{ font-size: 20px; font-weight: 900; line-height: 1.4; color: #000; white-space: normal !important; padding: 0 17px; } .prices-table_wrap .prices-table_block .prices-table_section .prices-table_element .prices-table_text{ white-space: normal !important; padding: 25px 38px 25px 22px !important; height: 60px !important; } .prices-table_wrap .prices-table_block .prices-table_section .prices-table_element .prices-table_text p{ padding-left: 0px; display: inline; } .prices-table_header .prices-table_text:last-child{ justify-content: flex-end; padding-right: 40px !important; } .prices-table_header .prices-table_text:first-child{ padding-left: 30px !important; } .prices-table_section:nth-child(2n){ background-color: #F9F9F9 !important; transition: background-color 650ms ease; } .prices-table_section{ background-color: #fff; transition: background-color 650ms ease; } .prices-table_section:hover{ background-color: #41414e; } .prices-table_element{ background-color: transparent; } .prices-table_element .price-m_h { max-width: 341px !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.2 !important; padding: 25px 30px !important; color: #000; align-items: left; transition: color 150ms ease; } .prices-table_element:hover .price-m_h{ color: #fff; } .prices-table_element .prices-table_text { max-width: 340px; font-size: 20px; font-weight: 700; line-height: 1.2; padding: 25px 0px; color: #000; align-items: left; transition: color 150ms ease; } .prices-table_element:hover .prices-table_text{ color: #fff; } .prices-table_element .prices-table_text.prices-table_text-e{ justify-content: flex-end !important; padding-right: 40px; font-size: 21px; font-weight: 700; line-height: 1.3; letter-spacing: 0.02em; background-position: 88px -60px; } .prices-table_element:hover .prices-table_text.prices-table_text-e{ color: #000 !important; } .prices-table_element .prices-table_text.prices-table_text-e .stng_d-reset{ font-size: 22px; font-weight: 900; line-height: 1.4; color: #000; transition: color 250ms ease; display: inline-block; position: relative; } .prices-table_element .prices-table_text.prices-table_text-e .stng_d-reset:before{ content: ""; width: 0%; height: 3px; background-color: #E84E0F; position: absolute; left: 0px; bottom: 0px; transition: width 450ms ease; } .prices-table_element:hover .prices-table_text.prices-table_text-e .stng_d-reset{ color: #E84E0F; } .prices-table_element:hover .prices-table_text.prices-table_text-e .stng_d-reset:before{ width: 100%; } .dobronew .preim { padding: 60px 0 } @media screen and (max-width: 900px) { .dobronew .preim { padding: 30px 0; } } .dobronew .preim-block { padding-top: 40px; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; display: flex; } @media screen and (max-width: 900px) { .dobronew .preim-block { padding-top: 0; flex-wrap: wrap; } } .dobronew .preim-block .item { width: 24%; text-align: center; } @media screen and (max-width: 900px) { .dobronew .preim-block .item { width: 48%; padding-bottom: 20px; } } .dobronew .preim-block .item .img { padding-bottom: 10px; } @media screen and (max-width: 900px) { .dobronew .preim-block .item .img { padding-bottom: 5px; } .dobronew .preim-block .item .img img { width: 70px; } } .dobronew .preim-block .item .txt { font-size: 16px; } @media screen and (max-width: 900px) { .dobronew .preim-block .item .txt { font-size: 14px; } } .dobronew .title-orange { font-weight: 700; /*text-align: center;*/ font-size: 42px; line-height: 1.3; margin-bottom: 20px; z-index: 2; position: relative; max-width: 900px; } .dobronew .title-orange.title-orange_left { text-align: center; } .h2_description { max-width: 75%; text-align: left !important; } .dobronew .faq .faq-block .item-wrap { padding-bottom: 15px } .dobronew .faq .faq-block .item { position: relative; width: 670px; box-sizing: border-box; padding: 0 50px; margin: 0 auto; background: #fff } @media screen and (max-width: 900px) { .dobronew .faq .faq-block .item { width: auto } } .dobronew .faq .faq-block .item > br { display: none } .dobronew .faq .faq-block .item.active .t:after { content: ""; position: absolute; right: 20px; top: 5px; display: block; width: 20px; height: 20px; background: url(/local/templates/dobrolov_new/css/../img/top.png) no-repeat } .dobronew .faq .faq-block .item .t { padding: 5px 0; color: #E84E0F; font-size: 16px; font-weight: 600; cursor: pointer } @media screen and (max-width: 900px) { .dobronew .faq .faq-block .item .t { padding-right: 20px } } .dobronew .faq .faq-block .item .t h2 { color: #eb5a2d; font-size: 16px; font-weight: 600; margin: 0; padding: 0 } .dobronew .faq .faq-block .item .t:after { content: ""; position: absolute; right: 20px; top: 5px; display: block; width: 20px; height: 20px; background: url(/local/templates/dobrolov_new/css/../img/bottom.png) no-repeat } .dobronew .faq .faq-block .item .o { padding-bottom: 30px; display: none; font-size: 14px } @media screen and (max-width: 900px) { .dobronew .faq .faq-block .item .o { padding-bottom: 15px } } .dobronew .button-order-orange { z-index:10; position:relative; text-align: center; padding: 50px 0 } @media screen and (max-width: 900px) { .dobronew .button-order-orange { padding: 20px 0 30px } } .dobronew .button-order-orange.button-order-orange_min { padding: 30px 0 } .dobronew .footer { background: #f0f0f0; } @media screen and (max-width: 900px) { .dobronew .footer { padding-bottom: 52px } } .dobronew .footer .fmenu-over { background: #e5e5e5; padding-top: 11px } .dobronew .footer .fmenu-over .row2, .dobronew .footer .fmenu-over nav > ul { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: center; display: flex } @media screen and (max-width: 900px) { .dobronew .footer .fmenu-over .row2 { justify-content: center } } .dobronew .footer .fmenu-over .nav-over, .dobronew .popup-form .popup-form2 .row > div { flex-grow: 1 } @media screen and (max-width: 900px) { .dobronew .footer .fmenu-over .nav-over { display: none } } .dobronew .footer .fmenu-over nav > ul { list-style: none; justify-content: flex-start } .dobronew .footer .fmenu-over nav > ul li { padding-right: 25px } .dobronew .footer .fmenu-over nav > ul li a { color: #5f5d5d; font-size: 13px; font-weight: 700; text-decoration: none; display: block; padding: 18px 0 } .dobronew .footer .fmenu-over .right-info { text-align: right } @media screen and (max-width: 900px) { .dobronew .footer .fmenu-over .right-info { padding: 5px 0 10px } } .dobronew .footer .fmenu-over .right-info .k, .dobronew .footer .fmenu-over .right-info2 .k { font-size: 9px; line-height: 11px; font-weight: 700; color: #5f5d5d } .dobronew .footer .fmenu-over .right-info .phone a, .dobronew .footer .fmenu-over .right-info2 .phone a { font-size: 14px; line-height: 16px; font-weight: 800; color: #fbba00; text-decoration: none } @media screen and (max-width: 900px) { .dobronew .footer .fmenu-over .right-info2 { padding: 5px 0 10px } } .dobronew .footer .fmenu-over .right-info2 .phone a { color: #000 } .dobronew .footer .row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start } @media screen and (max-width: 900px) { .dobronew .footer .row { height: auto; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; display: flex } } .dobronew .footer .line2 { padding-bottom: 64px; background: #000; padding: 30px 0 100px; font-size: 18px; color: #b3b3b3 } .dobronew .footer .line2 .leb-logo { padding-right: 13px } .dobronew .footer .line2 .leb-text { white-space: nowrap; font-size: 10px; line-height: 120%; color: #000 } .dobronew .footer .line2 .leb { padding-right: 20px; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; display: flex } @media screen and (max-width: 900px) { .dobronew .footer .line2 .leb { order: 1; padding-right: 0; padding-bottom: 20px } } .dobronew .footer .line2 .leb img { vertical-align: top } .dobronew .footer .line2 .leb a { color: #000; text-decoration: none } .dobronew .footer .line2 .copy .text a:hover, .dobronew .footer .line2 .leb a:hover, .dobronew .iblock6 .list .item .text a:hover { text-decoration: underline } .dobronew .footer .line2 .logo { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; display: flex; padding-right: 30px } @media screen and (max-width: 900px) { .dobronew .footer .line2 .logo { padding: 20px 0; justify-content: center } } .dobronew .footer .line2 .logo .img { margin-right: 13px } .dobronew .footer .line2 .logo .img img { width: 58px; vertical-align: top; border-radius: 50% } .dobronew .footer .line2 .logo .name { margin-top: 0; display: block; font-size: 16px; font-family: Ekibastuz; font-weight: 900; font-style: normal; color: #000 } @media screen and (max-width: 900px) { .dobronew .footer .line2 .logo .name { font-size: 28px } } .dobronew .footer .line2 .logo .info { font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.1; color: #000; margin-top: -3px; margin-bottom: 3px; white-space: nowrap } @media screen and (max-width: 900px) { .dobronew .footer .line2 .logo .info { font-size: 22px } } .dobronew .footer .line2 .logo .ss { padding-top: 5px } .dobronew .footer .line2 .logo .ss a { display: inline-block; margin-right: 7px } .dobronew .footer .line2 .logo .ss a img { border-radius: 50%; width: 34px } .dobronew .footer .line2 .button { position: relative; padding-right: 30px } @media screen and (max-width: 900px) { .dobronew .footer .line2 .button { padding: 0 0 20px } } .dobronew .footer .line2 .button.button_disable:before { display: none } .dobronew .footer .line2 .button a { display: inline-block; background: #fbba00; border-radius: 50px; white-space: nowrap; padding: 0 17px; height: 35px; line-height: 35px; color: #faf7f8; font-size: 13px; font-weight: 700; text-decoration: none; transition: .3s } @media screen and (max-width: 900px) { .dobronew .footer .line2 .button a { height: 48px; line-height: 48px; border-radius: 25px; font-weight: 700; font-size: 16px } } .dobronew .footer .line2 .button a:hover, .dobronew .popup-form .popup-form1 .submit button:hover, .dobronew .popup-form .popup-form2 .submit button:hover { background: #f15922 } @media screen and (max-width: 900px) { .dobronew .footer .line2 .copy { text-align: center; padding-bottom: 20px; font-size: 18px } } .dobronew .footer .line2 .copy .text a { color: #000; text-decoration: none } .dobronew .footer .line2 .copy .ss { padding-top: 10px; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: center; display: flex } @media screen and (max-width: 900px) { .dobronew .footer .line2 .copy .ss { justify-content: center } } .dobronew .footer .line2 .copy .ss a { display: block; padding-left: 20px } .swiper-button-next:after, .swiper-button-prev:after { display: none !important; } .dobronew .popup-form1 .fancybox__content, .dobronew .popup-form2 .fancybox__content{ background: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); border-radius: 5px; width: 288px; box-sizing: border-box; padding: 46px 41px 40px 30px } .dobronew .popup-form1 .title { font-style: normal; font-weight: 700; font-size: 18px; line-height: 21px; color: #000; margin-bottom: 20px; padding-left: 20px } .dobronew .popup-form1 .item { margin-bottom: 10px } .dobronew .popup-form1 .item.input input, .dobronew .popup-form2 .item.input input { background: #e5e5e5; border-radius: 30px; height: 45px; width: 100%; box-sizing: border-box; border: 0; padding: 0 23px } .dobronew .popup-form1 .item.checkbox { position: relative; width: 100%; height: auto; padding-top: 10px; font-size: 12px; line-height: 14px; color: #fbba00; border: 0; } .dobronew .popup-form1 .item.checkbox span { display: block; padding-left: 30px; width: 220px; margin-top: 0; } .dobronew .popup-form2 .item.checkbox span, .dobronew .popup-form3 .item.checkbox span { display: block; padding-left: 40px; width: 230px; margin-top: 0; } .dobronew .popup-form1 .jq-checkbox { position: absolute !important; top: 50%; margin-top: -6px; left: 1px; width: 12px; height: 12px; background: #fff; border: 2px solid #fbba00; box-sizing: border-box; box-shadow: 0 0 8px #fbba00; border-radius: 50% } .dobronew .popup-form1 .jq-checkbox.checked { background: #fbba00 } .dobronew .popup-form1 .submit { padding-top: 10px; text-align: Center } .dobronew .popup-form1 .submit button, .dobronew .popup-form2 .submit button { background: #fbba00; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); border-radius: 50px; border: 0; height: 45px; padding: 0 30px; font-size: 14px; line-height: 14px; color: #fff; cursor: pointer; transition: .3s } .dobronew .popup-form1 .info { padding-top: 10px; padding-left: 20px; font-size: 10px; line-height: 12px; color: #5f5d5d } .dobronew .popup-form2 { width: 534px } .dobronew .popup-form2 .title { font-style: normal; font-weight: 700; font-size: 18px; line-height: 21px; color: #000; margin-bottom: 20px; padding-left: 20px } .dobronew .popup-form2 .row > div:first-child { padding-right: 20px } .dobronew .footer-fixed-mobile .line, .dobronew .popup-form2 .row2 { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: center; display: flex } .dobronew .popup-form2 .item { margin-bottom: 20px } .dobronew .popup-form2 .item.checkbox { padding-top: 10px; position: relative; font-size: 12px; line-height: 14px; color: #fbba00 } .dobronew .popup-form2 .item.textarea textarea { border: 0; padding: 20px; width: 100%; box-sizing: border-box; border-radius: 10px; height: 102px; background: #e5e5e5 } .dobronew .popup-form2 .item.file { margin-bottom: 0 } .dobronew .popup-form2 .jq-checkbox { position: absolute !important; top: 50%; margin-top: -2px; left: 15px; width: 12px; height: 12px; background: #fff; border: 2px solid #fbba00; box-sizing: border-box; box-shadow: 0 0 8px #fbba00; border-radius: 50% } .dobronew .popup-form2 .jq-checkbox.checked { background: #fbba00 } .dobronew .popup-form2 .jq-file { border: 0; box-shadow: none } .dobronew .popup-form2 .jq-file .jq-file__name { border: 0; box-shadow: none; border-radius: 0; background: url(/local/templates/dobrolov_new/css/../img/skrep.png) no-repeat 12px center; padding-left: 40px } .dobronew .footer-fixed-mobile, .dobronew .popup-form2 .jq-file .jq-file__browse { display: none } .dobronew .popup-form2 .submit { padding-top: 10px; text-align: Center } .dobronew .popup-form2 .info { padding-top: 10px; padding-left: 20px; font-size: 10px; line-height: 12px; color: #5f5d5d } @media screen and (max-width: 900px) { .dobronew .footer-fixed-mobile { display: block; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 999; min-width: 320px } } .dobronew .footer-fixed-mobile .line { padding: 10px 10px 10px 10px; background: #000; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); justify-content: space-around } .dobronew .footer-fixed-mobile .line > div a { display: block; border: 2px solid #fcd996; border-radius: 30px; box-shadow: inset 0 1px 5px #fbba00, 0 0 8px #fbba00; height: 34px; line-height: 34px; padding: 0 10px 0 35px; font-size: 12px; color: #fff; text-decoration: none; text-shadow: 0 0 8px #fbba00; overflow: hidden } .dobronew .footer-fixed-mobile .line > div a.calc { background: url(/local/templates/dobrolov_new/css/../img/f-calc.svg) no-repeat 12px center } .dobronew .footer-fixed-mobile .line > div a.call { background: url(/local/templates/dobrolov_new/css/../img/f-call.svg) no-repeat 12px center } .dobronew .footer-fixed-mobile .line > div a.toptop { background: url(/local/templates/dobrolov_new/css/../img/topbtn.svg) no-repeat; padding: 0; width: 34px } .dobronew .main-image2 { background: url(/local/templates/dobrolov_new/css/../img/bg1.jpg) center right; background-size: cover; color: #fff } @media screen and (max-width: 900px) { .dobronew .main-image2 { background: url(/local/templates/dobrolov_new/css/../img/bg-top-mobile_380.jpg) center top no-repeat #00002e; background-size: auto } } .dobronew .main-image2 .width { height: 704px } @media screen and (max-width: 900px) { .dobronew .main-image2 .width { width: auto; height: auto } } .dobronew .main-image2 .lebedev-mdk { display: block; position: relative; z-index: 0 } .dobronew .main-image2 .lebedev-mdk > a { opacity: .3; transition: .3s } @media screen and (max-width: 900px) { .dobronew .main-image2 .lebedev-mdk > a { opacity: .5 } } .dobronew .main-image2 .iusl .item:hover .img .hover, .dobronew .main-image2 .lebedev-mdk > a:hover { opacity: 1 } .dobronew .main-image2 .lebedev-mdk .n1 { position: absolute; bottom: 100px; right: 88px; z-index: 9 } @media screen and (max-width: 900px) { .dobronew .main-image2 .lebedev-mdk .n1 { bottom: auto; top: 390px; left: 0; right: auto } } .dobronew .main-image2 .lebedev-mdk .n2 { position: absolute; bottom: 100px; right: 43px; z-index: 9 } @media screen and (max-width: 900px) { .dobronew .main-image2 .lebedev-mdk .n2 { bottom: auto; top: 390px } } .dobronew .main-image2 .lebedev-mdk .n3 { position: absolute; bottom: 100px; right: 0; z-index: 9 } @media screen and (max-width: 900px) { .dobronew .main-image2 .lebedev-mdk .n3 { bottom: auto; top: 390px } } .dobronew .main-image2 .lebedev-mdk .n4 { position: absolute; bottom: 100px; right: 190px; z-index: 9 } @media screen and (max-width: 900px) { .dobronew .main-image2 .lebedev-mdk .n4 { bottom: auto; top: 390px; right: 85px } } .dobronew .main-image2 .lebedev-mdk .header_add_icons { position: absolute; bottom: 60px; right: 0 } @media screen and (max-width: 900px) { .dobronew .main-image2 .lebedev-mdk .header_add_icons { bottom: auto; top: 340px } } .dobronew .main-image2 .iusl { width: 750px; padding-top: 80px; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; display: flex } @media screen and (max-width: 900px) { .dobronew .main-image2 .iusl { width: auto } } .dobronew .main-image2 .iusl .item { width: 33%; padding-bottom: 43px; cursor: pointer } @media screen and (max-width: 500px) { .dobronew .main-image2 .iusl .item { width: 48% } } .dobronew .main-image2 .iusl .item img { max-width: 142px; max-height: 55px } .dobronew .main-image2 .iusl .item .img { padding-bottom: 17px; position: relative; text-align: center } .dobronew .main-image2 .iusl .item .img .hover { width: 100%; transition: .3s; position: absolute; opacity: 0 } .dobronew .main-image2 .iusl .item .img > img { transition: .3s } .dobronew .main-image2 .iusl .item .text a { color: #fff; text-shadow: 0 0 4px #fbba00; text-decoration: none } .dobronew .main-image2 .top-text2 { padding-top: 35px; margin-bottom: 54px } @media screen and (max-width: 900px) { .dobronew .main-image2 .top-text2 { text-align: center; position: relative; margin-bottom: 0; padding-bottom: 50px } } .dobronew .main-image2 .top-text2 .top-text2-wrap { height: 260px } @media screen and (max-width: 900px) { .dobronew .main-image2 .top-text2 .top-text2-wrap { height: 370px } } .dobronew .main-image2 .top-text2 .title { padding-top: 30px; font-weight: 900; font-style: normal; font-size: 64px; line-height: 120%; color: #fbba00 } @media screen and (max-width: 900px) { .dobronew .main-image2 .top-text2 .title { padding-top: 20px; font-size: 35px } } .dobronew .main-image2 .top-text2 .h1, .dobronew .main-image2 .top-text2 h1 { width: 500px; margin: 0; font-size: 18px; line-height: 120%; color: #fff; padding: 20px 0 0; font-weight: 800; font-style: normal } @media screen and (max-width: 900px) { .dobronew .main-image2 .top-text2 .h1, .dobronew .main-image2 .top-text2 h1 { padding-top: 6px; font-size: 16px; width: auto } .dobronew .main-image2 .top-text2 .h1 br, .dobronew .main-image2 .top-text2 h1 br { display: none } } @media screen and (max-width: 900px) { .dobronew .main-image2 .top-text2 h1.inner-h1 { padding-top: 20px; font-size: 35px !important } } .dobronew .main-image2 .top-text2 .inner-text { margin: 0; font-size: 18px; line-height: 120%; color: #fff; padding: 20px 0 0; font-weight: 800; font-style: normal } .dobronew .main-image2 .top-text2 p { padding-top: 20px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 120%; width: 386px; color: #fff } @media screen and (max-width: 900px) { .dobronew .main-image2 .top-text2 p { padding-top: 8px; font-size: 12px; width: auto; padding-left: 0; padding-right: 0 } } .dobronew .iblock2 { height: 255px; margin-top: 30px } @media screen and (max-width: 900px) { .dobronew .iblock2 { height: auto } } .dobronew .iblock2 .text { font-size: 18px; font-weight: 800; padding: 65px 0 30px 65px; width: 527px } @media screen and (max-width: 900px) { .dobronew .iblock2 .text { width: auto; padding: 0 20px 20px; margin-top: -10px; text-align: Center } } .dobronew .iblock2 .button { padding-top: 22px } .dobronew .iblock2 .button a, .dobronew .iblock7 .button a, .dobronew .iblock8 .button a, .dobronew .iblock8v2 .button a, .dobronew .iblock8v3 .button a { display: inline-block; height: 48px; line-height: 48px; background: #fbba00; padding: 0 40px; border-radius: 25px; font-weight: 700; font-size: 16px; color: #fff; text-decoration: none; transition: .3s } .dobronew .iblock2 .button a:hover, .dobronew .iblock7 .button a:hover, .dobronew .iblock8 .button a:hover, .dobronew .iblock8v2 .button a:hover, .dobronew .iblock8v3 .button a:hover { background: #E84E0F; } .dobronew .iblock2 .img { position: absolute; right: 0; top: 25px } @media screen and (max-width: 900px) { .dobronew .iblock2 .img { padding-bottom: 10px; position: static; text-align: Center } .dobronew .iblock2 .img img { width: 100%; height: auto; } } .dobronew .bg-gray .faq .title-orange { margin-left: 13.5%; } .dobronew .blog2-wrap { display: flex; flex-wrap: wrap; justify-content: space-around; } @media screen and (max-width: 900px) { .dobronew .blog2-wrap { padding: 0; justify-content: center } } .dobronew .blog2-wrap .blog-item { box-sizing: border-box; margin-left: 15px; margin-right: 15px; word-wrap: break-word; width: 256px; margin-bottom: 30px; height: 256px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; padding: 30px 28px; display: flex; flex-direction: column; justify-content: space-between; color: #fff; text-decoration: none } .dobronew .blog2-wrap .blog-item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .35); z-index: 2 } .dobronew .blog2-wrap .blog-item .top { position: relative; z-index: 3; font-size: 12px } .dobronew .blog2-wrap .blog-item .top img { vertical-align: bottom } .dobronew .blog2-wrap .blog-item .bottom { position: relative; z-index: 3; font-size: 18px; border-bottom: 1px solid #fff; padding-bottom: 5px } .dobronew .iblock4 { padding: 47px 0; margin-bottom: 10px; background: url(/local/templates/dobrolov_new/css/../img/sotrudnik2.png) no-repeat center bottom } @media screen and (max-width: 900px) { .dobronew .iblock4 { padding: 40px 0 10px; margin-bottom: 0; background: 0 0 } } .dobronew .iblock4 .width { width: 736px } @media screen and (max-width: 900px) { .dobronew .iblock4 .width { width: auto } } .dobronew .iblock4 .title-orange { color: #fbba00; padding-bottom: 50px; margin-bottom: 0 } .dobronew .iblock4 .list .item { position: relative; padding-bottom: 40px } .dobronew .iblock4 .list .item .text { width: 472px } @media screen and (max-width: 900px) { .dobronew .iblock4 .list .item .text { width: auto; padding-left: 50px } } .dobronew .iblock4 .list .item .text b { font-size: 18px; display: block; padding-bottom: 20px; font-weight: 800 } @media screen and (min-width: 900px) { .dobronew .iblock4 .list .item .num { font-size: 288px; line-height: 288px; color: #e5e5e5; font-weight: 800; position: absolute } .dobronew .iblock4 .list .item.item1 .num { right: 40px; top: -120px } .dobronew .iblock4 .list .item.item2 .num { left: 40px; top: -35px } .dobronew .iblock4 .list .item.item2 .text { margin-left: 264px } .dobronew .iblock4 .list .item.item3 .num { right: 20px; top: 10px; color: #fbba00 } .dobronew .iblock4 .list .item.item4 .num { left: 40px; top: -60px } .dobronew .iblock4 .list .item.item4 .text { margin-left: 264px; padding-top: 10px } } @media screen and (max-width: 900px) { .dobronew .iblock4 .list .item .num { margin-top: -5px; margin-left: -15px; font-size: 80px; line-height: 80px; color: #e5e5e5; font-weight: 800; position: absolute } } .dobronew .iblock5 { background: #000; height: 241px } @media screen and (max-width: 900px) { .dobronew .iblock5 { height: auto; background: 0 0 } } .dobronew .iblock5 .bg-img { position: relative; top: -52px; height: 293px; background: url(/local/templates/dobrolov_new/css/../img/index/line2.png) no-repeat center bottom } @media screen and (max-width: 900px) { .dobronew .iblock5 .bg-img { background: 0 0; top: auto; height: auto; padding: 20px 0 } } .dobronew .iblock5 .text { padding: 125px 0 0 60px; position: relative } @media screen and (max-width: 900px) { .dobronew .iblock5 .text { padding: 20px; background: #fff; text-align: center } } .dobronew .iblock5 .t1 { font-size: 24px; font-weight: 700; padding-bottom: 5px } .dobronew .iblock5 .t2 { font-size: 36px; color: #fbba00; font-weight: 800; display: inline-block; padding-right: 20px; padding-bottom: 5px } .dobronew .iblock5 .t3, .dobronew .iblock5 .t4 { font-size: 18px; line-height: 18px; color: #5f5d5d; font-weight: 700 } .dobronew .iblock5 .t3 { text-decoration: line-through; display: inline-block } .dobronew .iblock5 .t4 { width: 291px } @media screen and (max-width: 900px) { .dobronew .iblock5 .t4 { width: auto; padding-top: 20px } } .dobronew .iblock6 { padding: 51px 0 100px; background: #fbba00 } @media screen and (max-width: 900px) { .dobronew .iblock6 { padding: 30px 0 } } .dobronew .iblock6 .title-orange { font-size: 24px; color: #fff; margin-bottom: 80px } @media screen and (max-width: 900px) { .dobronew .iblock6 .title-orange { margin-bottom: 30px } } .dobronew .iblock6 .list .item, .dobronew .iblock6 .two-col { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; display: flex } @media screen and (max-width: 620px) { .dobronew .iblock6 .two-col { display: block } } .dobronew .iblock6 .two-col > div { width: 48% } @media screen and (max-width: 620px) { .dobronew .iblock6 .two-col > div { width: auto } } .dobronew .iblock6 .list .item { justify-content: flex-start; padding-bottom: 75px } @media screen and (max-width: 620px) { .dobronew .iblock6 .list .item { padding-bottom: 30px } } .dobronew .iblock6 .list .item .img { padding-right: 27px } .dobronew .iblock6 .list .item .img img { width: 60px; height: 60px; } .dobronew .iblock6 .list .item .text a { color: #000; font-size: 24px; font-weight: 800; text-decoration: none } @media screen and (max-width: 620px) { .dobronew .iblock6 .list .item .text a { font-size: 20px } } .dobronew .iblock6 .ftext { font-size: 14px; text-align: center; font-weight: 700 } .dobronew .iblock7 { padding: 85px 0 } .dobronew .iblock7 .h1_pages_cmp { font-size: 50px !important; font-weight: 900; line-height: 1; color: #2f2e2e; margin-bottom: 50px; } @media screen and (max-width: 900px) { .dobronew .iblock7 { padding: 30px 0 } } .dobronew .iblock7 .title-orange { font-size: 24px; color: #fbba00; text-align: left } .dobronew .iblock7 .button { padding-top: 30px } .dobronew .iblock7 .list > .item, .dobronew .iblock7 .two-col { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; display: flex } @media screen and (max-width: 900px) { .dobronew .iblock7 .two-col { display: block } .dobronew .iblock7 .two-col .img img { max-width: 468px; width: 100% } } .dobronew .iblock7 .list { margin-top: 30px; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start; align-content: flex-start; display: flex } @media screen and (max-width: 900px) { .dobronew .iblock7 .list { display: block } } .dobronew .iblock7 .list > .item { width: 45%; justify-content: flex-start; align-items: center; align-content: center } @media screen and (max-width: 900px) { .dobronew .iblock7 .list > .item { width: auto; padding-bottom: 20px } .dobronew .iblock7 .list > .item .img img { width: 60px; height: 60px; } } .dobronew .iblock7 .list > .item .text { padding-left: 30px; font-weight: 800 } @media screen and (max-width: 900px) { .dobronew .iblock7 .list > .item .text { padding-left: 20px } } .dobronew .iblock8 { background: #2e2d2d; margin-top: 80px; height: 234px } @media screen and (max-width: 900px) { .dobronew .iblock8 { background: 0 0; height: auto; margin-top: 0 } } .dobronew .iblock8 .bg-img { position: relative; top: -177px; height: 411px; z-index: 4; background: url(/local/templates/dobrolov_new/css/../img/index/line3.png) no-repeat center bottom } @media screen and (max-width: 900px) { .dobronew .iblock8 .bg-img { background: 0 0; top: auto; height: auto } } .dobronew .iblock8 .text { padding: 230px 0 0 550px; position: relative } @media screen and (max-width: 900px) { .dobronew .iblock8 .text { padding: 20px 0; text-align: center } } .dobronew .iblock8 .t1 { font-size: 24px; font-weight: 800; width: 292px; padding-bottom: 14px; line-height: 120% } @media screen and (max-width: 900px) { .dobronew .iblock8 .t1 { width: auto } } .dobronew .iblock8v2 { background: #2e2d2d; margin-top: 80px; height: 234px } @media screen and (max-width: 900px) { .dobronew .iblock8v2 { background: 0 0; height: auto; margin-top: 0 } } .dobronew .iblock8v2 .bg-img { position: relative; top: -177px; height: 411px; z-index: 4; background: url(/local/templates/dobrolov_new/css/../img/index/line3.webp) no-repeat center bottom } @media screen and (max-width: 900px) { .dobronew .iblock8v2 .bg-img { background: 0 0; top: auto; height: auto } } .dobronew .iblock8v2 .text { padding: 230px 0 0 550px; position: relative } @media screen and (max-width: 900px) { .dobronew .iblock8v2 .text { padding: 20px 0; text-align: center } } .dobronew .iblock8v2 .t1 { font-size: 24px; font-weight: 800; width: 292px; padding-bottom: 14px; line-height: 120% } @media screen and (max-width: 900px) { .dobronew .iblock8v2 .t1 { width: auto } } .dobronew .iblock8v3 { background: #2e2d2d; margin-top: 80px; height: 234px } @media screen and (max-width: 900px) { .dobronew .iblock8v3 { background: 0 0; height: auto; margin-top: 0 } } .dobronew .iblock8v3 .bg-img { position: relative; top: -177px; height: 411px; z-index: 4; background: url(/local/templates/dobrolov_new/css/../img/index/line3.png) no-repeat center bottom #fbba00 } @media screen and (max-width: 900px) { .dobronew .iblock8v3 .bg-img { background: 0 0; top: auto; height: auto } } .dobronew .iblock8v3 .text { padding: 230px 0 0 550px; position: relative } @media screen and (max-width: 900px) { .dobronew .iblock8v3 .text { padding: 20px 0; text-align: center } } .dobronew .iblock8v3 .t1 { font-size: 24px; font-weight: 800; width: 292px; padding-bottom: 14px; line-height: 120% } @media screen and (max-width: 900px) { .dobronew .iblock8v3 .t1 { width: auto } } .dobronew .iblock9 { background: #fbba00; height: 235px; position: relative } @media screen and (max-width: 900px) { .dobronew .iblock9 { height: auto } } .dobronew .iblock9 .text { padding-top: 70px; text-align: center; padding-right: 350px; padding-left: 150px } @media screen and (max-width: 900px) { .dobronew .iblock9 .text { padding: 40px 0 } } .dobronew .iblock9 .text .t1 { font-size: 24px; font-weight: 800; padding-bottom: 13px } .dobronew .iblock9 .text .t2 { font-size: 18px; font-weight: 800; color: #fff; line-height: 18px } @media screen and (max-width: 900px) { .dobronew .iblock9 .text .t2 br { display: none } } .dobronew .iblock9 .text a { color: #000 } .dobronew .iblock9 .text .img { z-index: 8; position: absolute; right: 10px; top: -40px } @media screen and (max-width: 900px) { .dobronew .iblock9 .text .img { display: none } } .dobronew .iblog-wrap { padding: 81px 0 0 } @media screen and (max-width: 900px) { .dobronew .iblog-wrap { padding: 30px 0 } } .dobronew .iblog-wrap .title-orange { color: #fbba00 } .dobronew .iblock10 { margin-top: 40px; background: #000; height: 242px } @media screen and (max-width: 900px) { .dobronew .iblock10 { height: auto; background: 0 0 } } .dobronew .iblock10 .bg-img { position: relative; top: -41px; height: 299px; background: url(/local/templates/dobrolov_new/css/../img/index/line4.png) no-repeat center bottom } @media screen and (max-width: 900px) { .dobronew .iblock10 .bg-img { background: 0 0; top: auto; height: auto } } .dobronew .iblock10 .t1 { font-size: 22px; line-height: 120%; text-align: center; color: #000; width: 284px; font-weight: 700; position: absolute; top: 121px; left: 60px } @media screen and (max-width: 900px) { .dobronew .iblock10 .t1 { position: static; top: auto; left: auto; padding: 20px 0; width: auto; text-align: center } } .dobronew .iblock1 { background: #fbba00; height: 242px } @media screen and (max-width: 900px) { .dobronew .iblock1 { height: auto } } .dobronew .iblock1 .bg-img { position: relative; top: -41px; height: 284px; background: url(/local/templates/dobrolov_new/css/../img/index/line1.png) no-repeat center bottom } @media screen and (max-width: 900px) { .dobronew .iblock1 .bg-img { background: 0 0; top: auto; height: auto } } .dobronew .iblock1 .t1 { font-size: 31px; color: #fff; position: absolute; top: 130px; left: 40px } @media screen and (max-width: 900px) { .dobronew .iblock1 .t1 { position: static; padding: 20px 0 10px; text-align: center } } .dobronew .iblock1 .t2 { font-size: 16px; color: #000; width: 407px; text-align: center; line-height: 120%; position: absolute; top: 140px; right: 40px } @media screen and (max-width: 900px) { .dobronew .iblock1 .t2 { position: static; padding: 0 0 30px; text-align: center; width: auto } } .dobronew .iblock5v2 { height: 242px; background: #000; } @media screen and (max-width: 900px) { .dobronew .iblock5v2 { height: auto; background: 0 0 } } .dobronew .iblock5v2 .bg-img { height: 244px; position: relative; } @media screen and (max-width: 900px) { .dobronew .iblock5v2 .bg-img { background: 0 0; top: auto; height: auto; padding: 20px 0 } } .dobronew .iblock5v2 .text { padding: 65px 0 0 60px; position: relative } @media screen and (max-width: 900px) { .dobronew .iblock5v2 .text { padding: 20px; background: #fff; text-align: center } } .dobronew .iblock5v2 .t1 { font-size: 24px; font-weight: 700; padding-bottom: 5px } .dobronew .iblock5v2 .t2 { font-size: 36px; color: #fbba00; font-weight: 800; display: inline-block; padding-right: 20px; padding-bottom: 5px } .dobronew .iblock5v2 .t3, .dobronew .iblock5v2 .t4 { font-size: 18px; line-height: 18px; color: #5f5d5d; font-weight: 700 } .dobronew .iblock5v2 .t3 { text-decoration: line-through; display: inline-block } .dobronew .iblock5v2 .t4 { width: 291px } @media screen and (max-width: 900px) { .dobronew .iblock5v2 .t4 { width: auto; padding-top: 20px } } .dobronew .our-standart { padding: 90px 0; background: url(/local/templates/dobrolov_new/css/../img/sotrudnik2.webp) no-repeat center bottom } @media screen and (max-width: 1200px) { .dobronew .our-standart { background: 0 0 } } .dobronew .our-standart .title-orange, .dobronew .popup-form3 .title2 span, .dobronew .popup-form3 a { color: #fbba00 } .dobronew .our-standart .title-sub { font-size: 18px; text-align: left; font-weight: 700; line-height: 1.3; padding-bottom: 61px; max-width: 700px; } @media (max-width : 576px) { .dobronew .our-standart .title-sub { font-size: 18px; text-align: left; line-height: 1.3; } } .dobronew .our-standart .list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; max-width: 90%; } .dobronew .our-standart .list .item { width: 48%; display: flex; flex-direction: row; flex-wrap: nowrap; padding: 30px 30px; box-sizing: border-box; background-color: transparent; transition: all 650ms ease; border-radius: 4px; } .dobronew .our-standart .list .item:hover { background-color: #F4F5F5; } @media screen and (max-width: 900px) { .dobronew .our-standart .list .item { width: 100%; display: block } } .dobronew .our-standart .list .item .img div { width: 125px; height: 160px; position: relative } @media screen and (max-width: 900px) { .dobronew .our-standart .list .item .img div { width: 102px; height: 102px; margin: 0 auto } } .dobronew .our-standart .list .item .img div img { width: 102px; height: 102px; position: absolute; left: 0; } .dobronew .our-standart .list .item .text { padding-left: 2px; } @media screen and (max-width: 900px) { .dobronew .our-standart .list .item .text { padding: 10px 0 0; text-align: center; } } .dobronew .our-standart .list .item .text span.href, .dobronew .our-standart .list .item .text a { display: block; font-size: 25px; font-weight: 700; text-decoration: none; color: #000; margin-bottom: 10px; } .dobronew .our-standart .img-car { padding-left: 160px; display: none; } @media screen and (max-width: 900px) { .dobronew .our-standart .img-car { padding-left: 0; text-align: center } .dobronew .our-standart .img-car img { max-width: 100% } } .bg-gray .button-order-orange .service_btn_2 { display: inline-block; height: 48px; line-height: 48px; background: #fbba00; padding: 0 40px; border-radius: 25px; font-weight: 700; font-size: 16px; color: #fff; transition: background 300ms ease; cursor: pointer; } .bg-gray .button-order-orange .service_btn_2:hover { background: #E84E0F; } .dobronew .our-sil { padding: 42px 0 } @media screen and (max-width: 620px) { .dobronew .our-sil { padding: 42px 0 0 } } .dobronew .our-sil .title-orange { /*font-size: 24px;*/ color: #fbba00; margin-bottom: 30px } .dobronew .our-sil .list { flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; align-content: flex-start; display: flex } .dobronew .our-sil .list .item { width: 30%; padding-bottom: 50px } @media screen and (max-width: 620px) { .dobronew .our-sil .list .item { width: 100% } } .dobronew .our-sil .list .item .img { width: 101px; height: 101px; position: relative } @media screen and (max-width: 620px) { .dobronew .our-sil .list .item .img { margin: 0 auto } } .dobronew .our-sil .list .item .img img { position: absolute; vertical-align: top } .dobronew .our-sil .list .item .text { padding-top: 16px; font-size: 16px; line-height: 1.3; font-weight: 700; } @media screen and (max-width: 620px) { .dobronew .our-sil .list .item .text { text-align: center; } } .dobronew .iblock11 { margin-top: 40px; background: #2f2e2e; height: 239px } @media screen and (max-width: 900px) { .dobronew .iblock11 { height: auto; background: 0 0 } } .dobronew .iblock11 .bg-img { position: relative; top: -92px; height: 331px; background: url(/local/templates/dobrolov_new/css/../img/line5.webp) no-repeat center bottom } @media screen and (max-width: 900px) { .dobronew .iblock11 .bg-img { background: 0 0; top: auto; height: auto } } .dobronew .iblock11 .t1 { font-size: 22px; line-height: 120%; text-align: center; color: #000; width: 284px; font-weight: 700; position: absolute; top: 161px; right: 111px } @media screen and (max-width: 900px) { .dobronew .iblock11 .t1 { position: static; top: auto; left: auto; padding: 20px 0; width: auto; text-align: center } } /*Start - Banner syngenta style*/ .width .one_block_img_anon { height: auto; margin: 65px auto 0px auto; display: block; } @media screen and (max-width: 1160px) { .width .one_block_img_anon { max-height: 100% !important; } } @media screen and (max-width: 400px) { .width .one_block_img_anon { margin-left: -17px; } } /*End - Banner syngenta style*/ .dobronew .popup-form3 .fancybox__content { background: url(/local/templates/dobrolov_new/css/../img/bg-form3.jpg); background-size: cover; width: 95%; height: 98%; max-width: 1180px; max-height: 720px; padding: 20px 44px 0 } @media screen and (max-width: 800px) { .dobronew .popup-form3 { padding: 20px 0 } } .dobronew .popup-form3 .title { font-size: 36px; line-height: 120%; color: #fbba00; font-weight: 800; padding-bottom: 8px } @media screen and (max-width: 800px) { .dobronew .popup-form3 .title { font-size: 24px } } .dobronew .popup-form3 .title2 { font-size: 18px; font-weight: 700; line-height: 120%; color: #fff; padding-bottom: 22px } .dobronew .popup-form3 .width { margin: 0 0 0 90px; width: 548px; padding-bottom: 0 } @media screen and (max-width: 800px) { .dobronew .popup-form3 .width { width: auto; margin: 0 } .dobronew .popup-form3 .row { display: block } } .popup-form form.app-form-ajax1 { display: block; } .dobronew .popup-form3 .row .item { width: 50% } @media screen and (max-width: 800px) { .dobronew .popup-form3 .row .item { width: 100% } .dobronew .popup-form3 .row .item.empty { display: none } } .dobronew .popup-form3 .item { margin-bottom: 18px } .dobronew .popup-form3 .item.input input, .dobronew .popup-form3 .item.input textarea { background: 0 0; width: 100%; box-sizing: border-box; color: #fff; text-shadow: 0 1px 5px #fbba00 } .dobronew .popup-form3 .item.input input { height: 45px; padding: 0 23px } .dobronew .input-style-sl, .dobronew .popup-form3 .item.input input, .dobronew .popup-form3 .item.input textarea { border: 2px solid #fcd996; border-radius: 30px; box-shadow: inset 0 1px 5px #fbba00, 0 0 8px #fbba00 } .dobronew .popup-form3 .item.input textarea { resize: none; padding: 20px 23px; height: 133px } .dobronew .popup-form3 .item.checkbox { padding-top: 0; position: relative; font-size: 12px; line-height: 14px; color: #fbba00; border: 0; } .dobronew .popup-form3 .jq-checkbox { position: absolute !important; top: 50%; margin-top: -2px; left: 15px; width: 12px; height: 12px; background: #fff; border: 2px solid #fbba00; box-sizing: border-box; box-shadow: 0 0 8px #fbba00; border-radius: 50% } .dobronew .popup-form3 .jq-checkbox.checked { background: #fbba00 } .dobronew .popup-form3 .submit { padding-top: 0; margin-bottom: 0; text-align: Center } .dobronew .popup-form3 .submit button, .dobronew .press-about-us .item .button a { background: #fbba00; color: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); transition: .3s } .dobronew .popup-form3 .submit button { border: 0; white-space: nowrap; cursor: pointer; border-radius: 50px; height: 45px; padding: 0 30px; font-size: 14px; font-weight: 800; line-height: 14px } .dobronew .popup-form3 .submit button:hover { background: #f15922 } .dobronew .input-style-sl { height: 45px; padding: 0 10px 0 20px } .dobronew .input-style-sl .jq-selectbox .jq-selectbox__select { height: 45px; line-height: 45px; border: 0; background: 0 0 } .dobronew .input-style-sl .jq-selectbox .jq-selectbox__trigger-arrow { top: 19px; border-top: 8px solid #fbba00; border-right: 6px solid transparent; border-left: 6px solid transparent; transition: .5s; } .dobronew .input-style-sl .jq-selectbox.opened .jq-selectbox__trigger-arrow { transform: rotate(180deg); transition: .5s; } .dobronew .input-style-sl .jq-selectbox .jq-selectbox__select-text { color: #fff; text-shadow: 0 1px 5px #fbba00 } .dobronew .input-style-sl .jq-selectbox .jq-selectbox__select:active { box-shadow: none } .dobronew .input-style-sl .jq-selectbox .jq-selectbox__dropdown { border: 0; background: #41414E; border-radius: 0; box-shadow: none; left: -20px; width: calc(100% + 30px) !important; } .dobronew .input-style-sl .jq-selectbox li.selected, .dobronew .input-style-sl .jq-selectbox li:hover { background-color: #fbba00 } .dobronew .press-about-us .item { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; display: flex; padding-bottom: 60px } @media screen and (max-width: 900px) { .dobronew .press-about-us .item { display: block } } .dobronew .press-about-us .item .img .get-img { border-radius: 10px; width: 300px; height: 190px; overflow: hidden } .dobronew .press-about-us .item .right { flex-grow: 1; padding-left: 30px } @media screen and (max-width: 900px) { .dobronew .press-about-us .item .right { padding-left: 0; padding-top: 20px } } .dobronew .press-about-us .item .title { font-size: 18px; font-weight: 800; padding-bottom: 20px } .dobronew .press-about-us .item .text { padding-bottom: 20px } .dobronew .press-about-us .item .button a { display: inline-block; height: 48px; line-height: 48px; padding: 0 40px; border-radius: 25px; font-weight: 700; font-size: 16px; text-decoration: none } .dobronew .press-about-us .item .button a:hover { background: #f15922; box-shadow: 0 0 15px #fbba00 } .dobronew .pblock1 { padding: 47px 0; background: #fbba00 } @media screen and (max-width: 900px) { .dobronew .pblock1 { padding: 20px 0 10px; margin-bottom: 0; } } .dobronew .pblock1 .list .item { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; display: flex } @media screen and (max-width: 900px) { .dobronew .pblock1 .list .item { flex-wrap: wrap; padding-bottom: 10px } } .dobronew .pblock1 .list .item .text { padding: 15px 0; font-size:16px; color: #000; } @media screen and (max-width: 900px) { .dobronew .pblock1 .list .item .text { width: 100% } } .dobronew .pblock1 .list .item .num { color: rgba(255, 255, 255, .6); font-size: 200px; font-weight: 800; line-height: .7 } @media screen and (max-width: 900px) { .dobronew .pblock1 .list .item .num { font-size: 26px } } .dobronew .pblock1 .list .item .textb { font-size: 18px; color: #000; font-weight: 800; white-space: nowrap; padding: 0 28px 0 32px } @media screen and (max-width: 900px) { .dobronew .pblock1 .list .item .textb { padding: 0 0 0 20px } } .dobronew .pblock1 .list .item.item2 { margin-left: 200px } @media screen and (max-width: 900px) { .dobronew .pblock1 .list .item.item2 { margin-left: 0 } } .dobronew .pblock1 .list .item.item4 { margin-left: 200px } @media screen and (max-width: 900px) { .dobronew .pblock1 .list .item.item4 { margin-left: 0 } } .dobronew .pblock1 .list .item.item6 { margin-left: 200px } @media screen and (max-width: 900px) { .dobronew .pblock1 .list .item.item6 { margin-left: 0 } } .dobronew .pblock2 { padding: 44px 0 } @media screen and (max-width: 900px) { .dobronew .pblock2 { padding: 30px 0 } .dobronew .pblock2 .width { padding: 0 } } .dobronew .pblock2 .width { width: 883px; margin: 0 auto } @media screen and (max-width: 900px) { .dobronew .pblock2 .width { width: auto } } .dobronew .pblock2 .std { padding: 30px 0 18px; font-size: 12px } .dobronew .pblock2 .title2 { font-size: 18px; font-weight: 800; padding-bottom: 25px } .dobronew .pblock2 .std2 { font-size: 18px; padding-bottom: 52px; font-weight: 600 } .dobronew .pblock2 .svrow, .dobronew .pblock3 .width { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; display: flex } .dobronew .pblock2 .svrow > div { width: 45%; min-width: 300px } .dobronew .pblock2 .svrow .title-orange { text-align: left } .dobronew .pblock2 .svrow ul { list-style: none; margin: 0; padding: 0 } .dobronew .pblock2 .svrow ul li { position: relative; padding: 0 0 0 25px; margin-bottom: 15px; font-size: 18px; font-weight: 600 } .dobronew .pblock2 .svrow ul li:before { content: ""; display: block; width: 9px; height: 9px; background: #fbba00; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -4px } .dobronew .pblock3 { background: #fbba00 } .dobronew .pblock3 .width { background: url(/local/templates/dobrolov_new/css/../img/ddp.png) no-repeat right bottom; height: 301px; justify-content: flex-start; align-items: center; align-content: center } @media screen and (max-width: 900px) { .dobronew .pblock3 .width { background: 0 0; height: auto; padding: 30px 20px; text-align: center; display: block } } .dobronew .pblock3 .width .text1 { color: #fff } .dobronew .pblock3 .width .text1 span { font-size: 36px; display: block } @media screen and (max-width: 900px) { .dobronew .pblock3 .width .text1 span { font-size: 28px } } .dobronew .pblock3 .width .text1 b { font-size: 48px; font-weight: 900; display: block; text-transform: uppercase } @media screen and (max-width: 900px) { .dobronew .pblock3 .width .text1 b { font-size: 32px } } .dobronew .pblock4 { background: #e5e5e5 } @media screen and (max-width: 900px) { .dobronew .pblock4 { padding: 20px 0 0 } .dobronew .pblock4 .width { padding: 0 } } .dobronew .pblock4 .button-order-orange { padding: 0 } @media screen and (max-width: 900px) { .dobronew .pblock4 .button-top { padding-top: 15px } .dobronew .pblock4 .buttons { padding-bottom: 15px; background: #f4f4f4 } } .dobronew .pblock4 .cloud-wrap { height: 100% } @media screen and (max-width: 900px) { .dobronew .pblock4 .cloud-wrap { height: auto } } .dobronew .pblock4 .cloud { margin-top: -35px; position: relative; background: url(/local/templates/dobrolov_new/css/../img/ddp2.svg); width: 275px; height: 159px; font-size: 24px; font-weight: 800; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; display: flex } @media screen and (max-width: 900px) { .dobronew .pblock4 .cloud { margin: 0 auto } } .dobronew .pblock4 .cloud span { display: block; padding-top: 30px } .dobronew .pblock4 .width { height: 123px; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; display: flex } @media screen and (max-width: 900px) { .dobronew .pblock4 .width { height: auto; display: block } } .dobronew .no-pub { font-size: 14px; font-weight: 800; line-height: 120%; text-align: center; color: #5f5d5d; padding: 32px 0 0; margin-bottom: -20px } @media screen and (max-width: 900px) { .dobronew .no-pub { padding-bottom: 32px } } .dobronew .photo-block { margin-top: 30px; margin-bottom: 50px; padding: 0 30px; position: relative } .dobronew .photo-block.oborudovanie { margin-bottom: 120px; } .dobronew .photo-block.oborudovanie .swiper-pagination { width: 100%; position: absolute; } .dobronew .photo-block.oborudovanie .swiper-button-next { top: -170px; right: 3%; } .dobronew .photo-block.oborudovanie .swiper-button-prev { top: -170px; left: -3%; } .dobronew .photo-block .item { text-align: center; width: 285px; height: 350px; margin: 0 auto; } .get-img { background-size: contain; background-repeat: no-repeat; background-position: center; } .dobronew .photo-block .item a { display: block; width: 100%; height: 100% } .dobronew .photo-block .swiper-container { position: static } .dobronew .photo-block .swiper-button-next, .dobronew .photo-block .swiper-button-prev { width: 30px; height: 40px; } .equipment-section .ppb4 { width: 100%; height: auto; padding: 0px 0px; position: relative; } .equipment-section .wrapper .ppb4 .width { height: auto !important; } .dobronew .photo-block .swiper-button-next { right: 0; background: url(/local/templates/dobrolov_new/css/../img/right.svg) no-repeat center center } .dobronew .photo-block .swiper-button-prev { left: 0; background: url(/local/templates/dobrolov_new/css/../img/left.svg) no-repeat center center } .dobronew .photo-block .swiper-pagination { padding: 25px 0 0; position: static } .dobronew .photo-block .swiper-pagination-bullet { width: 9px; height: 9px; border: 1px solid #fbba00; background: 0 0; opacity: 1; margin-right: 9px; } .dobronew .photo-block .swiper-pagination-bullet-active { background: #fbba00 } .dobronew .footee_img img { vertical-align: top; width: 100%; height: auto; } @media screen and (max-width: 560px) { .dobronew .video_code { margin-left: -20px; margin-right: -20px; } .dobronew .video_code iframe { width: 100% } } @media screen and (max-width: 900px) { .dobronew .ppbs { flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; display: flex } .dobronew .ppbs > div { width: 100% } } .dobronew .ppbs .ppb4 { padding-bottom: 40px; background: url(/local/templates/dobrolov_new/css/../img/sotrudnik2.png) no-repeat center bottom } @media screen and (max-width: 900px) { .dobronew .ppbs .ppb4 { background: 0 0 } } .dobronew .v-title { font-size: 18px; font-weight: 800; text-align: center } /*START -- Pages FAQ_20*/ .dobronew .pest-control-features b, .dobronew .trigger .trigger_text b, .ekibastuz_900 { font-weight: 900 } .dobronew .pest-control-features b u, .dobronew a:hover, ins { text-decoration: none } .dobronew .pest-control-features { background-color: #faf7f7; padding: 50px 0; text-align: center; margin-bottom: 80px; } .dobronew .pest-control-features .h1_headline{ font-weight: 900; font-size: 50px; line-height: 1; text-align: left; } .dobronew .pest-control-features .wrapper { max-width: 1161px; padding-left: 0px; padding-right: 0px; margin: 0 auto } .dobronew .pest-control-features p { width: 80%; font-size: 21px; line-height: 1.3; font-weight: 700; text-align: left; color: #000; margin: 0px 0px 25px 0px; } .dobronew .pest-control-features .writer { display: flex; align-items: center; width: 75%; margin: 60px auto 0 } .dobronew .pest-control-features .writer img { margin: 0 30px 0 0 } .dobronew .pest-control-features .writer h4 { font-family: Ekibastuz-Black, sans-serif; font-size: 17px; line-height: 22px; font-weight: 700; color: #2f2e2e; text-align: left } .dobronew .pest-control-features .writer p { text-align: left; margin: 0; width: auto } /*--------------------------------------*/ .pest-control-features .container_pest_feature{ max-width: 1160px; margin: 0px auto; } .pest-control-features .container_pest_feature .top-text { margin-bottom: 34px !important; } .pest-control-features .container_pest_feature .inner-h1{ font-size: 50px !important; font-weight: 800 !important; line-height: 1.1 !important; text-align: left; color: #000 !important; padding-top: 40px !important; margin-bottom: 38px; } .pest-control-features .container_pest_feature h2{ font-size: 48px; line-height: 1.1; letter-spacing: 0.025em; text-align: left; margin: 64px 0px 32px 0px; } .pest-control-features .container_pest_feature h3 { font-size: 25px; font-weight: 700; line-height: 1.1; letter-spacing: 0.025em; text-align: left; color: var(--text-d_color); margin: 64px 0px 15px 0px; position: relative; } .container_pest_feature .st_under-subheader { font-size: 24px; font-weight: 800; line-height: 1.2; width: calc(100% - 228px); max-width: 65%; text-align: left; } .container_pest_feature .st_logo { background-image: url(/local/templates/dobrolov_new/css/../img/logo-q.svg); height: 200px; width: 200px; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 0; bottom: -32px; } .container_pest_feature .rnd-g.rnd2 { width: 36px; height: 36px; bottom: 0; position: absolute; left: -6px; } .container_pest_feature .rnd-g { background: url(/local/templates/dobrolov_new/css/../img/Grey.png) no-repeat center top; background-size: 100% auto; } .container_pest_feature .rnd-g.rnd3 { width: 63px; height: 63px; top: -15px; position: absolute; right: 5px; } .container_pest_feature .rnd-g { background: url(/local/templates/dobrolov_new/css/../img/Grey.png) no-repeat center top; background-size: 100% auto; } .container_pest_feature .file_pest-c { width: 327px; height: auto; display: block; font-size: 18px; font-weight: 900; line-height: 1.5; text-decoration: none; color: var(--primary-d_color); vertical-align: middle; margin-top: 18px; transform: translateX(-11px); } .container_pest_feature .file_pest-c .d-arrow-md_link { vertical-align: middle; margin-top: -2px; transform: translateX(0px); transition: transform 350ms ease-out; will-change: transform; } .container_pest_feature .file_pest-c:hover .d-arrow-md_link { transform: translateX(10px); } .container_pest_feature .st_iso-block.width { display: flex; justify-content: space-between; margin-top: 100px !important; margin-bottom: 80px !important; } .container_pest_feature .st_iso { flex: 0 0 45%; display: flex; } .container_pest_feature .st_iso-text { font-weight: 800; font-size: 16px; text-align: left; padding: 0 0 0 20px; } .container_pest_feature .img_cover_pest{ width: 100%; height: auto; margin: 0px 0px 45px 0px; } .container_pest_feature ul { font-size: 21px; font-weight: 700; letter-spacing: 0.02em; margin: 45px 0px; color: #222222; list-style: none; padding-left: 25px; } .container_pest_feature ul li { margin-bottom: 26px; position: relative; } .container_pest_feature ul li:before { content: " "; width: 12px; height: 12px; background-color: var(--primary-d_color); position: absolute; top: 6px; left: -25px; } /*--Autor Block--*/ .container_pest_feature .d-specialists { display: flex; align-items: flex-start; flex-direction: row; } .container_pest_feature .d-specialists a.d-spec_autor { width: 136px; height: 136px; display: block; margin-right: 13px; position: relative; } .container_pest_feature .d-specialists a.d-spec_autor:before { content: ""; width: 129px; height: 129px; border: 3px solid #FBBA00 !important; transform: scale(1); border-radius: 200px; position: absolute; top: -6px; left: 0.9%; transition: transform 550ms ease; z-index: 0; will-change: transform; } .container_pest_feature .d-specialists a.d-spec_autor:hover:before { transform: scale(0.83); } .container_pest_feature .d-specialists img { width: 121px; height: 122px; position: relative; z-index: 5; } .container_pest_feature .d-specialists .d-specialists_joint_name { max-width: 45%; margin-top: 5px; display: flex; flex-direction: column; align-items: flex-start; } .container_pest_feature .d-specialists__position { font-size: 16px; font-weight: 700; color: #979797; text-align: left; } .container_pest_feature .d-specialists_name h4 { font-size: 22px; font-weight: 900; color: #000; margin-top: 3px; line-height: 1.4; text-align: left; } .container_pest_feature .d-specialists_dop-info { font-size: 16px; font-weight: 900; color: #000; text-align: left; margin-top: 14px; } .container_pest_feature .d-specialists_dop-info a{ font-size: 16px; font-weight: 900; text-align: left; display: block; margin-right: 13px; position: relative; text-decoration: none; } @media screen and (max-width: 700px) { .dobronew .pest-control-features .writer { width: auto } .dobronew .pest-control-features p { width: auto } .dobronew .pest-control-features { padding: 20px 0 } .dobronew .pest-control-features .wrapper { padding-left: 20px; padding-right: 20px } } /* === DESKTOP FIRST === */ /* md <= Large (lg) IPad-Air*/ @media (max-width : 1024px) { .pest-control-features .container_pest_feature { padding: 0px 1.3rem; } .dobronew .pest-control-features { margin-bottom: 80px; } } /* md <= Large (lg) IPad-Air*/ @media (max-width : 992px) { .pest-control-features .container_pest_feature .top-text { height: 219px !important; } .dobronew .width.st_under { padding-left: 0px; padding-right: 0px; } .container_pest_feature .st_iso-block.width { margin-top: 100px !important; padding-left: 0px; padding-right: 0px; } .container_pest_feature .st_iso-text { padding: 0 0 0 12px; } .dobronew .pest-control-features .container_pest_feature h1.inner-h1 { font-size: 42px !important; } .pest-control-features .container_pest_feature h2 { font-size: 35px; } .container_pest_feature .d-specialists .d-specialists_joint_name { max-width: 55%; } } /* sm <= Medium (md) IPad / IPad-Mini*/ @media (max-width : 768px) { .container_pest_feature .st_iso-block.width { justify-content: flex-start; } .container_pest_feature .st_iso { flex: 0 0 50%; } .container_pest_feature .d-specialists_dop-info { font-size: 18px; } .dobronew .pest-control-features .container_pest_feature h1.inner-h1 { width: 90%; } } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (max-width : 576px) { .dobronew .pest-control-features .container_pest_feature h1.inner-h1 { width: 100%; font-size: 32px !important; } .container_pest_feature .st_logo { display: none; } .container_pest_feature .st_under-subheader { font-size: 22px; width: 100%; max-width: 100%; } .dobronew .width.st_under { padding-bottom: 5px; } .container_pest_feature .st_iso-block.width { flex-wrap: wrap; margin-top: 56px !important; margin-bottom: 65px !important; padding-bottom: 0px; } .container_pest_feature .st_iso { flex: 0 0 100%; } .container_pest_feature .st_iso:last-child { margin-top: 25px; } .dobronew .pest-control-features .wrapper { padding-left: 1px; padding-right: 0px; } .pest-control-features .container_pest_feature h2 { font-size: 28px; margin: 64px 0px 26px 0px; } .pest-control-features .container_pest_feature h3 { font-size: 24px; } .container_pest_feature .d-specialists { margin-top: 65px; } .container_pest_feature .d-specialists_dop-info { font-size: 21px; transform: translate(-142px, 32px); width: calc(100% + 170px); line-height: 1.2; } .container_pest_feature .d-specialists_dop-info a { font-size: 21px; padding: 13px 0px; } .dobronew .pest-control-features { padding: 20px 0px 70px 0px; } .container_pest_feature .d-specialists_name h4 { margin-top: 12px; } .container_pest_feature .img_cover_pest { object-fit: cover; height: 400px; } .container_pest_feature .d-specialists .d-specialists_joint_name { margin-top: -4px; } } /*xs <= Small (sm) IPhone-7/8Pus*/ @media (max-width :414px) { .pest-control-features .container_pest_feature .top-text { height: 260px !important; } } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (max-width :390px) { .container_pest_feature .d-specialists a.d-spec_autor { width: 100px; height: 100px; margin-right: 21px; } .container_pest_feature .d-specialists img { width: 100px; height: 100px; } .container_pest_feature .d-specialists a.d-spec_autor:before { width: 106px; height: 106px; left: -6.6%; } .container_pest_feature .d-specialists .d-specialists_joint_name { max-width: 76%; margin-top: -9px; } .container_pest_feature .d-specialists_dop-info { transform: translate(-115px, 32px); } } /*Small (xs) IPhone-10/11*/ @media (max-width :375px) { /*Breadcrumb*/ } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (max-width :320px) { /*---GRID Style---*/ /**/ } /* === MOBILE FIRST === */ /* Custom (xs) */ @media (min-width : 0) { /**/ } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (min-width : 320px) { /**/ } /* Small (xs) IPhone-10/11*/ @media (min-width : 375px) { /**/ } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (min-width : 390px) { /**/ } /*xs => Small (sm) IPhone-7/8Pus*/ @media (min-width : 414px) { /**/ } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (min-width : 576px) { /**/ } /* sm => Medium (md) IPad / IPad-Mini*/ @media (min-width : 768px) { /**/ } /* md => Large (lg) IPad-Air*/ @media (min-width : 992px) { /**/ } /* lg => Extra large (xl) IPad-Pro */ @media (min-width : 1024px) { /**/ } /*END--Pages FAQ_20*/ .wrapper .h1_headline { max-width: 1160px; font-weight: 900; font-size: 50px; line-height: 1; text-align: left; padding: 80px 0px 45px 0px; margin: 0px auto; } .wrap .h1_headline{ max-width: 1160px; font-weight: 900; font-size: 50px; line-height: 1; text-align: left; padding: 80px 0px 25px 0px; margin: 0px auto; } .faq-section .wrapper .h1_headline { padding: 45px 0px 45px 0px; } .our-clients-section .wrapper { max-width: 1161px; padding-left: 0px; padding-right: 0px; margin: 0 auto; } .office-section h2{ text-align: left; } .our-force-section h2{ text-align: left; } .equipment-section .wrapper { max-width: 1161px; padding-left: 0px; padding-right: 0px; margin: 0 auto; } .our-force-section .wrapper { max-width: 1161px; padding-left: 0px; padding-right: 0px; margin: 0 auto; } .our-force-section .wrapper .h1_headline { padding: 45px 0px 32px 0px; } .equipment-section .wrapper h2{ text-align: left; } .equipment-section .equipment-wrap p{ font-size: 21px; font-weight: 700; line-height: 1.3; } .dobronew .photo-block .item a:hover{ /*background-color: var(--primary-d_color);*/ } @media screen and (max-width: 576px) { .dobronew .photo-block.oborudovanie .swiper-button-next { right: 7%; } .dobronew .photo-block.oborudovanie .swiper-button-prev { left: -9%; } .equipment-section .ppb4 .width .title-orange{ margin-bottom: 0px; } .wrap .equipment-section { padding: 40px 20px !important; } .equipment-section .text p{ text-align: left; } .equipment-section .text p a { margin-top: 45px; padding: 32px 0px; border-radius: 100px; } } .dobronew .coronavirus { text-align: left; border-radius: 5px; background: url(/local/templates/dobrolov_new/css/../corona-color.svg) no-repeat 10px 22px #fff; background-size: 29px auto; position: absolute; top: 40px; left: 450px; color: #000; padding: 20px 20px 20px 45px; min-width: 345px; transform: scale(.8); transform-origin: top left } @media screen and (max-width: 900px) { .dobronew .coronavirus { top: 250px; left: 0; transform: scale(.45) } } .dobronew .coronavirus .cv1 { font-weight: 800; font-style: normal; font-size: 24px } .dobronew .coronavirus .cv2 { color: #000; font-size: 24px; font-weight: 400; opacity: .3; line-height: 1 } .dobronew .coronavirus .cv3 { font-size: 56px; font-weight: 400; margin-left: -5px } .dobronew .coronavirus .cv3 span, .dobronew .coronavirus .cv5 span { position: absolute; color: #e84e0f; font-size: 24px; font-weight: 400 } .dobronew .coronavirus .cv4 { font-weight: 800; font-style: normal; font-size: 24px } .dobronew .coronavirus .cv5 { font-size: 56px; font-weight: 400; margin-left: -5px; color: #e84e0f } .dobronew .coronavirus .cv5 span { color: #000 } .dobronew .coronavirus .btn a { color: #4444ab; font-size: 18px; font-weight: 600; border-radius: 30px; border: 3px solid #eee; height: 50px; line-height: 50px; display: inline-block; padding: 0 25px; text-decoration: none; transition: .3s } @media screen and (max-width: 900px) { .dobronew .coronavirus .btn a { background-color: #e84e0f; border-color: #e84e0f; color: #fff } } .dobronew .coronavirus .btn a:hover { background-color: #e84e0f; border-color: #e84e0f; color: #fff } .footer_search-bar { margin-bottom: 8px; padding-top: 16px } .search-page { max-width: 950px; margin: 0 auto; margin-top: 55px !important; position: relative; } #title-search form { display: flex; } #title-search-input { max-width: calc(100% - 61px); width: 100%; padding: 5px; border: none; background: #1f1f1f; color: #fff } #title-search input[type=submit] { padding: 5px; border: 0 solid #ccc; margin-left: -4px; color: #fff; background: #313131; cursor: pointer; background-image: url(/bitrix/components/bitrix/search.title/templates/.default/images/magnifier.svg); background-repeat: no-repeat; width: 27px; height: 27px; background-size: 15px 17px; background-position: center center } .footer .row > div > div { padding: 0 0 15px } .footer .covid > a { color: #af4212 } .footer a { color: #b3b3b3; text-decoration: none } .footer b, .h2, b, h2, h3, strong { font-weight: 600 } .footer .email > a, .footer .phone > a { color: #fff; font-weight: 600 } .footer .mdk { max-width: 330px } .footer .mdk .copy { padding-right: 20px } .footer .mdk .d { font-weight: 400 } .footer .ss { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; display: flex; min-width: 140px; } .footer .ss > a { width: 32px; margin-right: 10px; } .footer .mdk .d a, .footer b > a { color: #fff } .dobronew .head-fixed .popup-fixed-menu nav > ul > li > ul.popup { display: none; padding: 5px 0 } .dobronew .head .right .phone a, .dobronew .head-fixed .popup-fixed-menu nav > ul > li > a, .dobronew .head-mobile .popup-mobile-menu nav > ul > li > a, .dobronew .head-mobile .popup-mobile-menu nav > ul > li > ul.popup > li > a { font-size: 18px; font-weight: 800; color: #000; text-decoration: none } .dobronew .head-fixed .popup-fixed-menu nav > ul > li { text-align: right } @media screen and (max-width: 900px) { .footer .mdk .copy { display: none } .footer .mdk { padding-top: 20px } .footer .footer__cont { display: none } .dobronew .footer .row { flex-direction: row } } .bx-breadcrumb { color: #000; font-size: 20px } .bx-breadcrumb .bx-breadcrumb-item { font-size: 13px; color: #ccc; margin-right: 5px !important } .bx-breadcrumb a { color: #ccc; line-height: 1.15; font-weight: 500; background-position: center center; border-color: transparent; border-style: solid; text-decoration: none } .bx-breadcrumb span { font-size: 13px !important } .bx-breadcrumb-wrap { position: absolute; top: 25px; display: flex; z-index: 10; } .hdr-top { font-family: Ekibastuz; background: #fbba00; height: 122px } .right .consult { color: #fff; border: none; display: flex; justify-content: center; background: #eb5a2d; padding: 12px; border-radius: 50px; cursor: pointer; font-size: 14px; font-weight: 700; flex: 0 0 38%; transition: .2s background ease-in-out } .right .consult:hover { background: #000 } .right > button, .right > div { text-align: right; flex: 0 0 33% } .logo span { height: 84px; display: flex; justify-content: center; flex-direction: column; margin-left: 6px } .dobronew .menu.main-menu nav > ul > li:hover > .popup > li:hover > a, .dobronew .menu.main-menu nav > ul > li:hover > a { color: #eb5a2d } .our-news-section .main-image2 { display: none } .dobronew .head-fixed .popup-fixed-menu nav > ul > li a { font-size: 14px; font-weight: 700; color: #000; text-decoration: none; height: 40px; display: flex; justify-content: flex-end; align-items: center; transition: .3s color } .dobronew .menu.main-menu nav > ul > li > a > div { width: 16px; height: 10px; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); transition: .3s all } .dobronew .menu.main-menu nav > ul > li:hover > a > div { background-image: url(/local/templates/dobrolov_new/components/bitrix/menu/.default/images/arrow-up.svg) !important; transform: rotate(0) } .dobronew .menu.main-menu nav > ul > li > .popup > li > a > img { height: 20px; right: 0; position: absolute } .dobronew .menu.main-menu nav > ul > li > .popup > li > a > div { width: 18px; height: 18px; background-position: center; background-size: contain; position: absolute; right: 0; background-repeat: no-repeat } .dobronew .menu.main-menu nav > ul > li > .popup > li > a > div::before { content: ""; height: 18px; width: 18px; animation: movedarrow .8s linear infinite; display: block; background-image: url(/local/templates/dobrolov_new/img/filters/vector-active.svg); background-position: center; background-size: contain; background-repeat: no-repeat; right: 20px; position: absolute; opacity: 0; transition: .3s opacity ease-in-out } .dobronew .menu.main-menu nav > ul > li > .popup > li:hover > a > div::before { opacity: 1 } .app-head-fixed-menu.activeBurger:before { content: ""; display: block; background: url(/local/templates/dobrolov_new/components/bitrix/menu/.default/images/close.svg) no-repeat center center; background-size: contain; width: 56px; height: 72px; background-position: center; right: 24px; position: absolute; transition: .3s all; opacity: 1 } .swiper-container_tables.swiper-container-initialized.swiper-container-horizontal { overflow: hidden } .dobronew .fixed-link .popup { position: absolute; left: 0; top: 72px; z-index: 102; display: none } .dobronew .fixed-link .popup li > a > div { width: 18px; height: 18px; background-position: center; background-size: contain; position: absolute; right: 0; background-repeat: no-repeat } .dobronew .fixed-link .popup li:hover > a { color: #eb5a2d } .dobronew .fixed-link:hover li > a { color: #000 } .dobronew .fixed-link:hover .popup { display: block; width: 300px; box-sizing: border-box; padding: 24px 24px 24px 16px; background: #fff; border-radius: 4px; box-shadow: 0 4px 8px #0000002b } .dobronew .fixed-link:hover .popup li { padding-bottom: 0; display: flex } .dobronew .fixed-link:hover popup > li > a { font-style: normal; font-weight: 700; font-size: 14px; line-height: 14px; color: #000; text-decoration: none; transition: .3s; display: flex; align-items: center; position: relative; width: 100%; height: 36px } .dobronew .fixed-link .popup > li > a { font-style: normal; font-weight: 700; font-size: 14px; line-height: 14px; color: #000; text-decoration: none; transition: .3s; display: flex; position: relative; width: 100%; height: 36px; justify-content: flex-start } .dobronew .fixed-link .popup > li > a > div::before { content: ""; height: 18px; width: 18px; display: block; animation: movedarrow .8s linear infinite; background-image: url(/local/templates/dobrolov_new/img/filters/vector-active.svg); background-position: center; background-size: contain; background-repeat: no-repeat; right: 20px; position: absolute; opacity: 0; transition: .3s opacity ease-in-out } .dobronew .fixed-link > a > div { width: 16px; height: 10px; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); transition: .3s all } .dobronew .fixed-link:hover > a > div { background-image: url(/local/templates/dobrolov_new/components/bitrix/menu/.default/images/arrow-up.svg) !important; transform: rotate(0) } .dobronew .head-fixed .popup-fixed-menu nav > ul > li a:hover { color: #eb5a2d } .dobronew .head-fixed .popup-fixed-menu nav > ul > li > ul.popup a { height: 28px; padding-right: 16px; border-right: 1px solid #ccc; line-height: .9; padding-bottom: 4px } .dobronew .head-mobile .popup-mobile-menu nav > ul > li > a { color: #fbba00 } .order:hover a, .phone-second:hover { background: #000 } .dobronew .head-mobile .popup-mobile-menu nav > ul > li > a:hover, .dobronew .head-mobile .popup-mobile-menu nav > ul > li > ul.popup > li > a, .dobronew .head-mobile .popup-mobile-menu nav > ul > li > ul.popup > li > a:hover { color: #fbba00 } .head-fixed .logo { padding-right: 0 } .dobronew .fixed-link .popup > li:hover > a > div::before { opacity: 1 } @media screen and (max-width: 1156px) { .dobronew .head-fixed .menu { position: relative } .dobronew .head-fixed .menu > a { right: -20px } } .bg-img .width, .iblog-wrap .width { max-width: 950px } .popup-fixed-menu nav { display: none } .popup-fixed-menu.popup-fixed-menu-active .menu-menu { min-height: 100%; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: stretch; display: flex } .menu-menu .img { margin-bottom: 25px; margin-top: 24px } .menu-menu .img img { width: 120px } .menu-punkt { flex-grow: 1 } .menu-punkt li { margin-bottom: 15px } .menu-punkt li a { color: #fff; font-size: 20px; font-weight: 600; text-decoration: none } .menu-punkt .info { font-size: 13px; color: #fff; margin-bottom: 25px } .button0 a { color: #fff; font-size: 14px; font-weight: 500; border-radius: 30px; background-color: #e84e0f; background-position: center center; transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out; display: inline-block; height: 40px; line-height: 40px; text-decoration: none; padding: 0 22px } .menu-menu .info { font-size: 13px; color: #fff; margin-bottom: 32px } .button0 { margin-bottom: 95px } .usl.has-ul > a { color: #eb5a2d !important; font-weight: 800 !important } .app-menu nav { margin-right: 90px } .en-icon { background-image: url(https://dobrolov.com//En.svg); height: 30px; width: 50px; background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 50%; opacity: .5; transition: opacity .5s ease-in-out } .en-change { position: absolute; right: 0; top: 0; height: 50px; display: flex; justify-content: center; align-items: center; color: #000 } .en-change:hover { color: #000 } .en-change:hover .en-icon { opacity: 1 } @media screen and (max-width: 768px) { .en-change { /*! display:none; */ bottom: 0; left: -44px; width: 60px; color: #fff } .en-link { position: fixed; bottom: 64px; right: 32px } } /* решение вместо тегов b strong */ .stng_d-reset { font-weight:700; } /*-Start - Audio Components-*/ .section_audio_main .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .section_audio_main .swiper-vertical > .swiper-wrapper { flex-direction: column; } .section_audio_main .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .section_audio_main .swiper-android .swiper-slide, .section_audio_main .swiper-wrapper { transform: translate3d(0px, 0, 0); } .section_audio_main .swiper-pointer-events { touch-action: pan-y } .section_audio_main .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .section_audio_main .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .section_audio_main .swiper-slide-invisible-blank { visibility: hidden } .section_audio_main .swiper-autoheight, .section_audio_main .swiper-autoheight .swiper-slide { height: auto } .section_audio_main .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .section_audio_main .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .section_audio_main .swiper-3d .swiper-cube-shadow, .section_audio_main .swiper-3d .swiper-slide, .section_audio_main .swiper-3d .swiper-slide-shadow, .section_audio_main .swiper-3d .swiper-slide-shadow-bottom, .section_audio_main .swiper-3d .swiper-slide-shadow-left, .section_audio_main .swiper-3d .swiper-slide-shadow-right, .section_audio_main .swiper-3d .swiper-slide-shadow-top, .section_audio_main .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .section_audio_main .swiper-3d .swiper-slide-shadow, .section_audio_main .swiper-3d .swiper-slide-shadow-bottom, .section_audio_main .swiper-3d .swiper-slide-shadow-left, .section_audio_main .swiper-3d .swiper-slide-shadow-right, .section_audio_main .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .section_audio_main .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .section_audio_main .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .section_audio_main .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .section_audio_main .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .section_audio_main .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .section_audio_main .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .section_audio_main .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none } .section_audio_main .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start } .section_audio_main .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory } .section_audio_main .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory } .section_audio_main .swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .section_audio_main .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) } .section_audio_main .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .section_audio_main .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) } .section_audio_main .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .section_audio_main .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center } .section_audio_main .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .section_audio_main .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .section_audio_main .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .section_audio_main .swiper-button-next, .section_audio_main .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .section_audio_main .swiper-button-next.swiper-button-disabled, .section_audio_main .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .section_audio_main .swiper-button-next:after, .section_audio_main .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1 } .section_audio_main .swiper-nav_position .swiper-button-next, .section_audio_main .swiper-nav_position .swiper-button-prev { outline: none; } .section_audio_main .swiper-nav_position .swiper-button-next::after, .section_audio_main .swiper-nav_position .swiper-button-prev::after { font-size: 28px; color: var(--primary-color); } .section_audio_main .swiper-button-prev, .section_audio_main .swiper-rtl .swiper-button-next { left: 10px; right: auto } .section_audio_main .swiper-button-prev:after, .section_audio_main .swiper-rtl .swiper-button-next:after { content: 'prev' } .section_audio_main .swiper-button-next, .section_audio_main .swiper-rtl .swiper-button-prev { right: 10px; left: auto } .section_audio_main .swiper-button-next:after, .section_audio_main .swiper-rtl .swiper-button-prev:after { content: 'next' } .section_audio_main .swiper-button-lock { display: none } .section_audio_main .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10 } .section_audio_main .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .section_audio_main .swiper-horizontal > .swiper-pagination-bullets, .section_audio_main .swiper-pagination-bullets.swiper-pagination-horizontal, .section_audio_main .swiper-pagination-custom, .section_audio_main .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .section_audio_main .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .section_audio_main .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .section_audio_main .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .section_audio_main .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .section_audio_main .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .section_audio_main .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .section_audio_main .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .section_audio_main .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .section_audio_main .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } .section_audio_main button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .section_audio_main .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .section_audio_main .swiper-pagination-bullet:only-child { display: none !important } .section_audio_main .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .section_audio_main .swiper-pagination-vertical.swiper-pagination-bullets, .section_audio_main .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0) } .section_audio_main .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .section_audio_main .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block } .section_audio_main .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .section_audio_main .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .section_audio_main .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .section_audio_main .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top } .section_audio_main .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .section_audio_main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .section_audio_main .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .section_audio_main .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .section_audio_main .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .section_audio_main .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left } .section_audio_main .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right } .section_audio_main .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .section_audio_main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .section_audio_main .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .section_audio_main .swiper-horizontal > .swiper-pagination-progressbar, .section_audio_main .swiper-pagination-progressbar.swiper-pagination-horizontal, .section_audio_main .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .section_audio_main .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .section_audio_main .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .section_audio_main .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .section_audio_main .swiper-pagination-progressbar.swiper-pagination-vertical, .section_audio_main .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .section_audio_main .swiper-pagination-lock { display: none } .section_audio_main .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .section_audio_main .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .section_audio_main .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .section_audio_main .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .section_audio_main .swiper-scrollbar-cursor-drag { cursor: move } .section_audio_main .swiper-scrollbar-lock { display: none } .section_audio_main .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .section_audio_main .swiper-zoom-container > canvas, .section_audio_main .swiper-zoom-container > img, .section_audio_main .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain } .section_audio_main .swiper-slide-zoomed { cursor: move } .section_audio_main .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .section_audio_main .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .section_audio_main .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .section_audio_main .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .section_audio_main .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .section_audio_main .swiper-grid > .swiper-wrapper { flex-wrap: wrap } .section_audio_main .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column } .section_audio_main .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .section_audio_main .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .section_audio_main .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .section_audio_main .swiper-fade .swiper-slide-active, .section_audio_main .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .section_audio_main .swiper-cube { overflow: visible } .section_audio_main .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .section_audio_main .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .section_audio_main .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .section_audio_main .swiper-cube .swiper-slide-active, .section_audio_main .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .section_audio_main .swiper-cube .swiper-slide-active, .section_audio_main .swiper-cube .swiper-slide-next, .section_audio_main .swiper-cube .swiper-slide-next + .swiper-slide, .section_audio_main .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .section_audio_main .swiper-cube .swiper-slide-shadow-bottom, .section_audio_main .swiper-cube .swiper-slide-shadow-left, .section_audio_main .swiper-cube .swiper-slide-shadow-right, .section_audio_main .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .section_audio_main .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 } .section_audio_main .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .section_audio_main .swiper-flip { overflow: visible } .section_audio_main .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .section_audio_main .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .section_audio_main .swiper-flip .swiper-slide-active, .section_audio_main .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .section_audio_main .swiper-flip .swiper-slide-shadow-bottom, .section_audio_main .swiper-flip .swiper-slide-shadow-left, .section_audio_main .swiper-flip .swiper-slide-shadow-right, .section_audio_main .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .section_audio_main .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height } .section_audio_main .swiper-cards { overflow: visible } .section_audio_main .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } /*CSS SETTINGS*/ .section_audio_main .container, .section_audio_main .container-fluid, .section_audio_main .container-lg, .section_audio_main .container-md, .section_audio_main .container-sm, .section_audio_main .container-xl, .section_audio_main .container-xxl { width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto; } .swiper-audio_main .swiper-button-next, .swiper-audio_main .swiper-container-rtl .swiper-button-prev, .swiper-audio_main .swiper-button-prev, .swiper-audio_main .swiper-container-rtl .swiper-button-next { background-image: none; } .section_audio_main .swiper-button-next, .section_audio_main .swiper-button-prev { position: absolute; top: 50%; width: 27px !important; height: 44px !important; background-size: 14px 29px !important; margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-audio_main .swiper-button-next{ background-image: url(/local/components/dobrolov/index.audio/templates/.default/img/Icons_arrow_sertif_next.svg) !important; background-position: center center; background-repeat: no-repeat; } .swiper-audio_main .swiper-button-prev{ background-image: url(/local/components/dobrolov/index.audio/templates/.default/img/Icons_arrow_sertif_prev.svg) !important; background-position: center center; background-repeat: no-repeat; } /*-END - Swiper Settings--*/ .custom_d-grid_xl { width: var(--custom-width); min-width: 320px; margin: 0px auto 0px auto; } /*-------------------------------------------------*/ /*--START One-Screen--*/ .section_audio_main { padding: 0px 0px 80px 0px; width: 100%; height: 100%; position: relative; background-color: #fff; } /*--Start-Headline--*/ .headline_block { width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 65px; } .headline_block .headline { display: flex; flex-direction: column; width: 100%; } .h2 { width: 100%; font-family: var(--userfont); font-size: var(--h2-d_size); color: var(--text-d_color); font-weight: 700; margin: 0; display: inline-block; } .headline_block .headline__des { width: 100%; max-width: 517px; font-family: var(--userfont); font-weight: 700; font-size: 16px; margin: 0px 0px 0px 18px; letter-spacing: 0.025em; position: relative; color: #646464; } .headline_block .headline__des:before { content: ""; width: 7px; height: 7px; position: absolute; top: 8px; left: -15px; background-color: var(--primary-d_color); border-radius: 50px; } /*--End-Headline--*/ /*--------------------------------------*/ /*--Start-Audio Quote--*/ .components_audio_quote{ position: relative; margin: 0px 0px 0px 0px; padding-left: 33px !important; } .components_audio_quote:before{ content: ""; width: 25px; height: 25px; position: absolute; top: 0px; left: 0px; background: url(/upload/icon/45_45/Info/quote_icon.svg) center center no-repeat; } .components_audio_quote h3{ max-width: 44%; font-size: 30px; font-weight: 700; line-height: 1.2; letter-spacing: 0.025em; color: #0B0B0B; margin: 0px; } /*--End-Audio Quote--*/ /*--Components--Audio Player---*/ /*-Play BTN-*/ .components_audio_block .components_audio_btn { margin-right: 10px; } .components_audio_name{ font-weight: 700; font-size: 16px; line-height: 1.4; letter-spacing: 0.01em; color: #646464; margin: 0px; } .components_audio_block .play-btn_audio { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 100px; transition: all 300ms ease-in-out; } .components_audio_block .w-btn_audio { background-color: var(--primary-d_color); cursor: pointer; } .components_audio_block .play-btn_audio svg{ margin-left: 0px; } /*-Conteiner-Audio*/ .components_audio_block .components_audio_cont { position: relative; display: flex; overflow: hidden; min-height: 76px; margin-bottom: 20px; padding: 10px 0px; justify-content: flex-start; align-items: flex-start; flex-direction: column; border-radius: 6px; } .components_audio_block .components_elements { width: 100%; display: flex; flex-direction: row; align-items: center; } /*-Headline Name-*/ .components_audio_block .audio_headline { font-weight: 700; font-size: 18px; line-height: 1.4; letter-spacing: 0.015em; color: #000; margin: 0px; } .components_audio_block .components_audio_text{ overflow: hidden; flex: 1; } /*-Audio Controls-*/ .components_audio_block .components_audio_controls{ width: 100%; height: 24px; margin-top: 10px; display: flex; align-items: flex-start; flex-direction: column; } .components_audio_block .components_audio_controls .audio-controls-bar { width: 100%; height: 5px; position: relative; flex: 1; background-color: #EDEDED; cursor: pointer; } /*--Time--*/ .components_audio_block .components_audio_controls .audio-controls-time{ font-size: 14px; font-weight: 700; line-height: 1.4; text-align: right; letter-spacing: 0.015em; color: #A9A9A9; transform: translateY(10px); } .components_audio_block .components_audio_controls .audio-controls-bar-current { position: absolute; width: 0%; height: 100%; background-color: var(--primary-d_color); cursor: pointer; } /*--Slider--*/ [data-animate]{ opacity: 1; transition: all 350ms ease-out; } [data-animate="audio_opacity"]{ opacity: 0; } .swiper-audio_main{ width: 100%; height: 190px; position: relative !important; margin-top: 65px !important; overflow: hidden !important; } .swiper-audio_main .swiper-slide { opacity: 1; transition: opacity 1.1s ease-out; } .swiper-audio_main .swiper-slide-next { opacity: 1; transition: opacity 1.1s ease-out; } .swiper-audio_main .swiper-slide-prev { opacity: 0; transition: opacity 1.1s ease-out; } .swiper-audio_main .swiper-slide-active { opacity: 1; transition: opacity 1.1s ease-out; } /*--Next-Prev--*/ .audio-nav_position .swiper-button-next, .audio-nav_position .swiper-button-prev { outline: none; } .swiper-audio_main .swiper-button-next, .swiper-audio_main .swiper-button-prev { top: 37%; } .audio-nav_position .swiper-button-next:after, .audio-nav_position .swiper-button-prev::after { font-size: 28px; color: var(--primary-d_color); } .swiper-audio_main .swiper-nav_main { width: 100%; max-width: 86px; height: 39px; position: absolute; bottom: -5px; right: 0px; z-index: 100; } .swiper-audio_main .swiper-slide-active [data-animate]{ opacity: 1; transform: none; } .swiper-audio_main .swiper-slide-next [data-animate]{ opacity: 1; transform: none; } .swiper-audio_main .swiper-slide-prev [data-animate]{ opacity: 1; transform: none; } .swiper-audio_main .swiper-slide [data-animate]{ opacity: 1; transform: none; } .mb-30 { margin-bottom: 30px; } .text-center { text-align: center; } .voice-assistant-items { width: 100%; max-width: 1000px; } /*--END---Audio--conteiner--*/ /* === DESKTOP FIRST === */ @media screen and (max-width: 1024px) { /*--Start Audio Component--*/ .custom_d-grid_xl { width: 100%; } .headline_block .headline__des:before { top: 5px; } /*--End Audio Component--*/ .dobronew .top-text .title, .dobronew .top-text p { margin-left: 10px; } .dobronew .title-orange { max-width: 495px; line-height: 1.1; } /*Icons Headline*/ .top-text .uslugi_h1_flex .uslugi_h1_icon { margin-left: 0px; } .dobronew .prices .info { max-width: 560px; } .grid_two_col { width: 88%; grid-template-columns: auto 400px; padding: 0px 20px; box-sizing: border-box; } .uslugi_descr_block_title { font-size: 25px; } .uslugi_descr__title_h { padding-right: 20px; } .dobronew .otziv .info { text-align: left; width: 89%; font-size: 18px; margin: 0 auto; } .dobronew .our-standart .list { max-width: 100%; } .dobronew .our-standart .list .item { font-size: 18px; padding: 30px 10px; } .dobronew .our-standart .list .item .text span p{ font-size: 18px !important; } .dobronew .our-standart .list .item .text .href p{ font-size: 25px !important; } .dobronew .our-standart .list .item .img div img { width: 60px; height: 60px; } .dobronew .our-standart .list .item .img div { width: 79px; height: 65px; } .dobronew .our-sil .list .item .text { font-size: 18px; } } /* md <= Large (lg) IPad-Air*/ @media (max-width : 992px) { .components_audio_quote h3 { max-width: 56%; font-size: 25px; } .headline_block .headline__des { font-size: 18px; } .headline_block .headline__des:before { top: 6px; } } /* xs <= Small (sm) */ @media screen and (max-width: 576px) { .dobronew .width { overflow: hidden; height: 100%; padding-bottom: 90px; } .dobronew .bx-breadcrumb.width { overflow: hidden; padding-bottom: 0px; } .uslugi_h1_flex { padding-top: 15px; } .bx-breadcrumb-wrap { display: block; z-index: 10 } .wrap .bx-breadcrumb.width{ overflow: visible; } .dobronew .top-text .h1 { padding-top: 25px; font-size: 16px; max-width: 278px; } .dobronew .top-text .h1 span { font-size: 14px; margin-top: 10px; max-width: 245px; } .dobronew .top-text { height: 292px; } .width .top-form{ transform: translateY(90px); } .dobronew .top-form .title { margin-bottom: 18px; text-align: left; font-size: 16px; font-weight: 700; } .dobronew .top-form .fields { width: 100%; } .dobronew .top-form .submit { margin-top: 20px; text-align: center; } .dobronew .top-form .asterisk { padding: 19px 0 12px; font-size: 14px; text-align: center; line-height: 1.4; } .dobronew .main-image { background: url(/local/templates/dobrolov_new/css/../img/bg-top_small_mob_2-min.webp) center top #02010a; background-repeat: no-repeat; background-size: auto; } .iusl_wrap__slider { padding-bottom: 31px !important; } .wrap .iusl_wrap__slider { padding-top: 50px; transform: translateY(40px); } .dobronew .title-orange { font-size: 25px; width: 100%; /*text-align: center;*/ line-height: 1.1; padding-left: 0px; padding-right: 0px; margin-bottom: 30px; } .block.block_services .width{ padding-bottom: 10px !important; } .dobronew .iblock5v2 .bg-img { padding: 20px 0px 0px 0px; } .dobronew .iblock5v2 .t1 { font-weight: 900; font-size: 29px; max-width: 77%; line-height: 1.1; text-align: left; padding-bottom: 7px; margin: 45px 0px 0px 41px; } .dobronew .iblock5v2 .t4 { max-width: 86%; padding: 5px 0px 0px 40px; text-align: left; line-height: 1.2; } .dobronew .iblock5v2 .text { padding: 0px 10px 0px 10px; } .dobronew .iblock5v2 .width .text { background-color: transparent; } .dobronew .our-standart { padding: 65px 0; } .our-standart .list .get-link .text span{ font-size: 18px; } .dobronew .our-standart .width .list { max-width: 100%; } .dobronew .iblock8v2 .text { padding: 5px 0px 65px 0px; text-align: center; } .iblock6 .width .ftext { font-size: 18px; } .dobronew .button-order-orange{ padding: 45px 0 0px; } .button-order-orange a{ font-size: 18px; font-weight: 700; } .pest-control-features .wrapper p{ font-size: 21px; line-height: 1.3; font-weight: 400; } .iblock7 .width .list .item .text { font-size: 16px; line-height: 1.1; } .dobronew .iblock7 .text p { font-size: 21px; } .iblock7 .width .two-col .img{ margin-top: 45px; } .iblock7 .width .two-col .title-orange{ font-size: 31px; } .iblock7 .two-col .text .button { margin-bottom: 45px; } .info-about .width p { font-size: 16px; text-align: left; } .dobronew .our-sil { padding: 65px 0px 0px; } .dobronew .our-sil .title-orange { margin-bottom: 45px; font-size: 25px; } .dobronew .our-sil .list .item .text { font-size: 18px; } .dobronew .iblock11 { padding: 0px 0px 65px 0px !important; } .width .list .item:nth-child(odd) .text { color: #000 !important; } .dobronew .otziv .info { text-align: left; font-size: 18px; width: 100%; margin-bottom: 45px; } .dobronew .ppb4 .title-orange_upper { /*margin: 0px auto;*/ /*width: 95%;*/ } .detailed_prices_content { margin-bottom: 60px; } .price_table .table_title::before { background-color: transparent; } .price_table .table_title { padding: 0px 0px 20px 3px; } .uslugi_descr__title { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; } .uslugi_descr__title_h { font-size: 18px; margin-bottom: 36px !important; } .uslugi_descr__title__icon { margin-top: 3px; } .uslugi_descr__title__icon img { margin-top: -7px; width: 35px; height: 35px; } .uslugi_descr__title_h.active:after { top: 11px; } .dobronew .prices { width: 100%; padding: 0 15px; box-sizing: border-box; } .grid_two_col { width: 100%; grid-template-columns: 100% 0px; padding: 0px 0px; box-sizing: border-box; } table thead .header_table th::after { top: 34px; } table thead .header_table th:last-child::after { left: 14%; } table thead .header_table th:nth-child(3) { padding: 0px 12px 0px 30px; } .detailed_prices_title_type_h2 { font-size: 25px; line-height: 1.1; } .what_will_I_get_title_h3 { font-size: 25px; line-height: 1.1; } table thead .header_table th { font-size: 18px; } table .body_table tr td { font-size: 18px; font-weight: 700; } .prices-table_section { margin-top: 45px; } .prices-table_section:first-child { margin-top: 0px; } .prices-table_element .prices-table_text { padding: 12px 0px; } .prices-table_element .prices-table_text:last-child { justify-content: end; text-align: right; padding-right: 10px; } .prices-table_element .prices-table_text{ font-size: 16px; padding-left: 11px; } .prices-table_element .prices-table_text-e{ background-position: 29px -131px !important; max-width: 150px; padding-right: 15px !important; } .prices-table_element:hover { background: transparent; } .prices-table_section:hover { background-color: transparent; } .prices-table_element:hover{ background: transparent; } .prices-table_element:hover .prices-table_text { color: #000; } .prices-table_element .prices-table_text.prices-table_text-e .stng_d-reset { font-size: 18px !important; } .prices-table_element .prices-table_text.prices-table_text-e { font-size: 18px !important; } .prices-table_element .price-m_h { padding: 25px 19px !important; box-shadow: none !important; } .wrap .swiper-container_tables{ overflow: hidden; } .footer-policy-link div:first-child { width: 100%; } .video_service-code{ width: calc( 100% + 40px ); height: 260px; margin: 80px auto 160px auto; } .video_service-code iframe{ width: calc( 100% - 78px )!important; height: 233px !important; margin-left: 0px; } .video_service-code:before{ max-width: 280px; height: 280px; top: -24px; left: 13%; } .video_service_description{ margin: 25px 0px 0px 20px; flex-direction: column; } .video_service_description p { max-width: 86%; } .video_service_description a { margin-top: 20px; } /*--Banner-Service--*/ .article-banner_news { padding: 20px !important; } .article-banner_news .article-banner_news_title .article_news_icons { width: 40px; height: 40px; } .article-banner_news .article-banner .article_news_icons .Elements_icons_banner-news_main { width: 40px; height: 40px; } /*Icons MD*/ .article-banner_news .article-banner .article_news_icons .Elements_icons_nanner-hover .Icons_banner-news_top { width: 25px; height: 25px; } /*Icons SM*/ .article-banner_news .article-banner .article_news_icons .Elements_icons_nanner-hover .Icons_banner-news_middle { width: 21px; height: 21px; } /*Icons XS*/ .article-banner_news .article-banner .article_news_icons .Elements_icons_nanner-hover .Icons_banner-news_right { width: 16px; height: 16px; } /*Icons Hover*/ .news_link-block:hover .Elements_icons_nanner-hover .Icons_banner-news_top { animation: both Icons_covid_top 470ms ease; } @keyframes Icons_covid_top{ 0%{ top: 24px; left: 5px; opacity: 0; } 95%{ opacity: 1; } 100%{ top: 14px; left: -5px; opacity: 1; } } .news_link-block:hover .Elements_icons_nanner-hover .Icons_banner-news_middle { animation: both Icons_covid_middle 470ms ease; } @keyframes Icons_covid_middle{ 0%{ bottom: -2px; left: 6px; opacity: 0; } 95%{ opacity: 1; } 100%{ bottom: -8px; left: 8px; opacity: 1; } } .news_link-block:hover .Elements_icons_nanner-hover .Icons_banner-news_right { animation: both Icons_covid_right 470ms ease-out; } @keyframes Icons_covid_right{ 0%{ top: 37px; right: 18px; opacity: 0; } 85%{ opacity: 1; } 100%{ top: 31px; right: 17px; opacity: 1; } } .article-banner_news .article-banner_news_title h5 { font-size: 28px; flex: 0 0 76%; padding-right: 0px; padding-bottom: 26px; } .article-banner_news .article-banner_news_title h5:before { bottom: 16px; } .article-banner_news small { font-size: 18px; } .article-banner_news .article-banner_news_title .article-banner_news_icons .arrow_service { width: 30px; height: 30px; transform: translateY(3px); } .article-banner_news .article-banner_news_title .article-banner_news_icons_product { max-width: 100%; width: 100%; } .artigle-banner_img-main .article-banner_news_icons_product:before { top: 144px; left: 89px; } .article-banner_news .article-banner_news_title .article-banner_news_icons_product .arrow_service { width: 30px; height: 30px; } .artigle-banner_img-main .article-banner_img_product { max-width: 100% !important; width: 100%; margin-left: 0px !important; } .artigle-banner_img-main .article-banner_img_product .article-banner_img-past { width: 249px; height: 185px !important; position: relative; top: 3px; left: 42px; } .artigle-banner_img-main .article-banner_img:before { top: 7px; left: 14px; } .artigle-banner_img-main .article-banner_img_product:before { top: 18px; left: 79px; } .artigle-banner_img-main .article-banner_img:after { top: 74px; left: -16px; } .artigle-banner_img-main .article-banner_img_product:after { width: 40%; top: 57px; left: 92px; } .article-banner_news .article-banner_description h6 { max-width: 96%; font-size: 18px !important; margin-top: 30px !important; } .article-banner_news .article-banner_news_title { margin-top: 15px; display: block; justify-content: inherit; } .article-banner_news .article-banner_price { font-size: 20px; } .article-banner_news .article-banner_price .rub { font-size: 20px; } .news_link-block:hover .arrow_service { animation: arrow_service 600ms ease-out infinite; } @keyframes arrow_service { 0% { margin-left: 0px; } 50% { margin-left: 10px; } 100% { margin-left: 0px; } } .dobronew .input-style-sl .jq-selectbox .jq-selectbox__select-text { text-shadow: 0 0px 0px #fbba00; font-size: 20px; position: relative; z-index: -1; } .jq-select-multiple ul, .jq-selectbox ul { padding: 60px 20px 30px 20px !important; z-index: 10; } .dobronew .input-style-sl .jq-selectbox li { font-size: 20px; } .dobronew .input-style-sl .jq-selectbox .jq-selectbox__select { z-index: -1; } .dobronew .input-style-sl .jq-selectbox .jq-selectbox__dropdown { z-index: 10; } .components_audio_quote h3 { max-width: 88%; } .section_audio_main { padding: 0px 0px 65px 0px; } .headline_block { margin-bottom: 40px; } .jq-selectbox.jqselect.focused select{ width: 100%; background-color: #41414E; } .jq-selectbox.jqselect.focused select{ width: 100%; background-color: #41414E; } .jq-selectbox.jqselect.focused select option{ background-color: #41414E; transition: background-color 200ms ease; color: #fff; font-size: 18px; } .jq-selectbox.jqselect.focused select option:focus{ background-color: #fbba00; } .jq-selectbox.jqselect.focused select option [selected] { color: #000; } /*--End Audio Block--*/ } /* xs <= Small (sm) */ @media screen and (max-width: 390px) { .dobronew .top-text .h1 { max-width: 280px; } /*-Start-Banner-Service--*/ .artigle-banner_img-main .article-banner_img_product:before { left: 59px; } .artigle-banner_img-main .article-banner_img_product .article-banner_img-past { left: 19px; } .artigle-banner_img-main .article-banner_img_product:after { left: 82px; } .artigle-banner_img-main .article-banner_news_icons_product:before { left: 69px; } /*-End-Banner-Service--*/ /*---------------------------*/ /*--Start Audio Block--*/ .components_audio_quote h3 { font-size: 20px; max-width: 84%; } .components_audio_name { font-size: 18px; } .components_audio_block .audio_headline { font-size: 22px; } .section_audio_main .h2 { font-size: 31px !important; } .headline_block { margin-bottom: 40px; } .headline_block .headline__des { margin-top: 5px; } .swiper-audio_main { margin-top: 32px !important; } .swiper-audio_main .swiper-nav_main { bottom: 15px; } .components_audio_block .components_audio_controls .audio-controls-time { font-size: 16px; letter-spacing: 0.15em; } .components_audio_block .components_audio_controls { height: 28px; } .section_audio_main { height: 48vh; } } /* xs <= Small (sm) */ @media screen and (max-width: 375px) { .dobronew .main-image { background: url(/local/templates/dobrolov_new/css/../img/bg-top_small_mob_3-min.webp) center top #02010a; background-repeat: no-repeat; background-size: auto; } .dobronew .top-text { height: 325px; } .dobronew .top-text .h1 { max-width: 272px; } .video_service-code iframe{ width: calc( 100% - 80px )!important; height: 211px !important; } .video_service-code:before{ max-width: 260px; height: 260px; top: -24px; left: 13%; } } /* xs <= Super - Small (sm) */ @media screen and (max-width: 320px) { .video_service-code iframe{ height: 180px !important; } .video_service-code:before{ max-width: 230px; height: 230px; } .video_service-code { height: 245px; } } @media (min-width : 992px) { /**/ } /* End */ /* Start:/local/templates/dobrolov_new/css/main_service.css?1755650598161440*/ /*--START---SITE SETTINGS---*/ /*Variables*/ :root { --custom-d-grid: 1680px !important; --custop-d-padding: 1.250rem !important; --primary-d_color: #FBBA00; --secondary-d_color: #F4F5F5 !important; --accent-d_color: #E84E0F; --h1-d_size: 60px !important; --h1-d_size-lg-mobile: 40px; --h1-d_size-xs-mobile: 35px; --h2-d_size: 48px; --text-d_color: #222222; --regular-d_size: 18px; --small-size: 16px; --lineheight: 1.3; --userfont: ekibastuz-d, sans-serif; --systemfont: -apple-system, Arial, Verdana, sans-serif; --scroll-behavior: smooth; --section-offset: 0; } /*Bootstrap*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: .625rem; } .row, .row > * { --bs-gutter-x: 20px; } /*Fonts*/ @font-face { src: url("/local/templates/dobrolov_new/css/../fonts/Ekibastuz-woff/Ekibastuz-Light.woff") format("woff"); font-family: "ekibastuz-d"; font-weight: 300; font-style: normal; } @font-face { src: url("/local/templates/dobrolov_new/css/../fonts/Ekibastuz-woff/Ekibastuz-Regular.woff") format("woff"); font-family: "ekibastuz-d"; font-weight: 400; font-style: normal; } @font-face { src: url("/local/templates/dobrolov_new/css/../fonts/Ekibastuz-woff/Ekibastuz-Bold.woff") format("woff"); font-family: "ekibastuz-d"; font-weight: 700; font-style: normal; } @font-face { src: url("/local/templates/dobrolov_new/css/../fonts/Ekibastuz-woff/Ekibastuz-Black.woff") format("woff"); font-family: "ekibastuz-d"; font-weight: 900; font-style: normal; } ::placeholder { color: #666; } ::selection { background-color: var(--accent-d_color); color: #fff; } input, textarea { outline: none; } input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; } input:required:valid, textarea:required:valid { border-color: green; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-thumb { border-right: solid 5px var(--accent-d_color); background: var(--accent-d_color); } ::-webkit-scrollbar-track{ border: none; background: #fff; } ::-moz-scrollbar { width: 10px; } ::-moz-scrollbar-thumb { border-right: solid 5px var(--accent-d_color); background: var(--accent-d_color); } ::-moz-scrollbar-track { border: none; background: var(--accent-d_color); } html { scroll-behavior: var(--scroll-behavior); } @media (prefers-reduced-motion: reduce) { html { --scroll-behavior: auto; } } body { font-family: var(--userfont); font-size: var(--regular-d_size); line-height: var(--lineheight); color: var(--text-d_color); min-width: 320px; position: relative; overflow-x: hidden; background-color: #fff; margin: 0px; } p{ margin: 0px; } /*--END---SITE SETTINGS---*/ /*-------------------*/ /*--START---SITE STYLE---*/ /*---GRID Style---*/ .container-fluid.cont_box-custom{ box-sizing: border-box; } .custom_d-grid_xl { max-width: var(--custom-d-grid); width: 100% !important; min-width: 320px; padding: 0px var(--custop-d-padding); margin: 0px auto 0px auto; box-sizing: border-box; } /*-------------------------------------------------*/ /*--Start Breadcrumb Block--*/ .bx-breadcrumb-wrap{ } .wrap .bx-breadcrumb.width{ max-width: var(--custom-d-grid); width: 100% !important; min-width: 320px; padding: 20px var(--custop-d-padding); margin: 0px auto 0px auto; box-sizing: border-box; background-color: var(--primary-d_color); position: relative; } .wrap .bx-breadcrumb.width:before{ content: ""; width: calc((100% + 100vh)* 2); height: 100%; position: absolute; top: 0px; left: calc((0% - 100vh)* 2); background-color: var(--primary-d_color); } .wrap .bx-breadcrumb-wrap{ position: relative; top: 6px !important; } .wrap .bx-breadcrumb-wrap .bx-breadcrumb-item{ font-size: 16px !important; color: rgba(0, 0, 0, .8); line-height: 20px; } .wrap .bx-breadcrumb-wrap .bx-breadcrumb-item a span{ font-size: 14px !important; color: rgba(0, 0, 0, .8); opacity: 1; transition: color 300ms ease; } .wrap .bx-breadcrumb-wrap .bx-breadcrumb-item a span:hover{ color: var(--accent-d_color); } .wrap .bx-breadcrumb-wrap .bx-breadcrumb-item span{ font-size: 14px !important; color: rgba(0, 0, 0, .4); } /*---Service Components---Text---*/ .service_d-text_block .service_article_d-text{ max-width: 55%; font-size: 21px !important; font-weight: 700 !important; line-height: 1.4; letter-spacing: 0.02em; color: #444444; } .service_d-text_block .service_article_d-text p{ margin-top: 25px; } .service_d-text_block .service_article_d-text p:nth-child(1){ margin-top: 0px; } /*---Service Components---Text-Link--*/ .service_d-text_block .service_article_d-text p .service_d-text_link{ color: rgba(0, 0,0,.6); text-decoration: none; } /*--START---One-Screen----Service--Component--*/ .service_one_d-section_main { width: 100%; height: 920px; background-color: var(--primary-d_color); } .dobronew .main-image { background: url(/local/templates/dobrolov_new/css/../img/bg2.webp) center right; background-size: cover; color: #fff; position: relative; } .dobronew .page_wrapper .main-image:before { content: none; background-color: none !important; opacity: none; } .dobronew .one_d-hero_illustration { background: url(/local/templates/dobrolov_new/css/../img/bg2.webp) center right; background-size: cover; color: #fff; position: relative; } .service_one_d-section_main .service_one_d-content{ width: 100%; height: 100vh; } /*--Start----Content-TOP - Breadcrumbs*/ .service_one_d-content-top{ width: 100%; } .service_one_d-content-top .service_components_d-breadcrumbs{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 32px 0px 32px 0px; padding: 0px; list-style: none; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs{ display: flex; align-items: center; position: relative; margin-bottom: 6px; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs::before { content: ""; width: 12px; height: 12px; background: url(/local/templates/dobrolov_new/css/../img/ic/ic_interface/arrow_navigation_active.svg) center center no-repeat; display: inline-block; padding: 0 23px 0px 23px; transform: translateX(0px); transition: transform 300ms ease; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs:first-child:before { display: none; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs:hover:before { transform: translateX(6px); } /*Content-TOP - Breadcrumbs Link*/ .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs a{ font-size: 14px; letter-spacing: 0.04em; font-weight: 400; color: rgba(0,0,0,.8); text-decoration: none; } /*Content-TOP - Breadcrumbs Active*/ .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs.active{ font-size: 14px; letter-spacing: 0.05em; font-weight: 400; color: rgba(0,0,0,.4); display: flex; flex-direction: row; align-items: center; } /*--END----Content-TOP - Breadcrumbs*/ /*Content-TOP - Link Back*/ .service_one_d-content-top .service_components_d-btn_back{ width: 187px; height: 36px; font-size: 18px; font-weight: 700; line-height: 2; text-align: right; padding-left: 13px; letter-spacing: 0.035em; color: #000; text-decoration: none; display: flex; align-items: center; transition: color 350ms ease; } .service_one_d-content-top .service_components_d-btn_back:hover{ color: var(--accent-d_color); } /*Content-TOP - Link Arrow Back*/ .service_one_d-content-top .service_components_d-btn_back .service_element_d-arrow_back{ width: 34px; height: 3px; margin: -1px 15px 0px 0px; border-radius: 10px 0px 0px 10px; transform: translateX(0px) scaleX(1); transform-origin: 100% 100%; position: relative; display: inline-block; background-color: #000; transition: transform 320ms ease , background-color 350ms ease-out; } .service_one_d-content-top .service_components_d-btn_back .service_element_d-arrow_back:after, .service_element_d-arrow_back:before{ content: ""; width: 13px; height: 3px; background-color: #000; position: absolute; top: -4px; left: -2px; transform: rotate(-45deg); transition: background-color 350ms ease-out; } .service_one_d-content-top .service_components_d-btn_back .service_element_d-arrow_back:before{ top: 4px; transform: rotate(45deg); } .service_one_d-content-top .service_components_d-btn_back:hover .service_element_d-arrow_back{ transform: translateX(-8px) scaleX(1.1); background-color: var(--accent-d_color); } .service_one_d-content-top .service_components_d-btn_back:hover .service_element_d-arrow_back:after{ background-color: var(--accent-d_color); } .service_one_d-content-top .service_components_d-btn_back:hover .service_element_d-arrow_back:before{ background-color: var(--accent-d_color); } /*Content - Element H1*/ .service_one_d-section_main .service_d-h1{ width: 85%; font-size: var(--h1-d_size); font-weight: 900; color: #000; text-align: left; line-height: 1.1; letter-spacing: 0.025em; margin: 45px 0px 0px 0px; position: relative; z-index: 3; } /*Content - Element Advantage block*/ .service_one_d-section_main .service_one_d-main_advantage{ width: 100%; display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; position: relative; } /*Content - Element Description*/ .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description{ max-width: 67%; margin-top: 25px; height: 320px; position: relative; z-index: 3; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description p{ font-size: 20px; font-weight: 900; color: #000; text-align: left; line-height: 1.3; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description .h1_d-description{ font-size: 17px; font-weight: 700; letter-spacing: 0.02em; padding-top: 18px; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description a{ color: var(--accent-d_color); text-decoration: none; position: relative; display: inline-block; margin: 0px 3px; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description a:before{ content: ""; width: 100%; height: 3px; background-color: var(--accent-d_color); left: 0px; bottom: 0px; position: absolute; transform: scaleX(0); transform-origin: 0% 50%; transition: transform 350ms ease-out; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description a:hover:before{ transform: scaleX(1); } /*Content - Element Icons_Advantage*/ .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage{ width: 100%; margin-top: 28px; display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: row; position: relative; transform: translateY(-146px); z-index: 3; } .service_one_d-section_main .service_one_d-main_advantage .col-xl-5{ flex-direction: column; align-items: flex-start; justify-content: flex-end; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage .one_d-advantage{ width: 131px; font-size: 16px; font-weight: 900; line-height: 1.2; color: #000; padding-right: 45px; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage .one_d-advantage:last-child{ padding-right: 0px; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage .one_d-advantage svg{ width: 45px; height: 45px; margin-bottom: 2px; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage .one_d-advantage p{ margin-top: 3px; } /*--Content - Element--Bubble---*/ .service_one_d-section_main .service_one_d-element_bubbles{ width: 100%; height: auto; position: absolute; z-index: 1; } /*--Element--Bubble-XL-1-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_1{ width: 230px; position: absolute; top: 258px; bottom: auto; left: 233px; z-index: 15; } .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_1.d-rnd_xl_1{ transition: all 450ms ease-out; } /*--Element--Bubble-XL-2-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_2{ width: 180px; position: absolute; top: 250px; bottom: auto; right: 110px; z-index: 15; } .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_2.d-rnd_xl_2{ transition: all 450ms ease-out; } /*--Element--Bubble-XL-3-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_3{ width: 120px; position: absolute; top: 419px; bottom: auto; right: 334px; z-index: 15; } .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_3.d-rnd_xl_3{ transition: all 450ms ease-out; } /*--Element--Bubble-XL-4-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_4{ width: 60px; position: absolute; top: 437px; bottom: auto; left: 55px; z-index: 15; } .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_4.d-rnd_xl_4{ transition: all 450ms ease-out; } /*--Element--Bubble-XL-5-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_5{ width: 90px; position: absolute; top: 520px; bottom: auto; right: -13px; z-index: 15; } .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_5.d-rnd_xl_5{ transition: all 450ms ease-out; } /*--Content - Element--Hero_Illustration---*/ .service_one_d-section_main .service_one_d-hero_illustration{ width: 100%; position: absolute; top: -125px; z-index: 1; } .service_one_d-section_main .service_one_d-hero_illustration .one_d-hero_illustration{ width: 740px; height: 669px; display: flex; flex-direction: column; align-items: center; margin: 0px auto; background-position: 0px 0px; background-repeat: no-repeat; } .service_one_d-section_main .one_d-hero_illustration picture img{ width: 740px; height: 669px; } /*Content - Element Lebedev_block*/ .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev{ width: 100%; height: auto; display: flex; flex-direction: row; justify-content: flex-end; position: relative; z-index: 60; transform: translateY(-94px); } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev{ height: auto; margin: 0px 0px 0px 0px; padding-right: 138px; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright{ font-size: 16px; font-weight: 900; line-height: 1.4; letter-spacing: 0.022em; color: #000; position: relative; z-index: 4; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright > a{ color: #000; text-decoration: none; transition: color 200ms ease; position: relative; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright > a:hover{ color: var(--accent-d_color); } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright > a:before{ content: ""; width: 100%; height: 3px; background-color: #000; position: absolute; bottom: -4px; left: 0px; z-index: 4; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright .d_link-als-copyright{ font-weight: 900; text-decoration: none; color: #fff; line-height: 2; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright .d_link-als-copyright:before{ display: none; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright img{ position: absolute; bottom: -90px; left: -126px; height: auto; } /*--START-BLOCK CALCULATOR--*/ /*--FORM--*/ .service_one_d-section_main .app-calc-form{ position: relative; padding: 10px; } .service_one_d-section_main .app-calc-form .row { width: 100% !important; align-items: flex-end !important; } .service_one_d-section_main .service_d_calc{ max-width: 1160px; width: 1160px; margin: 0px auto; position: relative; z-index: 50; border-radius: 6px; padding: 40px; background-color: rgba(255, 255, 255, 0.77); overflow: hidden; box-sizing: border-box; transform: translateY(-60px); } .service_one_d-section_main .service_d_calc:before{ content: ""; width: 100%; height: 100%; background: linear-gradient(61deg, rgba(255,255,255,0.70) 0%, rgba(255,255,255,0.89) 100%); position: absolute; top: 0px; left: 0px; filter: blur(16px); z-index: -1; } .service_one_d-section_main .top-form .title { width: 100%; font-weight: 700 !important; font-size: 16px !important; line-height: 1; color: var(--primary-d_color); margin-bottom: 30px; } .service_one_d-section_main .top-form .asterisk{ display: none; } /*--START-BLOCK CALCULATOR INPUT--*/ .service_one_d-section_main .item.input textarea, .service_one_d-section_main .item.input input{ border: 0px solid #fcd996 !important; border-radius: 0px !important; box-shadow: inset 0 0px 0px #fff, 0 0 0px #fff !important; } .service_one_d-section_main .fields .input-style-sl{ border-top: 0px solid rgba(0,0,0,.8) !important; border-left: 0px solid rgba(0,0,0,.8) !important; border-right: 0px solid rgba(0,0,0,.8) !important; border-bottom: 4px solid rgba(0,0,0,.8) !important; border-radius: 0px !important; box-shadow: 0px 0px 0px #fff !important; padding: 0px 20px 0px 0px !important; } .service_one_d-section_main .fields .input-style-s{ border-top: 0px solid rgba(0,0,0,.8) !important; border-left: 0px solid rgba(0,0,0,.8) !important; border-right: 0px solid rgba(0,0,0,.8) !important; border-bottom: 4px solid rgba(0,0,0,.8) !important; border-radius: 0px !important; box-shadow: 0px 0px 0px #fff !important; padding: 0px 20px 0px 0px !important; } /*--START INPUT HEADLINE--*/ .service_one_d-section_main .fields .input_headline{ font-family: var(--userfont); font-weight: 900; font-size: 18px; color: #000 !important; text-align: left; line-height: 1; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } /*--END INPUT HEADLINE--*/ .service_one_d-section_main .jq-selectbox .jq-selectbox__select-text{ font-family: var(--userfont); font-weight: 700; font-size: 18px; color: #717171 !important; text-shadow: 0 0px 0px #fff !important; } .service_one_d-section_main .input-style-s > div.input input{ font-family: var(--userfont); font-weight: 700; font-size: 18px; color: #717171 !important; text-shadow: 0 0px 0px #fff !important; } .service_one_d-section_main .fields .input-style-s .input input{ font-family: var(--userfont); font-weight: 700; font-size: 18px; color: #717171 !important; text-shadow: 0 0px 0px #fff !important; } .service_one_d-section_main .fields .input-style-s .input input::placeholder{ font-family: var(--userfont); font-weight: 700; font-size: 18px; color: #717171 !important; text-shadow: 0 0px 0px #fff !important; } .service_one_d-section_main .fields .input-style-s{ width: 300px; } .service_one_d-section_main .top-form .fields > .item { width: 300px !important; } .service_one_d-section_main .submit{ display: flex; align-items: center; justify-content: center; } .service_one_d-section_main .mob_service-illustration { display: none; } .service_one_d-content .service_d_calc .app-calc-form:before{ display: none; } /*Element Button-----V2*/ .service_one_d-section_main .submit .service_btn_main{ padding: 10px 79px; background-color: var(--accent-d_color); font-size: 23px; font-weight: 400; letter-spacing: 0.035em; color: #fff; border: none; border-radius: 100px; margin-top: 35px; transition: background-color 300ms ease; cursor: pointer; transition: background-color 350ms ease-out, color 350ms ease-out; } .service_one_d-section_main .submit .service_btn_main:hover{ background-color: #000 !important; color: #fff !important; } /*Content - Element Bubble_Main*/ .service_one_d-section_main .service_one_d-bubble_main{ width: 100%; position: relative; } .service_one_d-section_main .service_one_d-bubble_main:before{ content: ""; width: calc((100% + 100vw)* 2); height: 440px; position: absolute; left: calc((0% - 100vw)* 1); top: -23px; background-color: #fff; z-index: 0; } .service_one_d-section_main .service_one_d-bubble_main .one_d-bubble_main{ transform: translate( -620px, 248px); position: absolute; bottom: 0px; left: 0px; z-index: 150; } .service_one_d-section_main .service_one_d-bubble_main .one_d-bubble_s_main{ display: none; } /*--END---One-Screen----Service--Component--*/ /*--------------------*/ /*--START HIGLIGHTS SERVICE--*/ /*ICON SLIDE-1 BUBBLE*/ .high_service_main{ width: 100%; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; transform: translateY(-65px); z-index: 60; } .high_service_main .iusl_wrap__slider{ height: auto; padding-bottom: 20px; } .high_service_main .icons-b_main_block { max-width: 100%; } .high_service_main .icons-b_main_block .icons_b-slide { width: 100%; position: relative; padding-top: 20px; } .high_service_main .icons_b-slide { position: relative !important; overflow: hidden !important; } /*ANIMATION TIMING FUNCION */ .high_service_main .icons-b_main_block .icons_b-slide .swiper-wrapper { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .high_service_main .slide_b-insta { padding-top: 10px; } .high_service_main .icons-b_main_block .product-nav_position .swiper-button-next:after, .high_service_main .icons-b_main_block .product-nav_position .swiper-button-prev:after { font-size: 16px !important; font-weight: 900; color: #fdb913; } .high_service_main .icons-b_main_block .product-nav_position .swiper-button-next { top: 79px; width: 20px !important; height: 20px !important; background-image: url('/local/templates/dobrolov_new/css/img/ic/arrow_next.svg') !important; background-size: 100%; } .high_service_main .icons-b_main_block .product-nav_position .swiper-button-prev { top: 79px; width: 19px !important; height: 19px !important; background-image: url('/local/templates/dobrolov_new/css/img/ic/arrow_prev.svg') !important; background-size: 100%; } .high_service_main .icons-b_main_block .product-nav_position .swiper-button-prev { left: -3px; } .high_service_main .icons-b_main_block .product-nav_position .swiper-button-next { right: 0; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon { width: 124px; flex-direction: column; align-items: center; display: flex; box-sizing: border-box; padding: 0 4px; font-family: var(--userfont); font-weight: 700; font-size: 14px; letter-spacing: 0.01em; line-height: 1.3; text-decoration: none; color: #262626; position: relative; text-align: center; transition: all 350ms ease-out; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon:hover .b_item_img:after { width: 100px; height: 100px; top: -12px; right: -12px; background-color: var(--primary-d_color); border: 1px solid transparent; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon p { line-height: 1.2; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon .b_item_img { width: 77px; height: 77px; display: flex; position: relative; margin-bottom: 15px; z-index: 10; background-color: #fff; border-radius: 50px; align-items: center; justify-content: center; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon .b_item_img::after { content: ""; width: 87px; height: 87px; position: absolute; top: -6px; right: -6px; border: 1px solid #CACACA; border-radius: 100%; transition: all 300ms ease-out; background-color: transparent; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon img { width: 60px; height: 60px; z-index: 15; margin: 0 18px 0px 18px; display: inline-block; position: relative; text-align: center; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon .b_item_img:before { content: ""; width: 34px; height: 34px; position: absolute; top: 38px; left: 52px; z-index: 12; background-color: var(--primary-color); border-radius: 50px; transition: left 350ms ease, top 350ms ease; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon:hover .b_item_img:before { top: 23px; left: 23px; } /*ICONS SLIDE*/ .high_service_main .icons_main-slide { position: relative !important; overflow: hidden !important; } .high_service_main .icons-nav_slid .product-nav_position .swiper-button-prev { display: block; } /*ICONS SLIDER SCROLLBAR*/ .high_service_main .icons_main-slide .swiper-scrollbar_icons { height: 5px; border-radius: 0; margin-top: 41px; background-color: var(--secondary-color); } .high_service_main .icons_main-slide .swiper-scrollbar_icons .swiper-scrollbar-drag { background: var(--primary-color); border-radius: 0; cursor: pointer; } /*ICONS SLIDER NEXT ARROW*/ .high_service_main .icons_main-slide .swiper-button-next, .high_service_main .icons_main-slide .swiper-button-prev { top: 37%; } .high_service_main .swiper-button-next.swiper-button-disabled, .high_service_main .swiper-button-prev.swiper-button-disabled{ opacity: 0.4; } /*--START---Two-Screen----Price--Component--*/ .service_price_d-section_main{ width: 100%; position: relative; padding: 0px 0px 0px 0px; margin: 80px 0px 40px 0px; } /*--Two-Screen----Price--Headline--*/ .service_price_d-section_main .price_d-headline{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .service_price_d-section_main .uslugi_h2_icon { margin-right: 10px; margin-left: -2px; margin-top: 6px; width: 45px; height: 45px; } .service_price_d-section_main .price_d-headline h2{ max-width: 76%; font-size: 48px; line-height: 1.2; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 5px 0px 32px 0px; } .service_price_d-section_main .price_d-headline picture img{ width: 230px; height: auto; display: block; margin: 0px 0px 25px 8px; } .uslugi_h2_flex { width: 100%; display: flex; flex-direction: row; } /*--Two-Screen----Price--Text--*/ .service_price_d-section_main .service_d-text_block{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 0px; } /*--Price Offers*/ .service_price_d-section_main .price_d-right_offer{ width: 31%; display: flex; flex-direction: column; } .service_price_d-section_main .service_d-text_block h3{ max-width: 100%; font-size: 22px !important; font-weight: 900 !important; line-height: 1.4; letter-spacing: 0.01em; color: #0B0B0B; margin: 0px; padding: 0px; } .service_price_d-section_main .service_d-text_block h3 span{ color: var(--accent-d_color); } /*Link price*/ .service_price_d-section_main .service_d-text_block .price_right_link{ font-size: 18px; font-weight: 900; margin-top: 20px; } .service_price_d-section_main .service_d-text_block .price_right_link .service-price__link{ color: var(--primary-d_color); text-decoration: none; } .service_price_d-section_main .service_d-text_block .price_right_link .service-price__link:hover .price_arrow_line{ transform: translate(10px, -1px); } .service_price_d-section_main .service_d-text_block .price_right_link .service-price__link .price_arrow_line{ transform: translate(0px, -1px); transition: transform 400ms ease; vertical-align: middle; } /*--END---Two-Screen----Price--Component--*/ /*--------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ .service_сonducting_d-section_main{ width: 100%; position: relative; margin: 80px 0px; } .service_сonducting_d-section_main .prices{ max-width: var(--custom-d-grid); width: 100%; margin: 0px 0px; } .service_сonducting_d-section_main .uslugi_left_block { width: 54%; } .service_сonducting_d-section_main .prices .info { max-width: 100%; } .service_сonducting_d-section_main h2{ max-width: 90%; font-size: 48px; line-height: 1.2; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 0px 0px 32px 0px; } .service_сonducting_d-section_main .detailed_prices_title_after { max-width: 61%; font-weight: 700; font-size: 16px; line-height: 21px; display: block; position: relative; margin-top: 15px; margin-bottom: 35px; padding-left: 20px; letter-spacing: 0.025em; color: #646464; } .service_сonducting_d-section_main .detailed_prices_title_after::before { content: ''; position: absolute; height: 8px; width: 8px; top: 6px; left: 0; border-radius: 50px; background: #FBBA00; } .service_сonducting_d-section_main .services_content_d-inner_main{ display: flex; justify-content: flex-start; flex-direction: row; align-items: stretch; } /*---Left block*/ .service_сonducting_d-section_main .сonducting_d-headline h2{ max-width: 95%; font-size: 48px; line-height: 1.2; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 80px 0px 32px 0px; } .service_сonducting_d-section_main .сonducting_d-headline:first-child h2{ margin: 0px 0px 32px 0px; } /*--Description Headline--H2*/ .service_сonducting_d-section_main .сonducting_d-headline .headline__description{ width: 100%; max-width: 517px; font-weight: 700; font-size: 16px; margin: -20px 0px 32px 18px; letter-spacing: 0.025em; position: relative; color: #646464; } .service_сonducting_d-section_main .сonducting_d-headline .headline__description:before{ content: ""; width: 7px; height: 7px; position: absolute; top: 6px; left: -15px; background-color: var(--primary-d_color); border-radius: 50px; } .service_сonducting_d-section_main .service_d-text_block .service_article_d-text { max-width: 95%; } .service_сonducting_d-section_main .table_title .h2 { font-size: 35px !important; margin-left: 21px; margin-top: 0px; transform: translateY(20px); display: inline-block; } /*---Right block*/ /*--Right - Sidebar BOTTOM - Link Anchors--*/ .service_сonducting_d-section_main .services_content_d-inner_main .service_content_d-article_sidebar{ display: block; height: 100%; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container{ position: sticky; width: 100%; top: 60px; bottom: auto; z-index: 20; margin-top: 0px; padding: 0; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-headline{ font-size: 22px; font-weight: 900; line-height: 1.4; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link{ margin-top: 25px; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link{ list-style: none; position: relative; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link{ width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; margin-bottom: 23px; padding-right: 0px; transition: transform 450ms ease; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link a{ max-width: 385px; font-size: 21px; font-weight: 700; line-height: 1.2; color: rgba(0,0,0,.5); text-decoration: none; transition: color 350ms ease; padding-right: 5px; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link a:hover{ color: var(--primary-d_color); } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link.active a{ color: var(--primary-d_color); transition: color 350ms ease; display: block; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link img{ width: 35px; height: 35px; margin-top: -6px; } /*---Arrow*/ .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link-line{ width: 18px; height: 26px; background: url(/local/templates/dobrolov_new/css/../img/ic/ic_interface/icons_arrow_sm.svg) center center no-repeat; position: absolute; top: -1px; bottom: 0; left: -4px; transform: translateY(0); transition: transform 550ms ease; } /*---STAP*/ .service_сonducting_d-section_main .service_d-stap-container{ display: flex; justify-content: flex-start; flex-direction: column; margin-top: 65px; } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; flex-wrap: wrap; margin-bottom: 45px; position: relative; } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item:last-child{ margin-bottom: 0px; } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item .d-stap{ width: 46%; } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item .d-stap img{ width: 60px; height: 60px; display: block; margin: 5px auto; transform: translateY(-19px); } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item .d-stap .stap_line{ width: 100%; display: block; position: relative; font-size: 22px; font-weight: 700; color: var(--primary-d_color); } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item .d-stap .stap_line:before{ content: ""; width: 94%; height: 3px; background-color: var(--primary-d_color); position: absolute; bottom: 12px; left: 24px; } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item .d-stap h4{ font-size: 28px; font-weight: 700; margin: 10px 0px 10px 0px; padding-left: 23px; position: relative; } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item .d-stap p{ font-size: 18px; font-weight: 700; line-height: 1.2; color: var(--text-d_color); padding-left: 23px; margin-top: 15px; } /*--START-Table----*/ .service_сonducting_d-section_main .what_will_I_get_title_after { display: block; position: relative; margin-top: 15px; margin-bottom: 35px; padding-left: 20px; font-style: normal; font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: 0.025em; color: #444; } .what_will_I_get_list_item { color: #444; } .service_сonducting_d-section_main .detailed_prices_content { display: block; position: relative; margin-bottom: 65px; } .service_сonducting_d-section_main table thead .header_table th { padding: 30px 20px; font-size: 16px; font-weight: 900; text-align: left; position: relative; border-left: 2px solid #ddd; } .service_сonducting_d-section_main table thead .header_table th::after { content: ""; width: 3px; height: 15px; background-color: #eb5a2d; position: absolute; top: 34px; left: 11px; } .service_сonducting_d-section_main table .body_table tr td:first-child { padding-left: 23px; font-size: 16px; } .service_сonducting_d-section_main table .body_table tr td { padding: 23px 20px; font-size: 16px; position: relative; border: 1px solid #ddd; } .service_сonducting_d-section_main table .body_table tr td { padding: 23px 20px; font-size: 16px; position: relative; border: 1px solid #ddd; } /*--END-Table----*/ /*----------------------*/ /*--START-Description----*/ .service_сonducting_d-section_main .uslugi_right_block { width: 31%; margin-top: 7px; } .service_сonducting_d-section_main .uslugi_descr__title_h { width: 85%; position: relative; font-size: 21px; font-weight: 700; line-height: 1.2; margin-bottom: 23px; padding: 0px 5px 0px 22px; cursor: pointer; } .service_сonducting_d-section_main .uslugi_descr__title__icon img{ margin-top: -6px; width: 35px; height: 35px; } /*--END-Description-*/ /*--END---THREE-Screen----Conducting--Component--*/ /*--------------------*/ /*--START---Trigger----MD--Component--*/ .trigger-md_d-section_main{ width: 100%; margin: 10px 0px 0px 0px; position: relative; background-color: var(--secondary-color); } .trigger-md_d-section_main .trigger-md_d-banner_main{ width: 100%; padding: 104px 0px 0px 0px; position: relative; } /*--Trigger----MD--Image--*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image{ width: 740px; position: absolute; top: 152px; bottom: auto; right: 35px; z-index: 10; } /*--Trigger----MD--Bubble-SM-*/ /*--Bubble-SM-2*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_2{ width: 374px; position: absolute; top: -79px; bottom: auto; right: 114px; z-index: 15; } /*--Bubble-SM-3*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_3{ width: 100px; position: absolute; top: 34px; bottom: auto; left: 340px; z-index: 15; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_3.d-rnd_trigger_3{ transition: all 450ms ease-out; } /*--Bubble-SM-4*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_4{ width: 100px; position: absolute; top: auto; bottom: -77px; left: 169px; z-index: 15; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_4.d-rnd_trigger_4{ transition: all 450ms ease-out; } .trigger-md_d-section_main .trigger-md_d-banner{ width: 100%; max-height: 423px; display: flex; flex-direction: row; align-items: center; padding: 40px; box-sizing: border-box; position: relative; z-index: 1; overflow: hidden; } .trigger-md_d-section_main .trigger-md_d-banner:before{ content: ""; width: 600px; height: 600px; border-radius: 600px; background-color: var(--primary-d_color); position: absolute; right: 70px; bottom: -232px; } /*--Trigger----MD--Headline--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline{ width: 70%; display: flex; flex-direction: column; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline h2{ max-width: 90%; font-size: 62px; line-height: 1.1; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 32px 0px 32px 0px; } /*--Trigger----MD--Price--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price{ display: flex; flex-direction: row; align-items: baseline; margin-bottom: 32px; } /*--Trigger----MD--Price-New-*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_new{ width: 42%; font-size: 60px; font-weight: 700; line-height: 1.1; color: var(--accent-d_color); } /*--Trigger----MD--Price-Old-*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old{ width: 67%; display: flex; flex-direction: column; align-items: flex-start; font-size: 36px; font-weight: 700; line-height: 1.3; color: #AFAFAF; position: relative; margin-left: 10px; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old:before{ content: ""; width: 40%; height: 3px; background-color: #AFAFAF; position: absolute; top: 19px; bottom: auto; left: 0px; } /*--Trigger----MD--Price-Sale-*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old .trigger-md_d-price_sale{ width: 86%; font-size: 22px; line-height: 1.3; color: #444; margin-top: 16px; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old .trigger-md_d-price_sale span{ color: var(--accent-d_color); } /*--Trigger----MD--Right--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-right{ background-repeat: no-repeat; background-position: 100% 100%; padding: 168px 0px; width: 50%; height: auto; position: relative; } /*--Trigger----MD--Bubble--*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-rnd_trigger_1 { width: 126px; height: 126px; position: absolute; top: -34px; right: 221px; z-index: 20; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-rnd_trigger_1{ transition: all 450ms ease-out; } /*--END---Trigger----MD--Component--*/ /*--------------------*/ /*-Start---Banner-Section Main-*/ section.banner_service_block{ width: 100%; position: relative; margin: 10px 0px 80px 0px; } section.banner_service_block .width{ max-width: var(--custom-d-grid); width: 100% !important; min-width: 320px; padding: 0px var(--custop-d-padding); margin: 0px auto 0px auto; box-sizing: border-box; } section.banner_service_block .banner_block_main{ max-width: 100%; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; } section.banner_service_block .uslugi_h2_icon{ margin-left: 0px !important; margin-top: 4px !important; } section.banner_service_block .banner_block_main .article-banner_news{ width: 100% ; max-width: 49% !important; padding: 26px 26px 26px 26px !important; margin: 10px 0px 0px 0px !important; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product:before{ left: 11px; } section.banner_service_block .article-banner_news .article-banner_description h6 { max-width: 300px; font-size: 19px !important; } section.banner_service_block .article-banner_img_product .article-banner_img-past { left: -24px; } section.banner_service_block .artigle-banner_img-main .article-banner_news_icons_product:before{ left: 27px; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product:after { left: 25px; } /*-End---Banner-Section Main-*/ /*--------------------*/ /*--START---FOUR-Screen----How_We_Work--Component--*/ .service_how-we-work_d-section_main{ width: 100%; min-height: 1150px; position: relative; background-color: var(--primary-d_color); margin: 0px 0px 10px 0px; padding: 90px 0px 90px 0px; } /*----Headline--H2*/ .service_how-we-work_d-section_main .how-we-work_d-headline .how-we-work_icon{ width: 100%; display: flex; align-items: flex-start; } .service_how-we-work_d-section_main .how-we-work_d-headline .uslugi_h2_icon{ margin-right: 10px; margin-left: -2px; margin-top: 16px; width: 45px; height: 45px; } .service_how-we-work_d-section_main .how-we-work_d-headline h2{ max-width: 67%; font-size: 48px; line-height: 1.2; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 10px 0px 32px 0px; } /*----Description Headline--H2*/ .service_how-we-work_d-section_main .how-we-work_d-headline .headline__description{ width: 100%; max-width: 580px; font-weight: 700; font-size: 16px; margin: 3px 0px 65px 18px; letter-spacing: 0.025em; position: relative; color: #624500; } .service_how-we-work_d-section_main .how-we-work_d-headline .headline__description:before{ content: ""; width: 7px; height: 7px; position: absolute; top: 6px; left: -15px; background-color: #000; border-radius: 50px; } /*---STAP*/ .service_how-we-work_d-section_main .service_d-stap-container{ display: flex; justify-content: flex-start; flex-direction: column; margin-top: 65px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; flex-wrap: wrap; margin-bottom: 20px; position: relative; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item:last-child{ margin-bottom: 0px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap{ width: 46%; position: relative; margin-bottom: 65px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap:nth-child(4){ width: 100%; margin-bottom: 95px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap:nth-child(4) .d-stap_block{ width: 46%; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap img{ width: 60px; height: 60px; display: block; margin: 5px auto; transform: translateY(-19px); } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap .stap_line{ width: 100%; display: block; position: relative; font-size: 22px; font-weight: 700; color: #000; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap .stap_line:before{ content: ""; width: 94%; height: 3px; background-color: #000; position: absolute; bottom: 12px; left: 24px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap h4{ font-size: 28px; font-weight: 700; display: flex; align-items: center; margin: 10px 0px 10px 0px; padding-left: 23px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap h4 .stap_arrow_link { width: 40px; height: 3px; background-color: var(--accent-d_color); display: block; margin-left: 20px; transform: translateX(0px); position: relative; transition: transform 350ms ease-out; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap h4 .stap_arrow_link:after, .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap h4 .stap_arrow_link:before{ content: ""; width: 15px; height: 3px; background-color: var(--accent-d_color); position: absolute; top: -6px; right: -1px; transform: rotate(45deg); } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap h4 .stap_arrow_link:before{ top: 6px; transform: rotate(-45deg); } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap h4:hover .stap_arrow_link{ transform: translateX(15px); } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap h4 a{ color: #222; text-decoration: none; position: relative; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap h4 a:hover{ color: var(--accent-d_color); } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap p{ font-size: 18px; font-weight: 700; line-height: 1.2; color: var(--text-d_color); padding-left: 23px; } /*---Illustration*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img{ width: 50%; padding-left: 40px; } /*---Circle*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img:before{ content: ""; width: 530px; height: 530px; border-radius: 100%; background-color: var(--accent-d_color); position: absolute; top: 46px; left: 120px; z-index: 1; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .d-stap_img{ width: 440px; position: relative; z-index: 5; display: block; margin: 0px auto; transform: translateX(40px); } /*---Bubble*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .stap_d-bubble .d-stap_md_1{ width: 150px; position: absolute; top: 115px; left: 96px; z-index: 8; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .stap_d-bubble .d-stap_md_1.d-rnd_stap_1{ transition: all 450ms ease-out; } /*---Illustration HERO*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item-ill{ width: 48%; padding-left: 40px; position: absolute; top: 180px; right: 8px; } /*---Circle*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item-ill:before{ content: ""; width: 450px; height: 450px; border-radius: 100%; background-color: var(--accent-d_color); position: absolute; top: 91px; left: 120px; z-index: 1; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item-ill .d-stap_img{ width: 450px; position: relative; z-index: 5; display: block; margin: 0px auto; transform: translateX(21px); } /*---Bubble*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item-ill .stap_d-bubble .d-stap_md_1{ width: 150px; position: absolute; top: 115px; left: 96px; z-index: 8; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item-ill .stap_d-bubble .d-stap_md_1.d-rnd_stap_1{ transition: all 450ms ease-out; } /*---Section Right - Autor block---*/ .news_d-autor-info_name .s_d-autor-subinfo{ display: block; font-size: 16px; font-weight: 700; margin-top: 8px; line-height: 1.3; } .news_content_d-specialists_main .d-specialists { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 40px; } .news_d-autor-container_info .news_d-autor-info_name a { text-decoration: none; } .news_d-autor-container_info .news_d-autor-info_name .h4_headline { font-size: 26px; font-weight: 700; line-height: 1.2; color: #000; } .news_content_d-specialists_main .d-specialists .news_d-autor-info_position{ font-size: 18px; font-weight: 900; line-height: 1.2; color: rgba(0, 0, 0, .5); } .news_content_d-specialists_main .d-specialists .news_d-autor-info_name{ margin: 7px 0px 12px 0px; } /*--END---FOUR-Screen----How_We_Work--Component--*/ /*--------------------*/ /*--START---FIVE-Screen----NABOR SERVICE--Component--*/ .service_nabor_main { width: 100%; position: relative; margin: 0px 0px 10px 0px; padding: 80px 0px 80px 0px; } .service_nabor_main h2 { max-width: 55%; font-size: 48px !important; line-height: 1.2; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 10px 0px 32px 0px; } .service_nabor_main .uslugi_h2_icon { margin-right: 10px; margin-left: -2px; margin-top: 16px; width: 45px; height: 45px; } .service_nabor_main .title-sub { width: 100%; max-width: 580px; font-weight: 700; font-size: 16px; margin: 6px 0px 65px 18px; letter-spacing: 0.025em; position: relative; color: #444444; } .service_nabor_main .title-sub:before { content: ""; width: 7px; height: 7px; position: absolute; top: 6px; left: -15px; background-color: #000; border-radius: 50px; } .service_nabor_main .iblock3 .num-list { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; display: flex; z-index: 2; position: relative } .service_nabor_main .iblock3 .uslugi_imeges-info_service { width: 100%; margin: 60px 0px 60px 0px; } .service_nabor_main .iblock3 .uslugi_img_info { width: 70%; display: flex; margin: 0px auto; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .service_nabor_main .iblock3 .uslugi_img_info img { max-width: 100%; width: 100%; height: auto; } .service_nabor_main .iblock3 .uslugi_img_info .caption { font-size: 16px; line-height: 1.3; font-weight: 700; text-align: left; color: #222222; opacity: 0.5; margin-top: 15px; } .dobronew .iblock3 .num-list { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; display: flex; z-index: 2; position: relative } .service_nabor_main .iblock3 .num-list .item { width: 350px; padding-bottom: 45px } .service_nabor_main .iblock3 .num-list .item .num { color: var(--primary-d_color); text-align: left; font-size: 22px; font-weight: 700; margin-bottom: 10px; position: relative; } .service_nabor_main .iblock3 .num-list .item .num:before { content: ""; width: 90%; height: 3px; background-color: var(--primary-d_color); position: absolute; right: 10px; bottom: 15px; } .service_nabor_main .iblock3 .num-list .item .name { font-size: 25px; font-weight: 700; margin-bottom: 10px } .service_nabor_main .iblock3 .num-list .item .name a{ color: #E84E0F; text-decoration: none !important; transition: color 270ms ease; position: relative; } .service_nabor_main .iblock3 .num-list .item .name a:before{ content: ""; width: 100%; height: 2px; background-color: #E84E0F; position: absolute; bottom: -3px; left: 0px; transition: all 270ms ease; } .service_nabor_main .iblock3 .num-list .item .name a:hover{ color: #000 !important; } .service_nabor_main .iblock3 .num-list .item .name a:hover:before{ width: 105%; background-color: #000; } .service_nabor_main .iblock3 .title-sub h5 { font-size: 30px; font-weight: 700; line-height: 1.3; margin-bottom: 20px; } .service_nabor_main .iblock3 .num-list .item .text { font-size: 21px; color: #444444; font-weight: 700; line-height: 1.2 } /*START-BLOCK QUOTE SERVICE*/ .service_nabor_main .iblock3 .ftext { max-width: 50%; font-size: 18px; font-weight: 700; border-radius: 8px; position: relative; background-color: var(--primary-d_color); padding: 40px; } .service_nabor_main .ftext .news_elements_d-quote_autor { display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; position: relative; z-index: 5; } .service_nabor_main .ftext .news_elements_d-quote_autor p{ max-width: 161px; font-size: 16px !important; font-weight: 900; color: var(--text-d_color); line-height: 1.4; letter-spacing: 0.01em; margin: 0px !important; } .ftext .news_elements_d-quote_autor img { width: 63px; height: 63px; margin: 0px 15px 0px 0px; } .service_nabor_main .iblock3 .ftext p, .service_nabor_main .iblock7 .text p { margin: 0 0 20px; color: #624500; } .service_nabor_main .iblock3 .img { position: absolute; right: -30px; bottom: 290px; z-index: 0 } /*--END---FIVE-Screen----NABOR SERVICE--Component--*/ /*-----------------------------------*/ /*--START---SIX-Screen----TRIGGER--Component--*/ .dobronew .trigger .trigger_color.color_img_black { /*background: url(/local/templates/dobrolov_new/css/../img/tbg1.jpg) center;*/ background-size: cover } .dobronew .trigger { height: 500px; position: relative; } .dobronew .trigger.trigger_top_nopadding { margin: 32px 0px 65px 0px; } .trigger-xl_3-d-section_main{ width: 100%; height: 896px; background-color: #F4F5F5; padding: 65px 0px 65px 0px; position: relative; } .trigger-xl_3-d-section_main:before{ content: ""; width: 100%; height: 120px; background-color: var(--primary-d_color); position: absolute; bottom: 0px; left: 0px; } .trigger-xl_3-d-section_main .trigger-xl_3-d-banner_main{ padding: 40px; } .trigger-xl_3-d-section_main .trigger-md_d-banner{ position: relative; z-index: 10; } .trigger-xl_3-d-section_main .trigger-md_d-headline{ width: 42%; } .trigger-xl_3-d-section_main .trigger-md_d-headline h2{ font-size: 62px; font-weight: 700; line-height: 1.1; } .trigger-xl_3-d-section_main .trigger-md_image{ width: 988px; height: 790px; position: relative; top: 0px; left: 0px; transform: translate(-6px, -70px); z-index: 1; } .trigger-xl_3-d-section_main .trigger_d-bubble_top{ width: 100%; height: auto; position: relative; top: 0px; left: 0px; transform: translate(10px, -800px); z-index: 5; } .trigger-xl_3-d-section_main .trigger-md_d-price_old{ width: 370px; display: inline-block; font-size: 30px; font-weight: 700; line-height: 1.3; color: #444; } .trigger-xl_3-d-section_main .trigger-md_d-price{ display: flex; align-items: flex-start; flex-direction: row; margin-top: 25px; position: relative; } .trigger-xl_3-d-section_main .trigger-md_d-price:before{ content: ""; height: 3px; width: calc((259px + 100vh)* 2); bottom: -12px; left: calc((0% - 100vh)*2); background-color: var(--accent-d_color); position: absolute; } .trigger-xl_3-d-section_main .trigger-md_d-price .trigger-md_d-link{ width: 148px; display: flex; align-items: center; flex-direction: row; cursor: pointer; } .trigger-xl_3-d-section_main .trigger-md_d-price .trigger-md_d-link a{ font-size: 18px; font-weight: 900; line-height: 2.2; color: var(--accent-d_color); text-decoration: none; } .trigger-xl_3-d-section_main .trigger-md_d-link .link_arrow_trigger{ width: 35px; height: 3px; background-color: var(--accent-d_color); position: relative; transform: translateX(10px) scale(1); transition: transform 300ms ease-out; } .trigger-xl_3-d-section_main .trigger-md_d-link .link_arrow_trigger:after, .trigger-xl_3-d-section_main .trigger-md_d-link .link_arrow_trigger:before{ content: ""; width: 15px; height: 3px; background-color: var(--accent-d_color); position: absolute; top: -5px; right: -1px; transform: rotate(45deg); } .trigger-xl_3-d-section_main .trigger-md_d-link .link_arrow_trigger:before{ top: 5px; right: -1px; transform: rotate(-45deg); } .trigger-xl_3-d-section_main .trigger-md_d-link .trigger-md_d-link:hover .link_arrow_trigger{ transform: translateX(10px) scaleX(1.3); } /*Trigger-Bubble*/ .trigger-xl_3-d-section_main .trigger_d-bubble_top .d-rnd_trigger_1{ position: relative; top: 0px; right: 0px; transform: translate(620px, -243px); } .trigger-xl_3-d-section_main .trigger_d-bubble_top .d-rnd_trigger_4{ position: relative; top: 0px; right: 0px; transform: translate(880px, 305px); } .dobronew .trigger .trigger_text h3 { font-size: 45px; margin: 0; padding: 0 0 20px; font-weight: 900 } .dobronew .trigger .trigger_text.trigger_text3, .dobronew .trigger .trigger_text.trigger_text_left { height: 285px; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; display: flex } .dobronew .trigger .trigger_text.trigger_text_left { text-align: left; padding: 0 0 0 20px; color: #fff } .dobronew .trigger .trigger_text.trigger_text3 { padding: 0 !important; color: #000 !important } .dobronew .trigger .trigger_text.trigger_text2 { font-size: 24px } .dobronew .trigger .trigger_text.trigger_text2 b, .dobronew .trigger .trigger_text.trigger_text2 h3 { color: #e47839 } .dobronew .trigger .trigger_text.trigger_text2 > div.trigger_text_col2 { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; display: flex } .dobronew .trigger .trigger_text.trigger_text2 > div.trigger_text_col2 p { width: 50%; padding-bottom: 20px } .dobronew .trigger .trigger_text.trigger_text_no_cloud { display: flex; flex-direction: column; color: #fff; padding: 0 0 50px 115px } /*--END---SIX-Screen----TRIGGER--Component--*/ /*-----------------------------------*/ /*--START---FIVE--TRIGGER--Component--*/ .trigger_main_5 .img_block img{ transform: scale(1.5); } .trigger_main_5 .trigger_in .left:after{ content: ""; width: 220px; height: 220px; position: absolute; top: 210px; left: 138px; z-index: 0; background: linear-gradient(298deg, #ffffff, #1999ce); animation: lighting_artigle_trigger 900ms ease infinite; animation-direction: alternate-reverse; } .trigger_main_5 .trigger_text .headline_trigger{ width: 100%; display: block; font-size: 52px; line-height: 1.2; font-weight: 700; letter-spacing: 0em; color: #080808 !important; position: relative; margin-bottom: 24px !important; } .trigger_main_5 .trigger_text .description_trigger{ width: 90% !important; font-size: 26px !important; line-height: 1.3 !important; font-weight: 700 !important; color: var(--accent-d_color) !important; margin-top: 10px !important; } /*--END---FIVE--TRIGGER--Component--*/ /*-----------------------------------*/ /*--START---SEVEN-Screen----KOMPLEKS--Component--*/ .service_6v2_kompleks_main{ width: 100%; position: relative; background-color: #FFF; margin: 0px 0px 10px 0px; padding: 90px 0px 80px 0px; } .service_6v2_kompleks_main .uslugi_h2_flex{ width: 100%; display: flex; align-items: flex-start; } .service_6v2_kompleks_main .uslugi_h2_flex .uslugi_h2_icon{ margin-right: 10px; margin-left: -2px; margin-top: 16px; width: 45px; height: 45px; } .service_6v2_kompleks_main .uslugi_h2_icon img { width: 45px; height: 45px; } .service_6v2_kompleks_main .title-orange{ max-width: 67%; font-size: 48px; line-height: 1.2; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 10px 0px 32px 0px; } .service_6v2_kompleks_main .title-sub{ max-width: 60%; font-size: 21px; font-weight: 700; line-height: 1.4; color: #444; margin: 3px 0px 90px 0px; } .service_6v2_kompleks_main .title-sub a{ padding: 0px 5px; text-decoration: none; position: relative; } .service_6v2_kompleks_main .title-sub a:hover{ color: var(--accent-d_color); } .service_6v2_kompleks_main .title-sub a:before{ content: ""; width: 100%; height: 3px; background-color: var(--accent-d_color); position: absolute; bottom: -5px; left: 4px; transform: scaleX(0); transform-origin: 0% 50%; transition: transform 300ms ease-out; } .service_6v2_kompleks_main .title-sub a:hover:before{ transform: scaleX(1); } .service_6v2_kompleks_main .iblock6v2 .list, .service_6v2_kompleks_main .iblock6v2 .list .item { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; } .service_6v2_kompleks_main .iblock6v2 .list { justify-content: flex-start; } .service_6v2_kompleks_main .iblock6v2 .list .item { width: 40%; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; padding: 20px; background-color: var(--secondary-color); margin: 0px 32px 32px 0px; } .service_6v2_kompleks_main .iblock6v2 .list .item:hover .kompleks_arrow_link span{ transform: translateX(30px); } .service_6v2_kompleks_main .list .item .kompleks_item_img{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .service_6v2_kompleks_main .kompleks_item_img .kompleks_arrow_link{ display: flex; align-items: center; font-size: 18px; font-weight: 700; color: var(--primary-d_color); } .service_6v2_kompleks_main .kompleks_item_img .kompleks_arrow_link span{ width: 35px; height: 3px; background-color: var(--primary-d_color); position: relative; display: inline-block; transform: translateX(20px); transition: transform 300ms ease-out; } .service_6v2_kompleks_main .kompleks_item_img .kompleks_arrow_link span:after, .service_6v2_kompleks_main .kompleks_item_img .kompleks_arrow_link span:before{ content: ""; width: 15px; height: 3px; background-color: var(--primary-d_color); position: absolute; top: -5px; right: -1px; transform: rotate(45deg); } .service_6v2_kompleks_main .kompleks_item_img .kompleks_arrow_link span:before{ top: 5px; right: -1px; transform: rotate(-45deg); } .service_6v2_kompleks_main .iblock6v2 .list .item .text { font-size: 28px; font-weight: 700; line-height: 1.2; margin-top: 15px; } .service_6v2_kompleks_main .iblock6v2 .list .item .img { padding-right: 27px } .service_6v2_kompleks_main .iblock6v2 .list .item .img img { width: 45px } .service_6v2_kompleks_main .iblock6v2 .list .item .text span.href, .service_6v2_kompleks_main .iblock6v2 .list .item .text a { color: #222; text-decoration: none } .service_6v2_kompleks_main .iblock6v2 .ftext { font-size: 14px; text-align: center; font-weight: 700 } .service_6v2_kompleks_main .iblock6v2 .button { text-align: center } /*---UI-Button-Service--*/ .service_6v2_kompleks_main .iblock6v2 .button{ z-index: 10; position: relative; text-align: center; padding: 50px 0; } .service_6v2_kompleks_main .iblock6v2 .button .service_btn_1{ display: inline-block; background: #000; border-radius: 50px; color: #fff; text-decoration: none; padding: 0 30px; font-weight: 800; line-height: 45px; height: 45px; transition: background 300ms ease; white-space: nowrap; cursor: pointer; } .service_6v2_kompleks_main .iblock6v2 .button .service_btn_1:hover{ background: #E84E0F; } .service_6v2_kompleks_main .bubble_right .big_bubble_right{ width: 169px; height: 169px; transform: translate(260px, 60px); } .service_6v2_kompleks_main .bubble_right .small_bubble_right{ width: 51px; height: 51px; transform: translate(260px, -140px); } /*--END---SEVEN-Screen----KOMPLEKS--Component--*/ /*--------------------*/ /*--START---EIT----RECOMENDATION--Component--*/ .service_silstor_main{ width: 100%; position: relative; background-color: var(--primary-d_color); margin: 0px 0px 0px 0px; padding: 90px 0px 80px 0px; } .service_silstor_main .uslugi_h2_flex{ width: 100%; display: flex; align-items: flex-start; } .service_silstor_main .uslugi_h2_icon{ margin-right: 10px; margin-left: -2px; margin-top: 16px; width: 45px; height: 45px; } .service_silstor_main .title-orange{ max-width: 67%; font-size: 48px; line-height: 1.2; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 10px 0px 32px 0px; } .service_silstor_main .info-about{ max-width: 60%; font-size: 21px; line-height: 1.4; font-weight: 700; color: #624500; margin-top: 3px; } .service_silstor_main .info-about a{ padding: 0px 5px; text-decoration: none; position: relative; } .service_silstor_main .info-about a:hover{ color: var(--accent-d_color); } .service_silstor_main .info-about a:before{ content: ""; width: 100%; height: 3px; background-color: var(--accent-d_color); position: absolute; bottom: -3px; left: 4px; transform: scaleX(0); transform-origin: 0% 50%; transition: transform 300ms ease-out; } .service_silstor_main .info-about a:hover:before{ transform: scaleX(1); } .service_silstor_main .list{ max-width: 100%; margin-top: 80px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; } .service_silstor_main .list .item{ width: 42%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0px 45px 45px 0px; } .service_silstor_main .list .item .num{ width: 100%; font-size: 21px; font-weight: 700; color: #000; position: relative; } .service_silstor_main .list .item .num:before{ content: ""; width: 96%; height: 3px; background-color: #000; position: absolute; top: 0px; left: 0px; transform: translate(28px, 12px); } .service_silstor_main .list .item .item_headline{ font-size: 28px; font-weight: 700; color: #222; padding-left: 28px; } .service_silstor_main .list .item .text{ font-size: 21px; font-weight: 700; line-height: 1.3; margin-top: 8px; color: var(--text-d_color); padding-left: 28px; } /*--START---EIT----RECOMENDATION--Component--*/ /*--------------------*/ /*--START---NINE----SERTIFICATE--Component--*/ .service_sertification_main{ width: 100%; position: relative; background-color: var(--secondary-color); margin: 0px 0px 0px 0px; padding: 90px 0px 120px 0px; } .service_sertification_main .uslugi_h2_flex{ width: 100%; display: flex; align-items: flex-start; } .service_sertification_main .uslugi_h2_icon { margin-right: 10px; margin-left: -2px; margin-top: 16px; width: 45px; height: 45px; } .service_sertification_main .title-orange{ max-width: 67%; font-size: 48px; line-height: 1.2; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 10px 0px 32px 0px; } .service_sertification_main .otziv .info{ max-width: 60%; font-size: 21px; line-height: 1.4; font-weight: 700; color: var(--text-d_color); margin-top: 3px; } /*GALLERY*/ .service_sertification_main .otziv-block { margin-top: 90px; padding: 0 40px; position: relative } .service_sertification_main .otziv-block .item { width: 100%; height: 351px; text-align: center; position: relative; } .service_sertification_main .otziv-block .item:before { content: ""; width: 330px; height: 330px; background-color: var(--primary-d_color); border-radius: 500px; position: absolute; top: 9px; left: 17%; right: auto; z-index: 5; } .service_sertification_main .otziv-block .item a { position: relative; z-index: 15; } .service_sertification_main .otziv-block .item a:before { content: ""; width: 80px; height: 80px; border-radius: 300px; position: absolute; top: -203px; left: 42%; right: auto; z-index: 20; background: var(--primary-d_color) url(/local/components/bitrix/news.detail/templates/usluga/images/icons_plus.svg) no-repeat center center; opacity: 0; transform: scale(0.3); transition: all 350ms ease-out; } .service_sertification_main .otziv-block .item a:hover:before { opacity: 0.9; transform: scale(1); } .service_sertification_main .otziv-block .item img { width: 100%; height: 351px; object-fit: contain; margin: 0px auto; text-align: center; } .service_sertification_main .otziv-block .swiper-container { position: static; } .service_sertification_main .otziv-block .swiper-button-next, .service_sertification_main .otziv-block .swiper-button-prev { width: 30px; height: 40px; cursor: pointer; } /*Arrow Right*/ .service_sertification_main .otziv-block .swiper-button-next { right: 0; background: url(/local/templates/dobrolov_new/css/../img/right.svg) no-repeat center center; transition: background 280ms ease; z-index: 2; } .service_sertification_main .otziv-block .swiper-button-next:hover { right: 0; background: url(/local/templates/dobrolov_new/css/../img/right_black.svg) no-repeat center center; z-index: 6; } /*Arrow left*/ .service_sertification_main .otziv-block .swiper-button-prev { left: 0; background: url(/local/templates/dobrolov_new/css/../img/left.svg) no-repeat center center; transition: background 280ms ease; z-index: 2; } .service_sertification_main .otziv-block .swiper-button-prev:hover { left: 0; background: url(/local/templates/dobrolov_new/css/../img/left_black.svg) no-repeat center center; z-index: 6; } /*--END---NINE----SERTIFICATE--Component--*/ /*--------------------*/ /*--START---TEN----FAQ--Component--*/ .faq_section_main .cont_box-custom .wrapper { position: relative; max-width: 100%; padding-left: 0px; padding-right: 0px; } .service_nabor_main .iblock3 .img{ transform: scale(1.3); } .faq_section_main{ margin: 0px 0 !important; padding: 90px 0 !important; } .faq_section_main .cont_box-custom .wrapper .uslugi_h2_flex{ width: 100%; display: flex; align-items: flex-start; } .faq_section_main .cont_box-custom .wrapper .uslugi_h2_flex{ width: 100%; display: flex; align-items: flex-start; } .faq_section_main .cont_box-custom .uslugi_h2_flex .uslugi_h2_icon{ margin-right: 10px; margin-left: -2px; margin-top: 9px; width: 45px; height: 45px; } .faq_section_main .cont_box-custom .uslugi_h2_flex h2{ max-width: 80%; font-size: 48px; line-height: 1.1; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 10px 0px 32px 0px; } .faq_section_main .cont_box-custom .nfaq-video .nfaq_video_balls { left: 67px; top: -10px; } .faq_section_main .nfaq .nfaq-co{ transform: translateX(-60px); } .faq_section_main .nfaq-video_title { font-weight: 700; font-size: 16px; line-height: 40px; letter-spacing: 0em; margin-top: 5px; } /*--START--VIDEO--*/ .nfaq-video iframe { max-height: 291px; } .faq_section_main .nfaq-video_title { font-size: 18px; line-height: 1.2; color: #624500; } .faq_section_main .cont_box-custom .nfaq-video .nfaq_video_balls { top: -27px; z-index: 1; } .faq-section .wrapper .faq-items .acceptedAnswer { background: var(--secondary-color); } .faq-section .wrapper .faq-items .text { color: #222; font-size: 21px; font-weight: 400; line-height: 1.3; } /*--END---TEN----FAQ--Component--*/ /*--------------------*/ /*--START---GALLERY BLOCK 1 OBORUDOVAN--Component--*/ .ppb4_gallery_1{ width: 100%; position: relative; margin: 0px 0px 0px 0px; padding: 90px 0px 80px 0px; } .ppb4_gallery_1 .uslugi_h2_flex{ width: 100%; display: flex; align-items: flex-start; } .ppb4_gallery_1 .uslugi_h2_flex{ width: 100%; display: flex; align-items: flex-start; } .ppb4_gallery_1 .uslugi_h2_flex .uslugi_h2_icon { margin-right: 10px; margin-left: -2px; margin-top: 9px; width: 45px; height: 45px; } .ppb4_gallery_1 .uslugi_h2_flex h2 { max-width: 80%; font-size: 48px; line-height: 1.1; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 10px 0px 10px 0px; } .ppb4_gallery_1 .oborudovanie{ margin-top: 90px; margin-bottom: 110px; } /*--SLIDER--*/ .ppb4_gallery_1 .swiper-cube .swiper-slide-active, .ppb4_gallery_1 .swiper-cube .swiper-slide-next, .ppb4_gallery_1 .swiper-cube .swiper-slide-next + .swiper-slide, .ppb4_gallery_1 .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .ppb4_gallery_1 .product-swiper_oborudovanie{ overflow: hidden; padding-bottom: 80px; } .ppb4_gallery_1 .product-swiper_oborudovanie > .swiper-scrollbar { position: absolute; left: 1%; bottom: -18px; z-index: 50; height: 5px; width: 98%; background: rgba(0, 0, 0, .1); } .product-swiper_oborudovanie > .swiper-scrollbar .swiper-scrollbar-drag { background: var(--primary-d_color); border-radius: 0px; cursor: pointer; } .product-swiper_oborudovanie .swiper-wrapper .swiper-slide .get-img { text-align: center; width: 325px; height: 350px; display: inline-block; margin: 0 auto; position: relative; z-index: 20; transform: scale(1); transition: transform 300ms ease-out; } .product-swiper_oborudovanie .swiper-wrapper .swiper-slide{ color: #000; width: 275px; height: 457px; position: relative; padding: 0px 0px 22px 25px; box-sizing: border-box; } .product-swiper_oborudovanie .swiper-wrapper .swiper-slide:after { content: ""; width: 100%; height: 59%; background-color: #F6F6F6; position: absolute; bottom: 0px; left: 0px; z-index: 5; transition: height 400ms ease; } .product-swiper_oborudovanie .swiper-wrapper .swiper-slide:hover:after { height: 80%; } .product-swiper_oborudovanie .swiper-wrapper .swiper-slide:hover .get-img { transform: scale(0.80); } .product-swiper_oborudovanie .swiper-wrapper .swiper-slide:before { content: ""; width: 20px; height: 20px; position: absolute; top: 115px; right: 23px; opacity: 0; background: url(/local/components/dobrolov/index.preparation/templates/.default/./img/arrow.svg) center center no-repeat; transition: right 600ms ease, top 600ms ease, opacity 600ms ease; z-index: 20; } .product-swiper_oborudovanie .swiper-wrapper .swiper-slide:hover:before { top: 94px; right: 8px; opacity: 1; } .product-swiper_oborudovanie .swiper-slide .product-slide_headline .h4 { font-size: 22px; font-weight: 700; line-height: 1.2; position: relative; z-index: 20; } .product-swiper_oborudovanie .swiper-slide .product-slide_text span { font-size: 14px; font-weight: 700; position: relative; z-index: 20; } .product-swiper_oborudovanie .swiper-slide .product-slide_text > span { display: flex; flex-direction: column; flex-wrap: wrap; } .product-swiper_oborudovanie .swiper-slide .product-slide_text .prod_price { font-size: 18px; font-weight: 700; margin-top: 7px; letter-spacing: 0.04em; } /*--ARROW--*/ .product-swiper_oborudovanie .product-nav_slid { width: 97%; position: relative; } .product-swiper_oborudovanie .product-nav_position { width: 85px; position: absolute; right: -41px; top: 197px; z-index: 40; } .product-swiper_oborudovanie .swiper-button-next, .product-swiper_oborudovanie .swiper-container-rtl .swiper-button-next { background-image: url(/local/components/dobrolov/index.preparation/templates/.default/./img/Icons_arrow_sertif_next.svg) !important; background-position: center center; background-repeat: no-repeat; } .product-swiper_oborudovanie .swiper-container-rtl .swiper-button-prev, .product-swiper_oborudovanie .swiper-button-prev { background-image: url(/local/components/dobrolov/index.preparation/templates/.default/./img/Icons_arrow_sertif_prev.svg) !important; background-position: center center; background-repeat: no-repeat; } .product-swiper_oborudovanie .swiper-button-next.swiper-button-disabled, .product-swiper_oborudovanie .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .product-swiper_oborudovanie .swiper-button-next, .product-swiper_oborudovanie .swiper-button-prev { position: absolute; top: 50%; width: 27px !important; height: 44px !important; background-size: 14px 29px !important; margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } /*--END---GALLERY BLOCK 1 OBORUDOVAN--Component--*/ /*--------------------*/ /*--START---GALLERY BLOCK 2 FOTO--Component--*/ .ppb4_gallery_2{ width: 100%; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 60px 0px; } .ppb4_gallery_2 .uslugi_h2_flex{ width: 100%; display: flex; align-items: flex-start; } .ppb4_gallery_2 .uslugi_h2_flex{ width: 100%; display: flex; align-items: flex-start; } .ppb4_gallery_2 .uslugi_h2_flex .uslugi_h2_icon { margin-right: 10px; margin-left: -2px; margin-top: 9px; width: 45px; height: 45px; } .ppb4_gallery_2 .uslugi_h2_flex h2 { max-width: 80%; font-size: 48px; line-height: 1.1; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 10px 0px 10px 0px; } .ppb4_gallery_2 .object_foto_block{ margin-top: 90px; margin-bottom: 110px; } /*--SLIDER--*/ /*--START MAIN SLIDE--*/ .foto-swiper_object .swiper-wrapper .swiper-slide{ width: 100%; height: 100%; color: #000; position: relative; box-sizing: border-box; flex-shrink: 0; overflow: inherit !important; } .foto-swiper_object .swiper-wrapper .swiper-slide .item { text-align: left; width: 100%; height: 600px; margin: 0px 0px 40px 0px; position: relative; background-size: cover; transition: opacity 300ms ease; } .foto-swiper_object .swiper-wrapper .swiper-slide .item:hover { opacity: 0.7; } .foto-swiper_object .swiper-wrapper .swiper-slide .item a { position: relative; } .foto-swiper_object .swiper-wrapper .swiper-slide .item a:before { content: ""; width: 80px; height: 80px; border-radius: 300px; position: absolute; top: 42%; left: 42%; right: auto; z-index: 20; background: var(--primary-d_color) url(/local/components/bitrix/news.detail/templates/usluga/images/icons_plus.svg) no-repeat center center; opacity: 0; transform: scale(0.3); transition: all 350ms ease-out; } .foto-swiper_object .swiper-wrapper .swiper-slide .item a:hover:before { opacity: 0.95; transform: scale(1); } .foto-swiper_object .swiper-button-next, .foto-swiper_object .swiper-container-rtl .swiper-button-prev, .foto-swiper_object .swiper-button-prev, .foto-swiper_object.swiper-container-rtl .swiper-button-next { background-image: none; } .foto-swiper_object .swiper-button-next, .foto-swiper_object .swiper-button-prev { position: absolute; top: 50%; width: 27px !important; height: 44px !important; background-size: 14px 29px !important; margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .foto-swiper_object .swiper-button-next{ background-image: url(/local/components/dobrolov/index.akcii/templates/.default/img/Icons_arrow_sertif_next.svg) !important; background-position: center center; background-repeat: no-repeat; } .foto-swiper_object .swiper-button-prev{ background-image: url(/local/components/dobrolov/index.akcii/templates/.default/img/Icons_arrow_sertif_prev.svg) !important; background-position: center center; background-repeat: no-repeat; } /*SALE IMAGES OVERLAY*/ .foto-swiper_object .get-img:before { content: ""; width: 100%; height: 3px; background-color: var(--primary-d_color); position: absolute; bottom: 0px; left: 0px; z-index: 15; } .foto-swiper_object .swiper-slide_headline .h3{ width: 80%; display: inline-block; font-size: 21px; font-weight: 700; transition-delay: 450ms; } [data-animate] { opacity: 0; transition: all 900ms ease-out; } [data-animate="right"] { transform: translate3d(65px, 0, 0); } .foto-swiper_object .swiper-slide-active [data-animate] { opacity: 1; transform: none; } .foto-swiper_object .swiper-slide-next [data-animate] { opacity: 1; transform: none; } .foto-swiper_object .swiper-slide { opacity: 0; transition: opacity 1.1s ease-out; } .foto-swiper_object .swiper-slide-active { opacity: 1; transition: opacity 1.1s ease-out; } .foto-swiper_object .swiper-slide-prev { opacity: 0; transition: opacity 1.1s ease-out; } .foto-swiper_object .swiper-slide-next { opacity: 1; transition: opacity 1.1s ease-out; } /*SWIPER NAVIGATION*/ .foto-swiper_object .swiper-nav_main { width: 100%; max-width: 86px; height: 39px; position: absolute; bottom: -4px; right: 26px; z-index: 70; } .foto-swiper_object .swiper-nav_position .swiper-button-next, .foto-swiper_object .swiper-nav_position .swiper-button-prev { outline: none; } .foto-swiper_object .swiper-nav_position .swiper-button-next::after, .foto-swiper_object .swiper-nav_position .swiper-button-prev::after { content: ""; font-size: 28px; color: var(--primary-color); } .foto-swiper_object .swiper-button-next.swiper-button-disabled, .foto-swiper_object .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } /*--START TRIGGER V1--*/ .dobronew .trigger .trigger_in { max-width: var(--custom-d-grid); width: 100%; min-width: 320px; height: 500px; display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; padding: 0px var(--custop-d-padding); margin: 0px auto 0px auto; box-sizing: border-box; border-radius: 8px; background-color: var(--secondary-d_color) !important; overflow: hidden; } .dobronew .trigger .trigger_in.trigger_in_bottom { align-items: center; align-content: center; position: relative; z-index: 10; } .dobronew .trigger .trigger_color { width: 100%; height: 500px; } .dobronew .trigger .trigger_color.color_yellow { /*background: #fbba00*/ } .dobronew .trigger .trigger_color.color_img_blue { width: 100%; position: relative; } .dobronew .trigger .trigger_color.color_img_blue .trigger_in-bottom { width: 3500px; height: auto; display: none; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 4; } .dobronew .trigger .trigger_color.color_img_blue .trigger_text .h2_headline{ max-width: 86%; font-size: 62px; line-height: 1.1; font-weight: 700; letter-spacing: 0.025em; color: #0B0B0B; margin: 32px 0px 32px 0px; } .dobronew .trigger .trigger_color.color_img_blue .trigger_text .link_trigger_small{ font-size: 21px; font-weight: 700; line-height: 1; color: var(--accent-d_color); text-decoration: none; } /*--START -TRIGGER TEXT BLOCK--*/ .dobronew .trigger .trigger_text { padding: 0px 0 0 115px; font-size: 33px; line-height: 1.05; text-align: left } .dobronew .trigger .trigger_text .headline_trigger a { width: 100%; display: block; font-size: 52px; line-height: 1.2; font-weight: 700; letter-spacing: 0em; color: var(--accent-d_color); text-decoration: none; position: relative; margin-bottom: 24px; } .dobronew .trigger .trigger_text .headline_trigger a:before { content: ""; width: 100%; height: 4px; background-color: var(--accent-d_color); position: absolute; bottom: -9px; left: 0px; transform-origin: 0px 50%; transform: scaleX(0); transition: transform 350ms ease-out; } .dobronew .trigger .trigger_text .headline_trigger a:hover:before { transform: scaleX(1); } .dobronew .trigger .trigger_text .headline_trigger { font-size: 52px; line-height: 1.2; font-weight: 700; letter-spacing: 0em; color: #0B0B0B; text-decoration: none; } .dobronew .trigger .trigger_text .description_trigger{ width: 90%; font-size: 26px; line-height: 1.3; font-weight: 700; color: #0B0B0B; margin-top: 10px; } .dobronew .trigger .trigger_text .description_trigger a{ font-size: 26px; line-height: 1.3; display: inline-block; font-weight: 700; color: var(--accent-d_color); text-decoration: none; position: relative; padding: 0px 0px 5px 0px; } .dobronew .trigger .trigger_text .description_trigger a:before{ content: ""; width: 100%; height: 3px; background-color: var(--accent-d_color); position: absolute; bottom: 0px; left: 0px; transform: scaleX(0); transform-origin: 0% 50%; transition: transform 350ms ease; } .dobronew .trigger .trigger_text .description_trigger a:hover:before{ transform: scaleX(1); } /*--START LIST BLOCK TRIGGER--*/ .dobronew .trigger .trigger_text .listing_main_trigger{ width: 90%; margin-top: 32px; } .dobronew .trigger .trigger_text .listing_main_trigger ul{ font-size: 21px; font-weight: 700; letter-spacing: 0.02em; color: var(--text-d_color); list-style: none; padding-left: 25px; } .dobronew .trigger .trigger_text .listing_main_trigger .trigger_list{ width: 100%; margin: 0px 0px 26px 21px; position: relative; } .dobronew .trigger .trigger_text .listing_main_trigger .trigger_list:last-child{ margin-bottom: 0px; } .dobronew .trigger .trigger_text .listing_main_trigger .trigger_list:before{ content: " "; width: 12px; height: 12px; background-color: var(--primary-d_color); position: absolute; top: 24%; left: -20px; } /*--START PRICE BLOCK TRIGGER--*/ .trigger_text .trigger_btn_main{ margin-top: 30px; } .trigger .trigger_text .price_trigger{ width: 100%; margin: 23px 0px 28px 0px; position: relative; padding: 31px 0px 7px 0px; } .trigger .trigger_text .price_trigger:after{ content: "Цена"; width: 100%; font-size: 26px; line-height: 1.3; font-weight: 700; color: #0B0B0B; position: absolute; left: 0%; top: 0px; } .trigger .trigger_text .price_trigger:before{ content: ""; width: calc(100% + 30%); height: 3px; background-color: var(--accent-d_color); position: absolute; left: 0%; bottom: 0px; } .trigger .trigger_text .line_trigger{ width: calc(100% + 30%); height: 3px; display: inline-block; position: relative; z-index: 10; background-color: var(--accent-d_color); } .trigger .trigger_text .price_trigger p{ font-size: 26px; line-height: 1.3; font-weight: 700; color: #0B0B0B; } .trigger .trigger_text .price_trigger p span{ width: 33%; font-size: 45px; font-weight: 700; line-height: 1.1; color: var(--accent-d_color); } .trigger_text .price_trigger p.main_price_trigger span{ font-size: 55px; line-height: 1.3; font-weight: 700; color: var(--accent-d_color); letter-spacing: 0.03em; padding-right: 10px; } .trigger_text .price_trigger p.second_price_trigger{ margin-top: 6px; } .trigger_text .price_trigger p.second_price_trigger span{ font-size: 26px; line-height: 1.3; font-weight: 700; color: var(--accent-d_color); letter-spacing: 0.02em; padding-right: 5px; } .trigger_text .price_trigger p.main_price_trigger .rub_trigger, .trigger_text .price_trigger p.second_price_trigger .rub_trigger{ font-weight: 400 !important; } .dobronew .trigger .trigger_in .left { width: 40%; height: 404px; display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; flex-grow: 0; position: relative; } .dobronew .trigger .trigger_in .left:before { content: ""; width: 800px; height: 800px; background: linear-gradient(47deg, #e1e3e3 0%, #F4F5F5 100%); position: absolute; left: -7%; right: auto; top: 41px; border-radius: 860px; } .dobronew .trigger .trigger_in .left:after{ content: ""; width: 200px; height: 200px; position: absolute; top: 170px; left: 238px; z-index: 0; background: linear-gradient(298deg, #ffffff, #1999ce); animation: lighting_artigle_trigger 900ms ease infinite; animation-direction: alternate-reverse; } @keyframes lighting_artigle_trigger { 0% { transform: rotate(30deg) scale(1); filter: blur(calc(60px / 1)); opacity: 0.6; } 100% { transform: rotate(31deg) scale(1.1); filter: blur(calc(54px / 1)); opacity: 1; } } .dobronew .trigger .trigger_in .left img { max-width: 490px; width: 420px; height: auto; /*min-height: 370px;*/ vertical-align: middle; position: relative; z-index: 5; } ul.trigger_serv_top_list li { position: relative; list-style: none; } .trigger .trigger_cloud .trigger_text .trigger_h3{ max-width: 67%; font-size: 42px !important; font-weight: 900 !important; margin: 13px 0px 0px 0px !important; padding: 0 0 15px !important; line-height: 1; } .trigger .trigger_cloud .trigger_text .trigger_cloud_text{ max-width: 80%; font-size: 25px; font-weight: 700; line-height: 1.2; margin: 13px 0px 6px 0px; } .trigger .trigger_cloud .trigger_text .trigger_cloud_text:nth-child(2){ margin: 0px 0px 0px 0px !important; } .trigger .trigger_cloud .trigger_cloud_text .stng_d-reset{ font-weight: 900; } .trigger .trigger_cloud .trigger_text .trigger_cloud_small{ max-width: 80%; font-size: 18px; font-weight: 700; line-height: 1.1; color: #8a8a8b; position: relative; } .trigger .trigger_cloud .trigger_text .trigger_market_link{ max-width: 80%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .trigger .trigger_cloud .trigger_text .trigger_cloud_small_yandex{ max-width: 100%; height: 30px; display: flex; align-items: center; font-size: 16px; font-weight: 700; line-height: 1.1; color: #8a8a8b; position: relative; padding: 2px 0px 0px 15px; } /*--Icon TRIGGER--*/ .trigger .trigger_cloud .trigger_text .trigger_cloud_icon{ position: relative; height: 30px; } .trigger .trigger_cloud .trigger_text .trigger_cloud_icon img{ width: 100%; height: 30px; } .trigger .trigger_cloud .trigger_text .link_trigger_small{ font-size: 16px; font-weight: 700; line-height: 1; color: var(--accent-d_color); text-decoration: none; } .trigger .trigger_cloud .trigger_text .trigger_small{ font-size: 16px; font-weight: 700; line-height: 1; color: #5E5E5E; margin-left: 20px; } .trigger_cloud .trigger_cloud_small .target_cloud_link{ color: #8a8a8b; text-decoration: none; line-height: 1.5; position: relative; transition: color 150ms ease; } .trigger_cloud .trigger_cloud_small .target_cloud_link:before{ content: ""; width: 100%; height: 3px; background-color:#E84E0F; position: absolute; bottom: -1px; left: 0px; } .trigger_cloud .trigger_cloud_small .target_cloud_link:hover{ color:#E84E0F; } .trigger .trigger_cloud .trigger_text ul{ list-style: none; } /*--BUTTON TRIGGER--*/ .trigger .trigger_cloud .trigger_btn_prod{ padding: 25px 50px; font-size: 18px; font-weight: 400; letter-spacing: 0.05rem; line-height: 1; color: #fff; display: inline-block; text-decoration: none; background-color: var(--accent-d_color); border-radius: 55px; transition: backround-color 400ms ease-in; } .trigger .trigger_cloud .trigger_btn_prod:hover{ background-color: #080808; } .dobronew .trigger .right{ width: 50%; } .dobronew .trigger .trigger_cloud { /*background: url(/local/templates/dobrolov_new/img/tcloud.svg) no-repeat center bottom;*/ width: 100%; height: auto; } .dobronew .trigger .trigger_cloud.trigger_cloud_min { background-size: 540px auto; position: relative } .dobronew .trigger .img_right_bottom { position: absolute; bottom: 0; right: 20px } .dobronew .trigger .img_right_bottom img { vertical-align: top } .dobronew .iblock5v2 .bg-img .iblock5_trigger_img{ max-width: 1179px; height: 294px; position: absolute; top: -52px; left: -92px; right: auto; } .dobronew .pressa-video, .dobronew .trigger .trigger_text.trigger_text_no_cloud p, .dobronew .v-title { padding-bottom: 20px } /*--START BLOCK VIDEO-FOOTER--*/ /*Video block*/ .video_block_footer{ width: 100%; height: auto; margin: 80px 0px 80px 0px; } .video_service-code{ width: 1002px; height: 561px; margin: 60px auto 280px auto; position: relative; z-index: 6; } .video_service-code:before{ content: ""; max-width: 612px; height: 612px; background-color: #FBBA00; position: absolute; top: -22px; left: 20%; right: 0; border-radius: 100%; z-index: -2; } .video_service_description{ display: flex; justify-content: space-between; align-items: baseline; } .video_service_description p { max-width: 39%; } .video_service_description a{ font-size: 18px; font-weight: 700; color: #fbba00; text-decoration: none; position: relative; padding-right: 60px; } .video_service_description .arrow_service img{ width: 36px; height: 22px; position: absolute; top: 2px; left: 95px; transition: left 300ms ease; } .video_service_description a:hover .arrow_service img{ left: 104px; } /* === DESKTOP FIRST === */ /* xl <= Extra Full Large (xxxl) */ @media (max-width : 1920px) { /**/ } /* xl <= Extra extra large (xxl) */ @media (max-width : 1530px) { /*--START---One-Screen----Service--Component--*/ /*Content - Element Lebedev_block*/ .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright { font-size: 14px; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev { padding-right: 4px; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright img { left: -110px; } /*--Content - Element--Bubble---*/ .service_one_d-section_main .service_one_d-element_bubbles{ z-index: 10; } /*--Element--Bubble-XL-2-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_2{ width: 156px; top: 284px; right: 0px; } /*--END---One-Screen----Service--Component--*/ /*-------------------------*/ /*--Two-Screen----Price--Headline--*/ .service_price_d-section_main .price_d-headline h2{ max-width: 50%; } /*-------------------------*/ /*--Trigger----MD--Headline--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline h2{ max-width: 90%; } /*-------------------------*/ /*---START---FIFE-Screen----Complex_Processing--Component--*/ /*---Block Link*/ .service_complex-process_d-section_main .services_content_d-inner_main .service-complex-process_link .link-stap_item{ align-items: stretch; } } /* xl <= Extra extra large (xxl) */ @media (max-width : 1400px) { /*--START---One-Screen----Service--Component--*/ /*Content - Element Icons_Advantage*/ .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage .one_d-advantage { padding-right: 40px; } /*Content - Element Lebedev_block*/ .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev { padding-right: 0px; } /*--Element--Bubble-XL-1-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_1{ width: 206px; top: 307px; left: 277px; } /*Content - Element Description*/ .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description p { line-height: 1.1; } /*--END---One-Screen----Service--Component--*/ /*----------------------------*/ /*--START---Trigger----MD------*/ /*--Icon---Virus-3*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-virus_md_trigger_3{ left: 44%; } /*--END---Trigger----MD------*/ /*----------------------------*/ /*--Two-Screen----Price--Text--*/ /*--Price Offers*/ .service_price_d-section_main .service_d-text_block h3{ line-height: 1.2; } /*-------------------------------*/ /*--START---FOUR-Screen----How_We_Work--Component--*/ /*---Bubble*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .stap_d-bubble .d-stap_md_1{ top: 121px; left: -9px; } } /* lg <= Extra large (xl)*/ @media (max-width : 1200px) { /*--START---One-Screen----Service--Component--*/ /*--Element--Bubble-XL-1-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_1 { width: 160px; top: 316px; left: 219px; } /*--Element--Bubble-XL-2-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_2 { width: 120px; top: 295px; right: -28px; } /*--Element--Bubble-XL-5-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_5 { width: 75px; top: 520px; right: 93px; } /*--Element--Bubble-XL-3-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_3 { width: 100px; top: 460px; right: 334px; } /*--END---One-Screen----Service--Component--*/ /*----------------------------*/ /*--START---Trigger----MD------*/ .trigger-md_d-section_main .trigger-md_d-banner_main { padding: 54px 0px; } /*--Icon---Virus-3*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-virus_md_trigger_3 { left: 36%; top: -4px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_2 { right: 410px; top: -109px; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-right .trigger_d-bubble .d-virus_md_trigger_2{ display: none; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-right .trigger_d-bubble .d-virus_md_trigger_1 { display: none; } /*--Trigger----MD--Headline--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline { width: 62%; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline h2 { line-height: 1.1; } /*---Trigger----MD--Right--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-right { width: 38%; background-size: contain; } /*--Trigger----MD--Image--*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image { width: 578px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image img{ width: 517px; height: auto; } /*--------------------*/ /*--START---Two-Screen----Price--Component--*/ /*--Two-Screen----Price--Headline--*/ .service_price_d-section_main .price_d-headline h2 { width: 55%; line-height: 1.1; } /*----------------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ /*---Left block*/ .service_сonducting_d-section_main .сonducting_d-headline h2 { max-width: 63%; line-height: 1.1; } /*---STAP*/ .service_сonducting_d-section_main .service_d-stap-container .d-stap_item .d-stap h4 { line-height: 1.1; } /*------------------------------*/ /*--START---FOUR-Screen----How_We_Work--Component--*/ /*----Headline--H2*/ .service_how-we-work_d-section_main .how-we-work_d-headline h2 { max-width: 55%; line-height: 1.1; } /*---Illustration*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .d-stap_img { width: 470px; } /*---Circle*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img:before { max-width: 545px; height: 545px; top: 39px; left: 45px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .stap_d-bubble .d-stap_md_1 { width: 130px; top: 157px; left: -17px; } /*--------------------*/ /*---START---FIFE-Screen----Complex_Processing--Component--*/ /*---Headline*/ .service_complex-process_d-section_main .complex-process_d-headline h2 { max-width: 55%; line-height: 1.1; } .service_complex-process_d-section_main .services_content_d-inner_main .service-complex-process_link .link-stap_item .link-stap h4 { line-height: 1.1; } /*---Bubble--XXL*/ .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xxl { width: 216px; height: 216px; top: 145px; left: -214px; } .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xl { width: 145px; height: 145px; top: -36px; left: -317px; } /*--------------------*/ /*--START---SEVEN-Screen----Disinfection_Products--Component--*/ /*----Headline--H2*/ .service_des-products_d-section_main .des-products_d-headline h2 { line-height: 1.1; } /*---Bubble--XXL*/ .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xxl { width: 216px; height: 216px; top: -67px; left: -256px; } .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xl { width: 145px; height: 145px; top: -157px; left: -73px; } /*--START TRIGGER V1--*/ .dobronew .trigger .trigger_in { width: 100%; } } /* md <= Large (lg) IPad-Air*/ @media (max-width : 1024px) { /*-------------------*/ /*--START---SITE STYLE---*/ /*---Service Components---Text---*/ .service_сonducting_d-section_main .service_d-text_block .service_article_d-text { max-width: 100%; } /*-------------------*/ /*--Start----Content-TOP - Breadcrumbs*/ .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs a { font-size: 20px; letter-spacing: 0.05em; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs.active { font-size: 20px; letter-spacing: 0.05em; } .service_one_d-content-top .service_components_d-btn_back { font-size: 20px; letter-spacing: 0.035em; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs::before { width: 16px; height: 16px; background-size: contain; } /*------------------------------------*/ /*--START---One-Screen----Service--Component--*/ .service_one_d-section_main .service_d-h1 { font-size: var(--h1-d_size); } /*Content - Element Icons_Advantage*/ .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage .one_d-advantage svg { width: 45px; height: 45px; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage .one_d-advantage { padding-right: 20px; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage { margin-top: -116px; } /*Content - Element Description*/ .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description p { font-size: 22px; line-height: 1.1; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description { max-width: 76%; } /*Element Button-----V2*/ .service_one_d-section_main .service_btn_main { padding: 16px 25px; font-size: 22px; margin-top: 22px; } /*Content - Element Hero_Illustration*/ .service_one_d-section_main .service_one_d-hero_illustration .one_d-hero_illustration{ width: 600px; height: auto; } .service_one_d-section_main .service_one_d-hero_illustration picture img{ width: 600px; height: auto; } /*Content - Element Lebedev_block*/ .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright { font-size: 13px; letter-spacing: 0.01em; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev .d_als-copyright img { left: -103px; } .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev .d-advantage_lebedev { padding-right: 6px; } /*Content - Element Bubble_Main*/ .service_one_d-section_main .service_one_d-bubble_main .one_d-bubble_main { transform: translate( -620px, 299px); } /*--Element--Bubble-XL-1-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_1 { top: 276px; left: 102px; } /*--Element--Bubble-XL-2-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_2 { top: 159px; right: -16px; } /*--Element--Bubble-MD-1-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_5 { top: 364px; right: 77px; } .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_3 { top: 396px; right: 280px; } /*--------------------*/ /*--START---Two-Screen----Price--Component--*/ .service_price_d-section_main { padding: 265px 0px 0px 0px; } /*--Two-Screen----Price--Headline--*/ .service_price_d-section_main .price_d-headline h2 { max-width: 58%; } .service_price_d-section_main .price_d-headline picture img { width: 170px; margin: -15px 0px 0px 0px; } /*--Price Offers*/ .service_price_d-section_main .price_d-right_offer { padding-top: 5px; } .service_price_d-section_main .service_d-text_block h3 { font-size: 18px !important; } .service_price_d-section_main .service_d-text_block .service_article_d-text { max-width: 58%; } /*----------------------------*/ /*--START---Trigger----MD------*/ /*--Trigger----MD--Image--*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image img { width: 457px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image { width: 457px; top: 21%; right: 15px; } /*--Trigger----MD--Headline--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline h2 { max-width: 85%; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline { width: 73%; } /*--Trigger----Bubble*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_2 { width: 242px; right: 330px; top: -13px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_4 { bottom: -25px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_3 { top: 16px; left: 165px; } /*----------------------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ /*---Right block*/ /*--Right - Sidebar BOTTOM - Link Anchors--*/ .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link a { padding-right: 19px; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link-line { top: -3px; } .service_сonducting_d-section_main .сonducting_d-headline h2 { max-width: 85%; } /*--------------------*/ section.banner_service_block .article-banner_news .article-banner_description h6 { max-width: 282px; } section.banner_service_block .artigle-banner_img-main .article-banner_news_title h5 { flex: 0 0 97%; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product:before { height: 160px; left: -150px; width: 160px; top: 29px; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product .article-banner_img-past { width: 228px; height: 150px; left: -186px; top: 14px; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product:after { left: -142px; top: 52px; } section.banner_service_block .artigle-banner_img-main .article-banner_news_icons_product:before { left: -154px; top: 132px; } /*-End---Banner-Section Main-*/ /*--START---FOUR-Screen----How_We_Work--Component--*/ /*---Circle*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img:before { max-width: 476px; height: 476px; top: 59px; left: 41px; } /*---Bubble*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .stap_d-bubble .d-stap_md_1 { width: 120px; top: 134px; left: -35px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container { margin-bottom: 0px; } /*-------------------------------------------------*/ /*---START---FIFE-Screen----Complex_Processing--Component--*/ /*---Service Components---Text---*/ .service-complex-process .service_d-text_block .service_article_d-text { max-width: 60%; } /*---Bubble*/ .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble { width: 28%; } .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_sm { top: -174px; left: -184px; } /*---Bubble--XXL*/ .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xl { width: 120px; height: 120px; top: -69px; left: -255px; } .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xxl { width: 180px; height: 180px; top: 68px; left: -205px; } /*---------------------------*/ /*--START---SEVEN-Screen----Disinfection_Products--Component--*/ /*---Bubble--SM*/ .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_sm { top: -302px; left: 60px; } /*---Bubble--XXL*/ .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xl { width: 120px; height: 120px; top: -198px; left: -49px; } .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xxl { width: 180px; height: 180px; top: -78px; left: -134px; } /*--START---FIVE-Screen----NABOR SERVICE--Component--*/ .service_nabor_main .iblock3 .num-list .item .text { font-size: 21px; } .service_nabor_main .iblock3 .ftext { max-width: 550px; } .service_nabor_main .iblock3 .num-list { justify-content: space-between; } .service_nabor_main .iblock3 .num-list .item { width: 309px; padding-right: 20px; box-sizing: border-box; } /*Img Trigger*/ .dobronew .trigger .trigger_in .left img { max-height: 331px; vertical-align: middle; } } /*--END---FIVE-Screen----NABOR SERVICE--Component--*/ /*--------------------------------*/ /* md <= Large (lg) IPad-Air*/ @media (max-width : 992px) { /*--START---One-Screen----Service--Component--*/ /*Content - Element Lebedev_block*/ .service_one_d-section_main .service_one_d-main_advantage .one_d-advantage_lebedev{ display: none; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage { display: none; } .dobronew .main-image { /*background: url(/local/templates/dobrolov_new/css/../img/bg-top-mobile.jpg) center top #01020a;*/ background-repeat: no-repeat; background-size: auto; } .dobronew .one_d-hero_illustration { background: url(/local/templates/dobrolov_new/css/../img/bg-top-mobile.jpg) center top #01020a; background-repeat: no-repeat; background-size: auto; } /*Content - Element Description*/ .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description { max-width: 100%; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description p { font-size: 26px; line-height: 1.2; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-advantage .one_d-advantage{ width: 100px; } /*--Content - Element--Hero_Illustration---*/ .service_one_d-section_main .service_one_d-hero_illustration{ top: 140px; } /*--Content - Element--Bubble---*/ /*--Element--Bubble-XL-1-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_1 { top: 235px; left: 62px; } /*--Element--Bubble-XL-4-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_4 { top: 402px; left: -2px; } /*--Element--Bubble-XL-3-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_3 { top: 458px; right: 368px; } .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_5 { top: 259px; right: -1px; } .one-section .icons-b_main_block { bottom: 175px; } /*------------------------------------*/ /*--START---Two-Screen----Price--Component--*/ .service_price_d-section_main { padding: 343px 0px 0px 0px; } /*--Two-Screen----Price--Headline--*/ .service_price_d-section_main .price_d-headline h2 { max-width: 70%; width: 70%; } .service_price_d-section_main .price_d-headline picture img { width: 150px; margin: 14px 0px 0px 0px; } .service_price_d-section_main .service_d-text_block .service_article_d-text { max-width: 73%; } /*---Service Components---Text---*/ .service_price_d-section_main .service_d-text_block { flex-direction: column; justify-content: inherit; } .service_price_d-section_main .price_d-right_offer { width: 65%; margin-top: 45px; } .service_price_d-section_main .service_d-text_block h3 { font-size: 25px !important; } /*--------------------------------*/ /*--START---Trigger----MD--Component--*/ .trigger-md_d-section_main .trigger-md_d-banner { max-height: 300px; padding: 25px; } /*--Trigger----MD--Headline--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline { width: 100%; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-right { width: 2%; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline h2 { max-width: 70%; } /*--Trigger----MD--Image--*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image { width: 330px; top: 27%; right: 7px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image img { width: 330px; } /*--Trigger----MD--Price-New-*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_new { font-size: 45px; } /*--Trigger----MD--Price-Old-*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old { font-size: 32px; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old:before { width: 70%; top: 19%; } /*--Trigger----MD--Bubble-SM-*/ /*--Bubble-SM-2*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-right .trigger_d-bubble .d-bubble_md_trigger { top: -45px; right: -8px; } /*--Bubble-SM-3*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_3 { top: 8px; left: 135px; display: none; } /*--Trigger----MD--Bubble-SM-*/ /*--Bubble-SM-2*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_2 { width: 239px; right: 39px; top: 101px; z-index: 2; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-virus_md_trigger_3 { width: 130px; height: 130px; left: 17%; top: -17px; transform: rotate(116deg); } /*-----------------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ /*--Description Headline--H2*/ .services_content_d-inner_main .service_d-text_block .сonducting_d-headline h2{ margin-top: 70px; } /*---Left block*/ .service_сonducting_d-section_main .сonducting_d-headline h2 { max-width: 80%; } .service_сonducting_d-section_main .services_content_d-inner_main { flex-direction: column-reverse; align-items: initial; } .service_сonducting_d-section_main .сonducting_d-headline .headline__description { font-size: 18px; } /*---------------------------------*/ /*--START---FOUR-Screen----How_We_Work--Component--*/ /*----Headline--H2*/ .service_how-we-work_d-section_main .how-we-work_d-headline h2 { max-width: 80%; } .service_how-we-work_d-section_main .how-we-work_d-headline .headline__description { max-width: 600px; font-size: 18px; } /*---Illustration*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .d-stap_img { width: 375px; height: auto; margin: 0px auto 45px 7px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img { padding-left: 20px; } /*---Circle*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img:before { max-width: 405px; height: 405px; top: 9px; left: -8px; } /*---Bubble*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .stap_d-bubble .d-stap_md_1 { width: 100px; top: 40px; left: -18px; } /*---STAP*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container { flex-direction: column; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_row { width: 100%; flex-direction: row; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_row .d-stap { width: 46%; margin-bottom: 0px; } /*---------------------------------*/ /*---START---FIFE-Screen----Complex_Processing--Component--*/ /*---Headline*/ .service_complex-process_d-section_main .complex-process_d-headline h2 { max-width: 80%; } /*---Service Components---Text---*/ .service-complex-process .service_d-text_block .service_article_d-text { max-width: 100%; } /*---Bubble*/ .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_sm { width: 45px; height: 45px; top: -138px; left: -68px; } .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xl { width: 100px; height: 100px; top: -213px; left: -66px; } .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xxl { display: none; } /*---Block Link*/ .service_complex-process_d-section_main .services_content_d-inner_main .service-complex-process_link .link-stap_item .link-stap { width: 42%; } /*-------------------------------------*/ /*--START---SEVEN-Screen----Disinfection_Products--Component--*/ /*----Headline--H2*/ .service_des-products_d-section_main .des-products_d-headline h2 { max-width: 80%; } .service_des-products_d-section_main .des-products_d-headline .headline__description { width: 54%; font-size: 18px; } /*---Bubble*/ .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_sm { top: -281px; left: 54px; } .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xl { top: -240px; left: -51px; } .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xxl { display: none; } .service_d-text_block .service_article_d-text { max-width: 68%; font-size: 25px !important; font-weight: 900; } /*--START---FIVE-Screen----NABOR SERVICE--Component--*/ .service_nabor_main .iblock3 .num-list { justify-content: space-around } .service_nabor_main .iblock3 .num-list .item .num { margin: 0 auto 23px } .service_nabor_main .iblock3 .num-list .item .name { text-align: center } .service_nabor_main .iblock3 .num-list .item .text { text-align: center } .service_nabor_main.iblock3 .img { display: none } /*--END---FIVE-Screen----NABOR SERVICE--Component--*/ /*--------------------------------*/ /*--START----SERTIFICATION BLOCK--*/ .service_sertification_main .otziv-block { margin-top: 30px } .service_sertification_main .otziv-block .item img { max-width: 100% } /*--END----SERTIFICATION BLOCK--*/ /*--START TRIGGER V1--*/ .dobronew .trigger .trigger_text.trigger_text_no_cloud { padding: 85px 0 0 } .dobronew .trigger .trigger_in { display: block } .dobronew .trigger .trigger_in .img_block { display: none } .dobronew .trigger .trigger_in .left { text-align: center; /*width: 40%;*/ flex-grow: 1 } .dobronew .trigger .trigger_in .left img { width: auto; height: auto; min-height: auto; max-height: 170px; vertical-align: top; } .dobronew .trigger .trigger_cloud { background-size: cover; width: 100%; max-width: 621px } .dobronew .trigger .trigger_text { padding-left: 0 !important; padding-right: 0 !important; text-align: center; width: 100% } .dobronew .trigger .text_block { height: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center } } /* sm <= Medium (md) IPad / IPad-Mini*/ @media (max-width : 768px) { /*--START---One-Screen----Service--Component--*/ /*--Element--Bubble-XL-1-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_1 { width: 135px; top: 268px; left: 98px; } /*-------------------------------------------------*/ /*---Service Components---Text---*/ .service_price_d-section_main .service_d-text_block .service_article_d-text { max-width: 100%; } /*--------------------------*/ /*--START---Trigger----MD--Component--*/ /*--Trigger----MD--Headline--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline h2 { max-width: 76%; } /*--Trigger----MD--Image--*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image { width: 280px; top: 35%; right: 10px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image img { width: 280px; } /*--Trigger----MD--Bubble-SM-*/ /*--Bubble-SM-2*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_2 { width: 239px; right: 6px; top: 104px; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-right .trigger_d-bubble .d-bubble_md_trigger { display: none; } /*--Icon---Virus-3*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-virus_md_trigger_3 { width: 97px; height: 97px; left: 39%; top: 12px; } /*---------------------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ /*---Right block*/ /*--Right - Sidebar BOTTOM - Link Anchors--*/ .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-headline { font-size: 25px; } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item .d-stap { width: 48%; } /*----------------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ /*---Left block*/ .service_сonducting_d-section_main .сonducting_d-headline h2 { max-width: 90%; } /*----------------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ /*----Headline--H2*/ .service_how-we-work_d-section_main .how-we-work_d-headline h2 { max-width: 90%; } /*---Left block*/ /*---STAP*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap { width: 48%; } /*---------------------------------*/ /*---START---FIFE-Screen----Complex_Processing--Component--*/ /*---Headline*/ .service_complex-process_d-section_main .complex-process_d-headline h2 { max-width: 85%; } /*--------------------*/ /*--START---SEVEN-Screen----Disinfection_Products--Component--*/ /*----Headline--H2*/ .service_des-products_d-section_main .des-products_d-headline h2 { max-width: 85%; } .service_d-text_block .service_article_d-text { max-width: 76%; } .service_des-products_d-section_main .service_d-stap-container .d-stap_item .d-stap { width: 48%; } } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (max-width : 576px) { /*---GRID Style---*/ .custom_d-grid_xl { padding: 0px 0.625rem; } /*--START---One-Screen----Service--Component--*/ /*Breadcrumb*/ .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs{ line-height: 1.3; margin-bottom: 10px; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs a{ font-size: 16px; margin: 0px 10px 0px 10px; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs:first-child a{ margin: 0px 10px 0px 0px; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs::before { padding: 0 12px 0px 0px; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs:last-child:before { padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px; } /*Content-TOP - Breadcrumbs Active*/ .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs.active{ font-size: 16px; align-items: flex-start; } .service_one_d-content-top .service_components_d-breadcrumbs .item_d-breadcrumbs.active:before{ margin-top: 2px; } .service_one_d-content-top .service_components_d-breadcrumbs { margin: 32px 0px 25px 0px; } /*Link prev*/ .service_one_d-content-top .service_components_d-btn_back { font-size: 16px; padding-left: 9px; } /*Content - Element H1*/ .service_one_d-section_main .service_d-h1 { width: 100%; font-size: var(--h1-d_size-lg-mobile); margin: 40px 0px 0px 0px; } /*Content - Element Description*/ .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description p { font-size: 18px; line-height: 1.3; } .service_one_d-section_main .service_one_d-main_advantage .service_one_d-description { margin-bottom: 45px; } /*--Cover--*/ .service_one_d-section_main { height: auto; margin-bottom: 200px; } .service_one_d-section_main .service_one_d-content { height: auto; } .dobronew .main-image { background: url(/local/templates/dobrolov_new/css/../img/bg-top_small_mob_2-min.webp) center top #02010a; background-repeat: no-repeat; background-size: auto; } /*--START CALCULATOR--*/ .service_one_d-section_main .service_d_calc { width: 100%; overflow: visible; margin-top: 220px; padding: 10px 15px; background-color: transparent; transform: translateX(0px); box-sizing: border-box; } /*ICONS SLIDER INSA BUBBLE*/ .high_service_main { height: 150px; transform: translateY(-50px); } .high_service_main .icons-b_main_block .icons_b-slide { overflow: visible !important; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon { width: 96px; } .high_service_main .icons-b_main_block { width: 92%; top: -47px; left: 8px; position: absolute; z-index: 120; padding: 0px 8px; overflow: hidden !important; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon .b_item_img { width: 56px; height: 56px; margin-bottom: 12px; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon img { width: 48px; height: 48px; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon .b_item_img::after { width: 64px; height: 64px; top: -4px; right: -4px; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon img { margin: 2px 18px 0px 18px; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon .b_item_img:before { width: 25px; height: 25px; top: 33px; left: 38px; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon:hover .b_item_img:after { width: 60px; height: 60px; top: -2px; right: -3px; } .high_service_main .icons-b_main_block .icons_b-slide .b_item-icon p { line-height: 1.2; font-size: 12px; font-weight: 700; letter-spacing: -0.04em; } /*ICONS SLIDER NEXT ARROW*/ .high_service_main .icons-b_main_block .product-nav_position .swiper-button-next { top: 43%; right: -10px; } /*ICONS SLIDER PREV ARROW*/ .high_service_main .icons-b_main_block .product-nav_position .swiper-button-prev{ top: 43%; left: -8px; } .wrapp-conv .conv_h .h2 { font-size: 31px; font-weight: 700; } .wrapp-conv .conv_h { flex-direction: column; } .wrapp-conv .conv_h .description { margin: 23px 0 0 18px; } .wrapp-conv .form__agree .agree_doctor-block .doctor-block_img { margin-top: -66px; } /*--AUTOR BLOCK--*/ .news_content_d-specialists_main { margin: 65px 0px 80px 0px; } .news_content_d-specialists_main .d-specialists a.service_autor_pic { width: 140px; } .news_content_d-specialists_main .d-specialists a.service_autor_pic img{ width: 140px; height: 142px; } .news_content_d-specialists_main .d-specialists a.service_autor_pic:before { width: 155px; height: 155px; top: -2px; left: -7.5%; } .news_d-autor-container_info .news_d-autor-info_name .h4_headline { font-size: 22px; font-weight: 900; } /*Element Button-----V2*/ .service_one_d-section_main .service_btn_main { padding: 13px 15px; font-size: 18px; } /*--Content - Element--Hero_Illustration---*/ .service_one_d-section_main .service_one_d-hero_illustration .one_d-hero_illustration { width: 384px; } .service_one_d-section_main .service_one_d-hero_illustration picture img { width: 410px; } .service_one_d-section_main .service_one_d-hero_illustration { display: none; } .service_one_d-section_main .mob_service-illustration { display: block; top: -230px; left: 0px; z-index: -5; } .service_one_d-section_main .mob_service-illustration .one_d-hero_illustration { width: 410px; height: 372px; background-size: cover !important; background-position: -2px -1px; background: transparent; } .service_one_d-content .service_d_calc form#calc { width: 100%; height: 100%; display: block; position: relative; z-index: 65; background-color: #fff; transform: translateY(120px); } .service_one_d-content .service_d_calc .app-calc-form:before{ content: ""; display: block; width: calc(100% + 50%); height: 100%; background-color: #fff; position: absolute; top: 0px; left: calc((-100% + 92%)* 2); z-index: -1; } .service_one_d-section_main .service_d_calc:before { height: 90%; z-index: 50; top: 20px; background: transparent; } /*Content - Element Bubble_Main*/ .service_one_d-section_main .service_one_d-bubble_main .one_d-bubble_main { display: none; } .service_one_d-section_main .service_one_d-bubble_main .one_d-bubble_s_main { display: inline-block; width: 430px; position: absolute; z-index: 150; bottom: 0px; left: 0px; transform: translate(-10px, 196px) scale(1.1); } /*--Element--Bubble-XL-2-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_2 { width: 105px; top: 141px; right: -16px; display: none; } /*--Element--Bubble-XL-1-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_1 { width: 120px; top: 219px; left: -19px; display: none; } /*--Element--Bubble-XL-5-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_5 { top: 258px; right: 94px; display: none; } .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_4 { width: 42px; top: 343px; left: 341px; display: none; } /*--Element--Bubble-XL-3-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_3 { display: none; } /*------------------------------------*/ /*--START---Two-Screen----Price--Component--*/ /*---Service Components---Text---*/ .service_price_d-section_main { padding: 20px 0px 0px 0px; margin: 15px 0px 65px 0px; } .service_price_d-section_main .price_d-headline { flex-direction: column-reverse; justify-content: flex-start; } .service_price_d-section_main .price_d-headline h2 { max-width: 95%; width: 95%; font-size: 30px; } /*--Two-Screen----Price--Headline--*/ .service_price_d-section_main .price_d-headline picture img { width: 220px; height: auto; margin: 2px 0px 45px 0px; } .service_d-text_block .service_article_d-text { font-size: 21px !important; } .service_price_d-section_main .price_d-right_offer { width: 95%; } .service_сonducting_d-section_main .what_will_I_get_title_after { font-size: 18px; } .service_сonducting_d-section_main .detailed_prices_title_after { max-width: 95%; font-size: 18px; } .service_сonducting_d-section_main table thead .header_table th:nth-child(3)::after { left: 11px !important; } /*--------------------------------*/ /*--START---Trigger----MD--Component--*/ .trigger-md_d-section_main { margin: 5px 0px; } .trigger-md_d-section_main .trigger-md_d-banner_main { padding: 20px 0px 0px 0px; } .trigger-md_d-section_main .trigger-md_d-banner { max-height: 471px; padding: 23px; flex-direction: column; } /*--Trigger----MD--Headline--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline h2 { font-size: 32px; max-width: 98%; line-height: 1; font-weight: 700; margin: 15px 0px 26px 0px; } /*--Trigger----MD--Price-New-*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_new { width: 40%; font-size: 32px; } /*--Trigger----MD--Price-Old-*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old { width: 60%; font-size: 24px; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old:before { width: 61%; height: 2px; top: 13px; } /*--Trigger----MD--Image--*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image img { width: 380px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image { width: 380px; top: 303px; right: 14px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_2 { width: 166px; right: 4px; top: 14px; transform: rotate(22deg); } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_4 { width: 72px; bottom: -79px; left: 10px; } .trigger-md_d-section_main .trigger-md_d-banner:before { width: 320px; height: 320px; border-radius: 400px; right: 43px; bottom: -150px; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old .trigger-md_d-price_sale { width: 147%; margin-top: 15px; font-size: 22px; transform: translateX(-151px); } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-rnd_trigger_1 { width: 120px; height: 120px; top: -44px; right: -7px; } /*--------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ .service_сonducting_d-section_main { margin: 65px 0px; } .service_сonducting_d-section_main h2 { max-width: 98%; font-size: 32px; letter-spacing: 0em; margin: 0px 0px 20px 0px; } .service_сonducting_d-section_main .table_title .h2 { font-size: 32px !important; font-weight: 700; transform: translateY(8px); } /*---------------------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link a { font-size: 18px; } .service_сonducting_d-section_main .services_content_d-inner_main .service_d-sidebar_anc-container .service_d-anc-sticky_link .service_d-anc_link .d-anc_link { margin-bottom: 25px; } /*------------------------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ .service_сonducting_d-section_main .сonducting_d-headline h2 { max-width: 95%; margin-top: 62px; } .services_content_d-inner_main .service_d-text_block .сonducting_d-headline h2 { margin-top: 62px; } /*---Left block*/ .service_сonducting_d-section_main .сonducting_d-headline h2 { font-size: 30px; } /*---STAP*/ .service_сonducting_d-section_main .service_d-stap-container .d-stap_item { justify-content: inherit; flex-direction: column; margin-bottom: 0px; } .service_сonducting_d-section_main .service_d-stap-container .d-stap_item .d-stap { width: 100%; margin-bottom: 62px; } /*------------------------------*/ /*-Start---Banner-Section Main-*/ section.banner_service_block .banner_block_main .article-banner_news { margin: 10px 0px 10px 0px !important; } section.banner_service_block .banner_block_main { flex-direction: column; justify-content: inherit; align-items: flex-start; } section.banner_service_block .banner_block_main .article-banner_news { width: 100% !important; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product:before { left: 83px; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product .article-banner_img-past { height: 170px !important; left: 47px; top: 1px; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product:after { left: 94px; } section.banner_service_block .artigle-banner_img-main .article-banner_news_icons_product:before { left: 88px; top: 134px; } section.banner_service_block .article-banner_news .article-banner_description h6 { max-width: 98%; } /*-End---Banner-Section Main-*/ /*------------------------------*/ /*--START---FOUR-Screen----How_We_Work--Component--*/ .service_how-we-work_d-section_main { margin: 0px 0px; padding: 35px 0px 18px 0px; } .service_how-we-work_d-section_main .how-we-work_d-headline h2 { max-width: 95%; font-size: 32px; margin: 45px 0px 32px 0px; } /*--Description Headline--H2*/ .service_how-we-work_d-section_main .how-we-work_d-headline .headline__description { max-width: 365px; margin: 3px 0px 45px 18px; } /*---STAP*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item { justify-content: inherit; flex-direction: column; margin-bottom: 0px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap { width: 100%; margin-bottom: 62px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_row { flex-direction: column; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_row .d-stap { width: 100%; margin-bottom: 62px; } .service_how-we-work_d-section_main .how-we-work_d-headline .uslugi_h2_icon { margin-top: 43px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap h4 { font-size: 25px; line-height: 1.2; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap:nth-child(4) { margin-bottom: 62px; } .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item .d-stap:nth-child(4) .d-stap_block { width: 100%; } /*---Illustration HERO*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_item-ill{ display: none; } /*---Illustration*/ /*---Circle*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img:before { max-width: 390px; height: 390px; top: 19px; left: -8px; } /*------------------------------*/ /*---START---FIFE-Screen----Complex_Processing--Component--*/ .service_complex-process_d-section_main { margin: 65px 0px; } .service_complex-process_d-section_main .complex-process_d-headline h2 { max-width: 80%; font-size: 30px; } /*---Block Link*/ .service_complex-process_d-section_main .services_content_d-inner_main .service-complex-process_link .link-stap_item { justify-content: inherit; flex-direction: column; margin-bottom: 0px; } .service_complex-process_d-section_main .services_content_d-inner_main .service-complex-process_link .link-stap_item .link-stap { width: 100%; box-sizing: border-box; margin-bottom: 45px; } /*-----------------------------------*/ /*--START---SEVEN-Screen----Disinfection_Products--Component--*/ .service_des-products_d-section_main { padding: 0px 0px 45px 0px; margin: 65px 0px; } /*----Headline--H2*/ .service_des-products_d-section_main .des-products_d-headline h2 { font-size: 30px; margin: 45px 0px 32px 0px; } .service_des-products_d-section_main .des-products_d-headline .headline__description { width: 98%; font-size: 18px; } /*--Element--Bubble-XL-2-*/ .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xl { width: 92px; height: 92px; top: -277px; left: -75px; } /*---Bubble*/ .service_des-products_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_sm { width: 40px; height: 40px; top: -213px; left: -18px; } .service_d-text_block .service_article_d-text { max-width: 100%; } /*---STAP*/ .service_des-products_d-section_main .service_d-stap-container .d-stap_item { justify-content: inherit; flex-direction: column; margin-bottom: 0px; } .service_des-products_d-section_main .service_d-stap-container .d-stap_item .d-stap { width: 100%; margin-bottom: 45px; } /*--START---FIVE-Screen----NABOR SERVICE--Component--*/ .service_nabor_main { padding: 80px 0px 0px 0px; } .service_nabor_main .iblock3 { padding: 65px 0px 0px 0px; margin-bottom: 80px; } .service_nabor_main .uslugi_h2_icon { margin-top: 7px; } .service_nabor_main .title-sub { width: 92%; font-size: 18px; letter-spacing: 0em; line-height: 1.3; } .service_nabor_main h2 { max-width: 100% !important; font-size: 32px !important; line-height: 1.1; font-weight: 700; letter-spacing: 0em; margin: 10px 0px 32px 0px; } .service_nabor_main .iblock3 .num-list { max-width: 100%; justify-content: inherit; align-items: flex-start; flex-direction: column; } .service_nabor_main .iblock3 .num-list .item { width: 100%; padding-bottom: 45px; margin-bottom: 32px; } .service_nabor_main .iblock3 .num-list .item:last-child { padding-bottom: 0px; margin-bottom: 0px; } .service_nabor_main .iblock3 .ftext p{ font-size: 18px; max-width: 100%; line-height: 1.3; } .service_nabor_main .ftext .news_elements_d-quote_autor p { font-size: 18px !important; } .service_nabor_main .iblock3 .num-list .item .text { font-size: 18px; } .service_nabor_main .iblock3 .uslugi_img_info img { width: 95%; } .service_nabor_main .iblock3 .uslugi_imeges-info_service { margin: 0px 0px 5px 0px; } section.banner_service_block { display: none; } .service_nabor_main .iblock3 .img { display: none; } .service_nabor_main .iblock3 .num-list .item .num { margin: 0 auto 11px; } .service_nabor_main .iblock3 .num-list .item .name { font-size: 25px; } /*--END---FIVE-Screen----NABOR SERVICE--Component--*/ /*--------------------------------*/ /*--START---Trigger----XL-3--Component--*/ .trigger-xl_3-d-section_main:before { height: 220px; } .trigger-xl_3-d-section_main .trigger-md_d-headline h2 { font-size: 32px; } .trigger-xl_3-d-section_main .trigger-xl_3-d-banner_main { padding: 0px; } .trigger-xl_3-d-section_main .trigger-md_d-headline { width: 94%; } .trigger-xl_3-d-section_main .trigger-md_d-price_old { width: 335px; font-size: 24px; line-height: 1.2; } .trigger-xl_3-d-section_main .trigger-md_d-price { flex-direction: column; margin-top: 15px; } .trigger-xl_3-d-section_main .trigger-md_d-price .trigger-md_d-link { width: 200px; margin-top: 50px; } .trigger-xl_3-d-section_main .trigger-md_image { width: 100%; transform: translate(-6px, 10px); } .trigger-xl_3-d-section_main .trigger-md_image img{ width: 890px; height: auto; } .trigger-xl_3-d-section_main .trigger_d-bubble_top .d-rnd_trigger_1 { display: none; } .trigger-xl_3-d-section_main .trigger_d-bubble_top .d-rnd_trigger_4 { transform: translate(35px, 152px); } .trigger-xl_3-d-section_main { padding: 65px 0px 70px 0px; } /*--END---Trigger----XL-3--Component--*/ /*-----------------------------------*/ /*--START TRIGGER V1--*/ .trigger .trigger_cloud .trigger_text .trigger_h3 { max-width: 95%; text-align: left; font-size: 32px !important; } .trigger .trigger_cloud .trigger_text .trigger_cloud_text { max-width: 95%; text-align: left; margin: 15px 0px 12px 0px; } .trigger .trigger_cloud .trigger_text .trigger_cloud_small { max-width: 100%; text-align: left; } .trigger_cloud .trigger_cloud_small .target_cloud_link { width: 100%; line-height: 1.2; white-space: nowrap; display: inline-block; padding: 10px 0px; } .trigger_cloud .trigger_cloud_small .target_cloud_link:before { bottom: 6px; } .dobronew .trigger.trigger_top_nopadding { margin: 5px 0px 35px 0px; } .dobronew .trigger .trigger_in { margin: 0 auto 0; } .dobronew .trigger { height: auto; position: relative; } .dobronew .trigger .trigger_color { height: auto; width: 100%; position: relative; bottom: 0px; } .dobronew .trigger .trigger_color.color_img_blue .trigger_in-bottom { width: 100%; height: 385px; } .dobronew .trigger .trigger_in { display: block; width: 100%; height: auto; padding: 35px var(--custop-d-padding); /*margin: -85px auto 0;*/ } .dobronew .trigger .trigger_in .img_block { width: 98%; height: 245px; display: flex; z-index: 5; padding-left: 10px!important; padding-right: 10px!important; box-sizing: border-box; justify-content: center; align-items: flex-end; } .dobronew .trigger .trigger_in .left img { max-height: 320px !important; width: 100%; vertical-align: top !important; object-fit: contain; } .dobronew .trigger .text_block { height: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; } .dobronew .trigger .trigger_cloud { margin-top: 20px; padding-top: 10px; /* background: url(/local/templates/dobrolov_new/img/tcloud.svg) no-repeat center top, linear-gradient(to bottom, rgba(30, 87, 153, 0) 150px, rgba(255, 255, 255, 1) 150px); */ background-size: 0%; width: 100%; height: auto; } .dobronew .trigger .trigger_text { padding-left: 0px !important; padding-right: 0px !important; text-align: left; width: 100%; box-sizing: border-box; } .dobronew .trigger .trigger_text_no_cloud { padding: 0px 0px 40px !important; } .dobronew .trigger .trigger_text.trigger_text_no_cloud p:first-child{ display: none; } .trigger_text.trigger_text_no_cloud p{ font-size: 25px !important; } .text_block .trigger_cloud .trigger_text .stng_d-reset { font-size: 25px; line-height: 1.1; } ul.trigger_serv_top_list li { font-size: 18px; line-height: 1.2; } .dobronew .trigger .trigger_in .left:before { display: none; } .dobronew .trigger .trigger_in .left:after { top: 70px; left: 130px; } .dobronew .trigger .text_block { width: 100%; } .dobronew .trigger .trigger_text .headline_trigger { font-size: 32px; text-align: left; } .dobronew .trigger .trigger_text .headline_trigger a { font-size: 32px; line-height: 1.2; } .dobronew .trigger .trigger_text .description_trigger a:hover:before { transform: scaleX(0); } .dobronew .trigger .trigger_text .description_trigger { width: 100%; font-size: 21px; text-align: left; } .trigger .trigger_text .line_trigger { width: 100%; margin: 0px 0px 17px 0px; } .trigger .trigger_text .price_trigger { margin: 30px 0px 20px 0px; } .trigger .trigger_text .price_trigger:after { font-size: 21px; text-align: left; } .trigger .trigger_text .price_trigger p { font-size: 21px; text-align: left; } .trigger_text .price_trigger p.main_price_trigger span { font-size: 32px; font-weight: 900; padding-right: 5px; } .trigger_text .price_trigger p.second_price_trigger span { font-size: 21px; font-weight: 900; } .trigger_text .price_trigger p.main_price_trigger .rub_trigger, .trigger_text .price_trigger p.second_price_trigger .rub_trigger { font-weight: 700 !important; } .trigger .trigger_text .price_trigger:before { width: calc(100%); } .trigger .trigger_cloud .trigger_text .trigger_market_link { max-width: 100%; } .trigger .trigger_cloud .trigger_text .trigger_cloud_icon { width: auto; } .trigger_text .trigger_btn_main { margin-top: 30px; } .trigger .trigger_cloud .trigger_text .link_trigger_small { line-height: 1.2; } .trigger .trigger_cloud .trigger_btn_prod { width: 60%; padding: 20px 25px; text-align: center; display: block; } .trigger .trigger_cloud .trigger_text .trigger_small { font-size: 16px; margin: 12px 0px; display: block; text-align: left; } /*--END TRIGGER V1--*/ /*--------------------------------*/ /*--START---SEVEN-Screen----KOMPLEKS--Component--*/ .dobronew .iblock6v2 { padding: 0px 0px; } .dobronew .iblock6v2 .title-sub { line-height: 1.2; text-align: left; padding-bottom: 40px; } .dobronew .iblock6v2 .button a { padding: 8px 26px; } .service_6v2_kompleks_main { padding: 0px 0px 80px 0px; margin-top: 80px; } .service_6v2_kompleks_main .title-orange { max-width: 98%; font-size: 32px; line-height: 1.1; letter-spacing: 0em; margin-bottom: 45px; margin-top: 22px; } .service_6v2_kompleks_main .bubble_right{ display: none; } .service_6v2_kompleks_main .title-sub { max-width: 98%; font-size: 21px; margin: 3px 0px 65px 0px; } .service_6v2_kompleks_main .iblock6v2 .list .item { width: 100%; margin: 0px 2px 32px 0px; } .service_6v2_kompleks_main .iblock6v2 .list .item .text { font-size: 25px; line-height: 1.2; } /*--END---SEVEN-Screen----KOMPLEKS--Component--*/ /*--------------------------------*/ /*--START RECOMENDATION BLOCK--Component--*/ .service_silstor_main .title-orange { max-width: 98%; font-size: 32px; line-height: 1.2; letter-spacing: 0em; color: var(--text-d_color); margin: 10px 0px 45px 0px; } .service_silstor_main .uslugi_h2_icon { margin-top: 8px; } .service_silstor_main .info-about { max-width: 100%; } .service_silstor_main .list .item { width: 100%; } .service_silstor_main { padding: 80px 0px 80px 0px; } /*--END---RECOMENDATION BLOCK--Component--*/ /*--------------------------------*/ /*--START SERTIFICATION BLOCK--Component--*/ .service_sertification_main { padding: 80px 0px 80px 0px; } .service_sertification_main .title-orange { max-width: 97%; font-size: 32px; letter-spacing: 0em; margin: 16px 0px 45px 0px; } .service_sertification_main .uslugi_h2_icon { margin-top: 12px; } .service_sertification_main .otziv .info { max-width: 100%; text-align: left; } .service_sertification_main .otziv-block { margin-top: 65px; } .service_sertification_main .otziv-block .item:before { width: 300px; height: 300px; top: 22px; left: 0%; transform: translateX(17px); } .service_sertification_main .otziv-block .item a:before { left: 40%; } /*--END---SERTIFICATION BLOCK--Component--*/ /*--------------------------------*/ /*--START FAQ BLOCK--Component--*/ .faq_section_main { padding: 80px 0 !important; } .faq_section_main .nfaq-htitle { padding-left: 0px; padding-right: 0px; } .faq_section_main .cont_box-custom .uslugi_h2_flex h2 { max-width: 100%; font-size: 32px; letter-spacing: 0em; } .faq_section_main .cont_box-custom .uslugi_h2_flex .uslugi_h2_icon { margin-top: 3px; } .faq_section_main .wrapper .faq-items{ width: 100% !important; margin: 0 0px !important; } .faq_section_main .nfaq .nfaq-co { transform: translateX(0px); } .faq_section_main .wrapper .faq-items h3 { font-weight: 700; font-size: 26px; line-height: 1.1; letter-spacing: 0em; color: #222; } .faq_section_main .wrapper .faq-items .faq-icons { width: 45px; } .faq_section_main .wrapper .faq-titles { align-items: flex-start; padding-left: 10px; } .faq_section_main .wrapper .faq-items .faq-titles::after { width: 30px; height: 30px; top: 26%; } .faq_section_main .wrapper .faq-items.active .faq-titles::after { top: 22%; background-size: 30px 30px !important; } .faq_section_main .wrapper .faq-items .text { padding: 35px 25px; font-size: 21px; line-height: 1.4; } .faq_section_main .nfaq-video iframe { width: calc(100% + 21px) !important; height: 245px !important; margin-left: -12px; } .faq_section_main .nfaq-video .nfaq_video_balls { width: 300px; height: 300px; top: -9px !important; left: 58px !important; } .faq_section_main .nfaq-video_title { font-weight: 700; font-size: 21px; margin: 0px 15px 0px 0px; } /*--END FAQ BLOCK--Component--*/ /*--------------------------------*/ /*--START GALLERY 1 BLOCK--Component--*/ .ppb4_gallery_1 .uslugi_h2_flex h2 { max-width: 90%; font-size: 32px; line-height: 1.2; letter-spacing: 0em; margin: 15px 0px 10px 0px; } .ppb4_gallery_1 .oborudovanie { margin-top: 35px; } .dobronew .photo-block.oborudovanie { margin-bottom: 30px; padding: 0 10px; } .ppb4_gallery_1 { padding: 10px 0px 10px 0px; margin: 70px 0px 70px 0px; } .product-swiper_oborudovanie .swiper-wrapper .swiper-slide .get-img { width: 340px; height: 330px; } .product-swiper_oborudovanie .product-nav_position { right: -18px; } .product-swiper_oborudovanie .swiper-wrapper .swiper-slide:hover .get-img { transform: scale(0.90); } .oborudovanie .product-slide_headline { margin-top: 20px; } /*--END GALLERY 1 BLOCK--Component--*/ /*--------------------------------*/ /*--START GALLERY FOTO BLOCK--Component--*/ .ppb4_gallery_2 .uslugi_h2_flex h2 { max-width: 90%; font-size: 32px; letter-spacing: 0em; margin: 12px 0px 10px 0px; } .ppb4_gallery_2 .object_foto_block { margin-top: 34px; margin-bottom: 80px; padding: 0 10px; } .foto-swiper_object .swiper-wrapper .swiper-slide .item { height: 450px; margin: 0px 0px 25px 0px; } .foto-swiper_object .swiper-wrapper .swiper-slide .item a:before { width: 50px; height: 50px; border-radius: 200px; } .foto-swiper_object .swiper-slide_headline .h3 { width: 90%; line-height: 1.2; } .foto-swiper_object .swiper-nav_main { bottom: -88px; right: 12px; } .foto-swiper_object .get-img:before { height: 5px; } /*--END GALLERY FOTO BLOCK--Component--*/ /*--------------------------------*/ /*--START VIDEO FOOTER--*/ .video_code .video_service-code{ width: 100%; height: auto; margin: 60px auto 40px auto; } .video_service-code:before { max-width: 310px; height: 310px; top: -22px; left: 13%; } .video_service_description { width: 100%; margin: 35px 0px 0px 15px; } .video_service_description p { max-width: 93%; line-height: 1.25; opacity: 0.8 !important; font-size: 18px !important; } .video_service-code iframe { width: calc(100% - 0px) !important; height: 262px !important; margin-left: 0px; } /*--END VIDEO FOOTER--*/ /*--------------------------------*/ } /*xs <= Small (sm) IPhone-7/8Pus*/ @media (max-width :414px) { /*--START Profilaction Block--*/ .service_nabor_main .iblock3 .ftext { padding: 30px; } .service_nabor_main .iblock3 .ftext p { font-size: 21px; } .service_nabor_main .ftext .news_elements_d-quote_autor { margin-bottom: 20px; } /*--START--Profilaction---Block--*/ .service_nabor_main .iblock3 { padding: 0px 0px 80px 0px; } /*---START Kompleks Block--*/ .dobronew .iblock6v2 .title-sub { padding-bottom: 25px; } /*--START SERTIFICATION BLOCK--*/ .service_sertification_main .otziv-block .item:before { transform: translateX(12px); } /*--START--FAQ BLOCK-*/ .faq_section_main .nfaq-video iframe { height: 236px !important; } .faq_section_main .nfaq-video .nfaq_video_balls { top: -13px; left: 50px !important; } /*--END--FAQ BLOCK-*/ /*--------------------------------*/ /*--START GALLERY 1 BLOCK--Component--*/ .product-swiper_oborudovanie .swiper-wrapper .swiper-slide .get-img { width: 320px; } } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (max-width :390px) { /*--START---One-Screen----Service--Component--*/ /*Content - Element H1*/ .service_one_d-section_main .service_d-h1 { font-size: var(--h1-d_size-xs-mobile); } /*------------------------------------*/ /*--START---Two-Screen----Price--Component--*/ /*--Two-Screen----Price--Headline--*/ .service_price_d-section_main { padding: 1px 0px 0px 0px; } .service_price_d-section_main .price_d-headline picture img { width: 75px; } .service_price_d-section_main .service_d-text_block h3 { font-size: 22px !important; } .service_сonducting_d-section_main .detailed_prices_title_after { max-width: 90%; font-size: 18px; margin-bottom: 65px; } /*ICONS SLIDER INSA BUBBLE*/ .icons-b_main_block { width: 90%; left: 5px; padding: 0px 14px; } .icons-b_main_block .product-nav_position .swiper-button-next { right: -18px; } .icons-b_main_block .product-nav_position .swiper-button-prev { left: -11px; } .service_one_d-section_main .service_one_d-bubble_main .one_d-bubble_s_main { transform: translate(-15px, 199px) scale(1.1); } /*--------------------------*/ /*--START---Trigger----MD--Component--*/ .trigger-md_d-section_main .trigger-md_d-banner { max-height: 465px; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_new { width: 48%; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old { width: 52%; } .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_old .trigger-md_d-price_sale { font-size: 22px; width: 177%; margin-top: 15px; transform: translateX(-161px); } /*--Trigger----MD--Headline--*/ .trigger-md_d-section_main .trigger-md_d-banner_main { padding: 45px 0px 0px 0px; } /*--Trigger----MD--Image--*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image { width: 330px; top: 346px; right: 16px; } .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image img { width: 330px; } /*--Trigger----MD--Bubble-SM-*/ /*--Bubble-SM-2*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_2 { width: 119px; right: 4px; top: 6px; } /*--Trigger----Bubble*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger_d-bubble_top .d-bubble_md_trigger_4 { bottom: -31px; left: -3px; } /*--Trigger----MD--Headline--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-headline h2 { max-width: 100%; } .trigger-md_d-section_main .trigger-md_d-banner:before { right: 25px; } /*------------------------------*/ /*-Start---Banner-Section Main-*/ section.banner_service_block .artigle-banner_img-main .article-banner_img_product:before { left: 64px; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product .article-banner_img-past { left: 28px; top: 8px; } section.banner_service_block .artigle-banner_img-main .article-banner_img_product:after { left: 83px; } section.banner_service_block .artigle-banner_img-main .article-banner_news_icons_product:before { left: 67px; top: 136px; } /*-End---Banner-Section Main-*/ /*------------------------------*/ /*--START---FOUR-Screen----How_We_Work--Component--*/ /*---Illustration*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img .d-stap_img { width: 330px; } /*---Circle*/ .service_how-we-work_d-section_main .service_d-stap-container .d-stap_container .d-stap_item-img:before { max-width: 350px; height: 350px; top: 10px; left: -8px; } /*------------------------------*/ /*--START--SERTIFICATION-----BLOCK--*/ .service_sertification_main .otziv-block .item:before { width: 280px; height: 280px; transform: translateX(8px); } /*--START--VIDEO-----BLOCK--*/ .faq_section_main .nfaq-video iframe { height: 223px !important; } .faq_section_main .nfaq-video .nfaq_video_balls { top: -19px; left: 39px !important; } /*--START TRIGGER V1--*/ .trigger .trigger_cloud .trigger_text .trigger_h3 { max-width: 100%; } } /*Small (xs) IPhone-10/11*/ @media (max-width :375px) { /*--START---One-Screen----Service--Component--*/ /*--Element--Bubble-XL-5-*/ .service_one_d-section_main .service_one_d-element_bubbles .d-bubble_xl_5 { top: 338px; right: 150px; } /*-------------------------------------------------*/ /*---Service Components---Text---*/ .service_d-text_block .service_article_d-text { font-size: 18px !important; } /*ICONS SLIDER INSA BUBBLE*/ .icons-b_main_block .icons_b-slide .b_item-icon { width: 80px; } .icons-b_main_block .slide_b-insta { width: 84px !important; } .icons-b_main_block { bottom: -90px; } /*--------------------------------*/ /*--START---Trigger----MD--Component--*/ .trigger-md_d-section_main .trigger-md_d-banner .trigger-md_d-price .trigger-md_d-price_new { font-size: 32px; } /*--Trigger----MD--Image--*/ .trigger-md_d-section_main .trigger-md_d-banner_main .trigger-md_image { top: 300px; right: 11px; } /*------------------------------------*/ /*--START---THREE-Screen----Conducting--Component--*/ .service_сonducting_d-section_main .сonducting_d-headline .headline__description { font-size: 16px; } /*------------------------------*/ /*--START---FOUR-Screen----How_We_Work--Component--*/ .service_how-we-work_d-section_main .how-we-work_d-headline .headline__description { max-width: 327px; font-size: 16px; } /*-----------------------------------*/ /*--START---FIVE-Screen----Disinfection_Products--Component--*/ /*---Bubble*/ .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_xl { width: 90px; height: 90px; top: -228px; left: -76px; } .service_complex-process_d-section_main .services_content_d-inner_main .service_d-bubble .d-bubble_sm { top: -166px; left: -72px; } /*-----------------------------------*/ /*--START---SEVEN-Screen----Disinfection_Products--Component--*/ .service_des-products_d-section_main .des-products_d-headline .headline__description { font-size: 16px; } } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (max-width :320px) { /*---GRID Style---*/ .custom_d-grid_xl { padding: 0px 10px; } } /* === MOBILE FIRST === */ /* Custom (xs) */ @media (min-width : 0) { /**/ } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (min-width : 320px) { /**/ } /* Small (xs) IPhone-10/11*/ @media (min-width : 375px) { /**/ } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (min-width : 390px) { /**/ } /*xs => Small (sm) IPhone-7/8Pus*/ @media (min-width : 414px) { /**/ } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (min-width : 576px) { /**/ } /* sm => Medium (md) IPad / IPad-Mini*/ @media (min-width : 768px) { /**/ } /* md => Large (lg) IPad-Air*/ @media (min-width : 992px) { /**/ } /* lg => Extra large (xl) IPad-Pro */ @media (min-width : 1024px) { /**/ } /* lg => Extra large (xl)*/ @media (min-width : 1200px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1400px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1530px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1920px) { .container{max-width: 1680px;} .container-fluid{max-width: 1680px;} } /* End */ /* Start:/local/templates/dobrolov_new/css/popup.min.css?175943961718452*/ input:invalid { border-color: #e84e0f !important; } .popup-big { display: none; position: fixed; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background: #00000050; opacity: 0; z-index: 10000; transition: .3s opacity ease-in-out; } .popup-back { background: #00000050; width: 100%; height: 100%; position: fixed } .popup-wrap { border-radius: 4px; position: relative; padding: 70px 70px 70px 70px; height: auto; background: #fff; box-shadow: 0 0 5px 1px #00000050; margin: 0 auto; width: 100%; max-width: 950px; overflow: hidden; box-sizing: content-box; } .popup-block { display: flex; flex-direction: column; height: 100%; position: relative } .popup_icon { display: none; } @media screen and (min-height: 668px) and (max-height: 1000px) and (max-width: 950px) { .popup_icon { display: grid; justify-content: start; grid-template-columns: 50px auto; font-family: 'Ekibastuz'; font-style: normal; font-weight: 700; font-size: 13px; line-height: 18px; letter-spacing: 0.01em; color: #838383; margin-top: 5px; } } .popup-header { font-family: var(--userfont); font-style: normal; font-weight: 700; font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 32px; color: #000000; margin-top: 32px; margin-bottom: 20px; } @media screen and (max-height: 667px) { .popup-header { text-align: start; font-size: 26px; line-height: 26px; margin-top: 16px; margin-bottom: 20px; } } @media screen and (min-height: 668px) and (max-height: 1000px) { .popup-header { text-align: start; margin-bottom: 40px; } } /*POPUP DESCRIPTION*/ .popup-description_p { font-size: 20px; max-width: 64%; margin-bottom: 20px; } .popup-description_p .popup-descr_phone { text-decoration: none; color: #000; display: inline-block; position: relative; margin: 0px 4px 0px 0px; font-weight: 900; padding: 5px 8px 5px 8px; } .popup-description_p .popup-descr_phone:hover { color: #e84e0f !important; } .popup-description_p .popup-descr_phone:before { content: ""; width: 0%; height: 3px; transition: width 350ms ease, color 290ms ease; left: 0; bottom: 5px; position: absolute; background-color: #e84e0f; } .popup-description_p .popup-descr_phone:hover:before { width: 100%; } .popup-description_p .popup-descr_phone-icons{ display: none; } .popup-input_wrap { margin-bottom: 16px; } .popup-input_wrap.last { margin-bottom: 0; } .popup-input-head { font-style: normal; font-weight: 800; font-size: 16px; line-height: 16px; } .popup-input input, .popup-input select { display: block; border: 0; border-bottom: 4px solid #eee; background: #fff; border-radius: 0; color: #000; width: 100%; height: 20px; padding: 1px 0; font-size: 16px; font-weight: 700; color: #6A6A6A; } .popup-col { flex: 0 0 47%; display: flex; flex-direction: column; position: relative } .popup-col.popup-col_shariki { justify-content: flex-end } .popup-block .popup-header_price{ width: 320px; height: 120px; position: absolute; top: 182px; right: -40px; background-color: #FBBA00; border-radius: 35px; font-size: 18px; font-weight: 900; padding: 25px; box-sizing: border-box; } .popup-block .popup-header_price #calcPriceValue{ font-size: 26px; font-weight: 900 !important; display: block; } .popup-block .popup-header_price .calc_cloud_angl{ width: 40px; height: 60px; background: url(/local/templates/dobrolov_new/css/../img/ic/interface/popup/icon_angle_cloud.svg) no-repeat center center; position: absolute; bottom: -44px; display: block; right: 24px; } .popup-form .popup_form_illustration{ position: absolute; top: 290px; right: -286px; } .popup-form form { display: flex; justify-content: space-between; flex-wrap: wrap } .popup-close { position: absolute; right: 0px; top: -21px; width: 30px; height: 30px; cursor: pointer; z-index: 20; transform: rotate(0deg); transition: transform 650ms ease-out ; transform-origin: 50% 50%; } .popup-close:hover{ transform: rotate(90deg); } .popup-close:before, .popup-close:after { position: absolute; left: 15px; content: ' '; height: 30px; width: 4px; background-color: #EB5A2D; } .popup-close:before { transform: rotate(45deg); } .popup-close:after { transform: rotate(-45deg); } .popup-col .rnd1 { background-size: auto; background-size: 100% auto; display: none; } .popup-col .rnd2, .popup-col .rnd3 { background-size: auto; background-size: auto; background-size: 100% auto } .popup-col .rnd1 { height: 45px; width: 45px; top: 140px; position: absolute; right: 80px } .popup-col .rnd2 { width: 175px; height: 175px; position: absolute; top: 0; left: 16px; display: none; } .popup-break { flex-basis: 100%; height: 0 } .popup-endpoint { display: flex; width: 100% } .popup-endpoint label { display: grid; align-items: start; margin: 16px 0; width: 100%; grid-template-columns: 40px calc(100% - 40px); justify-content: start; } .popup-endpoint label input[type="checkbox"] { background: transparent; border: transparent; position: relative; /*font-size: 0;*/ /*-webkit-appearance : none;*/ /*width: 0;*/ /*height: 0;*/ } .popup-endpoint input[type="checkbox"]::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; margin-left: 0; border: 2px solid #eb5a2d; border-radius: 0; background-color: #fff; } .popup-endpoint input[type="checkbox"]:checked:after { content: ""; position: absolute; height: 10px; width: 5px; border: 2px solid #eb5a2d; transform: rotate(45deg); border-top: 0; border-left: none; left: 8px; top: 5px; } .popup-button { color: #fff; border: none; display: flex; justify-content: center; background: #eb5a2d; padding: 18px 24px; border-radius: 50px; margin-top: 16px; cursor: pointer; font-family: var(--userfont); font-style: normal; font-weight: 700; font-size: 18px; line-height: 40px; text-align: center; letter-spacing: 0.035em; color: #FFFFFF; transition: .2s background ease-in-out } .popup-button:hover { background: #000 } /*PopUp---Block-Done*/ /*--START---PopUp--Done--*/ .popup_done_main{ width: 100%; position: relative; padding: 0px 0px 348px 0px; } .popup_done_main:before{ content: ""; width: calc(100% + 200px); height: 7px; position: absolute; top: -102px; left: calc( 0% - 100px); background-color: #FBBA00; transform: scaleX(0%); transform-origin: 0% 50%; animation: both PopUp_progress_line 6.5s ease; animation-delay: 400ms; } @keyframes PopUp_progress_line { 0%{ transform: scaleX(0%); } 100%{ transform: scaleX(100%); } } /*-----USERPIC*/ .popup_done_main .popup_done_autor{ display: flex; flex-direction: row; align-items: flex-start; } .popup_done_main .popup_done_autor .popup_userpic img{ width: 166px; } /*-----Headline*/ .popup_done_main .popup_done_autor .popup_headline{ display: flex; flex-direction: column; margin-left: 25px; } .popup_done_main .popup_done_autor .popup_headline .popup_ok { display: flex; flex-direction: row; align-items: center; } .popup_done_main .popup_done_autor .popup_headline .popup_ok svg{ width: 46px; margin-right: 15px; } .popup_done_main .popup_done_autor .popup_headline .popup_ok svg .popup_ok_done{ transform: scale(0.2) rotate(20deg); transform-origin: 50% 50%; opacity: 0; animation: both PopUp_anim_ok 350ms ease-out; animation-delay: 320ms; } @keyframes PopUp_anim_ok { 0%{ transform: scale(0.2) rotate(20deg); opacity: 0; } 100%{ transform: scale(1) rotate(0deg); opacity: 1; } } .popup_done_main .popup_done_autor .popup_headline .popup_ok .headline_done{ font-size: 36px; font-weight: 700; color: #000; letter-spacing: 0.02em; line-height: 1.4; margin: 0px; padding: 0px; } .popup_done_main .popup_done_autor .popup_headline .popup_text{ max-width: 470px; font-size: 21px; font-weight: 700; color: #000; letter-spacing: 0.02em; line-height: 1.3; margin: 20px 0px 0px 0px; padding: 0px; } /*----Call To Action*/ .popup_done_main .popup_done_call-to-ac{ margin: 45px 0px 0px 0px; } .popup_done_main .popup_done_call-to-ac p{ max-width: 470px; font-size: 21px; font-weight: 700; color: rgba(0, 0, 0, 0.4); line-height: 1.3; letter-spacing: 0.02em; margin: 0px 0px 10px 0px; } .popup_done_main .popup_done_call-to-ac p a{ color: #FBBA00; text-decoration: none; position: relative; z-index: 7; } .popup_done_main .popup_done_call-to-ac p a:before{ content: ""; width: 100%; height: 3px; background-color: #FBBA00; position: absolute; bottom: -4px; left: 0px; } .popup_done_main .popup_done_call-to-ac .popup_done_tel{ font-size: 21px; font-weight: 900; color: #FBBA00; text-decoration: none; position: relative; letter-spacing: 0.04em; line-height: 1.4; } /*---Illustration*/ .popup_done_main .popup_done_illustration{ width: 85%; position: absolute; top: 17px; left: 272px; z-index: 3; animation:both PopUp_Hero_aimate 750ms ease-out; transform: translate(50px, 110px) rotate(-2deg); transform-origin: 50% 50%; } @keyframes PopUp_Hero_aimate { 0%{ transform: translate(50px, 110px) rotate(-2deg); } 100%{ transform: translate(0px, 0px) rotate(0deg); } } .popup_done_main .popup_done_illustration img{ width: 1258px; height: 1442px; } /*--END---PopUp--Done--*/ @media screen and (max-height: 667px) and (max-height: 1000px) { .popup-checkbox_text { font-family: var(--userfont); font-style: normal; font-weight: 400; font-size: 12px; line-height: 17px; color: #484848; } .popup-endpoint label { margin: 20px 0 25px 0; } .popup-button { margin-top: 0; padding: 12px 24px; } .popup-input input, .popup-input select { height: 20px; padding: 0; } } @media screen and (min-height: 668px) and (max-height: 1000px) { .popup-checkbox_text { font-family: 'Ekibastuz'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #484848; } .popup-endpoint label { margin: 30px 0; } .popup-button { margin-top: 0; padding: 12px 24px; } .popup-input input, .popup-input select { height: 26px; padding: 1px 0; } } /* md <= Large (lg) IPad-Air*/ @media (max-width : 1024px) { /**/ .popup-close { right: -45px; top: -35px; } .popup_done_main { padding: 0px 0px 296px 0px; } .popup_done_main .popup_done_illustration { top: 99px; left: 366px; } .popup_done_main .popup_done_illustration img{ width: 996px; height: auto; } } /* md <= Large (lg) IPad-Air*/ @media (max-width : 992px) { /**/ .popup_done_main .popup_done_illustration { top: 160px; left: 253px; } .popup_done_main .popup_done_illustration img{ width: 820px; height: auto; } .popup-wrap { padding: 65px 70px 317px 70px; } .popup_done_main:before { top: -66px; } .popup-form .popup_form_illustration{ display: none; } } @media screen and (max-width: 950px) { .popup-big { overflow-y: scroll; align-items: start; top: 70px; z-index: 100; height: calc(100% - 70px); } .popup-back { background: #00000050; width: 100%; height: 100%; position: absolute; } .popup-wrap { border-radius: 0; } .popup-close { right: -53px; top: -35px; } .popup-header { font-size: 23px; } .popup-col { flex: 0 0 100%; } .popup-col.popup-col_shariki { margin-top: 0; } .rnd.rnd1, .rnd.rnd2 { display: none; } .popup_done_main { padding: 0px 0px 16px 0px; } } /* sm <= Medium (md) IPad / IPad-Mini*/ @media (max-width : 768px) { /**/ .popup_done_main .popup_done_illustration { top: 176px; left: 233px; } .popup_done_main .popup_done_illustration img{ width: 768px; height: auto; } .popup-wrap { padding: 65px 70px 307px 70px; } .popup-close { right: -53px; top: -50px; } } /* Small (sm) */ @media (max-width : 576px) { /*Scroll None*/ .popup-big .scrollable { padding: 0 11px; overflow-y: auto; } .popup-big .popup-wrap{ overscroll-behavior: contain; overflow-x: hidden; width: 100%; max-width: 100%; height: 100%; z-index: 80000; position: fixed; right: 0px !important; top: 0px !important; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-scrolling: touch; padding-top: 35px; } .popup-form .popup-endpoint .popup-col{ padding-bottom: 80px; } .popup-big { top: 0px; height: 100%; z-index: 810; padding-top: 0px; } .popup-header { margin-bottom: 20px; margin-top: 32px; } .popup-description_p { font-size: 16px; max-width: 100%; margin-bottom: 27px; line-height: 1.1; } .popup-description_p .popup-descr_phone { padding: 9px 40px 3px 3px; } .popup-description_p .popup-descr_phone:before { display: none; } .popup-description_p .popup-descr_phone:after { content: ""; width: 29px; height: 29px; background-color: #e84e0f; position: absolute; border-radius: 100px; left: 4px; top: 4px; z-index: 2; transform-origin: 50% 50%; animation:both popup_phone-circle 370ms ease; animation-delay: 250ms; } @keyframes popup_phone-circle { 0%{ transform: scale(0); opacity: 0; } 10%{ transform: scale(0); opacity: 0; } 100%{ transform: scale(1); opacity: 1; } } .popup-description_p .popup-descr_phone-icons{ display: inline-block; vertical-align: middle; margin: -3px 14px 0px 10px; width: 12px; position: relative; z-index: 5; } .popup-description_p .popup-descr_phone-icons path{ fill:#fff; } /*---Done*/ .popup-close { right: 26px; top: 4px; } .popup-wrap { padding: 40px 30px 40px 30px; height: 100%; } .popup_done_main { padding: 0px 0px 190px 0px; } .popup_done_main .popup_done_autor { flex-direction: column; align-items: center; } .popup_done_main .popup_done_autor .popup_userpic img { width: 140px; height: auto; } .popup_done_main .popup_done_autor .popup_headline { margin-left: 2px; padding-right: 16px; align-items: center; } .popup_done_main .popup_done_autor .popup_headline .popup_ok svg { width: 35px; margin-top: -4px; margin-right: 10px; } .popup_done_main .popup_done_autor .popup_headline .popup_ok .headline_done { font-size: 32px; } .popup_done_main .popup_done_autor .popup_headline .popup_text { font-size: 18px; margin: 15px 0px 0px 0px; line-height: 1.1; } .popup_done_main .popup_done_call-to-ac { margin: 20px 0px 0px 2px; } .popup_done_main .popup_done_call-to-ac .popup_done_tel { font-size: 18px; z-index: 10; } .popup_done_main .popup_done_call-to-ac p { font-size: 18px; margin: 0px 0px 10px 0px; } .popup_done_main .popup_done_illustration img { width: 545px; } .popup_icon { width: 80%; } .popup-block .popup-header_price { width: 100%; height: 110px; position: relative; top: 0px; right: 0px; border-radius: 20px; padding: 20px; margin-top: 22px; } .popup-block .popup-header_price .calc_cloud_angl { display: none; } .popup_done_main .popup_done_illustration { top: 291px; left: 61px; } .popup_done_main:before { top: -40px; } } /* xs <= Small (sm) */ @media (max-width :414px) { /**/ } /* xs <= Small 12-12-Pro-13-13-Pro (sm) */ @media (max-width :390px) { .popup-description_p { max-width: 77%; } .popup-description_p .popup-descr_phone { padding: 11px 70px 7px 3px; } .popup-description_p .popup-descr_phone-icons { margin: -3px 21px 0 10px; } .popup-description_p .popup-descr_phone:after { left: 4px; top: 6px; } /*---Done*/ .popup-close { right: 7px; top: -15px; } .popup-wrap { padding: 40px 20px 40px 20px; } .popup_done_main .popup_done_autor .popup_headline { margin-left: 9px; } .popup_done_main .popup_done_autor .popup_headline .popup_ok .headline_done { font-size: 32px; } .popup_done_main .popup_done_autor .popup_headline .popup_ok svg { width: 32px; margin-top: -4px; } .popup_done_main .popup_done_autor .popup_userpic img { width: 120px; } .popup_done_main .popup_done_call-to-ac { margin: 20px 0px 0px 9px; padding-right: 15px; } .popup_done_main .popup_done_illustration img{ width: 520px; } .popup_done_main .popup_done_illustration { top: 307px; left: 52px; } .popup_done_main:before { top: -40px; } .popup-header { font-size: 21px; line-height: 1.1; max-width: 100%; margin-top: 32px; } } /* xs <= Small (sm) */ @media (max-width :375px) { .popup-description_p { max-width: 80%; margin-bottom: 27px; } .popup-description_p .popup-descr_phone { padding: 13px 19px 10px 7px; } .popup-description_p .popup-descr_phone:after { left: 6px; top: 8px; } .popup-description_p .popup-descr_phone-icons { margin: -3px 19px 0 7px; } /*---Done*/ .popup_done_main .popup_done_illustration img{ width: 510px; } .popup_done_main .popup_done_illustration { top: 310px; left: 43px; } } /* xs <= Super - Small (sm) */ @media (max-width :320px) { .popup-description_p { max-width: 97%; } } /* === MOBILE FIRST === */ /* Custom (xs) */ @media (min-width : 0) { /**/ } /* Super - Small (sm) */ @media (min-width : 320px) { /**/ } /* Small (sm) */ @media (min-width : 375px) { /**/ } /* xs <= Small 12-12-Pro-13-13-Pro (sm) */ @media (min-width : 390px) { /**/ } /* Small (sm) */ @media (min-width : 414px) { /**/ } /* Small (sm) */ @media (min-width : 576px) { /**/ } /* sm => Medium (md) IPad / IPad-Mini*/ @media (min-width : 768px) { /**/ } /* md => Large (lg) IPad-Air*/ @media (min-width : 992px) { /**/ } /* lg => Extra large (xl) IPad-Pro */ @media (min-width : 1024px) { /**/ } /* End */ /* Start:/local/templates/dobrolov_new/css/bootstrap-grid.css?167412712721950*/ .container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{width:100%;margin-right:auto;margin-left:auto}@media (min-width:576px){.container-sm,.container{max-width:540px}}@media (min-width:768px){.container-md,.container-sm,.container{max-width:720px}}@media (min-width:992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media (min-width:1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1160px}}@media (min-width:1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1160px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media (min-width:576px){.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media (min-width:768px){.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media (min-width:992px){.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media (min-width:1200px){.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}@media (min-width:1400px){.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} /* End */ /* Start:/local/components/dobrolov/header/templates/.default/style.min.css?173220275533122*/ .block_head.block_head_fixed .block__in .phone span, body.index .block_head .phone span { color: #885406; } .header_white { background: #fff; } .header_orange { background: #fbba00; } .block_head__wrap { display: none; height: 0; } .block_head { display: none; font-family: var(--userfont); -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } .header_menu_mob { display: none; } .block_head_min .block__in .header_top { grid-template-columns: auto 187px 41px; } /*Header microanimation Start*/ /*--------------------------------*/ /*Header microanimation Start*/ /*Header component Kit style - Section*/ .componentKit__header_main{ width: 100%; height: 123px; position: sticky; z-index: 200; display: block; transition: height 750ms ease-out, box-shadow 400ms ease, padding 450ms ease; padding: 2px 0px; } /*Animaion modification*/ .componentKit__header_main.modification{ height: 73px; padding: 0; transition: height 750ms ease-out, box-shadow 400ms ease, padding 450ms ease; } /*Header component Kit style - Container*/ .componentKit__header_main .componentKit__header_container{ width: 1160px; max-width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .componentKit__header_main .componentKit__header_row{ width: 100%; display: flex; flex-direction: row; align-items: flex-start; } /*Logo animation scroll Start*/ .logo__block_header{ height: 123px; transition: height 450ms ease; display: flex; align-items: center; } .componentKit__header_main.modification .logo__block_header{ height: 73px; transition: height 450ms ease; } /*Animation SVG*/ /*Block container animation*/ #logoAnimationMain{ width: 125px; height: 125.7px; overflow: hidden; border-radius: 100px; transform-origin: 50% 50%; margin-top: 2px; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain{ animation: both animationLogoScrollSize 800ms ease; transition: all 450ms ease; } @keyframes animationLogoScrollSize { 0%{ transform: scale(1); } 100%{ transform: scale(0.29); } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain{ animation: both animationLogoScrollSize_reverce 800ms ease; transition: all 450ms ease; } @keyframes animationLogoScrollSize_reverce { 0%{ transform: scale(0.29); } 100%{ transform: scale(1); } } /*Circle animation -Border*/ #logoAnimationMain .logo_main_circle{ overflow: hidden; fill: #FBBA00; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logo_main_circle{ animation: both animationLogoCircle 800ms ease; transition: all 450ms ease; } @keyframes animationLogoCircle { 0%{ fill: #FBBA00; } 100%{ fill: #FFFFFF; } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logo_main_circle{ animation: both animationLogoCircle_reverce 800ms ease; transition: all 450ms ease; } @keyframes animationLogoCircle_reverce { 0%{ fill: #FFFFFF; } 100%{ fill: #FBBA00; } } #logoAnimationMain .logo_main_circle_border{ stroke-width: 3.5px; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logo_main_circle_border{ animation:both animationLogoBorder 800ms ease; transition: all 450ms ease; } @keyframes animationLogoBorder{ 0%{ stroke-width: 3.5px; } 45%{ stroke-width: 3.5px; } 100%{ stroke-width: 12px; } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logo_main_circle_border{ animation: animationLogoBorder_reverce 800ms ease; transition: all 450ms ease; animation-direction: alternate; } @keyframes animationLogoBorder_reverce{ 0%{ stroke-width: 12px; } 45%{ stroke-width: 3.5px; } 100%{ stroke-width: 3.5px; } } #logoAnimationMain .logoFace_hero{ transform: translate(58px, 2px) scale(1); opacity: 1; transition: all 200ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logoFace_hero{ animation:both animationLogoMainFace 1ms ease; transition: all 200ms ease; } @keyframes animationLogoMainFace{ 0%{ opacity: 1; transform: translate(58px, 2px) scale(1); } 100%{ opacity: 0; transform: translate(58px, 2px) scale(0); } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logoFace_hero{ transform: translate(58px, 2px) scale(0); animation: animationLogoMainFaceReverce 30ms ease; animation-delay: 552ms; animation-fill-mode: forwards; opacity: 1; transition: all 200ms ease; } @keyframes animationLogoMainFaceReverce{ 0%{ transform: translate(58px, 2px) scale(0); } 100%{ transform: translate(58px, 2px) scale(1); } } /*Hero Simvol D - Hidden*/ #logoAnimationMain .logo_main_group .logoDobrolov_Simvol{ fill:#1D1D1B; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logo_main_group .logoDobrolov_Simvol{ animation:both animationSimvolD 700ms ease; transition: all 450ms ease; } @keyframes animationSimvolD{ 0%{ fill:#1D1D1B; } 70%{ fill:#1D1D1B; } 100%{ fill: #FBBA00; } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logo_main_group .logoDobrolov_Simvol{ animation: animationSimvolD_reverce 700ms ease; transition: all 450ms ease; } @keyframes animationSimvolD_reverce{ 0%{ fill:#FBBA00; } 70%{ fill:#1D1D1B; } 100%{ fill:#1D1D1B; } } /*Hero body animation*/ #logoAnimationMain .logo_main_group{ transform: translateY(0px) scale(1); transform-origin: 50% 0%; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logo_main_group{ animation:both animationLogoMain 800ms ease; transition: all 450ms ease; } @keyframes animationLogoMain{ 0%{ transform: translateY(0px) scale(1); } 100%{ transform: translateY(18px) scale(4.1); } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logo_main_group{ animation: animationLogoMain_reverce 800ms ease; transition: all 450ms ease; } @keyframes animationLogoMain_reverce{ 0%{ transform: translateY(18px) scale(4.1); } 100%{ transform: translateY(0px) scale(1); } } /*Logo animation scroll END*/ /*---------------------------------*/ /*gumburger*/ /*Icons morf*/ .block_head_gumburger { width: 47px; height: 35px; padding: 5px 0px; background-color: transparent; display: block; cursor: pointer; z-index: 300; } .btn-active .close { width: 15px; height: 4px; position: absolute; top: 42%; right: 10px; margin-top: -1px; margin-left: -15px; background-color: var(--accent-dobrolov); } .btn-active .close:before, .btn-active .close:after{ content: ""; width: 26px; height: 4px; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -7px; background-color: var(--accent-dobrolov); transform: translateY(-10px); transition: all 200ms ease; } .btn-active .close:after { transform: translateY(8px); } /*Icons morf active*/ .btn-active_active .close { height: 0px; } .btn-active_active .close:before { transform: rotate(45deg); } .btn-active_active .close:after { transform: rotate(-45deg); } /*Icon forward line*/ .btn-active .line_icon { width: 7px; height: 4px; position: absolute; top: 2px; left: 0px; margin-top: -2px; margin-left: -15px; background-color: var(--accent-dobrolov); transform: translateX(0px); opacity: 1; transition: all 250ms ease; } .btn-active .line_icon:before, .btn-active .line_icon:after{ content: ""; width: 12px; height: 4px; position: absolute; top: 2px; left: 0px; margin-top: -1px; margin-left: -5px; background-color: var(--accent-dobrolov); transform: translateY(-10px); transition: all 250ms ease; } .btn-active .line_icon:after { transform: translateY(8px); } /*Icons morf active*/ .btn-active_active .line_icon { transform: translateX(15px); opacity: 0; } .btn-active_active .line_icon:before { margin-left: -15px; } .btn-active_active .line_icon:after { margin-left: -15px; } /*Header menu*/ .header_menu .block_head_gumburger_main { width: 47px; height: 35px; padding: 5px 0px; background-color: transparent; position: absolute; top: 46px; right: 24px; display: block; cursor: pointer; z-index: 300; } /*Icon forward line*/ .header_menu .btn-active .line_icon { width: 7px; height: 4px; position: absolute; top: 1px; left: 0px; margin-top: -1px; margin-left: -15px; background-color: var(--accent-dobrolov); transform: translateX(0px); opacity: 1; transition: all 250ms ease; } .header_menu .btn-active .line_icon:before, .header_menu .btn-active .line_icon:after{ content: ""; width: 12px; height: 4px; position: absolute; top: 2px; left: 0px; margin-top: -1px; margin-left: -5px; background-color: var(--accent-dobrolov); transform: translateY(-10px); transition: all 250ms ease; } .header_menu .btn-active .line_icon:after { transform: translateY(8px); } /*Icons morf active*/ .header_menu .btn-active_active .line_icon { transform: translateX(15px); opacity: 0; } .header_menu .btn-active_active .line_icon:before { margin-left: -15px; } .header_menu .btn-active_active .line_icon:after { margin-left: -15px; } .mob-menu { width: 260px; position: fixed; top: 0; right: 0; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; background-color: #fff; z-index: 200; transform: translateX(100%); background-color: #000000; opacity: 0; transition: all 450ms ease-out; } .mob-menu .list_menu { display: flex; height: 50%; align-items: flex-start; flex-direction: column; list-style: none; font-weight: 700; font-size: 20px; color: #fff; } .mob-menu .list_menu li{ margin-bottom: 15px; } .mob-menu .list_menu a{ text-decoration: none; color: #fff; } /*Active menu right block*/ .menu-activ { transform: translateX(0); opacity: 1; } /*end gumburger*/ /* === DESKTOP FIRST === */ /* xl <= Extra Full Large (xxxl) */ @media (max-width : 1920px) { /**/ } /* xl <= Extra extra large (xxl) */ @media (max-width : 1530px) { /**/ } /* xl <= Extra extra large (xxl) */ @media (max-width : 1400px) { /**/ } /* lg <= Extra large (xl)*/ @media (max-width : 1200px) { /**/ } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (max-width : 1025px) { /**/ } /* md <= Large (lg) IPad-Air*/ @media (max-width : 1024px) { .header_menu_mob ~ .block_head_gumburger { position: fixed; top: 10px; right: 18px; } .bx-panel-fixed.bx-panel-folded ~ .header_menu_mob ~ .block_head_gumburger { position: fixed; top: 45px; right: 18px; } .header_menu_mob_opacity.header_white, .header_menu_mob_opacity.header_orange { background: transparent !important; } .block_head__wrap { display: block; height: 53px; transition: height 500ms ease-out; } .block_head__wrap.block_head_min { height: 0px; transition: height 500ms ease-out; } .block_head_min .block__in .header_top { grid-template-columns: auto 187px 41px; } .bx-panel-fixed ~ .header_menu_mob { top: 147px; } .bx-panel-fixed.bx-panel-folded ~ .header_menu_mob { top: 39px; } .headerMobDobrolov { z-index: -1; position: fixed; display: block; right: 10px; bottom: 10px; writing-mode: vertical-rl; font-size: 40px; color: #00000020; font-weight: 800; animation: focus-in-contract 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @keyframes focus-in-contract { 0% { letter-spacing: 1em; filter: blur(12px); opacity: 0; } 100% { filter: blur(0px); opacity: 1; } } .header_menu_mob { box-shadow: 0 0 0 #00000036; position: fixed; display: grid; grid-template-columns: auto 120px 55px 140px 80px; align-items: center; width: 100%; height: 53px; top: 0; z-index: 110; transition: all .3s; } /*WhatsApp link*/ .header_menu_mob .header_time_block_mob{ position: relative; } .header_time_block_mob .header_contacts_social_mobile{ width: 30px; height: 30px; position: absolute; bottom: 2px; right: -2px; z-index: 80; } .header_time_block_mob .header_contacts_social_mobile img{ width: 25px; } .IsAuthorized .header_menu_mob { top: 39px; } .header_logo_mob { padding-left: 10px; } .header_logo_mob svg { display: block; } .header_bottom_but_popup { font-style: normal; font-weight: 700; font-size: 16px; line-height: 40px; letter-spacing: 0.035em; color: #FFFFFF; cursor: pointer; text-align: center; display: inline-block; width: 105px; height: 40px; border-radius: 80px; background: #e84e0f; transition: all .3s; } .header_icon_mob__svg { position: relative; display: block; border-radius: 60px; height: 41px; width: 41px; background: #e84e0f; } .header_icon_mob__svg svg { display: inline-block; margin: 8px 13px; } .header_time_mob { width: 37px; position: relative; font-style: normal; font-weight: 900; font-size: 13px; line-height: 18px; letter-spacing: 0.06em; color: #000000 !important; text-decoration: none; } .header_logo_mob, .header_bottom_but_popup_order, .header_icon_mob, .header_bj_mob, .header_time_block_mob { opacity: 1; transition: all .3s; } .header_menu_mob_opacity .header_logo_mob, .header_menu_mob_opacity .header_bottom_but_popup_order, .header_menu_mob_opacity .header_icon_mob, .header_menu_mob_opacity .header_bj_mob, .header_menu_mob_opacity .header_time_block_mob { opacity: 0; transition: all .3s; } /*--Yandex beij--*/ .header_menu_mob .header_bj_mob{ position: relative; } .header_bj_mob svg{ width: 66px; height: 30px; position: absolute; bottom: -13px; right: 18px; z-index: 80; } }/* ---------------------------------------*/ /* md <= Large (lg) IPad-Air*/ @media (max-width : 992px) { .block_head { background: #fbba00; position: static; } } /* sm <= Medium (md) IPad / IPad-Mini*/ @media (max-width : 768px) { .header_menu_mob{ background: #fbba00 !important; } .header_orange { background: #fbba00 !important; } } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (max-width : 576px) { .header_menu_mob { grid-template-columns: auto 100px 55px 101px 92px; } .header_time_mob { width: 57px; display: inline-block; font-size: 18px; transform: translate(-18px, 3px); } .header_bj_mob svg { width: 63px; height: 28px; bottom: -17px; right: 13px; } .header_bj_mob svg .bj_number { width: 23px; height: auto; transform: translate(-1px, -1px) scale(1.04); } } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (max-width :390px) { .header_menu_mob { grid-template-columns: auto 70px 55px 101px 92px; } } /*Small (xs) IPhone-10/11*/ @media (max-width :375px) { .header_menu_mob { grid-template-columns: auto 120px 55px 60px 60px; } /*WhatsApp link*/ .header_time_block_mob .header_contacts_social_mobile{ width: 18px; height: 25px; bottom: 2px; right: 8px; z-index: 80; } .header_time_block_mob .header_contacts_social_mobile img{ width: 17px; } } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (max-width :320px) { .header_time_block_mob { display: none; } .header_menu_mob { grid-template-columns: auto 120px 55px 60px; } } /* === MOBILE FIRST === */ /* Custom (xs) */ @media (min-width : 0) { /**/ } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (min-width : 320px) { /**/ } /* Small (xs) IPhone-10/11*/ @media (min-width : 375px) { /**/ } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (min-width : 390px) { /**/ } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (min-width : 576px) { /**/ } /* sm => Medium (md) IPad / IPad-Mini*/ @media (min-width : 768px) { /**/ } /* md => Large (lg) IPad-Air*/ @media (min-width : 992px) { /**/ } /* lg => Extra large (xl) IPad-Pro */ @media (min-width : 1024px) { /**/ } /* lg => Extra large (xl) IPad-Pro */ @media (min-width : 1025px) { .block_head ~ .block_head_gumburger { position: fixed; top: 40px; right: 18px; overflow: hidden; opacity: 1; transform: translateY(0px); transition: transform 800ms ease-out; cursor: pointer; } .bx-panel-fixed.bx-panel-folded ~ .block_head ~ .block_head_gumburger { position: fixed; top: 75px; right: 18px; } .block_head.block_head_fixed.block_head_min ~ .block_head_gumburger { transform: translateY(-25px); transition: transform 800ms ease-out; } .block_head__wrap { display: block; height: 123px; transition: height 750ms ease-out, padding 450ms ease; } .block_head__wrap.block_head_min { height: 73px; transition: height 750ms ease-out, padding 450ms ease; } .block_head { display: block; position: fixed; width: 100%; height: 123px; box-sizing: border-box; top: 0; z-index: 110; box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); transition: box-shadow 450ms ease, height 750ms ease-out, padding 450ms ease; } #bx-panel ~ .block_head, .bx-panel-fixed ~ .block_head { top: 147px; } #bx-panel.bx-panel-folded ~ .block_head, .bx-panel-fixed.bx-panel-folded ~ .block_head { top: 39px; } #bx-panel.bx-panel-folded ~.block_head.block_head_fixed, .block_head.block_head_fixed { top: 0; box-shadow: 0 3px 17px rgba(0, 0, 0, 0.19); transition: box-shadow 450ms ease ; } .block_head.block_head_fixed.block_head_min { height: 73px; transition: height 750ms ease-out, padding 450ms ease; } .block_head.block_head_fixed.block_head_min_reverse { height: 123px; transition: height 750ms ease-out, padding 450ms ease; } .block_head .block__in { max-width: 1680px; min-width: 320px; padding: 0rem 7rem 0rem 1.250rem !important; margin: 0 auto; position: relative; display: grid; grid-template-columns: 125px auto; align-items: start; gap: 0 19px; } .block_head .header_logo { grid-row-start: 1; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; margin-top: 2px; height: 125px; transition: height 450ms ease, margin-top 450ms ease; } .block_head.block_head_fixed.block_head_min .header_logo { margin-top: 0px; height: 73px; transition: height 450ms ease, margin-top 450ms ease; } .header_td { position: relative; } .header_title { z-index: 120; position: relative; display: inline-block; font-weight: 900; font-size: 24px; line-height: 1.1; letter-spacing: 0.03em; } .header_descr { width: 100%; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1.1; letter-spacing: 0.02em; } .header_top { grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 2; display: grid; grid-template-columns: auto 155px 221px; align-items: center; position: relative; margin-top: 16px; height: 53px; transition: all 600ms ease-out; align-content: center; } .block_head_min .header_top { margin-top: 10px; transition: all 600ms ease-out; } .header_pe, .but_popup { position: relative; z-index: 95; } .header_pe { display: grid; grid-template-columns: auto 40px; justify-content: end; align-items: end; align-content: space-between; position: relative; } /*--START BEIJ--*/ .header_top .header_bj{ } .header_top .header_contacts_social_min{ width: 17px; height: 17px; position: absolute; bottom: 14px; right: 29px; z-index: 100; transform: scale(0); transform-origin: 0% 100%; } .header_top .header_contacts_social_min img{ width: 17px; } .block_head_min .header_top .header_contacts_social_min { animation: both AnmaionCircleGreen 750ms ease-out; animation-delay: 200ms; } @keyframes AnmaionCircleGreen { 0%{ transform: scale(0); } 30%{ transform: scale(1.3); } 43%{ transform: scale(1.3); } 100%{ transform: scale(1); } } .block_head_min_reverse .header_top .header_contacts_social_min { animation: AnmaionCircleGreen_reverce 550ms ease-out; } @keyframes AnmaionCircleGreen_reverce { 0%{ transform: scale(1); opacity: 1; } 30%{ transform: scale(1.3); opacity: 1; } 63%{ transform: scale(1.3); opacity: 1; } 90%{ opacity: 0; } 100%{ transform: scale(0); opacity: 0; } } a.header_top_header_phone { grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 3; text-align: start; font-style: normal; font-weight: 900; font-size: 18px; line-height: 1.4; letter-spacing: 0.03em; color: #000000; text-decoration: none; transition: all 550ms ease; } a.header_top_header_phone:hover { color: #000; } a.header_top_header_email { font-size: 14px; font-weight: 700; text-decoration: none; line-height: 1.9; letter-spacing: 0.035em; text-align: right; color: #000; padding-right: 20px; transition: all 550ms ease; } .block_head.block_head_fixed.block_head_min a.header_top_header_email { font-size: 12px; padding-right: 15px; transition: all 550ms ease; } a.header_top_header_email:hover { color: #E84E0F; } .header_pe .header_contacts_social{ width: 22px; height: 22px; position: absolute; top: 1px; right: -1px; transform: scale(1); } .block_head_min .header_contacts_social { animation: both AnmaionCircleSocial 250ms ease-out; } @keyframes AnmaionCircleSocial { 0%{ transform: scale(1); opacity: 0; } 34%{ transform: scale(1.3); opacity: 1; } 43%{ transform: scale(1.3); opacity: 1; } 90%{ opacity: 1; } 100%{ transform: scale(0); opacity: 0; } } .block_head_min_reverse .header_contacts_social { animation: AnmaionCircleSocial_reverce 290ms ease-out; } @keyframes AnmaionCircleSocial_reverce { 0%{ transform: scale(0); opacity: 0; } 30%{ transform: scale(1.3); opacity: 0; } 43%{ transform: scale(1.3); opacity: 1; } 90%{ transform: scale(1); opacity: 1; } 100%{ transform: scale(1); opacity: 1; } } .header_top_header_time { width: 37px; position: relative; font-style: normal; font-weight: 900; font-size: 14px; line-height: 1.8; letter-spacing: 0.06em; color: #000000; } .but_popup { text-align: end; } .but_popup { font-style: normal; font-weight: 700; font-size: 16px; line-height: 41px; letter-spacing: 0.035em; color: #FFFFFF; cursor: pointer; text-align: center; display: inline-block; width: 105px; height: 41px; margin-left: 31px; border-radius: 80px; background: #e84e0f; transition: background 300ms ease; } a.but_popup { text-decoration: none; } .but_popup:hover { background: #000; color: #fff; transition: background 300ms ease; } /*head min style and animation*/ .block_head_min .header_title { animation: header_top_title 1.2s ease both; } .block_head_min_reverse .header_title { animation: header_top_title_reverse 1.2s ease both; } @keyframes header_top_title { 0% { transform: translateY(-10px) translateX(0px); } 100% { transform: translateY(0px) translateX(-55px); } } @keyframes header_top_title_reverse { 0% { transform: translateY(14px) translateX(-55px); } 100% { transform: translateY(0px) translateX(0px); } } .block_head_min .header_descr { animation: fade_out_descr 1.2s ease both; display: none; } .block_head_min_reverse .header_descr { animation: fade_out_descr_reverse 1.2s ease both; display: inline-block; } @keyframes fade_out_descr { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out_descr_reverse { 0% { opacity: 0; } 100% { opacity: 1; } } .block_head_min .header_bj { animation: fade_out_bj 1.2s ease both; display: none; } .block_head_min_reverse .header_bj { animation: fade_out_bj_reverse 1.2s ease both; display: inline-block; } @keyframes fade_out_bj { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out_bj_reverse { 0% { opacity: 0; } 100% { opacity: 1; } } .block_head_min .en_link { animation: fade_out 200ms ease both; } .block_head_min_reverse .en_link { animation: fade_out_reverse 2200ms ease both; } @keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out_reverse { 0% { opacity: 0; } 100% { opacity: 1; } } /*animation slide-out-top*/ /*head min style and animation убрать лишние пункты меню*/ .block_head .hide { opacity: 1; transition: opacity 2200ms ease; } .block_head.block_head_min .hide { opacity: 0; transition: opacity 200ms ease; } /*убрать лишние пункты меню*/ /*menu*/ .header_menu { display: grid; grid-template-columns: auto 57px; grid-row-start: 2; grid-row-end: 2; grid-column-start: 2; grid-column-end: 2; align-items: center; justify-items: stretch; position: relative; margin-top: -10px; transform: translateY(0px); transition: transform 800ms ease-out; } .block_head.block_head_fixed.block_head_min .header_menu { transform: translateY(-40px); transition: transform 800ms ease-out; } .block_head .primiry_menu { padding-right: 47px; } .primiry_menu nav > ul { list-style: none; display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: baseline; } .block_head .primiry_menu nav > ul > li:last-child { margin-right: 0; } .primiry_menu nav > ul .popup { position: absolute; left: 0; z-index: 102; display: none; } .block_head .primiry_menu nav > ul > li > a, .block_head .primiry_menu nav > ul > li > span { position: relative; display: block; padding: 14px 10px; font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: 0.02em; color: #000; text-decoration: none; transition: color 350ms ease; cursor: pointer; } .block_head .primiry_menu nav > ul > li > a:hover, .block_head .primiry_menu nav > ul > li > span:hover { color: #e84e0f; transition: color 350ms ease; cursor: pointer; } .block_head .primiry_menu nav > ul > li:first-child > a, .block_head .primiry_menu nav > ul > li:first-child > span { padding-left: 0; } .block_head .primiry_menu nav > ul > li:last-child > a, .block_head .primiry_menu nav > ul > li:last-child > span { padding-right: 0; } .has_ul_level_one { position: relative; } .has_ul_level_one::after { content: ""; position: absolute; height: 6px; width: 6px; border: 1px solid #000; transform: rotate(45deg); border-top: 0; border-left: none; right: -3px; top: calc(50% - 5px); transition: all .3s; transform-origin: center center; } .has_ul_level_one:hover::after { content: ""; position: absolute; height: 6px; width: 6px; border: 1px solid #E84E0F; transform: rotate(-135deg); border-top: 0; border-left: none; right: -3px; top: calc(60% - 6px); transition: all .3s; transform-origin: center center; } .header_sub_one, .header_sub_two, .header_sub_three { position: absolute; width: 260px; } .header_sub_one { box-shadow: 0 4px 8px #0000002b; } .header_sub_one li, .header_sub_two li, .header_sub_three li { position: relative; display: block; padding: 12px 15px; transition: all 500ms ease; } .header_sub_one li a, .header_sub_one li > span, .header_sub_two li a, .header_sub_two li > span, .header_sub_three li a, .header_sub_three li > span{ display: flex; align-items: flex-start; justify-content: flex-start; font-style: normal; font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: 0.02em; text-decoration: none; cursor: pointer; } .header_sub_one li a span, .header_sub_one li span span, .header_sub_two li span span, .header_sub_two li a span, .header_sub_three li span span, .header_sub_three li a span { margin-left: 0px; } .header_sub_one svg, .header_sub_two svg, .header_sub_three svg { max-width: 25px; max-height: 25px; margin-right: 10px; } /*header_sub_one*/ .header_sub_one { display: none; top: 100%; left: 0; border-radius: 4px 0 0 4px; background: #fff; color: #000; } .header_sub_one > .has-ul > span, .header_sub_one > .has-ul > a { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; } .header_sub_one > .has-ul > span::after, .header_sub_one > .has-ul > a::after, .header_sub_two > .has-ul > span::after, .header_sub_two > .has-ul > a::after { content: ""; position: absolute; height: 8px; width: 8px; border: 1px solid #E84E0F; transform: rotate(-45deg); border-top: 0; border-left: none; right: 10px; top: calc(50% - 8px); } li.has-ul:hover > .header_sub_one { display: block; } .header_sub_one > li > span, .header_sub_one > li > a { color: #000; } .header_sub_one > li:hover { background: #fbba00; } .header_sub_one > .has-ul:hover > span::after, .header_sub_one > .has-ul:hover > a::after, .header_sub_two > .has-ul:hover > span::after, .header_sub_two > .has-ul:hover > a::after { animation: arrow_main_next_20 700ms ease-out infinite; } /*Animaion function*/ @keyframes arrow_main_next_20{ 0%{ right: 10px; } 50%{ right: calc( 10px - 7px ); } 100%{ right: 10px; } } .header_sub_one > li:first-child:hover { border-radius: 4px 0 0 0; } .header_sub_one > li:last-child:hover { border-radius: 0 0 0 4px; } .header_sub_one > li:hover { background: #fbba00; } .header_sub_one > li:hover > span, .header_sub_one > li:hover > a { color: #E84E0F; } /*header_sub_two*/ .header_sub_two { display: none; top: 0; left: 100%; border-radius: 0 4px 4px 0; background: #000; } .header_sub_one li.has-ul:hover .header_sub_two { display: block; } .header_sub_two li a, .header_sub_two li span { position: relative; color: #fff; } .header_sub_two li:hover { background: #fbba00; } .header_sub_two > li:first-child:hover { border-radius: 0 4px 0 0; } .header_sub_two > li:last-child:hover { border-radius: 0 0 4px 0; } .header_sub_two li a svg path, .header_sub_two li span svg path{ fill: #fff; } .header_sub_two li:hover a, .header_sub_two li:hover span { color: #E84E0F; } .header_sub_two > li:hover > a > svg > path, .header_sub_two > li:hover > span > svg > path { fill: #000; } .header_sub_three { display: none; top: 0; left: 100%; border-radius: 0 4px 4px 0; background: #000; } .header_sub_one .header_sub_two li.has-ul:hover .header_sub_three { display: block; } .header_sub_three li a, .header_sub_three li span { color: #fff !important; } .header_sub_three li:hover { background: #E84E0F; } .header_sub_three > li:first-child:hover { border-radius: 0 4px 0 0; } .header_sub_three > li:last-child:hover { border-radius: 0 0 4px 0; } .header_sub_three li a svg path, .header_sub_three li span svg path { fill: #fff !important; } .header_sub_three li:hover a, .header_sub_three li:hover span { font-weight: 900; color: #000 !important; } .header_sub_three > li:hover > a > svg > path, .header_sub_three > li:hover > span > svg > path { fill: #000 !important; } .header_en_change { display: grid; grid-template-columns: 31px 26px; align-items: center; } .en_link { color: #000000 !important; text-decoration: none !important; } .header_en_change_desc { font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: right; letter-spacing: 0.015em; color: #000000; } } /* lg => Extra large (xl)*/ @media (min-width : 1200px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1400px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1530px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1920px) { /**/ } /* End */ /* Start:/local/components/dobrolov/header/templates/.default/style.min.css?173220275533122*/ .block_head.block_head_fixed .block__in .phone span, body.index .block_head .phone span { color: #885406; } .header_white { background: #fff; } .header_orange { background: #fbba00; } .block_head__wrap { display: none; height: 0; } .block_head { display: none; font-family: var(--userfont); -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } .header_menu_mob { display: none; } .block_head_min .block__in .header_top { grid-template-columns: auto 187px 41px; } /*Header microanimation Start*/ /*--------------------------------*/ /*Header microanimation Start*/ /*Header component Kit style - Section*/ .componentKit__header_main{ width: 100%; height: 123px; position: sticky; z-index: 200; display: block; transition: height 750ms ease-out, box-shadow 400ms ease, padding 450ms ease; padding: 2px 0px; } /*Animaion modification*/ .componentKit__header_main.modification{ height: 73px; padding: 0; transition: height 750ms ease-out, box-shadow 400ms ease, padding 450ms ease; } /*Header component Kit style - Container*/ .componentKit__header_main .componentKit__header_container{ width: 1160px; max-width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .componentKit__header_main .componentKit__header_row{ width: 100%; display: flex; flex-direction: row; align-items: flex-start; } /*Logo animation scroll Start*/ .logo__block_header{ height: 123px; transition: height 450ms ease; display: flex; align-items: center; } .componentKit__header_main.modification .logo__block_header{ height: 73px; transition: height 450ms ease; } /*Animation SVG*/ /*Block container animation*/ #logoAnimationMain{ width: 125px; height: 125.7px; overflow: hidden; border-radius: 100px; transform-origin: 50% 50%; margin-top: 2px; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain{ animation: both animationLogoScrollSize 800ms ease; transition: all 450ms ease; } @keyframes animationLogoScrollSize { 0%{ transform: scale(1); } 100%{ transform: scale(0.29); } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain{ animation: both animationLogoScrollSize_reverce 800ms ease; transition: all 450ms ease; } @keyframes animationLogoScrollSize_reverce { 0%{ transform: scale(0.29); } 100%{ transform: scale(1); } } /*Circle animation -Border*/ #logoAnimationMain .logo_main_circle{ overflow: hidden; fill: #FBBA00; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logo_main_circle{ animation: both animationLogoCircle 800ms ease; transition: all 450ms ease; } @keyframes animationLogoCircle { 0%{ fill: #FBBA00; } 100%{ fill: #FFFFFF; } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logo_main_circle{ animation: both animationLogoCircle_reverce 800ms ease; transition: all 450ms ease; } @keyframes animationLogoCircle_reverce { 0%{ fill: #FFFFFF; } 100%{ fill: #FBBA00; } } #logoAnimationMain .logo_main_circle_border{ stroke-width: 3.5px; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logo_main_circle_border{ animation:both animationLogoBorder 800ms ease; transition: all 450ms ease; } @keyframes animationLogoBorder{ 0%{ stroke-width: 3.5px; } 45%{ stroke-width: 3.5px; } 100%{ stroke-width: 12px; } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logo_main_circle_border{ animation: animationLogoBorder_reverce 800ms ease; transition: all 450ms ease; animation-direction: alternate; } @keyframes animationLogoBorder_reverce{ 0%{ stroke-width: 12px; } 45%{ stroke-width: 3.5px; } 100%{ stroke-width: 3.5px; } } #logoAnimationMain .logoFace_hero{ transform: translate(58px, 2px) scale(1); opacity: 1; transition: all 200ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logoFace_hero{ animation:both animationLogoMainFace 1ms ease; transition: all 200ms ease; } @keyframes animationLogoMainFace{ 0%{ opacity: 1; transform: translate(58px, 2px) scale(1); } 100%{ opacity: 0; transform: translate(58px, 2px) scale(0); } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logoFace_hero{ transform: translate(58px, 2px) scale(0); animation: animationLogoMainFaceReverce 30ms ease; animation-delay: 552ms; animation-fill-mode: forwards; opacity: 1; transition: all 200ms ease; } @keyframes animationLogoMainFaceReverce{ 0%{ transform: translate(58px, 2px) scale(0); } 100%{ transform: translate(58px, 2px) scale(1); } } /*Hero Simvol D - Hidden*/ #logoAnimationMain .logo_main_group .logoDobrolov_Simvol{ fill:#1D1D1B; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logo_main_group .logoDobrolov_Simvol{ animation:both animationSimvolD 700ms ease; transition: all 450ms ease; } @keyframes animationSimvolD{ 0%{ fill:#1D1D1B; } 70%{ fill:#1D1D1B; } 100%{ fill: #FBBA00; } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logo_main_group .logoDobrolov_Simvol{ animation: animationSimvolD_reverce 700ms ease; transition: all 450ms ease; } @keyframes animationSimvolD_reverce{ 0%{ fill:#FBBA00; } 70%{ fill:#1D1D1B; } 100%{ fill:#1D1D1B; } } /*Hero body animation*/ #logoAnimationMain .logo_main_group{ transform: translateY(0px) scale(1); transform-origin: 50% 0%; transition: all 450ms ease; } /*Animaion modification*/ .componentKit__header_main.modification #logoAnimationMain .logo_main_group{ animation:both animationLogoMain 800ms ease; transition: all 450ms ease; } @keyframes animationLogoMain{ 0%{ transform: translateY(0px) scale(1); } 100%{ transform: translateY(18px) scale(4.1); } } /*Animaion modification reverce*/ .componentKit__header_main.modification_top #logoAnimationMain .logo_main_group{ animation: animationLogoMain_reverce 800ms ease; transition: all 450ms ease; } @keyframes animationLogoMain_reverce{ 0%{ transform: translateY(18px) scale(4.1); } 100%{ transform: translateY(0px) scale(1); } } /*Logo animation scroll END*/ /*---------------------------------*/ /*gumburger*/ /*Icons morf*/ .block_head_gumburger { width: 47px; height: 35px; padding: 5px 0px; background-color: transparent; display: block; cursor: pointer; z-index: 300; } .btn-active .close { width: 15px; height: 4px; position: absolute; top: 42%; right: 10px; margin-top: -1px; margin-left: -15px; background-color: var(--accent-dobrolov); } .btn-active .close:before, .btn-active .close:after{ content: ""; width: 26px; height: 4px; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -7px; background-color: var(--accent-dobrolov); transform: translateY(-10px); transition: all 200ms ease; } .btn-active .close:after { transform: translateY(8px); } /*Icons morf active*/ .btn-active_active .close { height: 0px; } .btn-active_active .close:before { transform: rotate(45deg); } .btn-active_active .close:after { transform: rotate(-45deg); } /*Icon forward line*/ .btn-active .line_icon { width: 7px; height: 4px; position: absolute; top: 2px; left: 0px; margin-top: -2px; margin-left: -15px; background-color: var(--accent-dobrolov); transform: translateX(0px); opacity: 1; transition: all 250ms ease; } .btn-active .line_icon:before, .btn-active .line_icon:after{ content: ""; width: 12px; height: 4px; position: absolute; top: 2px; left: 0px; margin-top: -1px; margin-left: -5px; background-color: var(--accent-dobrolov); transform: translateY(-10px); transition: all 250ms ease; } .btn-active .line_icon:after { transform: translateY(8px); } /*Icons morf active*/ .btn-active_active .line_icon { transform: translateX(15px); opacity: 0; } .btn-active_active .line_icon:before { margin-left: -15px; } .btn-active_active .line_icon:after { margin-left: -15px; } /*Header menu*/ .header_menu .block_head_gumburger_main { width: 47px; height: 35px; padding: 5px 0px; background-color: transparent; position: absolute; top: 46px; right: 24px; display: block; cursor: pointer; z-index: 300; } /*Icon forward line*/ .header_menu .btn-active .line_icon { width: 7px; height: 4px; position: absolute; top: 1px; left: 0px; margin-top: -1px; margin-left: -15px; background-color: var(--accent-dobrolov); transform: translateX(0px); opacity: 1; transition: all 250ms ease; } .header_menu .btn-active .line_icon:before, .header_menu .btn-active .line_icon:after{ content: ""; width: 12px; height: 4px; position: absolute; top: 2px; left: 0px; margin-top: -1px; margin-left: -5px; background-color: var(--accent-dobrolov); transform: translateY(-10px); transition: all 250ms ease; } .header_menu .btn-active .line_icon:after { transform: translateY(8px); } /*Icons morf active*/ .header_menu .btn-active_active .line_icon { transform: translateX(15px); opacity: 0; } .header_menu .btn-active_active .line_icon:before { margin-left: -15px; } .header_menu .btn-active_active .line_icon:after { margin-left: -15px; } .mob-menu { width: 260px; position: fixed; top: 0; right: 0; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; background-color: #fff; z-index: 200; transform: translateX(100%); background-color: #000000; opacity: 0; transition: all 450ms ease-out; } .mob-menu .list_menu { display: flex; height: 50%; align-items: flex-start; flex-direction: column; list-style: none; font-weight: 700; font-size: 20px; color: #fff; } .mob-menu .list_menu li{ margin-bottom: 15px; } .mob-menu .list_menu a{ text-decoration: none; color: #fff; } /*Active menu right block*/ .menu-activ { transform: translateX(0); opacity: 1; } /*end gumburger*/ /* === DESKTOP FIRST === */ /* xl <= Extra Full Large (xxxl) */ @media (max-width : 1920px) { /**/ } /* xl <= Extra extra large (xxl) */ @media (max-width : 1530px) { /**/ } /* xl <= Extra extra large (xxl) */ @media (max-width : 1400px) { /**/ } /* lg <= Extra large (xl)*/ @media (max-width : 1200px) { /**/ } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (max-width : 1025px) { /**/ } /* md <= Large (lg) IPad-Air*/ @media (max-width : 1024px) { .header_menu_mob ~ .block_head_gumburger { position: fixed; top: 10px; right: 18px; } .bx-panel-fixed.bx-panel-folded ~ .header_menu_mob ~ .block_head_gumburger { position: fixed; top: 45px; right: 18px; } .header_menu_mob_opacity.header_white, .header_menu_mob_opacity.header_orange { background: transparent !important; } .block_head__wrap { display: block; height: 53px; transition: height 500ms ease-out; } .block_head__wrap.block_head_min { height: 0px; transition: height 500ms ease-out; } .block_head_min .block__in .header_top { grid-template-columns: auto 187px 41px; } .bx-panel-fixed ~ .header_menu_mob { top: 147px; } .bx-panel-fixed.bx-panel-folded ~ .header_menu_mob { top: 39px; } .headerMobDobrolov { z-index: -1; position: fixed; display: block; right: 10px; bottom: 10px; writing-mode: vertical-rl; font-size: 40px; color: #00000020; font-weight: 800; animation: focus-in-contract 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @keyframes focus-in-contract { 0% { letter-spacing: 1em; filter: blur(12px); opacity: 0; } 100% { filter: blur(0px); opacity: 1; } } .header_menu_mob { box-shadow: 0 0 0 #00000036; position: fixed; display: grid; grid-template-columns: auto 120px 55px 140px 80px; align-items: center; width: 100%; height: 53px; top: 0; z-index: 110; transition: all .3s; } /*WhatsApp link*/ .header_menu_mob .header_time_block_mob{ position: relative; } .header_time_block_mob .header_contacts_social_mobile{ width: 30px; height: 30px; position: absolute; bottom: 2px; right: -2px; z-index: 80; } .header_time_block_mob .header_contacts_social_mobile img{ width: 25px; } .IsAuthorized .header_menu_mob { top: 39px; } .header_logo_mob { padding-left: 10px; } .header_logo_mob svg { display: block; } .header_bottom_but_popup { font-style: normal; font-weight: 700; font-size: 16px; line-height: 40px; letter-spacing: 0.035em; color: #FFFFFF; cursor: pointer; text-align: center; display: inline-block; width: 105px; height: 40px; border-radius: 80px; background: #e84e0f; transition: all .3s; } .header_icon_mob__svg { position: relative; display: block; border-radius: 60px; height: 41px; width: 41px; background: #e84e0f; } .header_icon_mob__svg svg { display: inline-block; margin: 8px 13px; } .header_time_mob { width: 37px; position: relative; font-style: normal; font-weight: 900; font-size: 13px; line-height: 18px; letter-spacing: 0.06em; color: #000000 !important; text-decoration: none; } .header_logo_mob, .header_bottom_but_popup_order, .header_icon_mob, .header_bj_mob, .header_time_block_mob { opacity: 1; transition: all .3s; } .header_menu_mob_opacity .header_logo_mob, .header_menu_mob_opacity .header_bottom_but_popup_order, .header_menu_mob_opacity .header_icon_mob, .header_menu_mob_opacity .header_bj_mob, .header_menu_mob_opacity .header_time_block_mob { opacity: 0; transition: all .3s; } /*--Yandex beij--*/ .header_menu_mob .header_bj_mob{ position: relative; } .header_bj_mob svg{ width: 66px; height: 30px; position: absolute; bottom: -13px; right: 18px; z-index: 80; } }/* ---------------------------------------*/ /* md <= Large (lg) IPad-Air*/ @media (max-width : 992px) { .block_head { background: #fbba00; position: static; } } /* sm <= Medium (md) IPad / IPad-Mini*/ @media (max-width : 768px) { .header_menu_mob{ background: #fbba00 !important; } .header_orange { background: #fbba00 !important; } } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (max-width : 576px) { .header_menu_mob { grid-template-columns: auto 100px 55px 101px 92px; } .header_time_mob { width: 57px; display: inline-block; font-size: 18px; transform: translate(-18px, 3px); } .header_bj_mob svg { width: 63px; height: 28px; bottom: -17px; right: 13px; } .header_bj_mob svg .bj_number { width: 23px; height: auto; transform: translate(-1px, -1px) scale(1.04); } } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (max-width :390px) { .header_menu_mob { grid-template-columns: auto 70px 55px 101px 92px; } } /*Small (xs) IPhone-10/11*/ @media (max-width :375px) { .header_menu_mob { grid-template-columns: auto 120px 55px 60px 60px; } /*WhatsApp link*/ .header_time_block_mob .header_contacts_social_mobile{ width: 18px; height: 25px; bottom: 2px; right: 8px; z-index: 80; } .header_time_block_mob .header_contacts_social_mobile img{ width: 17px; } } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (max-width :320px) { .header_time_block_mob { display: none; } .header_menu_mob { grid-template-columns: auto 120px 55px 60px; } } /* === MOBILE FIRST === */ /* Custom (xs) */ @media (min-width : 0) { /**/ } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (min-width : 320px) { /**/ } /* Small (xs) IPhone-10/11*/ @media (min-width : 375px) { /**/ } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (min-width : 390px) { /**/ } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (min-width : 576px) { /**/ } /* sm => Medium (md) IPad / IPad-Mini*/ @media (min-width : 768px) { /**/ } /* md => Large (lg) IPad-Air*/ @media (min-width : 992px) { /**/ } /* lg => Extra large (xl) IPad-Pro */ @media (min-width : 1024px) { /**/ } /* lg => Extra large (xl) IPad-Pro */ @media (min-width : 1025px) { .block_head ~ .block_head_gumburger { position: fixed; top: 40px; right: 18px; overflow: hidden; opacity: 1; transform: translateY(0px); transition: transform 800ms ease-out; cursor: pointer; } .bx-panel-fixed.bx-panel-folded ~ .block_head ~ .block_head_gumburger { position: fixed; top: 75px; right: 18px; } .block_head.block_head_fixed.block_head_min ~ .block_head_gumburger { transform: translateY(-25px); transition: transform 800ms ease-out; } .block_head__wrap { display: block; height: 123px; transition: height 750ms ease-out, padding 450ms ease; } .block_head__wrap.block_head_min { height: 73px; transition: height 750ms ease-out, padding 450ms ease; } .block_head { display: block; position: fixed; width: 100%; height: 123px; box-sizing: border-box; top: 0; z-index: 110; box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); transition: box-shadow 450ms ease, height 750ms ease-out, padding 450ms ease; } #bx-panel ~ .block_head, .bx-panel-fixed ~ .block_head { top: 147px; } #bx-panel.bx-panel-folded ~ .block_head, .bx-panel-fixed.bx-panel-folded ~ .block_head { top: 39px; } #bx-panel.bx-panel-folded ~.block_head.block_head_fixed, .block_head.block_head_fixed { top: 0; box-shadow: 0 3px 17px rgba(0, 0, 0, 0.19); transition: box-shadow 450ms ease ; } .block_head.block_head_fixed.block_head_min { height: 73px; transition: height 750ms ease-out, padding 450ms ease; } .block_head.block_head_fixed.block_head_min_reverse { height: 123px; transition: height 750ms ease-out, padding 450ms ease; } .block_head .block__in { max-width: 1680px; min-width: 320px; padding: 0rem 7rem 0rem 1.250rem !important; margin: 0 auto; position: relative; display: grid; grid-template-columns: 125px auto; align-items: start; gap: 0 19px; } .block_head .header_logo { grid-row-start: 1; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; margin-top: 2px; height: 125px; transition: height 450ms ease, margin-top 450ms ease; } .block_head.block_head_fixed.block_head_min .header_logo { margin-top: 0px; height: 73px; transition: height 450ms ease, margin-top 450ms ease; } .header_td { position: relative; } .header_title { z-index: 120; position: relative; display: inline-block; font-weight: 900; font-size: 24px; line-height: 1.1; letter-spacing: 0.03em; } .header_descr { width: 100%; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1.1; letter-spacing: 0.02em; } .header_top { grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 2; display: grid; grid-template-columns: auto 155px 221px; align-items: center; position: relative; margin-top: 16px; height: 53px; transition: all 600ms ease-out; align-content: center; } .block_head_min .header_top { margin-top: 10px; transition: all 600ms ease-out; } .header_pe, .but_popup { position: relative; z-index: 95; } .header_pe { display: grid; grid-template-columns: auto 40px; justify-content: end; align-items: end; align-content: space-between; position: relative; } /*--START BEIJ--*/ .header_top .header_bj{ } .header_top .header_contacts_social_min{ width: 17px; height: 17px; position: absolute; bottom: 14px; right: 29px; z-index: 100; transform: scale(0); transform-origin: 0% 100%; } .header_top .header_contacts_social_min img{ width: 17px; } .block_head_min .header_top .header_contacts_social_min { animation: both AnmaionCircleGreen 750ms ease-out; animation-delay: 200ms; } @keyframes AnmaionCircleGreen { 0%{ transform: scale(0); } 30%{ transform: scale(1.3); } 43%{ transform: scale(1.3); } 100%{ transform: scale(1); } } .block_head_min_reverse .header_top .header_contacts_social_min { animation: AnmaionCircleGreen_reverce 550ms ease-out; } @keyframes AnmaionCircleGreen_reverce { 0%{ transform: scale(1); opacity: 1; } 30%{ transform: scale(1.3); opacity: 1; } 63%{ transform: scale(1.3); opacity: 1; } 90%{ opacity: 0; } 100%{ transform: scale(0); opacity: 0; } } a.header_top_header_phone { grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 3; text-align: start; font-style: normal; font-weight: 900; font-size: 18px; line-height: 1.4; letter-spacing: 0.03em; color: #000000; text-decoration: none; transition: all 550ms ease; } a.header_top_header_phone:hover { color: #000; } a.header_top_header_email { font-size: 14px; font-weight: 700; text-decoration: none; line-height: 1.9; letter-spacing: 0.035em; text-align: right; color: #000; padding-right: 20px; transition: all 550ms ease; } .block_head.block_head_fixed.block_head_min a.header_top_header_email { font-size: 12px; padding-right: 15px; transition: all 550ms ease; } a.header_top_header_email:hover { color: #E84E0F; } .header_pe .header_contacts_social{ width: 22px; height: 22px; position: absolute; top: 1px; right: -1px; transform: scale(1); } .block_head_min .header_contacts_social { animation: both AnmaionCircleSocial 250ms ease-out; } @keyframes AnmaionCircleSocial { 0%{ transform: scale(1); opacity: 0; } 34%{ transform: scale(1.3); opacity: 1; } 43%{ transform: scale(1.3); opacity: 1; } 90%{ opacity: 1; } 100%{ transform: scale(0); opacity: 0; } } .block_head_min_reverse .header_contacts_social { animation: AnmaionCircleSocial_reverce 290ms ease-out; } @keyframes AnmaionCircleSocial_reverce { 0%{ transform: scale(0); opacity: 0; } 30%{ transform: scale(1.3); opacity: 0; } 43%{ transform: scale(1.3); opacity: 1; } 90%{ transform: scale(1); opacity: 1; } 100%{ transform: scale(1); opacity: 1; } } .header_top_header_time { width: 37px; position: relative; font-style: normal; font-weight: 900; font-size: 14px; line-height: 1.8; letter-spacing: 0.06em; color: #000000; } .but_popup { text-align: end; } .but_popup { font-style: normal; font-weight: 700; font-size: 16px; line-height: 41px; letter-spacing: 0.035em; color: #FFFFFF; cursor: pointer; text-align: center; display: inline-block; width: 105px; height: 41px; margin-left: 31px; border-radius: 80px; background: #e84e0f; transition: background 300ms ease; } a.but_popup { text-decoration: none; } .but_popup:hover { background: #000; color: #fff; transition: background 300ms ease; } /*head min style and animation*/ .block_head_min .header_title { animation: header_top_title 1.2s ease both; } .block_head_min_reverse .header_title { animation: header_top_title_reverse 1.2s ease both; } @keyframes header_top_title { 0% { transform: translateY(-10px) translateX(0px); } 100% { transform: translateY(0px) translateX(-55px); } } @keyframes header_top_title_reverse { 0% { transform: translateY(14px) translateX(-55px); } 100% { transform: translateY(0px) translateX(0px); } } .block_head_min .header_descr { animation: fade_out_descr 1.2s ease both; display: none; } .block_head_min_reverse .header_descr { animation: fade_out_descr_reverse 1.2s ease both; display: inline-block; } @keyframes fade_out_descr { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out_descr_reverse { 0% { opacity: 0; } 100% { opacity: 1; } } .block_head_min .header_bj { animation: fade_out_bj 1.2s ease both; display: none; } .block_head_min_reverse .header_bj { animation: fade_out_bj_reverse 1.2s ease both; display: inline-block; } @keyframes fade_out_bj { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out_bj_reverse { 0% { opacity: 0; } 100% { opacity: 1; } } .block_head_min .en_link { animation: fade_out 200ms ease both; } .block_head_min_reverse .en_link { animation: fade_out_reverse 2200ms ease both; } @keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out_reverse { 0% { opacity: 0; } 100% { opacity: 1; } } /*animation slide-out-top*/ /*head min style and animation убрать лишние пункты меню*/ .block_head .hide { opacity: 1; transition: opacity 2200ms ease; } .block_head.block_head_min .hide { opacity: 0; transition: opacity 200ms ease; } /*убрать лишние пункты меню*/ /*menu*/ .header_menu { display: grid; grid-template-columns: auto 57px; grid-row-start: 2; grid-row-end: 2; grid-column-start: 2; grid-column-end: 2; align-items: center; justify-items: stretch; position: relative; margin-top: -10px; transform: translateY(0px); transition: transform 800ms ease-out; } .block_head.block_head_fixed.block_head_min .header_menu { transform: translateY(-40px); transition: transform 800ms ease-out; } .block_head .primiry_menu { padding-right: 47px; } .primiry_menu nav > ul { list-style: none; display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: baseline; } .block_head .primiry_menu nav > ul > li:last-child { margin-right: 0; } .primiry_menu nav > ul .popup { position: absolute; left: 0; z-index: 102; display: none; } .block_head .primiry_menu nav > ul > li > a, .block_head .primiry_menu nav > ul > li > span { position: relative; display: block; padding: 14px 10px; font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: 0.02em; color: #000; text-decoration: none; transition: color 350ms ease; cursor: pointer; } .block_head .primiry_menu nav > ul > li > a:hover, .block_head .primiry_menu nav > ul > li > span:hover { color: #e84e0f; transition: color 350ms ease; cursor: pointer; } .block_head .primiry_menu nav > ul > li:first-child > a, .block_head .primiry_menu nav > ul > li:first-child > span { padding-left: 0; } .block_head .primiry_menu nav > ul > li:last-child > a, .block_head .primiry_menu nav > ul > li:last-child > span { padding-right: 0; } .has_ul_level_one { position: relative; } .has_ul_level_one::after { content: ""; position: absolute; height: 6px; width: 6px; border: 1px solid #000; transform: rotate(45deg); border-top: 0; border-left: none; right: -3px; top: calc(50% - 5px); transition: all .3s; transform-origin: center center; } .has_ul_level_one:hover::after { content: ""; position: absolute; height: 6px; width: 6px; border: 1px solid #E84E0F; transform: rotate(-135deg); border-top: 0; border-left: none; right: -3px; top: calc(60% - 6px); transition: all .3s; transform-origin: center center; } .header_sub_one, .header_sub_two, .header_sub_three { position: absolute; width: 260px; } .header_sub_one { box-shadow: 0 4px 8px #0000002b; } .header_sub_one li, .header_sub_two li, .header_sub_three li { position: relative; display: block; padding: 12px 15px; transition: all 500ms ease; } .header_sub_one li a, .header_sub_one li > span, .header_sub_two li a, .header_sub_two li > span, .header_sub_three li a, .header_sub_three li > span{ display: flex; align-items: flex-start; justify-content: flex-start; font-style: normal; font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: 0.02em; text-decoration: none; cursor: pointer; } .header_sub_one li a span, .header_sub_one li span span, .header_sub_two li span span, .header_sub_two li a span, .header_sub_three li span span, .header_sub_three li a span { margin-left: 0px; } .header_sub_one svg, .header_sub_two svg, .header_sub_three svg { max-width: 25px; max-height: 25px; margin-right: 10px; } /*header_sub_one*/ .header_sub_one { display: none; top: 100%; left: 0; border-radius: 4px 0 0 4px; background: #fff; color: #000; } .header_sub_one > .has-ul > span, .header_sub_one > .has-ul > a { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; } .header_sub_one > .has-ul > span::after, .header_sub_one > .has-ul > a::after, .header_sub_two > .has-ul > span::after, .header_sub_two > .has-ul > a::after { content: ""; position: absolute; height: 8px; width: 8px; border: 1px solid #E84E0F; transform: rotate(-45deg); border-top: 0; border-left: none; right: 10px; top: calc(50% - 8px); } li.has-ul:hover > .header_sub_one { display: block; } .header_sub_one > li > span, .header_sub_one > li > a { color: #000; } .header_sub_one > li:hover { background: #fbba00; } .header_sub_one > .has-ul:hover > span::after, .header_sub_one > .has-ul:hover > a::after, .header_sub_two > .has-ul:hover > span::after, .header_sub_two > .has-ul:hover > a::after { animation: arrow_main_next_20 700ms ease-out infinite; } /*Animaion function*/ @keyframes arrow_main_next_20{ 0%{ right: 10px; } 50%{ right: calc( 10px - 7px ); } 100%{ right: 10px; } } .header_sub_one > li:first-child:hover { border-radius: 4px 0 0 0; } .header_sub_one > li:last-child:hover { border-radius: 0 0 0 4px; } .header_sub_one > li:hover { background: #fbba00; } .header_sub_one > li:hover > span, .header_sub_one > li:hover > a { color: #E84E0F; } /*header_sub_two*/ .header_sub_two { display: none; top: 0; left: 100%; border-radius: 0 4px 4px 0; background: #000; } .header_sub_one li.has-ul:hover .header_sub_two { display: block; } .header_sub_two li a, .header_sub_two li span { position: relative; color: #fff; } .header_sub_two li:hover { background: #fbba00; } .header_sub_two > li:first-child:hover { border-radius: 0 4px 0 0; } .header_sub_two > li:last-child:hover { border-radius: 0 0 4px 0; } .header_sub_two li a svg path, .header_sub_two li span svg path{ fill: #fff; } .header_sub_two li:hover a, .header_sub_two li:hover span { color: #E84E0F; } .header_sub_two > li:hover > a > svg > path, .header_sub_two > li:hover > span > svg > path { fill: #000; } .header_sub_three { display: none; top: 0; left: 100%; border-radius: 0 4px 4px 0; background: #000; } .header_sub_one .header_sub_two li.has-ul:hover .header_sub_three { display: block; } .header_sub_three li a, .header_sub_three li span { color: #fff !important; } .header_sub_three li:hover { background: #E84E0F; } .header_sub_three > li:first-child:hover { border-radius: 0 4px 0 0; } .header_sub_three > li:last-child:hover { border-radius: 0 0 4px 0; } .header_sub_three li a svg path, .header_sub_three li span svg path { fill: #fff !important; } .header_sub_three li:hover a, .header_sub_three li:hover span { font-weight: 900; color: #000 !important; } .header_sub_three > li:hover > a > svg > path, .header_sub_three > li:hover > span > svg > path { fill: #000 !important; } .header_en_change { display: grid; grid-template-columns: 31px 26px; align-items: center; } .en_link { color: #000000 !important; text-decoration: none !important; } .header_en_change_desc { font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: right; letter-spacing: 0.015em; color: #000000; } } /* lg => Extra large (xl)*/ @media (min-width : 1200px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1400px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1530px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1920px) { /**/ } /* End */ /* Start:/local/components/dobrolov/menu/templates/.default/style.css?16752467872*/ /* End */ /* Start:/local/components/dobrolov/menu/templates/rightblacknew/style.min.css?175983628710677*/ /* right block black */ .overflow_body { height: 100%; overflow: hidden; width: 100%; } .menu-popup-black { display: none; position: fixed; z-index: 90; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .1); } .menu-popup { font-family: "Ekibastuz", sans-serif; transition: .5s; background: #000; width: 260px; position: fixed; z-index: 110; top: 0; right: -260px; bottom: 0; height: 100%; overflow: hidden; box-sizing: border-box; padding: 48px 15px 38px 35px; } .menu-popup.active { right: 0; overflow-y: auto; } .menu-popup .menu-popup-in { min-height: 100%; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: stretch; display: flex; } .menu-popup .img { width: 120px; margin: 0 0px 0 20px; transition: all 750ms ease; } .menu-popup .img .img_logo_menu { width: 150px; height: auto; } .menu-popup .menu { flex-grow: 1; padding: 0 0; margin-left: -35px; margin-right: -15px; margin-bottom: 25px; } .menu-popup .menu_d_rait{ margin-bottom: 15px; } .menu-popup .menu ul { list-style: none; } .menu-popup .menu li { } .menu-popup .menu li a, .menu-popup .menu li span { color: #fff; /*font-size: 18px;*/ /*font-weight: 700;*/ text-decoration: none; transition: all .3s; cursor: pointer; } .menu-popup .menu li.active a, .menu-popup .menu li a:hover, .menu-popup .menu li.active span, .menu-popup .menu li span:hover{ color: #E84E0F; transition: all .3s; } .menu-popup .menu li.bottom { margin-bottom: 60px; } .menu_type_right li.service { padding-left: 87px; padding-right: 15px; margin-top: 15px; } .menu_type_right li.service:nth-child(13) a span{ color: #E84E0F; } .menu_type_right li.service a { position: relative; } .menu_type_right li.service a svg { position: absolute; left: -56px; } .menu_type_right li.service span { font-size: 20px; font-weight: 700; } .menu_type_right li.contact { padding-left: 27px; padding-right: 15px; margin-top: 15px; } .menu_type_right li.contact span { font-size: 18px; font-weight: 700; } .span_contact { margin-left: 10px; } .menu_type_right li.contact a { display: flex; align-items: center; align-content: center; flex-direction: row; } .menu_type_right li svg { width: 25px; height: 25px; transition: all 850ms ease; } .menu_type_right li svg path{ fill: #fff; } .menu_type_right li svg.blog_menu_right_icons path{ fill: revert-layer; } .menu_type_right li svg.arrow path{ fill: none; } /*level 1*/ .menu_type_right li.item.sub { border-bottom: 2px solid #373737; margin-bottom: 0; } .menu_type_right li.item.sub > span { position: relative; display: grid; grid-template-columns: 25px auto; color: #fff; font-size: 20px; font-weight: 700; text-decoration: none; transition: all .3s; cursor: pointer; flex-direction: row; align-items: center; align-content: center; padding-top: 10px; padding-bottom: 10px; padding-left: 27px; padding-right: 15px; } .sub_span { margin-left: 30px; } .menu_type_right li.item.sub > span::after { content: ""; position: absolute; height: 19px; width: 19px; background: url("/local/components/dobrolov/menu/templates/rightblacknew/./images/Icons_navigation_arrow.svg") no-repeat; transform: rotate(0deg); left: 55px; top: calc(50% - 10px); transform-origin: center center; transition: all .3s ease; } .menu_type_right li.item.sub:hover > span, .menu_type_right li.item.sub.active > span { background: #fff; color: #000; } .menu_type_right li.item.sub:hover > span > span, .menu_type_right li.item.sub.active > span > span { color: #000; } .menu_type_right li.item.sub:hover > span::after, .menu_type_right li.item.sub.active > span::after { top: calc(50% - 10px); transform: rotate(-180deg); transition: all .3s ease; } .menu_type_right li.item.sub:hover > span svg path, .menu_type_right li.item.sub.active > span svg path { fill: black; transition: all .3s ease; } /*level 2*/ .menu_type_right_subs { overflow: hidden; padding-top: 0px; max-height: 0px; transition: all .3s ease; } .menu_type_right li.item.sub.active .menu_type_right_subs { display: block; padding-top: 15px; max-height: 800px; transition: all .3s ease; } .menu_type_right_subs li.items.subs , .menu_type_right_subs li.items.subs { margin-bottom: 0px; } .menu_type_right_subs li.items.subs a, .menu_type_right_subs li.items.subs > span { position: relative; display: grid; /*grid-template-columns: 25px auto;*/ grid-template-columns: 25px 30px auto; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; transition: all .3s; cursor: pointer; flex-direction: row; align-items: start; align-content: center; /*padding-top: 4px;*/ padding-bottom: 15px; padding-left: 27px; padding-right: 15px; } .menu_type_right_subs li.items.subs a span, .menu_type_right_subs li.items.subs > span span { margin-top: 2px; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; } .menu_type_right_subs li.items.subs:hover a, .menu_type_right_subs li.items.subs:hover span { color: #E84E0F; transition: all .3s ease; } .menu_type_right_subs li.items.subs svg.arrow { margin-top: 3px; width: 19px; height: 19px; transition: all 850ms ease; transform: rotate(-90deg); transition: all .3s ease; } .menu_type_right_subs li.items.subs:hover > a svg path, .menu_type_right_subs li.items.subs.active > a svg path, .menu_type_right_subs li.items.subs:hover > span svg path, .menu_type_right_subs li.items.subs.active > span svg path { fill: #E84E0F; transition: all .3s ease; } .menu_type_right_subs li.items.subs:hover svg.arrow path, .menu_type_right_subs li.items.subs.active svg.arrow path { fill: #000; stroke: #E84E0F; transition: all .3s ease; } .menu_type_right_subs li.items.subs:hover svg.arrow { animation: arrow_main_next_00 700ms ease-out infinite; } /*Animaion function*/ @keyframes arrow_main_next_00{ 0%{ margin-left: 0px; } 50%{ margin-left: 9px; } 100%{ margin-left: 0px; } } /* //level 2*/ .right_menu_social { display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; flex-wrap: wrap; margin: 21px 0px 36px 0px; } .right_menu_social .menu-right_en_change .right_menu-icons_en, .right_menu_social .menu-right_contackt_change .right_menu-icons_contackt{ margin-top: 4px; } .right_menu_social .menu-right_contackt_change{ width: 31px; height: 31px; position: relative; z-index: 1; margin-left: -6px; } .right_menu_social .menu-right_contackt_change:before{ content: ""; width: 35px; height: 35px; background-color: #E84E0F; border-radius: 100px; position: absolute; top: -5px; left: -5px; z-index: -1; } .right_menu_social svg { height: 25px; } .right_menu_social .right_menu_s_one{ width: 93%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0px 0px 0px 0px; } .right_menu_social .right_menu_s_two{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0px 0px 0px 0px; transform: translate(-6px, 16px); } .right_menu_social .right_menu_s_two .d_right_rutube{ width: 30px; height: 30px; transform: translate(-2px, 0px); } .right_menu_social .right_menu_s_two .d_right_vk_video{ width: 30px; height: 30px; transform: translate(-7px, 0px); } .menu-popup .info { font-size: 13px; color: #fff; margin-bottom: 25px; } .button0 { margin: 0 auto 45px auto; } .button0 a { color: #fff; font-size: 14px; font-weight: 500; border-radius: 30px; background-color: #E84E0F; background-position: center center; transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out; display: inline-block; height: 40px; line-height: 40px; text-decoration: none; padding: 0 22px; } .button0 a:hover { color: #000; background-color: #fff; } /* === DESKTOP FIRST === */ /* xl <= Extra Full Large (xxxl) */ @media (max-width : 1920px) { /**/ } /* xl <= Extra extra large (xxl) */ @media (max-width : 1530px) { /**/ } /* xl <= Extra extra large (xxl) */ @media (max-width : 1400px) { /**/ } /* lg <= Extra large (xl)*/ @media (max-width : 1200px) { /**/ } /* md <= Large (lg) IPad-Air*/ @media (max-width : 1024px) { /**/ } /* md <= Large (lg) IPad-Air*/ @media (max-width : 992px) { /**/ } /* sm <= Medium (md) IPad / IPad-Mini*/ @media (max-width : 768px) { /**/ } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (max-width : 576px) { .menu-popup-black { z-index: 180; } .menu-popup { z-index: 190; } .right_menu_social a{ display: block; margin-left: 16px; } .right_menu_social .d_right-menu_link:nth-child(2){ margin-left: 15px; } .right_menu_social a svg { width: 27px; height: 27px; } .menu-right_contackt_change a { width: 31px; height: 31px; display: block; padding: 5px; margin: -5px 0px 0px -5px; } } /*xs <= Small (sm) IPhone-7/8Pus*/ @media (max-width :414px) { /**/ } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (max-width :390px) { /**/ } /*Small (xs) IPhone-10/11*/ @media (max-width :375px) { /**/ } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (max-width :320px) { /**/ } /* === MOBILE FIRST === */ /* Custom (xs) */ @media (min-width : 0) { /**/ } /* Small (Ultra-xs) IPhone-5S/SE*/ @media (min-width : 320px) { /**/ } /* Small (xs) IPhone-10/11*/ @media (min-width : 375px) { /**/ } /* Small (xs) IPhone-12/13-12/13Pro*/ @media (min-width : 390px) { /**/ } /*xs => Small (sm) IPhone-7/8Pus*/ @media (min-width : 414px) { /**/ } /* xs <= Small (MAX-sm) IPhone-7/8Pus*/ @media (min-width : 576px) { /**/ } /* sm => Medium (md) IPad / IPad-Mini*/ @media (min-width : 768px) { /**/ } /* md => Large (lg) IPad-Air*/ @media (min-width : 992px) { /**/ } /* lg => Extra large (xl) IPad-Pro */ @media (min-width : 1024px) { /**/ } /* lg => Extra large (xl)*/ @media (min-width : 1200px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1400px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1530px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1920px) { /**/ } /* End */ /* Start:/local/components/bitrix/breadcrumb/templates/.default/style.min.css?1674126697467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/components/dobrolov/footer/templates/.default/style.min.css?17372095269687*/ @media screen and (max-width: 576px){.mob-lr{margin-left:20px;margin-right:20px}}.jq-selectbox{vertical-align:middle;cursor:pointer;width:100%}.jq-selectbox__select{height:50px;padding:15px 45px 0 0;font:14px/26px Arial, sans-serif;color:#333;border:1px solid #d9dada;background:#fff}.input-style-sl .jq-selectbox__select{height:50px;padding:0 45px 0 0;font:14px/26px Arial, sans-serif;color:#333;border:1px solid #d9dada;background:#fff}.feedback-select .jq-selectbox__trigger-arrow{background-image:url('https://dobrolov.com/local/components/dobrolov/feedback/templates/vacancii/images/icon_arrow.svg');background-repeat:no-repeat;background-position:100% center;cursor:pointer;position:absolute;width:11px;height:8px;right:0;background-size:contain;top:25px;transition:460ms ease;border:none}.jq-selectbox.focused .jq-selectbox__select{border:1px solid #5794bf}.jq-selectbox.disabled .jq-selectbox__select{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-selectbox__select-text{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:0;right:0;width:34px;height:100%}.jq-selectbox__trigger-arrow{position:absolute;top:8px;right:12px;width:0;height:0;border-top:8px solid #4e545c;border-right:8px solid transparent;border-left:8px solid transparent}.jq-selectbox:hover .jq-selectbox__trigger-arrow{border-top-color:#000}.jq-selectbox.disabled .jq-selectbox__trigger-arrow{border-top-color:#aaa}.jq-selectbox__dropdown{top:50px;box-sizing:border-box;width:100%;margin:2px 0 0;padding:0;border:0;border-radius:4px;background:#41414E;box-shadow:0 3px 20px rgba(0, 0, 0, .13);font:14px/18px Arial, sans-serif}.jq-selectbox__dropdown ul::-webkit-scrollbar{width:4px;height:8px}.jq-selectbox__dropdown ul::-webkit-scrollbar-track{background:#41414E}.jq-selectbox__dropdown ul::-webkit-scrollbar-thumb{background-color:#fbba00;border-radius:5px;border:0}@media screen and (max-width: 700px){.jq-selectbox__dropdown{max-width:100% !important}}.jq-selectbox__search{margin:5px}.jq-selectbox__search input{box-sizing:border-box;width:100%;margin:0;padding:5px 27px 6px 8px;border:1px solid #ccc;border-radius:3px;outline:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;box-shadow:inset 1px 1px #f1f1f1;color:#333;-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__not-found{margin:5px;padding:5px 8px 6px;background:#f0f0f0;font-size:13px}.jq-select-multiple ul,.jq-selectbox ul{margin:0;padding:30px 0 30px 0}.jq-select-multiple li,.jq-selectbox li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.v-forma .jq-selectbox li{min-height:18px;font-size:24px;color:#ffffff;padding:17px 20px 17px 30px;background-color:#41414E;transition:.3s all}.jq-selectbox li.selected{background-color:#fbba00;color:#000}.jq-selectbox li:hover{background-color:#fbba00;color:#000;transition:.3s all}.jq-selectbox li.disabled{color:#aaa}.jq-selectbox li.disabled:hover{background:0 0}.jq-selectbox li.optgroup{font-weight:700}.jq-selectbox li.optgroup:hover{background:0 0;color:#231f20;cursor:default}.jq-selectbox li.option{padding-left:25px}.jq-select-multiple{box-sizing:border-box;padding:1px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#fff;box-shadow:inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);font:14px/18px Arial, sans-serif;color:#333;cursor:default}.jq-select-multiple.focused{border:1px solid #5794bf}.jq-select-multiple.disabled{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-select-multiple li{padding:3px 9px 4px;list-style:none}.jq-select-multiple li:first-child{border-radius:3px 3px 0 0}.jq-select-multiple li:last-child{border-radius:0 0 3px 3px}.jq-select-multiple li.selected{background:#08c;color:#fff}.jq-select-multiple li.disabled{color:#aaa}.jq-select-multiple li.selected.disabled,.jq-select-multiple.disabled li.selected{background:#ccc;color:#fff}.jq-select-multiple li.optgroup{font-weight:700}.jq-select-multiple li.option{padding-left:25px}.footer_search-bar{margin-bottom:8px;padding-top:16px}.search-page{max-width:950px;margin:0 auto;position:relative}#title-search form{display:flex}#title-search-input{max-width:calc(100% - 61px);width:100%;height:auto;padding:5px;border:none;background:#1f1f1f;color:#fff;font-family:Ekibastuz;font-weight:400;font-style:normal;font-size:14px}#title-search input[type=submit]{padding:5px;border:0 solid #ccc;margin-left:-4px;color:#fff;background:#313131;cursor:pointer;background-image:url(/local/components/bitrix/search.title/templates/.default/images/magnifier.svg);background-repeat:no-repeat;width:27px;height:27px;background-size:15px 17px;background-position:center center}.footer .row > div > div{padding:0 0 15px}.footer .covid > a{color:#af4212}.footer a{color:#b3b3b3;text-decoration:none}.footer .email > a,.footer .phone > a{color:#fff;font-weight:600}.footer .mdk{max-width:330px}.footer .mdk .copy{padding-right:20px}.footer .mdk .d{font-weight:400}.footer .ss{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;display:flex;min-width:140px}.footer .ss > a{width:32px;margin-right:10px}.footer .mdk .d a,.footer .title > a{color:#fff;font-weight:600}@media screen and (max-width: 900px){.footer .mdk .copy{display:none}.footer .mdk{padding-top:20px}.footer .footer__cont{display:none}.dobronew .footer .row{flex-direction:row}.footer .footer_d_als-logo:hover:before{display:none !important}.dobronew .footer{padding-bottom:0px !important}}.footer .row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.footer .footer_main-d_als_copyright{display:flex;flex-direction:row;align-items:flex-start;margin:60px 0px 45px 0px}.footer .footer_main-d_als_copyright a{color:#E84E0F;transition:color 150ms ease}.footer .footer_main-d_als_copyright a:hover{color:#FBBA00}.footer .footer_d_als-logo .footer_year{font-size:11px;letter-spacing:0.08rem}.footer .footer_d_als-logo{position:relative}.footer .footer_d_als-logo:before{content:"Студии Артемия Лебедева";width:228px;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0.05rem;position:absolute;top:-20px;left:245.7px;color:#FBBA00;display:none;transition:display 200ms ease}.footer .footer_d_als-logo:hover:before{display:inline}.footer .footer_main-d_als_copyright .d{font-size:16px;font-weight:700;margin:-3px 0px 0px 20px;line-height:1.3;letter-spacing:0.05rem}.dobronew .footer .line2{padding:30px 0 15px !important}.footer .footer_main-d_als_copyright{margin:32px 0px 25px 0px}.footer-policy-link{margin-top:15px !important;font-size:14px}.footer img{vertical-align:baseline}.footer_year{font-size:10px;margin-top:-4px}.footer-bg{position:relative;background-color:#41414E}@media screen and (max-width: 576px){.dobronew .footer .line2{height:455px !important}.footer-bg{background-size:contain}.footer .footer_main-d_als_copyright{flex-direction:column;margin:32px 0px 32px 0px}.footer .footer_main-d_als_copyright .d{margin:6px 0px 0px 0px;letter-spacing:0.0rem}.footer .footer_main-d_als_copyright .d a:last-child{padding:10px 0px 0px 0px}}.footer-adress-flex{display:flex;justify-content:flex-end;padding-right:100px}@media screen and (max-width: 576px){.footer-adress-flex{display:flex;justify-content:flex-end;padding-right:0}}.footer-adress a,.footer-adress span a{color:#fff;text-decoration:none}.footer-adress{color:#fff;font-family:'Ekibastuz', Helvetica, Arial, sans-serif;font-style:normal;background:#41414E;margin-top:-60px;width:275px;padding:30px 26px 20px 13px;box-shadow:0 3px 27px rgba(0, 0, 0, 0.13)}@media screen and (max-width: 576px){.footer-adress{color:#fff;font-family:'Ekibastuz', Helvetica, Arial, sans-serif;font-style:normal;background:#41414E;padding:30px 26px 20px 13px}}.footer-adress span{display:block}.footer-adress-our{font-weight:bold;font-size:12px !important;line-height:16px;letter-spacing:0.025em}.footer-adress-street{font-weight:bold;font-size:15px !important;line-height:45px;letter-spacing:0.025em}.footer-adress-block-metro{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap}.footer-adress-block-metro img{margin-right:5px}.footer-adress-metro{font-weight:bold;font-size:16px !important;line-height:0;letter-spacing:0.025em}.footer-foto-piople{text-align:center;background:url('/local/components/dobrolov/footer/templates/.default/./images/circle.svg') no-repeat center 105px;background-size:994px;line-height:0;overflow:hidden}@media screen and (max-width: 576px){.footer-foto-piople{text-align:center;background:url('/local/components/dobrolov/footer/templates/.default/./images/circle.svg') no-repeat center 70px;background-size:120%;line-height:0}}.footer-foto-piople img{width:auto;height:450px;margin:auto}@media screen and (max-width: 576px){.footer-foto-piople img{width:100%;height:auto}}@media screen and (max-width: 1024px){.footer-foto-piople img{width:100%;height:auto}}.click_office{display:block;width:120px;height:170px;margin:0px auto;}@media screen and (max-width: 576px){.click_office{display:block;width:120px;height:120px;margin-left:40px}} /* End */ /* Start:/local/components/dobrolov/footer/templates/.default/style.css?176010626120311*/ /*общие стили для компонента*/ .mob-lr {} @media screen and (max-width: 576px){ .mob-lr { margin-left:20px; margin-right:20px; } } /* //общие стили для компонента*/ /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .jq-selectbox { vertical-align: middle; cursor: pointer; width: 100% } .jq-selectbox__select { height: 50px; padding: 15px 45px 0 0; font: 14px/26px Arial, sans-serif; color: #333; border: 1px solid #d9dada; background: #fff } .input-style-sl .jq-selectbox__select { height: 50px; padding: 0 45px 0 0; font: 14px/26px Arial, sans-serif; color: #333; border: 1px solid #d9dada; background: #fff } .feedback-select .jq-selectbox__trigger-arrow { background-image: url('https://dobrolov.com/local/components/dobrolov/feedback/templates/vacancii/images/icon_arrow.svg'); background-repeat: no-repeat; background-position: 100% center; cursor: pointer; position: absolute; width: 11px; height: 8px; right: 0; background-size: contain; top: 25px; transition: 460ms ease; border: none; } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid #5794bf } .jq-selectbox.disabled .jq-selectbox__select { border-color: #ccc; background: #f5f5f5; box-shadow: none; color: #888 } .jq-selectbox__select-text { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis } .jq-selectbox .placeholder { color: #888 } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100% } .jq-selectbox__trigger-arrow { position: absolute; top: 8px; right: 12px; width: 0; height: 0; border-top: 8px solid #4e545c; border-right: 8px solid transparent; border-left: 8px solid transparent } .jq-selectbox:hover .jq-selectbox__trigger-arrow { border-top-color: #000 } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-top-color: #aaa } .jq-selectbox__dropdown { top: 50px; box-sizing: border-box; width: 100%; margin: 2px 0 0; padding: 0; border:0; border-radius: 4px; background: #41414E; box-shadow: 0 3px 20px rgba(0, 0, 0, .13); font: 14px/18px Arial, sans-serif } .jq-selectbox__dropdown ul::-webkit-scrollbar { width: 4px; height: 8px; } .jq-selectbox__dropdown ul::-webkit-scrollbar-track { background: #41414E; } .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb { background-color: #fbba00; border-radius: 5px; border: 0; } @media screen and (max-width: 700px) { .jq-selectbox__dropdown { max-width: 100% !important } } .jq-selectbox__search { margin: 5px } .jq-selectbox__search input { box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; border: 1px solid #ccc; border-radius: 3px; outline: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; box-shadow: inset 1px 1px #f1f1f1; color: #333; -webkit-appearance: textfield } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #f0f0f0; font-size: 13px } .jq-select-multiple ul, .jq-selectbox ul { margin: 0; padding: 30px 0 30px 0 } .jq-select-multiple li, .jq-selectbox li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .v-forma .jq-selectbox li { min-height: 18px; font-size: 24px; color: #ffffff; padding: 17px 20px 17px 30px; background-color: #41414E; transition: .3s all; } .jq-selectbox li.selected { background-color: #fbba00; color: #000; } .jq-selectbox li:hover { background-color: #fbba00; color: #000; transition: .3s all; } .jq-selectbox li.disabled { color: #aaa } .jq-selectbox li.disabled:hover { background: 0 0 } .jq-selectbox li.optgroup { font-weight: 700 } .jq-selectbox li.optgroup:hover { background: 0 0; color: #231f20; cursor: default } .jq-selectbox li.option { padding-left: 25px } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #ccc; border-bottom-color: #b3b3b3; border-radius: 4px; background: #fff; box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1); font: 14px/18px Arial, sans-serif; color: #333; cursor: default } .jq-select-multiple.focused { border: 1px solid #5794bf } .jq-select-multiple.disabled { border-color: #ccc; background: #f5f5f5; box-shadow: none; color: #888 } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0 } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px } .jq-select-multiple li.selected { background: #08c; color: #fff } .jq-select-multiple li.disabled { color: #aaa } .jq-select-multiple li.selected.disabled, .jq-select-multiple.disabled li.selected { background: #ccc; color: #fff } .jq-select-multiple li.optgroup { font-weight: 700 } .jq-select-multiple li.option { padding-left: 25px } .footer_search-bar { margin-bottom: 8px; padding-top: 16px } .search-page { max-width: 950px; margin: 0 auto; position: relative } #title-search form { display: flex } #title-search-input { max-width: calc(100% - 61px); width: 100%; height: auto; padding: 5px; border: none; background: #1f1f1f; color: #fff; font-family: Ekibastuz; font-weight: 400; font-style: normal; font-size: 14px; } #title-search input[type=submit] { padding: 5px; border: 0 solid #ccc; margin-left: -4px; color: #fff; background: #313131; cursor: pointer; background-image: url(/local/components/bitrix/search.title/templates/.default/images/magnifier.svg); background-repeat: no-repeat; width: 27px; height: 27px; background-size: 15px 17px; background-position: center center } /*--START---SITE STYLE---*/ /*---GRID Style---*/ .container-fluid.cont_box-custom{ box-sizing: border-box; } /*-------------------------------------------------*/ .dobronew .footer_main .footer{ background: transparent; } .footer_main{ width: 100%; padding: 32px 0px 5px 0px; background-color: #000; } .footer .footer_main_link{ width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; } .footer .row > div > div { padding: 0 0 12px; } .footer .row .phone { padding: 0 0 0px } .footer .covid > a { color: #af4212 } .footer a { color: #b3b3b3; text-decoration: none } .footer .email > a, .footer .phone > a { color: #fff; font-weight: 600 } .footer .mdk { max-width: 420px } .footer .mdk .d { font-weight: 400 } .footer_main_link .col-auto .title{ margin-bottom: 20px !important; } .footer_main_link .col-auto.footer__cont div p{ color: #b3b3b3; } .footer_main_link .col-auto div{ margin-bottom: 12px; } .footer .ss { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: flex-start; min-width: 200px; margin-top: 20px; } .footer .ss .footer_ss_one{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } .footer .ss{ margin-top: 20px; } .footer .ss .footer_ss_two{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } .footer_ss_two{ margin-top: 12px; } .footer .ss a { width: 45px; height: 42px; } .footer .ss > a { width: 45px; height: 42px; margin-right: 10px; } .footer .mdk .d a, .footer .title > a { color: #fff; font-weight: 600; } .footer_main_link .col-auto.mdk .copy{ color:#b3b3b3; } .footer_main_link .col-auto.mdk .col-auto_poo{ color:#b3b3b3; } @media screen and (max-width: 900px) { .footer .mdk .copy { display: none } .footer .mdk { padding-top: 20px } .footer .footer__cont { display: none } .dobronew .footer .row { flex-direction: row } /*Logo ALS Footer*/ .footer .footer_d_als-logo:hover:before{ display: none !important; } .dobronew .footer { padding-bottom: 0px !important; } } .footer-policy-link .poobloff{ width: 26%; font-size: 16px; color: #b3b3b3; padding: 5px 0px; transform: translate(0px, -54px); } .footer-policy-link .col-auto{ width: 26%; font-size: 16px; color: #FFF; transition: color 200ms ease; } .footer-policy-link .col-auto:hover{ color: #FDB913; } .footer-policy-link .col-auto_info_license{ width: 69%; font-size: 16px; color: #FFF; transition: color 200ms ease; } .footer-policy-link .col-auto_info_license:hover{ color: #FDB913; } .footer-policy-link .col-auto_poo{ width: 26%; font-size: 16px; transition: color 200ms ease; } .footer-policy-link .col-auto_poo:hover{ color: #FDB913; } /*Logo ALS Footer*/ .footer .row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding-bottom: 20px; } .footer .footer_main-d_als_copyright .footer_main-d_left{ width: 100%; display: flex; flex-direction: row; align-items: flex-start !important; justify-content: flex-start; } .footer .footer_main-d_als_copyright{ width: 88%; display: flex; flex-direction: row; align-items: center !important; justify-content: space-between; margin: 2px 0px 25px 0px !important; padding-right: 23px; } .footer .footer_main-d_als_copyright .footer_d_als{ width: 39.5%; display: flex; flex-direction: row; align-items: flex-start; margin-left: 0px; } .footer .footer_main-d_als_copyright .footer_d_rait iframe{ width: 200px; } .footer .footer-policy-link .footer_legal_info{ display: block; } .footer .footer-policy-link .footer_license_in{ display: block; margin-top: 10px; color: #E84E0F; transition: color 150ms ease; } .footer .footer-policy-link .footer_license_in:hover{ color: #FBBA00; } .footer .footer_main-d_als_copyright a{ color:#E84E0F; transition: color 150ms ease; } .footer .footer_main-d_als_copyright a:hover{ color:#FBBA00; } .footer .footer_d_als-logo .footer_year{ font-size: 12px; letter-spacing: 0.08rem; padding-top: 10px; } .footer .footer_d_als-logo{ position: relative; } .footer .footer_d_als-logo:before{ content: "Студии Артемия Лебедева"; width: 228px; font-size: 14px; font-weight: 700; line-height: 1.3; letter-spacing: 0.05rem; position: absolute; top: -19px; left: 198.7px; color:#FBBA00; display: none; transition: display 200ms ease; } .footer .footer_d_als-logo:hover:before{ display: inline; } .footer_d_als .footer_d_als-logo img{ width: 160%; max-width: 160px; height: auto; } .footer .footer_main-d_als_copyright .d{ font-size: 14px; font-weight: 700; margin: 0px 0px 0px 0px !important; padding: 0% 0% 0% 19%; line-height: 1.3; letter-spacing: 0.05rem; color: #b3b3b3; } .dobronew .footer .line2 { padding: 30px 0 15px !important; } .footer .footer_main-d_als_copyright { margin: 32px 0px 25px 0px; } .footer-policy-link { margin-top: 15px!important; font-size: 14px; padding-right: 5px; } .footer img { vertical-align: baseline; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*карта и контакты*/ .footer-bg { position: relative; background-color: #41414E; margin-top: 213px; } .footer-bg .footer_bg_main_map{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: auto; z-index: 2; overflow: visible; } .footer-bg .footer_bg_main_map:before{ content: ""; width: calc((100% + 100vh)*2); height: 100%; background-color: #292836; position: absolute; top: 0px; left: calc((0% - 100vh)*2); z-index: -1; } .footer-bg .footer_bg_main_map img{ width: 1920px; height: 738px; object-fit: cover; display: block; margin: 0px auto; transform: translate(-127px,8px); } .footer .footer__cont{ width: 36%; } @media screen and (max-width: 576px) { .dobronew .footer .line2 { height: 1000px !important; } .footer-bg { background-size: contain; } .dobronew .footer .row { height: auto; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: center; display: flex; } .dobronew .footer .row .col-auto { width: 50%; } .footer .ss{ width: 97%; } .dobronew .footer .row .col-auto.mdk { width: 100%; } .dobronew .footer .row .col-auto.footer__cont { width: 100%; } .dobronew .footer .row .col-auto.footer__cont .email { margin-top: 20px; } .footer .footer__cont { display: block; } /*Logo ALS Footer*/ .wrap .footer .footer_main-d_als_copyright { flex-direction: row; align-items: flex-start !important; margin: 15px 0px 32px 0px; } .footer .footer_main-d_als_copyright .footer_d_als { width: 90%; flex-direction: column; margin-left: 0px; } .footer .footer_main-d_als_copyright .footer_d_rait { transform: translate(27px, 7px); } .footer .footer_main-d_als_copyright .footer_d_rait iframe { width: 171px; } .footer .footer_main-d_als_copyright .footer_als_img { display: none; } .footer .footer_main-d_als_copyright .d { margin: 6px 0px 0px 0px; letter-spacing: 0.0rem; } .footer .footer_main-d_als_copyright .d a:last-child{ padding: 10px 0px 0px 0px; } .footer-policy-link .col-auto .footer_legal_info{ line-height: 4; transform: translateX(0px); } } .footer-adress-flex { display: flex; justify-content: flex-end; padding-right: 100px; position: relative; z-index: 10; } @media screen and (max-width: 576px) { .footer-adress-flex { display: flex; justify-content: flex-end; padding-right: 0; } } .footer-adress a, .footer-adress span a { color: #fff; text-decoration: none; } .footer-adress { color: #fff; font-family: 'Ekibastuz', Helvetica, Arial, sans-serif; font-style: normal; background: #41414E; margin-top: -60px; width: 275px; padding: 20px 25px 27px 20px; box-shadow: 0 3px 27px rgba(0, 0, 0, 0.13); transform: translate(20px, -47px); } @media screen and (max-width: 576px) { .footer-adress { width: 309px !important; color: #fff; font-family: 'Ekibastuz', Helvetica, Arial, sans-serif; font-style: normal; background: #41414E; padding: 16px 16px 13px 13px !important; transform: translate(-15px, -47px) !important; } .footer_d_adress { transform: scale(1.2) translate(15px, 23px); } .footer_d_adress iframe{ width: 100%; height: 60px; } } .footer-adress span { display: block; font-weight: 900; } span.footer-adress-street { transform: translateY(-6px); } .footer-adress-our { font-weight: bold; font-size: 12px !important; line-height: 16px; letter-spacing: 0.025em; } .footer-adress-street { font-weight: bold; font-size: 15px !important; line-height: 45px; letter-spacing: 0.025em; } .footer-adress-block-metro { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; transform: translateY(-10px); } .footer_d_adress { transform: scale(1.2) translate(15px, 10px); width: 59%; } .footer-adress-block-metro img { margin-right: 5px; } .footer-adress-metro { font-weight: bold; font-size: 16px !important; line-height: 0; letter-spacing: 0.025em; } .footer-foto-piople { text-align: center; background: url('/local/components/dobrolov/footer/templates/.default/./images/circle.svg') no-repeat center 105px; background-size: 994px; line-height: 0; overflow: hidden; position: relative; z-index: 10; } @media screen and (max-width: 576px) { .footer-foto-piople { text-align: center; background: url('/local/components/dobrolov/footer/templates/.default/./images/circle.svg') no-repeat center 70px; background-size: 120%; line-height: 0; } } .footer-foto-piople img { width: auto; height: 450px; margin: auto; } @media screen and (max-width: 576px) { .footer-foto-piople img { width: 100%; height: auto; } .footer-bg .footer_bg_main_map img { width: 100% !important; height: auto !important; object-fit: cover !important; transform: translate(0px,0px); } } @media screen and (max-width: 1024px) { .footer-foto-piople img { width: 100%; height: auto; } .footer-bg .footer_bg_main_map img{ width: 100%; height: 690px; object-fit: cover; } } .click_office { display: block; width: 120px; height: 170px; margin: 0px auto; position: relative; z-index: 12; } @media screen and (max-width: 576px) { .click_office { display: block; width: 120px; height: 120px; margin-left: 40px; } .footer-bg { margin-top: 213px; } .footer-bg .footer_bg_main_map:before{ width: 100%; top: 0px; left: 0%; } } /* //карта и контакты*/ /* === DESKTOP FIRST === */ /* xl <= Extra Full Large (xxxl) */ @media (max-width : 1920px) { .footer .footer_main-d_als_copyright .d { padding: 0% 0% 0% 18%; } .footer .footer_d_als-logo:before{ top: -19px; left: 198.7px; } } /* xl <= Extra extra large (xxl) */ @media (max-width : 1680px) { } /* xl <= Extra extra large (xxl) */ @media (max-width : 1600px) { .footer .footer_main-d_als_copyright .d { padding: 0% 0% 0% 19%; } .footer .footer_d_als-logo:before{ top: -19px; left: 203.7px; } } /* xl <= Extra extra large (xxl) */ @media (max-width : 1530px) { } /* xl <= Extra extra large (xxl) */ @media (max-width : 1400px) { } /* lg <= Extra large (xl) */ @media (max-width : 1200px) { } /* md <= Large (lg) */ @media (max-width : 992px) { /**/ } /* sm <= Medium (md) */ @media (max-width : 768px) { /**/ } /* === MOBILE FIRST === */ /* Custom (xs) */ @media (min-width : 0) { } /* Small (sm) */ @media (min-width : 375px) { } /* Small (sm) */ @media (min-width : 414px) { } /* Small (sm) */ @media (min-width : 576px) { } /* Medium (md) */ @media (min-width : 768px) { } /* Large (lg) */ @media (min-width : 992px) { } /* Extra large (xl) */ @media (min-width : 1200px) { } /* Extra extra large (xxl) */ @media (min-width : 1400px) { /**/ } /* Extra extra large (xxl) */ @media (min-width : 1530px) { .footer .footer_main-d_als_copyright .d { padding: 0% 0% 0% 19%; } .footer .footer_d_als-logo:before{ top: -19px; left: 203.7px; } } /* Extra extra large (xxl) */ @media (min-width : 1600px) { } /* Extra extra large (xxl) */ @media (min-width : 1680px) { .footer .footer_main-d_als_copyright .d { padding: 0% 0% 0% 21%; } .footer .footer_d_als-logo:before { top: -20px; left: 220.7px; } } @media (min-width : 1920px) { .container{max-width: 1680px;} .container-fluid{max-width: 1680px;} .footer .footer_main-d_als_copyright .d { padding: 0% 0% 0% 21%; } .footer .footer_d_als-logo:before { left: 220.7px; top: -19px; } } /* End */ /* Start:/local/components/bitrix/search.title/templates/.default/style.css?16741269342108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/components/bitrix/search.title/templates/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/dobrolov_new/template_styles.css?16793378933313*/ @font-face { src: url("/local/templates/dobrolov_new/./fonts/Ekibastuz-woff/Ekibastuz-Light.woff") format("woff"); font-family: "ekibastuz-or"; font-weight: 300; font-style: normal; font-display: swap;} @font-face { src: url("/local/templates/dobrolov_new/./fonts/Ekibastuz-woff/Ekibastuz-Regular.woff") format("woff"); font-family: "ekibastuz-or"; font-weight: 400; font-style: normal; font-display: swap;} @font-face { src: url("/local/templates/dobrolov_new/./fonts/Ekibastuz-woff/Ekibastuz-Bold.woff") format("woff"); font-family: "ekibastuz-or"; font-weight: 700; font-style: normal; font-display: swap;} @font-face { src: url("/local/templates/dobrolov_new/./fonts/Ekibastuz-woff/Ekibastuz-Black.woff") format("woff"); font-family: "ekibastuz-or"; font-weight: 900; font-style: normal; font-display: swap;} * { outline: 0; -webkit-tap-highlight-color: transparent } :root { /*Variables*/ --primary-color-dobrolov: #fbba00; --secondary-color-dobrolov: #F4F5F5; --accent-dobrolov: #E84E0F; --h2-size-dobrolov: 48px; --text-color-dobrolov: #000000; --regular-size-dobrolov: 18px; --small-size-dobrolov: 16px; --lineheight-dobrolov: 1.45; --userfont: ekibastuz-or, sans-serif; --systemfont: -apple-system, BlinkMacSystemFont, Verdana, sans-serif; --custom-width: 1160px; --primary-color: #FDB913; --secondary-color: #F4F5F5; --accent: #E84E0F; --h2-size: 48px; --h2-text-size: 48px; --text-color: #000000; --regular-size: 18px; --small-size: 16px; --lineheight: 1.45; --swiper-navigation-color: #E84E0F; --swiper-theme-color: #E84E0F; --custom-grid: 1160px; --custop-padding: 1.250rem; --primary-d_color: #FBBA00; --secondary-d_color: #F9F9F9; --accent-d_color: #E84E0F; --grey-d_color: #41414E; --h1-d_size: 60px; --h1-d_size-lg-mobile: 40px; --h1-d_size-xs-mobile: 35px; --h2-d_size: 48px; --text-d_color: #222222; --regular-d_size: 18px; --systemfont: -apple-system, Arial, Verdana, sans-serif; --scroll-behavior: smooth; --section-offset: 0; } ::placeholder { color: #666; } ::selection { background-color: var(--accent-d_color); color: #fff; } /* scroll */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-thumb { border-right: solid 5px var(--accent-dobrolov); background: var(--accent-dobrolov); } ::-webkit-scrollbar-track{ border: none; background: #fff; } ::-moz-scrollbar { width: 10px; } ::-moz-scrollbar-thumb { border-right: solid 5px var(--accent-dobrolov); background: var(--accent-dobrolov); } ::-moz-scrollbar-track { border: none; background: var(--accent-dobrolov); } /* //scroll */ .info-about h2, .info-about h3 { margin: 20px 0 5px 0 !important; } .info-about h3, .info-about strong { font-weight: 800 !important; } .info-about li { list-style: inside !important; } body._services_k-obiol_ .prices.prices-plate { width: 770px; } body._services_k-obiol_ .prices.prices-plate .prices-block .item { width: 31%; } @media screen and (max-width:900px) { body._services_k-obiol_ .prices.prices-plate { width: auto; } body._services_k-obiol_ .prices.prices-plate .prices-block .item { width: 48% !important; } } @media screen and (max-width:700px) { /*body._services_k-obiol_ .prices.prices-plate {*/ /* width: 770px;*/ /*}*/ body._services_k-obiol_ .prices.prices-plate .prices-block .item { width: 100% !important; } } /* End */ /* /local/templates/dobrolov_new/js/fancybox/fancybox.css?167593368015598 */ /* /local/templates/dobrolov_new/css/main.min.css?1737665740182707 */ /* /local/templates/dobrolov_new/css/main_service.css?1755650598161440 */ /* /local/templates/dobrolov_new/css/popup.min.css?175943961718452 */ /* /local/templates/dobrolov_new/css/bootstrap-grid.css?167412712721950 */ /* /local/components/dobrolov/header/templates/.default/style.min.css?173220275533122 */ /* /local/components/dobrolov/header/templates/.default/style.min.css?173220275533122 */ /* /local/components/dobrolov/menu/templates/.default/style.css?16752467872 */ /* /local/components/dobrolov/menu/templates/rightblacknew/style.min.css?175983628710677 */ /* /local/components/bitrix/breadcrumb/templates/.default/style.min.css?1674126697467 */ /* /local/components/dobrolov/footer/templates/.default/style.min.css?17372095269687 */ /* /local/components/dobrolov/footer/templates/.default/style.css?176010626120311 */ /* /local/components/bitrix/search.title/templates/.default/style.css?16741269342108 */ /* /local/templates/dobrolov_new/template_styles.css?16793378933313 */