/* Start:/local/templates/klapan/css/boot.styles.min.css?15391714925969*/ .sect_row {float:left;width:100%;}.sect_row:after {content:"";display:block;clear:both;}.sect_row > .col_1_10 {width:10%;}.sect_row > .col_2_10 {width:20%;}.sect_row > .col_3_10 {width:30%;}.sect_row > .col_4_10 {width:40%;}.sect_row > .col_6_10 {width:60%;}.sect_row > .col_7_10 {width:70%;}.sect_row > .col_8_10 {width:80%;}.sect_row > .col_9_10 {width:90%;}.sect_row > .col_1_12 {width:8.33%;}.sect_row > .col_2_12 {width:16.66%;}.sect_row > .col_3_12 {width:24.99%;}.sect_row > .col_4_12 {width:33.33%;}.sect_row > .col_5_12 {width:41.66%;}.sect_row > .col_5_10,.sect_row > .col_6_12 {width:50%;}.sect_row > .col_7_12 {width:58.33%;}.sect_row > .col_8_12 {width:66.66%;}.sect_row > .col_9_12 {width:74.99%;}.sect_row > .col_10_12 {width:83.33%;}.sect_row > .col_11_12 {width:91.66%;}.sect_row > .col_free {width:auto;}.sect_row > .col_10_10,.sect_row > .col_12_12 {width:100%;}.sect_row > .col_visible {display:block;}.sect_row > [class*='col_']{float:left;display:block;min-height:1px;box-sizing:border-box;}.sect_row > .col_hidden {display:none;}.sect_row.padd_min{margin: 0 -10px; width: calc(100% + 20px);}.padd_min > div{padding: 10px;}.sect_row.padd_med{margin: 0 -20px; width: calc(100% + 40px);}.padd_med > div{padding: 20px;}.sect_row.padd_big{margin: 0 -40px; width: calc(100% + 80px);}.padd_big > div{padding: 40px;}.sect_row.flex_top,.sect_row.flex_med,.sect_row.flex_bot,.sect_row.flex_row{display: flex;flex-wrap: wrap;}.sect_row.flex_top{align-items: flex-start;}.sect_row.flex_med{align-items: center;}.sect_row.flex_bot{align-items: flex-end;}@media (max-width:1300px){.sect_row > .col_lg_hidden {display:none;}.sect_row > .col_lg_visible {display:block;}.sect_row > .col_lg_1_10 {width:10%;}.sect_row > .col_lg_2_10 {width:20%;}.sect_row > .col_lg_3_10 {width:30%;}.sect_row > .col_lg_4_10 {width:40%;}.sect_row > .col_lg_6_10 {width:60%;}.sect_row > .col_lg_7_10 {width:70%;}.sect_row > .col_lg_8_10 {width:80%;}.sect_row > .col_lg_9_10 {width:90%;}.sect_row > .col_lg_1_12 {width:8.33%;}.sect_row > .col_lg_2_12 {width:16.66%;}.sect_row > .col_lg_3_12 {width:24.99%;}.sect_row > .col_lg_4_12 {width:33.33%;}.sect_row > .col_lg_5_12 {width:41.66%;}.sect_row > .col_lg_5_10,.sect_row > .col_lg_6_12 {width:50%;}.sect_row > .col_lg_7_12 {width:58.33%;}.sect_row > .col_lg_8_12 {width:66.66%;}.sect_row > .col_lg_9_12 {width:74.99%;}.sect_row > .col_lg_10_12 {width:83.33%;}.sect_row > .col_lg_11_12 {width:91.66%;}.sect_row > .col_lg_10_10,.sect_row > .col_lg_12_12 {width:100%;}.sect_row > .col_lg_free {width:auto;}}@media (max-width:992px){.sect_row > .col_md_hidden {display:none;}.sect_row > .col_md_visible {display:block;}.sect_row > .col_md_1_10 {width:10%;}.sect_row > .col_md_2_10 {width:20%;}.sect_row > .col_md_3_10 {width:30%;}.sect_row > .col_md_4_10 {width:40%;}.sect_row > .col_md_6_10 {width:60%;}.sect_row > .col_md_7_10 {width:70%;}.sect_row > .col_md_8_10 {width:80%;}.sect_row > .col_md_9_10 {width:90%;}.sect_row > .col_md_1_12 {width:8.33%;}.sect_row > .col_md_2_12 {width:16.66%;}.sect_row > .col_md_3_12 {width:24.99%;}.sect_row > .col_md_4_12 {width:33.33%;}.sect_row > .col_md_5_12 {width:41.66%;}.sect_row > .col_md_5_10,.sect_row > .col_md_6_12 {width:50%;}.sect_row > .col_md_7_12 {width:58.33%;}.sect_row > .col_md_8_12 {width:66.66%;}.sect_row > .col_md_9_12 {width:74.99%;}.sect_row > .col_md_10_12 {width:83.33%;}.sect_row > .col_md_11_12 {width:91.66%;}.sect_row > .col_md_10_10,.sect_row > .col_md_12_12 {width:100%;}.sect_row > .col_md_free {width:auto;}}@media (max-width:768px){.sect_row > .col_sm_hidden {display:none;}.sect_row > .col_sm_visible {display:block;}.sect_row > .col_sm_1_10 {width:10%;}.sect_row > .col_sm_2_10 {width:20%;}.sect_row > .col_sm_3_10 {width:30%;}.sect_row > .col_sm_4_10 {width:40%;}.sect_row > .col_sm_6_10 {width:60%;}.sect_row > .col_sm_7_10 {width:70%;}.sect_row > .col_sm_8_10 {width:80%;}.sect_row > .col_sm_9_10 {width:90%;}.sect_row > .col_sm_1_12 {width:8.33%;}.sect_row > .col_sm_2_12 {width:16.66%;}.sect_row > .col_sm_3_12 {width:24.99%;}.sect_row > .col_sm_4_12 {width:33.33%;}.sect_row > .col_sm_5_12 {width:41.66%;}.sect_row > .col_sm_5_10,.sect_row > .col_sm_6_12 {width:50%;}.sect_row > .col_sm_7_12 {width:58.33%;}.sect_row > .col_sm_8_12 {width:66.66%;}.sect_row > .col_sm_9_12 {width:74.99%;}.sect_row > .col_sm_10_12 {width:83.33%;}.sect_row > .col_sm_11_12 {width:91.66%;}.sect_row > .col_sm_10_10,.sect_row > .col_sm_12_12 {width:100%;}.sect_row > .col_sm_free {width:auto;}.sect_row.padd_min{margin: 0 -5px; width: calc(100% + 10px);}.padd_min > div{padding: 5px;}.sect_row.padd_med{margin: 0 -10px; width: calc(100% + 20px);}.padd_med > div{padding: 10px;}.sect_row.padd_big{margin: 0 -20px; width: calc(100% + 40px);}.padd_big > div{padding: 20px;}}@media (max-width:480px){.sect_row > .col_xs_hidden {display:none;}.sect_row > .col_xs_visible {display:block;}.sect_row > .col_xs_1_10 {width:10%;}.sect_row > .col_xs_2_10 {width:20%;}.sect_row > .col_xs_3_10 {width:30%;}.sect_row > .col_xs_4_10 {width:40%;}.sect_row > .col_xs_6_10 {width:60%;}.sect_row > .col_xs_7_10 {width:70%;}.sect_row > .col_xs_8_10 {width:80%;}.sect_row > .col_xs_9_10 {width:90%;}.sect_row > .col_xs_1_12 {width:8.33%;}.sect_row > .col_xs_2_12 {width:16.66%;}.sect_row > .col_xs_3_12 {width:24.99%;}.sect_row > .col_xs_4_12 {width:33.33%;}.sect_row > .col_xs_5_12 {width:41.66%;}.sect_row > .col_xs_5_10,.sect_row > .col_xs_6_12 {width:50%;}.sect_row > .col_xs_7_12 {width:58.33%;}.sect_row > .col_xs_8_12 {width:66.66%;}.sect_row > .col_xs_9_12 {width:74.99%;}.sect_row > .col_xs_10_12 {width:83.33%;}.sect_row > .col_xs_11_12 {width:91.66%;}.sect_row > .col_xs_10_10,.sect_row > .col_xs_12_12 {width:100%;}.sect_row > .col_xs_free {width:auto;}.sect_row.padd_med{margin: 0 -5px; width: calc(100% + 10px);}.padd_med > div{padding: 5px;}.sect_row.padd_big{margin: 0 -10px; width: calc(100% + 20px);}.padd_big > div{padding: 10px;}}.sect_row.flex{display:flex; flex-wrap: wrap;} /* End */ /* Start:/local/templates/klapan/css/jquery.fancybox.min.css?17654660443905*/ .fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#fff}.fancybox-opened{z-index:8030}.fancybox-inner,.fancybox-outer{position:relative;overflow:visible!important}.fancybox-inner .filled_unit{background:#fff;border:1px solid #e3ecf2;padding:10px}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-next span,.fancybox-prev span{background-image:url('/local/templates/klapan/css/../skin/fancybox/sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url('/local/templates/klapan/css/../skin/fancybox/loading.gif') center center no-repeat}.fancybox-close{position:absolute;bottom:100%;left:100%;cursor:pointer;z-index:8040}.fancybox-close:after{width:35px;height:35px;content:'';display:block;position:relative;background:url('/local/templates/klapan/css/../skin/fancybox/sprite.png') no-repeat 0 0}.outer_close .fancybox-close{bottom:auto;left:auto;top:0;right:0;padding:25px}.outer_close .fancybox-close:after{background:url('/local/templates/klapan/css/../skin/fancybox/sprite.png') no-repeat -105px -26px}.outer_close .fancybox-close:hover{background:#20a0af}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0,0,0,.31)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#fff;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url('/local/templates/klapan/css/../skin/fancybox/sprite.png');background-size:44px 152px}#fancybox-loading div{background-image:url('/local/templates/klapan/css/../skin/fancybox/loading.gif');background-size:24px 24px}} /* End */ /* Start:/local/templates/klapan/css/jquery.fancybox-buttons.min.css?17654660441885*/ #fancybox-buttons{position:fixed;left:0;width:100%;z-index:8050}#fancybox-buttons.top{top:10px}#fancybox-buttons.bottom{bottom:10px}#fancybox-buttons ul{display:block;width:166px;height:30px;margin:0 auto;padding:0;list-style:none;border:1px solid #111;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:#323232;background:-moz-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(50%,#343434),color-stop(50%,#292929),color-stop(100%,#333));background:-webkit-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:-o-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:-ms-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%)}#fancybox-buttons ul li{float:left;margin:0;padding:0}#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-color:transparent;background-image:url('/local/templates/klapan/css/../skins/fancybox_buttons.png');background-repeat:no-repeat;outline:0;opacity:.8}#fancybox-buttons a:hover{opacity:1}#fancybox-buttons a.btnPrev{background-position:5px 0}#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}#fancybox-buttons a.btnPlay{background-position:0 -30px}#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}#fancybox-buttons a.btnClose{border-left:1px solid #111;width:35px;background-position:-56px 0}#fancybox-buttons a.btnDisabled{opacity:.4;cursor:default} /* End */ /* Start:/local/templates/klapan/css/jquery.fancybox-thumbs.min.css?1765466044600*/ #fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:8050}#fancybox-thumbs.bottom{bottom:2px}#fancybox-thumbs.top{top:2px}#fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0}#fancybox-thumbs ul li{float:left;padding:1px;opacity:.5}#fancybox-thumbs ul li.active{opacity:.75;padding:0;border:1px solid #fff}#fancybox-thumbs ul li:hover{opacity:1}#fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:0}#fancybox-thumbs ul li img{display:block;position:relative;border:0;padding:0;max-width:none} /* End */ /* Start:/local/templates/klapan/css/slick.min.css?17654660451292*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* End */ /* Start:/local/templates/klapan/css/custom.css?177158651330235*/ .card-news { display: flex; align-items: flex-start; column-gap: 18px; padding: 20px; border: 1px solid #dedcdc; } .card-news+.card-news { margin-top: -1px; } .card-news__preview { flex-shrink: 0; width: 220px; } .card-news__preview>img { display: block; width: 100%; max-width: 100%; } .card-news__content { flex: 1 1 auto; display: flex; align-items: flex-start; flex-direction: column; row-gap: 10px; } .card-news__title { color: #3ea4f0; font-size: 16px; font-weight: 700; transition: color 0.2s ease-in-out; line-height: 1.2; } .card-news__title:hover { color: #3486c5; } .card-news__text { font-size: 13px; line-height: 1.4; } .card-news__text>p { margin: 0; } .card-news__date { font-size: 12px; opacity: 0.4; } @media screen and (max-width: 579px) { .card-news { flex-direction: column; row-gap: 15px; padding: 15px; } .card-news__preview { width: 100%; } } .navigation { display: flex; flex-direction: column; margin-top: 20px; } .navigation-arrows { display: flex; align-items: center; justify-content: space-between; } .navigation-arrows>* { display: none; } .navigation-arrows>*:nth-child(3), .navigation-arrows>*:nth-last-child(3) { flex: 1; display: inline-flex; background: #3ea4f0; color: #fff; padding: 10px 20px; text-align: center; cursor: pointer; line-height: 1.5; text-transform: uppercase; text-decoration: none; transition: background-color 0.2s ease-in-out; border-radius: 3px; } .navigation-arrows>*:nth-child(3).disabled, .navigation-arrows>*:nth-last-child(3).disabled { opacity: 0.5; pointer-events: none; } .navigation-arrows>*:nth-child(3):hover, .navigation-arrows>*:nth-last-child(3):hover { background-color: #1a6eac; } .navigation-arrows>*:nth-last-child(3) { justify-content: flex-end; } @media screen and (max-width: 579px) { .navigation-arrows>*:nth-child(3), .navigation-arrows>*:nth-last-child(3) { justify-content: center; text-align: center; } } .navigation-pages { display: flex; align-items: center; justify-content: center; margin-top: 20px; column-gap: 20px; } .navigation-title { display: none; } .navigation-pages>a { font-size: 16px; font-weight: 700; opacity: 0.3; transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out; } .navigation-pages>a:hover { color: #1a6eac; opacity: 1; } .navigation-pages>.nav-current-page { font-size: 16px; font-weight: 700; opacity: 1; } .advantages { margin-bottom: 30px; } .advantages-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 3px; } .advantages-item { flex: 1; width: minmax(80px, 1fr); margin-right: 0; width: initial; } .advantages-item-picture { padding: 20px 0; } .advantages-item-name { min-height: 50px; padding: 15px 5px; line-height: 1.2; font-weight: 700; } .advantages-item-desc { padding: 5px 10px 15px; font-size: 12px; line-height: 1.2; flex: 1 1 auto; } .item-link { column-gap: 20px; } .item-link+.item-link { margin-top: 10px; } .spoiler { display: inline-flex; align-items: center; column-gap: 10px; cursor: pointer; } .spoiler.is-active>svg { transform: rotate(180deg); } .is-hide { display: none; } .detail-edited-table { margin: 40px 0; } .detail-edited-table table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .detail-edited-table table th, .detail-edited-table table td { border: 1px solid #E9E9E9; padding: 10px; text-align: left; vertical-align: top; } .detail-edited-table table th { background-color: #006eac; color: #fff; } .detail-edited-table table td { font-size: 13px; } .detail-edited-table table tr td:nth-child(n+3):nth-child(-n+5) { text-align: center; } .detail-edited-table table th:last-child { text-align: center; } .detail-edited-table table tbody tr { background-color: #fff; } .detail-edited-table table .availability>span { display: flex; align-items: center; gap: 6px; } .detail-edited-table table .availability>span::after { content: ""; display: block; width: 18px; height: 19px; background-repeat: no-repeat; background-position: center; } .detail-edited-table table .in-stock { color: #0e9a14; } .detail-edited-table table .out-of-stock { position: relative; color: #d30b0b; } .detail-edited-table table .on-order { color: #ffad31; } .detail-edited-table table .in-stock>span::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTMgMUw0Ljc1IDkuMjVMLTEgNS41IiBzdHJva2U9IiMxM0JDMUEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg=="); } .detail-edited-table table .out-of-stock>span::after { background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 5L4.5 14M4.5 5L13.5 14' stroke='%23D30B0B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); } .detail-edited-table table .on-order>span::after { background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.025 9.125L15.5254 10.625L14.025 9.125' fill='%23FFAD31' /%3E%3Cpath d='M9 5.75V9.5L11.25 11' fill='%23FFAD31' /%3E%3Cpath d='M17.025 9.125L15.5254 10.625L14.025 9.125M15.7088 10.25C15.736 10.0037 15.75 9.75351 15.75 9.5C15.75 5.77208 12.7279 2.75 9 2.75C5.27208 2.75 2.25 5.77208 2.25 9.5C2.25 13.2279 5.27208 16.25 9 16.25C11.1205 16.25 13.0125 15.2722 14.25 13.743M9 5.75V9.5L11.25 11' stroke='%23FFAD31' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); } .detail-edited-table table .price { text-align: center; font-weight: 500; font-size: 15px; color: #1c1c1c; } .detail-edited-table table .price>.link-action { display: block; text-transform: uppercase; font-weight: 500; font-size: 12px; color: #fff; border-radius: 5px; padding: 8px 10px; background: #3ea4f0; margin: 8px 0; } @media (min-width: 1199px) { .detail-edited-table table .price, .detail-edited-table table th, .navigation-arrows>*:nth-child(3), .navigation-arrows>*:nth-last-child(3), .detail-edited-table table .availability { white-space: nowrap; } .detail-edited-table table tr td:first-child { border-left: none; } .detail-edited-table table tr td:last-child { border-right: none; } } @media (max-width: 767px) { .detail-edited-table table thead { display: none; } .detail-edited-table table tbody tr { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 45px; } .detail-edited-table table td { flex: 1 150px; text-align: center; } .detail-edited-table table .availability>span { justify-content: center; text-align: center; } .detail-edited-table table td .v767 { display: block !important; background: #006eac; color: #fff; margin: -10px; margin-bottom: 10px; padding: 5px; } } /* ABOUT */ .about-content { margin-bottom: 60px; } .sect_row:has(.about-content) .sect_row { float: unset; } .about-block_items { margin-bottom: 60px; } .about-block_item p, .about-block_item .item_descr { line-height: 130%; } .about-block_item h2 { text-align: center; font-weight: 700; font-size: 21px; text-align: center; margin-bottom: 30px; } .about-heading { text-align: center; } .about-heading_title { font-weight: 700; font-size: 21px; text-align: center; } .about-heading_descr { font-size: 16px; text-align: center; margin-bottom: 30px; line-height: 130%; } .about-directions { display: grid; grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); gap: 35px 22px; } .about-directions .item { position: relative; color: #fff; padding: 20px; display: flex; flex-direction: column; justify-content: space-around; } .about-directions .item::before { content: ""; position: absolute; inset: 0; z-index: -1; background-color: #3ea4f0; clip-path: polygon(0 0, 100% 0, 100% 60%, 0% 100%); } .about-directions .item .item_title { font-weight: 700; font-size: 15px; line-height: 140%; text-transform: uppercase; padding-bottom: 15px; } .about-directions .item .item_descr { margin-top: 0; margin-bottom: 15px; } .about-directions .item .item_img { position: relative; z-index: 5; aspect-ratio: 1 / 0.75; margin: -10px; } .about-directions .item .item_img img { width: 100%; height: 100%; } @media (min-width: 991px) { .about-directions .item:nth-child(3n-1) { transform: translateY(57px); } .about-directions { padding-bottom: 57px; } } .about-mission {} .about-mission_items { display: grid; grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); gap: 35px 22px; } .about-mission_items .item { display: flex; flex-direction: column; } .about-mission_items .item .item_title { font-weight: 700; font-size: 16px; line-height: 130%; } .about-mission_items .item_icon { padding: 13px 11px; position: relative; z-index: 5; width: 20%; background-color: #3ea4f0; clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%); } .about-mission_items .item_icon img { min-width: 29px; height: 29px; aspect-ratio: 1; object-fit: contain; } .about-mission_items .item_img { display: flex; position: relative; z-index: 5; aspect-ratio: 1 / 0.625; margin-bottom: 14px; } .about-mission_items .item_img>img { position: absolute; inset: 0; height: 100%; width: 100%; } .about-numbers_items { display: grid; gap: 13px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } .about-numbers_items .item { border: 1px solid #d9d9d9; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; gap: 17px; } .about-numbers .item .item_icon { width: 30px; height: 30px; aspect-ratio: 1; object-fit: contain; } .about-numbers .item .item_count, .about-numbers .item .item_count span { font-weight: 700; font-size: 32px; color: #3ea4f0; } .about-numbers .item .item_descr { font-size: 16px; } .about-numbers .item:nth-child(2) { background-color: #3ea4f0; color: #fff; } .about-numbers .item:nth-child(2) .item_count span { color: #fff; } .about-partners_items { --cols: 4; display: flex; flex-wrap: wrap; justify-content: center; --gap: 13px; gap: var(--gap); } @media (max-width: 991px) { .about-partners_items { --cols: 3; } } .about-partners_items .item { width: calc((100% - (var(--cols) - 1) * var(--gap)) / (var(--cols))); border: 1px solid #d9d9d9; padding: clamp(1.25rem, 1.022rem + 0.97vw, 2.188rem); display: flex; align-content: center; justify-content: center; } .about-partners_items .item .item_img { object-fit: contain; } .about-history_items { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; } .about-history_items .item { position: relative; padding: 25px 0; display: flex; flex-direction: column; gap: 15px; } .about-history_items .item:first-child, .about-history_items .item:nth-last-child(2) { display: flex; line-height: 1; } .about-history_items .item .circle-icon { width: 20px; min-width: 20px; height: 20px; position: absolute; left: 0; top: 0; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%233EA4F0' /%3E%3Ccircle cx='10' cy='10' r='5' fill='white' /%3E%3C/svg%3E"); z-index: 5; } .about-history_items .item .item_year { font-weight: 700; font-size: 20px; color: #3ea4f0; margin-bottom: 10px; width: max-content; background-color: #fff; padding-right: 25px; position: relative; z-index: 5; } .about-history_items .item:nth-child(3n-2)::after { content: ""; position: absolute; left: 0px; top: 9px; width: 100vw; border-top: 2px dashed #3ea4f0; } .about-history_items .item:first-child::after, .about-history_items .item:nth-last-child(2)::after { left: 50px; } .about-history_items .item:nth-child(3)::after, .about-history_items .item:nth-child(9)::after { content: ""; position: absolute; right: 0; top: 9px; height: 100%; border-right: 2px dashed #3ea4f0; } .about-history_items .item:nth-child(4)::after { content: ""; position: absolute; left: 9px; top: 9px; height: 100%; border-left: 2px dashed #3ea4f0; } .about-history_items .item .item_info { padding-right: 20px; } @media (max-width: 576px) { .about-history_items { display: flex; flex-direction: column; } .about-history_items .item::after { display: none; } .about-history_items .item { flex-direction: row; align-items: start; } .about-history_items .item .circle-icon { position: static; } .about-history_items .item .item_year { width: 100%; padding: 0; line-height: 1; } .about-partners_items { --cols: 2; } .about-history_items .item { padding: 15px 0; } .about-block_items { margin-bottom: 40px; } .about-history_items .item:nth-last-child(2) { order: 1; } } .about-history_items .item:first-child .item_year, .about-history_items .item:nth-last-child(2) .item_year { color: inherit; } @media (min-width: 576px) { .about-history_items .item:first-child .item_year, .about-history_items .item:nth-last-child(2) .item_year { position: absolute; top: 0; } .about-history_items .item:nth-child(1), .about-history_items .item:nth-child(4), .about-history_items .item:nth-child(7), .about-history_items .item:nth-child(10) { padding-left: 40px; padding-bottom: 40px; } .about-history_items .item:nth-last-child(2) { grid-column: 2 span; padding-right: 45%; } } /* ABOUT */ * { box-sizing: border-box; } .service_detail__form { margin: 40px 0; } .service_detail__form h2 { margin-bottom: 15px; color: #fff !important; } .service_detail__form form { padding: 0; } .service_detail__form { display: flex; } .service_detail__form .right { display: none; padding: 0; } .service_detail__form .right>img { height: 100%; object-fit: cover; } .service_detail__form .left { width: 100%; padding: 30px; background-color: #3ea4f0; } @media (min-width: 1024px) { .service_detail__form .left { width: 70%; } .service_detail__form .right { width: 30%; display: block; } } .service_detail__form .grid_area__fields { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-areas: "x x x x x x" "a a a d d d" "b b b d d d" "c c c d d d" "f f e e e e"; gap: 10px; } .service_detail__form .col_12_12.error { grid-area: x; background: #ffffff; padding: 5px 20px; border: 2.5px solid #bb0000; } .service_detail__form .ok_message { color: white; grid-area: x; font-size: x-large; text-align: center; padding-top: 1em; } .service_detail__form .grid_area__fields::after { display: none; } @media (max-width: 576px) { .service_detail__form .grid_area__fields { display: flex; flex-direction: column; } } .service_detail__form .grid_area__field:nth-child(1) { grid-area: a; } .service_detail__form .grid_area__field:nth-child(2) { grid-area: b; } .service_detail__form .grid_area__field:nth-child(3) { grid-area: c; } .service_detail__form .grid_area__field:nth-child(4) { grid-area: d; } .service_detail__form .grid_area__field:nth-child(5) { grid-area: e; line-height: 1.3; color: #fff; } .service_detail__form .grid_area__field:nth-child(6) { grid-area: f; } .service_detail__form .grid_area__field input:not([type="checkbox"]), .service_detail__form .grid_area__field textarea { height: 100%; margin: 0; padding: 12px 10px !important; border: none; font-weight: 400; font-size: 15px; color: #2b2b2b; font-family: "Roboto", sans-serif; } .service_detail__form .grid_area__field { position: relative; } .service_detail__form .grid_area__field a { color: #fff; } .service_detail__form .grid_area__field::before { display: none; } .service_detail__form .grid_area__field input[type="submit"] { background-color: #fff; color: #3ea4f0; font-weight: 500; font-size: 16px; text-transform: uppercase !important; line-height: 1; border-radius: 5px; } .service_detail__form .grid_area__field input::placeholder, .service_detail__form .grid_area__field textarea::placeholder { font-family: "Roboto", sans-serif; color: #b9b9b9; } body { overflow-x: hidden; } .header-new { display: flex; flex-direction: column; } .header-new__top.top { display: grid !important; grid-template-columns: repeat(12, 1fr); column-gap: 25px; padding-bottom: 10px; } .header-new .logo { grid-column: 3 span; width: 100% !important; } .header-new .top_line_wrap { grid-column: 9 span; width: 100% !important; justify-content: center; padding: 0; padding-top: 10px !important; } #header .header-new .logo>* img { height: 100px; } #header .header-new .logo { height: auto; padding: 0 10px; } #header .header-new .logo>*:first-child { max-width: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 8px; text-decoration: none; } #header .header-new .logo>*, #header .header-new .logo>* img { /* height: 100%; */ /* width: 100%; */ /* display: block; */ } .pc .top_m li.active { display: flex; justify-content: center; } .pc .top_m li.active>span { display: flex; align-items: center; padding: 12px !important; font-family: 'Roboto Regular'; font-weight: 400; font-size: 16px !important; } #header:has(.header-new) .row.pc { height: auto; max-height: unset; } .header-new .logo-description { font-family: 'Roboto Medium'; display: inline-block; max-width: 205px; text-align: center; font-size: 14px; line-height: 1.3; color: #006eac; height: 40px; } .header__socials { display: flex; align-items: center; gap: 20px; } .header__socials-item { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .header__socials-item svg { max-width: 21px; height: auto; } .header__socials-item svg path { transition: all .3s; } .header__socials-item:hover svg path[fill="#3EA4F0"] { fill: #909090; } .header__socials-item:hover svg path:not([fill="#3EA4F0"]) { stroke: #909090 !important; } .header-new .contacts { flex-direction: column; row-gap: 15px; align-items: start !important; padding: 0 !important; } .header-new .header__contacts--top, .header-new .header__contacts--bottom { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 15px 25px; } .conntection__btns { display: flex; align-items: center; gap: 15px; } .conntection__btns .lang ul { display: flex; gap: 5px; align-items: center; } .conntection__btns .lang ul>li { display: flex; gap: 5px; } .conntection__btns .lang ul>li * { font-family: 'Roboto Regular'; font-weight: 400; font-size: 14px; } .header-new .contacts .search-form, .header-new .connection__items { width: 100%; max-width: 624px; flex-shrink: 0; } .header-new .contacts .search-form>form { margin: 0; padding: 0; } .header-new .contacts .search-form>form input { font-family: 'Roboto Regular'; padding: 6px 15px; margin: 0px; color: inherit; } .header-new .contacts .search-form>form input::placeholder { color: #bcbcbc; } .header-new .contacts .search_btn_wrap { transform: translateY(-50%); display: flex; right: 12px; } .header-new .search-form form button[type="submit"]::after, .header-new .search-form form button[type="submit"]::before { display: none; } .header-new .search-form form button[type="submit"] { background-image: url(); background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 15.75L13.1251 13.125M15 8.625C15 12.1458 12.1458 15 8.625 15C5.10418 15 2.25 12.1458 2.25 8.625C2.25 5.10418 5.10418 2.25 8.625 2.25C12.1458 2.25 15 5.10418 15 8.625Z' stroke='%23BCBCBC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); } .connection__items { display: flex; gap: 10px 24px; } @media (max-width: 991px) { .connection__items { flex-wrap: wrap; } } .connection__items .connection__item { flex: 1 auto; display: flex; flex-direction: column; gap: 10px; } .connection__items .connection__item * { position: relative; font-family: 'Roboto Regular'; font-weight: 400; font-size: 13px !important; color: inherit !important; display: flex; align-items: center; gap: 5px; } .connection__item:not(.connection__item-inline) *::before, .connection__item-inline>*::before { content: ""; width: 18px; height: 18px; display: block; flex-shrink: 0; background-position: center; background-repeat: no-repeat; background-size: contain; } .connection__item.connection__location>* { text-decoration: underline; text-decoration-skip-ink: none; color: #3ea4f0 !important; } .connection__item.connection__location>*::before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9.75C10.2426 9.75 11.25 8.74264 11.25 7.5C11.25 6.25736 10.2426 5.25 9 5.25C7.75736 5.25 6.75 6.25736 6.75 7.5C6.75 8.74264 7.75736 9.75 9 9.75Z' stroke='%233EA4F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M9 16.5C12 13.5 15 10.8137 15 7.5C15 4.18629 12.3137 1.5 9 1.5C5.68629 1.5 3 4.18629 3 7.5C3 10.8137 6 13.5 9 16.5Z' stroke='%233EA4F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); } .connection__item.connection__email>*::before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.125 13.5L11.1429 9M6.85714 9L1.87503 13.5M1.5 5.25L7.62369 9.53658C8.11957 9.8837 8.36751 10.0573 8.6372 10.1245C8.87542 10.1839 9.12458 10.1839 9.3628 10.1245C9.63249 10.0573 9.88043 9.8837 10.3763 9.53658L16.5 5.25M5.1 15H12.9C14.1601 15 14.7902 15 15.2715 14.7548C15.6948 14.539 16.039 14.1948 16.2548 13.7715C16.5 13.2902 16.5 12.6601 16.5 11.4V6.6C16.5 5.33988 16.5 4.70982 16.2548 4.22852C16.039 3.80516 15.6948 3.46095 15.2715 3.24524C14.7902 3 14.1601 3 12.9 3H5.1C3.83988 3 3.20982 3 2.72852 3.24524C2.30516 3.46095 1.96095 3.80516 1.74524 4.22852C1.5 4.70982 1.5 5.33988 1.5 6.6V11.4C1.5 12.6601 1.5 13.2902 1.74524 13.7715C1.96095 14.1948 2.30516 14.539 2.72852 14.7548C3.20982 15 3.83988 15 5.1 15Z' stroke='%233EA4F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); } .connection__tel::before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.28521 6.63989C6.80721 7.72711 7.5188 8.74609 8.41998 9.64727C9.32116 10.5485 10.3401 11.26 11.4274 11.782C11.5209 11.8269 11.5676 11.8494 11.6268 11.8666C11.8371 11.9279 12.0953 11.8839 12.2733 11.7564C12.3234 11.7205 12.3663 11.6777 12.452 11.5919C12.7143 11.3297 12.8454 11.1986 12.9772 11.1129C13.4744 10.7897 14.1153 10.7897 14.6125 11.1129C14.7443 11.1986 14.8754 11.3297 15.1376 11.5919L15.2838 11.7381C15.6823 12.1367 15.8816 12.3359 15.9899 12.55C16.2052 12.9756 16.2052 13.4783 15.9899 13.904C15.8816 14.1181 15.6823 14.3173 15.2838 14.7159L15.1655 14.8342C14.7683 15.2314 14.5697 15.43 14.2997 15.5817C14 15.75 13.5347 15.871 13.191 15.87C12.8813 15.8691 12.6696 15.809 12.2463 15.6888C9.97125 15.0431 7.82448 13.8247 6.0335 12.0338C4.24251 10.2428 3.02415 8.096 2.37843 5.82095C2.25827 5.39762 2.19819 5.18595 2.19727 4.87624C2.19625 4.53258 2.31727 4.06721 2.48559 3.76758C2.63727 3.49755 2.83588 3.29894 3.2331 2.90173L3.35132 2.7835C3.74991 2.38492 3.9492 2.18563 4.16323 2.07737C4.5889 1.86207 5.0916 1.86207 5.51727 2.07737C5.73131 2.18563 5.9306 2.38492 6.32918 2.7835L6.47533 2.92965C6.73754 3.19186 6.86864 3.32296 6.95436 3.45479C7.2776 3.95196 7.2776 4.5929 6.95435 5.09007C6.86864 5.2219 6.73754 5.353 6.47533 5.61521C6.3896 5.70094 6.34673 5.74381 6.31085 5.79392C6.18334 5.97199 6.13932 6.23018 6.20061 6.44045C6.21786 6.49962 6.24031 6.54637 6.28521 6.63989Z' stroke='%233EA4F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); } .connection__regym::before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14_135)'%3E%3Cpath d='M9 4.5V9L12 10.5M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9Z' stroke='%233EA4F0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14_135'%3E%3Crect width='18' height='18' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .header-new__bottom { position: relative; } .header-new__bottom menu.top_m { justify-content: space-around; } .header-new__bottom menu.top_m li.level_1>a { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; } .header-new__bottom menu.top_m li.level_1>a::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 3px 3px 3px; border-color: transparent transparent #000 transparent; transform: rotate(180deg); transition: transform .3s, color .3s; } .header-new__bottom menu.top_m li.level_1>a:hover::before { border-color: transparent transparent #fff transparent; transform: rotate(0deg); } .header-new__bottom .top_m li ul { margin-top: 50px !important; max-height: 495px; overflow-y: auto; } .header-new__bottom .top_m li ul::-webkit-scrollbar { width: 6px; } .header-new__bottom .top_m li ul::-webkit-scrollbar-thumb { background-color: #dedede; } .header-new__bottom .top_m li ul::-webkit-scrollbar-track { background-color: transparent; } .header-new__bottom .top_m a { font-family: 'Roboto Regular'; padding: 12px !important; font-weight: 400; font-size: 16px !important; } .header-new__bottom::after, .header-new__bottom::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; height: 1px; background-color: #E7E7E7; } .header-new__bottom::after { top: 0; } .header-new__bottom::before { bottom: 0; } .mobile_menu_phone { white-space: nowrap; } .content-text:has(iframe), .desc p:has(iframe) { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .content-text:has(iframe) iframe, .desc p:has(iframe) iframe { width: 100%; } @media (min-width: 576px) { .desc iframe:not(p > iframe) { width: calc(50% - 13px); display: inline-block; margin-bottom: 20px; } .desc iframe:not(p > iframe):nth-child(even) { margin-right: 20px; } } @media (max-width: 576px) { .desc iframe:not(p > iframe) { width: 100%; display: inline-block; margin-bottom: 20px; } } @media (max-width: 576px) { .content-text:has(iframe), .desc p:has(iframe) { grid-template-columns: repeat(1, 1fr); } } /* .pc .top_m li.active { color: #fff; background-color: #3ea4f0; display: flex; align-items: center; justify-content: center; } */ .bx_news_detail>.news-date-container { display: flex; } .news-date-container>.time-to-read { padding: 10px; color: #0056a0; } .news-share { display: flex; justify-content: flex-end; width: 100%; gap: 1em; align-items: baseline; padding-top: 1rem; } .news-share>.social-icons { display: flex; padding-bottom: 10px; gap: 0.5em; } .social-icons>.header__socials-item { background: #313131; border-radius: 15%; } .reviews-index { padding-bottom: 40px; } .reviews-block { display: flex; gap: 15px; flex-wrap: wrap; } .review { display: flex; flex: 1 1 250px; /* Равное распределение, минимальная ширина 300px */ border: 1px solid #d9d9d9; padding: 20px; text-decoration: none !important; } .review:hover { background-color: #3ea4f0; color: white; } .review-content { display: flex; justify-content: center; align-items: center; font-size: 16px; gap: 15px; width: 100%; } .yandex-frame { clear: both; padding-top: 20px; } @media screen and (max-width: 1300px) { .yandex-frame { padding-top: unset; padding-left: 15px; } } .footer-sitemap { float: right; } .content-title.spoiler { position: relative; padding-right: 40px; cursor: pointer; transition: all 0.3s ease-in-out; } .content-title.spoiler::after { content: ''; position: absolute; right: 7px; top: 52%; transform: translateY(-52%) rotate(-90deg); width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.375 5.25L7 9.625L2.625 5.25' stroke='%23303030' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: all 0.3s ease-in-out; } .content-title.spoiler.is-active::after { transform: translateY(-52%) rotate(0deg); } .content-title.spoiler { color: #3ea4f0; } .content-title.spoiler:hover { color: #cdcdcd; } .service-list { display: flex; flex-wrap: wrap; gap: 2em; padding-top: 1.5em; padding-bottom: 3em; } .service-list .service-item { flex: 0 0 31%; position: relative; transition: filter 0.5s ease; min-width: 150px; } .service-list .service-item-image { width: 100%; aspect-ratio: 1/1; object-fit: cover; } .service-list .service-item-img-wrapper { position: relative; display: flex; padding-bottom: 1em; } .service-list .service-item:hover { filter: brightness(0.65); } .service-list .service-item-button { position: absolute; bottom: 0; right: 0; margin-bottom: 1em; background: #3ea4f0; text-align: center; color: white; width: 20%; height: 15%; display: flex; justify-content: center; align-items: center; } .service-list a:hover { color:#3ea4f0; text-decoration: none; } /* End */ /* Start:/local/templates/klapan/fonts/Onpeak/style.css?17655292341371*/ @font-face { font-family: 'klapan-v-01'; src: url('/local/templates/klapan/fonts/Onpeak/fonts/klapan-v-01.eot?9ay9j8'); src: /* url('/local/templates/klapan/fonts/Onpeak/fonts/klapan-v-01.eot?9ay9j8#iefix') format('embedded-opentype'), */ /* url('/local/templates/klapan/fonts/Onpeak/fonts/klapan-v-01.ttf?9ay9j8') format('truetype'), */ url('/local/templates/klapan/fonts/Onpeak/fonts/klapan-v-01.woff2?9ay9j8') format('woff2')/*,*/; /* url('/local/templates/klapan/fonts/Onpeak/fonts/klapan-v-01.svg?9ay9j8#klapan-v-01') format('svg'); */ font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'klapan-v-01' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon--:before { content: "\e900"; } .icon--1:before { content: "\e901"; } .icon--2:before { content: "\e902"; } .icon--3:before { content: "\e903"; } .icon--4:before { content: "\e904"; } .icon-uniE905:before { content: "\e905"; } .icon-blog:before { content: "\e906"; } .icon-care-1:before { content: "\e907"; } .icon-mail:before { content: "\e908"; } .icon-news:before { content: "\e909"; } .icon-phone:before { content: "\e90a"; } .icon-placeholder-1:before { content: "\e90b"; } /* End */ /* Start:/local/templates/klapan/fonts/Roboto/roboto.css?17655286272088*/ @font-face { font-family: 'Roboto Thin'; src: url('/local/templates/klapan/fonts/Roboto/Robotothin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Thin Italic'; src: url('/local/templates/klapan/fonts/Roboto/Robotothinitalic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url('/local/templates/klapan/fonts/Roboto/Robotolight.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light Italic'; src: url('/local/templates/klapan/fonts/Roboto/Robotolightitalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto Regular'; src: url('/local/templates/klapan/fonts/Roboto/Roboto.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Italic'; src: url('/local/templates/klapan/fonts/Roboto/Robotoitalic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto Medium'; src: url('/local/templates/klapan/fonts/Roboto/Robotomedium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Medium Italic'; src: url('/local/templates/klapan/fonts/Roboto/Robotomediumitalic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('/local/templates/klapan/fonts/Roboto/Robotobold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold Italic'; src: url('/local/templates/klapan/fonts/Roboto/Robotobolditalic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto Black'; src: url('/local/templates/klapan/fonts/Roboto/Robotoblack.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Black Italic'; src: url('/local/templates/klapan/fonts/Roboto/Robotoblackitalic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap; } /* End */ /* Start:/local/templates/klapan/components/bitrix/menu/top_multilevel/style.css?15682726551040*/ menu.top_m{ display: flex; table-layout: fixed; justify-content: space-between; width: 100%; font-size: 100%; } .pc .top_menu menu.top_m>li:first-child {padding-left: 0;} .pc .top_menu menu.top_m >li:first-child {margin-left: 0;} .pc .top_menu menu.top_m li a, .pc .top_menu menu.top_m li span { text-decoration: none; padding: 0 7px; float: left; z-index: 100; text-align: center; position: relative; font-size: 15px; white-space: nowrap; } .pc menu.top_m span.active,.pc .top_menu menu.top_m li a:hover{background-color: #3ea4f0;color: white;} .pc menu.top_m span.active:after,.pc .top_menu menu.top_m li a:after { content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -5px; border: 5px solid transparent; border-top: 5px solid white; transition: all 0.3s; } .pc menu.top_m span.active:after,.pc .top_menu menu.top_m li a:hover:after{border-top-color:#3ea4f0;} .top_m menu li:first-child:hover .child_top{ display: none; } /* End */ /* Start:/local/templates/klapan/components/bitrix/menu/left/style.css?15396112354806*/ .left_menu menu { display: block; width: 100%; } .left_menu menu >li{ display: block; font-size: 18px; position: relative; } .left_menu>menu >li.level_1.active{ border-bottom: 1px solid #dedcdc; } .mobile .left_menu menu >li{width: 95%;} .left_menu menu>li:first-child{ padding-left: 0;} .left_menu menu>li a,.left_menu menu>li span{text-decoration: none;} .left_menu menu>li a, .left_menu menu>li span.active{ text-transform: uppercase; border-bottom: 1px solid #dedcdc; padding: 8px 0 5px 25px; display: block; box-sizing: border-box; position: relative; } .left_menu menu li span.number{ float: left; background: black; border-radius: 6px; color: white; display: block; width: 29px; height: 29px; text-align: center; position: relative; border: none; } .left_menu menu li.active span.number, .pc_left .left_menu menu li:hover span.number{background: #3ea4f0;} .left_menu menu li.active span.number:after, .pc_left .left_menu menu li:hover span.number:after{border-left: 4px solid #3ea4f0;} .left_menu menu li a:hover, .pc_left .left_menu menu li span.active{ color: #3ea4f0;} .left_menu menu li.active>ul.child li a, .left_menu menu li.active>ul.child li span {padding: 6px 20px 6px 40px;} .left_menu menu li.active>ul.child li.level_2 ul.child a, .left_menu menu li.active>ul.child li.level_2 ul.child span {padding: 4px 0 0px 50px;} .left_menu menu li:not(.active).is_parent ul.child li a:before, .left_menu menu li:not(.active).is_parent ul.child li span:before{ content: ""; display: block; background: url(/local/templates/klapan/components/bitrix/menu/left/skin/sprite.png) no-repeat -56px -9px; height: 1px; width: 4px; left: 15px; position: absolute; top: 17px; } @media (min-width:768px){ .left_menu menu li.is_parent:not(.active):before{ content: ""; display: block; background: url(/local/templates/klapan/components/bitrix/menu/left/skin/sprite.png) no-repeat -62px -1px; height: 21px; width: 29px; right: -10px; position: absolute; top: 12px; } .left_menu menu>li:not(.active):hover{ background:#f5f5f5; border-left: 1px solid #dedcdc; } .left_menu menu>li:not(.active):hover:first-child{ border-top: 1px solid #dedcdc; } } .left_menu menu li span.number:after { content: ''; position: absolute; right: -8px; top: 11px; border: 4px solid transparent; border-left: 4px solid black; } .left_menu ul.child>li a, .left_menu ul.child>li span.active{padding-bottom:0;} ul.child li a{padding-left: 35px;} .left_menu menu li:not(.active).is_parent ul.child li a, .left_menu menu li:not(.active).is_parent ul.child li span{ border-bottom:none!important; font-size: 16px; } .left_menu menu>li:not(.active):not(.is_parent):hover{border-right: 1px solid #dedcdc; } .left_menu menu li:not(.active):hover>ul.child{ position: absolute; top: -1px; left: 100%; width: 325px; z-index: 35000; background: #f5f5f5; border-right: 1px solid #dedcdc; border-top: 1px solid #dedcdc; border-bottom: 1px solid #dedcdc; } .left_menu menu li.level_1:not(.active) menu li.level_2:hover>ul.child, .left_menu menu li:not(.active):hover li.level_2>ul.child{ left: 324px; } .left_menu menu li:not(.active):hover ul.child>li:first-child{border: none;} .left_menu menu li:not(.active) ul.child>li { padding: 3px 0 6px; width: 100%; box-sizing: border-box; border-left: 1px solid #dedcdc; } .left_menu .fa{ position: absolute; display: block; top: 16px; left: 255px; } ul.child{ display: none; margin: 0; } .left_menu menu li ul li span.active {margin-left:0;padding-left: 70px;} .left_menu menu li.is_parent:hover>ul.child, .left_menu menu li.active>ul.child{ display: block; float: none; margin-bottom: 0; } .left_menu menu li.is_parent ul.child li a, .left_menu menu li.is_parent ul.child li span{border-bottom:none!important;font-size: 16px;} .mobile .left_menu menu li span.number{ width: 20px; height: 21px; padding: 0; font-size: 14px; margin-top: 3px; } .mobile .left_menu menu li.is_parent ul.child li a, .mobile .left_menu menu li.is_parent ul.child li span{ font-size: 13px; width: calc(100% - 10px); } .mobile .left_menu menu li.is_parent ul.child li.level_2 ul.child{padding-left: 10px;} .mobile .left_menu menu>li a, .mobile .left_menu menu>li span{ margin-left:10px; padding: 0; font-size: 15px } .mobile .left_menu menu li span.number:after{right: -7px;top: 7px;} .mobile .left_menu menu>li:last-child{margin-bottom: 30px;} .mobile .left_menu menu li ul li span.active {margin-left:10px;} .mobile .left_menu menu li.active ul.child li a, .mobile .left_menu menu li.active ul.child li span{padding-left: 10px!important;} .mobile .fixed_menu .left_menu menu li a, .mobile .fixed_menu .left_menu menu li span{width: calc(100% - 10px);} /* End */ /* Start:/local/templates/klapan/components/bitrix/breadcrumb/klapan/style.css?14901885821070*/ /* Хлебные крошки (тип 1 без подгрузки изображений)*/ #breadcrumb ul, #breadcrumb ul li span{ position: relative; list-style-type: none; margin: 0px; padding: 0px; } #breadcrumb, #breadcrumb ul { width: 100%; clear: both; text-align: left; } #breadcrumb ul {width: auto;} #breadcrumb ul li { display: inline-block; *display: inline; zoom: 1; float: none; } #breadcrumb ul li:first-child span{margin-left: 0!important; padding-left: 0;} #breadcrumb ul li { margin: 0 0 5px 0; color: #3ea4f0; font-size: 16px; font-weight: bold; } #breadcrumb ul li span{margin: 0px 14px;padding-left: 5px;} #breadcrumb ul li:not(:first-child):before{ display: block; font: normal normal normal 5px/1 FontAwesome; content:"\f0c8"; color: #3ea4f0; position: absolute; top:16px; } #breadcrumb ul li:last-child{color: #bababa;} #breadcrumb ul li a { color: #07263b; text-decoration: none; } #breadcrumb ul li a:hover { color: #3ea4f0; } /*// Хлебные крошки (тип 1 без подгрузки изображений) */ /* End */ /* Start:/local/templates/klapan/components/bitrix/menu/bottom/style.css?1608819027821*/ nav.bottom ul >li { display: block; float: left; position: relative; padding-top: 0; padding-right: 10px; } nav.bottom ul >li:last-child{ padding-right: 0; } nav.bottom ul li a {color: #fff;} nav.bottom ul li span{color: #cdcdcd;} nav.bottom ul li a:hover{text-decoration: underline;color: #3ea4f0!important;} nav.bottom ul li:first-child{margin-left:0;padding-left:0; } nav.bottom ul{margin-top: 0!important;} #footer nav ul li a span{ text-decoration: none; padding: 9px 0 10px; /* оформление */ float: left; } #footer menu ul li a, #footer menu ul li span { /* Вытягиваем пункты меню на всю ширину*/ display: block; float: left; position: relative; width: 100%; } .bottom_ul .active {color: #bababa!important;} /* End */ /* Start:/local/templates/klapan/components/onpeak/map/yandex_custom/style.css?176552871224*/ .map_cont{height:337px;} /* End */ /* Start:/local/templates/klapan/components/bitrix/form.result.new/feedback_form_right_en/style.css?148714584379*/ /*.form_auth{ text-align: center; width: 60%; margin: 0 auto; }*/ /* End */ /* Start:/local/templates/klapan/styles.css?173815904713120*/ *{ margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-weight: 400; vertical-align: baseline; background: transparent; } html, body{ margin: 0; padding: 0; height: 100%; } body{ color: black; background: transparent; background: #fff; text-align: left; font: normal 14px "Roboto Condensed", 'sans-serif', Arial; line-height: 1.8; } input{outline: none;} textarea{resize: vertical;} a{outline: none; color: #3ea4f0; text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);} a:hover{color: #cdcdcd;; cursor: pointer; text-decoration: underline;} p{margin: 10px 0;} img{border: none; max-width:100%;} td img{max-width:none;} ol , ul{ list-style-type: decimal; margin: 5px 0 5px 30px; padding: 0; } ul{list-style: none outside none; margin: 0;} ul ul{ margin: 5px 0 5px 15px;} ul li{ position: relative; padding: 5px 0; list-style: none; } table p{margin: 0 0 5px;} table, body[contenteditable] table{ border-collapse: collapse; border-spacing: 0; margin: 5px 0; width: 100%; } caption{ text-align: left; font-weight: 300; padding: 5px 20px; background: #539fd0; color: #fff; font-size: 18px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } table tr:nth-child(odd){ background: #f3f5f9; } table th, table td, body[contenteditable] th, body[contenteditable] td{ text-align: left; border-bottom: 1px solid #e2e2e2; padding: 10px 20px; line-height: 1.5; } :focus{outline: 0;} h1,h2,h3,h4,h5{margin: 10px 0; font-weight: bold; font-family: Arial;} h1{font-size: 24px;} h2{font-size: 20px; line-height: 28px;} h3{font-size: 18px; line-height: 24px;} h4{font-size: 16px; line-height: 16px;} h5{font-size: 14px; line-height: 14px;} .content_block{font-family: Arial!important;} .clear{clear: both;} .content_block ul{margin: 10px 0;} .content_block ul li{list-style: square; margin-left: 17px;} .content_block ul ul{list-style: circle; margin: 5px 0 5px 30px;} p img{margin: 0 5px;} .left_img{ display:block; position: relative; box-sizing: border-box; float: left; padding: 0 10px 5px 0; } .right_img{ display:block; position: relative; box-sizing: border-box; float: right; padding: 0 0 5px 10px; } menu, menu li{ list-style: none; margin: 0; padding: 0; } .clearfix:after{content: "";display: table;clear: both;} form{width: 100%; display: block; padding: 20px 0;} form input[type="text"], form textarea{ background: transparent; border: none; border: 1px solid #3ea4f0; color: #3ea4f0; box-sizing: border-box; padding: 8px 33px; margin: 5px 0; width: 100%; background:#fff; font: normal 14px "Roboto Condensed", 'sans-serif', Arial; } form input[type="text"]::-webkit-input-placeholder, form input[type="text"]::-moz-placeholder, form input[type="text"]:-moz-placeholder, form input[type="text"]:-ms-input-placeholder{color: #3ea4f0;} .search_page form input[type="submit"] {width: 100%;} form input[type="submit"], .site_button{ background: #3ea4f0; color: #fff; box-sizing: border-box; padding: 17px; text-align: center; cursor: pointer; text-decoration: none; text-transform: uppercase; margin: 5px 0; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; } form input[type="submit"]:hover, .site_button:hover{background: #428bca;} a, button, input[type=submit]{ transition: color 0.3s, background-color 0.5s; } b, strong{font-weight: 600;} .center_content table.item-table thead th { background: #006eac; color: #fff; vertical-align: middle; line-height: 1.5; } .hidden{display: none;} @media (max-width: 480px){ table.item-table td,table.table1 td{display: block;} table.item-table tr td:first-child{ background: #006eac; color: #fff; } table.item-table tr td:first-child a{color: #fff;text-decoration: underline;} .xs_visible{display: block;} .xs_hidden{display: none;} } .top_menu_wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 30px; } .header_callback__btn.btn { border-radius: 3px; font-family: 'Roboto Regular'; transition: all .3s ease-in-out; } .top_menu_wrap .top_menu { margin-right: 0 !important; } #header_callback__form_modal, #header_buy__form_modal, #header_discount__form_modal { position: relative; visibility: hidden; opacity: 0; position: fixed; z-index: 1000; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.8); background-color: white; padding: 30px; transition: all .3s; border: 3px solid #3ea4f0; width: 75%; max-width: 450px; } #header_callback__form_modal .btn, #header_buy__form_modal .btn, #header_discount__form_modal .btn { width: 100%; } .header_callback__form_title { margin: 0; margin-bottom: 10px; } #header_callback__form_modal.is-open, #header_buy__form_modal.is-open, #header_discount__form_modal.is-open { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } #header_callback__form_modal .close, #header_buy__form_modal .close, #header_discount__form_modal .close { position: absolute; top: 5px; right: 10px; font-size: 20px; cursor: pointer; } #header_callback__form_modal .close svg, #header_buy__form_modal .close svg, #header_discount__form_modal .close svg { width: 15px; height: 15px; } #overlay { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 999; transition: all .3s; } #overlay.active { opacity: 1; visibility: visible; } .search_btn_wrap { top: 50% !important; transform: translateY(-45%); } .tab { cursor: pointer; font-weight: 400; font-size: 20px; color: rgba(0, 0, 0, 0.4); transition: all .3s ease-in-out; } .tab.active { color: #3EA4F0; } .tab_item { display: none; } .tab_item:first-child { display: block; } .production_tabs { width: 100%; margin-top: 30px; } .production_tabs > .tabs { width: 100%; display: flex; justify-content: center; align-items: center; gap: 40px; padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px solid #DEDCDC; } .production_tabs .tab_item { margin-bottom: 25px; } .production_tabs .tab_item .tab_item__content { display: grid; gap: 10px; } .production_tabs .tab_item.photos .tab_item__content { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } .production_tabs .tab_item.videos .tab_item__content { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .production_tabs .tab_item.photos .tab_item__content .item { height: 210px; max-height: 210px; } .production_tabs .tab_item.videos .tab_item__content .item { position: relative; height: 245px; max-height: 245px; } .production_tabs .tab_item.videos .tab_item__content .item iframe { position: absolute; inset: 0; width: 100%; height: 100%; } .production_tabs .tab_item.videos .tab_item__content .item iframe .ytp-large-play-button { display: none !important; } .production_tabs .tab_item.videos .tab_item__content .item iframe .ytp-large-play-button-red-bg .ytp-large-play-button-bg { fill: #3EA4F0 !important; } .production_tabs .tab_item .tab_item__content .item .gallery { position: relative; display: block; width: 100%; height: 100%; } .production_tabs .tab_item .tab_item__content .item .gallery::after, .production_tabs .tab_item .tab_item__content .item .gallery::before { content: ""; position: absolute; opacity: 0; transition: all .3s ease-in-out; } .production_tabs .tab_item .tab_item__content .item .gallery::after { inset: 0; width: 100%; height: 100%; background-color: #4cb1ff6b; } .production_tabs .tab_item .tab_item__content .item .gallery::before { transform: translate(-50%, -50%) scale(0); top: 50%; left: 50%; width: 30px; height: 30px; background-size: 30px; } .production_tabs .tab_item .tab_item__content .item .gallery:hover::after, .production_tabs .tab_item .tab_item__content .item .gallery:hover::before { opacity: 1; } .production_tabs .tab_item.photos .tab_item__content .item .gallery::before { background-image: url('data:image/svg+xml;utf8,'); } .production_tabs .tab_item.videos .tab_item__content .item .gallery::before { transform: translate(-50%, -50%) scale(1); opacity: 1; min-width: 45px; width: 45px; height: 45px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-size: 16px 18px; background-position: center; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); z-index: 2; } .production_tabs .tab_item .tab_item__content .item .gallery:hover::before { transform: translate(-50%, -50%) scale(1); } .production_tabs .tab_item.videos .tab_item__content .item .gallery:hover::before { transform: translate(-50%, -50%) scale(1.1); } .production_tabs .tab_item .tab_item__content .item .gallery img { width: 100%; height: 100%; object-fit: cover; } .production_tabs .tab_item > .tab_item__heading { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 30px; } .production_tabs .tab_item .tab_item__heading--item > label { display: inline-block; font-weight: 400; font-size: 16px; color: #2b2b2b; padding: 10px 12px; border: 1px solid #3ea4f0; border-radius: 10px; cursor: pointer; transition: all .3s ease-in-out; } .production_tabs .tab_item .tab_item__heading--item > input { display: none; } .production_tabs .tab_item > .tab_item__heading input:checked + label { background-color: #3ea4f0; color: #fff; } .production_tabs > .tabs > .tab { display: flex; align-items: center; gap: 8px; } .production_tabs > .tabs > .tab svg > path, .production_tabs > .tabs > .tab svg > stroke { transition: all .3s ease-in-out; } .production_tabs > .tabs > .tab.active svg > path { stroke: #3EA4F0;; } * { /* outline: 1px solid; */ } @media (max-width: 576px) { .production_tabs .tab_item .tab_item__content { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; } .production_tabs .tab_item .tab_item__content::-webkit-scrollbar { width: 0px } .production_tabs .tab_item .tab_item__content .item { height: 200px !important; max-height: 200px !important; min-width: 275px; scroll-snap-align: start; } .production_tabs .tab_item > .tab_item__heading { gap: 5px; } .production_tabs .tab_item > .tab_item__heading .tab_item__heading--item > label { padding: 5px 10px; font-size: 15px; } } @media (max-width: 767px) { .bx_news_detail iframe { width: 100%; } .desc img, .bx_news_detail img { object-fit: contain; } } @media (max-width: 480px) { .desc tbody, .desc table { display: block; overflow-x: auto; } .desc p img, .desc p ~ img, .bx_news_detail p img, .bx_news_detail p ~ img { width: 100%; min-height: 200px; } .center_content td { padding: 10px !important; } } @media (max-width: 375px) { .phone_header_fixed { font-size: 18px !important; } } /* .top_menu_wrap { min-height: 41px; } */ .sect_row.partners .multiple-items img { position: static; } @media (max-width: 833px) { .slider_menu_main_container { top: 238px !important; } } @media (min-width: 833px) and (max-width: 993px) { .slider_menu_main_container { top: 213px !important; } } @media (min-width: 993px) and (max-width: 1180px) { .slider_menu_main_container { top: 277px !important; } } @media (min-width: 1181px) and (max-width: 1200px) { .slider_menu_main_container { top: 232px !important; } } @media (min-width: 1200px) and (max-width: 1300px) { .slider_menu_main_container { top: 176px !important; } } @media (max-width: 1300px) { .contacts_phones { flex-wrap: wrap; } .top_menu_wrap { flex-wrap: nowrap; overflow-x: auto; } #header .row.pc { max-height: 185px; height: 185px; } } @media (max-width: 991px) { #header .row.pc { max-height: 215px; height: 215px; } /* .slider_menu_main_container { top: 191px !important; } */ } @media (min-width: 1300px) { #header .row.pc { max-height: 145px; height: 145px; } .slider_menu_main_container { top: calc(176px + 35px) !important; } } .sect_row .col_6_12 iframe { width:100% !important; } .sect_row .col_12_12 iframe { width:100% !important; } /* End */ /* Start:/local/templates/klapan/template_styles.css?172924521039307*/ #container{ position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; } #container_1{ box-sizing: border-box; min-height: 100%; padding-bottom: 170px; } #container_1:after{ content: ''; display: block; clear: both; } .row {float: left; width: 100%; min-width: 1px;} .row .center_content { margin: 0 auto; padding: 0 15px; width: 100%; max-width: 1200px; box-sizing: border-box; z-index: 10; } .center_content table, body[contenteditable] table { border-collapse: collapse; border-spacing: 0; margin: 5px 0; width: 100%; } .center_content th, .center_content td, body[contenteditable] th, body[contenteditable] td{ text-align: left; padding: 5px; } .center_content td{vertical-align:top;} .content-title{margin: 0;font-size: 24px;font-weight: bold;} .sect_row.padd30 {margin: 0 -15px;width: calc(100% + 30px);} .sect_row.padd30>div {box-sizing: border-box;} .padd30 > div {padding: 15px;} .sect_row.padd80 {margin: 0 -40px;width: calc(100% + 80px);} .sect_row.padd80>div {box-sizing: border-box;} .padd80 > div {padding: 0 40px;} menu li a, menu li span{color: #000000;} .charity{ display: flex; align-items: center; margin-top: 30px; float: left; font-family: 'Roboto Light'; } .charity img{padding-right: 15px;} .top{margin-top: 30px;} .top .contacts{padding: 15px 0;} .top .contacts a{font-size: 16px;text-decoration: none;color: #428bca;} .top .contacts a:hover{color: #909090!important;} .top .contacts div.col_free:last-child {float: right;margin: 0;} .top .contacts .col_free{float: left;margin-right: 3%;} .lang,.lang_m ul{float: right!important;} .lang_m ul{display: flex;} .lang ul{margin: 0;} .lang ul li {display: inline-block; padding: 2px 0;} .mobile{ display:none; background: #fafafa; border-bottom: 1px solid #eaeaea; } .lang_m,.mobile_phone{float: right!important;} .lang_m.col_sm_5_12 ul li{display: inline;} .block_head{margin: 15px 0;} .block_head a{color: #000;} .top .contacts a:hover,.block_head a:hover, .bottom_row a:hover{color: #428bca;} .logo img{display:block; margin:0;} .contacts .search-form{ max-width: 300px; width: 100%; } .search-form form{ display: block;position:relative; padding: 5px 0 0 0;} .search-form form input[type="text"]{ border: 1px solid #E7E7E7; width: 100%; padding: 7px 40px; border-radius: 4px; } .search_btn_wrap{ position: absolute; right: 7px; top: 14px; } .search-form form button[type="submit"] { background-color: transparent; position: relative; width: 25px; height: 25px; cursor: pointer; } .search-form form button[type="submit"]:before, .search-form form button[type="submit"]:after{ content: ""; position: absolute; } .search-form form button[type="submit"]:before { height: 15px; width: 15px; border: 1px solid #E7E7E7; border-radius: 50%; top: 0; left: 0; } .search-form form button[type="submit"]:after { width: 2px; height: 10px; background-color: #E7E7E7; transform: rotate(-45deg); right: 7px; bottom: 3px; } .search-form #search_input_head{padding-left: 10px;} .top .contacts i{ font-size: 20px; color: #3ea4f0; padding-right: 10px; } .contacts i.fa-phone{vertical-align: sub;font-size: 25px;} /* footer */ #footer{margin-top:40px; font-family: 'Roboto Regular';} .col_free.bottom_menu{float: right;} .bottom_row .contacts {float: right;} .bottom_row .contacts *{padding-top: 15px;} .bottom_row .contacts i{font-size: 20px;color: #3ea4f0;} .bottom_row .contacts a{font-weight: bold;text-decoration: none;color: #cdcdcd; padding-left: 5px;} .bottom_row .contacts a.padd{padding-right: 20px;} .bottom_row .contacts a:hover{ color: #3ea4f0;} .bottom_row{ height: 580px; margin-top: -180px; border-top: 1px solid #eaeaea; background-color: #313131; } .address_bottom{color: #cdcdcd;} #footer .sitemap{margin-right: 16px;} #footer .mail{margin-right: 75px;} .agreement_text a {color: #cdcdcd;} /* footer */ .calculator_baikal {padding-left: calc(100% - 310px);} .center_404 { display:flex; justify-content: center; /*центрируем элемент по горизонтали */ align-items: center; /* и вертикали */ width: 100%; /* задали размеры блоку-родителю */ height: auto; overflow: hidden; } /* мобильная версия */ @media (max-width:1300px){ .top .contacts a{font-size: 18px;} #footer .mail{margin-right: 8px;} .bottom_row .contacts a{font-size: 14px;} } @media (max-width:993px){ .fancybox-close{ right: 0;left: auto;top: 0;} .calculator_baikal {padding-left: calc(50% - 155px);} nav.bottom{float: left;} .bottom_row .contacts{float: left;} .bottom_row .contacts{padding-top: 0;} #footer .mail{margin-right: 0px;} .bottom_row .contacts a{font-size: 12px;} .top .contacts div.col_free:last-child {float: left;} .top .contacts div.col_free:first-child a:nth-child(3), .top .contacts div.col_free:first-child a:nth-child(4) { float: left; } .top .contacts div.col_free:first-child a:nth-child(3), .top .contacts div.col_free:first-child a:last-child{padding-left: 34px;} .top .contacts{padding: 0 0 10px 0;} .pc .top_menu menu.top_m li a, .pc .top_menu menu.top_m li span{ padding: 0 2px;} .pc .top_menu menu.top_m >li{padding: 0 12px;} .pc_left .left_menu menu >li{font-size: 15px;} .pc_left .left_menu menu li.is_parent ul.child li a, .pc_left .left_menu menu li.is_parent ul.child li span{font-size: 13px;} } .pc{display:block; font-family: 'Roboto Regular';} .mobile_button{display:block; font-size:30px; padding: 22px 10px 0 0; float:left;} .mobile_phone{padding-top: 35px;font-size: 20px;} .mobile_phone a{color: black;float: right;} body.fix{position:fixed; width:100%;} .fixed_mobile{ position: fixed; z-index: 999; bottom:0; left: 0; width:100%; height:100%; display:none; } .fixed_menu{ float:left; background: #fff; left:-100%; height: 100%; transition: left 0.5s; position: fixed; width: 290px; } .fixed_mobile.active{display: block;} .fixed_mobile .bg{ position:fixed; bottom:0; left: 0; width:100%; height:100%; background: rgba(0,0,0,0.5); opacity:0; transition: opacity 0.5s; } .fixed_menu menu {padding:0; margin:0; float:none; } .fixed_menu menu.top_m{display: block;} .fixed_menu .phone_call{ margin:0; padding: 15px; border-bottom: 1px solid #ddd; } .fixed_menu .phone_call #phone{display:block; color: #fff;} .fixed_menu menu li { display:block; position:relative; float:left; clear:both; width: 100%; } .fixed_menu .top_menu_block{ overflow-y: scroll; position: absolute; top: 0px; bottom: 0; width: 100%; } .fixed_menu .close{ display: block; position: absolute; width: 18px; height: 20px; right: 19px; top: 25px; z-index: 100; background: url(/local/templates/klapan/skin/sprite.png) no-repeat -30px 0px; } @media (max-width:480px){ .col_xs_hidden{display: none;} .search_list .search_item{border-bottom: none;} .mobile_phone a{font-size:16px;} .mobile_phone{padding-top: 32px;} .mobile{height:100px!important;} .mobile .left_menu menu li span.number{margin-left: 15px;} .bottom_row{height: 240px; margin-top: -240px;} #container_1{padding-bottom: 240px;} nav.bottom ul >li{padding-top: 5px;} .agreement_text{margin-top: 10px;} .text_mob_center{text-align: center;} } @media (max-width:768px){ .mobile{display:block; height: 85px;} .pc{display:none;} .mobile .left_menu menu li span.number{margin-left: 15px;} h1{ font-size: 22px; line-height: 26px; margin: 10px 0;} .logo img{max-height:100px; padding: 10px 0;} .sect_info .middle{padding: 20px;} .sect_info .section > div{padding: 0 0 20px 0 !important;} .sect_row.padd30{margin: 0 -10px; width: calc(100% + 20px);} .sect_row.padd30 .padd30{margin: -10px;} .padd30 > div{padding: 10px;} .sect_info .title{font-size: 18px;} .main_info .title{ padding: 10px 0 5px 0; min-height: 0; margin: 0; } .main_info .title:before {display:none;} .info_contact{box-shadow: none; height: auto;} } button#next{ height: 100%; position: absolute; bottom: 0; right: 0; } button#prev{ position: absolute; left: 0; bottom: 0; height: 100%; } .svg{ position: absolute; display: block; padding: 0; list-style: none; text-align: center; bottom: -4px; left: 44px; } .svg li {display: inline-block;} .svg li button{ width: 10px; height: 10px; display: block; margin: 0; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; font-size: 0; line-height: 0; } .svg li button:before{ content: ""; display: inline-block; background-color: #fff; width: 10px; height: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: none; border: 2px solid #fff; } .svg li.slick-active button:before{background-color: #3ea4f0;border: 2px solid #3ea4f0;} @media (max-width:480px){ .contact-dynamic{display: none;} } .contact-dynamic{ z-index:20; position:fixed; bottom: 50px; right:0; top: 140px; } .contact-dynamic > img{float:left;cursor:pointer;} .contact-dynamic > div.contact-dynamic-main{ float:right; background-color:#fff; border:3px solid #3ea4f0; display: none; } .contact-dynamic > div.contact-dynamic-main input { background-color: white; margin-top:10px; margin-left:10px; margin-right:10px; padding: 10px 10px 10px 31px; width:300px; height:40px; position:relative; zoom:1; behavior: url(/local/templates/klapan/PIE.htc); border:1px solid #3ea4f0; } .contact-dynamic > div.contact-dynamic-main img { margin-top:10px; margin-left:10px; margin-right:10px; width:300px; height:40px; position:relative; zoom:1; behavior: url(/local/templates/klapan/PIE.htc); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:0px; } .contact-dynamic > div.contact-dynamic-main p { text-align:center; margin:0; } .contact-dynamic > div.contact-dynamic-main textarea { background-color: white; margin-top:10px; margin-left:10px; margin-right:10px; padding: 10px 10px 10px 31px; width:300px; height:100px; position:relative; zoom:1; behavior: url(/local/templates/klapan/PIE.htc); border:1px solid #3ea4f0; resize:none; } form#f_feedback{padding: 10px;} .contact-dynamic-main > div{min-height: 360px;} .contact-dynamic div.alx_feed_back_form_inputtext_bg:before { content: ""; position: absolute; background: url(/local/templates/klapan/skin/pictures.png) no-repeat; width: 19px; height: 23px; margin: 18px; z-index: 100; } .contact-dynamic div#error_NAME_FID2:before{background-position: -2px -36px;} .contact-dynamic div#error_EMail_FID2:before{background-position: -72px -36px;margin-top: 22px;} .contact-dynamic div#error_Phone_FID2:before{background-position: -19px -36px;} .contact-dynamic div#error_EMPTY_TEXT:before{background-position: -112px -36px;} .alx_feed_back_form_error_td_list{padding: 10px 0px 10px 18px;} .note-desc{ font-size: 16px; font-weight: bold; } .shc.sh_btn,.shc.sh_btn:hover{ width: 40px; height: 224px; background: url('/local/templates/klapan/../skin/online.png'); } .shc.sh_logo{display: none;} .shc.sh_title_text{display: none;} ul.alx_feed_back_form_error_list li{color: black;} .alx_feed_back_form_error_block table tr:nth-child(odd) td{background: none;} /*контакты*/ .contacts > div p{ font-weight: bold;color: #000;} .contacts .border{border-right: 2px solid #cdcdcd; margin-right: 50px;} .contacts span {color: #404040; display: block;} @media (max-width: 768px){ .contacts .border{border-right: none;} } .map{float: left;width: 100%;} /*поиск*/ .search_page .section{margin: 0;} .btn { display: block; position: relative; float: left; background: #3ea4f0; color: #fff; padding: 10px 20px; text-align: center; cursor: pointer; line-height: 1.5; white-space: nowrap; text-transform: uppercase; } .btn:hover{text-decoration: none;color: #fff;background: rgba(26, 110, 172, 0.99);} .feedback_form_catalog{background: #f9f7f7;} .feedback_form_catalog>div{padding: 25px;box-sizing: border-box;} .feedback_form_catalog .sect_row > div[type="fields"]:before,.contact_feedback .sect_row > div[type="fields"]:before{ content: ""; position: absolute; background: url(/local/templates/klapan/skin/pictures.png) no-repeat; width: 19px; height: 23px; margin: 11px 7px; z-index: 100; } .feedback_form_catalog .sect_row > div[name="field_1"]:before, .contact_feedback .sect_row > div[name="field_1"]:before, .feedback_form_catalog .sect_row > div[name="field_5"]:before, .feedback_form_catalog .sect_row > div[name="field_17"]:before, .feedback_form_catalog .sect_row > div[name="field_18"]:before, .feedback_form_catalog .sect_row > div[name="field_37"]:before, .feedback_form_catalog .sect_row > div[name="field_38"]:before, .contact_feedback .sect_row > div[name="field_5"]:before{background-position: -2px -36px;} .feedback_form_catalog .sect_row > div[name="field_2"]:before, .feedback_form_catalog .sect_row > div[name="field_19"]:before, .feedback_form_catalog .sect_row > div[name="field_36"]:before, .contact_feedback .sect_row > div[name="field_2"]:before, .feedback_form_catalog .sect_row > div[name="field_6"]:before, .contact_feedback .sect_row > div[name="field_6"]:before{background-position: -72px -36px;} .feedback_form_catalog .sect_row > div[name="field_20"]:before, .feedback_form_catalog .sect_row > div[name="field_35"]:before, .feedback_form_catalog .sect_row > div[name="field_3"]:before, .contact_feedback .sect_row > div[name="field_3"]:before, .feedback_form_catalog .sect_row > div[name="field_7"]:before, .contact_feedback .sect_row > div[name="field_7"]:before{background-position: -19px -36px;} .feedback_form_catalog .sect_row > div[name="field_4"]:before, .feedback_form_catalog .sect_row > div[name="field_21"]:before, .feedback_form_catalog .sect_row > div[name="field_34"]:before, .contact_feedback .sect_row > div[name="field_4"]:before, .feedback_form_catalog .sect_row > div[name="field_8"]:before, .contact_feedback .sect_row > div[name="field_8"]:before{background-position: -112px -36px;} .feedback_form_catalog .sect_row input[name="web_form_submit"], .contact_feedback .sect_row input[name="web_form_submit"]{width: 100%;padding: 10px;text-transform: none;} .contact_feedback .sect_row input[name="web_form_submit"]{padding: 8px;} .feedback_form_catalog h2{line-height: 42px;font-weight: bold;font-size: 24px;} .right_consult_form { position: fixed; right: -280px; z-index: 999; top: 20%; } .right_consult_form .form_content{position: relative;min-height: 290px;} .right_consult_form a#open_right_form { position: absolute; background: #3ea4f0; color: #fff; white-space: nowrap; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); padding: 10px 20px; text-decoration: none; text-transform: uppercase; margin: 58px 0 0 -102px; } .en{padding: 10px 15px!important;} .right_consult_form .form_content .ajax_form { width: 274px; background:#fff; border: 3px solid #3ea4f0; min-height: 290px; } .right_consult_form form { box-sizing: border-box; width: 100%; margin: 0; padding: 20px; } input.contact-dynamic-submit_no{ background: #a5a3a3!important; width: 100%!important; padding: 10px!important; text-transform: none!important; } .right_consult_form form .sect_row div:last-child{ padding: 0 0 0 3px; box-sizing: border-box; } .right_consult_form .form_content .ajax_form .sect_row{float: none;} .errortext{color: red;} @media (max-width: 768px){ .feedback_form_catalog>div{padding: 0 25px;} } .fancybox-skin{float: left;} /* .fancybox-inner.ajax_form{width: 350px!important;} */ .fancybox-outer .sect_row div:last-child{ padding-left: 5px; box-sizing: border-box; } .fancybox-outer h2{font-weight: bold;margin:0;} @media (max-width: 768px){ .logo img {padding: 0;} } #bx-composite-banner {margin-left: -15px;} .block_sertificates { float: left; padding-top: 15px; } .block_sertificates .img_block{ text-align: center; } /*sertificates*/ /*.сertificates .block_img{ position: relative; } .сertificates .block_сertificate{ box-shadow: 0 0 4px 0px rgba(0,0,0,0.1); height: 100%; cursor: pointer; } .сertificates .block_сertificate .block_img .description_certification{ display: none; } .сertificates .block_сertificate:hover .block_img .description_certification { position: absolute; top: 0; height: 100%; z-index: 110; background: rgba(0,0,0,0.6); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); display: flex; align-items: center; padding: 0 20px; font-size: 13px; } .сertificates .block_сertificate img{ display: block; margin: 0 auto; } .сertificates .block_сertificate .name_certificate { padding: 15px; }*/ /* //sertificates*/ /*Стили для выпадающего меню для десктоп версии*/ .pc .top_m li ul{ display: none; margin-top: 27px; text-align: left; position: absolute; padding: 30px 30px 10px 30px; background-color: #FFF; color: #636363; width: auto; height: auto; box-shadow: 0 0 4px #ECECEC; z-index: 200; } .pc .top_m li ul li{ display: flex; justify-content: flex-start!important; border-bottom: 1px solid #E8E8E8!important; padding: 0 0 7px 0!important; margin-bottom: 7px!important; } .pc .top_m li:hover{ display: flex; justify-content: center; } .pc .top_m li ul li a{ color: #545454; font-size: 16px!important; } .pc .top_m li:hover ul{ display: block; } .pc .top_m li ul li span{ color: #3ea4f0!important; font-size: 16px!important; background-color: transparent!important; } .pc .top_m li ul li:last-child{ border-bottom: none!important; } .pc .top_m li ul li:last-child span{ border-bottom: none!important; } .pc .top_m li ul li span:after, .pc .top_m li ul li a:after{ content: none!important; } .pc .top_m li ul li a:hover{ background-color: transparent!important; color: #3ea4f0!important; } .pc .top_m li:hover a, .top_m li:hover span{ z-index: 210!important; } /*Стили для выпадающего меню для мобильной версии*/ .mobile .top_m li ul{ position: relative; text-align: center; padding: 0 0 0 30px; border: none; background-color: #FFF; color: #636363; width: auto; height: auto; box-shadow: none; } .mobile .top_m li ul{ display: none; } .mobile .top_m .active ul{ display: block!important; } .mobile .top_m li ul li{ display: flex; flex-direction: column; } .mobile .top_m .active{ color: #3ea4f0; } .mobile .top_m li ul li a, .mobile .top_m li ul li span{ border: none!important; font-size: 13px!important; } .mobile .top_m li ul li:before { position: absolute; content: "—"; left: 0; } .top_menu_mobile .top_m{ float: left; } .delivery_title{margin-top: 40px} .image_delivery{margin-bottom: 50px; padding: 25px} .сertificates .block_img{ position: relative; } .сertificates .block_сertificate{ box-shadow: 0 0 4px 0px rgba(0,0,0,0.1); height: 100%; cursor: pointer; } .сertificates a.block_сertificate{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .сertificates a.block_сertificate .name_certificate{ color: #000!important; text-align: center; } .сertificates .block_сertificate .block_img .description_certification{ display: none; position: absolute; top: 0; height: calc(100% - 40px); z-index: 110; background: rgba(0,0,0,0.6); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); padding: 20px; font-size: 13px; width: calc(100% - 40px); } .сertificates .block_сertificate:hover .block_img .description_certification { display: block; } .сertificates .block_сertificate img{ display: block; margin: 0 auto; } .сertificates .block_сertificate .name_certificate { padding: 15px; } @media (min-width: 993px) and (max-width: 1200px){ .top .contacts{ display: flex; align-items: center; justify-content: space-between; } .top .contacts:after{ display: none; } .top .contacts a{ font-size: 15px; } } @media (max-width: 570px){ .d_flex_table_mobile{ display: flex; flex-direction: column; } } @media (max-width: 480px){ .сertificates .block_сertificate .name_certificate { text-align: center; } .сertificates a.block_сertificate{ min-height: 350px; } } .item_video{ max-width: 100%; } .top_line_wrap{ display: flex!important; flex-direction: column; } .top_menu_wrap{ display: flex; } .top_menu_wrap .top_menu{ flex-grow: 1; margin-right: 5vw; } .top_line_wrap .lang{ text-transform: uppercase; } .top_line_wrap .contacts{ display: flex; justify-content: space-between; align-items: center; } #header .logo{ position: relative; height: 122px; } #header .logo, #header .top_line_wrap{ padding-top: 0; } .gray_text{ color: #B6B6B6!important; } .dark_gray_text{ color: #625E5D!important; } .main_page ul{ display: flex; flex-wrap: wrap; } .main_page li{ color: #625E5D!important; list-style-type: none!important; padding-left: 35px; margin-left: 0!important; box-sizing: border-box; padding-top: 0; padding-bottom: 20px; width: 100%; } .main_page li:before{ content: " "; display: block; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #3EA4F0; position: absolute; left: 0; top: 5px; } .main_page p, .main_page li{ font-size: 16px; font-family: 'Roboto Regular'; } .main_page p{ margin: 10px 0 25px; } .h1_style{ font-size: 24px!important; font-family: 'Roboto Medium'; } .main_page .content-text{ float: left; } .main_page h1, .main_subtitle{ font-family: 'Roboto Medium'; } p.main_subtitle{ font-size: 18px; } .main_agregats{ margin: 30px -10px; width: calc(100% + 20px)!important; } .main_agregats_item{ display: flex!important; flex-direction: column; text-align: center; padding: 0 10px; } .main_agregats_item i{ color: #72BDF4; font-size: 85px; } .main_agregats_item span{ font-size: 13px; line-height: 18px; font-family: 'Roboto Light'; margin-top: 20px; font-weight: 600; } .show_more{ color: #3EA4F0; border: 1px solid #3EA4F0; border-radius: 3px; display: none; justify-content: center; align-items: center; height: 50px; font-family: 'Roboto Regular'; cursor: pointer; transition: .3s; width: 100%; margin-bottom: 20px; } .show_more.hidden{ display: none!important; } .show_more:hover{ color: rgba(26, 110, 172, 0.99); border-color: rgba(26, 110, 172, 0.99); } .main_uls_div.active{ display: block!important; } /*Блок с новостями и статьями*/ .news-date-time {color:#486DAA;} .news .h3_wrap{margin:0 0 10px 0; display: flex; align-items: center; text-decoration: none!important;} .news .h3_wrap h3{font-weight: normal; font-family: 'Roboto Regular'; margin: 0;} .news .h3_wrap i{color: #B7B7B7; font-size: 22px; margin-right: 15px;} .center_cotent .news ul, .center_cotent .news ul li, .news li .datetime, .news li .datetime{ display:block; position:relative; list-style:none !important; } .news{ float: left; border: 1px solid #E7E7E7; padding: 20px 15px 30px 15px; border-radius: 4px; width: 100%; box-sizing: border-box; margin-top: 25px; } .news ul{ font-family: 'Roboto Light'; } .news ul li span{ font-size: 16px; color: #b3b3b3; } .news ul li a{ font-size: 14px; } /*Блок с новостями и статьями*/ .contacts_email, .contacts_phones{ display: flex; align-items: center; } /*Меню поверх слайдера на главной*/ .slider_menu_main_container{ position: absolute; top: 100%; z-index: 10; width: 100%; padding-right: 30px; box-sizing: border-box; } .slider_menu_main_container li{ background-color: #388DCCCC; font-family: 'Roboto Regular'; } .slider_menu_main_container li a{ color: #ffffff; font-size: 16px; } .slider_menu_main_container li ul li{ background-color: #F5F5F5; } .slider_menu_main_container li ul li a{ color: #000000; } .slider_menu_main_container .left_menu menu li:hover > a { color: #3ea4f0!important; } .slider_menu_main_container .left_menu menu li:not(.active).is_parent ul.child li a:before, .slider_menu_main_container .left_menu menu li:not(.active).is_parent ul.child li span:before{ top: 24px; } .slider_menu_main_container .left_menu menu li:not(.active) ul.child>li{ padding: 0; } .slider_menu_main_container .left_menu menu>li:first-child{ border-top: 1px solid transparent; } .slider_menu_main_container .left_menu menu>li a, .slider_menu_main_container .left_menu menu>li span.active{ padding: 12px 30px 10px 20px; } .slider_menu_main_container .left_menu menu > li.is_parent:not(.active):before, .slider_menu_main_container .left_menu menu > li.is_parent:not(.active):after{ background-image: none; display: block; position: absolute; height: 12px; width: 2px; background-color: #FFF; right: 20px; content: ""; transition: .3s; } .slider_menu_main_container .left_menu menu > li.is_parent:not(.active):before{ transform: rotate(-45deg); top: 16px; } .slider_menu_main_container .left_menu menu > li.is_parent:not(.active):after{ transform: rotate(45deg); top: 23px; } .slider_menu_main_container .left_menu menu>li:hover:before, .slider_menu_main_container .left_menu menu>li:hover:after{ background-color: #3ea4f0!important; } /*Меню поверх слайдера на главной*/ /*Переработанный слайдер на главной*/ .slider_main_wrap{ position: relative; } .slider_content{ display: flex!important; align-items: center; height: 100%; } .active_img_slider{ display: flex; align-items: center; justify-content: center; padding-left: 20px; } .active_img_slider img{ position: relative; } .info_slider{ padding-right: 20px; } .slider_content .btn{ padding-left: 40px; padding-right: 40px; border-radius: 3px; font-family: 'Roboto Regular'; } .dots_wrap{ float: right!important; position: relative; } .dots_container{ height: 0; } .svg.dots_main{ left: 10px; bottom: 30px; } .img_bg_slider{ height: 100%; } /*Переработанный слайдер на главной*/ /*Фиксированная мобильная шапка*/ #header_fixed{ position: fixed; top: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #3FA4F0; height: 60px; z-index: 10000; padding: 12px 15px; box-sizing: border-box; transform: translateY(-130%); transition: .4s; box-shadow:1px -3px 11px 8px rgba(148,148,148,1); -webkit-box-shadow:1px -3px 11px 8px rgba(148,148,148,1); -moz-box-shadow:1px -3px 11px 8px rgba(148,148,148,1); } #header_fixed.active { transform: translateY(0%); } .heafer_fixed_menu_logo{ display: flex; height: 100%; align-items: center; } .logo_fixed_header{ height: 100%; width: 70px; margin-left: 10px; } .logo_fixed_header img{ width: 100%; height: 100%; } .open_menu_mobile{ height: 26px; width: 30px; position: relative; } .open_menu_mobile span{ height: 5px; border-radius: 5px; width: 100%; position: absolute; background-color: #fff; } .open_menu_mobile span:nth-child(1){ top: 0; } .open_menu_mobile span:nth-child(2){ top: 10px; } .open_menu_mobile span:nth-child(3){ bottom: 0; } .phone_header_fixed{ color: #ffffff; font-size: 22px; font-family: 'Roboto Regular'; } /*Фиксированная мобильная шапка*/ @media (max-width: 1300px){ .sect_row.main_uls_wrap.padd80 {margin: 0 -10px;width: calc(100% + 20px);} .padd80.main_uls_wrap > div {padding: 0 10px;} } .slider_main{ float: left; } #footer{ display: flex; flex-direction: column; } .footer_copyright{ display: flex; flex-direction: column; } .footer_copyright, .footer_copyright a{ color: #b3b3b3; font-size: 12px; } .first_footer_line{ margin-bottom: 20px; } .footer_address{ font-size: 12px; color: #ffffff; } .footer_address span{ color: #b3b3b3; } .footer_address_wrap i{ display: none; } .footer_contacts{ font-size: 14px; display: flex!important; align-items: center; } .footer_contacts a{ color: #ffffff; } .footer_contacts i{ color: #3EA4F0; margin-right: 10px; } .first_footer_line, .second_footer_line{ width: calc(100% + 54px); margin-left: -27px; margin-right: -27px; } .first_footer_line{ margin-bottom: 30px; } .col_footer{ padding: 0 27px; } #footer .fa-vk{ font-size: 20px; line-height: 20px; } .footer_contacts.email{ display: flex; justify-content: space-between; margin-bottom: 25px; } .footer__logo { max-width: 200px; } .footer_contacts { flex-direction: column; align-items: start; } .top_menu_block_mobile{ display: none; } .third_footer_line{ display: none; } .baner_name_mobile{ display: none; } @media (max-width: 1300px) { .first_footer_line, .second_footer_line{ width: 100%; margin-left: 0; margin-right: 0; display: flex!important; flex-direction: column; align-items: center; } .col_footer{ padding: 0; margin-bottom: 5px; } .bottom_row{ height: 880px; margin-top: -295px; } #container_1{ padding-bottom: 295px; } .second_footer_line .col_footer:nth-child(1){ order: 3; } .second_footer_line .col_footer:nth-child(2){ order: 1; } .second_footer_line .col_footer:nth-child(3){ order: 2; } .col_footer, .col_footer .footer_address, .col_footer{ display: flex!important; justify-content: center; align-items: center !important; } .footer_contacts.email{ width: 220px; } .footer_copyright{ align-items: center; } .first_footer_line{ margin-bottom: 0; } } @media (max-width: 1100px) { .contacts .search-form{ max-width: 250px; } } @media (max-width: 992px) { .top_line_wrap .contacts{ flex-direction: column; align-items: flex-start; } .top_menu_wrap .lang{ display: none; } .top_menu_wrap .top_menu{ margin-right: 0; } .header_search_lang_wrap{ display: flex!important; align-items: center; } .header_search_lang_wrap .lang_m{ padding: 0 12px; } .top{ display: flex!important; align-items: center; } .contacts .search-form{ max-width: unset; } .main_agregats_item i{ font-size: 65px; } .main_agregats_item span{ font-size: 12px; } .content_block ul{ margin: 0; } .show_more{ display: flex; } .content_block .main_uls_div:last-child{ display: none; } #header .logo{ height: 163px; display: flex; align-items: center; } } @media (max-width: 768px) { .footer_address_wrap i{ display: block; color: #3EA4F0; font-size: 18px; margin-right: 10px; margin-top: 5px; } #footer .footer_address{ display: inline!important; } .col_footer, .col_footer .footer_address, .col_footer{ justify-content: flex-start; } .first_footer_line, .second_footer_line, .footer_copyright{ align-items: flex-start; } .footer_contacts.email span + a{ display: none; } .header_mobile_line{ display: flex; justify-content: space-between; align-items: center; height: 100%; } .row.mobile .center_content, .row.mobile .center_content .logo div, .row.mobile .center_content .logo div img{ height: 100%; box-sizing: border-box; } .row.mobile .center_content .lang_m{ text-transform: uppercase; } .row.mobile .center_content .logo{ width: 140px; } .mobile_button{ padding: 0; } .main_agregats_item span{ font-size: 13px; } #header .logo{ height: auto; } .top_menu_block{ display: none; } .top_menu_block_mobile{ display: flex; flex-direction: column; } .mobile_menu_phone{ color: #464646; font-size: 19px; padding: 15px; font-family: 'Roboto Regular'; width: 60%; } .top_menu_block_mobile .search-form{ border-top: 1px solid #C5C5C5; } .top_menu_block_mobile .search-form form input{ margin: 0; border: 0; font-family: 'Roboto Regular'; } .top_menu_block_mobile .search-form form{ padding: 0; } #search_input_head_mobile{ height: 45px; padding: 15px 45px 15px 15px;; font-size: 16px; } .top_menu_block_mobile .search-form form button[type="submit"]{ width: 23px; height: 23px; } .top_menu_block_mobile .search-form form button[type="submit"]:after{ background-color: #474747; right: 8px; bottom: 6px; height: 7px; } .top_menu_block_mobile .search-form form button[type="submit"]:before{ border-color: #474747; height: 12px; width: 12px; } .fixed_menu{ overflow-y: scroll; } .depth_level_2{ display: none; padding: 5px 0 15px 0; float: left; } .depth_level_1 a, .depth_level_1_box a{ color: #FFFFFF!important; text-decoration: none; } .fixed_menu span.first_lvl_item{ color: #FFF; } .depth_level_1, .depth_level_1_box{ color: #FFFFFF; background-color: #3EA4F0; font-family: 'Roboto Regular'; position: relative; padding: 10px 10px 10px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #FFFFFF4D; } .depth_level_1_box.show span:not(.first_lvl_item){ transform: rotate(90deg); } .depth_level_1_box span:not(.first_lvl_item){ position: relative; width: 25px!important; height: 25px; transition: .5s; } .depth_level_1_box span:not(.first_lvl_item):before, .depth_level_1_box span:not(.first_lvl_item):after{ position: absolute; content: ""; background-color: #FFFFFF; width: 2px; height: 10px; right: 11px; } .depth_level_1_box span:not(.first_lvl_item):before{ transform: rotate(-45deg); top: 4px; } .depth_level_1_box span:not(.first_lvl_item):after{ transform: rotate(45deg); bottom: 5px; } .top_menu_mobile .top_m{ margin: 15px; font-family: 'Roboto Regular'; box-sizing: border-box; width: calc(100% - 30px); padding-bottom: 15px; border-bottom: 1px solid #F4F4F4; } .top_menu_mobile .top_m li{ padding: 4px 0; } .mobile_contacts{ padding: 10px 15px 15px 15px; box-sizing: border-box; display: flex; flex-direction: column; font-family: 'Roboto Regular'; margin-bottom: 40px; } .mobile_contacts i{ color: #3ea4f0; font-size: 15px; margin-right: 8px; margin-top: 5px; } .mobile_contacts .mobile_phones a, .mobile_contacts .mobile_email a{ color: #2e2e2e; } .mobile_contacts .mobile_email, .mobile_contacts .mobile_address{ margin-top: 10px; } .mobile_contacts .mobile_address{ display: flex; color: #2e2e2e; } .selected_menu_item:not(.first_lvl_item){ color: #3ea4f0; } .third_footer_line{ display: block; border-top: 1px solid #545555; margin-top: 15px; padding-top: 10px; } .bottom_row { height: auto !important; margin-top: -345px; margin: 0; } #container_1{ padding-bottom: 345px; } .svg.dots_main{ bottom: 7px; } .single-slide, .cont_sl, .single-slide.eng, .single-slide.eng .cont_sl{ height: 365px; } } @media (max-width: 576px) { #footer { row-gap: 20px; } .map_cont { width: 100%; height: 100%; min-height: 300px; margin: 30px 0; } .footer__logo { margin-bottom: 20px; } .bottom_row{ height: 375px; margin-top: -375px; } .col_footer { display: flex; flex-wrap: wrap; align-items: start !important; row-gap: 15px; } #container_1{ padding-bottom: 375px; } .dots_container{ height: 20px; margin-top: 20px!important; } .svg.dots_main{ position: relative; display: flex!important; align-items: center; justify-content: center; bottom: unset; } .svg.dots_main li{ width: 25px; height: 25px; } .svg.dots_main li button{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; } .svg li button:before{ background-color: #BEBEBE; border-color: #BEBEBE; flex-shrink: 0; } .svg li.slick-active button:before{ width: 15px; height: 15px; } .baner_name, .slider_content .btn{ display: none; } .baner_name.baner_name_mobile{ display: block; } .slider_content{ display: flex!important; flex-direction: column; align-items: center; justify-content: center; } .active_img_slider{ order: 1; width: 70%!important; max-width: 270px; padding: 0; } .info_slider{ order: 2; margin-top: 30px; text-align: center; width: 90%!important; padding: 0; } .single-slide, .cont_sl, .single-slide.eng, .single-slide.eng .cont_sl{ padding: 0; } } @media (max-width: 480px) { .main_agregats{ width: 100%!important; margin: 0; } .main_agregats_item{ flex-direction: row; align-items: center; padding: 15px 0; border-bottom: 1px solid #EAEAEA; text-align: start; } .main_agregats_item:last-child{ border-bottom: none; } .main_agregats_item span{ margin-top: 0; margin-left: 30px; } } @media (max-width: 400px) { .bottom_row{ height: 445px; margin-top: -445px; } #container_1{ padding-bottom: 445px; } } /*Костыляние меню на главной на баннере, чтоб ничего никуда не вылезало в адаптиве*/ @media (max-width: 1031px) { .slider_menu_main_container .left_menu menu li a, .slider_menu_main_container .left_menu menu li span.active{ font-size: 14px!important; } .slider_menu_main_container .left_menu menu>li a, .slider_menu_main_container .left_menu menu>li span.active{ padding: 15px 30px 10px 25px; } } @media (max-width: 946px) { .slider_menu_main_container .left_menu menu li a, .slider_menu_main_container .left_menu menu li span.active{ font-size: 12px!important; } .slider_menu_main_container .left_menu menu>li a, .slider_menu_main_container .left_menu menu>li span.active{ padding: 16px 20px 13px 10px; } .slider_menu_main_container .left_menu menu > li.is_parent:not(.active):before, .slider_menu_main_container .left_menu menu > li.is_parent:not(.active):after{ height: 8px; right: 15px; } .slider_menu_main_container .left_menu menu > li.is_parent:not(.active):before{ top: 18px; } } /*Костыляние меню на главной на баннере, чтоб ничего никуда не вылезало в адаптиве*/ .title-table td { vertical-align: middle; padding: 10px 20px; } #form_order { float:left; } .web-form-ajax{ background: #3ea4f0 !important; color: #fff !important; } .contacts_email.r52{ flex-direction: column; align-items: flex-start; } .footer-mail-r52>span{ display: block; } .footer-mail-r52{ flex-direction: column; } /* End */ /* /local/templates/klapan/css/boot.styles.min.css?15391714925969 */ /* /local/templates/klapan/css/jquery.fancybox.min.css?17654660443905 */ /* /local/templates/klapan/css/jquery.fancybox-buttons.min.css?17654660441885 */ /* /local/templates/klapan/css/jquery.fancybox-thumbs.min.css?1765466044600 */ /* /local/templates/klapan/css/slick.min.css?17654660451292 */ /* /local/templates/klapan/css/custom.css?177158651330235 */ /* /local/templates/klapan/fonts/Onpeak/style.css?17655292341371 */ /* /local/templates/klapan/fonts/Roboto/roboto.css?17655286272088 */ /* /local/templates/klapan/components/bitrix/menu/top_multilevel/style.css?15682726551040 */ /* /local/templates/klapan/components/bitrix/menu/left/style.css?15396112354806 */ /* /local/templates/klapan/components/bitrix/breadcrumb/klapan/style.css?14901885821070 */ /* /local/templates/klapan/components/bitrix/menu/bottom/style.css?1608819027821 */ /* /local/templates/klapan/components/onpeak/map/yandex_custom/style.css?176552871224 */ /* /local/templates/klapan/components/bitrix/form.result.new/feedback_form_right_en/style.css?148714584379 */ /* /local/templates/klapan/styles.css?173815904713120 */ /* /local/templates/klapan/template_styles.css?172924521039307 */