/* Start:/local/templates/netnord/css/jquery.fancybox.min.css?162257160014065*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/netnord/css/jquery.mCustomScrollbar.css?162257160053583*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/netnord/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/netnord/css/slick.css?16225716001895*/ /* Slider */ .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: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { 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/netnord/css/normalize.css?16225716006485*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* End */ /* Start:/local/templates/netnord/css/select2.min.css?162257160015196*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/templates/netnord/css/additional.css?16225716001042*/ .page-text { padding-bottom: 30px; padding-top: 25px; } .faq_title{ padding-top: 55px; } .faq_title h3{ margin: 0px 0 20px; } .basket_list{ margin-bottom: 25px; } header { z-index: 990; } .news__btn { font-weight: 500; font-size: 15px; line-height: 18px; /* identical to box height */ background: transparent; outline: none; text-align: center; text-transform: uppercase; padding: 22px 58px; cursor: pointer; color: #595959; border: 1px solid #46A6E4; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; display: inline-block; } .news__btn span.news__btn-show { display: block; } .news__btn span { display: none; } .all_news{ display: none; } #modal-towns .towns__btn-wraper .btn.btn--blue { margin-left: 10px; } .ful_width{ width: 100%; } .no_cards .slick-track { width: 100%!important; } .no_cards .slick-track p { text-align: center; padding: 60px 15px 0; font-size: 22px; } .city_table button.features__btn { margin-top: 30px; } /* End */ /* Start:/local/templates/netnord/css/main.css?1635496561178773*/ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xP.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc9.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc9.ttf) format('truetype'); } body { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; background-color: #fff; color: #000000; height: 100vh; overflow-x:hidden; } h1{ line-height:120% } body.hidden { overflow: hidden; } body.modal-body { position: fixed; bottom: 0; left: 0; right: 0; } a{ color:#46A6E4; } .site { min-height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 320px; } img { max-width: 100%; height: auto; display: block; } h3 { font-style: normal; font-weight: bold; font-size: 26px; line-height: 30px; margin: 0; margin-bottom: 45px; } @media (max-width: 426px) { h3 { font-size: 22px; line-height: 24px; margin-bottom: 35px; } } h4 { font-weight: 500; font-size: 22px; line-height: 24px; margin: 0; margin-bottom: 35px; } @media (max-width: 426px) { h4 { font-size: 20px; line-height: 22px; } } p { font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; margin: 0; margin-bottom: 25px; } @media (max-width: 426px) { p { font-size: 16px; line-height: 19px; } } a { text-decoration: none; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */ -webkit-text-fill-color: #000 !important; /* цвет текста */ color: #000 !important; /* цвет текста */ } input[type="submit"] { background: #46A6E4; -webkit-box-shadow: 0px 20px 32px rgba(99, 140, 166, 0.3); box-shadow: 0px 20px 32px rgba(99, 140, 166, 0.3); border-radius: 100px; font-weight: 500; font-size: 15px; line-height: 15px; text-align: center; text-transform: uppercase; outline: none; border: none; color: #FFFFFF; padding: 19px 28px 20px; cursor: pointer; } a:active, a:focus { outline: none; } input, textarea { outline: none; } input:active, textarea:active { outline: none; } :focus { outline: none; } textarea { resize: none; } textarea { resize: vertical; } textarea { resize: horizontal; } button:active, button:focus { outline: none; } button::-moz-focus-inner { border: 0; } .error { color: #BE0000 !important; } .slider { overflow: hidden; opacity: 0; -webkit-transition: 2s; -o-transition: 2s; transition: 2s; } .tab__info.hide { display: none; } .tab__info { display: block; } .container { margin: 0 auto; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 320px; max-width: 1265px; } .mob-container { max-width: 1265px; padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1025px) { .mob-container { padding: 0; } } header { background-color: #fff; position: -webkit-sticky; position: sticky; z-index: 2000; top: 0; width: 100%; -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16); } .main-nav { background-color: #fff; } @media (min-width: 1120px) { .main-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 84px; padding: 0 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .main-nav__container { min-width: 320px; max-width: 1375px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-nav--closed .main-nav__menu { display: none; } @media (min-width: 1120px) { .main-nav--closed .main-nav__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-grow: 1; justify-content: space-between; } } .main-nav__toggle { position: relative; width: 21px; height: 21px; padding: 0; border: 0; background-color: transparent; -webkit-tap-highlight-color: transparent; outline: none; } @media (min-width: 1120px) { .main-nav__toggle { display: none; } } .main-nav--closed .main-nav__toggle:before { content: ""; position: absolute; top: 4px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 20px; height: 3px; background-color: #46A6E4; -webkit-box-shadow: 0 6px 0 0 #46A6E4, 0 12px 0 0 #46A6E4; box-shadow: 0 6px 0 0 #46A6E4, 0 12px 0 0 #46A6E4; } .main-nav--closed .main-nav__toggle::after { content: none; } .main-nav__toggle::before, .main-nav__toggle::after { content: ""; position: absolute; top: 50%; left: 50%; width: 28px; height: 3px; background-color: #46A6E4; } .main-nav__toggle::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .main-nav__toggle::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .main-nav__mob { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16); } @media (min-width: 1120px) { .main-nav__mob { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-shadow: none; box-shadow: none; padding: 0px; } } .main-nav__logo { margin-right: 15px ; width: 70px; } @media (min-width: 1120px) { .main-nav__logo { margin-right: 0px ; width: 140px; } } .main-nav__tel a { font-weight: bold; font-size: 14px; line-height: 16px; color: #000; text-decoration: none; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .main-nav__tel a:hover { text-decoration: underline; } @media (min-width: 1200px) { .main-nav__tel a { font-size: 18px; line-height: 23px; } } .main-nav__address { margin-top: 7px; font-weight: normal; font-size: 14px; line-height: 16px; padding-left: 18px; position: relative; } .main-nav__address:before { content: ''; display: inline-block; width: 10px; height: 14px; background-image: url(/local/templates/netnord/css/../img/location.svg); background-repeat: no-repeat; position: absolute; left: 0; } .main-nav__address a{ color:#000; } .main-nav__address a:hover{ color:#46A6E4; } .main-nav__contacts { margin-left: -50px; } @media (min-width: 1120px) { .main-nav__contacts { margin-left: 10px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } } @media (min-width: 1200px) { .main-nav__contacts { margin-left: 25px; } } .main-nav__menu { position: fixed; overflow-y: scroll !important; background-color: #fff; top: 58px; bottom: 0; left: 0; right: 0; } @media (min-width: 1120px) { .main-nav__menu { position: static; overflow: hidden !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 1200px) { .main-nav__menu { overflow: visible !important; } } .main-nav__menu-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1120px) { .main-nav__menu-btns { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1200px) { .main-nav__menu-btns { margin-left: 10px; } } .main-nav__menu-lk a, .main-nav__menu-connect a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 10px; font-size: 12px; line-height: 12px; text-align: center; text-transform: uppercase; color: #000000; background: #FFFFFF; border: 1px solid #46A6E4; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; text-decoration: none; width: 140px; height: 35px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .main-nav__menu-lk a:hover, .main-nav__menu-connect a:hover { -webkit-box-shadow: 0px 32px 32px rgba(70, 166, 228, 0.3); box-shadow: 0px 32px 32px rgba(70, 166, 228, 0.3); } @media (min-width: 1120px) { .main-nav__menu-lk a, .main-nav__menu-connect a { margin: 0 0 0 10px; } } @media (min-width: 1200px) { .main-nav__menu-lk a, .main-nav__menu-connect a { font-size: 14.5px; line-height: 14.5px; width: 160px; height: 48px; margin: 0 0 0 10px; } } .main-nav__menu-connect a { color: #fff; background-color: #46A6E4; } @media (min-width: 1120px) { .site-nav { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .site-nav__list { padding: 0; list-style: none; border-top: 1px solid #46A6E4; margin: 10px 0; } @media (min-width: 1120px) { .site-nav__list { border: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; } } .with-submenu { position: relative; } .with-submenu:after { content: ''; display: inline-block; position: absolute; width: 50px; height: 57px; background: url(/local/templates/netnord/css/../img/arrow2.svg) no-repeat right 10px center; background-size: 16px 19px; right: 0; top: 0; } @media (min-width: 1120px) { .with-submenu:after { content: none; } } @media (min-width: 1120px) { .with-submenu { position: static; } } .with-submenu.open:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: url(/local/templates/netnord/css/../img/arrow.svg) no-repeat left 10px center; background-size: 16px 19px; } .site-nav__list-item a { display: block; font-size: 15px; line-height: 18px; color: #000; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #46A6E4; padding: 20px 50px 20px 25px; } .site-nav__list-item a:hover, .site-nav__list-item a:active, .site-nav__list-item a:focus { color: #46A6E4; } @media (min-width: 1120px) { .site-nav__list-item a { border: none; padding: 35px 20px; font-size: 12px; line-height: 14px; } } @media (min-width: 1312px) { .site-nav__list-item a { font-size: 14.5px; line-height: 18px; } } @media (min-width: 1120px) { .site-nav__list-item { padding: 0px; } } .site-nav__submenu { display: none; padding-left: 0px; border-bottom: 1px solid #46A6E4; } @media (min-width: 1120px) { .site-nav__submenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; z-index: 3; margin-top: 87px; top: 0; left: 0; right: 0; border: 0; height: 0; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } } @media (min-width: 1120px) { .with-submenu a:hover ~ .site-nav__submenu { height: 235px; -webkit-box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.16); box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.16); padding: 37px 0 37px; border-top: 1px solid #D6D6D6; } } @media (min-width: 1120px) { .site-nav__submenu:hover { height: 235px; padding: 37px 0 37px; -webkit-box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.16); box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.16); border-top: 1px solid #D6D6D6; } } .site-nav__submenu .site-nav__submenu-list { padding: 0; } @media (min-width: 1120px) { .site-nav__submenu .site-nav__submenu-list { width: 68%; border-right: 1px solid #D6D6D6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } } .site-nav__submenu-item { padding: 0; list-style: none; } @media (min-width: 1120px) { .site-nav__submenu-item { width: 45%; margin-right: 20px; font-size: 15px; line-height: 18px; } } @media (min-width: 1265px) { .site-nav__submenu-item { width: 297px; margin-right: 20px; } } .site-nav__submenu-item a { padding: 10px 0 10px 40px ; border: none; text-transform: none; display: inline-block; } @media (min-width: 1120px) { .site-nav__submenu-item a { display: inline-block; vertical-align: bottom; padding: 0px; font-size: 17px; line-height: 18px; margin-bottom: 24px; } } .site-nav__submenu.open { display: block; } .site-nav__list-item.active > a, .site-nav__submenu-item.active a { color: #46A6E4; } .site-nav__submenu-block { display: none; } @media (min-width: 1120px) { .site-nav__submenu-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 45%; padding-left: 78px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } } .site-nav__submenu-block-title { width: 66%; margin-right: 40px; padding-bottom: 45px; } .site-nav__submenu-block-title h3 { font-size: 36px; line-height: 36px; margin: 0; margin-top:-2px; padding: 0; } .site-nav__submenu-block-title p { font-size: 15px; line-height: 18px; margin: 15px 0 22px; } .site-nav__submenu-block .btn { position: absolute; bottom: 0; } .site-nav__list-item a.btn { color: #fff; } .site-nav__list > li:first-child > a{ padding-left:60px; } @media(max-width:1120px){ .site-nav__list > li:first-child > a{ padding-left:25px; } } a.btn { font-weight: normal; font-size: 14px; line-height: 14px; text-align: center; text-transform: uppercase; display: inline-block; color: #FFFFFF; padding: 13px 24px; -webkit-box-shadow: 0px 20px 32px rgba(142, 175, 197, 0.3); box-shadow: 0px 20px 32px rgba(142, 175, 197, 0.3); border-radius: 100px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } a.btn:hover, a.btn:active, a.btn:focus { outline: none; -webkit-box-shadow: 0px 32px 32px rgba(70, 166, 228, 0.3); box-shadow: 0px 32px 32px rgba(70, 166, 228, 0.3); } .btn.btn--blue { background-color: #46A6E4; } .big-btn { display: inline-block; -webkit-box-shadow: 0px 32px 32px rgba(195, 198, 200, 0.3); box-shadow: 0px 32px 32px rgba(195, 198, 200, 0.3); border-radius: 100px; font-weight: 500; font-size: 15px; line-height: 15px; padding: 23px 33px; text-align: center; text-transform: uppercase; background-color: #fff; color: #595959; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .big-btn:hover { -webkit-box-shadow: 0px 32px 32px rgba(70, 166, 228, 0.3); box-shadow: 0px 32px 32px rgba(70, 166, 228, 0.3); } @media (max-width: 1000px) { .big-btn { font-size: 12px; line-height: 12px; /* identical to box height */ padding: 15px; } } .big-btn.big-btn--blue { color: #fff; background-color: #46A6E4; } .main-slider { height: 600px; background: #F7F7F7; min-width: 320px; position: relative; max-width: 1920px; margin: 0 auto; } @media (max-width: 1000px) { .main-slider { height: auto; } } .main-slider__slide { overflow: hidden; opacity: 0; } .main-slider__wrapper { background: #F7F7F7; } .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 72px; height: 72px; font-size: 0; line-height: 0; z-index: 5; cursor: pointer; border-radius: 100%; color: transparent; border: none; outline: none; background: transparent; background: #FFFFFF; -webkit-box-shadow: 0px 32px 32px rgba(142, 175, 197, 0.3); box-shadow: 0px 32px 32px rgba(142, 175, 197, 0.3); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } @media (max-width: 1450px) { .slick-arrow { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: auto; bottom: 57px; } } @media (max-width: 1000px) { .slick-arrow { width: 40px; height: 40px; bottom: 20px; } } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { -webkit-box-shadow: 0px 16px 16px rgba(70, 166, 228, 0.3); box-shadow: 0px 16px 16px rgba(70, 166, 228, 0.3); outline: none; } .slick-arrow.slick-next { right: 85px; } @media (max-width: 1600px) { .slick-arrow.slick-next { right: 20px; } } @media (max-width: 426px) { .slick-arrow.slick-next { right: 10px; } } .slick-arrow.slick-next:before { content: ''; display: inline-block; width: 15px; height: 26px; background-image: url(/local/templates/netnord/css/../img/arrow-next.svg); } .slick-arrow.slick-prev { left: 85px; } @media (max-width: 1600px) { .slick-arrow.slick-prev { left: 20px; } } @media (max-width: 1450px) { .slick-arrow.slick-prev { left: auto; right: 115px; } } @media (max-width: 426px) { .slick-arrow.slick-prev { right: auto; left: 10px; } } .slick-arrow.slick-prev:before { content: ''; display: inline-block; width: 15px; height: 26px; background-image: url(/local/templates/netnord/css/../img/arrow-prev.svg); } .slick-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 57px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 320px; max-width: 1265px; display: block; width: 100%; padding: 0 10px; margin: 0; list-style: none; text-align: left; } @media (max-width: 1000px) { .slick-dots { bottom: 20px; } } @media (max-width: 426px) { .slick-dots { text-align: center; } } .slick-dots li { position: relative; background-color: #C5CCD0; display: inline-block; border-radius: 100%; width: 16px; height: 16px; margin: 0 17px 0 0; padding: 0; cursor: pointer; } @media (max-width: 426px) { .slick-dots li { margin: 0 8px ; } } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 16px; height: 16px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li.slick-active { background-color: #46A6E4; } .main-slider__slide { position: relative; height: 600px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 100px; padding-bottom: 100px; overflow: hidden; } @media (max-width: 1000px) { .main-slider__slide { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: auto; padding-top: 0; padding-bottom: 0; position: relative; height:400px; } } .main-slider__img { position: absolute; height:100%; width:100%; object-fit:cover; z-index: -1; top: 0; bottom: 0; right: 0; background: -webkit-gradient(linear, left top, right top, from(#F6F6F6), color-stop(76.04%, rgba(246, 246, 246, 0.51)), color-stop(97.53%, rgba(246, 246, 246, 0))); background: -o-linear-gradient(left, #F6F6F6 0%, rgba(246, 246, 246, 0.51) 76.04%, rgba(246, 246, 246, 0) 97.53%); background: linear-gradient(90deg, #F6F6F6 0%, rgba(246, 246, 246, 0.51) 76.04%, rgba(246, 246, 246, 0) 97.53%); } @media (max-width: 1000px) { .main-slider__img { width: 100%; margin-left: auto; } } @media (max-width: 426px) { .main-slider__img { width: 100%; object-position:right; } } .main-slider__content { width: 50%; } @media (max-width: 1000px) { .main-slider__content { width: 100%; padding: 40px 0; } } @media (max-width: 650px) { .main-slider__content { padding: 15px 0 45px; } } @media (max-width: 426px) { .main-slider__content { padding: 15px 0 65px; } } .main-slider__content h2 { font-weight: bold; font-size: 40px; line-height: 50px; margin: 0 0 40px; color: #1B1B1B; } @media (max-width: 1000px) { .main-slider__content h2 { font-size: 30px; line-height: 34px; //position: absolute; top: 150px; width: 55%; } } @media (max-width: 650px) { .main-slider__content h2 { top: 50px; } } .main-slider__content p { padding: 0; margin: 0; font-size: 18px; line-height: 21px; margin-bottom: 20px; color: #000000; } @media (max-width: 1000px) { .main-slider__content p { font-size: 16px; line-height: 19px; } } .main-sliders__content-btns { margin-top: 60px; color: #595959; } @media (max-width: 1000px) { .main-sliders__content-btns { margin-top: 30px; margin-bottom: 20px; } .main-slider__slide .container{ margin:0; } } @media (max-width: 426px) { .main-sliders__content-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } .main-sliders__content-btns .big-btn { margin-right: 35px; } @media (max-width: 426px) { .main-slider__content h2 { position: static; width: 100%; margin: 0 0 20px; color:#fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } .main-slider__content p{ color:#fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } } @media (max-width: 426px) { .main-sliders__content-btns .big-btn { margin-right: 0; } } .main-title h3 { margin: 0; padding: 0; font-weight: 700; font-size: 26px; line-height: 30px; } @media (max-width: 426px) { .main-title h3 { font-size: 22px; line-height: 24px; } } .main-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main-title__all { font-size: 16px; line-height: 16px; color: #060606; text-decoration: none; padding-right: 17px; text-align: right; position: relative; } .main-title__all:after { content: ''; display: inline-block; position: absolute; width: 6px; height: 8px; background-image: url(/local/templates/netnord/css/../img/tringle.svg); right: 0; top: 50%; margin-top: -4px; } .main-title__all:hover, .main-title__all:active, .main-title__all:focus { color: #46A6E4; } .news { min-width: 320px; background-color: #fff; } .news__block { border-radius: 10px; -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); min-height: 260px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 45px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news__block-post { padding: 35px 25px 80px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 426px) { .news__block-post { padding: 20px 10px 65px; } } .news__block-link { font-weight: 500; font-size: 20px; line-height: 23px; text-decoration: none; color: #363F49; } .news__block-link:hover, .news__block-link:active, .news__block-link:focus { color: #46A6E4; } @media (max-width: 426px) { .news__block-link { font-size: 14px; line-height: 16px; } } .news__block-data { font-weight: 500; font-size: 14px; line-height: 14px; text-align: center; padding: 10px 22px; color: #FFFFFF; background: #46A6E4; border-radius: 100px; position: absolute; bottom: 36px; } @media (max-width: 426px) { .news__block-data { bottom: 15px; font-size: 12px; line-height: 12px; text-align: center; padding: 8px 22px; } } .news__prev1 .news__block-data { background: rgba(70, 166, 228, 0.3); color: #363F49; } .news__prev2 .news__block-data { background: rgba(70, 166, 228, 0.1); color: #363F49; } .news__prev1 { border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; width: 25%; } @media (max-width: 768px) { .news__prev1 { width: 50%; border-left: 0; } } .news__prev2 { width: 25%; } @media (max-width: 768px) { .news__prev2 { width: 50%; } } .news__last { width: 50%; } @media (max-width: 768px) { .news__last { width: 100%; border-bottom: 1px solid #E5E5E5; } } .company { position: relative; min-width: 320px; overflow: visible; background-image: -o-linear-gradient(349.86deg, #ECECEC 6.25%, #FBFBFC 53.12%, #EBEBEB 100%); background-image: linear-gradient(100.14deg, #ECECEC 6.25%, #FBFBFC 53.12%, #EBEBEB 100%); } .company:before { content: ''; display: block; background-image: url(/local/templates/netnord/css/../img/figure1.png); background-repeat: no-repeat; position: absolute; width: 235px; height: 575px; right: 0px; bottom: -335px; } @media (max-width: 1025px) { .company:before { content: none; } } .company img { width: 30%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1920px) { .company img { width: 40%; } } @media (max-width: 768px) { .company img { top: auto; bottom: 0px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media (max-width: 426px) { .company img { display: none; } } .company__wrapper { width: 60%; margin-left: auto; } @media (max-width: 768px) { .company__wrapper { width: 100%; margin-left: auto; } } .company__title { font-style: normal; font-weight: 700; font-size: 32px; line-height: 37px; color: #000000; margin: 0; margin-bottom: 45px; } .company__text { font-size: 16px; line-height: 21px; margin-bottom: 40px; } .company__text p { margin: 25px 0; } .company__text ul { margin: 0; padding: 0; } .company__text ul li { margin: 0; padding: 0; list-style: none; padding-left: 10px; position: relative; margin: 5px 0; } .company__text ul li:before { content: '-'; display: inline-block; position: absolute; left: 0; } @media (max-width: 768px) { .company__btn-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .company__btn.btn { display: inline-block; background: #FFFFFF; border: 1px solid #4094C9; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 32px 32px rgba(195, 198, 200, 0.3); box-shadow: 0px 32px 32px rgba(195, 198, 200, 0.3); border-radius: 100px; font-weight: 500; font-size: 15px; line-height: 15px; padding: 23px 55px; text-align: center; text-transform: uppercase; color: #595959; } @media (max-width: 768px) { .company__btn.btn { padding: 13px 35px; margin-left: auto; } } @media (max-width: 426px) { .company__btn.btn { margin: 0 auto; } } .title { margin: 0; padding: 0; font-weight: 500; font-size: 26px; line-height: 30px; } @media (max-width: 426px) { .title { font-size: 22px; line-height: 24px; } } .main-wrapper { padding-top: 55px; padding-bottom: 55px; } .main-pay { background-color: #fff; min-width: 320px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 112px; padding-bottom: 112px; } @media (max-width: 426px) { .main-pay { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 1170px) { .main-pay__title { text-align: center; } } .main-pay p { font-size: 18px; line-height: 22px; font-weight: 700; margin: 40px 0 30px 0; } @media (max-width: 1170px) { .main-pay p { text-align: center; } } .main-pay_text { width: auto; } @media (max-width: 1170px) { .main-pay_text { width: 100%; } } .main-pay__img { position: relative; margin-left: 85px; } @media (max-width: 1230px) { .main-pay__img { margin-left: 25px; } } @media (max-width: 1170px) { .main-pay__img { display: none; margin: 0; } } .main-pay__img1 { position: relative; z-index: 2; } @media (max-width: 1170px) { .main-pay__img1 { margin: 0 auto; } } .main-pay__img2 { position: absolute; top: 57px; left: 57px; } @media (max-width: 1170px) { .main-pay__img2 { left: 55%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .main-pay__img.main-pay__img-mob { display: none; } @media (max-width: 1170px) { .main-pay__img.main-pay__img-mob { display: block; } } @media (max-width: 512px) { .main-pay__img.main-pay__img-mob img { width: 70%; } } .main-pay__form-submit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 23px; } @media (max-width: 1170px) { .main-pay__form-submit { width: 100%; } } @media (max-width: 426px) { .main-pay__form-submit { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .main-pay__form-submit img { margin-right: 27px; } .main-pay__form-submit span { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; /* identical to box height */ margin-right: 75px; color: #000000; } @media (max-width: 1170px) { .main-pay__form-submit span { margin-right: 20px; } } .main-pay__form-submit input { width: 180px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .main-pay__form-submit input:hover, .main-pay__form-submit input:active, .main-pay__form-submit input:focus { -webkit-box-shadow: 0px 20px 32px rgba(70, 166, 228, 0.3); box-shadow: 0px 20px 32px rgba(70, 166, 228, 0.3); } @media (max-width: 1170px) { .main-pay__form-submit input { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; margin-left: auto; } } @media (max-width: 635px) { .main-pay__form-submit input { margin-top: 10px; } } @media (max-width: 426px) { .main-pay__form-submit input { width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-top: 0; margin-bottom: 20px; } } .main-pay__img.main-pay__img-mob { display: none; } @media (max-width: 1170px) { .main-pay__img.main-pay__img-mob { display: block; } } @media (max-width: 1170px) { .main-pay__form { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .main-pay__form-input { outline: none; background: #FFFFFF; border: 1px solid #46A6E4; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; font-size: 14px; line-height: 16px; padding: 18px 18px; color: #000000; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; width: 100%; } .main-pay__form-input:hover, .main-pay__form-input:active, .main-pay__form-input:focus { -webkit-box-shadow: 0px 20px 32px rgba(70, 166, 228, 0.3); box-shadow: 0px 20px 32px rgba(70, 166, 228, 0.3); } @media (max-width: 1170px) { .main-pay__form-input { margin-right: 0; } } .main-pay__form-input-wrapper { display: inline-block; vertical-align: top; } .main-pay__form-input::-webkit-input-placeholder { color: #000000; } .main-pay__form-input::-moz-placeholder { color: #000000; } .main-pay__form-input:-ms-input-placeholder { color: #000000; } .main-pay__form-input::-ms-input-placeholder { color: #000000; } .main-pay__form-input::placeholder { color: #000000; } .main-pay__form-input::-webkit-input-placeholder { color: #000000; } .main-pay__form-input::-moz-placeholder { color: #000000; } .main-pay__form-input:-moz-placeholder { color: #000000; } .main-pay__form-input:-ms-input-placeholder { color: #000000; } .main-pay__form-input--dogovor { margin-right: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 150px; } @media (max-width: 1170px) { .main-pay__form-input--dogovor { width: 30%; } } @media (max-width: 426px) { .main-pay__form-input--dogovor { width: 100%; margin-bottom: 20px; margin-right:0px } } .main-pay__form-input--summa { margin-right: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 140px; } @media (max-width: 1170px) { .main-pay__form-input--summa { width: 30%; } } @media (max-width: 426px) { .main-pay__form-input--summa { width: 100%; margin-bottom: 20px; margin-right:0 } } .main-pay__form-input--mail { -webkit-box-sizing: border-box; box-sizing: border-box; width: 180px; } @media (max-width: 1170px) { .main-pay__form-input--mail { width: 30%; } } @media (max-width: 426px) { .main-pay__form-input--mail { width: 100%; } } .main-pay__form-info { font-weight: 500; font-size: 14px; line-height: 16px; display: inline-block; color: #838383; margin-top: 32px; } @media (max-width: 1170px) { .main-pay__form-info { display: none; width: auto; margin-top: 0px; } } .main-pay__form-info.mobile { display: none; } @media (max-width: 1170px) { .main-pay__form-info.mobile { display: block; } } .main-pay__form-info a { color: #838383; } .main-pay__form-info a:hover { color: #000; } @media (max-width: 426px) { .main-pay__form-info a { display: block; margin-top: 10px; text-align: center; } } @media (max-width: 330px) { .main-pay__form-info a { display: inline; } } .offer { min-width: 320px; background-image: url(/local/templates/netnord/css/../img/figure2.png); background-size: auto; background-repeat: no-repeat; } @media (max-width: 1640px) { .offer { background-size: 9%; } } @media (max-width: 1450px) { .offer { background-image: none; } } .offer__wrapper { margin-top: 54px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .offer__block { -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1); border-radius: 10px; width: 49.2%; height: 240px; margin-bottom: 30px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; } @media (max-width: 1210px) { .offer__block { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 768px) { .offer__block { height: 200px; } } .offer__block img { position: absolute; bottom: 0; right: 20px; } @media (max-width: 1200px) { .offer__block img { width: 40%; } } @media (max-width: 426px) { .offer__block img { width: 80%; } } .offer__block a { margin-left: 115px; font-weight: 500; font-size: 32px; line-height: 37px; color: #FFFFFF; position: relative; } .offer__block a:after { content: ''; bottom: 0; left: 0; position: absolute; width: 100%; height: 1px; background-color: #fff; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .offer__block a:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .offer__block a:before { content: ''; display: inline-block; position: absolute; left: -80px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1025px) { .offer__block a:before { -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); } } @media (max-width: 768px) { .offer__block a:before { left: -44px; -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); } } @media (max-width: 426px) { .offer__block a:before { content: none; } } @media (max-width: 1210px) { .offer__block a { margin-top: 30px; } } @media (max-width: 768px) { .offer__block a { font-size: 22px; line-height: 24px; margin-left: 60px; } } @media (max-width: 426px) { .offer__block a { font-size: 18px; line-height: 20px; margin-left: 15px; } } .offer__block1 { background: url(/local/templates/netnord/css/../img/back1.png), -o-radial-gradient(76.56% 31.67%, 74.75% 168.66%, #74C0F2 0%, #1D6EBA 100%); background: url(/local/templates/netnord/css/../img/back1.png), radial-gradient(74.75% 168.66% at 76.56% 31.67%, #74C0F2 0%, #1D6EBA 100%); background-size: auto; background-repeat: no-repeat; } .offer__block1 a:before { width: 54px; height: 52px; background-image: url(/local/templates/netnord/css/../img/icon-1.svg); } @media (max-width: 768px) { .offer__block1 a:before { width: 34px; height: 32px; background-size: cover; } } .offer__block2 { margin-left: auto; background-color: #35C0D3; background-image: url(/local/templates/netnord/css/../img/back.png); background-repeat: no-repeat; background-position: -25px -21px; } .offer__block2 a:before { width: 54px; height: 54px; background-image: url(/local/templates/netnord/css/../img/icon-2.svg); } @media (max-width: 768px) { .offer__block2 a:before { width: 34px; height: 32px; background-size: cover; } } .offer__block2 img { right: 0px; } @media (max-width: 1200px) { .offer__block2 img { width: 50%; } } @media (max-width: 426px) { .offer__block2 img { width: 90%; } } .offer__block-little { background: -webkit-gradient(linear, left bottom, left top, from(rgba(12, 68, 119, 0.8)), to(rgba(12, 68, 119, 0.8))); background: -o-linear-gradient(bottom, rgba(12, 68, 119, 0.8), rgba(12, 68, 119, 0.8)); background: linear-gradient(0deg, rgba(12, 68, 119, 0.8), rgba(12, 68, 119, 0.8)); background-size: cover; -webkit-box-shadow: 0px 24px 24px rgba(0, 0, 0, 0.25); box-shadow: 0px 24px 24px rgba(0, 0, 0, 0.25); border-radius: 10px; width: 23.7%; min-height: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; } .offer__block-little a { white-space: nowrap; position: relative; } @media (max-width: 768px) { .offer__block-little a { white-space: normal; } } .offer__block-little a:after { content: ''; bottom: 0; left: 0; position: absolute; width: 100%; height: 1px; background-color: #fff; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .offer__block-little a:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } @media (max-width: 768px) { .offer__block-little a:hover:after { content: none; } } @media (max-width: 1025px) { .offer__block-little { width: 49%; margin-bottom: 30px; } } .offer__block-icon { position: absolute; top: 20px; left: 25px; } .offer__block-little > a { font-weight: 500; font-size: 20px; line-height: 23px; display: inline-block; color: #FFFFFF; margin: 78px 15px 10px 25px; } @media (max-width: 426px) { .offer__block-little > a { font-size: 18px; line-height: 20px; margin: 78px 15px 10px 15px; } } .offer__block-links { padding: 0 15px 10px 25px; } @media (max-width: 426px) { .offer__block-links { padding: 0 15px 10px 15px; } } .offer__block-links a { font-weight: 500; font-size: 14px; line-height: 16px; margin-right: 14px; color: #FFFFFF; } @media (max-width: 426px) { .offer__block-links a { font-size: 12px; line-height: 16px; display: block; } } .offer__block-links a:last-child { margin-right: 0; } .offer__block-back { position: absolute; -o-object-fit: cover; object-fit: cover; display: block; z-index: -1; height: 100%; width: 100%; } .testimonials { min-width: 320px; position: relative; padding-top: 55px; padding-bottom: 55px; background: -o-linear-gradient(154.69deg, #74c0f2 0%, #6cb6e7 10.17%, #51a8d9 29.39%, #4da8db 48.35%, #4e90cd 66.71%, #1d6eba 84.23%, #4177c9 100%); background: linear-gradient(295.31deg, #74c0f2 0%, #6cb6e7 10.17%, #51a8d9 29.39%, #4da8db 48.35%, #4e90cd 66.71%, #1d6eba 84.23%, #4177c9 100%); } .testimonials:after { position: absolute; right: 0; bottom: -5px; display: block; width: 180px; height: 1000px; background-image: url(/local/templates/netnord/css/../img/figure4.png); background-repeat: no-repeat; content: ''; } @media (max-width: 1685px) { .testimonials:after { content: none; } } .testimonials:before { position: absolute; bottom: 70px; left: 0; display: block; width: 200px; height: 450px; background-image: url(/local/templates/netnord/css/../img/figure5.png); background-repeat: no-repeat; content: ''; } @media (max-width: 1685px) { .testimonials:before { content: none; } } .testimonials__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .testimonials__block { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.8%; min-height: 245px; margin-bottom: 30px; padding: 140px 35px 30px 35px; border-radius: 10px; background: #fff; -webkit-box-shadow: 0 24px 24px rgba(3, 39, 54, 0.12); box-shadow: 0 24px 24px rgba(3, 39, 54, 0.12); } @media (max-width: 1000px) { .testimonials__block { width: 49%; } .testimonials__block:before { content: none; } .testimonials__block:after { content: none; } } @media (max-width: 650px) { .testimonials__block { padding: 90px 20px 20px ; } } @media (max-width: 426px) { .testimonials__block { width: 100%; padding: 20px ; min-height: auto; } } .testimonials__title { position: absolute; top: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 650px) { .testimonials__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: static; } } @media (max-width: 426px) { .testimonials__title { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: static; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } } .testimonials__title h3 { margin: 0; margin-left: 20px; font-size: 20px; font-weight: 500; line-height: 23px; color: #000; } @media (max-width: 650px) { .testimonials__title h3 { margin: 0 0 20px; } } @media (max-width: 426px) { .testimonials__title h3 { margin: 0 85px 0 0; width: 100%; } } @media (max-width: 650px) { .testimonials__title img { width: 25%; position: absolute; right: 15px; top: 5px; } } @media (max-width: 426px) { .testimonials__title img { position: absolute; top: 15px; right: 20px; width: 10%; } } .testimonials__block p { margin: 0; font-size: 14px; line-height: 16px; color: #000; } .testimonials__block.testimonials__block--first { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1000px) { .testimonials__block.testimonials__block--first { width: 100%; min-height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .testimonials__block-reasons { width: 47%; font-size: 36px; font-weight: bold; line-height: 42px; color: #fff; } @media (max-width: 1030px) { .testimonials__block-reasons { font-size: 30px; font-weight: bold; line-height: 34px; } } @media (max-width: 1000px) { .testimonials__block-reasons { width: auto; } } @media (max-width: 1030px) { .testimonials__block.testimonials__block--first img { width: 40%; } } @media (max-width: 1000px) { .testimonials__block.testimonials__block--first img { width: auto; } } .testimonials__block.testimonials__block--last { width: 65.6%; min-height: 200px; margin-bottom: 0; padding-top: 35px; } .testimonials__block.testimonials__block--last .testimonials__title img { margin-right: 45px; padding-top: 5px; } @media (max-width: 426px) { .testimonials__block.testimonials__block--last .testimonials__title img { margin-top: -10px; margin-right: 0; width: 40%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .testimonials__block.testimonials__block--last .testimonials__title { position: static; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .testimonials__block.testimonials__block--last .testimonials__title h3 { width: auto; margin-bottom: 20px; margin-left: 0; } @media (max-width: 426px) { .testimonials__block.testimonials__block--last .testimonials__title h3 { text-align: right; margin-right: 0; opacity: 0; } } .testimonials__block.testimonials__block--last:after { position: absolute; right: -342px; bottom: 37px; display: block; width: 341px; height: 191px; background-image: url(/local/templates/netnord/css/../img/figure6.png); background-repeat: no-repeat; content: ''; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } @media (max-width: 1000px) { .testimonials__block.testimonials__block--last:after { content: none; } } .testimonials__block.testimonials__block--last:before { position: absolute; z-index: 2; bottom: 4px; right: -250px; display: block; width: 50px; height: 50px; background: -o-radial-gradient(50% 50%, 50% 50%, #FFFFFF 0%, #EFF9FF 23.96%, rgba(255, 255, 255, 0) 100%); background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #EFF9FF 23.96%, rgba(255, 255, 255, 0) 100%); content: ''; } @media (max-width: 1000px) { .testimonials__block.testimonials__block--last:before { content: none; } } @media (max-width: 1000px) { .testimonials__block.testimonials__block--last { width: 100%; min-height: auto; } } .testimonials__block:nth-child(2):after, .testimonials__block:nth-child(8):after { position: absolute; top: 50%; right: -33px; display: block; width: 33px; height: 4px; background-color: #fff; content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1000px) { .testimonials__block:nth-child(2):after, .testimonials__block:nth-child(8):after { content: none; } } .testimonials__block:nth-child(8):before { position: absolute; top: 50%; left: -33px; display: block; width: 33px; height: 4px; background-color: #fff; content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1000px) { .testimonials__block:nth-child(8):before { content: none; } } .testimonials__block:nth-child(8) p:before { position: absolute; top: 50%; left: -25px; display: block; width: 20px; height: 20px; background: -o-radial-gradient(50% 50%, 50% 50%, #fff 0%, #eff9ff 23.96%, rgba(255, 255, 255, 0) 100%); background: radial-gradient(50% 50% at 50% 50%, #fff 0%, #eff9ff 23.96%, rgba(255, 255, 255, 0) 100%); content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1000px) { .testimonials__block:nth-child(8) p:before { content: none; } } .testimonials__block:nth-child(3):before { position: absolute; z-index: 2; top: 50%; right: -40px; display: block; width: 20px; height: 20px; margin-top: 50px; background: -o-radial-gradient(50% 50%, 50% 50%, #fff 0%, #eff9ff 23.96%, rgba(255, 255, 255, 0) 100%); background: radial-gradient(50% 50% at 50% 50%, #fff 0%, #eff9ff 23.96%, rgba(255, 255, 255, 0) 100%); content: ''; } @media (max-width: 1485px) { .testimonials__block:nth-child(3):before { content: none; } } .testimonials__block:nth-child(3):after { position: absolute; z-index: 1; top: 50%; right: -33px; display: block; width: 100px; height: 229px; margin-top: -2px; border-top: 4px solid #fff; border-right: 4px solid #fff; border-bottom: 4px solid #fff; border-radius: 10px; content: ''; } @media (max-width: 1485px) { .testimonials__block:nth-child(3):after { right: 20px; width: 3px; } } @media (max-width: 1000px) { .testimonials__block:nth-child(3):after { content: none; } } .testimonials__block:nth-child(6):before { position: absolute; z-index: 2; top: 55px; left: -25px; display: block; width: 20px; height: 20px; background: -o-radial-gradient(50% 50%, 50% 50%, #fff 0%, #eff9ff 23.96%, rgba(255, 255, 255, 0) 100%); background: radial-gradient(50% 50% at 50% 50%, #fff 0%, #eff9ff 23.96%, rgba(255, 255, 255, 0) 100%); content: ''; } @media (max-width: 1000px) { .testimonials__block:nth-child(6):before { content: none; } } .testimonials__block:nth-child(6):after { position: absolute; top: 66px; left: -33px; display: block; width: 33px; height: 4px; background-color: #fff; content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1000px) { .testimonials__block:nth-child(6):after { content: none; } } .testimonials__block:nth-child(5):before { position: absolute; bottom: 66px; left: -33px; display: block; width: 33px; height: 4px; background-color: #fff; content: ''; } @media (max-width: 1000px) { .testimonials__block:nth-child(5):before { content: none; } } .testimonials__block:nth-child(5):after { position: absolute; right: -33px; bottom: 66px; display: block; width: 33px; height: 4px; background-color: #fff; content: ''; } @media (max-width: 1000px) { .testimonials__block:nth-child(5):after { content: none; } } .testimonials__block:nth-child(4):after { position: absolute; top: 66px; right: -33px; display: block; width: 33px; height: 4px; background-color: #fff; content: ''; } @media (max-width: 1000px) { .testimonials__block:nth-child(4):after { content: none; } } .testimonials__block:nth-child(9):after { position: absolute; z-index: 1; top: -50%; right: -33px; display: block; width: 70px; height: 229px; margin-top: 32px; border-top: 4px solid #fff; border-right: 4px solid #fff; border-bottom: 4px solid #fff; border-radius: 10px; content: ''; } @media (max-width: 1485px) { .testimonials__block:nth-child(9):after { right: 20px; width: 3px; } } @media (max-width: 1000px) { .testimonials__block:nth-child(9):after { content: none; } } .testimonials__block:nth-child(7):after { position: absolute; z-index: 1; top: 50%; left: -33px; display: block; width: 70px; height: 266px; margin-top: -2px; border-top: 4px solid #fff; border-bottom: 4px solid #fff; border-left: 4px solid #fff; border-radius: 10px; content: ''; } @media (max-width: 1485px) { .testimonials__block:nth-child(7):after { left: 20px; width: 3px; } } @media (max-width: 1000px) { .testimonials__block:nth-child(7):after { content: none; } } .testimonials__block:nth-child(7):before { position: absolute; z-index: 1; top: 50%; left: -40px; display: block; width: 20px; height: 20px; margin-top: 200px; background: -o-radial-gradient(50% 50%, 50% 50%, #fff 0%, #eff9ff 23.96%, rgba(255, 255, 255, 0) 100%); background: radial-gradient(50% 50% at 50% 50%, #fff 0%, #eff9ff 23.96%, rgba(255, 255, 255, 0) 100%); content: ''; } @media (max-width: 1485px) { .testimonials__block:nth-child(7):before { content: none; } } .main-form { min-width: 320px; background-image: url(/local/templates/netnord/css/../img/img-form.png), url(/local/templates/netnord/css/../img/img-form3.png), url(/local/templates/netnord/css/../img/img-form4.png), url(/local/templates/netnord/css/../img/img-form2.png), url(/local/templates/netnord/css/../img/img-form1.png), -o-linear-gradient(269.25deg, #A5E2FF 9.95%, #E7F7FF 74.43%); background-image: url(/local/templates/netnord/css/../img/img-form.png), url(/local/templates/netnord/css/../img/img-form3.png), url(/local/templates/netnord/css/../img/img-form4.png), url(/local/templates/netnord/css/../img/img-form2.png), url(/local/templates/netnord/css/../img/img-form1.png), linear-gradient(180.75deg, #A5E2FF 9.95%, #E7F7FF 74.43%); background-repeat: no-repeat; background-position: right 188px bottom 172px, right 0 bottom 0, right 0 bottom 0, left 0 top 0, left 0 top -20px, center center; } @media (max-width: 1700px) { .main-form { background-position: right 20px bottom 172px, right 0 bottom 0, right 0 bottom 0, left 0 top 0, left 0 top -20px, center center; } } @media (max-width: 1640px) { .main-form { background-size: 550px, auto, auto, auto, auto, auto; } } @media (max-width: 1350px) { .main-form { background-size: 450px, auto, auto, auto, auto, auto; } } .main-form__wrapper { padding-top: 55px; padding-bottom: 55px; } .main-form__form { width: 720px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 35px 70px; background: #FFFFFF; -webkit-box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.1); border-radius: 10px; } @media (max-width: 1025px) { .main-form__form { margin: 0 auto; } } @media (max-width: 768px) { .main-form__form { width: auto; } } @media (max-width: 678px) { .main-form__form { padding: 25px 25px; } } .main-form__form-title { font-weight: bold; font-size: 32px; line-height: 36px; /* or 112% */ margin-bottom: 38px; text-align: center; width: 100%; color: #000000; } @media (max-width: 426px) { .main-form__form-title { font-size: 24px; line-height: 26px; } } .main-form__form input, .main-form__form textarea { border: 0; outline: none; border-bottom: 1px solid #A1A1A1; padding: 0 10px 10px 0; font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; /* identical to box height */ cursor: pointer; color: #000000; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .main-form__form input:hover, .main-form__form textarea:hover, .main-form__form input:active, .main-form__form textarea:active, .main-form__form input:focus, .main-form__form textarea:focus { border-bottom: 1px solid #46A6E4; } @media (max-width: 426px) { .main-form__form input, .main-form__form textarea { font-size: 16px; line-height: 19px; } } .main-form__form textarea { resize: none; } .main-form__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main-form__input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 25px; } .main-form__form label { margin-bottom: 15px; font-size: 13px; line-height: 15px; display: block; color: #A2A2A2; } .main-form__input--name, .main-form__input--phone { width: 48%; } @media (max-width: 426px) { .main-form__input--name, .main-form__input--phone { width: 100%; } } .main-form__select { width: 48%; position: relative; margin-bottom: 25px; } @media (max-width: 426px) { .main-form__select { width: 100%; } } .main-form__input-privacy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 25px; flex-direction:row } .main-form__input-privacy label { display: inline-block; vertical-align: middle; padding-left: 35px; font-size: 13px; line-height: 15px; margin-bottom: 0; color: #A2A2A2; } .main-form__input-privacy #privacy-error { position: absolute; top: 23px; padding: 17px 40px 17px 17px; background-color: #fff; } .main-form__input-privacy{ position: relative; } .main-form__input-privacy input { position: absolute; /* width: 0; height: 0;*/opacity: 0; display: inline-block; vertical-align: middle; background-color: #ffff; } .main-form__form .privacy { margin-bottom: 15px; font-size: 13px; line-height: 15px; display: block; color: #A2A2A2; } .main-form__input-privacy .privacy{ position: relative } .main-form__input-privacy .privacy:before { content: ''; display: inline-block; width: 20px; height: 20px; background: #fff; position: absolute; left: 0; top: 0; margin-top: -4px; border: 1px solid #C5C5C5; } .main-form__input-privacy .privacy:after { content: none; display: inline-block; width: 12px; height: 8px; border-left: 2px solid #00AF85; border-bottom: 2px solid #00AF85; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 1px; left: 5px; z-index: 1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border 0.1s linear; -o-transition: border 0.1s linear; transition: border 0.1s linear; z-index: 2; } .main-form__input-privacy input:checked ~ .privacy:after { content:''; } .main-form_submit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 678px) { .main-form_submit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .main-form_submit input[type="submit"] { background: #46A6E4; -webkit-box-shadow: 0px 20px 32px rgba(99, 140, 166, 0.3); box-shadow: 0px 20px 32px rgba(99, 140, 166, 0.3); border-radius: 100px; font-weight: 500; font-size: 15px; line-height: 15px; text-align: center; text-transform: uppercase; outline: none; border: none; color: #FFFFFF; padding: 19px 28px 20px; cursor: pointer; margin-left: 35px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .main-form_submit input[type="submit"]:hover { -webkit-box-shadow: 0px 20px 32px rgba(70, 166, 228, 0.3); box-shadow: 0px 20px 32px rgba(70, 166, 228, 0.3); } @media (max-width: 678px) { .main-form_submit input[type="submit"] { margin: 20px 0 0; } } .select2 { width: 100% !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 0; border-bottom: 1px solid #A1A1A1; border-radius: 0; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; width: 6px; height: 6px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; pointer-events: none; position: absolute; right: 10px; z-index: 0; top: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border: none; width: 6px; height: 6px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .select2-container--open { z-index:10000; } .select2-container--open .select2-dropdown--below { background: #FFFFFF; -webkit-box-shadow: 0px 36px 36px rgba(0, 0, 0, 0.1); box-shadow: 0px 36px 36px rgba(0, 0, 0, 0.1); border-radius: 0px 0px 10px 10px; border: none; } .select2-search--dropdown { display: none; } .select2-selection__rendered { font-size: 18px; line-height: 21px; } .select2-results__option { padding: 0; margin-bottom: 6px; font-size: 16px; line-height: 19px; } .select2-results__option:last-child { margin-bottom: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #fff; color: #46A6E4; } .select2-container--default .select2-results > .select2-results__options { padding: 17px 18px; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #fff; } .select2-container .select2-selection--single { height: auto; } .select2-container .select2-selection--single .select2-selection__rendered { padding-bottom: 10px; line-height: 21px !important; } .select2-results { overflow-y: auto !important; padding: 17px 18px; max-height: 250px; } .modal-body .select2-dropdown { z-index: 3001; } .select2-dropdown.select2-dropdown--above { margin-top: 280px; position: static; background: #FFFFFF; -webkit-box-shadow: 0px 36px 36px rgba(0, 0, 0, 0.1); box-shadow: 0px 36px 36px rgba(0, 0, 0, 0.1); border-radius: 0px 0px 10px 10px; border: none; } .js-example-basic-single { opacity: 0; } label.error { padding: 17px 40px 17px 17px; display: block; border: 1px solid; border-radius: 6px; position: relative; background-color: #fff; } label.error:after { content: ''; display: inline-block; position: absolute; width: 12px; height: 12px; right: 17px; background-image: url(/local/templates/netnord/css/../img/cross-red.svg); background-size: cover; top: 6px; right: 5px; } label.error:before { content: ''; width: 12px; height: 12px; display: block; background-color: #fff; border-top: 1px solid #BE0000; border-right: 1px solid #BE0000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -24px; margin-left: 12px; position: absolute; } .recaptcha-error { margin: 40px auto 20px; text-align: center; color: #BE0000; padding: 20px; font-size: 16px; line-height: 19px; border: 2px solid ; } .message-success { margin: 20px auto; text-align: center; color: green ; padding: 20px; font-size: 16px; line-height: 19px; border: 2px solid ; } .message-error { margin: 20px auto; text-align: center; color: #BE0000; padding: 20px; font-size: 16px; line-height: 19px; border: 2px solid ; } .faq { min-width: 320px; position: relative; background: url(/local/templates/netnord/css/../img/faq.png), url(/local/templates/netnord/css/../img/figure8.png), -o-linear-gradient(132.62deg, #74C0F2 2.6%, #6CB6E7 12.48%, #51A8D9 31.16%, #4DA8DB 49.59%, #4E90CD 67.44%, #1D6EBA 84.47%, #4177C9 99.8%); background: url(/local/templates/netnord/css/../img/faq.png), url(/local/templates/netnord/css/../img/figure8.png), linear-gradient(317.38deg, #74C0F2 2.6%, #6CB6E7 12.48%, #51A8D9 31.16%, #4DA8DB 49.59%, #4E90CD 67.44%, #1D6EBA 84.47%, #4177C9 99.8%); background-repeat: no-repeat, no-repeat, repeat; background-position: bottom 0 right 0, left 0 bottom 0, center center; color: #FFFFFF; } @media (max-width: 1920px) { .faq { background-size: 40%, 8%, cover; } } @media (max-width: 1200px) { .faq { background: url(/local/templates/netnord/css/../img/faq.png), -o-linear-gradient(132.62deg, #74C0F2 2.6%, #6CB6E7 12.48%, #51A8D9 31.16%, #4DA8DB 49.59%, #4E90CD 67.44%, #1D6EBA 84.47%, #4177C9 99.8%); background: url(/local/templates/netnord/css/../img/faq.png), linear-gradient(317.38deg, #74C0F2 2.6%, #6CB6E7 12.48%, #51A8D9 31.16%, #4DA8DB 49.59%, #4E90CD 67.44%, #1D6EBA 84.47%, #4177C9 99.8%); background-repeat: no-repeat, repeat; background-position: bottom 0 right 0, center center; background-size: 40%, cover; } } .faq__title { font-style: normal; font-weight: bold; font-size: 26px; line-height: 30px; /* identical to box height */ margin-bottom: 26px; color: #FFFFFF; } @media (max-width: 426px) { .faq__title { font-size: 22px; line-height: 24px; } } .faq__wrapper { height: 100%; padding-bottom: 140px; padding-top: 55px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .faq__main, .faq__second { min-height: 550px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; } .faq__main p { font-size: 24px; line-height: 26px; margin: 0 0 50px; } @media (max-width: 426px) { .faq__main p { font-size: 16px; line-height: 19px; } } .faq__radio-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } @media (max-width: 426px) { .faq__radio-button { margin-bottom: 20px; } } .faq__radio-button label { font-size: 18px; line-height: 21px; padding-left: 45px; position: relative; cursor: pointer; } @media (max-width: 426px) { .faq__radio-button label { font-size: 16px; line-height: 19px; } } .faq__radio-button label:before { content: ''; display: block; border: 2px solid #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; height: 20px; border-radius: 100px; cursor: pointer; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .faq__radio-button label:after { content: ''; display: block; opacity: 0; background: #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; width: 10px; height: 10px; border-radius: 100px; cursor: pointer; position: absolute; left: 4.895px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .faq__radio-button input { display: none; } .faq__radio-button input:checked + label:after { opacity: 1; } .faq__second { display: none; } .faq__second .faq__title { font-weight: normal; } .faq__second .faq__second-content { width: 55%; } @media (max-width: 768px) { .faq__second .faq__second-content { width: 100%; } } .faq__second ul li{ font-size: 18px; line-height: 24px; } .faq__second p { font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; margin: 0 0 20px 0; color: #FFFFFF; } @media (max-width: 426px) { .faq__second p, .faq__second ul li { font-size: 16px; line-height: 19px; } } .faq__main-btn { position: absolute; border: 1px solid #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; background-color: transparent; outline: none; font-weight: 500; font-size: 15px; line-height: 15px; /* identical to box height */ bottom: 60px; text-align: center; text-transform: uppercase; padding: 23px 30px; color: #FFFFFF; cursor: pointer; } @media (max-width: 426px) { .faq__main-btn { padding: 20px 20px; } } .faq__help { text-decoration: underline; color: #FFFFFF; } .faq__help:hover { text-decoration: none; } .modal-container { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 2000; display: none; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .modal { margin: 50px 0 350px; /* padding: 29px 80px 51px 62px; */ position: absolute; z-index: 3000; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 24px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .modal .main-form__form { -webkit-box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; } @media (max-width: 375px) { .modal { width: 90%; } } .modal .close { position: absolute; top: 20px; right: 40px; font-size: 0; cursor: pointer; } .modal .close:before { content: ''; display: block; position: absolute; width: 24px; height: 24px; background-image: url(/local/templates/netnord/css/../img/close.svg); background-repeat: no-repeat; background-size: cover; } @media (max-width: 375px) { .modal .close:before { width: 16px; height: 16px; } } @media (max-width: 375px) { .modal .close { right: 25px; top: 10px; } } .main-footer { margin-top: auto; min-width: 320px; color: #fff; position: relative; background: -o-linear-gradient(121.66deg, #74C0F2 0%, #6CB6E7 10.17%, #51A8D9 29.39%, #4DA8DB 48.35%, #4E90CD 66.71%, #1D6EBA 84.23%, #4177C9 100%); background: linear-gradient(328.34deg, #74C0F2 0%, #6CB6E7 10.17%, #51A8D9 29.39%, #4DA8DB 48.35%, #4E90CD 66.71%, #1D6EBA 84.23%, #4177C9 100%); } .main-footer:after { content: ''; display: block; position: absolute; width: 170px; height: 300px; background-image: url(/local/templates/netnord/css/../img/figure7.png); background-repeat: no-repeat; bottom: 0; right: 0; } @media (max-width: 1440px) { .main-footer:after { background-size: 100px; width: 100px; height: 173px; } } @media (max-width: 768px) { .main-footer:after { content: none; } } .main-footer__wrapper { padding-top: 41px; padding-bottom: 60px; } @media (max-width: 1025px) { .main-footer__wrapper { padding-top: 25px; padding-bottom: 25px; } } .main-footer__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } @media (max-width: 1025px) { .main-footer__menu { flex-direction:column; } } @media (max-width: 426px) { .main-footer__menu { margin-bottom: 0px; } } .main-footer__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1140px) { .main-footer__nav { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } .main-footer__nav li { padding: 0; list-style: none; margin: 0 15px; } @media (max-width: 1140px) { .main-footer__nav li { margin: 0; } } @media (max-width: 1024px) { .main-footer__nav { flex-direction:column; } .main-footer__nav li{ margin:10px 0; } } .main-footer__nav li a { display: block; color: #fff; font-weight: 500; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #FFFFFF; } .main-footer__lk { display: block; margin-left: auto; font-weight: normal; font-size: 14px; line-height: 14px; text-align: center; text-transform: uppercase; padding: 16px; color: #000000; background: #FFFFFF; border-radius: 100px; white-space: nowrap; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .main-footer__lk:hover { -webkit-box-shadow: 0px 32px 32px rgba(255, 255, 255, 0.3); box-shadow: 0px 32px 32px rgba(255, 255, 255, 0.3); } @media (max-width: 1024px) { .main-footer__lk { display: none; } } .main-footer__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1024px) { .main-footer__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .main-footer__contacts { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1024px) { .main-footer__contacts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; } } @media (max-width: 426px) { .main-footer__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .main-footer__tel { font-weight: 500; font-size: 24px; line-height: 28px; display: block; color: #FFFFFF; margin-bottom: 28px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .main-footer__tel:hover { text-decoration: underline; } @media (max-width: 1024px) { .main-footer__tel { display: none; } } .main-footer__address { margin-bottom: 35px; font-weight: normal; font-size: 16px; line-height: 19px; color: #FFFFFF; } @media (max-width: 1024px) { .main-footer__address { margin: 0; margin-left: 20px; } } @media (max-width: 426px) { .main-footer__address { margin-top: 20px; margin-left: 0; text-align: center; } } @media (max-width: 1024px) { .main-footer__address .br { display: none; } } .main-footer__plat img { display: inline-block; margin-right: 27px; vertical-align: middle; } @media (max-width: 1024px) { .main-footer__plat img { display: none; } } .main-footer__docs { width: 59.4%; } @media (max-width: 1024px) { .main-footer__docs { width: 100%; } } .main-footer__docs h3 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; margin: 0 0 28px 0; color: #FFFFFF; } @media (max-width: 426px) { .main-footer__docs h3 { font-size: 20px; line-height: 24px; margin: 0 0 15px 0; text-align: center; } } .main-footer__docs-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main-footer__docs-wrapper a { width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; padding-left: 35px; color: #FFFFFF; margin-bottom: 5px; position: relative; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .main-footer__docs-wrapper a:hover { opacity: 0.8; } .main-footer__docs-wrapper a:before { content: ''; display: inline-block; position: absolute; width: 19px; height: 24px; background-image: url(/local/templates/netnord/css/../img/download.svg); background-repeat: no-repeat; left: 0; top: 0; } @media (max-width: 426px) { .main-footer__docs-wrapper a { width: 100%; margin-bottom: 10px; font-size: 14px; line-height: 16px; } } .main-footer__info-logo { display: none; } .card { width: 300px; height: 300px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; } .front, .back { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; } .front { background-color: #fff; } .back { background-color: #BDBDBD; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .flipped .front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .flipped .back { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .btn-back { position: absolute; top: 0; right: 0; } .breadcrumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; padding-top: 20px; padding-bottom: 10px; } .breadcrumbs li { padding: 0; margin: 0; padding-bottom: 10px; list-style: none; margin-right: 20px; position: relative; white-space: nowrap; } .breadcrumbs li:after { content: ''; width: 0; height: 0; display: inline-block; border-top: 4px solid transparent; border-left: 6px solid #46A6E4; border-bottom: 4px solid transparent; position: absolute; right: -14px; top: 38%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .breadcrumbs li:last-child { margin-right: 0px; } .breadcrumbs li:last-child:after { content: none; } .breadcrumbs a { display: block; background: #FFFFFF; border: 1px solid #D8D8D8; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; font-size: 14px; line-height: 16px; color: #A1A1A1; padding: 4px 12px; } @media (max-width: 426px) { .breadcrumbs a { font-size: 10px; line-height: 12px; padding: 4px 8px; } } .breadcrumbs a.active { display: block; background: #FFFFFF; border: 1px solid #46A6E4; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; color: #46A6E4; } .page-title { background: #E9EEF2; overflow: hidden; margin-bottom: 20px; } @media (max-width: 650px) { .page-title { min-height: auto; } } .page-title__wrapper { background: #E9EEF2; max-width: 1920px; min-width: 320px; margin: 0 auto; position: relative; min-height: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 650px) { .page-title__wrapper { min-height: auto; } } .page-title__img { text-align: right; display: inline-block; position: absolute; height: 100%; top: 0; right: 0; } @media (max-width: 1100px) { .page-title__img { right: -330px; } } @media (max-width: 650px) { .page-title__img { right: 0px; } } .page-title__img:before { content: ''; width: 100px; height: 100%; top: 0; left: 0; position:absolute; background: -webkit-gradient(linear, left top, right top, from(#E9EEF2), color-stop(64.06%, rgba(233, 238, 242, 0.5)), color-stop(97.53%, rgba(233, 238, 242, 0))); background: -o-linear-gradient(left, #E9EEF2 0%, rgba(233, 238, 242, 0.5) 64.06%, rgba(233, 238, 242, 0) 97.53%); background: linear-gradient(90deg, #E9EEF2 0%, rgba(233, 238, 242, 0.5) 64.06%, rgba(233, 238, 242, 0) 97.53%); background-repeat: no-repeat; z-index: 1; } @media (max-width: 650px) { .page-title__img:before { width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#E9EEF2), color-stop(64.06%, rgba(233, 238, 242, 0.7)), color-stop(97.53%, rgba(233, 238, 242, 0))); background: -o-linear-gradient(left, #E9EEF2 0%, rgba(233, 238, 242, 0.7) 64.06%, rgba(233, 238, 242, 0) 97.53%); background: linear-gradient(90deg, #E9EEF2 0%, rgba(233, 238, 242, 0.7) 64.06%, rgba(233, 238, 242, 0) 97.53%); } } .page-title__img img { height: 100%; //width: 100%; // object-fit: cover; } .page-title h3 { font-weight: bold; font-size: 32px; line-height: 36px; color: #1B1B1B; margin: 0; margin-bottom: 24px; width: 50%; } @media (max-width: 650px) { .page-title h3 { width: 100%; font-size: 22px; line-height: 24px; } } .page-title p { font-weight: normal; font-size: 18px; line-height: 21px; margin: 0; width: 50%; color: #000000; } @media (max-width: 650px) { .page-title p { width: 100%; font-size: 16px; line-height: 19px; } } .page-title__content { position: relative; z-index: 2; padding-top: 41px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 20px; } @media (max-width: 650px) { .page-title__content { padding-top:25px; padding-bottom: 25px; } .page-title__img{ display:none } } .page-title__list { margin: 0; padding: 0; } .page-title__list-item { font-weight: normal; font-size: 18px; line-height: 21px; color: #000000; padding-left: 30px; position: relative; list-style: none; } .page-title__list-item:before { content: ''; position: absolute; width: 5px; height: 10px; left: 0px; top: 2px; border-bottom: 2px solid #46A6E4; border-right: 2px solid #46A6E4; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 426px) { .page-title__list-item { font-size: 16px; line-height: 19px; } } .page-title.page-title--color .page-title__img { left:0; } .page-title.page-title--color .page-title__img img { height: 100%; width: 100%; object-fit: cover; } .page-title.page-title--color .page-title__img:before { content: none; } .page-title.page-title--color .page-title__content h3, .page-title.page-title--color .page-title__content p { color:#fff; } .page-title.page-title--color .page-title__img { left:0; } .page-title.page-title--color .page-title__img img { height: 100%; width: 100%; object-fit: cover; } .page-title.page-title--color .page-title__img:before { content: none; } .page-title.page-title--color .page-title__content h3, .page-title.page-title--color .page-title__content p { color:#fff; } @media(max-width:650px){ .page-title.page-title--color .page-title__content h3, .page-title.page-title--color .page-title__content p { color:#000; } } .usluga { padding-top: 35px; padding-bottom: 55px; position: relative; } .usluga:after { content: ''; width: 200px; height: 483px; display: block; position: absolute; background-image: url(/local/templates/netnord/css/../img/figure2.png); background-repeat: no-repeat; top: -10px; } @media (max-width: 1526px) { .usluga:after { width: 100px; height: 243px; background-size: cover; } } @media (max-width: 1360px) { .usluga:after { content: none; } } .usluga-content { padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .usluga-content__block { width: 54%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1020px) { .usluga-content__block { width: 100%; margin-top: 20px; } } .usluga-content__title { font-weight: bold; font-size: 32px; line-height: 37px; color: #000000; margin: 0 0 25px; width: 100%; } @media (max-width: 426px) { .usluga-content__title { font-size: 22px; line-height: 24px; } } .usluga-content__block p { font-weight: normal; font-size: 18px; line-height: 21px; color: #000000; padding: 0; margin: 0 0 45px; width:100%; } @media (max-width: 426px) { .usluga-content__block p { font-size: 16px; line-height: 19px; } } .usluga-content__price { font-weight: bold; font-size: 32px; line-height: 37px; color: #000000; } @media (max-width: 600px) { .usluga-content__price { width: 100%; text-align: center; margin-bottom: 20px; } } .usluga-content__btns { margin-left: auto; } @media (max-width: 600px) { .usluga-content__btns { margin: 0 auto; } } .usluga-content__btns a { display: inline-block; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; text-transform: uppercase; padding: 23px 10px; border-radius: 100px; -webkit-box-shadow: 0px 36px 32px rgba(195, 198, 200, 0.3); box-shadow: 0px 36px 32px rgba(195, 198, 200, 0.3); font-weight: 500; font-size: 15px; line-height: 18px; } @media (max-width: 460px) { .usluga-content__btns a { width: 160px; padding: 15px 10px; } } @media (max-width: 375px) { .usluga-content__btns a { width: 140px; padding: 15px 10px; } } .usluga-content__btns .btn-buy { color: #FFFFFF; background: #46A6E4; margin-right: 25px; } @media (max-width: 375px) { .usluga-content__btns .btn-buy { margin-right: 10px; } } .usluga-content__btns .btn-arend { border: 1px solid #4094C9; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; color: #595959; } .usluga-content__img { max-width: 358px; } .products { background: url(/local/templates/netnord/css/../img/back3.png), -o-linear-gradient(269.5deg, #A5E2FF 9.95%, #E7F7FF 74.43%); background: url(/local/templates/netnord/css/../img/back3.png), linear-gradient(180.5deg, #A5E2FF 9.95%, #E7F7FF 74.43%); background-repeat: no-repeat, no-repeat; background-position: right 0 bottom 0, center center; } .products h3 { font-weight: bold; font-size: 26px; line-height: 30px; color: #000000; margin: 0; padding: 55px 0 0; } .products__slide { background: #FFFFFF; -webkit-box-shadow: 0px 12px 13px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 13px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 46px 46px 120px 46px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 46px 0 45px; position: relative; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: auto; width: 48.8%; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .products__slide:hover { -webkit-box-shadow: 0px 12px 13px rgba(142, 175, 197, 0.6); box-shadow: 0px 12px 13px rgba(142, 175, 197, 0.6); } @media (max-width: 965px) { .products__slide { width: 100%; margin: 22px 0 22px 0; } } @media (max-width: 500px) { .products__slide { padding: 25px 25px 150px 25px; } } .products__slide-img { width: 38%; } @media (max-width: 650px) { .products__slide-img { width: 100%; margin-bottom: 20px; } } @media (max-width: 650px) { .products__slide-img img { margin: 0 auto; } } .products__slide-text { width: 56%; } .products__slide-text h3 { font-weight: bold; font-size: 24px; line-height: 28px; margin: 0 0 35px 0; padding: 0; color: #000000; } .products__slide-text h3 a { color: #000000; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; text-decoration: none; } .products__slide-text h3 a:hover { color: #46A6E4; } @media (max-width: 500px) { .products__slide-text h3 { font-size: 20px; line-height: 22px; text-align: center; } } .products__slide-text p { font-size: 16px; line-height: 19px; margin: 0; padding: 0; } @media (max-width: 650px) { .products__slide-text { width: 100%; } } .products__slide-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 46px; right: 46px; } @media (max-width: 500px) { .products__slide-btns { right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; bottom: 25px; } } .products__slide-btns .products__slide-price { font-weight: bold; font-size: 24px; line-height: 28px; color: #000000; padding-right: 10px; } .products__slide-btns a.btn-buy { display: inline-block; width: 160px; -webkit-box-sizing: border-box; text-align: center; text-transform: uppercase; padding: 18px 10px; border-radius: 100px; background: #46A6E4; border: 1px solid #46A6E4; box-sizing: border-box; -webkit-box-shadow: 0px 24px 32px rgba(142, 175, 197, 0.3); box-shadow: 0px 24px 32px rgba(142, 175, 197, 0.3); font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; margin-left: 35px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media (max-width: 500px) { .products__slide-btns a.btn-buy { margin-left: 0px; margin-top: 20px; } } .products__slide-btns a.btn-buy:hover { -webkit-box-shadow: 0px 24px 32px rgba(142, 175, 197, 0.8); box-shadow: 0px 24px 32px rgba(142, 175, 197, 0.8); } .products__slider { min-width: 320px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .products__slider .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-left: 0; } .products__slider .slick-next { right: -85px; } @media (max-width: 1600px) { .products__slider .slick-next { right: -20px; } } @media (max-width: 1350px) { .products__slider .slick-next { right: 50%; margin-right: -90px; } } .products__slider .slick-prev { left: -85px; } @media (max-width: 1600px) { .products__slider .slick-prev { left: -20px; } } @media (max-width: 1350px) { .products__slider .slick-prev { left: 50%; margin-left: -90px; } } .products__slider .slick-arrow { width: 72px; height: 72px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1350px) { .products__slider .slick-arrow { bottom: -10px; top: auto; } } .products__all { width: 100%; text-align: center; margin-bottom: 50px; } .products__all a { background: #FFFFFF; -webkit-box-shadow: 0px 36px 32px rgba(161, 194, 215, 0.3); box-shadow: 0px 36px 32px rgba(161, 194, 215, 0.3); border-radius: 100px; display: inline-block; text-align: center; text-transform: uppercase; color: #595959; padding: 23px 34px; } .products.products--blue { background: url(/local/templates/netnord/css/../img/figure5.png), -o-radial-gradient(76.56% 31.67%, 74.75% 168.66%, rgba(116, 192, 242, 0.7) 0%, rgba(29, 110, 186, 0.7) 100%), url(/local/templates/netnord/css/../img/image7.png); background: url(/local/templates/netnord/css/../img/figure5.png), radial-gradient(74.75% 168.66% at 76.56% 31.67%, rgba(116, 192, 242, 0.7) 0%, rgba(29, 110, 186, 0.7) 100%), url(/local/templates/netnord/css/../img/image7.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: left 0 top 60px, center center, right 0 top 0; } .products.products--blue h3 { color: #fff; } .products.products--blue .products__all a { background-color: transparent; color: #fff; border: 1px solid #fff; } @media (max-width: 1440px) { .products.products--blue { background: -o-radial-gradient(76.56% 31.67%, 74.75% 168.66%, rgba(116, 192, 242, 0.7) 0%, rgba(29, 110, 186, 0.7) 100%), url(/local/templates/netnord/css/../img/image7.png); background: radial-gradient(74.75% 168.66% at 76.56% 31.67%, rgba(116, 192, 242, 0.7) 0%, rgba(29, 110, 186, 0.7) 100%), url(/local/templates/netnord/css/../img/image7.png); background-repeat: no-repeat, no-repeat; background-position: center center, right 0 top 0; } } .features__wrapper { padding-top: 55px; padding-bottom: 55px; } .features__table-wrapper { overflow-x: auto; } .features__title { font-weight: bold; font-size: 32px; line-height: 37px; margin: 0 0 35px; } @media (max-width: 426px) { .features__title { font-size: 22px; line-height: 24px; } } .features__table { width: 100%; background-color: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-collapse: collapse; margin-bottom: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; } .features__table td { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 50px; font-size: 18px; line-height: 24px; width: 25%; } @media (max-width: 768px) { .features__table td { padding: 20px 20px; font-size: 16px; line-height: 29px; } } .features__table-head { border-top: none; } .features__table-head th { -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; background: #46A6E4 !important; color: #fff; font-weight: normal; text-transform: uppercase; padding: 23px 50px; font-size: 16px; line-height: 19px; text-align: left; } @media (max-width: 768px) { .features__table-head th { padding: 20px 20px; font-size: 14px; line-height: 17px; } } .features__table tfoot { -webkit-transition: 2s; -o-transition: 2s; transition: 2s; } .features__table tfoot tr:nth-child(odd) { background-color: #fff; } .features__table tfoot tr:nth-child(even) { background-color: #F0F9FF; } .row-invisible { display: none; } .features__btn-wrapper { text-align: center; } .features__btn { font-weight: 500; font-size: 15px; line-height: 18px; /* identical to box height */ background: transparent; outline: none; text-align: center; text-transform: uppercase; padding: 22px 58px; cursor: pointer; color: #595959; border: 1px solid #46A6E4; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; display: inline-block; } .features__btn span { display: none; } .features__btn span.features__btn-show { display: block; } .features .tab__info { background: #FFFFFF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); } @media (max-width: 768px) { .features .tab__info { padding: 15px; } } .features__buttons { border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-box-shadow: 0px -8px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -8px 20px 0px rgba(0, 0, 0, 0.1); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 1025px) { .features__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 768px) { .features__buttons { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .features__buttons .tab { background: #F0F9FF; padding: 22px 0; display: inline-block; width: 324px; font-weight: normal; font-size: 16px; line-height: 19px; /* identical to box height */ text-align: center; text-transform: uppercase; border-bottom: 1px solid #D1E9F8; border-right: 1px solid #D1E9F8; color: #595959; } @media (max-width: 1025px) { .features__buttons .tab { width: -webkit-calc(100%/3); width: calc(100%/3); } } @media (max-width: 768px) { .features__buttons .tab { width: 100%; border-right: none; } } .features__buttons .tab:first-child { border-top-left-radius: 10px; } @media (max-width: 768px) { .features__buttons .tab:first-child { border-top-right-radius: 10px; } } .features__buttons .tab:last-child { border-top-right-radius: 10px; border-right: 1px solid transparent; } @media (max-width: 768px) { .features__buttons .tab:last-child { border-top-right-radius: 0; } } .features__buttons .tab.active { background: #FFFFFF; border-bottom: none; } @media (max-width: 768px) { .features__buttons .tab.active { border-bottom: 1px solid #D1E9F8; } } .features .page-text.page-text--transparent { padding: 20px; } @media (max-width: 768px) { .features .page-text.page-text--transparent { padding: 0; } } @media (max-width: 768px) { .features .page-text.page-text--transparent .page-text__ol li { padding-right: 0; } } .special__wrapper { background: -webkit-gradient(linear, left top, right top, from(#003361), color-stop(21.35%, #003B70), color-stop(52.44%, rgba(0, 47, 90, 0.4)), color-stop(70.37%, rgba(0, 49, 95, 0))); background: -o-linear-gradient(left, #003361 0%, #003B70 21.35%, rgba(0, 47, 90, 0.4) 52.44%, rgba(0, 49, 95, 0) 70.37%); background: linear-gradient(90deg, #003361 0%, #003B70 21.35%, rgba(0, 47, 90, 0.4) 52.44%, rgba(0, 49, 95, 0) 70.37%); -webkit-box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.16); box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.16); border-radius: 10px; padding: 40px 60px; position: relative; overflow: hidden; } @media (max-width: 768px) { .special__wrapper { background: -webkit-gradient(linear, left top, right top, from(#003361), color-stop(21.35%, #003B70), color-stop(75.44%, rgba(0, 47, 90, 0.4)), to(rgba(0, 49, 95, 0.3))); background: -o-linear-gradient(left, #003361 0%, #003B70 21.35%, rgba(0, 47, 90, 0.4) 75.44%, rgba(0, 49, 95, 0.3) 100%); background: linear-gradient(90deg, #003361 0%, #003B70 21.35%, rgba(0, 47, 90, 0.4) 75.44%, rgba(0, 49, 95, 0.3) 100%); padding: 20px 30px; } } .special { margin-top: 25px; margin-bottom: 65px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .special h3 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; color: #FFFFFF; } .special p { color: #fff; margin-bottom: 26px; width: 55%; } @media (max-width: 768px) { .special p { width: 100%; } } .special__img-wrapper { position: absolute; right: 0px; left: 0px; bottom: 0; z-index: -1; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .special__img { height: 100%; margin-left: auto; border-radius: 10px; } .special .big-btn { padding: 19px; } .download-block__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 50px 0; } .download-block { background: #FFFFFF; -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 0 0 20px; width: 48%; padding: 38px 91px 38px 105px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { .download-block { width: 100%; } } @media (max-width: 600px) { .download-block { padding: 20px 20px 20px 60px; } } .download-block__link { cursor: pointer; font-size: 18px; line-height: 21px; color: #000000; position: relative; display: block; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } @media (max-width: 600px) { .download-block__link { font-size: 16px; line-height: 19px; } } .download-block__link:hover { color: #46A6E4; } .download-block__link:before { content: ''; display: block; position: absolute; background-image: url(/local/templates/netnord/css/../img/pdf-1.svg); width: 42px; height: 42px; top: -10px; left: -70px; } @media (max-width: 600px) { .download-block__link:before { left: -48px; } } .download-block__link:after { content: ''; display: block; position: absolute; width: 30px; height: 30px; top: -10px; right: -55px; background-image: url(/local/templates/netnord/css/../img/down-arrow.svg); } @media (max-width: 600px) { .download-block__link:after { content: none; } } .page-sidebar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 28px; padding-bottom: 28px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 768px) { .page-sidebar { padding-top: 25px; } } .page-sidebar__wrapper { background-image: url(/local/templates/netnord/css/../img/figure2.png); background-size: auto; background-repeat: no-repeat; background-position: 0 20px; } @media (max-width: 768px) { .page-sidebar__wrapper { background: none; } } .page-sidebar__title { width: 100%; margin-bottom:30px } .page-sidebar__left { width: 24%; background: #FFFFFF; -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } @media (max-width: 768px) { .page-sidebar__left { width:100%; margin:20px auto; } } .page-sidebar__left ul { padding: 0; margin: 0; list-style: none; } .page-sidebar__left ul li { margin-bottom: 15px; } .page-sidebar__left ul li a { font-size: 18px; line-height: 21px; color: #000000; } .page-sidebar__left ul li a:hover { color: #46A6E4; } .page-sidebar__left ul li:last-child { margin-bottom: 0px; } .page-sidebar__left li.active a { color: #46A6E4; position: relative; } .page-sidebar__left li.active a:before { content: ''; width: 0; height: 0; display: inline-block; border-top: 4px solid transparent; border-left: 6px solid #46A6E4; border-bottom: 4px solid transparent; position: absolute; left: -14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page-sidebar__right { width: 72%; } @media (max-width: 768px) { .page-sidebar__right { width: 100%; } } .page-sidebar__right .special__img-wrapper { left: 0; right: 0; } .page-sidebar__right .special p { width: 76%; font-size: 16px; line-height: 18px; } .page-sidebar__right .special h3 { margin-bottom: 18px; } .page-text ~ div { clear: both; } .page-text { padding-bottom: 55px; padding-top: 25px; } @media (max-width: 768px) { .page-text { padding-top: 25px; } } .page-text__ul { margin: 0; padding: 45px 45px 35px; background: #FFFFFF; -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.12); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.12); border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin-bottom: 20px; margin-top: 20px; } @media (max-width: 600px) { .page-text__ul { padding: 25px 25px 15px; } } .page-text__ul li { margin-bottom: 10px; font-size: 18px; line-height: 20px; color: #000000; padding-left: 22px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; position: relative; } @media (max-width: 600px) { .page-text__ul li { width: 100%; font-size: 16px; line-height: 19px; } } .page-text__ul li:before { content: ''; position: absolute; width: 5px; height: 10px; left: 0px; top: 2px; border-bottom: 2px solid #46A6E4; border-right: 2px solid #46A6E4; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .page-text.page-text--blue { background-image: url(/local/templates/netnord/css/../img/figure9.png), -o-linear-gradient(135.46deg, #74C0F2 0%, #6CB6E7 10.17%, #51A8D9 29.39%, #4DA8DB 48.35%, #4E90CD 66.71%, #1D6EBA 84.23%, #4177C9 100%); background-image: url(/local/templates/netnord/css/../img/figure9.png), linear-gradient(314.54deg, #74C0F2 0%, #6CB6E7 10.17%, #51A8D9 29.39%, #4DA8DB 48.35%, #4E90CD 66.71%, #1D6EBA 84.23%, #4177C9 100%); background-repeat: no-repeat, no-repeat; background-position: right 0 bottom 0, center center; padding-top: 55px; color: #fff; } @media (max-width: 1440px) { .page-text.page-text--blue { background-image: -o-linear-gradient(135.46deg, #74C0F2 0%, #6CB6E7 10.17%, #51A8D9 29.39%, #4DA8DB 48.35%, #4E90CD 66.71%, #1D6EBA 84.23%, #4177C9 100%); background-image: linear-gradient(314.54deg, #74C0F2 0%, #6CB6E7 10.17%, #51A8D9 29.39%, #4DA8DB 48.35%, #4E90CD 66.71%, #1D6EBA 84.23%, #4177C9 100%); background-repeat: no-repeat; background-position: center center; } } .page-text__ol { margin: 20px 0 10px; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; counter-reset: myCounter; } .page-text__ol li { margin-bottom: 20px; font-size: 18px; line-height: 20px; padding-right: 20px; padding-left: 68px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; position: relative; list-style: none; min-height: 46px; } @media (max-width: 600px) { .page-text__ol li { width: 100%; font-size: 16px; line-height: 19px; } } .page-text__ol li:before { counter-increment: myCounter; content: counter(myCounter); background: #fff; display: inline-block; text-align: center; font-weight: 500; font-size: 22px; line-height: 24px; color: #46A6E4; line-height: 46px; width: 46px; height: 46px; border-radius: 100%; position: absolute; left: 0; top: -13px; margin-right: 20px; vertical-align: center; } .page-text.page-text--transparent { padding-top: 55px; } .page-text.page-text--transparent .page-text__ol li:before { border: 2px solid #46A6E4; } .page-text__img-left { float: left; margin: 0px 60px 10px 0; border-radius: 10px; } @media (max-width: 768px) { .page-text__img-left { margin: 0px 10px 10px 0; } } @media (max-width: 600px) { .page-text__img-left { margin: 0 auto 20px; float: none; } } .page-imgs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-image { margin: 10px; width: -webkit-calc(25% - 2*10px); width: calc(25% - 2*10px); } @media (max-width: 426px) { .page-image { width: -webkit-calc(50% - 2*10px); width: calc(50% - 2*10px); } } .page-image img { border-radius: 10px; } .page-faq { background: #FFFFFF; -webkit-box-shadow: 0px 12px 32px rgba(3, 39, 54, 0.1); box-shadow: 0px 12px 32px rgba(3, 39, 54, 0.1); border-radius: 10px; margin-bottom: 80px; } @media (max-width: 768px) { .page-faq { margin-bottom: 25px; } } .page-faq__quest { font-size: 18px; line-height: 24px; color: #000000; position: relative; } .page-faq__quest:after { content: ''; position: absolute; width: 21px; height: 13px; display: block; right: -30px; top: 50%; margin-top: -6.5px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; background-image: url(/local/templates/netnord/css/../img/arrow.svg); background-size: cover; cursor: pointer; } @media (max-width: 450px) { .page-faq__quest:after { right: -25px; } } .page-faq__quest:before { content: ''; position: absolute; width: 54px; height: 54px; display: block; left: -78px; top: -15px; background-image: url(/local/templates/netnord/css/../img/help.png); background-size: cover; } @media (max-width: 426px) { .page-faq__quest:before { left: -69px; } } .page-faq__quest.rotate:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .page-faq__answer { display: none; padding: 25px 0 14px; color: #B6B6B7; font-size: 16px; line-height: 19px; } .page-faq__quest.rotate + .page-faq__answer { display: block; } .page-faq__block { padding: 36px 62px 36px 120px; border-bottom: 2px solid rgba(3, 39, 54, 0.1); } @media (max-width: 426px) { .page-faq__block { padding: 36px 40px 36px 85px; } } .page-faq__block:last-child { border: none; } .foto-slider .slick-next { right: -85px; } @media (max-width: 1440px) { .foto-slider .slick-next { right: -36px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media (max-width: 1350px) { .foto-slider .slick-next { right: 50%; margin-right: -90px; bottom: -10px; top: auto; } } .foto-slider .slick-prev { left: -85px; } @media (max-width: 1440px) { .foto-slider .slick-prev { left: -36px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media (max-width: 1350px) { .foto-slider .slick-prev { bottom: -10px; top: auto; left: 50%; margin-left: -90px; } } .foto-slider { margin: 0 -10px; } .foto-slider__slide { margin: 10px 10px; border-radius: 10px; cursor: pointer; display: block; position: relative; } @media (max-width: 1350px) { .foto-slider__slide { margin: 50px 10px 120px; } } .foto-slider__slide:after { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; border-radius: 10px; background: url(/local/templates/netnord/css/../img/multiply.svg), -webkit-gradient(linear, left bottom, left top, from(rgba(12, 68, 119, 0.8)), to(rgba(12, 68, 119, 0.8))); background: url(/local/templates/netnord/css/../img/multiply.svg), -o-linear-gradient(bottom, rgba(12, 68, 119, 0.8), rgba(12, 68, 119, 0.8)); background: url(/local/templates/netnord/css/../img/multiply.svg), linear-gradient(0deg, rgba(12, 68, 119, 0.8), rgba(12, 68, 119, 0.8)); background-size: 64px 64px , auto; background-repeat: no-repeat; background-position: 50% 50% , center; opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .foto-slider__slide:before { content: 'Увеличить'; position: absolute; display: block; opacity: 0; color: #fff; top: 69%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; z-index: 3; } .foto-slider__slide:hover:before, .foto-slider__slide:hover:after { opacity: 1; } .foto-slider__slide img { border-radius: 10px; } .fancybox-image { border-radius: 10px; } .foto-slider__wrapper { padding-bottom: 45px; padding-top: 55px; } .ymaps-2-1-76-map ymaps { border-radius: 10px; } #map .ymaps-2-1-76-balloon__tail { left: 50%; margin-left: -10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } #map .ymaps-2-1-76-balloon__close + .ymaps-2-1-76-balloon__content { margin-right: 0; padding: 27px; text-align: center; } #map { width: 100%; height: 600px; } @media (max-width: 768px) { #map { height: 400px; } } .map__btn a { margin: 0 auto; font-size: 12px; line-height: 14px; /* identical to box height */ text-align: center; text-transform: uppercase; color: #FFFFFF; padding: 11px 15px; } .map-title { font-weight: normal; font-size: 14px; line-height: 16px; text-align: center; margin-bottom: 12px; color: #000000; } .page-table { width: 100%; border-collapse: collapse; } .page-table tr:nth-child(even) { background-color: #fff; } .page-table tr:nth-child(odd) { background-color: #F0F9FF; } .page-table td { padding: 22px 34px; font-size: 18px; line-height: 24px; } .page-table__wrapper { padding-top: 55px; padding-bottom: 55px; } @media (max-width: 768px) { .page-table__wrapper { padding-top: 25px; padding-bottom: 25px; } } .page-table__wrap { overflow-x: auto; border-radius: 10px; width: 100%; } .page-table__head { background: #46A6E4 !important; border-radius: 6px 6px 0px 0px; color: #fff; } .page-table__head th { font-size: 16px; line-height: 19px; /* identical to box height */ font-weight: 400; color: #FFFFFF; padding: 22px 34px; text-align: left; } .page-table--shadow { -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); } .page-table__twice { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 10px; } .page-table__twice .page-table__wrap { width: 49%; } @media (max-width: 768px) { .page-table__twice .page-table__wrap { width: 100%; margin: 15px 0; } } .page-table--right { text-align: right; } .page-table__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-table__text .page-table__wrap { width: 49%; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } @media (max-width: 768px) { .page-table__text .page-table__wrap { width: 100%; } } .page-table__text .page-table__text-block { width: 49%; background: #FFFFFF; -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 46px 56px; font-size: 18px; line-height: 24px; /* or 133% */ -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; } @media (max-width: 768px) { .page-table__text .page-table__text-block { width: 100%; margin: 15px; } } @media (max-width: 426px) { .page-table__text .page-table__text-block { font-size: 16px; line-height: 19px; padding: 25px 25px; } } .page-table__tab { display: inline-block; background: #FFFFFF; border: 1px solid #46A6E4; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 12px 32px rgba(109, 172, 213, 0.25); box-shadow: 0px 12px 32px rgba(109, 172, 213, 0.25); border-radius: 100px; width: 140px; padding: 16px 20px; font-size: 14px; line-height: 16px; text-align: center; text-transform: uppercase; margin-left: 16px; color: #595959; } @media (max-width: 675px) { .page-table__tab { margin: 16px 16px 0 0; } } .page-table__tab.active { background: #46A6E4; color: #fff; } .page-table__info { display: table; } .page-table__info.hide { display: none; } .page-table__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } @media (max-width: 675px) { .page-table__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .page-table__title h3 { margin-bottom: 0; margin-right: 26px; display: inline-block; } .page-table__title .page-table__location { display: inline-block; font-weight: normal; font-size: 16px; line-height: 19px; padding-left: 18px; position: relative; } .page-table__title .page-table__location:before { content: ''; display: inline-block; width: 10px; height: 14px; background-image: url(/local/templates/netnord/css/../img/location.svg); background-repeat: no-repeat; position: absolute; left: 0; } .page-table__buttons { margin-left: auto; } @media (max-width: 675px) { .page-table__buttons { margin-left: 0; } } @media (max-width: 426px) { .page-table__buttons { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .page-table__connect { display: block; background: #46A6E4; border-radius: 100px; font-size: 14px; line-height: 16px; text-align: center; text-transform: uppercase; color: #FFFFFF; padding: 16px 22px; cursor:pointer } .page-table__connect:hover{ -webkit-box-shadow: 0px 32px 32px rgba(70, 166, 228, 0.3); box-shadow: 0px 32px 32px rgba(70, 166, 228, 0.3); } .map-form { position: relative; } .map-form #map { position: absolute; height: 640px; width: 48%; right: 0; top: 0; overflow: hidden; border-radius: 0; } @media (max-width: 1025px) { .map-form #map { position: static; width: 100%; height: 500px; } } .map-form .main-form__form { width: 680px; -webkit-box-shadow: none; box-shadow: none; padding: 35px 100px 35px 0; } @media (max-width: 1025px) { .map-form .main-form__form { padding: 35px 50px 35px 50px; margin: 0 auto; } } @media (max-width: 1025px) and (max-width: 768px) { .map-form .main-form__form { width: auto; padding: 35px 10px 35px 10px; border: 1px solid #A1A1A1; margin: 20px auto 25px; } } .map-form .main-form__form .main-form__form-title { font-weight: 400; } .map-form .main-form__form .main-form__input--mail { width: 48%; } @media (max-width: 426px) { .map-form .main-form__form .main-form__input--mail { width: 100%; } } .uslugi-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 650px) { .uslugi-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .uslugi-list__item { background: #FFFFFF; -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 36px 42px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 48%; margin-bottom: 30px; position: relative; overflow: hidden; } .uslugi-list__item:after { content: ''; display: block; position: absolute; width: 190px; height: 190px; background-color: #46A6E4; border-radius: 100%; top: -93px; right: -67px; } @media (max-width: 650px) { .uslugi-list__item { width: 80%; } } @media (max-width: 426px) { .uslugi-list__item { width: 100%; padding: 20px; } } .uslugi-list__item-price { position: absolute; top: 20px; right: 10px; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center; z-index: 2; color: #FFFFFF; } .uslugi-list__item-img { width: 179px; } .uslugi-list__item-title { margin: 20px 0; font-size: 24px; line-height: 28px; } .uslugi-list__item-text { margin-bottom: 26px; font-size: 14px; line-height: 16px; } .btn.btn--blue.uslugi-list__item-link { padding: 16px 45px; } .interactive { padding-top: 55px; padding-bottom: 25px; background-image: url(/local/templates/netnord/css/../img/figure1.png); background-repeat: no-repeat; background-position: right 0 top 30px; } @media (max-width: 1440px) { .interactive { background-image: none; } } .interactive__wrapper { background: #FFFFFF; -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.12); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.12); border-radius: 10px; padding: 12px 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 55px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .interactive__wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 425px) { .interactive__wrapper { padding: 10px; } } .interactive__list { padding: 33px 0 0; list-style: none; } .interactive__list-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 18px; line-height: 21px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000000; margin-bottom: 10px; } @media (max-width: 475px) { .interactive__list-item { font-size: 16px; line-height: 19px; } } .interactive__list-icon { margin-right: 23px; } .interactive__img { margin-right: 83px; } @media (max-width: 1025px) { .interactive__img { width: 40%; } } @media (max-width: 768px) { .interactive__img { width: 100%; } } .interactive__btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 35px; } .interactive__btns .btn.btn--blue { padding: 23px 24px; margin-right: 36px; } @media (max-width: 475px) { .interactive__btns .btn.btn--blue { padding: 13px 13px; margin-right: 0px; margin-bottom: 20px; } } @media (max-width: 475px) { .interactive__btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .interactive__btns-link { font-weight: 500; font-size: 14px; line-height: 18px; /* identical to box height */ text-align: center; text-transform: uppercase; color: #46A6E4; } .interactive__btns-link:hover { text-decoration: underline; } .kino-online { background-image: url(/local/templates/netnord/css/../img/back5.png); background-repeat: no-repeat; background-position: right 0 bottom 0; padding-top: 55px; padding-bottom: 15px; } @media (max-width: 1414px) { .kino-online { padding-bottom: 60px; } } .kino-online__content { padding: 0 20px; } .kino-online__slider { margin: 0 -15px; } @media (max-width: 1414px) { .kino-online__slider { margin: 0 -10px; } } .kino-online__slider .slick-track { margin: 0; } .kino-online__slider .slick-arrow.slick-prev { left: -125px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 30%; } @media (max-width: 1550px) { .kino-online__slider .slick-arrow.slick-prev { left: -66px; } } @media (max-width: 1414px) { .kino-online__slider .slick-arrow.slick-prev { bottom: -60px; top: auto; left: 50%; margin-left: -90px; } } .kino-online__slider .slick-arrow.slick-next { top: 30%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); right: -125px; } @media (max-width: 1550px) { .kino-online__slider .slick-arrow.slick-next { right: -66px; } } @media (max-width: 1414px) { .kino-online__slider .slick-arrow.slick-next { right: 50%; margin-right: -90px; bottom: -60px; top: auto; } } .kino-online-slide { background: #FFFFFF; border-radius: 10px; padding: 30px; margin: 20px 15px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-box-shadow: 0px 32px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 32px 20px rgba(0, 0, 0, 0.1); } @media (max-width: 1414px) { .kino-online-slide { margin: 20px 10px 40px; } } @media (max-width: 430px) { .kino-online-slide { margin: 20px 50px 40px; } } .kino-online-slide .btn--blue.btn { padding: 18px 37px; font-weight: 500; font-size: 15px; line-height: 18px; /* identical to box height */ text-align: center; text-transform: uppercase; color: #FFFFFF; } @media (max-width: 460px) { .kino-online-slide .btn--blue.btn { padding: 10px 17px; font-weight: 500; font-size: 14px; line-height: 15px; } } .kino-online__title { font-size: 26px; line-height: 36px; text-align: center; color: #000000; margin-bottom: 20px; } .kino-online__logo { width: 100%; height: 116px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .kino-online__price { margin-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .kino-online__price span:first-child { font-weight: 500; font-size: 34px; line-height: 36px; margin-right: 12px; color: #000000; } .kino-online__price span:last-child { font-size: 16px; line-height: 19px; } .tv-pack { overflow: hidden; position: relative; padding-top: 55px; max-height: 680px; background-color: #5AA8E1; } @media (max-width: 1414px) { .tv-pack { max-height: 750px; } } @media (max-width: 426px) { .tv-pack { background-color: #5AA8E1; } } .tv-pack .slick-slide > div { margin: 15px; } .tv-pack h3 { color: #fff; z-index:4; position:relative } .tv-pack__wrapper { padding-bottom: 45px; } @media (max-width: 1414px) { .tv-pack__wrapper { padding-bottom: 90px; } } .tv-pack__img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #5AA8E1; } .tv-pack__img img { height: 100%; background: -webkit-gradient(linear, right top, left top, color-stop(1.12%, #5AA8E1), color-stop(43.3%, rgba(99, 176, 231, 0))); background: -o-linear-gradient(right, #5AA8E1 1.12%, rgba(99, 176, 231, 0) 43.3%); background: linear-gradient(270deg, #5AA8E1 1.12%, rgba(99, 176, 231, 0) 43.3%); } @media (max-width: 426px) { .tv-pack__img { display: none; } } .tv-pack__slider { margin: 0 -15px; } .tv-pack__slider .slick-arrow.slick-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -125px; width: 72px; height: 72px; } @media (max-width: 1550px) { .tv-pack__slider .slick-arrow.slick-next { right: -66px; } } @media (max-width: 1414px) { .tv-pack__slider .slick-arrow.slick-next { right: 50%; margin-right: -90px; bottom: -109px; top: auto; } } .tv-pack__slider .slick-arrow.slick-prev { width: 72px; height: 72px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -125px; } @media (max-width: 1550px) { .tv-pack__slider .slick-arrow.slick-prev { left: -66px; } } @media (max-width: 1414px) { .tv-pack__slider .slick-arrow.slick-prev { bottom: -109px; top: auto; left: 50%; margin-left: -90px; } } .tv-pack__card { width: 608px; min-height: 255px; position: relative; -webkit-perspective: 100000px; perspective: 100000px; border-radius: 10px; } .tv-pack__front, .tv-pack__back { position: absolute; width: 100%; height: 100%; left: 0; top: 0; min-height: 255px; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; transition: .5s ease; } .tv-pack__front { background-color: #fff; overflow: hidden; } .tv-pack__front-img { width: 39%; margin-right:30px; } @media (max-width: 500px) { .tv-pack__front-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right:5px } } .tv-pack__front-img img { height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } @media (max-width: 500px) { .tv-pack__front-img img { height: auto; margin-top: auto; border-radius:0px; } } .tv-pack__front-text { padding: 25px 25px 95px 0; position: relative; width: 61%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 500px) { .tv-pack__front-text { padding: 15px 15px 85px 0; } } .tv-pack__front-text:after { content: ''; display: block; position: absolute; width: 190px; height: 190px; background-color: #46A6E4; border-radius: 100%; top: -91px; right: -59px; } @media (max-width: 500px) { .tv-pack__front-text:after { width: 120px; height: 120px; top: -48px; left: -194px; } } @media (max-width: 370px) { .tv-pack__front-text:after { width: 120px; height: 120px; top: -48px; left: -160px; } } .tv-pack__front-price { position: absolute; top: 20px; right: 10px; text-align: center; z-index: 2; color: #FFFFFF; } @media (max-width: 500px) { .tv-pack__front-price { top: 4px; left: -55%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 370px) { .tv-pack__front-price { left: -46%; } } .tv-pack__front-price span:first-child { font-weight: 500; font-size: 34px; line-height: 36px; display: block; margin-bottom: 5px; } @media (max-width: 500px) { .tv-pack__front-price span:first-child { font-size: 26px; line-height: 28px; } } .tv-pack__front-price span:last-child { font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #FFFFFF; display: block; } @media (max-width: 500px) { .tv-pack__front-price span:last-child { font-size: 12px; line-height: 14px; } } .tv-pack__front-tarif { font-size: 16px; line-height: 18px; margin-bottom: 12px; } .tv-pack__front-tarif-name { font-size: 26px; line-height: 28px; font-weight: 700; margin-bottom: 12px; } .tv-pack__front-canals { font-weight: normal; font-size: 16px; line-height: 19px; margin-bottom: 12px; } .tv-pack__front-description { font-weight: normal; font-size: 13px; line-height: 15px; } .tv-pack__front-btns { position: absolute; bottom: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .btn.tv-pack__add { border: 1px solid #46A6E4; font-weight: 500; font-size: 15px; line-height: 18px; /* identical to box height */ text-align: center; text-transform: uppercase; padding: 18px 33px; color: #595959; margin-right: 28px; } @media (max-width: 500px) { .btn.tv-pack__add { font-size: 12px; line-height: 14px; padding: 15px 15px; margin-right: 15px; } } @media (max-width: 370px) { .btn.tv-pack__add { font-size: 10px; line-height: 12px; padding: 10px; } } .tv-pack__btn-front { background: transparent; outline: none; border: none; font-size: 18px; line-height: 21px; cursor: pointer; color: #1C99ED; } @media (max-width: 370px) { .tv-pack__btn-front { font-size: 14px; } } .tv-pack__front-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100%; } .tv-pack__back { background-color: #fff; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .tv-pack__back .mCSB_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible; } .tv-pack__back .mCustomScrollBox { overflow: hidden; } .tv-pack__back .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 14px; margin: 44px 0 16px; } .tv-pack__back .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #EDF1F3; border-radius: 10px; } .tv-pack__back .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; background: #FFFFFF; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); border-radius: 100px; } .tv-pack__back .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; } .tv-pack__back-wrapper { padding: 23px 28px 0px 28px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; } .flipped .tv-pack__front { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .flipped .tv-pack__back { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } .tv-pack__card .tv-pack__btn-back { position: absolute; top: 14px; right: 14px; width: 14px; height: 14px; background: transparent; outline: none; border: none; z-index: 20; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; cursor: pointer; } .tv-pack__card .tv-pack__btn-back:before { content: ''; display: block; position: absolute; width: 14px; height: 14px; top: 0; right: 0; background-image: url(/local/templates/netnord/css/../img/close.svg); background-repeat: no-repeat; background-size: cover; } .tv-pack__back-canal { margin: 5px 10px 0; width: -webkit-calc(20% - 2*10px); width: calc(20% - 2*10px); } @media (max-width: 600px) { .tv-pack__back-canal { width: -webkit-calc(25% - 2*10px); width: calc(25% - 2*10px); } } @media (max-width: 425px) { .tv-pack__back-canal { width: -webkit-calc(100%/3 - 2*10px); width: calc(100%/3 - 2*10px); } } .tv-pack__back-canal-logo { width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .tv-pack__back-canal-logo img { margin: 0 auto; } .tv-pack__back-canal-name { font-size: 13px; line-height: 15px; color: #595959; margin: 14px 0 20px 0; font-weight: 400; text-align: center; } .tarif { padding-top: 35px; padding-bottom: 0px; position: relative; } .tarif:after { content: ''; width: 200px; height: 483px; display: block; position: absolute; background-image: url(/local/templates/netnord/css/../img/figure2.png); background-repeat: no-repeat; top: -10px; } @media (max-width: 1647px) { .tarif:after { content: none; } } @media (max-width: 1414px) { .tarif { padding-bottom: 120px; } } .tarif__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1000px) { .tarif__title { margin-bottom: 0px; } } .tarif__title h3 { margin-bottom: 0px; line-height: 26px; } @media (max-width: 1075px) { .tarif__title h3 { margin-bottom: 22px; } } @media (max-width: 1000px) { .tarif__title h3 { width: 100%; margin-bottom: 22px; } } @media (max-width: 730px) { .tarif__title h3 { text-align: center; } } .tarif__btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 730px) { .tarif__btns { width: 100%; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } .tarif__btns-tarifs, .tarif__btns-objects { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 730px) { .tarif__btns-tarifs, .tarif__btns-objects { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .tarif__btns-objects { margin-right: 45px; } @media (max-width: 730px) { .tarif__btns-objects { margin-right: 0; } } .tarif__btns-name { font-size: 14px; line-height: 16px; text-align: right; color: #595959; margin-right: 6px; } @media (max-width: 730px) { .tarif__btns-name { text-align: center; margin-left: 0; margin-bottom: 20px; } } .tarif__btns-tab.btn { font-size: 14px; line-height: 16px; text-align: center; text-transform: uppercase; color: #595959; border: 1px solid #6DACD5; margin-left: 18px; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; width: 120px; } .tarif__btns-tab.btn.active { background: #46A6E4; color: #fff; } @media (max-width: 730px) { .tarif__btns-tab.btn { width: 146px; margin-left: 0; margin-bottom: 20px; } } @media (max-width: 426px) { .tarif__btns-tab.btn { -webkit-box-sizing: border-box; box-sizing: border-box; } } .tarif__btns-filtr.btn { font-size: 14px; line-height: 16px; text-align: center; text-transform: uppercase; color: #595959; border: 1px solid #6DACD5; margin-left: 18px; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 120px; } .tarif__btns-filtr.btn.active { background: #46A6E4; color: #fff; } @media (max-width: 730px) { .tarif__btns-filtr.btn { width: 146px; margin-left: 0; margin-bottom: 20px; } } @media (max-width: 426px) { .tarif__btns-filtr.btn { -webkit-box-sizing: border-box; box-sizing: border-box; } } .tarif-front__img { height: 180px; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; } .tarif-front__img img { position: absolute; z-index: 0; top: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; } .tarif-container { max-width: 1275px; min-width: 320px; margin: 0 auto; } .tarif-slider.hide { height: 0px !important; overflow: hidden !important; } .tarif-slider { overflow: hidden; display: block; } .tarif-slider .slick-arrow.slick-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -125px; width: 72px; height: 72px; } @media (max-width: 1550px) { .tarif-slider .slick-arrow.slick-next { right: -66px; } } @media (max-width: 1414px) { .tarif-slider .slick-arrow.slick-next { right: 50%; margin-right: -90px; bottom: -109px; top: auto; } } .tarif-slider .slick-arrow.slick-prev { width: 72px; height: 72px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -125px; } @media (max-width: 1550px) { .tarif-slider .slick-arrow.slick-prev { left: -66px; } } @media (max-width: 1414px) { .tarif-slider .slick-arrow.slick-prev { bottom: -109px; top: auto; left: 50%; margin-left: -90px; } } .tarif-slider .slick-track { margin: 0; } .tarif-card { margin: 50px 16px; height: 520px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; border-radius: 10px; opacity: 0; transition: 2s; } /*.tarif-card.hide { display: none; }*/ @media (max-width: 613px) { .tarif-card { margin: 50px 50px; } } @media (max-width: 426px) { .tarif-card { margin: 50px 30px; } } @media (max-width: 325px) { .tarif-card { margin: 50px 10px; } } .tarif-front__descr { position: relative; z-index: 1; padding: 48px 10px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; /* background: -webkit-gradient(linear, left bottom, left top, from(rgba(12, 68, 119, 0.7)), to(rgba(12, 68, 119, 0.7))); background: -o-linear-gradient(bottom, rgba(12, 68, 119, 0.7), rgba(12, 68, 119, 0.7)); background: linear-gradient(0deg, rgba(12, 68, 119, 0.7), rgba(12, 68, 119, 0.7));*/ } .tarif-front__tarif { font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; margin-bottom: 8px; color: #FFFFFF; } .tarif-front__tarif-name { font-weight: 500; font-size: 30px; line-height: 32px; /* identical to box height, or 106% */ text-align: center; margin-bottom: 18px; color: #FFFFFF; } .tarif-front-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #FFFFFF; } .tarif-front-price-second { font-weight: 500; font-size: 34px; line-height: 36px; color: #FFFFFF; position: relative; margin-right: 10px; } .tarif-front-price-first { position: absolute; font-size: 16px; line-height: 16px; top: -13px; right: 0; text-align: right; color: #E4E4E4; } .tarif-front__rub{ width: 22px; height: 22px; background-image: url(/local/templates/netnord/css/../img/icon-ruble-white.svg); background-size: cover; } .tarif-front-price-first:before { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tarif-front__period { font-size: 20px; line-height: 23px; display: flex } .tarif-front__down { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 24px 20px 88px 20px ; } .tarif-front__down-canals, .tarif-front__down-speed { width: 50%; margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tarif-front__down-speed { margin-left: auto; } .tarif-front__down-canals1, .tarif-front__down-speed1 { font-size: 14px; line-height: 16px; color: #A2A2A2; } .tarif-front__down-speed1, .tarif-front__down-speed2 { text-align: right; } .tarif-front__down-speed2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; font-size: 16px; } .tarif-front__down-canals2, .tarif-front__down-speed2-number { font-weight: 500; font-size: 24px; line-height: 100%; } .tarif-front__down-speed2-number { margin-left: 8px; } .tarif-front__down-speed2-val { /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;*/ margin-left: 4px; } .tarif-front__down-logo-canals { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; margin-top:-10px; } .tarif-front__down-logo-canal { width: 48px; height: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; background: #F7F7F7; padding: 10px 5px; } .tarif-front__down-logo-canal img { max-height: 33px; } .tarif-front__down-logo-canal:last-child { border-radius: 0; background: transparent; padding: 0; } .tarif-front__down-logo-canal:last-child button { border: none; outline: none; color: #46A6E4; background: transparent; font-size: 11px; line-height: 13px; cursor: pointer; } .tarif-front__down-router, .tarif-front__down-pristavka, .tarif-front__down-turbo { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 7px; } .tarif-front__down-router-block1, .tarif-front__down-pristavka-block1, .tarif-front__down-turbo-block1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50%; } .tarif-front__down-router-block1 img, .tarif-front__down-pristavka-block1 img, .tarif-front__down-turbo-block1 img { margin-right: 10px; } .tarif-front__down-router-block1 span, .tarif-front__down-pristavka-block1 span, .tarif-front__down-turbo-block1 span { font-size: 14px; line-height: 16px; white-space: nowrap; color: #A2A2A2 } .tarif-front__down-router-block2, .tarif-front__down-pristavka-block2, .tarif-front__down-turbo-block2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50%; white-space: nowrap; } .tarif-front__down-router-block2-number, .tarif-front__down-pristavka-block2-number { font-weight: 500; font-size: 20px; line-height: 23px; color: #000000; } .tarif-front__down-router-block2-val, .tarif-front__down-pristavka-block2-val { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; margin-left: 8px; font-size: 14px; line-height: 16px; } .tarif-front__down-router-block2-val span:first-child, .tarif-front__down-pristavka-block2-val span:first-child { width: 15px; height: 15px; background-image: url(/local/templates/netnord/css/../img/icon-ruble.svg); background-size: cover; } .tarif-front__down-btns { position: absolute; left: 24px; right: 24px; bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .tarif-front__down-btns .btn.btn--blue { padding: 14px 22px; } .btn-front-2 { font-size: 14px; line-height: 16px; border: none; outline: none; background: transparent; color: #46A6E4; padding: 0; margin-right: 28px; cursor: pointer; } .tarif-front, .tarif-back, .tarif-back2 { position: absolute; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1); } .tarif-back, .tarif-back2 { height: 100%; } .tarif-front { background-color: #fff; } .tarif-front.tarif-front--akcia { border: 2px solid #ED5A1C; position: relative; } .tarif-front.tarif-front--akcia:before { content: 'Акция'; position: absolute; display: block; left: -10px; top: 8px; padding: 10px 15px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: 500; font-size: 13px; line-height: 15px; text-align: center; z-index: 2; color: #FFFFFF; background: #ED5A1C; } .tarif-front.tarif-front--akcia:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-top: 10px solid #AE4112; border-left: 10px solid transparent; left: -10px; top: 42px; } .tarif-front.tarif-front--new { border: 2px solid #35C0D3; position: relative; } .tarif-front.tarif-front--new:before { content: 'Новый тариф'; position: absolute; display: block; left: -10px; top: 8px; padding: 10px 15px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: 500; font-size: 13px; line-height: 15px; text-align: center; z-index: 2; color: #FFFFFF; background: #35C0D3; } .tarif-front.tarif-front--new:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-top: 10px solid #1179BE; border-left: 10px solid transparent; left: -10px; top: 42px; } .tarif-back, .tarif-back2 { -webkit-box-shadow: 0px 20px 20px rgba(0, 82, 136, 0.35); box-shadow: 0px 20px 20px rgba(0, 82, 136, 0.35); } .tarif-back { background-color: #fff; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border: 2px solid #55BCFF; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .tarif-back .mCSB_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible; } .tarif-back .mCustomScrollBox { overflow: hidden; } .tarif-back .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 12px; margin: 44px 0 16px; } .tarif-back .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #EDF1F3; border-radius: 10px; } .tarif-back .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; background: #FFFFFF; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); border-radius: 100px; } .tarif-back .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; } .tarif-back__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; padding: 40px 24px 17px 10px ; } .tarif-back__canal { margin: 0 9px 0; width: -webkit-calc(2%); width: -webkit-calc(100%/3 - 2*9px); width: calc(100%/3 - 2*9px); } .tarif-back__canal-logo { width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .tarif-back__canal-name { font-size: 10px; line-height: 12px; color: #595959; margin: 14px 0 20px 0; font-weight: 400; text-align: center; word-break: break-word; } .tarif-back__btn { position: absolute; top: 14px; right: 14px; width: 14px; height: 14px; background: transparent; outline: none; border: none; z-index: 20; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; cursor: pointer; } .tarif-back__btn:before { content: ''; display: block; position: absolute; width: 14px; height: 14px; top: 0; right: 0; background-image: url(/local/templates/netnord/css/../img/close.svg); background-repeat: no-repeat; background-size: cover; } .tarif-back2 { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); background-color: #fff; border: 2px solid #55BCFF; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 26px 61px 26px; } .tarif-back2 .btn.btn--blue { padding: 14px 27px; } .tarif-back2__connect { text-align: center; margin-bottom: 20px; } .tarif-back2__line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 15px; } .tarif-back2__line-gray { font-style: normal; font-weight: normal; font-size: 13px; line-height: 15px; color: #A2A2A2; } .tarif-back2__line-black { font-weight: normal; font-size: 16px; line-height: 19px; /* identical to box height */ text-align: right; color: #000000; margin-left: auto; } .tarif-back2__btn { position: absolute; top: 14px; right: 14px; width: 14px; height: 14px; background: transparent; outline: none; border: none; z-index: 20; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; cursor: pointer; } .tarif-back2__btn:before { content: ''; display: block; position: absolute; width: 14px; height: 14px; top: 0; right: 0; background-image: url(/local/templates/netnord/css/../img/close.svg); background-repeat: no-repeat; background-size: cover; } .tarif-back2__tarif { font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; margin-bottom: 8px; color: #A1A1A1; } .tarif-back2__tarif-name { font-weight: 500; font-size: 30px; line-height: 32px; /* identical to box height, or 106% */ text-align: center; margin-bottom: 15px; color: #000; } .tarif-back2__price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000; margin-bottom: 17px; } .tarif-back2__price-second { font-weight: 500; font-size: 34px; line-height: 36px; color: #000; position: relative; margin-right: 10px; } .tarif-back2__price-first { position: absolute; font-size: 16px; line-height: 16px; top: -13px; right: 0; text-align: right; color: #000; } .tarif-back2__price-first:before { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #000; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tarif-back2__period { font-size: 16px; line-height: 19px; display:flex; } .tarif-back2__rub { width: 22px; height: 22px; background-image: url(/local/templates/netnord/css/../img/icon-ruble.svg); background-size: cover; } .tarif-back2__btn-canals { position: absolute; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: transparent; outline: none; border: none; z-index: 20; font-size: 15px; line-height: 15px; color: #46A6E4; cursor: pointer; } .flipped .tarif-front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .flipped .tarif-back { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .flipped-2 .tarif-front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .flipped-2 .tarif-back2 { -webkit-transform: rotateY(-360deg); transform: rotateY(-360deg); } .flipped-3 .tarif-back { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); z-index: 3; } .flipped-3 .tarif-back2 { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .btn-back { position: absolute; top: 0; right: 0; } .tarif.tarif--internet { background: -o-radial-gradient(76.56% 31.67%, 74.75% 168.66%, #74C0F2 0%, #1D6EBA 100%); background: radial-gradient(74.75% 168.66% at 76.56% 31.67%, #74C0F2 0%, #1D6EBA 100%); } .tarif.tarif--internet h3 { margin-bottom: 0; margin-right: 26px; display: inline-block; } @media (max-width: 1000px) { .tarif.tarif--internet h3 { width: auto; } } .tarif.tarif--internet .tarif__title { color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 730px) { .tarif.tarif--internet .tarif__btns { width: auto; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } @media (max-width: 426px) { .tarif.tarif--internet .tarif__btns { width: 100%; } } .tarif.tarif--internet .tarif__btns-tab.btn { border: 1px solid #FFFFFF; background-color: transparent; color: #fff; } .tarif.tarif--internet .tarif__btns-tab.btn.active { background: #FFFFFF; color: #595959; } .tarif.tarif--internet .tarif__btns-objects { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 426px) { .tarif.tarif--internet .tarif__btns-objects { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 730px) { .tarif.tarif--internet .tarif__btns-tab.btn { margin-bottom: 0; margin-left: 10px; } } @media (max-width: 580px) { .tarif.tarif--internet .tarif__btns-tab.btn { margin: 10px 10px 0 0; } } .tarif__location { display: inline-block; font-weight: normal; font-size: 16px; line-height: 19px; padding-left: 18px; position: relative; } .tarif__location:before { content: ''; display: inline-block; width: 12px; height: 16px; background-image: url(/local/templates/netnord/css/../img/location-white.svg); background-repeat: no-repeat; position: absolute; left: 0; } /*.tarif-card.tarif-card--internet { height: 474px; -webkit-box-sizing: border-box; box-sizing: border-box; }*/ .tarif-card.tarif-card--internet .tarif-front__down-speed { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 20px; } .tarif-card.tarif-card--internet .tarif-front__down-speed1 { margin-bottom: 0; } .tarif-card.tarif-card--internet .tarif-front__down-speed2 { margin-left: auto; } .tarif-front__line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .tarif-front__line-name { font-size: 14px; line-height: 16px; color: #A2A2A2; } .tarif-front__line-black { font-size: 16px; line-height: 19px; text-align: right; } .tarif-back2__connect { margin-bottom: 30px; } .conditions { background: #FFFFFF; -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.12); box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.12); border-radius: 10px; width: 74%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 33px 46px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 55px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1025px) { .conditions { width: 100%; } } @media (max-width: 720px) { .conditions { display: block; } } @media (max-width: 375px) { .conditions { padding: 20px ; } } .conditions__text { margin-right: 40px; } @media (max-width: 720px) { .conditions__text { margin: 0 auto 36px auto; } } .conditions__text p { margin-bottom: 0; font-weight: normal; font-size: 14px; line-height: 16px; color: #000000; } .conditions__img { margin-right: 36px; } @media (max-width: 720px) { .conditions__img { margin: 0 auto 36px auto; } } .conditions__title { font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; margin-bottom: 20px; color: #000000; } @media (max-width: 720px) { .conditions__title { text-align: center; } } .conditions__btn .btn.btn--blue { font-weight: 500; font-size: 15px; line-height: 18px; /* identical to box height */ text-align: center; text-transform: uppercase; color: #FFFFFF; padding: 23px 50px; } .conditions__btn { margin-left: auto; } @media (max-width: 720px) { .conditions__btn { text-align: center; } } /*Модальное окно с городами*/ #modal-towns .towns__wrapper{ width:700px; box-sizing:border-box; padding: 35px 70px; background: #FFFFFF; -webkit-box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.1); box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; overflow:hidden } #modal-towns .towns__block{ height:500px; } #modal-towns .mCSB_container{ display:flex; overflow:visible; justify-content: space-between; } #modal-towns .towns{ width:30%; } #modal-towns .town{ box-sizing:border-box; } #modal-towns h3{ text-align: center; margin-bottom:20px; } #modal-towns .towns__btn-wraper { display: flex; justify-content: center; margin:20px 0; } #modal-towns .towns__btn-wraper button{ outline:none; border:none; border-radius: 50px; width:100px; padding:5px; cursor: pointer; } #modal-towns .towns__btn-wraper button:hover{ -webkit-box-shadow: 0px 12px 12px rgba(70, 166, 228, 0.3); box-shadow: 0px 12px 12px rgba(70, 166, 228, 0.3); } #modal-towns .towns__btn-wraper .btn.btn--blue{ color:#fff; border:1px solid #46A6E4; margin-right: 10px } #modal-towns .towns__btn-wraper .btn.btn--white{ color:#46A6E4; border:1px solid #46A6E4; background-color:#fff; margin-left: 10px } #modal-towns .your-town{ font-size: 20px; text-align: center } #modal-towns .your-town span{ color:#46A6E4 } #modal-towns .town { margin-bottom:16px; line-height: 20px; } #modal-towns .town a{ font-size: 18px; line-height: 20px; color:#000; } #modal-towns .town a:hover{ color:#46A6E4 } #modal-towns .mCustomScrollBox { overflow: hidden; } @media(max-width: 900px){ #modal-towns .towns__wrapper{ width:500px; } #modal-towns .towns__block{ height:400px; } #modal-towns .towns{ width:30%; align-self: flex-start } #modal-towns .mCSB_container{ flex-wrap: wrap; } #modal-towns .town a{ font-size: 14px; line-height: 16px; } #modal-towns .town { margin-bottom:10px; line-height: 16px; } } @media(max-width: 426px){ #modal-towns .towns__wrapper{ width:100%; padding: 20px; } .modal .close:before { width: 15px; height: 15px; right: -30px; top: -10px; } #modal-towns .modal{ width:90% } #modal-towns .towns__block{ height:400px; } #modal-towns .towns{ width:100%; align-self: flex-start } #modal-towns .town{ text-align:center } } @media(max-width: 375px){ .modal .close:before { width: 15px; height: 15px; right: -20px; top: -1px; } } #modal-towns .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #EDF1F3; border-radius: 10px; } #modal-towns .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; background: #FFFFFF; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); border-radius: 100px; } #modal-towns .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right:-47px; margin:0; } @media(max-width: 426px){ #modal-towns .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right:-16px; } } #modal-towns .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; } /* хром, сафари */ #modal-towns #mCSB_1_container::-webkit-scrollbar { width: 0; } /* ie 10+ */ #modal-towns #mCSB_1_container{ -ms-overflow-style: none; } /* фф (свойство больше не работает, других способов тоже нет)*/ #modal-towns #mCSB_1_container{ overflow: -moz-scrollbars-none; } @media(max-width:768px){ #modal-towns .towns__btn-wraper .btn.btn--blue{ margin-left:0 ; margin: 20px auto 0 auto !important; display:block } } .basket_list li{ list-style:none; margin-bottom: 10px; position:relative; padding-left: 22px; } .basket_list li:before{ content: ''; position: absolute; width: 5px; height: 10px; left: 0px; top: 4px; border-bottom: 2px solid green; border-right: 2px solid green; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .basket_list .delete_item{ font-size:0; position:relative; cursor:pointer } .basket_list .delete_item:after{ content: ''; position: absolute; width: 2px; height: 15px; left: 8px; top: -12px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: red; border-radius: 50%; } .basket_list .delete_item:before{ content: ''; position: absolute; width: 2px; height: 15px; left: 8px; top: -12px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background-color: red; border-radius: 50%; } .block_404{ background-image:url(/local/templates/netnord/css/../img/404-cat.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center; height: 100vh; width:100%; display:flex; justify-content:center; align-items:center; } @media(max-width:426px){ .block_404{ background-position: 10% center; height: 450px; } } .block_404-info{ text-align:center; padding:20px; background-color:rgba(255, 255, 255, .5); } .block_404-info .block_404-info-wrong{ font-size:36px; line-height:38px } .block_404-info a{ color: #000; text-decoration:underline; font-size: 18px; line-height: 24px; } .block_404-info a:hover{ color: #000; text-decoration:none; } .main-form__input-privacy a{ color:#46A6E4 } .main-form__input-privacy a:hover{ text-decoration:underline } .page-text__wrapper{ font-size: 18px; line-height: 24px; } @media (max-width: 426px){ .page-text__wrapper{ font-size: 16px; line-height: 19px; } } .block_thanks{ background-image:url(/local/templates/netnord/css/../img/thanks.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center; height: 100vh; width:100%; display:flex; justify-content:center; align-items:center; } .block_thanks-info{ text-align:center; padding:20px; background-color:rgba(255, 255, 255, .5); } .block_thanks-info .block_thanks-info-text{ font-size:36px; line-height:38px } @media(max-width: 426px){ .block_thanks-info .block_thanks-info-text{ font-size:28px; line-height:32px } } .block_thanks-info a{ color: #000; text-decoration:underline; font-size: 18px; line-height: 24px; } .block_thanks-info a:hover{ color: #000; text-decoration:none; } .main-pay__description-wrapper{ max-width:486px; margin-top:35px } @media(max-width:1170px){ .main-pay__description-wrapper{ max-width:100%; } } .pay_form_msg{ margin-bottom:10px; color:#BE0000; } .continue-shopping{ margin: 0 auto 20px auto; cursor: pointer; color: #46A6E4; border-bottom: 1px dashed #46A6E4; } .continue-shopping:hover{ border-bottom: 1px dashed transparent; } /*РУБЛИ значок*/ .usluga-content__price{ position: relative; } .usluga-content__price:after{ content:''; position:absolute; display:inline-block; width:30px; height: 30px; background-image: url(/local/templates/netnord/css/../img/icon-ruble.svg); background-size: cover; top:3.5px; } .uslugi-list__item-price{ padding-right: 15px } .uslugi-list__item-price:after{ content: ''; position: absolute; display: inline-block; width: 22px; height: 22px; background-image: url(/local/templates/netnord/css/../img/icon-ruble-white.svg); background-size: cover; top: 7px; } .products__slide-price{ position: relative; } .products__slide-price:after{ content: ''; position: absolute; display: inline-block; width: 22px; height: 22px; background-image: url(/local/templates/netnord/css/../img/icon-ruble.svg); background-size: cover; top: 3px; right:-15px; } @media (max-width: 600px){ .usluga-content__price { margin-left: -30px; } .products__slide-price{ margin-left:-22px } } .page-table ul{ padding: 0px; margin: 0px 0px 0px; list-style: none; } .page-table li { padding-left: 14px; margin-bottom: 5px; position: relative; } .page-table li::before { content: ""; display: inline-block; position: absolute; width: 6px; height: 6px; background-color: #46A6E4; left: 0px; top: 9px; border-radius: 100%; } .faq a{ color:#fff; } .main-slider .slick-track .slick-slide:nth-child(3) h2, .main-slider .slick-track .slick-slide:nth-child(3) p{ color:#fff } #_rs_ #_r1_ #_r2_ .newUIPageTitle{ line-height:120% } .page-title__name { font-weight: bold; font-size: 32px; line-height: 36px; color: #1B1B1B; margin: 0; margin-bottom: 24px; width: 50%; } @media (max-width: 650px){ .page-title__name { width: 100%; font-size: 22px; line-height: 24px; } } .page-title.page-title--color .page-title__name{ color:#fff } .tarif-front__line-free-chanels{ color: #46A6E4; font-weight: bold; font-size: 24px; line-height: 28px; } .tarif-front__line.tarif-front__line--free-chanels{ align-items: center } .tarif-front__down-turbo-block2{ font-size: 16px; line-height: 19px; color: #FD003A } .tarif-front.tarif-front--pro:before { content: ''; position: absolute; display: block; left: -15px; top: 20px; width:40px; height:40px; background-image: url(/local/templates/netnord/css/../img/rocket-in-round.svg); z-index: 1 } .preview-canals{ width:100%; } .preview-canals__top { font-weight: 500; font-size: 16px; line-height: 19px; text-align: center; color: #46A6E4; margin-bottom: 17px } .preview-canals__bottom{ font-size: 14px; line-height: 16px; text-align: center; color: #A2A2A2; margin-bottom: 10px } .tarif-front__down--blue{ color: #46A6E4 } /* End */ /* Start:/local/templates/netnord/components/bitrix/news.list/footer.docs/style.css?1622571599150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1622571570666*/ div.bx-yandex-map {color: black; font-size: 11px;} div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;} div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td { padding: 0px !important; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{ font-size: 11px; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b { background-image: none !important; } /* End */ /* Start:/local/templates/netnord/template_styles.css?17432935221957*/ @media (max-width: 780px) { .main-pay__img.main-pay__img-mob { margin-bottom: 50px; } } @media (max-width: 425px) { .main-pay__img.main-pay__img-mob { margin-bottom: 50px; } } .tarif-front__down-turbo-block2.turbo-back { display: block; white-space: normal; padding-left: 20px; } .tarif-front.tarif-front--pro:before { left: -10px; top: 10px; } .tarif-front__down-turbo-block1.turbo-back { width: 37%; flex-wrap: wrap; justify-content: center; row-gap: 10px; } .tarif-front__down-turbo-block1.turbo-back img { margin-right: 0; } .tairf-front__label { position: relative; top: 43px; left: 0; } .tairf-front__label .tarif-front { width: 0; height: 0; z-index: 1; } .tarif-front.tarif-front--same:before { content: 'Ваши соседи выбирают этот тариф'; position: absolute; display: block; left: -10px; top: 8px; padding: 10px 15px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: 500; font-size: 13px; line-height: 15px; text-align: center; z-index: 2; color: #FFFFFF; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab ); background-size: 200% 300%; animation: same-gradient 20s ease infinite alternate; } .tarif-front.tarif-front--same:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-top: 10px solid #5c5958; border-left: 10px solid transparent; left: -10px; top: 42px; } .tarif-front.tarif-front--same { border: 2px solid #9369a3; position: relative; animation: same-gradient 15s ease infinite; } @keyframes same-gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* End */ /* /local/templates/netnord/css/jquery.fancybox.min.css?162257160014065 */ /* /local/templates/netnord/css/jquery.mCustomScrollbar.css?162257160053583 */ /* /local/templates/netnord/css/slick.css?16225716001895 */ /* /local/templates/netnord/css/normalize.css?16225716006485 */ /* /local/templates/netnord/css/select2.min.css?162257160015196 */ /* /local/templates/netnord/css/additional.css?16225716001042 */ /* /local/templates/netnord/css/main.css?1635496561178773 */ /* /local/templates/netnord/components/bitrix/news.list/footer.docs/style.css?1622571599150 */ /* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1622571570666 */ /* /local/templates/netnord/template_styles.css?17432935221957 */