/* Start:/local/templates/main/custom.css?17580081839146*/ div.detail-image h1 { text-align:left; max-width:1600px; } .service-item{ display: flex; justify-content: space-between; margin-bottom: 30px; } .service-item-info{ max-width: 720px; padding-left: 20px; } .service-item-reverse .service-item-info{ max-width: 720px; padding-left: 0; padding-right: 20px; } .service-info-title a { font-size: 20px; color: #000; text-decoration: none; font-weight: 600; } .service-info-text p{ font-size: 17px; } .size-block{ width: 100%; overflow-x: auto; } .size-block table{ width: 100%; overflow-x: scroll; } .size-block::-webkit-scrollbar { /* display: none;*/ } /* .size-block-color { border-collapse: collapse; width: 100%; } .size-block-color td { border: 1px solid rgba(0, 0, 0, 0.17); padding: 10px; } */ .size-block-color tr:nth-child(n+9) td:nth-child(n+5) { background-color: #0274be; } .size-block-color tr:nth-child(n+9) td:nth-child(n+16) { background-color: #f3b23e; } .size-table-big{ text-align: center; } .size-table-big td{ width: 100%; padding: 0px 10px; } .big-size-td{ white-space: nowrap; padding: 0px 10px; } @media(max-width:1024px){ .service-item{ flex-direction: column; } .service-item-info{ margin-top: 10px; padding-left: 0px; } .service-item-reverse .service-item-info{ padding-right: 0px; } .service-item-reverse{ flex-direction: column-reverse; } } .header-message { font-size: 16px; margin: 0 auto; max-width: 1400px; padding: 5px 0; position: relative; text-align: center; } .header-message.hide { display: none; } .header-message .--close { color: #003a70; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; cursor: pointer; position: absolute; z-index: 1; top: 10px; right: 10px; } .header-message .--close:after { content: "\f00d"; } .instructions-sections_list { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } .instructions-sections_list__item { margin-bottom: 50px; padding-left: 8px; padding-right: 8px; width: 100%; } .instructions-sections_list__item a { position: relative; text-decoration: none; } .instructions-sections_list__item a:hover .instructions-sections_list__item-image:before { opacity: 1; } .instructions-sections_list__item-image { position: relative; } .instructions-sections_list__item-image:before { align-items: center; background-color: rgba(0, 70, 118, 0.45); border-radius: 6px; content: url("data:image/svg+xml,%3Csvg width='52' height='55' viewBox='0 0 52 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.5342 35.3206C37.7315 31.623 40.3792 26.2096 40.3792 20.1782C40.3792 9.03408 31.34 0 20.1896 0C9.0392 0 0 9.03408 0 20.1782C0 31.3223 9.0392 40.3564 20.1896 40.3564C24.656 40.3564 28.7836 38.9069 32.1272 36.453L35.0405 39.3647C34.4911 40.4527 34.6604 41.8014 35.555 42.6956C35.5678 42.7084 35.5807 42.721 35.5937 42.7335L35.5933 42.7338L46.999 54.1331L46.9993 54.1327C47.0118 54.1457 47.0245 54.1585 47.0372 54.1713C48.1576 55.291 49.9911 55.2739 51.1326 54.1331C52.274 52.9922 52.2912 51.1597 51.1708 50.0401C51.1581 50.0273 51.1452 50.0146 51.1322 50.0022L51.1326 50.0018L39.7269 38.6026L39.7265 38.603C39.7141 38.59 39.7014 38.5771 39.6886 38.5643C38.7776 37.6538 37.3949 37.495 36.2962 38.081L33.5342 35.3206ZM20.1896 38.4089C30.2639 38.4089 38.4306 30.2467 38.4306 20.1782C38.4306 10.1097 30.2639 1.94749 20.1896 1.94749C10.1154 1.94749 1.9486 10.1097 1.9486 20.1782C1.9486 30.2467 10.1154 38.4089 20.1896 38.4089ZM19.867 4.5339C19.9025 3.99729 20.3666 3.59109 20.9035 3.62663C29.6052 4.20257 35.9949 11.7838 35.9949 19.4208C35.9949 19.9586 35.5587 20.3946 35.0206 20.3946C34.4825 20.3946 34.0463 19.9586 34.0463 19.4208C34.0463 12.7763 28.4197 6.07586 20.7748 5.56987C20.2379 5.53433 19.8314 5.07051 19.867 4.5339ZM36.9712 41.3568C36.5907 40.9765 36.5907 40.36 36.9712 39.9797C37.3517 39.5994 37.9686 39.5994 38.349 39.9797L49.6399 51.2641L49.6782 51.3024L49.6772 51.3033C50.0422 51.7058 50.0465 52.3114 49.6782 52.6795C49.3098 53.0476 48.7039 53.0433 48.3012 52.6785L48.3003 52.6795L48.262 52.6412L36.9712 41.3568Z' fill='%237fc1fe'/%3E%3C/svg%3E%0A"); display: flex; height: 100%; justify-content: center; opacity: 0; position: absolute; width: 100%; } .instructions-sections_list__item-image img { border-radius: 6px; max-width: 100%; width: 100%; } .instructions-sections_list__item-name { background-color: #004676; border-radius: 0 0 6px 6px; bottom: 0; color: #fff; font-weight: bold; left: 0; padding: 15px 20px; position: absolute; text-transform: uppercase; width: 100%; z-index: 2; } @media (min-width: 600px) { .instructions-sections_list__item { width: 50%; } } @media (min-width: 900px) { .instructions-sections_list__item { width: calc(100% / 3); } } @media (min-width: 1200px) { .instructions-sections_list__item { width: 25%; } } .catalog_detail_tabs .catalog-tabs { margin-bottom: 0; } .catalog_detail_tabs .catalog_detail_section { height: 0; overflow: hidden; } .catalog_detail_tabs .catalog_detail_section.active { height: unset; overflow: visible; } .catalog_detail_tabs .catalog_detail_section .prod-spec { margin-top: 35px; } .list_documents { padding: 0 20px; margin: 25px 0 0; list-style: none; } .list_documents .list__item:not(:last-child) { margin-bottom: 10px; } .list_documents .list__item:hover .instructions-item_name { text-decoration: underline; } .list_documents .list__item .instructions-item_link { display: flex; align-items: center; gap: 10px; text-decoration: none; justify-content: flex-start; margin: unset; } .list_documents .list__item .instructions-item_name { padding: unset; } .instructions-subsections_list { background-color: #003a70; border-radius: 6px; display: inline-flex; flex-wrap: wrap; list-style: none; margin: 0; margin-bottom: 35px; padding: 0 15px; width: 100%; } .instructions-subsections_list a { color: #fff; display: inline-block; font-size: 16px; font-weight: bold; padding: 15px; text-decoration: none; } .instructions-subsections_list a:hover { color: #7fc1fe; } .instructions-list {} .instructions-list_section-name { margin-bottom: 20px; } .instructions-list_section-name span { border-bottom: 2px solid #003a70; font-size: 26px; font-weight: bold; } .instructions-items { display: flex; flex-wrap: wrap; margin: 0 -12px; } .instructions-item { padding: 0 12px 50px; width: 100%; } .instructions-item a { display: inline-block; text-decoration: none; width: 100%; } .instructions-item a:hover .instructions-item_image { box-shadow: 0 4px 8px #4f98dd; } .instructions-item a:hover .instructions-item_name { color: #4f98dd; } .instructions-item_image { box-shadow: 0 4px 8px #a0a0a0; margin-bottom: 10px; } .instructions-item_image img { max-width: 100%; width: 100%; } .instructions-item_name { color: #003a70; font-size: 16px; font-weight: bold; padding-bottom: 10px; } .instructions-item_link { align-items: center; display: flex; justify-content: space-between; margin: 0 -4px; } .instructions-item_link a > div { padding: 0 4px; } .instructions-item_link a > div:first-child { flex-grow: 1; } .instructions-item_link .text { background-color: #003a70; border-radius: 6px; color: #fff; display: inline-block; font-size: 12px; font-weight: bold; padding: 10px; text-align: center; text-transform: uppercase; width: 100%; } .instructions-item_link .icon { padding: 0 4px; } .instructions-item_link .icon svg { max-width: 30px; } .instructions-item_link .icon svg path[fill] { fill: #003a70; } .instructions-item_link .icon svg path[stroke] { stroke: #003a70; } @media (min-width: 400px) { .instructions-item { width: 50%; } } @media (min-width: 900px) { .instructions-item { width: calc(100% / 3); } } @media (min-width: 1200px) { .instructions-item { width: 25%; } } .modal-fail, .modal-success { animation: modal 2s linear; animation-play-state:running; display: flex; justify-content: center; position: fixed; background: #fff; line-height: 40px; left: 0; right: 0; bottom: 0; top: 20%; width: 300px; margin: 0 auto; z-index: 1000; text-wrap: nowrap; height: fit-content; border-radius: 5px; border: 1px solid #bbbaba; overflow: hidden; } @keyframes modal { from { opacity: 1; } 50%{ opacity: 0.5; } to { opacity: 0; } } .h-top div.-hours { width:23%; } .cart-btn a{ color: #fff; text-decoration: none; } .-contacts { width:20%; } /* End */ /* Start:/local/templates/main/css/fancybox.css?174883655216261*/ .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:rgba(0, 0, 0, 0.5)}.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;background-color:#fff;width: 54px;height: 54px;right:24%;box-shadow: 0 0 10px rgba(0,0,0,0.5);}@media all and (max-width: 1624px){.fancybox__nav .carousel__button.is-next{right:20%}}@media all and (max-width: 1424px){.fancybox__nav .carousel__button.is-next{right:18%}}@media all and (max-width: 1224px){.fancybox__nav .carousel__button.is-next{right:16%}}@media (max-width: 1024px){.fancybox__nav .carousel__button.is-next{right:5%}}.fancybox__nav .carousel__button.is-prev{left:8px;background-color:#fff;width: 54px;height: 54px;left:24%;box-shadow: 0 0 10px rgba(0,0,0,0.5);}@media all and (max-width: 1624px){.fancybox__nav .carousel__button.is-prev{left:20%}}@media all and (max-width: 1424px){.fancybox__nav .carousel__button.is-prev{left:18%}}@media all and (max-width: 1224px){.fancybox__nav .carousel__button.is-prev{left:16%}}@media(max-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:5%}}.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/main/components/bitrix/search.form/sticky_search_form/style.css?1748836552641*/ .header-sticky-search__input { height: 42px; display: block; box-sizing: border-box; border: 1px solid #003a70; flex: 1; outline: none; padding: 10px; } .header-sticky-search__submit { display: block; width: 40px; height: 40px; background: url('/local/templates/main/img/search-icon.png') no-repeat center; border: none; cursor: pointer; margin-left: 18px; transform: translate(-1px); } .header-sticky-search__form { display: flex; align-items: center; margin-bottom: 0; } .header-sticky__search { margin-right: 40px; flex: 1; } /* End */ /* Start:/local/templates/main/components/bitrix/news.list/main.slider/style.css?174883655344*/ .main-slider__link { display: block; } /* End */ /* Start:/local/templates/main/js/swiper.min.css?174883655219788*/ /** * Swiper 4.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 1, 2018 */ .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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;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{-webkit-transform-style:preserve-3d;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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;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:.35;cursor:auto;pointer-events:none}.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'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.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'%23007aff'%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;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);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{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);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:none;margin:0;padding:0;-webkit-box-shadow:none;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%;-webkit-transform:translate3d(0,-50%,0);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%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.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%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align: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;-webkit-transform-origin:50%;-ms-transform-origin:50%;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")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;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{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* End */ /* Start:/local/templates/main/js/jquery.fancybox.min.css?174883655212795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/template_styles.css?1748836552201703*/ !important/* шрифты */ @media all { @font-face { font-family: 'FontAwesome'; src: url('/local/templates/main/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular'); src: url('/local/templates/main/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/local/templates/main/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/local/templates/main/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/local/templates/main/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/local/templates/main/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/local/templates/main/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto'), url('/local/templates/main/fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto Regular'; src: local('Roboto'), url('/local/templates/main/fonts/Roboto-Regular.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto Light'; src: local('Roboto Light'), url('/local/templates/main/fonts/Roboto-Light.ttf') format('truetype'); font-weight: 400; font-style: normal; } } /* MAIN SETTINGS */ html { scroll-padding-top: 68px; } body { margin: 0; padding: 0; } body * { box-sizing: border-box; font-family: 'Roboto Light', sans-serif; font-size: 15px; } /* HEADER CSS */ header span, header a, header p, footer span, footer a, footer p { font-family: 'Roboto', sans-serif; } /* CLASS h-top */ @media all { .h-top { background-color: #003a70; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); } .h-top * { font-size: 13px; } .h-top .-content { display: flex; width: 100%; max-width: 1400px; flex-wrap: wrap; align-items: center; margin: 0 auto; } .h-top .-info { color: white; width: 20%; } .h-top .-hours { color: white; width: 40%; } .h-top .-contacts { display: flex; width: 30%; align-items: center; justify-content: center; } .h-top .-phone, .h-top .ya-phone a { color: white; margin-right: 30px; text-decoration: none; font-size: 14px; } .h-top .-callback { color: white; border-bottom: 1px dashed; cursor: pointer; } .h-top .-links { display: flex; width: auto; } .h-top .-links a { color: white; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .h-top .-links a { font-size: 13px; } .h-top .-vk:before, .h-top .-facebook:before, .h-top .-twitter:before, .h-top .-instagram:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .h-top .-vk:before { content: "\f189"; } .h-top .-facebook:before { content: "\f09a"; } .h-top .-twitter:before { content: "\f099"; } .h-top .-instagram:before { content: "\f16d"; } @media (max-width: 1400px) { .h-top { padding: 0 10px; } } @media (max-width: 1280px) { .h-top .-info { width: 30%; } .h-top .-hours { width: 30%; } .h-top .-contacts { width: 30%; } .h-top .-links { width: fit-content; } } @media (max-width: 920px) { .detail-image { height:auto!important; } .h-top { text-align: center; padding: 10px; } .h-top * { font-size: 14px; } .h-top div.-info { width: 100%; } .h-top div.-hours { margin-top: 20px; width: 100%; } .h-top div.-contacts { margin-top: 20px; width: 100%!important; } .h-top div.-links { margin-top: 5px; width: 100%!important; justify-content: center; } .h-top div.-links a { width: 50px; height: 50px; } .h-top .-vk:before, .h-top .-facebook:before, .h-top .-twitter:before, .h-top .-instagram:before { font-size: 20px; } } } .f-bottom ._links { display: flex; } .f-bottom ._links a { color: white; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .f-bottom ._links a { font-size: 15px; } .f-bottom ._vk:before, .f-bottom ._facebook:before, .f-bottom ._twitter:before, .f-bottom ._instagram:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .f-bottom ._vk:before { content: "\f189"; } .f-bottom ._facebook:before { content: "\f09a"; } .f-bottom ._twitter:before { content: "\f099"; } .f-bottom ._instagram:before { content: "\f16d"; } /* CLASS .h-bottom */ @media all { .h-bottom { padding: 10px; max-width: 1400px; display: flex; align-items: center; margin: 0 auto; justify-content: flex-start; min-height: 60px; } .h-bottom .-logo { width: 235px; max-width: calc(100% - 60px); } .h-bottom .-logo img { width: 100%; } @media (max-width: 920px) { .h-bottom .-logo { order: 1; } .h-bottom { justify-content: space-between; flex-wrap: wrap; } } } /* CLASS top-menu */ @media all { .top-menu { width: calc(100% - 305px); margin-left: 15px; } .top-menu > .-link > a, .top-menu > .-link > span { color: #003a70; text-decoration: none; font-size: 14px; font-weight: 500; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .top-menu .-link > a span, .top-menu .-link > span > span { padding: 13px 20px; } .top-menu > .-link > a:after, .top-menu .-link > span:after { content: ''; width: 0; background-color: #003a70; height: 3px; transition: all 0.2s; } .top-menu > .-link:hover > a:after, .top-menu .-link > span:after { width: 100%; } .top-menu > .-link:hover .-inner { display: flex; } @media (max-width: 1280px) { .top-menu .-link > a span, .top-menu .-link > span > span { padding: 13px 5px; } } @media (max-width: 920px) { .top-menu { display: none; } .top-menu.--active { width: 100%; order: 3; display: flex; flex-direction: column; margin: 20px 0 0; border-bottom: 2px solid #003a70; border-top: 2px solid #003a70; } .top-menu > .-link > a, .top-menu > .-link > span { text-align: left; align-items: flex-start; } .top-menu > .-link:hover > a:after, .top-menu .-link > span:after { width: 0; } .top-menu > .-link > span { background-color: #003a70; color: white; } .top-menu > .-link:hover .-inner { display: flex; position: relative; padding: 0 0 0 25px; } .top-menu > .-link:hover .-inner { display: none; } } .top-menu .-inner { position: absolute; top: 40px; overflow: hidden; z-index: 3; display: none; flex-direction: column; padding-top: 15px; left: 0; width: 100%; min-width: 200px; } .top-menu .-inner a { background: white; text-decoration: none; font-family: 'Roboto Regular', sans-serif; color: black; padding: 10px; border: 1px solid white; } .top-menu .-inner a:hover { background: #003a70; color: white; } .top-menu > .-link { display: inline-block; position: relative; } /* * * * * */ .top-menu > .-link > .--have-inner { background: none; position: absolute; right: 0; top: 0; width: 47px; height: 47px; align-items: center; justify-content: center; transition: all 0.2s; z-index: 1; display: none; } @media (max-width: 920px) { .top-menu > .-link > .--have-inner { display: flex; } } .top-menu > .-link.--active > .--have-inner { transform: rotate(90deg); } .top-menu > .-link > .--have-inner:after { content: "\f054"; width: auto; height: auto; font: normal normal normal 14px/1 FontAwesome; color: #013e7f; background: none; } } /* CLASS top-menu-open */ @media all { .top-menu-open { display: none; font: normal normal normal 14px/1 FontAwesome; color: #003a70; font-size: 25px; cursor: pointer; width: 60px; height: 40px; } .top-menu-open:before { content: "\f039"; } .top-menu-open.--active:before { content: "\f00d"; } @media (max-width: 920px) { .top-menu-open { display: flex; align-items: center; justify-content: center; order: 2; } } } /* FOOTER STYLES */ footer { position: relative; background-image: url('/local/templates/main/img/footer-back.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 90px 0 15px 0; color: white; } @media (max-width: 1280px) { footer { padding: 90px 15px 15px 15px; } } .f-overlay { position: absolute; top: 0; left: 0; background-color: #013e7f; opacity: 0.6; z-index: 1; width: 100%; height: 100%; } .f-content { position: relative; max-width: 1280px; z-index: 2; margin: 0 auto; } .f-menus { display: flex; justify-content: flex-start; flex-wrap: wrap; width: fit-content; margin: 0 auto; } .f-menu { display: flex; flex-direction: column; width: 240px; padding: 0 20px 20px; } .f-menu span { font-size: 18px; margin-bottom: 20px; } .f-menu a { color: rgba(255, 255, 255, 0.7); font-size: 14px; text-decoration: none; margin-bottom: 20px; } .f-menu a:hover { color: red; } .f-bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } .page { max-width: 1400px; margin: 0 auto; padding: 50px 0; } .page-container { width: 100%; display: flex; flex-wrap: wrap; } .sidebar { position: relative; width: 280px; } .content { width: calc(100% - 280px); padding: 0 25px; } .content p, .content li, .content b { line-height: 25px; } .content h1 { font-size: 2.5em; margin-top: 0; } .content h2 { font-size: 1.8em; } .content h3 { font-size: 1.4em; } @media (max-width: 1400px) { .page { padding: 50px 15px; } } @media (max-width: 940px) { .sidebar, .content { width: 100%; padding: 0; } } /* CLASS f-contacts */ @media all { .f-contacts { border-top: 1px dotted white; border-bottom: 1px dotted white; } .f-contacts a { background: rgba(0, 0, 0, 0.4); border: 1px solid black; color: white; text-decoration: none; text-transform: uppercase; display: flex; align-items: center; justify-content: center; text-align: center; height: 40px; border-radius: 5px; max-width: 1120px; margin: 15px auto; width: 100%; transition: all 0.2s; } .f-contacts a:hover { color: #ff0044; border-color: #ff0044; } } /* CLASS sidebar-instagram */ @media all { .sidebar-instagram { margin-bottom: 50px; } .sidebar-instagram img { width: 100%; } .sidebar-instagram a { display: block; transition: all 0.2s; } .sidebar-instagram a:hover { transform: scale(0.9); } } /* CLASS sidebar-callback */ @media all { .sidebar-callback { padding: 15px 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; transition: all 0.1s; margin-bottom: 50px; position: relative; } .sidebar-callback > img { max-width: 100%; margin: 0 auto; margin-bottom: 30px; max-height: 200px; } .sidebar-callback > span { text-align: center; margin-bottom: 15px; color: #003a70; font-size: 20px; font-family: 'Roboto', sans-serif; } .sidebar-callback > p { text-align: center; margin-bottom: 15px; font-size: 16px; line-height: 30px; font-weight: bold; padding: 0 35px; } .sidebar-callback > div { display: flex; border: 1px solid #003a70; color: #003a70; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 24px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; } .sidebar-callback > div:hover { color: white; background-color: #003a70; } } /* CLASS page-title */ @media all { .page-title { text-align: center; font-size: 40px; font-family: 'Roboto', sans-serif; color: rgba(0, 0, 0, 0.8); margin: 0 0 45px 0; } } /* CLASS page-subtitle */ @media all { .page-subtitle { text-align: center; font-size: 30px; font-family: 'Roboto', sans-serif; color: rgba(0, 0, 0, 0.8); margin: 45px 0; font-weight: bold; display: block; } } /* CLASS contacts-block */ @media all { .contacts-block { display: flex; flex-wrap: wrap; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; } .contacts-block.--margined { margin-top: 45px; } .contacts-block > div { width: 50%; padding: 15px; display: flex; flex-direction: column; align-items: center; position: relative; } .contacts-block > div.contacts-block-text-node { justify-content: space-between; } .contacts-block > div.contacts-block-text-node.--full { width: 100%; } .contacts-block > div.contacts-block-text-node .-inner-props { margin: 25px 0; text-align: right; } .contacts-block > div > .--divider { position: absolute; height: calc(100% - 30px); width: 1px; background: rgba(0, 0, 0, 0.17); z-index: 1; right: 0; top: 15px; } .contacts-block .--title { font-size: 25px; font-family: 'Roboto', sans-serif; border-bottom: 2px solid black; margin-bottom: 15px; } .contacts-block .--text { font-size: 20px; margin-bottom: 15px; text-align: center; } .contacts-block .--text.--margined { margin-top: 45px; } .contacts-block .--links { display: flex; flex-direction: column; align-items: center; } .contacts-block .--social { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .contacts-block .--social > a { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 3px; border-radius: 5px; color: white; font: normal normal normal 14px/1 FontAwesome; text-decoration: none; font-size: 25px; } .contacts-block .--social > a:hover { opacity: 0.9; } .contacts-block .--social .--link-vk { background-color: #45668e; } .contacts-block .--social .--link-odnoklassniki { background-color: #f4731c; } .contacts-block .--social .--link-instagram { background-color: #262626; } .contacts-block .--social .--link-facebook { background-color: #3b5998; } .contacts-block .--social .--link-twitter { background-color: #1da1f2; } .contacts-block .--social .--link-vk:before { content: "\f189"; } .contacts-block .--social .--link-odnoklassniki:before { content: "\f263"; } .contacts-block .--social .--link-instagram:before { content: "\f16d"; } .contacts-block .--social .--link-facebook:before { content: "\f09a"; } .contacts-block .--social .--link-twitter:before { content: "\f099"; } .contacts-block .--links > span { font-weight: bold; font-family: 'Roboto', sans-serif; } .contacts-block .--links a { font-family: 'Roboto Light', sans-serif; text-decoration: none; color: #0274be; margin-bottom: 5px; } .contacts-block .--links a:hover { text-decoration: underline; } .contacts-block .--bold-desc { margin-bottom: 15px; font-weight: bold; text-align: center; } .contacts-block .--desc { margin-bottom: 15px; text-align: center; } @media (max-width: 800px) { .contacts-block > div > .--divider { position: absolute; width: calc(100% - 30px); height: 1px; background: rgba(0, 0, 0, 0.17); z-index: 1; left: 15px; top: auto; bottom: 0; } .contacts-block > div { width: 100%; } } } /* CLASS popup */ @media all { .popup, .popup-order { display: flex; align-items: center; justify-content: center; position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: -1; transition: all 0.2s; } .popup.--active, .popup-order.--active { opacity: 1; z-index: 1000; } .popup .--overlay, .popup-order .--overlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .popup .--body, .popup-order .--body{ width: 650px; max-width: 90%; background-color: rgba(255, 255, 255, 0.9); border-radius: 5px; box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.63); position: relative; z-index: 2; padding: 30px; } .popup .--close, .popup-order .--close { color: #003a70; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; cursor: pointer; position: absolute; z-index: 1; top: 10px; right: 10px; } .popup .--close:after, .popup-order .--close:after { content: "\f00d"; } .popup-order .--title { font-size: 25px; font-family: 'Roboto', sans-serif; margin-bottom: 15px; text-align: center; } } /* CLASS callback-form */ @media all { .callback-form { display: flex; flex-direction: column; align-items: center; } .callback-form input[type='text'], .callback-form textarea { width: 100%; font-family: 'Roboto', sans-serif; margin-bottom: 10px; outline: none; font-size: 15px; padding: 15px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.17); color: rgba(0, 0, 0, 0.17); transition: all 0.5s; } .callback-form input[type='text'] { height: 45px; } .callback-form input[type='text'].--error { border: 1px solid red; } .callback-form textarea { height: 100px; } .callback-form input[type='text']:focus, .callback-form textarea:focus { color: #003a70; border: 1px solid #003a70; } .callback-form input[type='text'][readonly='readonly'] { background: none; border: none; color: #757575; pointer-events: none; } .callback-form .--send { width: 100%; display: flex; border: 1px solid #003a70; color: #003a70; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 24px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 15px; } .callback-form .--send:hover { color: white; background-color: #003a70; } .callback-form .--success { text-align: center; margin: 20px 0; color: #003a70; font-size: 17px; } } /* CLASS title-block */ @media all { .title-block { margin: 25px 0; height: auto; display: flex; align-items: center; justify-content: flex-end; position: relative; } .title_news-block { margin: 25px 0; height: auto; display: flex; align-items: center; justify-content: flex-end; position: relative; } .title-block h2 { background: white; color: rgba(0, 0, 0, 0.8); font-size: 32px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-left: 25px; position: relative; z-index: 1; } .title_news-block h2 { background: white; color: rgba(0, 0, 0, 0.8); font-size: 32px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-left: 25px; position: relative; z-index: 1; } .title-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 100%; position: absolute; z-index: 0; } .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 70%; position: absolute; z-index: 0; left: 16%; } @media (max-width: 720px) { .title-block h2 { padding: 0 25px; text-align: center; } .title_news-block h2 { padding: 0 25px; justify-content: space-between; } .title-block { justify-content: center; } .title_news-block { justify-content: space-between; } } .hit_block .title-block { justify-content: flex-start; margin: 20px 0; } .hit_block .title-block h2{ color: #013e7f; font-size: 20px; padding: 0 0 5px; border-bottom: 2px solid #013e7f; } } /* CLASS company-benefits */ .company-benefits-title{ margin: 25px 0 23px; } .company-benefits-item{ max-width: 480px; margin-bottom: 16px; } li.company-benefits-item{ display: flex; justify-content: center; font-weight: bold; align-items: center; } ul.company-benefits-list{ padding: 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0px 66px; } .company-benefits-item-img{ background-color: #013e7f; min-width: 98px; min-height: 96px; border-radius: 7px; margin-right: 31px; text-align: center; vertical-align: center; } .company-benefits-item-img img{ display: inline-block; margin-top: 1.2em; } ul.company-benefits-list li{ text-decoration: none; list-style-type: none; } .company-benefits-item-text-title{ font-size: 22px; line-height: 1; margin-bottom: 6px; color: rgba(0, 0, 0, 0.8); font-family: 'Roboto', sans-serif; padding-top: 4px; } .company-benefits-item-text{ font-size: 15px; line-height: 1; position: relative; font-weight: normal; margin-bottom: 11px; } .company-benefits-item-after{ background-color: #013e7f; width: 52px; height: 2px; margin-left: -4px; } @media (max-width: 1200px) { .company-benefits-item-text-title{ font-size: 20px; } .company-benefits-item-text{ font-size: 15px; } .company-benefits-item{ max-height: 160px; } .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 64%; position: absolute; z-index: 0; left: 19%; } } @media (max-width: 1100px) { .title_news-block ._divider { left: 23%; } } @media (max-width: 1000px) { ul.company-benefits-list { grid-gap: 0px 38px; } } @media (max-width: 720px) { ul.company-benefits-list { display: block; } } @media (max-width: 500px) { .company-benefits-item-text-title { font-size: 19px; } } @media (max-width: 480px) { .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 31%; position: absolute; z-index: 0; left: 34%; } } @media (max-width: 400px) { .company-benefits-item-text-title { font-size: 17px; } .company-benefits-item-img{ margin-right: 22px; min-width: 84px; min-height: 90px; } } /* CLASS products-list */ @media all { .products-list { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .products-list .-card { width: calc(25% - 20px); position: relative; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; transition: all 0.5s; margin: 10px; } .products-list .-card > div { width: 100%; } .products-list .-card .-img { width: 100%; height: 150px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; margin-bottom: 10px; } .products-list .-card .-name { color: #013e7f; font-size: 19px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 30px; } .products-list .-card .-props { width: 100%; margin-bottom: 10px; } .products-list .-card .-props span { display: flex; align-items: center; min-height: 30px; width: 100%; color: rgb(84, 89, 95); font-size: 13px; } .products-list .-card .-props span * { font-size: 13px; } .products-list .-card .-props span:before { content: "\f054"; margin-right: 10px; font: normal normal normal 14px/1 FontAwesome; color: #013e7f; } .products-list .-card .-btn { width: 100%; display: flex; border: 1px solid #003a70; color: #003a70; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 24px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 15px; text-decoration: none; } .products-list .-card .-btn:hover { background-color: #003a70; color: white; } @media (max-width: 1280px) { .products-list .-card { width: calc(33% - 20px); } } @media (max-width: 800px) { .products-list .-card { width: calc(50% - 20px); } } @media (max-width: 530px) { .products-list .-card { width: 100%; } } } /* CLASS detail-image */ @media all { .detail-image { width: 100%; height: 500px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center; justify-content: flex-end; } div.detail-image h1 { padding:0px 60px; color: white; position: relative; z-index: 2; text-align: left; max-width: 1400px; font-size: 40px; font-family: 'Roboto', sans-serif; margin: 0 auto; width: 100%; text-shadow: rgb(0, 0, 0) 0 0 10px; } .detail-image .--overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } @media (max-width: 1400px) { .detail-image h1 { padding: 40px; text-align: center!important; } } @media (max-width:1000px){ .detail-image { background-size:100% 100%!important; } } div.detail-image h1 { padding:0px;} } /* CLASS ДЛЯ СЛАЙДЕРА */ @media all { .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .gallery-top { height: 360px; width: 100%; border-radius: 5px; } .swiper-container.gallery-thumbs { height: 80px; box-sizing: border-box; margin-top: 1px; } .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } } /* CLASS best-list */ @media all { .best-list { display: flex; flex-wrap: wrap; margin-bottom: 50px; justify-content: space-between; } .best-list .-card { width: calc(25% - 10px); display: flex; flex-direction: column; align-items: center; border-radius: 5px; transition: all 0.5s; } .best-list .-img { width: 100%; height: 190px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; margin-bottom: 15px; } .best-list .-title, .best-list_no-imgs .-title { color: #ff8c00; font-size: 24px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 15px; } .best-list .-text, .best-list_no-imgs .-text { color: black; font-size: 18px; text-align: center; font-family: 'Roboto Light', sans-serif; margin-bottom: 15px; line-height: 30px; } .best-list_no-imgs { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .best-list_no-imgs .-card { width: calc(33% - 10px); } @media (max-width: 1280px) { .best-list .-card { width: calc(33% - 10px); } } @media (max-width: 800px) { .best-list .-card, .best-list_no-imgs .-card { width: calc(50% - 10px); } } @media (max-width: 530px) { .best-list .-card, .best-list_no-imgs .-card { width: 100%; } } } /* CLASS best2-list */ @media all { .best2-list { display: flex; flex-wrap: wrap; margin-top: 50px; } .best2-list .-card { width: calc(33% - 20px); padding: 10px; display: flex; flex-direction: column; align-items: center; border-radius: 5px; transition: all 0.5s; margin: 10px; } .best2-list .-img { width: 86px; height: 86px; background-position: center center; background-repeat: no-repeat; background-size: contain; border-radius: 5px; margin-bottom: 10px; } .best2-list .-title { color: #ff8c00; font-size: 24px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 10px; } .best2-list .-text { color: black; font-size: 18px; text-align: center; font-family: 'Roboto Light', sans-serif; margin-bottom: 10px; line-height: 30px; } @media (max-width: 800px) { .best2-list .-card { width: calc(50% - 20px); } } @media (max-width: 530px) { .best2-list .-card { width: 100%; } } } /****************************/ /***** === PARTNERS === *****/ /****************************/ /* CLASS partners-title */ @media all { .partners-title { margin: 25px 0; height: 85px; display: flex; align-items: center; justify-content: flex-end; position: relative; } .partners-title h2 { background: white; color: rgba(0, 0, 0, 0.8); font-size: 32px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-left: 25px; position: relative; z-index: 1; } .partners-title ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 100%; position: absolute; z-index: 0; } } /* CLASS partners-list */ @media all { .partners-list { /*display: flex; flex-wrap: wrap;*/ margin-bottom: 50px; } .partners-list .-card { width: 20%; padding: 20px 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; transition: all 0.5s; margin: 0; } .partners-list .-card > div { width: 100%; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .partners-list .-card > span { color: rgb(122, 122, 122); font-size: 15px; margin-top: 10px; } @media (max-width: 1280px) { .partners-list .-card { width: 25%; } } @media (max-width: 980px) { .partners-list .-card { width: 33%; } } @media (max-width: 530px) { .partners-list .-card { width: 50%; } } @media (max-width: 400px) { .partners-list .-card { width: 100%; } } } /* CLASS main-slider */ @media all { .swiper-container.main-slider { height: calc(100vw * 0.372); display: none; } .swiper-container.main-slider .swiper-slide { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } .swiper-container.main-slider .swiper-pagination-bullets { bottom: 25px; } .swiper-container.main-slider .swiper-pagination-bullets .swiper-pagination-bullet { width: 14px; height: 14px; } .swiper-container.main-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: white; } } /* CLASS sidebar-menu */ @media all { .sidebar-menu { padding: 5px; display: flex; flex-direction: column; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; transition: all 0.5s; margin-bottom: 50px; } .sidebar-menu .-lvl { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .sidebar-menu > .-lvl { padding: 10px; } .sidebar-menu .-lvl .-title { text-decoration: none; } .sidebar-menu .-lvl .-title:hover { color: red !important; } .sidebar-menu > .-lvl > .-title { color: #013e7f; font-size: 16px; font-weight: bold; width: 90%; font-family: 'Roboto', sans-serif; } .sidebar-menu .-lvl > .-btn { width: 10%; text-align: right; } .sidebar-menu > .-lvl > .-btn:before { font: normal normal normal 14px/1 FontAwesome; content: "\f067"; color: #013e7f; cursor: pointer; } .sidebar-menu > .-lvl.--active > .-btn:before { content: "\f068"; } .sidebar-menu .-lvls { width: calc(100% - 15px); margin-left: 15px; margin-top: 10px; display: none; } .sidebar-menu .-lvl.--active > .-lvls { display: block; } .sidebar-menu > .-lvl > .-lvls > .-lvl > .-title { color: #0274be; font-size: 16px; width: 90%; } .sidebar-menu > .-lvl > .-lvls > .-lvl > .-btn:before { font: normal normal normal 14px/1 FontAwesome; content: "\f067"; color: #0274be; cursor: pointer; } .sidebar-menu > .-lvl > .-lvls > .-lvl.--active > .-btn:before { content: "\f068"; } .sidebar-menu .-title { color: gray; } .sidebar-menu .-title.--current { color: red !important; } } /* CLASS works */ @media all { .works { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .works .-card { width: calc(25% - 10px); display: flex; flex-direction: column; align-items: center; border-radius: 5px; transition: all 0.5s; margin: 0 5px; } .works .-img { width: 100%; height: 190px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; margin-bottom: 15px; } @media (max-width: 1280px) { .works .-card { width: calc(33% - 10px); } } @media (max-width: 800px) { .works .-card { width: calc(50% - 10px); } } @media (max-width: 530px) { .works .-card { width: 100%; } } } /* CLASS img-slider */ @media all { .img-slider { /*height: 260px;*/ } .img-slider .swiper-slide { padding: 15px; display: flex; flex-direction: column; text-align: center; } .img-slider .swiper-slide > div { background-position: center center; background-size: contain; background-repeat: no-repeat; min-height: 180px; border-radius: 5px; margin-bottom: 15px; } } /* CLASS big-img-slider */ @media all { .big-img-slider { height: 400px; } .big-img-slider .swiper-slide { padding: 15px; display: flex; flex-direction: column; text-align: center; } .big-img-slider .swiper-slide > div { background-position: center center; background-size: contain; background-repeat: no-repeat; height: 100%; border-radius: 5px; margin-bottom: 15px; } } /* CLASS colors */ @media all { .colors { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .colors .-card { width: calc(100% / 6); display: flex; flex-direction: column; align-items: center; transition: all 0.5s; } .colors .-img { width: 100%; height: 130px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .colors.--ral .-card { width: calc(100% / 5); padding: 5px; text-align: center; } .colors.--ral .-img { margin-bottom: 5px; border: 1px solid lightgray; } @media (max-width: 1280px) { .colors .-card { width: 25%; } .colors.--ral .-card { width: 33.33%; } } @media (max-width: 800px) { .colors.--ral .-card { width: 50%; } } @media (max-width: 530px) { .colors .-card { width: 50%; } } } /* FIX swiper-button-next / swiper-button-prev */ .content .swiper-button-next, .content .swiper-button-prev { height: 30px; width: 30px; background-color: white; border-radius: 50%; background-size: 65% 65%; box-shadow: 0 0 5px; outline: none; } .content .swiper-button-next.swiper-button-disabled, .content .swiper-button-prev.swiper-button-disabled { display: none; } /* * * * * * */ /* CLASS full-photo-box */ .full-photo-box { cursor: pointer; position: fixed; width: 100vw; height: 100vh; top: 0; align-items: center; justify-content: center; left: 0; opacity: 0; z-index: -1; display: flex; transition: all 0.2s; } .full-photo-box.--active { z-index: 1000; opacity: 1; } .full-photo-box .-overlay { background: rgba(0, 0, 0, 0.5); width: 100%; position: absolute; top: 0; left: 0; height: 100%; cursor: default; } .full-photo-box .-img { z-index: 1; max-width: 90%; max-height: 90%; border-radius: 5px; } /* ATTR data-photobox */ @media all { *[data-photobox='on']:hover { cursor: pointer; opacity: 0.8; font: normal normal normal 14px/1 FontAwesome; color: white; display: flex; align-items: center; justify-content: center; } *[data-photobox='on']:hover:after { content: "\f00e"; } } /* CLASS empty-block */ .empty-block { height: 50px; } /* CLASS search-form */ /*.search-form input[type='text'] { width: 50%; }*/ .search-form > form { margin-bottom: 0; } .search-form__link { display: block; width: 40px; height: 40px; background: url(/local/templates/main/img/search-icon.png) no-repeat center; } .search-form__input { width: 51%; display: none; position: absolute; right: 2%; bottom: -105%; z-index: 9; } .search-form__input input[type='text'] { width: 100%; height: 100%; padding: 24px 25px; font-size: 15px; color: #003a70; border: 1px solid #003a70; outline: none; } .search-form__input input[type='text']:focus { outline: 1px solid #003a70; } .search-form__input input[type='text']::-webkit-input-placeholder { font-size: 15px; color: #003a70; } .search-form__input input[type='text']:-moz-placeholder { font-size: 15px; color: #003a70; } @media (max-width: 988px) { .search-form__input { bottom: -61%; } } @media (max-width: 920px) { .search-form { position: absolute; width: 80%; } .search-form__input { right: 0; width: 86%; bottom: -18%; } .search-form__input input[type='text'] { border: 1px solid #003a70; padding: 17px 25px; } .h-bottom .-logo { margin: 0 auto; } } @media (max-width: 400px) { .search-form__link { width: 20px; height: 20px; background-size: contain; } .search-form__input { right: 3%; } .search-form { min-height: 40px; left: 7%; } .search-form > form { min-height: 40px; display: flex; align-items: center; } .h-bottom .-logo { width: 180px !important; } } @media (max-width: 350px) { .h-bottom .-logo { width: 165px !important; } } /* .contacts-under-title */ @media all { .contacts-under-title { display: flex; margin-top: -30px; align-items: center; justify-content: center; position: relative; text-align: center; color: #787878; max-height: 280px; } .contacts-under-title__text { border-top: 1px dashed black; padding: 27px 0; font-size: 30px; } .contacts-under-title__print-link { position: absolute; top: 0; right: 0; left: auto; height: 100%; display: flex; align-items: center; justify-content: center; background-image: url(/local/templates/main/img/print_icon.png); background-position: 35px center; background-repeat: no-repeat; max-height: 230px; } .contacts-under-title__print-link a { color: inherit; display: flex; align-items: center; justify-content: center; text-align: center; width: 230px; height: 50px; border: 1px solid #787878; border-radius: 5px; text-decoration: none; padding-left: 35px; } @media (max-width: 1024px) { .contacts-under-title { flex-direction: column; margin-bottom: 50px; } .contacts-under-title__print-link { position: relative; height: auto; } } } /* .new-contacts-block */ @media all { .new-contacts-block { display: flex; flex-wrap: wrap; width: 100%; color: #414141; } .new-contacts-block__tab { width: 50%; display: flex; align-items: center; justify-content: center; text-align: center; height: 64px; font-size: 16px; cursor: pointer; border: 2px solid #245491; color: #939393; font-family: 'Roboto', sans-serif; } .new-contacts-block__tab.--l { border-radius: 5px 0 0 0; border-right: 0; } .new-contacts-block__tab.--r { border-radius: 0 5px 0 0; border-left: 0; } .new-contacts-block__tab.--active { color: white; background: #003a70; } .new-contacts-block__content { display: none; width: 100%; } .new-contacts-block__content.--active { display: flex; flex-wrap: wrap; } .new-contacts-block__contacts { width: 50%; padding: 35px 0 35px 45px; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .new-contacts-block__info { width: 50%; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 35px 45px 35px 0; } .new-contacts-block__inner { height: auto; } .new-contacts-block__inner.--l { padding-right: 45px; border-right: 1px dashed #d9d9d9; } .new-contacts-block__inner.--r { padding-left: 45px; border-left: 1px dashed #d9d9d9; } .new-contacts-block__map { width: 100%; } .new-contacts-block__title { font-size: 18px; text-transform: uppercase; color: #939393; } .new-contacts-block__info-wrap { display: flex; flex-wrap: wrap; } .new-contacts-block__info-box:first-child { width: 40%; } .new-contacts-block__info-box:last-child { width: 60%; } .new-contacts-block__info-title { display: block; margin: 35px 0; font-weight: bold; font-size: 14px; } .new-contacts-block__info-desc { display: block; margin-bottom: 15px; } .new-contacts-block__info-desc:last-child { margin-bottom: 0; } .new-contacts-block__address { background-image: url(/local/templates/main/img/address_icon.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; margin-top: 30px; min-height: 30px; display: flex; align-items: center; } .new-contacts-block__phone { background-image: url(/local/templates/main/img/phone_icon.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; margin: 20px 0; min-height: 30px; display: flex; align-items: center; } .new-contacts-block__phone a { border-right: 1px solid black; padding: 0 7px 0 0; margin-right: 3px; color: #414141; font-weight: bold; text-decoration: none; white-space: nowrap; } .new-contacts-block__phone a:hover { text-decoration: underline; } .new-contacts-block__phone a:last-child { border-right: 0; padding: 0; margin: 0; } .new-contacts-block__email { background-image: url(/local/templates/main/img/email_icon.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; margin-bottom: 20px; min-height: 30px; display: flex; align-items: center; } .new-contacts-block__email a { text-decoration: none; color: #414141; } .new-contacts-block__email a:hover { text-decoration: underline; } .new-contacts-block__hours { padding-left: 30px; min-height: 30px; display: flex; align-items: center; } @media (max-width: 1280px) { .new-contacts-block__contacts, .new-contacts-block__info { width: 100%; max-height: 100%; border: 1px solid #d9d9d9; border-top: 0; } .new-contacts-block__inner.--l, .new-contacts-block__inner.--r { border: 0; } .new-contacts-block__content { flex-direction: column; } } @media (max-width: 520px) { .new-contacts-block__tab { width: 100%; } .new-contacts-block__tab.--l { border-radius: 5px 5px 0 0; border-right: 2px solid #245491; border-bottom: 0; } .new-contacts-block__tab.--r { border-radius: 0; border-left: 2px solid #245491; } .new-contacts-block__contacts, .new-contacts-block__info { padding: 20px; } .new-contacts-block__inner.--l, .new-contacts-block__inner.--r { padding: 0; } .new-contacts-block__info-box, .new-contacts-block__info-box:first-child { width: 100%; } .new-contacts-block__phone a { border: 0; } } } /* .callback-form-wrap */ @media all { .callback-form-wrap { display: flex; margin-top: 80px; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap; background-image: url(/local/templates/main/img/callback.png); background-size: cover; padding-bottom: 40px; } .callback-form-wrap > span { font-family: 'Roboto'; display: flex; justify-content: center; text-align: center; width: 100%; font-weight: bold; font-size: 36px; margin: 40px 0; } .callback-form-wrap .callback-form { width: calc(100% - 30px); display: flex; flex-direction: column; align-items: center; max-width: 600px; } .callback-form-wrap .callback-form .--send { color: white; background-color: #003a70; width: 270px; max-width: calc(100% - 30px); } .callback-form-wrap a { color: inherit; } .callback-form-wrap input[type='text'] { background: rgba(255, 255, 255, 0.5); } } /* ask-form */ @media { .ask-form { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; background: #003a70; border-radius: 5px; padding: 25px 80px; color: white; } .ask-form__title-success { font-family: 'Roboto', sans-serif; font-size: 25px; position: relative; z-index: 2; background: #003a70; width: 100%; text-align: center; } .ask-form__title { position: relative; width: 100%; } .ask-form__title-text { font-family: 'Roboto', sans-serif; font-size: 36px; position: relative; z-index: 2; background: #003a70; padding-right: 10px; } .ask-form__title-line { position: absolute; height: 2px; background: white; width: 100%; top: calc(50% - 1px); z-index: 1; } .ask-form__title-desc { margin: 10px 0 25px; } .ask-form__inputs { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .ask-form__inputs-box { display: flex; flex-direction: column; width: 50%; padding: 0 8px 0 0; } .ask-form__inputs-box:last-child { padding: 0 0 0 8px; } .ask-form__input { display: flex; align-items: center; justify-content: flex-start; height: 45px; border: 1px solid white; border-radius: 5px; margin-bottom: 16px; background: transparent; outline: none !important; padding-left: 25px; transition: all 0.2s; color: white; } .ask-form__input.--error { border: 1px solid red; } .ask-form__input:last-child { margin-bottom: 0; } .ask-form__input:active, .ask-form__input:focus, .ask-form__input:hover, .ask-form__input.--error:active, .ask-form__input.--error:focus, .ask-form__input.--error:hover { background: white; border: 1px solid white; color: initial; } .ask-form__input::placeholder { color: white; } .ask-form__input::-ms-input-placeholder { color: white; } .ask-form__input::-webkit-input-placeholder { color: white; } .ask-form__input::-moz-placeholder { color: white; } .ask-form__input:active::placeholder { color: initial; } .ask-form__input:active::-ms-input-placeholder { color: initial; } .ask-form__input:active::-webkit-input-placeholder { color: initial; } .ask-form__input:active::-moz-placeholder { color: initial; } .ask-form__input:focus::placeholder { color: initial; } .ask-form__input:focus::-ms-input-placeholder { color: initial; } .ask-form__input:focus::-webkit-input-placeholder { color: initial; } .ask-form__input:focus::-moz-placeholder { color: initial; } .ask-form__input:hover::placeholder { color: initial; } .ask-form__input:hover::-ms-input-placeholder { color: initial; } .ask-form__input:hover::-webkit-input-placeholder { color: initial; } .ask-form__input:hover::-moz-placeholder { color: initial; } .ask-form__textarea { height: 100%; border: 1px solid white; border-radius: 5px; background: transparent; outline: none !important; padding: 13px 25px; resize: none; transition: all 0.2s; color: white; } .ask-form__textarea.--error { border: 1px solid red; } .ask-form__textarea:active, .ask-form__textarea:focus, .ask-form__textarea:hover, .ask-form__textarea.--error:active, .ask-form__textarea.--error:focus, .ask-form__textarea.--error:hover { background: white; color: initial; border: 1px solid white; } .ask-form__textarea::placeholder { color: white; } .ask-form__textarea::-ms-input-placeholder { color: white; } .ask-form__textarea::-webkit-input-placeholder { color: white; } .ask-form__textarea::-moz-placeholder { color: white; } .ask-form__textarea:active::placeholder { color: initial; } .ask-form__textarea:active::-ms-input-placeholder { color: initial; } .ask-form__textarea:active::-webkit-input-placeholder { color: initial; } .ask-form__textarea:active::-moz-placeholder { color: initial; } .ask-form__textarea:focus::placeholder { color: initial; } .ask-form__textarea:focus::-ms-input-placeholder { color: initial; } .ask-form__textarea:focus::-webkit-input-placeholder { color: initial; } .ask-form__textarea:focus::-moz-placeholder { color: initial; } .ask-form__textarea:hover::placeholder { color: initial; } .ask-form__textarea:hover::-ms-input-placeholder { color: initial; } .ask-form__textarea:hover::-webkit-input-placeholder { color: initial; } .ask-form__textarea:hover::-moz-placeholder { color: initial; } .ask-form__bottom { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: flex-start; margin-top: 16px; } .ask-form__info { margin-bottom: 8px; font-size: 10px; } .ask-form__agree { margin-bottom: 20px; } .ask-form__agree a { color: white; } .ask-form__btn { color: #003a70; border: 1px solid white; background: white; transition: all 0.2s; width: 575px; border-radius: 5px; max-width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px; font-family: 'Roboto', sans-serif; cursor: pointer; } .ask-form__btn:hover { color: white; background: transparent; } .ask-form__btn:active { transform: scale(0.95); } .ask-form.reviews .ask-form__title { padding: 0; margin-bottom: 40px; text-align: center; } .ask-form.reviews .ask-form__inputs-box { padding: 0; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .ask-form.reviews .ask-form__input { width: 48%; } .ask-form.reviews .ask-form__textarea { width: 77%; min-height: 110px; } .ask-form.reviews .input-file__wrap { width: 18%; position: relative; } .input-file__wrap .ask-form__input-file { position: absolute; opacity: 0; cursor: pointer; width: 100%; } .input-file__wrap > label { text-decoration: underline; cursor: pointer; position: absolute; width: 145px; height: 60%; text-align: right; background: url(/local/templates/main/img/clip.png) no-repeat top left; } .ask-form.reviews .file-name__wrap { position: absolute; top: 25px; width: 100%; display: flex; flex-wrap: wrap; } .ask-form.reviews .file-name__wrap span { display: block; } @media (max-width: 1300px) { .ask-form.reviews .input-file__wrap { width: 20%; } } @media (max-width: 1240px) { .ask-form.reviews .ask-form__textarea { width: 68%; } .ask-form.reviews .input-file__wrap { width: 25%; } } @media (max-width: 1075px) { .ask-form.reviews .input-file__wrap { width: 27%; } } @media (max-width: 1025px) { .ask-form.reviews .ask-form__textarea { margin-bottom: 20px; } .ask-form.reviews .ask-form__textarea { width: 100%; } .ask-form.reviews .ask-form__bottom { margin-top: 110px; } .ask-form.reviews .input-file__wrap { width: 100%; } .input-file__wrap > label { height: 30px; width: 145px; right: 0; } .ask-form.reviews .file-name { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } } @media (max-width: 1000px) { .ask-form__inputs-box { padding: 0; width: 100%; margin-bottom: 16px; } .ask-form__inputs-box:last-child { padding: 0; margin-bottom: 0; } } @media (max-width: 480px) { .ask-form.reviews .ask-form__input { width: 100%; } .ask-form.reviews .file-name { justify-content: flex-end; } .ask-form.reviews .file-name > span { margin-right: 10px; } } @media (max-width: 768px) { .ask-form { padding: 16px; } .ask-form__title-text, .ask-form__title-desc { display: block; text-align: center; width: 100%; } .ask-form__title-line { display: none; } .ask-form__textarea { height: 300px; } } } .discount-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .discount-item { width: 48%; } /* шрифты */ @media all { @font-face { font-family: 'FontAwesome'; src: url('/local/templates/main/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular'); src: url('/local/templates/main/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/local/templates/main/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/local/templates/main/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/local/templates/main/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/local/templates/main/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/local/templates/main/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto'), url('/local/templates/main/fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto Light'; src: local('Roboto Light'), url('/local/templates/main/fonts/Roboto-Light.ttf') format('truetype'); font-weight: 400; font-style: normal; } } /* MAIN SETTINGS */ body { margin: 0; padding: 0; } body * { box-sizing: border-box; font-family: 'Roboto Light', sans-serif; font-size: 15px; } /* HEADER CSS */ header span, header a, header p, footer span, footer a, footer p { font-family: 'Roboto', sans-serif; } /* CLASS h-top */ @media all { .h-top { background-color: #003a70; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); } .h-top * { font-size: 13px; } .h-top .-content { display: flex; width: 100%; max-width: 1400px; flex-wrap: wrap; align-items: center; margin: 0 auto; } .h-top .-info { color: white; width: 20%; } .h-top .-hours { color: white; width: 40%; } .h-top .-contacts { display: flex; width: 30%; align-items: center; justify-content: center; } .h-top .-phone, .h-top .ya-phone a { color: white; margin-right: 30px; text-decoration: none; font-size: 14px; } .h-top .-callback { color: white; border-bottom: 1px dashed; cursor: pointer; } .h-top .-links { display: flex; width: 10%; } .h-top .-links a { color: white; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .h-top .-links a { font-size: 13px; } .h-top .-vk:before, .h-top .-facebook:before, .h-top .-twitter:before, .h-top .-instagram:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .h-top .-vk:before { content: "\f189"; } .h-top .-facebook:before { content: "\f09a"; } .h-top .-twitter:before { content: "\f099"; } .h-top .-instagram:before { content: "\f16d"; } @media (max-width: 1400px) { .h-top { padding: 0 10px; } } @media (max-width: 1280px) { .h-top .-info { width: fit-content; margin-right: 15px; } .h-top .-hours { width: 30%; } .h-top .-contacts { width: 30%; } .h-top .-links { width: fit-content; } } @media (max-width: 920px) { .h-top { text-align: center; padding: 10px; } .h-top * { font-size: 14px; } .h-top .-info { width: 100%; } .h-top .-hours { margin-top: 20px; width: 100%; } .h-top .-contacts { margin-top: 20px; width: 100%; } .h-top .-links { margin-top: 5px; width: 100%; justify-content: center; } .h-top .-links a { width: 50px; height: 50px; } .h-top .-vk:before, .h-top .-facebook:before, .h-top .-twitter:before, .h-top .-instagram:before { font-size: 20px; } } } .f-bottom ._links { display: flex; } .f-bottom ._links a { color: white; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .f-bottom ._links a { font-size: 15px; } .f-bottom ._vk:before, .f-bottom ._facebook:before, .f-bottom ._twitter:before, .f-bottom ._instagram:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .f-bottom ._vk:before { content: "\f189"; } .f-bottom ._facebook:before { content: "\f09a"; } .f-bottom ._twitter:before { content: "\f099"; } .f-bottom ._instagram:before { content: "\f16d"; } /* CLASS .h-bottom */ @media all { .h-bottom { padding: 10px; max-width: 1400px; display: flex; align-items: center; margin: 0 auto; justify-content: flex-start; min-height: 60px; position: relative; } .h-bottom .-logo { width: 235px; max-width: calc(100% - 60px); } .h-bottom .-logo img { width: 100%; } @media (max-width: 920px) { .h-bottom .-logo { order: 1; } .h-bottom { justify-content: space-between; flex-wrap: wrap; } } } /* CLASS top-menu */ @media all { .top-menu { width: calc(100% - 305px); margin-left: 15px; } .top-menu > .-link > a, .top-menu > .-link > span { color: #003a70; text-decoration: none; font-size: 14px; font-weight: 500; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .top-menu .-link > a span, .top-menu .-link > span > span { padding: 13px 20px; } .top-menu > .-link > a:after, .top-menu .-link > span:after { content: ''; width: 0; background-color: #003a70; height: 3px; transition: all 0.2s; } .top-menu > .-link:hover > a:after, .top-menu .-link > span:after { width: 100%; } .top-menu > .-link:hover .-inner { display: flex; } @media (max-width: 1280px) { .top-menu .-link > a span, .top-menu .-link > span > span { padding: 13px 5px; } } @media (max-width: 920px) { .top-menu { display: none; } .top-menu.--active { width: 100%; order: 3; display: flex; flex-direction: column; margin: 20px 0 0; border-bottom: 2px solid #003a70; border-top: 2px solid #003a70; } .top-menu > .-link > a, .top-menu > .-link > span { text-align: left; align-items: flex-start; } .top-menu > .-link:hover > a:after, .top-menu .-link > span:after { width: 0; } .top-menu > .-link > span { background-color: #003a70; color: white; } .top-menu > .-link:hover .-inner { display: flex; position: relative; padding: 0 0 0 25px; } .top-menu > .-link:hover .-inner { display: none; } } .top-menu .-inner { position: absolute; top: 40px; overflow: hidden; z-index: 3; display: none; flex-direction: column; padding-top: 15px; left: 0; width: 100%; min-width: 200px; } .top-menu .-inner a { background: white; text-decoration: none; font-family: 'Roboto Regular', sans-serif; color: black; padding: 10px; border: 1px solid white; } .top-menu .-inner a:hover { background: #003a70; color: white; } .top-menu > .-link { display: inline-block; position: relative; } /* * * * * */ .top-menu > .-link > .--have-inner { background: none; position: absolute; right: 0; top: 0; width: 47px; height: 47px; align-items: center; justify-content: center; transition: all 0.2s; z-index: 1; display: none; } @media (max-width: 920px) { .top-menu > .-link > .--have-inner { display: flex; } } .top-menu > .-link.--active > .--have-inner { transform: rotate(90deg); } .top-menu > .-link > .--have-inner:after { content: "\f054"; width: auto; height: auto; font: normal normal normal 14px/1 FontAwesome; color: #013e7f; background: none; } } /* CLASS top-menu-open */ @media all { .top-menu-open { display: none; font: normal normal normal 14px/1 FontAwesome; color: #003a70; font-size: 25px; cursor: pointer; width: 60px; height: 40px; } .top-menu-open:before { content: "\f039"; } .top-menu-open.--active:before { content: "\f00d"; } @media (max-width: 920px) { .top-menu-open { display: flex; align-items: center; justify-content: center; order: 2; } } } /* FOOTER STYLES */ footer { position: relative; background-image: url('/local/templates/main/img/footer-back.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 90px 0 15px 0; color: white; } @media (max-width: 1280px) { footer { padding: 90px 15px 15px 15px; } } .f-overlay { position: absolute; top: 0; left: 0; background-color: #013e7f; opacity: 0.6; z-index: 1; width: 100%; height: 100%; } .f-content { position: relative; max-width: 1280px; z-index: 2; margin: 0 auto; } .f-menus { display: flex; justify-content: flex-start; flex-wrap: wrap; width: fit-content; margin: 0 auto; } .f-menu { display: flex; flex-direction: column; width: 240px; padding: 0 20px 20px; } .f-menu span { font-size: 18px; margin-bottom: 20px; } .f-menu a { color: rgba(255, 255, 255, 0.7); font-size: 14px; text-decoration: none; margin-bottom: 20px; } .f-menu a:hover { color: red; } .f-bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } .page { max-width: 1400px; margin: 0 auto; padding: 50px 0; } .page-container { width: 100%; display: flex; flex-wrap: wrap; } .sidebar { position: relative; width: 280px; } .content { width: calc(100% - 280px); padding: 0 25px; } .content p, .content li, .content b { line-height: 25px; } .content h1 { font-size: 2.5em; margin-top: 0; } .content h2 { font-size: 1.8em; } .content h3 { font-size: 1.4em; } @media (max-width: 1400px) { .page { padding: 50px 15px; } } @media (max-width: 940px) { .sidebar, .content { width: 100%; padding: 0; } } /* CLASS f-contacts */ @media all { .f-contacts { border-top: 1px dotted white; border-bottom: 1px dotted white; } .f-contacts a { background: rgba(0, 0, 0, 0.4); border: 1px solid black; color: white; text-decoration: none; text-transform: uppercase; display: flex; align-items: center; justify-content: center; text-align: center; height: 40px; border-radius: 5px; max-width: 1120px; margin: 15px auto; width: 100%; transition: all 0.2s; } .f-contacts a:hover { color: #ff0044; border-color: #ff0044; } } /* CLASS sidebar-instagram */ @media all { .sidebar-instagram { margin-bottom: 50px; } .sidebar-instagram img { width: 100%; } .sidebar-instagram a { display: block; transition: all 0.2s; } .sidebar-instagram a:hover { transform: scale(0.9); } } /* CLASS sidebar-callback */ @media all { .sidebar-callback { padding: 15px 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; transition: all 0.1s; margin-bottom: 50px; position: relative; } .sidebar-callback > img { max-width: 100%; margin: 0 auto; margin-bottom: 30px; max-height: 200px; } .sidebar-callback > span { text-align: center; margin-bottom: 15px; color: #003a70; font-size: 20px; font-family: 'Roboto', sans-serif; } .sidebar-callback > p { text-align: center; margin-bottom: 15px; font-size: 16px; line-height: 30px; font-weight: bold; padding: 0 35px; } .sidebar-callback > div { display: flex; border: 1px solid #003a70; color: #003a70; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 24px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; } .sidebar-callback > div:hover { color: white; background-color: #003a70; } } /* CLASS page-title */ @media all { .page-title { text-align: center; font-size: 40px; font-family: 'Roboto', sans-serif; color: rgba(0, 0, 0, 0.8); margin: 0 0 45px 0; } } /* CLASS page-subtitle */ @media all { .page-subtitle { text-align: center; font-size: 30px; font-family: 'Roboto', sans-serif; color: rgba(0, 0, 0, 0.8); margin: 45px 0; font-weight: bold; display: block; } } /* CLASS contacts-block */ @media all { .contacts-block { display: flex; flex-wrap: wrap; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; } .contacts-block.--margined { margin-top: 45px; } .contacts-block > div { width: 50%; padding: 15px; display: flex; flex-direction: column; align-items: center; position: relative; } .contacts-block > div.contacts-block-text-node { justify-content: space-between; } .contacts-block > div.contacts-block-text-node.--full { width: 100%; } .contacts-block > div.contacts-block-text-node .-inner-props { margin: 25px 0; text-align: right; } .contacts-block > div > .--divider { position: absolute; height: calc(100% - 30px); width: 1px; background: rgba(0, 0, 0, 0.17); z-index: 1; right: 0; top: 15px; } .contacts-block .--title { font-size: 25px; font-family: 'Roboto', sans-serif; border-bottom: 2px solid black; margin-bottom: 15px; } .contacts-block .--text { font-size: 20px; margin-bottom: 15px; text-align: center; } .contacts-block .--text.--margined { margin-top: 45px; } .contacts-block .--links { display: flex; flex-direction: column; align-items: center; } .contacts-block .--social { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .contacts-block .--social > a { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 3px; border-radius: 5px; color: white; font: normal normal normal 14px/1 FontAwesome; text-decoration: none; font-size: 25px; } .contacts-block .--social > a:hover { opacity: 0.9; } .contacts-block .--social .--link-vk { background-color: #45668e; } .contacts-block .--social .--link-odnoklassniki { background-color: #f4731c; } .contacts-block .--social .--link-instagram { background-color: #262626; } .contacts-block .--social .--link-facebook { background-color: #3b5998; } .contacts-block .--social .--link-twitter { background-color: #1da1f2; } .contacts-block .--social .--link-vk:before { content: "\f189"; } .contacts-block .--social .--link-odnoklassniki:before { content: "\f263"; } .contacts-block .--social .--link-instagram:before { content: "\f16d"; } .contacts-block .--social .--link-facebook:before { content: "\f09a"; } .contacts-block .--social .--link-twitter:before { content: "\f099"; } .contacts-block .--links > span { font-weight: bold; font-family: 'Roboto', sans-serif; } .contacts-block .--links a { font-family: 'Roboto Light', sans-serif; text-decoration: none; color: #0274be; margin-bottom: 5px; } .contacts-block .--links a:hover { text-decoration: underline; } .contacts-block .--bold-desc { margin-bottom: 15px; font-weight: bold; text-align: center; } .contacts-block .--desc { margin-bottom: 15px; text-align: center; } @media (max-width: 800px) { .contacts-block > div > .--divider { position: absolute; width: calc(100% - 30px); height: 1px; background: rgba(0, 0, 0, 0.17); z-index: 1; left: 15px; top: auto; bottom: 0; } .contacts-block > div { width: 100%; } } } /* CLASS popup */ @media all { .popup { display: flex; align-items: center; justify-content: center; position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: -1; transition: all 0.2s; } .popup.--active { opacity: 1; z-index: 1000; } .popup .--overlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .popup .--body { width: 650px; max-width: 90%; background-color: rgba(255, 255, 255, 0.9); border-radius: 5px; box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.63); position: relative; z-index: 2; padding: 30px; } .popup .--close { color: #003a70; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; cursor: pointer; position: absolute; z-index: 1; top: 10px; right: 10px; } .popup .--close:after { content: "\f00d"; } } /* CLASS callback-form */ @media all { .callback-form { display: flex; flex-direction: column; align-items: center; } .callback-form input[type='text'], .callback-form textarea { width: 100%; font-family: 'Roboto', sans-serif; margin-bottom: 10px; outline: none; font-size: 15px; padding: 15px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.17); color: rgba(0, 0, 0, 0.17); transition: all 0.5s; } .callback-form input[type='text'] { height: 45px; } .callback-form input[type='text'].--error { border: 1px solid red; } .callback-form textarea { height: 100px; } .callback-form input[type='text']:focus, .callback-form textarea:focus { color: #003a70; border: 1px solid #003a70; } .callback-form .--send { width: 100%; display: flex; border: 1px solid #003a70; color: #003a70; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 24px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 15px; } .callback-form .--send:hover { color: white; background-color: #003a70; } .callback-form .--success { text-align: center; margin: 20px 0; color: #003a70; font-size: 17px; } } /* CLASS title-block */ @media all { .title-block { margin: 25px 0; height: auto; display: flex; align-items: center; justify-content: flex-end; position: relative; } .title_news-block { margin: 25px 0; height: auto; display: flex; align-items: center; justify-content: space-between; position: relative; } .title-block h2 { background: white; color: rgba(0, 0, 0, 0.8); font-size: 32px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-left: 25px; position: relative; z-index: 1; } .title_news-block h2 { background: white; color: rgba(0, 0, 0, 0.8); font-size: 32px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-left: 25px; position: relative; z-index: 1; } .title-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 100%; position: absolute; z-index: 0; } .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 70%; position: absolute; z-index: 0; left: 16%; } @media (max-width: 720px) { .title-block h2 { padding: 0 25px; text-align: center; } .title-block { justify-content: center; } .title_news-block { justify-content: space-between; } } } /* CLASS products-list */ @media all { .products-list { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .products-list .-card { width: calc(25% - 20px); padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; transition: all 0.5s; margin: 10px; } .products-list .-card > div { width: 100%; } .products-list .-card .-img { width: 100%; height: 150px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; margin-bottom: 10px; } .products-list .-card .-name { color: #013e7f; font-size: 19px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 30px; } .products-list .-card .-props { width: 100%; margin-bottom: 10px; } .products-list .-card .-props span { display: flex; align-items: center; min-height: 30px; width: 100%; color: rgb(84, 89, 95); font-size: 13px; } .products-list .-card .-props span * { font-size: 13px; } .products-list .-card .-props span:before { content: "\f054"; margin-right: 10px; font: normal normal normal 14px/1 FontAwesome; color: #013e7f; } .products-list .-card .-btn { width: 100%; display: flex; border: 1px solid #003a70; color: #003a70; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 24px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 15px; text-decoration: none; } .products-list .-card .-btn:hover { background-color: #003a70; color: white; } @media (max-width: 1280px) { .products-list .-card { width: calc(33% - 20px); } } @media (max-width: 800px) { .products-list .-card { width: calc(50% - 20px); } } @media (max-width: 530px) { .products-list .-card { width: 100%; } } } /* CLASS detail-image */ @media all { .detail-image { width: 100%; height: 500px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center; justify-content: flex-end; } .detail-image h1 { color: white; position: relative; z-index: 2; text-align: right; max-width: 1400px; font-size: 40px; font-family: 'Roboto', sans-serif; margin: 0 auto; width: 100%; text-shadow: rgb(0, 0, 0) 0 0 10px; } .detail-image .--overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } @media (max-width: 1400px) { .detail-image h1 { padding: 40px; text-align: center; } } } /* CLASS ДЛЯ СЛАЙДЕРА */ @media all { .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .swiper-slide table { width: 519px; } .swiper-slide table tr td:nth-child(1) { width: 108px; } .swiper-slide table tr td:nth-child(2) { width: 139px; } .swiper-slide table tr td:nth-child(3) { width: 130px; } .swiper-slide table tr td:nth-child(4) { width: 142px; } .gallery-top { height: 360px; width: 100%; border-radius: 5px; } .swiper-container.gallery-thumbs { height: 80px; box-sizing: border-box; margin-top: 1px; } .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } } /* CLASS best-list */ @media all { .best-list { display: flex; flex-wrap: wrap; margin-bottom: 50px; justify-content: space-between; } .best-list .-card { width: calc(25% - 10px); display: flex; flex-direction: column; align-items: center; border-radius: 5px; transition: all 0.5s; } .best-list .-img { width: 100%; height: 190px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; margin-bottom: 15px; } .best-list .-title, .best-list_no-imgs .-title { color: #ff8c00; font-size: 24px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 15px; } .best-list .-text, .best-list_no-imgs .-text { color: black; font-size: 18px; text-align: center; font-family: 'Roboto Light', sans-serif; margin-bottom: 15px; line-height: 30px; } .best-list_no-imgs { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .best-list_no-imgs .-card { width: calc(33% - 10px); } @media (max-width: 1280px) { .best-list .-card { width: calc(33% - 10px); } } @media (max-width: 800px) { .best-list .-card, .best-list_no-imgs .-card { width: calc(50% - 10px); } } @media (max-width: 530px) { .best-list .-card, .best-list_no-imgs .-card { width: 100%; } } } /* CLASS best2-list */ @media all { .best2-list { display: flex; flex-wrap: wrap; margin-top: 50px; } .best2-list .-card { width: calc(33% - 20px); padding: 10px; display: flex; flex-direction: column; align-items: center; border-radius: 5px; transition: all 0.5s; margin: 10px; } .best2-list .-img { width: 86px; height: 86px; background-position: center center; background-repeat: no-repeat; background-size: contain; border-radius: 5px; margin-bottom: 10px; } .best2-list .-title { color: #ff8c00; font-size: 24px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 10px; } .best2-list .-text { color: black; font-size: 18px; text-align: center; font-family: 'Roboto Light', sans-serif; margin-bottom: 10px; line-height: 30px; } @media (max-width: 800px) { .best2-list .-card { width: calc(50% - 20px); } } @media (max-width: 530px) { .best2-list .-card { width: 100%; } } } /****************************/ /***** === PARTNERS === *****/ /****************************/ /* CLASS partners-title */ @media all { .partners-title { margin: 25px 0; height: 85px; display: flex; align-items: center; justify-content: flex-end; position: relative; } .partners-title h2 { background: white; color: rgba(0, 0, 0, 0.8); font-size: 32px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-left: 25px; position: relative; z-index: 1; } .partners-title ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 100%; position: absolute; z-index: 0; } } /* CLASS partners-list */ @media all { .partners-list { /*display: flex; flex-wrap: wrap;*/ margin-bottom: 50px; } .partners-list .-card { width: 20%; padding: 20px 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; transition: all 0.5s; margin: 0; } .partners-list .-card > div { width: 100%; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .partners-list .-card > span { color: rgb(122, 122, 122); font-size: 15px; margin-top: 10px; } @media (max-width: 1280px) { .partners-list .-card { width: 25%; } } @media (max-width: 980px) { .partners-list .-card { width: 33%; } } @media (max-width: 530px) { .partners-list .-card { width: 50%; } } @media (max-width: 400px) { .partners-list .-card { width: 100%; } } } /* CLASS main-slider */ @media all { .swiper-container.main-slider { height: calc(100vw * 0.372); display: none; } .swiper-container.main-slider .swiper-slide { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } .swiper-container.main-slider .swiper-pagination-bullets { bottom: 25px; } .swiper-container.main-slider .swiper-pagination-bullets .swiper-pagination-bullet { width: 14px; height: 14px; } .swiper-container.main-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: white; } } /* CLASS sidebar-menu */ @media all { .sidebar-menu { padding: 5px; display: flex; flex-direction: column; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; transition: all 0.5s; margin-bottom: 50px; } .sidebar-menu .-lvl { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .sidebar-menu > .-lvl { padding: 10px; } .sidebar-menu .-lvl .-title { text-decoration: none; } .sidebar-menu .-lvl .-title:hover { color: red !important; } .sidebar-menu > .-lvl > .-title { color: #013e7f; font-size: 16px; font-weight: bold; width: 90%; font-family: 'Roboto', sans-serif; } .sidebar-menu .-lvl > .-btn { width: 10%; text-align: right; } .sidebar-menu > .-lvl > .-btn:before { font: normal normal normal 14px/1 FontAwesome; content: "\f067"; color: #013e7f; cursor: pointer; } .sidebar-menu > .-lvl.--active > .-btn:before { content: "\f068"; } .sidebar-menu .-lvls { width: calc(100% - 15px); margin-left: 15px; margin-top: 10px; display: none; } .sidebar-menu .-lvl.--active > .-lvls { display: block; } .sidebar-menu > .-lvl > .-lvls > .-lvl > .-title { color: #0274be; font-size: 16px; width: 90%; } .sidebar-menu > .-lvl > .-lvls > .-lvl > .-btn:before { font: normal normal normal 14px/1 FontAwesome; content: "\f067"; color: #0274be; cursor: pointer; } .sidebar-menu > .-lvl > .-lvls > .-lvl.--active > .-btn:before { content: "\f068"; } .sidebar-menu .-title { color: gray; } .sidebar-menu .-title.--current { color: red !important; } } /* CLASS works */ @media all { .works { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .works .-card { width: calc(25% - 10px); display: flex; flex-direction: column; align-items: center; border-radius: 5px; transition: all 0.5s; margin: 0 5px; } .works .-img { width: 100%; height: 190px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; margin-bottom: 15px; } @media (max-width: 1280px) { .works .-card { width: calc(33% - 10px); } } @media (max-width: 800px) { .works .-card { width: calc(50% - 10px); } } @media (max-width: 530px) { .works .-card { width: 100%; } } } /* CLASS img-slider */ @media all { .img-slider, .partners-slider { /*height: 260px;*/ } .img-slider .swiper-slide { padding: 15px; display: flex; flex-direction: column; text-align: center; } .img-slider .swiper-slide > div { background-position: center center; background-size: contain; background-repeat: no-repeat; min-height: 180px; border-radius: 5px; margin-bottom: 15px; } } /* CLASS big-img-slider */ @media all { .big-img-slider { height: 400px; } .big-img-slider .swiper-slide { padding: 15px; display: flex; flex-direction: column; text-align: center; } .big-img-slider .swiper-slide > div { background-position: center center; background-size: contain; background-repeat: no-repeat; height: 100%; border-radius: 5px; margin-bottom: 15px; } } /* CLASS colors */ @media all { .colors { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .colors .-card { width: calc(100% / 6); display: flex; flex-direction: column; align-items: center; transition: all 0.5s; } .colors .-img { width: 100%; height: 130px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .colors.--ral .-card { width: calc(100% / 5); padding: 5px; text-align: center; } .colors.--ral .-img { margin-bottom: 5px; border: 1px solid lightgray; } @media (max-width: 1280px) { .colors .-card { width: 25%; } .colors.--ral .-card { width: 33.33%; } } @media (max-width: 800px) { .colors.--ral .-card { width: 50%; } } @media (max-width: 530px) { .colors .-card { width: 50%; } } } /* FIX swiper-button-next / swiper-button-prev */ .content .swiper-button-next, .content .swiper-button-prev { height: 30px; width: 30px; background-color: white; border-radius: 50%; background-size: 65% 65%; box-shadow: 0 0 5px; outline: none; } .content .swiper-button-next.swiper-button-disabled, .content .swiper-button-prev.swiper-button-disabled { display: none; } /* * * * * * */ /* CLASS full-photo-box */ .full-photo-box { cursor: pointer; position: fixed; width: 100vw; height: 100vh; top: 0; align-items: center; justify-content: center; left: 0; opacity: 0; z-index: -1; display: flex; transition: all 0.2s; } .full-photo-box.--active { z-index: 1000; opacity: 1; } .full-photo-box .-overlay { background: rgba(0, 0, 0, 0.5); width: 100%; position: absolute; top: 0; left: 0; height: 100%; cursor: default; } .full-photo-box .-img { z-index: 1; max-width: 90%; max-height: 90%; border-radius: 5px; } /* ATTR data-photobox */ @media all { *[data-photobox='on']:hover { cursor: pointer; opacity: 0.8; font: normal normal normal 14px/1 FontAwesome; color: white; display: flex; align-items: center; justify-content: center; } *[data-photobox='on']:hover:after { content: "\f00e"; } } /* CLASS empty-block */ .empty-block { height: 50px; } /* CLASS search-form */ /*.search-form input[type='text'] { width: 50%; }*/ /* .contacts-under-title */ @media all { .contacts-under-title { display: flex; margin-top: -30px; align-items: center; justify-content: center; position: relative; text-align: center; color: #787878; max-height: 280px; } .contacts-under-title__text { border-top: 1px dashed black; padding: 27px 0; font-size: 30px; } .contacts-under-title__print-link { position: absolute; top: 0; right: 0; left: auto; height: 100%; display: flex; align-items: center; justify-content: center; background-image: url(/local/templates/main/img/print_icon.png); background-position: 35px center; background-repeat: no-repeat; max-height: 230px; } .contacts-under-title__print-link a { color: inherit; display: flex; align-items: center; justify-content: center; text-align: center; width: 230px; height: 50px; border: 1px solid #787878; border-radius: 5px; text-decoration: none; padding-left: 35px; } @media (max-width: 1024px) { .contacts-under-title { flex-direction: column; margin-bottom: 50px; } .contacts-under-title__print-link { position: relative; height: auto; } } } /* .new-contacts-block */ @media all { .new-contacts-block { display: flex; flex-wrap: wrap; width: 100%; color: #414141; } .new-contacts-block__tab { width: 50%; display: flex; align-items: center; justify-content: center; text-align: center; height: 64px; font-size: 16px; cursor: pointer; border: 2px solid #245491; color: #939393; font-family: 'Roboto', sans-serif; } .new-contacts-block__tab.--l { border-radius: 5px 0 0 0; border-right: 0; } .new-contacts-block__tab.--r { border-radius: 0 5px 0 0; border-left: 0; } .new-contacts-block__tab.--active { color: white; background: #003a70; } .new-contacts-block__content { display: none; width: 100%; } .new-contacts-block__content.--active { display: flex; flex-wrap: wrap; } .new-contacts-block__contacts { width: 50%; padding: 35px 0 35px 45px; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .new-contacts-block__info { width: 50%; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 35px 45px 35px 0; } .new-contacts-block__inner { height: auto; } .new-contacts-block__inner.--l { padding-right: 45px; border-right: 1px dashed #d9d9d9; } .new-contacts-block__inner.--r { padding-left: 45px; border-left: 1px dashed #d9d9d9; } .new-contacts-block__map { width: 100%; } .new-contacts-block__title { font-size: 18px; text-transform: uppercase; color: #939393; } .new-contacts-block__info-wrap { display: flex; flex-wrap: wrap; } .new-contacts-block__info-box:first-child { width: 40%; } .new-contacts-block__info-box:last-child { width: 60%; } .new-contacts-block__info-title { display: block; margin: 35px 0; font-weight: bold; font-size: 14px; } .new-contacts-block__info-desc { display: block; margin-bottom: 15px; } .new-contacts-block__info-desc:last-child { margin-bottom: 0; } .new-contacts-block__address { background-image: url(/local/templates/main/img/address_icon.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; margin-top: 30px; min-height: 30px; display: flex; align-items: center; } .new-contacts-block__phone { background-image: url(/local/templates/main/img/phone_icon.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; margin: 20px 0; min-height: 30px; display: flex; align-items: center; } .new-contacts-block__phone a { border-right: 1px solid black; padding: 0 7px 0 0; margin-right: 3px; color: #414141; font-weight: bold; text-decoration: none; white-space: nowrap; } .new-contacts-block__phone a:hover { text-decoration: underline; } .new-contacts-block__phone a:last-child { border-right: 0; padding: 0; margin: 0; } .new-contacts-block__email { background-image: url(/local/templates/main/img/email_icon.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; margin-bottom: 20px; min-height: 30px; display: flex; align-items: center; } .new-contacts-block__email a { text-decoration: none; color: #414141; } .new-contacts-block__email a:hover { text-decoration: underline; } .new-contacts-block__hours { padding-left: 30px; min-height: 30px; display: flex; align-items: center; } @media (max-width: 1280px) { .new-contacts-block__contacts, .new-contacts-block__info { width: 100%; max-height: 100%; border: 1px solid #d9d9d9; border-top: 0; } .new-contacts-block__inner.--l, .new-contacts-block__inner.--r { border: 0; } .new-contacts-block__content { flex-direction: column; } } @media (max-width: 520px) { .new-contacts-block__tab { width: 100%; } .new-contacts-block__tab.--l { border-radius: 5px 5px 0 0; border-right: 2px solid #245491; border-bottom: 0; } .new-contacts-block__tab.--r { border-radius: 0; border-left: 2px solid #245491; } .new-contacts-block__contacts, .new-contacts-block__info { padding: 20px; } .new-contacts-block__inner.--l, .new-contacts-block__inner.--r { padding: 0; } .new-contacts-block__info-box, .new-contacts-block__info-box:first-child { width: 100%; } .new-contacts-block__phone a { border: 0; } } } /* .callback-form-wrap */ @media all { .callback-form-wrap { display: flex; margin-top: 80px; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap; background-image: url(/local/templates/main/img/callback.png); background-size: cover; padding-bottom: 40px; } .callback-form-wrap > span { font-family: 'Roboto'; display: flex; justify-content: center; text-align: center; width: 100%; font-weight: bold; font-size: 36px; margin: 40px 0; } .callback-form-wrap .callback-form { width: calc(100% - 30px); display: flex; flex-direction: column; align-items: center; max-width: 600px; } .callback-form-wrap .callback-form .--send { color: white; background-color: #003a70; width: 270px; max-width: calc(100% - 30px); } .callback-form-wrap a { color: inherit; } .callback-form-wrap input[type='text'] { background: rgba(255, 255, 255, 0.5); } } /* ask-form */ @media { .ask-form { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; background: #003a70; border-radius: 5px; padding: 25px 80px; color: white; } .ask-form__title-success { font-family: 'Roboto', sans-serif; font-size: 25px; position: relative; z-index: 2; background: #003a70; width: 100%; text-align: center; } .ask-form__title { position: relative; width: 100%; } .ask-form__title-text { font-family: 'Roboto', sans-serif; font-size: 36px; position: relative; z-index: 2; background: #003a70; padding-right: 10px; } .ask-form__title-line { position: absolute; height: 2px; background: white; width: 100%; top: calc(50% - 1px); z-index: 1; } .ask-form__title-desc { margin: 10px 0 25px; } .ask-form__inputs { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .ask-form__inputs-box { display: flex; flex-direction: column; width: 50%; padding: 0 8px 0 0; } .ask-form__inputs-box:last-child { padding: 0 0 0 8px; } .ask-form__input { display: flex; align-items: center; justify-content: flex-start; height: 45px; border: 1px solid white; border-radius: 5px; margin-bottom: 16px; background: transparent; outline: none !important; padding-left: 25px; transition: all 0.2s; color: white; } .ask-form__input.--error { border: 1px solid red; } .ask-form__input:last-child { margin-bottom: 0; } .ask-form__input:active, .ask-form__input:focus, .ask-form__input:hover, .ask-form__input.--error:active, .ask-form__input.--error:focus, .ask-form__input.--error:hover { background: white; border: 1px solid white; color: initial; } .ask-form__input::placeholder { color: white; } .ask-form__input::-ms-input-placeholder { color: white; } .ask-form__input::-webkit-input-placeholder { color: white; } .ask-form__input::-moz-placeholder { color: white; } .ask-form__input:active::placeholder { color: initial; } .ask-form__input:active::-ms-input-placeholder { color: initial; } .ask-form__input:active::-webkit-input-placeholder { color: initial; } .ask-form__input:active::-moz-placeholder { color: initial; } .ask-form__input:focus::placeholder { color: initial; } .ask-form__input:focus::-ms-input-placeholder { color: initial; } .ask-form__input:focus::-webkit-input-placeholder { color: initial; } .ask-form__input:focus::-moz-placeholder { color: initial; } .ask-form__input:hover::placeholder { color: initial; } .ask-form__input:hover::-ms-input-placeholder { color: initial; } .ask-form__input:hover::-webkit-input-placeholder { color: initial; } .ask-form__input:hover::-moz-placeholder { color: initial; } .ask-form__textarea { height: 100%; border: 1px solid white; border-radius: 5px; background: transparent; outline: none !important; padding: 13px 25px; resize: none; transition: all 0.2s; color: white; } .ask-form__textarea.--error { border: 1px solid red; } .ask-form__textarea:active, .ask-form__textarea:focus, .ask-form__textarea:hover, .ask-form__textarea.--error:active, .ask-form__textarea.--error:focus, .ask-form__textarea.--error:hover { background: white; color: initial; border: 1px solid white; } .ask-form__textarea::placeholder { color: white; } .ask-form__textarea::-ms-input-placeholder { color: white; } .ask-form__textarea::-webkit-input-placeholder { color: white; } .ask-form__textarea::-moz-placeholder { color: white; } .ask-form__textarea:active::placeholder { color: initial; } .ask-form__textarea:active::-ms-input-placeholder { color: initial; } .ask-form__textarea:active::-webkit-input-placeholder { color: initial; } .ask-form__textarea:active::-moz-placeholder { color: initial; } .ask-form__textarea:focus::placeholder { color: initial; } .ask-form__textarea:focus::-ms-input-placeholder { color: initial; } .ask-form__textarea:focus::-webkit-input-placeholder { color: initial; } .ask-form__textarea:focus::-moz-placeholder { color: initial; } .ask-form__textarea:hover::placeholder { color: initial; } .ask-form__textarea:hover::-ms-input-placeholder { color: initial; } .ask-form__textarea:hover::-webkit-input-placeholder { color: initial; } .ask-form__textarea:hover::-moz-placeholder { color: initial; } .ask-form__bottom { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: flex-start; margin-top: 16px; } .ask-form__info { margin-bottom: 8px; font-size: 10px; } .ask-form__agree { margin-bottom: 20px; } .ask-form__agree a { color: white; } .ask-form__btn { color: #003a70; border: 1px solid white; background: white; transition: all 0.2s; width: 575px; border-radius: 5px; max-width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px; font-family: 'Roboto', sans-serif; cursor: pointer; } .ask-form__btn:hover { color: white; background: transparent; } .ask-form__btn:active { transform: scale(0.95); } @media (max-width: 1000px) { .ask-form__inputs-box { padding: 0; width: 100%; margin-bottom: 16px; } .ask-form__inputs-box:last-child { padding: 0; margin-bottom: 0; } } @media (max-width: 768px) { .ask-form { padding: 16px; } .ask-form__title-text, .ask-form__title-desc { display: block; text-align: center; width: 100%; } .ask-form__title-line { display: none; } .ask-form__textarea { height: 300px; } } } .discount-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .discount-item { width: 48%; } /* шрифты */ @media all { @font-face { font-family: 'FontAwesome'; src: url('/local/templates/main/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular'); src: url('/local/templates/main/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/local/templates/main/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/local/templates/main/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/local/templates/main/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/local/templates/main/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/local/templates/main/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto'), url('/local/templates/main/fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto Light'; src: local('Roboto Light'), url('/local/templates/main/fonts/Roboto-Light.ttf') format('truetype'); font-weight: 400; font-style: normal; } } /* MAIN SETTINGS */ body { margin: 0; padding: 0; } body * { box-sizing: border-box; font-family: 'Roboto Light', sans-serif; font-size: 15px; } /* HEADER CSS */ header span, header a, header p, footer span, footer a, footer p { font-family: 'Roboto', sans-serif; } /* CLASS h-top */ @media all { .h-top { background-color: #003a70; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); } .h-top * { font-size: 13px; } .h-top .-content { display: flex; width: 100%; max-width: 1400px; flex-wrap: wrap; align-items: center; margin: 0 auto; } .h-top .-info { color: white; width: 20%; } .h-top .-hours { color: white; width: 40%; } .h-top .-contacts { display: flex; width: 30%; align-items: center; justify-content: center; } .h-top .-phone, .h-top .ya-phone a { color: white; margin-right: 30px; text-decoration: none; font-size: 14px; } .h-top .-callback { color: white; border-bottom: 1px dashed; cursor: pointer; } .h-top .-links { display: flex; width: 10%; } .h-top .-links a { color: white; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .h-top .-links a { font-size: 13px; } .h-top .-vk:before, .h-top .-facebook:before, .h-top .-twitter:before, .h-top .-instagram:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .h-top .-vk:before { content: "\f189"; } .h-top .-facebook:before { content: "\f09a"; } .h-top .-twitter:before { content: "\f099"; } .h-top .-instagram:before { content: "\f16d"; } @media (max-width: 1400px) { .h-top { padding: 0 10px; } } @media (max-width: 1280px) { .h-top .-info { width: fit-content; margin-right: 15px; } .h-top .-hours { width: 30%; } .h-top .-contacts { width: 30%; } .h-top .-links { width: fit-content; } } @media (max-width: 920px) { .h-top { text-align: center; padding: 10px; } .h-top * { font-size: 14px; } .h-top .-info { width: 100%; } .h-top .-hours { margin-top: 20px; width: 100%; } .h-top .-contacts { margin-top: 20px; width: 100%; } .h-top .-links { margin-top: 5px; width: 100%; justify-content: center; } .h-top .-links a { width: 50px; height: 50px; } .h-top .-vk:before, .h-top .-facebook:before, .h-top .-twitter:before, .h-top .-instagram:before { font-size: 20px; } } } .f-bottom ._links { display: flex; } .f-bottom ._links a { color: white; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .f-bottom ._links a { font-size: 15px; } .f-bottom ._vk:before, .f-bottom ._facebook:before, .f-bottom ._twitter:before, .f-bottom ._instagram:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .f-bottom ._vk:before { content: "\f189"; } .f-bottom ._facebook:before { content: "\f09a"; } .f-bottom ._twitter:before { content: "\f099"; } .f-bottom ._instagram:before { content: "\f16d"; } /* CLASS .h-bottom */ @media all { .h-bottom { padding: 10px; max-width: 1400px; display: flex; align-items: center; margin: 0 auto; justify-content: flex-start; min-height: 60px; } .h-bottom .-logo { width: 235px; max-width: calc(100% - 60px); } .h-bottom .-logo img { width: 100%; } @media (max-width: 920px) { .h-bottom .-logo { order: 1; } .h-bottom { justify-content: space-between; flex-wrap: wrap; } } } /* CLASS top-menu */ @media all { .top-menu { width: calc(100% - 305px); margin-left: 15px; } .top-menu > .-link > a, .top-menu > .-link > span { color: #003a70; text-decoration: none; font-size: 14px; font-weight: 500; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .top-menu .-link > a span, .top-menu .-link > span > span { padding: 13px 20px; } .top-menu > .-link > a:after, .top-menu .-link > span:after { content: ''; width: 0; background-color: #003a70; height: 3px; transition: all 0.2s; } .top-menu > .-link:hover > a:after, .top-menu .-link > span:after { width: 100%; } .top-menu > .-link:hover .-inner { display: flex; } @media (max-width: 1280px) { .top-menu .-link > a span, .top-menu .-link > span > span { padding: 13px 5px; } } @media (max-width: 920px) { .top-menu { display: none; } .top-menu.--active { width: 100%; order: 3; display: flex; flex-direction: column; margin: 20px 0 0; border-bottom: 2px solid #003a70; border-top: 2px solid #003a70; } .top-menu > .-link > a, .top-menu > .-link > span { text-align: left; align-items: flex-start; } .top-menu > .-link:hover > a:after, .top-menu .-link > span:after { width: 0; } .top-menu > .-link > span { background-color: #003a70; color: white; } .top-menu > .-link:hover .-inner { display: flex; position: relative; padding: 0 0 0 25px; } .top-menu > .-link:hover .-inner { display: none; } } .top-menu .-inner { position: absolute; top: 47px; overflow: unset; z-index: 3; display: none; flex-direction: column; padding: 15px 0 20px; left: 0; background-color: #fff; width: max-content; flex-wrap: wrap; max-height: 245px; } .top-menu .-inner.two-columns { width: 545px; } .top-menu .-inner a { background: white; text-decoration: none; font-family: 'Roboto Regular', sans-serif; color: black; padding: 10px 30px; border: 1px solid white; } .top-menu .-inner.two-columns a:nth-child(-n+5) { position: relative; } .top-menu .-inner.two-columns a:nth-child(-n+5):before { content: ''; position: absolute; width: 1px; top: -2px; bottom: -21px; background-color: #dadada; right: 0; } .top-menu .-inner a:hover { background: #003a70; color: white; } .top-menu > .-link { display: inline-block; position: relative; } /* * * * * */ .top-menu > .-link > .--have-inner { background: none; position: absolute; right: 0; top: 0; width: 47px; height: 47px; align-items: center; justify-content: center; transition: all 0.2s; z-index: 1; display: none; } @media (max-width: 920px) { .top-menu > .-link > .--have-inner { display: flex; } } .top-menu > .-link.--active > .--have-inner { transform: rotate(90deg); } .top-menu > .-link > .--have-inner:after { content: "\f054"; width: auto; height: auto; font: normal normal normal 14px/1 FontAwesome; color: #013e7f; background: none; } } /* CLASS top-menu-open */ @media all { .top-menu-open { display: none; font: normal normal normal 14px/1 FontAwesome; color: #003a70; font-size: 25px; cursor: pointer; width: 60px; height: 40px; } .top-menu-open:before { content: "\f039"; } .top-menu-open.--active:before { content: "\f00d"; } @media (max-width: 920px) { .top-menu-open { display: flex; align-items: center; justify-content: center; order: 2; } } } /* FOOTER STYLES */ footer { position: relative; background-image: url('/local/templates/main/img/footer-back.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 90px 0 15px 0; color: white; } @media (max-width: 1280px) { footer { padding: 90px 15px 15px 15px; } } .f-overlay { position: absolute; top: 0; left: 0; background-color: #013e7f; opacity: 0.6; z-index: 1; width: 100%; height: 100%; } .f-content { position: relative; max-width: 1280px; z-index: 2; margin: 0 auto; } .f-menus { display: flex; justify-content: flex-start; flex-wrap: wrap; width: fit-content; margin: 0 auto; } .f-menu { display: flex; flex-direction: column; width: 240px; padding: 0 20px 20px; } .f-menu span { font-size: 18px; margin-bottom: 20px; } .f-menu a { color: rgba(255, 255, 255, 0.7); font-size: 14px; text-decoration: none; margin-bottom: 20px; } .f-menu a:hover { color: red; } .f-bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } .page { max-width: 1400px; margin: 0 auto; padding: 50px 0; } .page-container { width: 100%; display: flex; flex-wrap: wrap; } .sidebar { position: relative; width: 280px; } .content { width: calc(100% - 280px); padding: 0 25px; } .content p, .content li, .content b { line-height: 25px; } .content h1 { font-size: 2.5em; margin-top: 0; } .content h2 { font-size: 1.8em; } .content h3 { font-size: 1.4em; } @media (max-width: 1400px) { .page { padding: 50px 15px; } } @media (max-width: 940px) { .sidebar, .content { width: 100%; padding: 0; } } /* CLASS f-contacts */ @media all { .f-contacts { border-top: 1px dotted white; border-bottom: 1px dotted white; } .f-contacts a { background: rgba(0, 0, 0, 0.4); border: 1px solid black; color: white; text-decoration: none; text-transform: uppercase; display: flex; align-items: center; justify-content: center; text-align: center; height: 40px; border-radius: 5px; max-width: 1120px; margin: 15px auto; width: 100%; transition: all 0.2s; } .f-contacts a:hover { color: #ff0044; border-color: #ff0044; } } /* CLASS sidebar-instagram */ @media all { .sidebar-instagram { margin-bottom: 50px; } .sidebar-instagram img { width: 100%; } .sidebar-instagram a { display: block; transition: all 0.2s; } .sidebar-instagram a:hover { transform: scale(0.9); } } /* CLASS sidebar-callback */ @media all { .sidebar-callback { padding: 15px 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; transition: all 0.1s; margin-bottom: 50px; position: relative; } .sidebar-callback > img { max-width: 100%; margin: 0 auto; margin-bottom: 30px; max-height: 200px; } .sidebar-callback > span { text-align: center; margin-bottom: 15px; color: #003a70; font-size: 20px; font-family: 'Roboto', sans-serif; } .sidebar-callback > p { text-align: center; margin-bottom: 15px; font-size: 16px; line-height: 30px; font-weight: bold; padding: 0 35px; } .sidebar-callback > div { display: flex; border: 1px solid #003a70; color: #003a70; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 24px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; } .sidebar-callback > div:hover { color: white; background-color: #003a70; } } /* CLASS page-title */ @media all { .page-title { text-align: center; font-size: 40px; font-family: 'Roboto', sans-serif; color: rgba(0, 0, 0, 0.8); margin: 0 0 45px 0; } } /* CLASS page-subtitle */ @media all { .page-subtitle { text-align: center; font-size: 30px; font-family: 'Roboto', sans-serif; color: rgba(0, 0, 0, 0.8); margin: 45px 0; font-weight: bold; display: block; } } /* CLASS contacts-block */ @media all { .contacts-block { display: flex; flex-wrap: wrap; align-items: flex-start; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; } .contacts-block.--margined { margin-top: 45px; } .contacts-block > div { width: 50%; padding: 15px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative; } .contacts-block > div.contacts-block-text-node { justify-content: space-between; } .contacts-block > div.contacts-block-text-node.--full { width: 100%; } .contacts-block > div.contacts-block-text-node .-inner-props { margin: 25px 0; text-align: right; } .contacts-block > div > .--divider { position: absolute; height: calc(100% - 30px); width: 1px; background: rgba(0, 0, 0, 0.17); z-index: 1; right: 0; top: 15px; } .contacts-block .--title { font-size: 25px; font-family: 'Roboto', sans-serif; border-bottom: 2px solid black; margin-bottom: 15px; } .contacts-block .--text { font-size: 20px; margin-bottom: 15px; text-align: center; } .contacts-block .--text.--margined { margin-top: 45px; } .contacts-block .--links { display: flex; flex-direction: column; align-items: center; } .contacts-block .--social { width: 100%; height: 100%; display: flex; /*align-items: center;*/ align-items: flex-start; justify-content: center; } .contacts-block .--social > a { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 3px; border-radius: 5px; color: white; font: normal normal normal 14px/1 FontAwesome; text-decoration: none; font-size: 25px; } .contacts-block .--social > a:hover { opacity: 0.9; } .contacts-block .--social .--link-vk { background-color: #45668e; } .contacts-block .--social .--link-odnoklassniki { background-color: #f4731c; } .contacts-block .--social .--link-instagram { background-color: #262626; } .contacts-block .--social .--link-facebook { background-color: #3b5998; } .contacts-block .--social .--link-twitter { background-color: #1da1f2; } .contacts-block .--social .--link-vk:before { content: "\f189"; } .contacts-block .--social .--link-odnoklassniki:before { content: "\f263"; } .contacts-block .--social .--link-instagram:before { content: "\f16d"; } .contacts-block .--social .--link-facebook:before { content: "\f09a"; } .contacts-block .--social .--link-twitter:before { content: "\f099"; } .contacts-block .--links > span { font-weight: bold; font-family: 'Roboto', sans-serif; } .contacts-block .--links a { font-family: 'Roboto Light', sans-serif; text-decoration: none; color: #0274be; margin-bottom: 5px; } .contacts-block .--links a:hover { text-decoration: underline; } .contacts-block .--bold-desc { margin-bottom: 15px; font-weight: bold; text-align: center; } .contacts-block .--desc { margin-bottom: 15px; text-align: center; } @media (max-width: 800px) { .contacts-block > div > .--divider { position: absolute; width: calc(100% - 30px); height: 1px; background: rgba(0, 0, 0, 0.17); z-index: 1; left: 15px; top: auto; bottom: 0; } .contacts-block > div { width: 100%; } } } /* CLASS popup */ @media all { .popup { display: flex; align-items: center; justify-content: center; position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: -1; transition: all 0.2s; } .popup.--active { opacity: 1; z-index: 1000; } .popup .--overlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .popup .--body { width: 650px; max-width: 90%; background-color: rgba(255, 255, 255, 0.9); border-radius: 5px; box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.63); position: relative; z-index: 2; padding: 30px; } .popup .--close { color: #003a70; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; cursor: pointer; position: absolute; z-index: 1; top: 10px; right: 10px; } .popup .--close:after { content: "\f00d"; } } /* CLASS callback-form */ @media all { .callback-form { display: flex; flex-direction: column; align-items: center; } .callback-form input[type='text'], .callback-form textarea { width: 100%; font-family: 'Roboto', sans-serif; margin-bottom: 10px; outline: none; font-size: 15px; padding: 15px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.17); color: rgba(0, 0, 0, 0.17); transition: all 0.5s; } .callback-form input[type='text'] { height: 45px; } .callback-form input[type='text'].--error { border: 1px solid red; } .callback-form textarea { height: 100px; } .callback-form input[type='text']:focus, .callback-form textarea:focus { color: #003a70; border: 1px solid #003a70; } .callback-form .--send { width: 100%; display: flex; border: 1px solid #003a70; color: #003a70; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 24px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 15px; } .callback-form .--send:hover { color: white; background-color: #003a70; } .callback-form .--success { text-align: center; margin: 20px 0; color: #003a70; font-size: 17px; } } /* CLASS title-block */ @media all { .title-block { margin: 25px 0; height: auto; display: flex; align-items: center; justify-content: flex-end; position: relative; } .title_news-block { margin: 25px 0; height: auto; display: flex; align-items: center; justify-content: space-between; position: relative; } .title-block h2 { background: white; color: rgba(0, 0, 0, 0.8); font-size: 32px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-left: 25px; position: relative; z-index: 1; } .title-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 100%; position: absolute; z-index: 0; } .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 70%; position: absolute; z-index: 0; left: 16%; } .all_news{ text-decoration: none; color: #fff; padding: 7px 20px; background-color: #003a70; margin: 0px 0 4px 6px; border-radius: 3px; } } @media (max-width: 720px) { .title-block h2 { padding: 0 25px; text-align: center; } .title-block { justify-content: center; } .title_news-block { justify-content: space-between; } } } /* CLASS products-list */ @media all { .products-list { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .products-list .-card { width: calc(25% - 20px); padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; transition: all 0.5s; margin: 10px; } .products-list .-card > div { width: 100%; } .products-list .-card .-img { width: 100%; height: 150px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; margin-bottom: 10px; } .products-list .-card .-name { color: #013e7f; font-size: 19px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 30px; } .products-list .-card .-props { width: 100%; margin-bottom: 10px; } .products-list .-card .-props span { display: flex; align-items: center; min-height: 30px; width: 100%; color: rgb(84, 89, 95); font-size: 13px; } .products-list .-card .-props span * { font-size: 13px; } .products-list .-card .-props span:before { content: "\f054"; margin-right: 10px; font: normal normal normal 14px/1 FontAwesome; color: #013e7f; } .products-list .-card .-btn { width: 100%; display: flex; border: 1px solid #003a70; color: #003a70; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 24px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 15px; text-decoration: none; } .products-list .-card .-btn:hover { background-color: #003a70; color: white; } @media (max-width: 1280px) { .products-list .-card { width: calc(33% - 20px); } } @media (max-width: 800px) { .products-list .-card { width: calc(50% - 20px); } } @media (max-width: 530px) { .products-list .-card { width: 100%; } } } /* CLASS detail-image */ @media all { .detail-image { width: 100%; height: 500px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center; justify-content: flex-end; } .detail-image h1 { color: white; position: relative; z-index: 2; text-align: right; max-width: 1400px; font-size: 40px; font-family: 'Roboto', sans-serif; margin: 0 auto; width: 100%; text-shadow: rgb(0, 0, 0) 0 0 10px; } .detail-image .--overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } @media (max-width: 1400px) { .detail-image h1 { padding: 40px; text-align: center; } } } /* CLASS ДЛЯ СЛАЙДЕРА */ @media all { .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .gallery-top { height: 360px; width: 100%; border-radius: 5px; } .swiper-container.gallery-thumbs { height: 80px; box-sizing: border-box; margin-top: 1px; } .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } } /* CLASS best-list */ @media all { .best-list { display: flex; flex-wrap: wrap; margin-bottom: 50px; justify-content: flex-start; } .best-list .-card { width: calc(25% - 10px); display: flex; flex-direction: column; align-items: center; border-radius: 5px; transition: all 0.5s; margin-right: 10px!important; } .best-list .-img { width: 100%; height: 190px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; margin-bottom: 15px; } .best-list .-title, .best-list_no-imgs .-title { color: #ff8c00; font-size: 24px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 15px; } .best-list .-text, .best-list_no-imgs .-text { color: black; font-size: 18px; text-align: center; font-family: 'Roboto Light', sans-serif; margin-bottom: 15px; line-height: 30px; } .best-list_no-imgs { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .best-list_no-imgs .-card { width: calc(33% - 10px); } @media (max-width: 1280px) { .best-list .-card { width: calc(33% - 10px); } } @media (max-width: 800px) { .best-list .-card, .best-list_no-imgs .-card { width: calc(50% - 10px); } } @media (max-width: 530px) { .best-list .-card, .best-list_no-imgs .-card { width: 100%; } } } /* CLASS best2-list */ @media all { .best2-list { display: flex; flex-wrap: wrap; margin-top: 50px; } .best2-list .-card { width: calc(33% - 20px); padding: 10px; display: flex; flex-direction: column; align-items: center; border-radius: 5px; transition: all 0.5s; margin: 10px; } .best2-list .-img { width: 86px; height: 86px; background-position: center center; background-repeat: no-repeat; background-size: contain; border-radius: 5px; margin-bottom: 10px; } .best2-list .-title { color: #ff8c00; font-size: 24px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 10px; } .best2-list .-text { color: black; font-size: 18px; text-align: center; font-family: 'Roboto Light', sans-serif; margin-bottom: 10px; line-height: 30px; } @media (max-width: 800px) { .best2-list .-card { width: calc(50% - 20px); } } @media (max-width: 530px) { .best2-list .-card { width: 100%; } } } /****************************/ /***** === PARTNERS === *****/ /****************************/ /* CLASS partners-title */ @media all { .partners-title { margin: 25px 0; height: 85px; display: flex; align-items: center; justify-content: flex-end; position: relative; } .partners-title h2 { background: white; color: rgba(0, 0, 0, 0.8); font-size: 32px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-left: 25px; position: relative; z-index: 1; } .partners-title ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 100%; position: absolute; z-index: 0; } } /* CLASS partners-list */ @media all { .partners-list { /*display: flex; flex-wrap: wrap;*/ margin-bottom: 50px; } .partners-list .-card { width: 20%; padding: 20px 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; transition: all 0.5s; margin: 0; } .partners-list .-card > div { width: 100%; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .partners-list .-card > span { color: rgb(122, 122, 122); font-size: 15px; margin-top: 10px; } @media (max-width: 1280px) { .partners-list .-card { width: 25%; } } @media (max-width: 980px) { .partners-list .-card { width: 33%; } } @media (max-width: 530px) { .partners-list .-card { width: 50%; } } @media (max-width: 400px) { .partners-list .-card { width: 100%; } } } /* CLASS main-slider */ @media all { .swiper-container.main-slider { height: calc(100vw * 0.372); display: none; } .swiper-container.main-slider .swiper-slide { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } .swiper-container.main-slider .swiper-pagination-bullets { bottom: 25px; } .swiper-container.main-slider .swiper-pagination-bullets .swiper-pagination-bullet { width: 14px; height: 14px; } .swiper-container.main-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: white; } } /* CLASS sidebar-menu */ @media all { .sidebar-menu { padding: 5px; display: flex; flex-direction: column; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 5px; transition: all 0.5s; margin-bottom: 50px; } .sidebar-menu .-lvl { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .sidebar-menu > .-lvl { padding: 10px; } .sidebar-menu .-lvl .-title { text-decoration: none; } .sidebar-menu .-lvl .-title:hover { color: red !important; } .sidebar-menu > .-lvl > .-title { color: #013e7f; font-size: 16px; font-weight: bold; width: 90%; font-family: 'Roboto', sans-serif; } .sidebar-menu .-lvl > .-btn { width: 10%; text-align: right; } .sidebar-menu > .-lvl > .-btn:before { font: normal normal normal 14px/1 FontAwesome; content: "\f067"; color: #013e7f; cursor: pointer; } .sidebar-menu > .-lvl.--active > .-btn:before { content: "\f068"; } .sidebar-menu .-lvls { width: calc(100% - 15px); margin-left: 15px; margin-top: 10px; display: none; } .sidebar-menu .-lvl.--active > .-lvls { display: block; } .sidebar-menu > .-lvl > .-lvls > .-lvl > .-title { color: #0274be; font-size: 16px; width: 90%; } .sidebar-menu > .-lvl > .-lvls > .-lvl > .-btn:before { font: normal normal normal 14px/1 FontAwesome; content: "\f067"; color: #0274be; cursor: pointer; } .sidebar-menu > .-lvl > .-lvls > .-lvl.--active > .-btn:before { content: "\f068"; } .sidebar-menu .-title { color: gray; } .sidebar-menu .-title.--current { color: red !important; } } /* CLASS works */ @media all { .works { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .works .-card { width: calc(25% - 10px); display: flex; flex-direction: column; align-items: center; border-radius: 5px; transition: all 0.5s; margin: 0 5px; } .works .-img { width: 100%; height: 190px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; margin-bottom: 15px; } @media (max-width: 1280px) { .works .-card { width: calc(33% - 10px); } } @media (max-width: 800px) { .works .-card { width: calc(50% - 10px); } } @media (max-width: 530px) { .works .-card { width: 100%; } } } /* CLASS img-slider */ @media all { .img-slider { /*height: 260px;*/ } .img-slider .swiper-slide { padding: 15px; display: flex; flex-direction: column; text-align: center; } .img-slider .swiper-slide > div { background-position: center center; background-size: contain; background-repeat: no-repeat; min-height: 180px; border-radius: 5px; margin-bottom: 15px; } } /* CLASS big-img-slider */ @media all { .big-img-slider { height: 400px; } .big-img-slider .swiper-slide { padding: 15px; display: flex; flex-direction: column; text-align: center; } .big-img-slider .swiper-slide > div { background-position: center center; background-size: contain; background-repeat: no-repeat; height: 100%; border-radius: 5px; margin-bottom: 15px; } } /* CLASS colors */ @media all { .colors { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .colors .-card { width: calc(100% / 6); display: flex; flex-direction: column; align-items: center; transition: all 0.5s; } .colors .-img { width: 100%; height: 130px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .colors.--ral .-card { width: calc(100% / 5); padding: 5px; text-align: center; } .colors.--ral .-img { margin-bottom: 5px; border: 1px solid lightgray; } @media (max-width: 1280px) { .colors .-card { width: 25%; } .colors.--ral .-card { width: 33.33%; } } @media (max-width: 800px) { .colors.--ral .-card { width: 50%; } } @media (max-width: 530px) { .colors .-card { width: 50%; } } } /* FIX swiper-button-next / swiper-button-prev */ .content .swiper-button-next, .content .swiper-button-prev { height: 30px; width: 30px; background-color: white; border-radius: 50%; background-size: 65% 65%; box-shadow: 0 0 5px; outline: none; } .content .swiper-button-next.swiper-button-disabled, .content .swiper-button-prev.swiper-button-disabled { display: none; } /* * * * * * */ /* CLASS full-photo-box */ .full-photo-box { cursor: pointer; position: fixed; width: 100vw; height: 100vh; top: 0; align-items: center; justify-content: center; left: 0; opacity: 0; z-index: -1; display: flex; transition: all 0.2s; } .full-photo-box.--active { z-index: 1000; opacity: 1; } .full-photo-box .-overlay { background: rgba(0, 0, 0, 0.5); width: 100%; position: absolute; top: 0; left: 0; height: 100%; cursor: default; } .full-photo-box .-img { z-index: 1; max-width: 90%; max-height: 90%; border-radius: 5px; } /* ATTR data-photobox */ @media all { *[data-photobox='on']:hover { cursor: pointer; opacity: 0.8; font: normal normal normal 14px/1 FontAwesome; color: white; display: flex; align-items: center; justify-content: center; } *[data-photobox='on']:hover:after { content: "\f00e"; } } /* CLASS empty-block */ .empty-block { height: 50px; } /* CLASS search-form */ /*.search-form input[type='text'] { width: 50%; }*/ /* .contacts-under-title */ @media all { .contacts-under-title { display: flex; margin-top: -30px; align-items: center; justify-content: center; position: relative; text-align: center; color: #787878; max-height: 280px; } .contacts-under-title__text { border-top: 1px dashed black; padding: 27px 0; font-size: 30px; } .contacts-under-title__print-link { position: absolute; top: 0; right: 0; left: auto; height: 100%; display: flex; align-items: center; justify-content: center; background-image: url(/local/templates/main/img/print_icon.png); background-position: 35px center; background-repeat: no-repeat; max-height: 230px; } .contacts-under-title__print-link a { color: inherit; display: flex; align-items: center; justify-content: center; text-align: center; width: 230px; height: 50px; border: 1px solid #787878; border-radius: 5px; text-decoration: none; padding-left: 35px; } @media (max-width: 1024px) { .contacts-under-title { flex-direction: column; margin-bottom: 50px; } .contacts-under-title__print-link { position: relative; height: auto; } } } /* .new-contacts-block */ @media all { .new-contacts-block { display: flex; flex-wrap: wrap; width: 100%; color: #414141; } .new-contacts-block__tab { width: 50%; display: flex; align-items: center; justify-content: center; text-align: center; height: 64px; font-size: 16px; cursor: pointer; border: 2px solid #245491; color: #939393; font-family: 'Roboto', sans-serif; } .new-contacts-block__tab.--l { border-radius: 5px 0 0 0; border-right: 0; } .new-contacts-block__tab.--r { border-radius: 0 5px 0 0; border-left: 0; } .new-contacts-block__tab.--active { color: white; background: #003a70; } .new-contacts-block__content { display: none; width: 100%; } .new-contacts-block__content.--active { display: flex; flex-wrap: wrap; } .new-contacts-block__contacts { width: 50%; padding: 35px 0 35px 45px; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .new-contacts-block__info { width: 50%; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 35px 45px 35px 0; } .new-contacts-block__inner { height: auto; } .new-contacts-block__inner.--l { padding-right: 45px; border-right: 1px dashed #d9d9d9; } .new-contacts-block__inner.--r { padding-left: 45px; border-left: 1px dashed #d9d9d9; } .new-contacts-block__map { width: 100%; } .new-contacts-block__title { font-size: 18px; text-transform: uppercase; color: #939393; } .new-contacts-block__info-wrap { display: flex; flex-wrap: wrap; } .new-contacts-block__info-box:first-child { width: 40%; } .new-contacts-block__info-box:last-child { width: 60%; } .new-contacts-block__info-title { display: block; margin: 35px 0; font-weight: bold; font-size: 14px; } .new-contacts-block__info-desc { display: block; margin-bottom: 15px; } .new-contacts-block__info-desc:last-child { margin-bottom: 0; } .new-contacts-block__address { background-image: url(/local/templates/main/img/address_icon.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; margin-top: 30px; min-height: 30px; display: flex; align-items: center; } .new-contacts-block__phone { background-image: url(/local/templates/main/img/phone_icon.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; margin: 20px 0; min-height: 30px; display: flex; align-items: center; } .new-contacts-block__phone a { border-right: 1px solid black; padding: 0 7px 0 0; margin-right: 3px; color: #414141; font-weight: bold; text-decoration: none; white-space: nowrap; } .new-contacts-block__phone a:hover { text-decoration: underline; } .new-contacts-block__phone a:last-child { border-right: 0; padding: 0; margin: 0; } .new-contacts-block__email { background-image: url(/local/templates/main/img/email_icon.png); background-repeat: no-repeat; padding-left: 30px; background-position: left center; margin-bottom: 20px; min-height: 30px; display: flex; align-items: center; } .new-contacts-block__email a { text-decoration: none; color: #414141; } .new-contacts-block__email a:hover { text-decoration: underline; } .new-contacts-block__hours { padding-left: 30px; min-height: 30px; display: flex; align-items: center; } @media (max-width: 1280px) { .new-contacts-block__contacts, .new-contacts-block__info { width: 100%; max-height: 100%; border: 1px solid #d9d9d9; border-top: 0; } .new-contacts-block__inner.--l, .new-contacts-block__inner.--r { border: 0; } .new-contacts-block__content { flex-direction: column; } } @media (max-width: 520px) { .new-contacts-block__tab { width: 100%; } .new-contacts-block__tab.--l { border-radius: 5px 5px 0 0; border-right: 2px solid #245491; border-bottom: 0; } .new-contacts-block__tab.--r { border-radius: 0; border-left: 2px solid #245491; } .new-contacts-block__contacts, .new-contacts-block__info { padding: 20px; } .new-contacts-block__inner.--l, .new-contacts-block__inner.--r { padding: 0; } .new-contacts-block__info-box, .new-contacts-block__info-box:first-child { width: 100%; } .new-contacts-block__phone a { border: 0; } } } /* .callback-form-wrap */ @media all { .callback-form-wrap { display: flex; margin-top: 80px; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap; background-image: url(/local/templates/main/img/callback.png); background-size: cover; padding-bottom: 40px; } .callback-form-wrap > span { font-family: 'Roboto'; display: flex; justify-content: center; text-align: center; width: 100%; font-weight: bold; font-size: 36px; margin: 40px 0; } .callback-form-wrap .callback-form { width: calc(100% - 30px); display: flex; flex-direction: column; align-items: center; max-width: 600px; } .callback-form-wrap .callback-form .--send { color: white; background-color: #003a70; width: 270px; max-width: calc(100% - 30px); } .callback-form-wrap a { color: inherit; } .callback-form-wrap input[type='text'] { background: rgba(255, 255, 255, 0.5); } } /* ask-form */ @media { .ask-form { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; background: #003a70; border-radius: 5px; padding: 25px 80px; color: white; } .ask-form__title-success { font-family: 'Roboto', sans-serif; font-size: 25px; position: relative; z-index: 2; background: #003a70; width: 100%; text-align: center; } .ask-form__title { position: relative; width: 100%; } .ask-form__title-text { font-family: 'Roboto', sans-serif; font-size: 36px; position: relative; z-index: 2; background: #003a70; padding-right: 10px; } .ask-form__title-line { position: absolute; height: 2px; background: white; width: 100%; top: calc(50% - 1px); z-index: 1; } .ask-form__title-desc { margin: 10px 0 25px; } .ask-form__inputs { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .ask-form__inputs-box { display: flex; flex-direction: column; width: 50%; padding: 0 8px 0 0; } .ask-form__inputs-box:last-child { padding: 0 0 0 8px; } .ask-form__input { display: flex; align-items: center; justify-content: flex-start; height: 45px; border: 1px solid white; border-radius: 5px; margin-bottom: 16px; background: transparent; outline: none !important; padding-left: 25px; transition: all 0.2s; color: white; } .ask-form__input.--error { border: 1px solid red; } .ask-form__input:last-child { margin-bottom: 0; } .ask-form__input:active, .ask-form__input:focus, .ask-form__input:hover, .ask-form__input.--error:active, .ask-form__input.--error:focus, .ask-form__input.--error:hover { background: white; border: 1px solid white; color: initial; } .ask-form__input::placeholder { color: white; } .ask-form__input::-ms-input-placeholder { color: white; } .ask-form__input::-webkit-input-placeholder { color: white; } .ask-form__input::-moz-placeholder { color: white; } .ask-form__input:active::placeholder { color: initial; } .ask-form__input:active::-ms-input-placeholder { color: initial; } .ask-form__input:active::-webkit-input-placeholder { color: initial; } .ask-form__input:active::-moz-placeholder { color: initial; } .ask-form__input:focus::placeholder { color: initial; } .ask-form__input:focus::-ms-input-placeholder { color: initial; } .ask-form__input:focus::-webkit-input-placeholder { color: initial; } .ask-form__input:focus::-moz-placeholder { color: initial; } .ask-form__input:hover::placeholder { color: initial; } .ask-form__input:hover::-ms-input-placeholder { color: initial; } .ask-form__input:hover::-webkit-input-placeholder { color: initial; } .ask-form__input:hover::-moz-placeholder { color: initial; } .ask-form__textarea { height: 100%; border: 1px solid white; border-radius: 5px; background: transparent; outline: none !important; padding: 13px 25px; resize: none; transition: all 0.2s; color: white; } .ask-form__textarea.--error { border: 1px solid red; } .ask-form__textarea:active, .ask-form__textarea:focus, .ask-form__textarea:hover, .ask-form__textarea.--error:active, .ask-form__textarea.--error:focus, .ask-form__textarea.--error:hover { background: white; color: initial; border: 1px solid white; } .ask-form__textarea::placeholder { color: white; } .ask-form__textarea::-ms-input-placeholder { color: white; } .ask-form__textarea::-webkit-input-placeholder { color: white; } .ask-form__textarea::-moz-placeholder { color: white; } .ask-form__textarea:active::placeholder { color: initial; } .ask-form__textarea:active::-ms-input-placeholder { color: initial; } .ask-form__textarea:active::-webkit-input-placeholder { color: initial; } .ask-form__textarea:active::-moz-placeholder { color: initial; } .ask-form__textarea:focus::placeholder { color: initial; } .ask-form__textarea:focus::-ms-input-placeholder { color: initial; } .ask-form__textarea:focus::-webkit-input-placeholder { color: initial; } .ask-form__textarea:focus::-moz-placeholder { color: initial; } .ask-form__textarea:hover::placeholder { color: initial; } .ask-form__textarea:hover::-ms-input-placeholder { color: initial; } .ask-form__textarea:hover::-webkit-input-placeholder { color: initial; } .ask-form__textarea:hover::-moz-placeholder { color: initial; } .ask-form__bottom { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: flex-start; margin-top: 16px; } .ask-form__info { margin-bottom: 8px; font-size: 10px; } .ask-form__agree { margin-bottom: 20px; } .ask-form__agree a { color: white; } .ask-form__btn { color: #003a70; border: 1px solid white; background: white; transition: all 0.2s; width: 575px; border-radius: 5px; max-width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px; font-family: 'Roboto', sans-serif; cursor: pointer; } .ask-form__btn:hover { color: white; background: transparent; } .ask-form__btn:active { transform: scale(0.95); } @media (max-width: 1000px) { .ask-form__inputs-box { padding: 0; width: 100%; margin-bottom: 16px; } .ask-form__inputs-box:last-child { padding: 0; margin-bottom: 0; } } @media (max-width: 768px) { .ask-form { padding: 16px; } .ask-form__title-text, .ask-form__title-desc { display: block; text-align: center; width: 100%; } .ask-form__title-line { display: none; } .ask-form__textarea { height: 300px; } } } .discount-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .discount-item { width: 48%; } .discount-item a { display: block; } .discount-item img { max-width: 100%; height: auto; } @media (max-width: 768px) { .discount-item, .discount-item img { width: 100%; } } .banner { margin-bottom: 50px; } .banner img { max-width: 100%; height: auto; } @media (max-width: 410px) { .detail-image h1 { font-size: 35px; padding: 15px; } } .our-inventory { display: flex; flex-wrap: wrap; align-items: flex-start; } .our-inventory img { width: 100%; max-width: 350px; margin: 0 20px 20px 0; } .our-inventory div { width: 64%; } @media (max-width: 1390px) { .our-inventory div { width: 60%; } } @media (max-width: 1285px) { .our-inventory div { width: 52%; } } @media (max-width: 1131px) { .our-inventory div { width: 100%; } } @media (max-width: 400px) { .contacts-block__request { max-height: 900px; padding: 10px 0; } } .img-slider .swiper-wrapper, .partners-slider .swiper-wrapper { height: auto; } /* new-footer */ @media all { footer { padding: 40px 0; } footer .f-overlay-new { position: absolute; top: 0; left: 0; background-color: #013e7f; opacity: 0.8; z-index: 1; width: 100%; height: 100%; } footer .f-content-new { position: relative; max-width: 1280px; z-index: 2; margin: 0 auto; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; } footer .f-content-new p, footer .f-content-new span { font-family: 'Roboto Light', sans-serif; } footer .f-content-new .-left { width: 65%; padding: 0; border-right: 1px solid white; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } footer .f-content-new .-right { width: 35%; padding: 0 0 0 100px; } footer .f-content-new .-right-top { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } footer .f-content-new .-phones { width: 50%; } footer .f-content-new .-phones a { display: block; color: white; text-decoration: none; margin-bottom: 7px; border-bottom: 1px solid transparent; width: max-content; } footer .f-content-new .-phones a:hover { border-bottom: 1px dashed; } footer .f-content-new .-callback-box { width: 50%; display: flex; align-items: center; justify-content: flex-end; } footer .f-content-new .-callback { color: white; border-bottom: 1px dashed; cursor: pointer; } footer .f-content-new .-links { display: flex; width: 130px; align-items: baseline; justify-content: flex-start; margin-bottom: 15px; column-gap: 15px; } footer .f-content-new .-link { color: white; display: flex; align-items: center; justify-content: center; text-decoration: none; } footer .f-content-new ._vk:before, footer .f-content-new ._facebook:before, footer .f-content-new ._instagram:before { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; } footer .f-content-new ._vk:before { content: "\f189"; } footer .f-content-new ._facebook:before { content: "\f09a"; } footer .f-content-new ._twitter:before { content: "\f099"; } footer .f-content-new ._instagram:before { content: "\f16d"; } footer .f-menu-new { width: 30%; display: flex; flex-direction: column; align-items: flex-start; padding: 0; } footer .f-menu-new .-title { color: white; text-decoration: none; font-family: 'Roboto', sans-serif; font-size: 18px; margin-bottom: 10px; } footer .f-menu-new .-item { color: #cbdff2; text-decoration: none; box-sizing: border-box; font-family: 'Roboto Light', sans-serif; margin-bottom: 7px; border-bottom: 1px solid transparent; } footer .f-menu-new .-item:hover { color: white; border-bottom: 1px dashed; } @media (max-width: 1310px) { footer .f-content-new { max-width: unset; padding: 0 15px; } footer .f-content-new .-right { padding: 0 0 0 50px; } } @media (max-width: 950px) { footer .f-content-new .-left { width: 50%; padding: 0 15px 0 0; border-right: 1px solid white; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; flex-direction: column; } footer .f-content-new .-right { width: 50%; padding: 0 0 0 15px; } footer .f-menu-new .-item { display: none; } footer .f-menu-new { width: 150px; display: flex; flex-direction: column; padding: 0; } } @media (max-width: 750px) { footer .f-content-new .-left { width: 30%; } footer .f-content-new .-right { width: 70%; padding: 0 0 0 15px; } } @media (max-width: 500px) { footer .f-content-new .-left { width: 100%; border-right: 0; padding: 0; flex-direction: row; justify-content: space-around; margin-bottom: 40px; } footer .f-menu-new { width: max-content; display: flex; flex-direction: column; padding: 0; text-align: center; align-items: center; } footer .f-menu-new .-title { font-size: 16px; } footer .f-content-new .-right { width: 100%; padding: 0; } } } /* detail description */ @media (min-width: 1023px) { /*.detail-description-text > div img { max-width: calc(50% - 20px)!important; }*/ .detail-description-text > div ul { max-width: 50%!important; } } /* reviews-slider */ @media all { .reviews-slider .reviews-item{ display: flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:40px; padding: 0 50px; } .reviews-slider .reviews-item__name{ padding-top:10px; width:15%; } .reviews-slider .reviews-item__name span{ display: block; font-size: 16px; line-height:24px; font-weight: 700; color:#003a70; } .reviews-slider .reviews-item__description{ width:80%; } .reviews-slider .reviews-item__description p{ margin-top:0; font-size: 18px; line-height: 24px; } @media(max-width: 567px){ .reviews-slider .reviews-item__name, .reviews-slider .reviews-item__description{ width:100%; } .reviews-slider .reviews-item__name{ margin-bottom:20px; } .reviews-slider .reviews-item{ margin-bottom:20px; } .reviews-slider .reviews-item__name{ padding-top:0; } } } .products-list .-name a { color: #013e7f; text-decoration: none; font-size: 19px; font-weight: bold; text-align: center; font-family: 'Roboto', sans-serif; } .vorota-desc { float: left; width: 100%; clear: both; } .vorota-desc img { float: left; max-width: 30%; margin-right: 35px; margin-bottom: 20px; } .vorota-desc-text { float: left; width: 66%; font-size: 20px; } .vorota-desc-text p { font-size: 15px; } .vorota-desc-text b { font-size: 18px; } @media(max-width: 567px){ .vorota-desc img { max-width: 100%; margin-right: 0; } .vorota-desc-text { float: left; width: 100%; } } .header-sticky { height: 68px; background: #fff; position: fixed; top: -68px; left: 0; width: 100%; z-index: 100; visibility: hidden; opacity: 0; transition: 0.3s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .header-sticky.show { visibility: visible; opacity: 1; top: 0; } .header-sticky__container { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; height: 100%; padding: 0 10px; box-sizing: border-box; } .header-sticky__catalog { height: 42px; width: 248px; color: #fff; font-size: 16px; background: #003a70; display: flex; text-decoration: none; justify-content: center; align-items: center; margin-right: 40px; } .header-sticky__catalog > div { position: relative; } /*.header-sticky__catalog > div:after {*/ /* content: '';*/ /* width: 14px;*/ /* height: 10px;*/ /* background: url('/local/templates/main/img/sticky-header-catalog-logo.svg') no-repeat center center / auto;*/ /* position: absolute;*/ /* top: 4px;*/ /* right: -25px;*/ /*}*/ .header-sticky__stock { display: flex; align-items: center; color: #003a70; margin-right: 40px; text-decoration: none; } .header-sticky__stock > span { font-weight: 600; font-size: 16px; margin-left: 10px; border-bottom: 1px solid #003a70; } .header-sticky__phone { margin-right: 40px; } .header-sticky__phone a { font-size: 14px; text-decoration: none; color: #003a70; font-weight: 600; } .header-sticky__callback { font-size: 14px; color: #003a70; text-decoration: none; border-bottom: 1px dashed #003a70; font-weight: 600; } .header-sticky__callback { cursor: pointer; } @media (max-width: 1100px) { .header-sticky__catalog, .header-sticky__stock, .header-sticky__phone, .header-sticky__search { margin-right: 20px; } } @media (max-width: 1100px) { .header-sticky__catalog { width: 180px; } } @media (max-width: 900px) { .header-sticky__catalog { width: 140px; /*justify-content: flex-start;*/ /*padding-left: 30px;*/ } } .to-up { width: 70px; height: 70px; background: url('/local/templates/main/img/to-up.svg') no-repeat center center / auto; position: fixed; bottom: 50px; right: 50px; visibility: hidden; opacity: 0; transition: opacity 0.3s; cursor: pointer; z-index: 100; } .to-up.show { visibility: visible; opacity: 1; } @media (max-width: 920px) { .to-up { display: none; } } @media (max-width: 800px) { .header-sticky { display: none; } } @media (max-width: 920px) { .top-menu .-inner { top: 0; } .cart-btn { margin: 0 auto; } } @media (min-width: 1264px) { .detail-description-text .charact{ /*width: calc(100%-620px);*/ max-width: calc(100% - 620px); width: 100%; } } @media (max-width: 1200px) { .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 64%; position: absolute; z-index: 0; left: 19%; margin-left: 26px; } } @media (max-width: 1100px) { .title_news-block ._divider { left: 23%; } } @media (max-width: 800px) { .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 59%; position: absolute; z-index: 0; left: 21%; margin-left: 23px; } } @media (max-width: 672px) { .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 59%; position: absolute; z-index: 0; left: 21%; margin-left: 44px; } } @media (max-width: 480px) { .news-detail p img { width:100%; } div.-content div.-contacts { flex-direction: column; row-gap: 20px; } .h-top .-phone, .h-top .ya-phone a { margin-right: 0; } .detail_picture { width:100%; height:100%; } .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 32%; position: absolute; z-index: 0; left: 34%; margin-left: 2px; } } @media (max-width: 430px) { .title_news-block ._divider { height: 2px; background-color: rgba(0, 0, 0, 0.8); width: 21%; position: absolute; z-index: 0; left: 40%; margin-left: 12px; } } .yuotube_bnt{ position: relative; } .yuotube_bnt::after{ position: absolute; width: 110px; height: 110px; content: ''; top: 50%; left: 50%; transform:translate(-50%, -50%); background-image: url("/local/templates/main/img/youtube-btn.png"); background-size: cover; background-repeat: no-repeat; } .yuotube_bnt::before{ position: absolute; width: 100%; height: 100%; content: ''; background-color: #000; opacity: 0.3; } .carousel__viewport{ display: none; } .fancybox__counter{ display: none; } .fancybox__toolbar{ display: none; } .carousel__button .is-next{ background-color: #fff; border-radius: 50%; width: 34px; height: 34px; background-image: url("/local/templates/main/img/right.png"); background-size: cover; background-repeat: no-repeat; } .swiper-slide img{ cursor: pointer; } .products-list .-btn-group { display: flex; justify-content: space-between; } .products-list .-btn-group .-btn { padding-left: 8px; padding-right: 8px; width: 46%; } .cart-btn { margin-left: auto; } div.-content div.-contacts { width: fit-content; } .cookies{ display: none; position: fixed; bottom: 0; right: 0; background-color: #003a70; color: #fff; padding: 10px 40px; flex-wrap: wrap; justify-content: center; column-gap: 20px; z-index: 99999999999; } .cookies__text { max-width: 330px; } a.cookies__link { color: #fff; } .cookies__btn { display: flex; border: 1px solid #003a70; color: #003a70; background-color: #fff; height: fit-content; align-self: center; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; padding: 12px 42px; font-weight: 500; font-size: 15px; transition: all 0.2s; font-family: 'Roboto', sans-serif; } .products-list .-card > div.sale-ticket { position: absolute; top: 0; right: 0; width: fit-content; } .wa-number { color: #fff; text-decoration: none; display: flex; align-items: center; column-gap: 5px; margin-right: 15px; } .wa-number__icon { width: 15px; height: 15px; } .wa-number__icon img { width: 100%; } .wa-number__text { font-family: "Roboto", sans-serif; font-size: 14px; } @media(max-width: 1440px) { .top-menu .-inner { max-height: fit-content; } .top-menu .-inner.two-columns { width: max-content; } .top-menu .-inner.two-columns a:nth-child(-n+5):before { display: none; } } .sidebar-menu { margin-top: 0; } .sidebar-menu li { list-style-type: none; padding: 10px; } .sidebar-menu li a { color: #013e7f; font-size: 16px; font-weight: bold; font-family: 'Roboto', sans-serif; text-decoration: none; } .sidebar-menu.sidebar-menu-catalog { border: none; border-radius: 0; border-left: 1px solid #003a70; padding: 0; } .sidebar-menu.sidebar-menu-catalog li { padding: 0; background-color: #f5f7f8; transition: background-color .2s; } .sidebar-menu.sidebar-menu-catalog li:hover, .sidebar-menu.sidebar-menu-catalog li.selected { background-color: #003a70; } .sidebar-menu.sidebar-menu-catalog li:hover a, .sidebar-menu.sidebar-menu-catalog li.selected a { color: #ffffff; } .sidebar-menu.sidebar-menu-catalog a { display: block; padding: 18px 10px 18px 16px; } .sidebar-menu.sidebar-menu-catalog li:not(:last-child) a { border-bottom: 1px solid #e4e8ea; } .product-rating { position: absolute; right: 20px; top: 35px; z-index: 2; user-select: none; } @media screen and (max-width: 800px){ .product-rating { top: 20px; } } .form_reviews { width: 100%; padding: 25px 80px; margin: 0; border-radius: 5px; background: #003a70; color: #ffffff; } .form_reviews .form__title { margin: 0 0 40px; font-family: 'Roboto', sans-serif; font-size: 36px; text-align: center; } .form_reviews .form__fields { display: flex; margin: 0 -20px 20px; } .form_reviews .form__column { width: 50%; padding: 0 20px; } .form_reviews .form__rating { margin-bottom: 20px; } .form_reviews .form__field { width: 100%; } .form_reviews .form__field.field_textarea { min-height: 95px; max-height: 200px; height: 95px; resize: vertical; } .form_reviews .form__bottom { text-align: center; } .form_reviews .form__bottom .form__field { margin-bottom: 20px; } .form_reviews .form__bottom .form__button { width: 100%; max-width: 575px; } .field::placeholder { color: inherit; } .field_text { padding: 12px 25px; border: 1px solid #ffffff; border-radius: 5px; background-color: transparent; color: #ffffff; outline: none; transition: background-color .2s, color .2s; } .field_text:focus { color: #000000; background: #ffffff; } .field_textarea { resize: vertical; } .field_agree .field__link { color: inherit; } .button { padding: 0; background: none; outline: none; cursor: pointer; } .button_white { padding: 15px; border: 1px solid #ffffff; border-radius: 5px; background-color: #ffffff; color: #003a70; font-family: 'Roboto', sans-serif; transition: background-color .2s, color .2s; } .button_white:hover { background-color: transparent; color: #ffffff; } @media screen and (max-width: 768px) { .form_reviews { padding: 25px 40px; } .form_reviews .form__title { margin-bottom: 20px; font-size: 32px; } .form_reviews .form__fields { flex-direction: column; margin: 0; } .form_reviews .form__column { width: 100%; padding: 10px 0; } .form_reviews .form__bottom .form__field { margin-bottom: 10px; } } .review_product .review__date p { color: inherit; } .review_product .review__rating { margin-left: auto; } .review_product .review__message { width: 100%; margin: 25px 0; } .review_product .review__message p { margin: 0; font-size: 16px; } .rating { display: flex; align-items: center; } .icon_rating svg { width: 30px; height: 30px; } .icon_rating .icon__stroke { fill: none; stroke: gold; stroke-width: 1; } .icon_rating .icon__background { fill: none; } .icon_rating_fill .icon__background { fill: gold; } .form_reviews .form__rating { margin-bottom: 15px; } .form_reviews .form__rating .rating__input { display: none; } .form_reviews .form__rating .rating__input + svg { cursor: pointer; } .form_reviews .askform__checkbox-label { font-size: 18px; } /* End */ /* /local/templates/main/custom.css?17580081839146 */ /* /local/templates/main/css/fancybox.css?174883655216261 */ /* /local/templates/main/components/bitrix/search.form/sticky_search_form/style.css?1748836552641 */ /* /local/templates/main/components/bitrix/news.list/main.slider/style.css?174883655344 */ /* /local/templates/main/js/swiper.min.css?174883655219788 */ /* /local/templates/main/js/jquery.fancybox.min.css?174883655212795 */ /* /local/templates/main/template_styles.css?1748836552201703 */