/* Start:/local/templates/mkt/css/slick.css?17943860111776*/ /* 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/mkt/css/slick-theme.css?17943860113153*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/mkt/css/../images/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/mkt/css/./fonts/slick.eot'); src: url('/local/templates/mkt/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/mkt/css/./fonts/slick.woff') format('woff'), url('/local/templates/mkt/css/./fonts/slick.ttf') format('truetype'), url('/local/templates/mkt/css/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; 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 button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/mkt/css/mCustomScrollbar.css?179438601153583*/ /* == 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/mkt/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/mkt/css/jQueryUI1.12.1.css?179438601138197*/ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #d3d3d3; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("/local/templates/mkt/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #d3d3d3; background: #e6e6e6 url("/local/templates/mkt/css/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #999999; background: #dadada url("/local/templates/mkt/css/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #212121; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #aaaaaa; background: #ffffff url("/local/templates/mkt/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #aaaaaa; background-color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("/local/templates/mkt/css/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-checked { border: 1px solid #fcefa1; background: #fbf9ee; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("/local/templates/mkt/css/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/mkt/css/images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/mkt/css/images/ui-icons_222222_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/local/templates/mkt/css/images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/local/templates/mkt/css/images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/local/templates/mkt/css/images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/mkt/css/images/ui-icons_cd0a0a_256x240.png"); } .ui-button .ui-icon { background-image: url("/local/templates/mkt/css/images/ui-icons_888888_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: -8px -8px 8px #aaaaaa; box-shadow: -8px -8px 8px #aaaaaa; } /* End */ /* Start:/local/templates/mkt/css/fancybox.min.css?179438601112795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/mkt/css/main.css?1794386011134393*/ @charset "UTF-8"; /*Content start*/ @font-face { font-family: 'Fut_Demi_400'; src: url("/local/templates/mkt/css/../fonts/futurademic_400.woff") format("woff"), url("/local/templates/mkt/css/../fonts/futurademic_400.woff2") format("woff2"); font-weight: normal; font-display: swap; font-style: normal; } @font-face { font-family: 'Fut_Light_400'; src: url("/local/templates/mkt/css/../fonts/futuralightc_400.woff") format("woff"), url("/local/templates/mkt/css/../fonts/futuralightc_400.woff2") format("woff2"); font-weight: normal; font-display: swap; font-style: normal; } @font-face { font-family: 'Fut_Light_300'; src: url("/local/templates/mkt/css/../fonts/futuralightc_300.woff") format("woff"), url("/local/templates/mkt/css/../fonts/futuralightc_300.woff2") format("woff2"); font-weight: normal; font-display: swap; font-style: normal; } @font-face { font-family: 'Fut_Med_400'; src: url("/local/templates/mkt/css/../fonts/futuramediumc_400.woff") format("woff"), url("/local/templates/mkt/css/../fonts/futuramediumc_400.woff2") format("woff2"); font-weight: normal; font-display: swap; font-style: normal; } @font-face { font-family: 'Fut_Med_500'; src: url("/local/templates/mkt/css/../fonts/futuramediumc_500.woff") format("woff"), url("/local/templates/mkt/css/../fonts/futuramediumc_500.woff2") format("woff2"); font-weight: normal; font-display: swap; font-style: normal; } @font-face { font-family: 'Fut_Book_400'; src: url("/local/templates/mkt/css/../fonts/futurabookc_400.woff") format("woff"), url("/local/templates/mkt/css/../fonts/futurabookc_400.woff2") format("woff2"); font-weight: normal; font-display: swap; font-style: normal; } /*Размер шрифта для заголовков*/ /*Размер шрифта для body*/ /*Цвет шрифта для body*/ /*Цвет шрифта для заголовков*/ /* margin для заголовков */ /* Шрифт для заголовков */ /*Толщина шрифта для заголовков*/ /* Межстрочный интервал */ html { padding: 0; margin: 0; } body { font-size: 17px; margin: 0; font-family: 'Fut_Book_400', sans-serif; color: #000; min-width: 320px; max-width: 1920px; /*-moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;*/ margin: 0 auto; } body.compensate-for-scrollbar { margin-right: auto; overflow: auto; } .content { overflow: hidden; } .content h1:first-of-type { margin: 0 0 27px; } .content h2:first-of-type { margin: 0 0 27px; } .content h3:first-of-type { margin: 0 0 28px; } .content h4:first-of-type { margin: 0 0 19px; } .content h5:first-of-type { margin: 0 0 23px; } .content h6:first-of-type { margin: 0 0 23px; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font-family: Fut_Light_400, sans-serif; } .content h1 { font-size: 50px; margin: 27px 0; color: #000; font-weight: 400; line-height: 1.2; } .content h2 { font-size: 40px; margin: 27px 0; color: #000; font-weight: 400; line-height: 1.2; } .content h3 { font-size: 35px; margin: 28px 0; color: #000; font-weight: 400; line-height: 1.2; } .content h4 { font-size: 32px; margin: 19px 0; color: #000; font-weight: 400; line-height: 1.2; } .content h5 { font-size: 30px; margin: 23px 0; color: #000; font-weight: 400; line-height: 1.2; } .content h6 { font-size: 28px; margin: 23px 0; color: #000; font-weight: 400; line-height: 1.2; } .content p { margin: 1em 0; text-align: justify; } .content p:first-of-type { margin: 0 0 1em; } .content a, .content a:visited, .content a:active { color: #4d6de0; } .content a:hover, .content a:focus { text-decoration: none; color: #f18689; } .content ul { margin: 0.8em 0; overflow: hidden; line-height: 1.3; padding: 0; } .content ul li { list-style-type: none; position: relative; overflow: hidden; padding: 0 0 0 34px; } .content ul li { padding: 0 0 0 30px; margin: 0 0 18px; } .content ul li:after { content: ""; width: 10px; height: 10px; background: #f7c2c7; position: absolute; top: 7px; left: 0; border-radius: 100%; } .content ol { padding: 0; margin: 0.8em 0; counter-reset: item; list-style-type: none; } .content ol li { padding: 0 0 0 30px; position: relative; margin: 0 0 22px; } .content ol li:before { content: counter(item) ") "; counter-increment: item; position: absolute; top: 0; left: 0; } .table_wrap { overflow-x: auto; overflow-x: auto; box-shadow: 0 5px 20px rgba(119, 131, 157, 0.3); border-radius: 16px; margin: 34px 15px;} .content textarea { resize: none; } .content table { border-collapse: collapse; width: 100%; display: block; border: none; } .content table tbody { width: 100%; } .content td, .content th { padding: 18px 32px; text-align: left; } .content td { border-bottom: 1px solid #e5e5e5; color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1.2; } .content table tr { background: #f9f9f9; } .content table tr:last-child td { border-bottom: none; } .content table tr:first-child { font-family: 'Fut_Demi_400', sans-serif; background: #f4f9ff; color: #1e1e1e; font-size: 17px; line-height: 1.1; border-radius: 16px 16px 0 0; } .content img { max-width: 100%; } .content blockquote { color: #ffffff; font-family: 'Fut_Light_400', sans-serif; font-size: 25px; line-height: 1.4; background: #f18689; border-radius: 9px; padding: 30px; margin: 25px 0; } /*.content input[type=submit]{ -webkit-appearance: none; border: none; outline: none;}*/ /*.content input:-ms-clear{ display: none; }*/ /*::-ms-clear{ width : 0; height: 0; }*/ /*button::-moz-focus-inner{ border: 0; }*/ input[type='submit'] { outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;} button:hover, button:focus { outline: none; cursor: pointer; } a:hover, a:focus { outline: none; cursor: pointer; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } input, input:hover, input:focus { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time { display: block; } .wrapMap { border: 1px solid #e3e3e3; height: 612px; margin: 27px 0 0; } /*Content end*/ .mainWrapper { position: relative; } /*section_1 start*/ .section1 { background: #e9f3fb; padding: 61px 0 50px; position: relative; margin: 0 0 39px; } .section1::after { content: ''; display: block; background: #e9f3fb; position: absolute; bottom: -39px; left: 0; border-radius: 0 0 50% 50%; height: 39px; width: 100%; } .section1__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto 10px; display: flex; flex-flow: row wrap; align-items: center;} .section1__linkBuy, .section1__linkBuy:visited { color: #fefefe; font-family: 'Fut_Demi_400', sans-serif; font-size: 20px; line-height: 1; border: none; background: #f18689; padding: .5em 1em; border-radius: 25px; transition: .3s; cursor: pointer; text-decoration: none; display: block; margin: 0 0 0 1.5em; } .section1__linkBuy:hover, section1__linkBuy:focus{ background: #4d6de0; } /*section_1 end*/ /*slider1 start*/ .slider1 { max-width: 1716px; width: 100%; box-sizing: border-box; margin: 0 auto; } .slider1__item { width: 196px; padding: 10px 0 20px; } .serviceLink { width: 196px; max-height: 196px; border-radius: 25px; background: #fff; box-shadow: 0 10px 10px rgba(146, 190, 223, 0.3); transition: .3s; text-decoration: none; display: block; color: #292b30; margin: 0 auto; } .serviceLink:hover, .serviceLink:focus { box-shadow: 0 10px 10px #92bedf; margin: -10px auto 0; color: #f18689; } .serviceLink__inner { height: 133px; overflow: hidden; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .serviceLink__caption { height: 63px; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1.4; word-wrap: break-word; text-align: center; padding: 0 5px 0; } .slider1_btnPrev, .slider1__btnNext { width: 40px; height: 40px; box-shadow: 0 3px 10px rgba(25, 61, 145, 0.15); background: #fff; position: absolute; border-radius: 100%; background: url(/local/templates/mkt/css/../images/sprite_1.png) #fff no-repeat; background-position: -384px -126px; z-index: 100; border: none; top: calc(50% - 20px); } .slider1_btnPrev:hover, .slider1_btnPrev:focus, .slider1__btnNext:hover, .slider1__btnNext:focus { background: url(/local/templates/mkt/css/../images/sprite_1.png) #f18689 no-repeat; background-position: -384px -70px; } .slider1_btnPrev { left: 40px; } .slider1__btnNext { -webkit-transform: rotate(180deg); transform: rotate(180deg); right: 40px; box-shadow: 0 -3px 10px rgba(25, 61, 145, 0.15); } /*slider1 end*/ .separator1 { max-width: 1686px; width: 100%; margin: 0 auto; height: 2px; background: #e8edf1; border: none; } /*section default start*/ .sectionLink, .sectionLink:visited { display: inline-block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-shadow: 0 3px 10px rgba(25, 61, 145, 0.15); border-radius: 20px; text-decoration: none; padding: 10px 25px; color: #7c8497; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; transition: .3s; } .sectionLink:hover, .sectionLink:focus { background: #c4cfe9; color: #ffffff; } /*section default start*/ /*section2 start*/ .separator2 { max-width: 1686px; width: 100%; margin: 42px auto 51px; height: 2px; background: #e8edf1; border: none; display: none; } .section2 { max-width: 1716px; width: 100%; padding: 76px 15px 48px; box-sizing: border-box; margin: 0 auto; } .section2__header { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; } .section2__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 .82em 0 0; } /*section2 end*/ /*gallery1 start*/ .gallery1 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; margin: 44px 0 0; } /*gallery1 end*/ /*news1 start*/ .news1__date { color: #9ba4b9; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; margin: 0 0 14px; } .news1__title { color: #496adf; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1.3; text-decoration: none; transition: .3s; } .news1__title:hover, .news1__title:focus { color: #f18689; } .news1__description { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1.5; margin: 11px 0 0; } /*news1 end*/ /*section3 start*/ .section3 { display: grid; grid-template-columns: repeat(2, calc(50% - 15px)); grid-gap: 30px; max-width: 1716px; width: 100%; padding: 68px 15px 93px; margin: 0 auto; box-sizing: border-box; } .section3__header { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; } .section3__block1 .section3__header { padding: 0 30px 0 0; } .section3__block2 .section3__header { padding: 0 20px 0 0; } .section3__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 .82em 0 0; } .section3__block1 { padding: 0 78px 0 0; } /*section3 end*/ /*slider2 start*/ .slider2 { margin: 37px 0 0; } .slider2__item { width: 351px; } .slider2_btnPrev, .slider2__btnNext { width: 40px; height: 40px; box-shadow: 0 3px 10px rgba(25, 61, 145, 0.15); background: #fff; position: absolute; border-radius: 100%; background: url(/local/templates/mkt/css/../images/sprite_1.png) #fff no-repeat; background-position: -384px -126px; z-index: 100; border: none; top: 0; } .slider2_btnPrev:hover, .slider2_btnPrev:focus, .slider2__btnNext:hover, .slider2__btnNext:focus { background: url(/local/templates/mkt/css/../images/sprite_1.png) #f18689 no-repeat; background-position: -384px -70px; } .slider2_btnPrev { left: 0; } .slider2__btnNext { -webkit-transform: rotate(180deg); transform: rotate(180deg); right: 0; box-shadow: 0 -3px 10px rgba(25, 61, 145, 0.15); } .slider2ArrowsBox { position: relative; width: 90px; height: 40px; margin: 0 0 0 auto; } /*slider2 end*/ /*cardBlog1 start*/ .cardBlog1 { max-width: 351px; width: 100%; display: block; text-decoration: none; } .cardBlog1:hover .cardBlog1__img, .cardBlog1:focus .cardBlog1__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cardBlog1:hover .cardBlog1__title, .cardBlog1:focus .cardBlog1__title { color: #f18689; } .cardBlog1__wrapImg { border-radius: 24px; margin: 0 0 23px; overflow: hidden; } .cardBlog1__img { width: 100%; transition: .3s; display: block; } .cardBlog1__title { color: #000000; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1.36; } .cardBlog1__description { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1.47; margin: 10px 0 0; } .cardBlog1__date { color: #9ba4b9; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; margin: 24px 0 0; } /*cardBlog1 end*/ /*footer start*/ .footer { max-width: 1920px; width: 100%; margin: 0 auto; } .footerCaution { background: #f4f9ff; padding: 10px 15px; box-sizing: border-box; min-height: 120px; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: #aeb2c0; font-family: 'Fut_Light_400', sans-serif; font-size: 40px; line-height: 1.2; text-transform: uppercase; text-align: center; } .footer__menu { max-width: 1716px; width: 100%; padding: 65px 15px 50px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: repeat(5, auto); grid-gap: 30px; } .footerMenu1 { padding: 0; margin: 0; list-style: none; } .footerMenu1__item { padding: 0; margin: 0 0 19px; } .footerMenu1__link, .footerMenu1__link:visited { color: #4d6de0; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; text-decoration: none; } .footerMenu1 .footerMenu1__item:first-of-type { margin: 0 0 21px; } .footerMenu1 .footerMenu1__item:last-of-type { margin: 0; } .footerMenu1 .footerMenu1__item:first-of-type .footerMenu1__link { color: #111111; font-family: 'Fut_Demi_400', sans-serif; font-size: 24px; line-height: 1; } .footerMenu1__link:hover, .footerMenu1__link:focus, .footerMenu1 .footerMenu1__item:first-of-type .footerMenu1__link:hover, .footerMenu1 .footerMenu1__item:first-of-type .footerMenu1__link:focus, .footerMenu2__link:hover, .footerMenu2__link:focus { color: #f18689; } .footerMenu2 { padding: 0; margin: 0; list-style: none; } .footerMenu2__item { padding: 0; margin: 0 0 26px; } .footerMenu2__link { color: #111111; font-family: 'Fut_Demi_400', sans-serif; font-size: 24px; line-height: 1; text-decoration: none; } .footer__info { max-width: 1716px; width: 100%; padding: 45px 15px 70px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: 2fr 3fr auto 3fr 256px; grid-gap: 30px; } .footer__separator { max-width: 1686px; width: 100%; margin: 0 auto; height: 2px; background: #e8edf1; border: none; } .footerLogo { max-width: 208px; display: block; } .footerLogo__img { width: 100%; } .copywriting { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 15px; line-height: 1.3; } .copywriting__block1 { margin: 0 0 .7em; font-size: 17px; } .footerPhone, .footerPhon:visited { color: #001020; font-size: 30px; font-family: 'Fut_Med_500', sans-serif; text-decoration: none; margin: 0 0 17px; display: block; } .footerPhone__code { font-family: 'Fut_Light_300', sans-serif; } .footerAddress, .footerAddress:visited { color: #7e879b; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; padding: 0 0 0 22px; position: relative; text-decoration: none; } .footerAddress:hover, .footerAddress:focus { color: #f18689; } .footerAddress:before { content: ''; display: block; width: 16px; height: 20px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -398px -21px; position: absolute; top: 0; left: 0; } .footerEmail, .footerEmail:visited { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 30px; line-height: 1; text-decoration: none; margin: 0 0 17px; display: block; } .footerSocNet { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; justify-content: space-between; width: 90px; -webkit-box-align: center; align-items: center; } .footerSocNet__vk { width: 34px; height: 19px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -170px -247px; display: block; } .footerSocNet__instagram { width: 27px; height: 27px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -327px -90px; display: block; } .siteAuthor__logo { display: block; width: 118px; height: 41px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -167px -21px; } .siteAuthor__text { color: #000000; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; margin: 0 0 3px; } .siteAuthor { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; } .footerInfo__block3 { display: grid; -webkit-box-pack: center; justify-content: center; } .footerInfo__block4 { display: grid; -webkit-box-pack: center; justify-content: center; } /*footer end*/ /*cardDoctor1 start*/ .cardDoctor1 { background: #f4f9ff; border-radius: 7px; padding: 10px 10px 20px; box-sizing: border-box; text-decoration: none; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; transition: .3s; min-height: 452px; } .cardDoctor1:hover, .cardDoctor1:focus { box-shadow: 0 10px 10px #92bedf; } .cardDoctor1__inner { background: url(/local/templates/mkt/css/../images/cardDoctor1_bg.png) no-repeat center center; width: 200px; height: 240px; padding: 20px 0; box-sizing: border-box; margin: 0 auto 12px; background-size: contain; } .cardDoctor1__wrapImg { width: 200px; height: 200px; box-shadow: 0 10px 10px rgba(97, 0, 0, 0.2); border-radius: 100%; background: #fff; overflow: hidden; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .cardDoctor1__img { width: 100%; display: block; } .cardDoctor1__title { color: #001020; font-family: 'Fut_Med_400', sans-serif; font-size: 20px; line-height: 1.5; text-align: center; transition: .3s; } .cardDoctor1:hover .cardDoctor1__title, .cardDoctor1:focus .cardDoctor1__title { color: #f18689; } .cardDoctor1__experience { background: #f7c2c7; color: #804147; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; padding: 9px 10px; display: inline-block; margin: 11px auto 18px; } .cardDoctor1__description { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 14px; line-height: 1.4; text-align: center; } /*cardDoctor1 end*/ /*slider3 start*/ .slider3 { margin: 25px 0 0; } .slider3__item { padding: 0 10px 20px; } .slider3Item__inner { width: 256px; } .slider3_btnPrev, .slider3__btnNext { width: 40px; height: 40px; box-shadow: 0 3px 10px rgba(25, 61, 145, 0.15); background: #fff; position: absolute; border-radius: 100%; background: url(/local/templates/mkt/css/../images/sprite_1.png) #fff no-repeat; background-position: -384px -126px; z-index: 100; border: none; top: 0; } .slider3_btnPrev { left: 0; } .slider3__btnNext { -webkit-transform: rotate(180deg); transform: rotate(180deg); right: 0; box-shadow: 0 -3px 10px rgba(25, 61, 145, 0.15); } .slider3_btnPrev:hover, .slider3_btnPrev:focus, .slider3__btnNext:hover, .slider3__btnNext:focus { background: url(/local/templates/mkt/css/../images/sprite_1.png) #f18689 no-repeat; background-position: -384px -70px; } .slider3ArrowsBox { position: relative; width: 90px; height: 40px; margin: 0 0 0 auto; } /*slider3 end*/ /*section4 start*/ .section4 { max-width: 1920px; width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; overflow: hidden; } .section4:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 60px; width: 100%; background: radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, white 81%, white 100%); z-index: 100; } /*section4 end*/ /*slider4 start*/ .slider4_ { height: 625px; } .slider4__item { position: relative; } .slider4__img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 625px; } .slider4__info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slider4__inner { max-width: 1716px; width: 100%; height: 100%; padding: 0 156px; box-sizing: border-box; margin: 0 auto; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; -webkit-box-pack: center; justify-content: center; } .slider4__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; width: 50%; margin: 0 0 28px; } .slider4__description { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 18px; line-height: 1.66; margin: 0 0 30px; width: 50%; } .slider4__link { color: #ffffff; font-family: 'Fut_Demi_400', sans-serif; font-size: 18px; line-height: 1; display: inline-block; text-decoration: none; padding: 20px 42px; background: #f18689; border-radius: 30px; transition: .3s; } .slider4__link:hover, .slider4__link:focus { color: #fff; background: #4d6de0; } .slider4_btnPrev, .slider4__btnNext { width: 40px; height: 40px; box-shadow: 0 3px 10px rgba(25, 61, 145, 0.15); background: #fff; position: absolute; border-radius: 100%; background: url(/local/templates/mkt/css/../images/sprite_1.png) #fff no-repeat; background-position: -384px -126px; z-index: 100; border: none; top: calc(50% - 20px); } .slider4_btnPrev { left: calc((100% - 1445px - 80px - 150px) / 2); } .slider4__btnNext { -webkit-transform: rotate(180deg); transform: rotate(180deg); right: calc((100% - 1445px - 80px - 150px) / 2); box-shadow: 0 -3px 10px rgba(25, 61, 145, 0.15); } .slider4_btnPrev:hover, .slider4_btnPrev:focus, .slider4__btnNext:hover, .slider4__btnNext:focus { background: url(/local/templates/mkt/css/../images/sprite_1.png) #f18689 no-repeat; background-position: -384px -70px; } .slider4 .slick-dots { bottom: 20px; } .slider4.slick-dotted.slick-slider { margin-bottom: 0; } .slider4 .slick-dots li button::before { display: none; } .slider4 .slick-dots li button { width: 18px; height: 18px; background: #d6d3d0; border-radius: 100%; } .slider4 .slick-dots .slick-active button { background: #4d6de0; } /*slider4 end*/ /*section5 start*/ .section5 { max-width: 1920px; width: 100%; margin: 0 auto; padding: 79px 0 86px; background: url(/local/templates/mkt/css/../images/section_5_bg_1.png) no-repeat left bottom, url(/local/templates/mkt/css/../images/section_5_bg_2.png) no-repeat right top, linear-gradient(to bottom, #dce3f3 0%, #dce3f3 1%, #f3cdd0 100%); } .section5__inner { max-width: 1716px; width: 100%; margin: 0 auto; padding: 0 15px; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; justify-content: space-between; box-sizing: border-box; position: relative; } .section5__block1 { width: 49%; padding: 0 15px; box-sizing: border-box; position: absolute; top: 0; left: 0; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; height: 100%; -webkit-box-pack: center; justify-content: center; } .section5__block2 { width: 100%; -webkit-box-flex: 0; flex: none; padding: 0 0 0 41%; box-sizing: border-box; } .section5__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 0 33px; } .section5__description { color: #4e5464; font-family: 'Fut_Book_400', sans-serif; font-size: 18px; line-height: 1.66; position: relative; padding: 0 0 0 122px; min-height: 91px; box-sizing: border-box; } .section5__description:before { content: ''; display: block; background: url(/local/templates/mkt/css/../images/sprite_1.png); background-position: -21px -21px; width: 104px; height: 91px; position: absolute; top: 0; left: 0; } .section5__list { margin: 46px 0 0; list-style: none; counter-reset: myCounter; padding: 0; } .section5__item { color: #4e5464; font-family: 'Fut_Demi_400', sans-serif; font-size: 18px; line-height: 1; margin: 0 0 20px; position: relative; padding: 0 0 0 56px; min-height: 40px; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; } .section5__item:before { counter-increment: myCounter; content: counter(myCounter); color: #4e5464; font-family: 'Fut_Demi_400', sans-serif; font-size: 18px; line-height: 1; background: #fff; border-radius: 100%; display: block; width: 40px; height: 40px; text-align: center; position: absolute; top: 0; left: 0; padding: 11px 0 0; box-sizing: border-box; } /*section5 end*/ /*form default start*/ .form__field, .form__textarea { position: relative; padding: 0 10px; } .error { color: red; padding: 3px; } .form__field_datePicker:before { content: ''; width: 29px; height: 27px; display: block; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -327px -21px; position: absolute; bottom: 9px; left: 10px; } .form__field_datePicker::after { content: ''; display: block; height: 14px; width: 9px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -398px -139px; position: absolute; top: calc(50% - 4px); right: 13px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .form__input { width: 100%; color: #444852; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; padding: 0 0 10px; margin: 14px 0 0; border: none; background: transparent; border-bottom: 2px solid #9ba4b9; outline: none; border-radius: 0; box-sizing: border-box; } .form__input_datePicker { padding: 0 15px 10px 40px; } .form__input:hover:not(.form__input_textarea), .form__input:focus:not(.form__input_textarea) { border-bottom: 2px solid #f18689; } .form__input_error { border-bottom: 2px solid #ed0004; color: #ed0004; } .form__input_textarea { padding: 0; border: none; resize: none; height: 60px; background-image: repeating-linear-gradient(to bottom, transparent, transparent 18px, #9ba4b9 18px, #9ba4b9 20px); line-height: 19px; } .form__input_textarea:hover, .form__input_textarea:focus { background-image: repeating-linear-gradient(to bottom, transparent, transparent 18px, #f18689 18px, #f18689 20px); } .form__input_textarea.form__input_error { color: #ed0004; background-image: repeating-linear-gradient(to bottom, transparent, transparent 18px, #ed0004 18px, #ed0004 20px); } .form__label { color: #444852; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; position: absolute; left: 10px; top: 14px; transition: .3s; } .form__label_textarea { top: 0; } .form__label_active { top: 0; font-size: 13px; } .form__label_textarea.form__label_active { top: -4px; } .btnFilter { width: 100%; color: #fff; font-family: 'Fut_Demi_400', sans-serif; line-height: 1; background: #4d6de0; border-radius: 32px; transition: .3s; cursor: pointer; box-shadow: 0 3px 10px rgba(77, 109, 224, 0.4); border: none; opacity: 1; font-size: 18px; padding: 12px 5px; margin: 0 0 15px; } .btnFilter:hover, .btnFilter:focus { background: #f18689; } .form__btnSend { color: #fff; font-family: 'Fut_Demi_400', sans-serif; font-size: 20px; line-height: 1; background: #4d6de0; padding: 21px 32px; border-radius: 32px; transition: .3s; cursor: pointer; box-shadow: 0 3px 10px rgba(77, 109, 224, 0.4); border: none; opacity: 1; } .form__btnSend[disabled], .form__btnSend[disabled]:hover, .form__btnSend[disabled]:focus { cursor: not-allowed; background: #4d6de0; opacity: .7; } .form__btnSend:hover, .form__btnSend:focus { background: #f18689; } .privacyPolicy__label { width: 32px; height: 32px; overflow: hidden; background: #c4cfe9; display: block; margin: 0 14px 0 0; } .privacyPolicy__inner { position: relative; } .privacyPolicy__checkbox { z-index: -1; position: absolute; top: 0; left: 0; } input:checked + .privacyPolicy__label { background: url(/local/templates/mkt/css/../images/sprite_1.png) #f18689 no-repeat; background-position: -267px -316px; } .privacyPolicy__text, .privacyPolicy__link { color: #8a8d98; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1.3; } .privacyPolicy__link:hover, .privacyPolicy__link:focus { text-decoration: none; } .privacyPolicy { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-align: center; align-items: center; } .inpVisible { width: 100%; color: #444852; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; padding: 16px 0 10px; background: transparent; border-bottom: 2px solid #9ba4b9; } .slt_1.active .inpVisible { border-bottom: 2px solid #f18689; } .inpVisible:after { content: ''; display: block; height: 14px; width: 9px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -398px -139px; position: absolute; top: calc(50% - 4px); right: 13px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .slt_1.active .inpVisible:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .slt_1 { position: relative; } .slt_1.active { box-shadow: 0 0 10px rgba(146, 190, 223, 0.5); background: #fff; border-radius: 8px; z-index: 100; } .slt_1__option { color: #444852; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; padding: 12px 36px 11px 13px; cursor: pointer; } .slt_1__option.active, .slt_1__option:hover { background: #c4cfe9; color: #ffffff; } .slt_1__list { position: absolute; top: 60px; left: 0; display: none; width: 100%; background: #fff; box-shadow: 0px 2px 7px 0px rgba(146, 190, 223, 0.5); overflow: hidden; border-radius: 0 0 8px 8px; padding: 15px 0 0; height: 171px; box-sizing: border-box; } .slt_1.active .slt_1__list { display: block; } .slt_1__output { position: relative; z-index: 1; padding: 0 10px; background: #fff; border-radius: 8px 8px 0 0; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #f18689; width: 10px; margin: 0 0 0 9px; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #4d6de0; } .mCSB_scrollTools .mCSB_draggerRail { width: 1px; background: #000; margin: 0 0 0 14px; display: none; } .mCSB_scrollTools .mCSB_draggerContainer { padding: 0 0 10px; } .mCSB_inside > .mCSB_container { margin-right: 0; } .mCSB_scrollTools { width: 36px; background: #fff; opacity: 1; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #4d6de0; opacity: 1; } .ui-widget.ui-widget-content { z-index: 100; } /*form default end*/ /*form1 start*/ .form1 { background: url(/local/templates/mkt/css/../images/form_1.png) no-repeat left center; min-height: 575px; padding: 90px 43px 59px 185px; box-sizing: border-box; } .form1__inner { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px 44px; } .form1__block1 { grid-row: 1/2; grid-column: 1/2; } .form1__block2 { grid-row: 1/2; grid-column: 2/3; } .form1__block3 { grid-row: 2/3; grid-column: 1/2; } .form1__block4 { grid-row: 2/3; grid-column: 2/3; } .form1__block5 { grid-row: 3/4; grid-column: 1/3; } .form1__block6 { grid-row: 4/5; grid-column: 1/2; padding: 16px 0 0 10px; } .form1__block7 { grid-row: 4/5; grid-column: 2/3; align-self: center; padding: 16px 0 0 10px; } .form__input_datePicker::-webkit-input-placeholder, .form__input_datePicker::-webkit-input-placeholder { color: #444852; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; opacity: 1; } .form__input_datePicker::-webkit-input-placeholder, .form__input_datePicker::placeholder { color: #444852; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; opacity: 1; } /*form1 end*/ /*header start*/ .header { max-width: 1716px; width: 100%; margin: 0 auto; padding: 19px 15px; box-sizing: border-box; background: #fff; display: grid; grid-template-columns: 165px 3fr 191px minmax(310px, 1fr); -webkit-box-align: center; align-items: center; grid-gap: 30px; } .header__block4 { display: grid; grid-template-columns: 90px 1fr; justify-items: end; -webkit-box-align: center; align-items: center; grid-gap: 10px 5px; } .headerSocNet { grid-row: 1/3; grid-column: 1/2; } .headerPhone { grid-row: 1/2; grid-column: 2/3; transition: .5s; } .headerPhone:hover, .headerPhone__second:hover { color: #4D6DE0; } .headerPhone__second { grid-row: 2/3; grid-column: 2/3; transition: .5s; } .headerAddress { grid-row: 2/3; grid-column: 2/3; } .headerLogo { display: block; width: 165px; } .headerLogo__img { display: block; width: 100%; } .btnMainMenu { color: #262b37; font-family: 'Fut_Demi_400', sans-serif; font-size: 17px; line-height: 1; border: none; background: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; cursor: pointer; display: none; padding: 0; } .btnMainMenu:before { content: ''; width: 35px; height: 25px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -93px -247px; display: block; } .btnMainMenu__name { margin: 0 0 0 11px; } .mainMenu__items { display: flex; flex-wrap: wrap; /* Добавлено свойство для переноса элементов на новую строку */ padding: 0; list-style: none; justify-content: space-around; gap: 15px; } .mainMenu__link, .mainMenu__link:visited { color: #262b37; font-family: 'Fut_Demi_400', sans-serif; font-size: 17px; line-height: 1; border-bottom: 2px solid #f18689; text-decoration: none; transition: .1s; padding: 0 0 4px; } .mainMenu__link.active { color: #f18689; border-bottom: 2px solid transparent; } .mainMenu__item { padding: 0; margin: 0; position: relative; } .mainMenu__item:focus .mainMenu__link, .mainMenu__item:hover .mainMenu__link { color: #f18689; border-bottom: 2px solid transparent; } .mainMenu__dropMenu { display: none; position: absolute; top: 25px; left: 0; z-index: 200; padding: 11px 0 0; } .mainMenu__item:last-child .mainMenu__dropMenu { left: auto; right: 0; } .mainMenu__item:focus .mainMenu__dropMenu, .mainMenu__item:hover .mainMenu__dropMenu { display: block; } .mainMenu__item ul { padding: 0; list-style: none; box-shadow: 0 5px 15px rgba(146, 190, 223, 0.5); border-radius: 15px; background: #fff; min-width: 246px; overflow: hidden; } .mainMenu__item ul a, .mainMenu__item ul a:visited { color: #4d6de0; font-family: 'Fut_Book_400', sans-serif; font-size: 16px; line-height: 1; background: transparent; display: block; padding: 11px 20px; text-decoration: none; transition: .1s; } .mainMenu__item ul a:hover, .mainMenu__item ul a:focus { color: #fff; background: #c4cfe9; } .wrapBtnBack { display: none; } .mainMenu_active .wrapBtnBack { display: -webkit-box; display: flex; background: #4562ca; padding: 20px 15px 15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-align: center; align-items: center; } .btnBack { border: none; background: none; color: #ffffff; font-family: 'Fut_Demi_400', sans-serif; font-size: 17px; line-height: 1; padding: 0 0 0 17px; position: relative; } .btnBack:before { content: ''; width: 9px; height: 14px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -398px -139px; display: block; position: absolute; top: calc(50% - 7px); left: 0; } .mainMenu_active .mainMenu__item ul { box-shadow: none; border-radius: 0; background: none; min-width: 100%; overflow: hidden; } .mainMenu_active .btnMainMenu:before { content: ''; width: 25px; height: 25px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -327px -159px; } .mainMenu_active .mainMenu__items { display: block; position: absolute; top: 102px; left: 0; height: 100%; width: 100%; background: #4d6de0; z-index: 200; padding: 17px 15px 0; box-sizing: border-box; margin: 0; } .mainMenu_active .mainMenu__item { padding: 11px 0; text-align: center; list-style: none; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: static; } .mainMenu_active .mainMenu__dropMenu { display: none; background: #4d6de0; width: 100%; height: 100%; z-index: 200; top: 0; padding: 0; } .mainMenu_active .mainMenu__item:focus .mainMenu__dropMenu, .mainMenu_active .mainMenu__item:hover .mainMenu__dropMenu { display: none; } .mainMenu_active .mainMenu__item:focus .mainMenu__link, .mainMenu_active .mainMenu__item:hover .mainMenu__link { color: #fff; border: none; } .mainMenu_active .mainMenu__link, .mainMenu_active .mainMenu__link:visited { color: #ffffff; font-family: 'Fut_Demi_400', sans-serif; font-size: 20px; line-height: 1; border: none; padding: 0; } .btnNextMenu { display: none; } .mainMenu_active .btnNextMenu { width: 9px; height: 14px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -398px -139px; margin: 0 0 0 14px; -webkit-transform: rotate(180deg); transform: rotate(180deg); border: none; padding: 0; cursor: pointer; display: block; } .mainMenu_active .mainMenu__item ul a, .mainMenu_active .mainMenu__item ul a:visited { color: #ffffff; font-family: 'Fut_Demi_400', sans-serif; font-size: 20px; line-height: 1; border: none; padding: 0; text-align: left; } .mainMenu_active .mainMenu__item ul a:hover, .mainMenu_active .mainMenu__item ul a:focus { background: none; } .mainMenu_active .mainMenu__item ul li { padding: 11px 15px; } .btnRegistration { color: #fefefe; font-family: 'Fut_Demi_400', sans-serif; font-size: 16px; line-height: 1; border: none; background: #f18689; padding: 17px 21px; border-radius: 25px; transition: .3s; cursor: pointer; } .btnRegistration:hover, .btnRegistration:focus { background: #4d6de0; } .headerSocNet { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; justify-content: space-between; width: 90px; -webkit-box-align: center; align-items: center; } .headerSocNet__vk { width: 34px; height: 19px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; display: block; background-position: -170px -247px; } .headerSocNet__instagram { width: 27px; height: 27px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; display: block; background-position: -327px -90px; } .headerPhone, .headerPhone:visited, .headerPhone__second, .headerPhone__second:visited { color: #001020; font-size: 25px; line-height: 18px; font-family: 'Fut_Med_500', sans-serif; text-decoration: none; display: block; } .headerPhone__span { font-size: 16px; justify-self: right; display: flex; } .headerPhone__code { font-family: 'Fut_Light_300', sans-serif; } .headerAddress, .headerAddress:visited { color: #7e879b; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; padding: 0 0 0 22px; position: relative; text-decoration: none; } .headerAddress::before { content: ''; display: block; width: 16px; height: 20px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -398px -21px; position: absolute; top: 0; left: 0; } .headerAddress__chunk2 { display: none; } /*header end*/ /*gallery2 start*/ .gallery2 { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 57px 30px; justify-items: center; } /*gallery2 end*/ /*news2 start*/ .news2 { max-width: 478px; width: 100%; display: block; text-decoration: none; } .news2__wrapImg { border-radius: 24px; margin: 0 0 24px; overflow: hidden; } .news2__img { width: 100%; transition: .3s; display: block; } .news2:hover .news2__img, .news2:focus .news2__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .news2:hover .news2__title, .news2:focus .news2__title { color: #f18689; } .news2__title { color: #000000; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1.36; } .news2__description { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1.47; margin: 9px 0 0; } .news2__date { color: #9ba4b9; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; margin: 0 0 9px; } /*news2 end*/ /*tabs start*/ .sectionTabs { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 24px auto 42px; } .tabs { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .tabs__item { display: block; color: #9ba4b9; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; padding: 22px 25px; border-radius: 30px; text-decoration: none; transition: .3s; } .tabs__item_type1:hover:not(.tabs__item_active), .tabs__item_type1:focus:not(.tabs__item_active) { color: #f18689; } .tabs__item_type2:hover:not(.tabs__item_active), .tabs__item_type2:focus:not(.tabs__item_active) { color: #4d6de0; } .tabs__item_active { background: #c4cfe9; color: #000000; } /*tabs end*/ /*pagination start*/ .sectionPagination { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 68px auto 100px; } .pagination { margin: 0 auto; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .pagination__item { color: #606f80; font-family: 'Fut_Book_400', sans-serif; font-size: 25px; line-height: 1; background: transparent; border-radius: 100%; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-decoration: none; height: 51px; width: 51px; box-sizing: border-box; } .pagination__item_active { background: #c4cfe9; color: #fff; } .pagination__item:hover, pagination__item:focus { background: #c4cfe9; color: #fff; } .pagination__prev, .pagination__next { color: #606f80; font-family: 'Fut_Book_400', sans-serif; font-size: 25px; line-height: 1; text-decoration: none; position: relative; } .pagination__prev:after, .pagination__next:after { content: ''; display: block; width: 9px; height: 14px; position: absolute; top: calc(50% - 7px); background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -398px -139px; } .pagination__prev { padding: 0 0 0 27px; margin: 0 57px 0 0; } .pagination__next { padding: 0 27px 0 0; margin: 0 0 0 57px; } .pagination__prev:after { left: 0; } .pagination__next:after { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /*pagination end*/ /*breadcrumbs start*/ .sectionBreadcrumbs { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 20px auto 12px; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .breadcrumbs { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; } .bx-breadcrumb-item a { color: #8d94a5; font-size: 14px; line-height: 1; text-decoration: none; font-family: 'Fut_Book_400', sans-serif; } .separator { margin: 0 8px; } .breadcrumbs .lastItem { font-size: 14px; line-height: 1; color: #8d94a5; } /*breadcrumbs end*/ /*section6 start*/ .section6 { background: #f4f9ff; padding: 60px 0 62px; } .section6__header { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; } .section6__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 40px; line-height: 1.2; margin: 0 22px 0 0; } .btnReview { color: #ffffff; font-family: 'Fut_Demi_400', sans-serif; font-size: 15px; line-height: 1; border: none; background: #4d6de0; padding: 10px 19px; border-radius: 19px; transition: .3s; cursor: pointer; } .btnReview:hover, .btnReview:focus { background: #f18689; color: #fff; } /*section6 end*/ /*gallery7 start*/ .gallery7 { max-width: 1719px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 24px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; } /*gallery7 end*/ /*rating start*/ .rating { width: 140px; height: 26px; background: url(/local/templates/mkt/css/../images/rating_star.png) no-repeat; background-position: -138px 0; } .rating_star1 { background-position: -110px 0; } .rating_star2 { background-position: -83px 0; } .rating_star3 { background-position: -54px 0; } .rating_star4 { background-position: -26px 0; } .rating_star5 { background-position: 0 0; } /*rating end*/ .btnMoreReview { color: #7c8497; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; border: none; background: #fff; box-shadow: 0 3px 10px rgba(25, 61, 145, 0.15); padding: 13px 26px; transition: .3s; border-radius: 20px; margin: 30px auto 0; cursor: pointer; display: block; } .btnMoreReview:hover, .btnMoreReview:focus { color: #ffffff; background: #c4cfe9; } /*cardReview1 start*/ .cardReview1 { background: #fff; padding: 22px 21px; display: grid; grid-template-columns: auto 1fr; grid-gap: 12px; -webkit-box-align: center; align-items: center; border-radius: 8px; } .cardReview1__ttl { color: #52565c; font-family: 'Fut_Med_400', sans-serif; font-size: 20px; line-height: 1; grid-row: 1/2; grid-column: 1/2; } .cardReview1__date { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; grid-row: 1/2; grid-column: 2/3; } .cardReview1__rating { grid-row: 2/3; grid-column: 1/3; } .cardReview1__description { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 16px; line-height: 1.56; grid-row: 3/4; grid-column: 1/3; } .cardReview1__description a { word-wrap: break-word; } /*cardReview1 end*/ /*gallery3 start */ .gallery3 { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 60px 30px; } .gallery3__item { background: #fff; border-radius: 15px; transition: .3s; } .gallery3__item:hover, .gallery3__item:focus { box-shadow: 0 10px 10px #92bedf; } /*gallery3 end */ /*section7 start*/ .section7 { background: #f4f9ff; padding: 1px 0; } .section7__header { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 13px auto 10px; } .section7__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 35px 0 0; } /*section7 end*/ /*cardReview2 start*/ .cardReview2 { padding: 30px; display: grid; grid-template-columns: 398px auto 1fr; grid-gap: 12px 30px; } .cardReview2__title { color: #52565c; font-family: 'Fut_Med_400', sans-serif; font-size: 20px; line-height: 1; grid-row: 1/2; grid-column: 2/3; } .cardReview2__date { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; grid-row: 1/2; grid-column: 3/4; align-self: center; } .cardReview2__rating { grid-row: 2/3; grid-column: 2/4; } .cardReview2__description { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 16px; line-height: 1.56; grid-row: 3/4; grid-column: 2/4; min-height: 224px;} .cardReview2__video { grid-row: 1/4; grid-column: 1/2; max-width: 398px; height: 263px; border-radius: 10px; overflow: hidden; } .cardReview2__img { display: block; max-width: 100%; } /*cardReview2 end*/ /*filter1 start*/ .sectionFilter1 { max-width: 1716px; width: 100%; box-sizing: border-box; margin: 23px auto 30px; padding: 0 15px; } .filter1 { padding: 15px 30px 30px; display: grid; grid-template-columns: repeat(4, minmax(100px, 341px)); grid-gap: 30px; background: linear-gradient(to bottom, #efe9f7 0%, #ffe9ed 100%); border-radius: 15px; } .filter1__item:last-of-type{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 15px; margin: 10px 0 0; } .filter1 .slt_1__output { background: transparent; } .paymentPage{ max-width: 1716px; width: 100%; box-sizing: border-box; margin: 0 auto; } .btnCreatePaymentLink{ color: #fefefe; font-family: 'Fut_Demi_400', sans-serif; font-size: 16px; line-height: 1; border: none; background: #f18689; padding: 17px 21px; border-radius: 25px; transition: .3s; cursor: pointer; margin: 0 0 15px; } .btnCreatePaymentLink:hover, .btnCreatePaymentLink:focus { background: #4d6de0; } .form5 { margin: 30px 0; max-width: 400px; } .form5__block1 { margin: 0 0 20px; } .paymentLink { color: #fefefe; font-family: 'Fut_Demi_400', sans-serif; font-size: 16px; line-height: 1; border: none; background:#12bd26; padding: 17px 21px; border-radius: 25px; transition: .3s; cursor: pointer; display: inline-block; } .paymentLink:hover, .paymentLink:focus { background:#13c628; } .wrapPaymentLink__errore { color: red; background: #e3e6ee; padding: 20px; } @media screen and (max-width: 1200px) { .filter1 { grid-template-columns: repeat(2, 1fr); } } /*filter1 end*/ /*cardBlog2 start*/ .cardBlog2 { width: 100%; text-decoration: none; display: grid; grid-template-columns: minmax(100px, 255px) auto 1fr; grid-gap: 0 30px; -webkit-box-align: center; align-items: center; transition: .3s; padding: 15px; box-sizing: border-box; border-radius: 25px; } .cardBlog2:hover, .cardBlog2:focus { box-shadow: 0 10px 10px #92bedf; } .cardBlog2:hover .cardBlog2__tag, .cardBlog2:focus .cardBlog2__tag { background: #f18689; color: #fff; } .cardBlog2__inner_tag { grid-row: 1/2; grid-column: 3/4; display: -webkit-box; display: flex; } .cardBlog2__tag { color: #626876; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; background: #f4f9ff; padding: 10px 15px; border-radius: 18px; text-align: center; transition: .3s; } .cardBlog2:hover .cardBlog2__img, .cardBlog2:focus .cardBlog2__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cardBlog2:hover .cardBlog2__title, .cardBlog2:focus .cardBlog2__title { color: #4d6de0; } .cardBlog2__wrapImg { border-radius: 24px; overflow: hidden; grid-row: 1/4; grid-column: 1/2; } .cardBlog2__img { width: 100%; transition: .3s; display: block; } .cardBlog2__title { color: #000000; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1.36; grid-row: 2/3; grid-column: 2/4; transition: .3s; } .cardBlog2__description { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1.47; grid-row: 3/4; grid-column: 2/4; } .cardBlog2__date { color: #9ba4b9; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; grid-row: 1/2; grid-column: 2/3; } /*cardBlog2 end*/ /*section8 start*/ .section8 { background: url(/local/templates/mkt/css/../images/blog_bg_1.png) no-repeat left center, url(/local/templates/mkt/css/../images/blog_bg_2.png) no-repeat right center, linear-gradient(to bottom, #f1e9f5 0%, #ffe9ed 100%); padding: 1px 0 39px; } .section8__title { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; color: #000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; } /*section8 end*/ /*gallery4 start*/ .gallery4 { max-width: 1716px; width: 100%; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 50px 30px; } /*gallery4 end*/ /*search start*/ .sectionSearch { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 20px auto 0; } .search { display: grid; grid-template-columns: 11fr 1fr; grid-gap: 0 20px; position: relative; } .search:before { content: ''; display: block; width: 20px; height: 20px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -147px -326px; position: absolute; top: 11px; left: 13px; } .search__field { border: none; border-radius: 20px; padding: 0 0 0 40px; transition: .3s; height: 39px; box-shadow: 0 2px 7px rgba(77, 109, 224, 0.3);} .search__field:focus, .search__field:hover { box-shadow: 0 2px 7px rgba(77, 109, 224, 0.3); } .search__btnSearch { color: #ffffff; font-family: 'Fut_Demi_400', sans-serif; font-size: 15px; line-height: 1; background: #4d6de0; padding: 12px 5px; border-radius: 20px; border: none; width: 133px; transition: .3s; box-shadow: 0 3px 10px rgba(77, 109, 224, 0.4); } .search__btnSearch:hover, .search__btnSearch:focus { color: #fff; background: #f18689; } /*search end*/ /*section9 start*/ .section9 { max-width: 1716px; width: 100%; padding: 56px 15px 70px; box-sizing: border-box; margin: 0 auto; } .section9__header { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; margin: 0 0 21px; } .section9__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 .82em 0 0; } .separator3 { max-width: 1686px; width: 100%; margin: 0 auto; height: 2px; background: #e8edf1; border: none; } /*section9 end*/ /*gallery8 start*/ .gallery8 { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 15px 30px; } /*gallery8 end*/ /*servicesBlock start*/ .servicesBlock1 { margin: 0 0 59px; } .servicesBlock__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 40px; line-height: 1; margin: 0 0 18px; } .serviceCost { background: #f4f9ff; border-radius: 8px; padding: 15px 14px 15px 26px; display: grid; grid-template-columns: 9fr 2fr auto; grid-gap: 8px 30px; margin: 0 0 10px; transition: .3s; } .serviceCost:hover, .serviceCost:focus { box-shadow: 0 10px 10px #92bedf; } .serviceCost__name { color: #010101; font-family: 'Fut_Book_400', sans-serif; font-size: 20px; line-height: 1.25; grid-row: 1/2; grid-column: 1/2; } .serviceCost__description { color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1.33; grid-row: 2/3; grid-column: 1/2; } .serviceCost__price { color: #000; font-family: 'Fut_Demi_400', sans-serif; font-size: 20px; line-height: 1.25; grid-row: 1/2; grid-column: 2/3; } .serviceCost__btn { color: #fff; font-family: 'Fut_Demi_400', sans-serif; font-size: 15px; line-height: 1; background: #4d6de0; transition: .3s; padding: 10px 17px; border-radius: 17px; width: 110px; border: none; grid-row: 1/2; grid-column: 3/4; height: 35px; } .serviceCost__btn:hover, .serviceCost__btn:focus { color: #ffffff; background: #f18689; } .servicesBlock__btnShowMore { display: inline-block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-shadow: 0 3px 10px rgba(25, 61, 145, 0.15); border-radius: 20px; text-decoration: none; padding: 10px 25px; color: #7c8497; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; transition: .3s; border: none; margin: 12px 0 0; } .servicesBlock__btnShowMore:hover, .servicesBlock__btnShowMore:focus { background: #c4cfe9; color: #ffffff; } /*servicesBlock end*/ /*section10 start*/ .section10 { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: 256px calc(100% - 256px - 30px); grid-gap: 0 30px; padding: 48px 15px 149px; } .section10__block3 { display: none; } .section10__block1.active { display: block; } /*section10 end*/ /*section11 start*/ .section11__block3 { display: none; } .section11 { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: 256px calc(100% - 256px - 30px); grid-gap: 0 30px; padding: 36px 15px 0; } .section11__block1.active { display: block; } /*section11 end*/ /*gallery5 start*/ .gallery5 { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 30px; } /*gallery5 end*/ /*filter2 start*/ .filter2__checkbox { margin: 0 12px 0 0; width: 32px; height: 32px; position: relative; } .btnStartFilter2 { color: #ffffff; font-family: 'Fut_Demi_400', sans-serif; font-size: 15px; line-height: 1; background: #4d6de0; padding: 12px 5px; border-radius: 20px; border: none; width: 133px; transition: .3s; box-shadow: 0 3px 10px rgba(77, 109, 224, 0.4); display: none; } .btnStartFilter2:hover, .btnStartFilter2:focus { background: #f18689; } .filter2__label { color: #55616f; font-family: 'Fut_Light_400', sans-serif; font-size: 17px; line-height: 1; } .filter2__checkbox label { width: 32px; height: 32px; overflow: hidden; background: #c4cfe9; display: block; margin: 0 14px 0 0; } .filter2__checkbox input { z-index: -1; position: absolute; top: 0; left: 0; } .filter2__checkbox input:checked + label { background: url(/local/templates/mkt/css/../images/sprite_1.png) #f18689 no-repeat; background-position: -267px -316px; } .filter2__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 30px; line-height: 1; margin: 0 0 12px; } .filter2__block { margin: 0 0 42px; } .filter2__block_last { margin: 0; } .filter2__item { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-align: center; align-items: center; margin: 0 0 14px; } .filter2__item:last-of-type { margin: 0; } .filter2__set { overflow: hidden; } /*filter2 end*/ /*gallery6 start*/ .gallery6 { display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; box-shadow: 0 10px 30px rgba(119, 131, 157, 0.2); border-radius: 24px; margin: 38px 0 0; } .servicesForBusinesses { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; padding: 0 42px; min-height: 233px; box-sizing: border-box; transition: .3s; } .gallery6__item:nth-of-type(1) .servicesForBusinesses { border-radius: 24px 0 0 0; } .gallery6__item:nth-of-type(3) .servicesForBusinesses { border-radius: 0 24px 0 0; } .gallery6__item:nth-of-type(4) .servicesForBusinesses { border-radius: 0 0 0 24px; } .gallery6__item:nth-of-type(6) .servicesForBusinesses { border-radius: 0 0 24px 0; } .servicesForBusinesses__img { display: block; } .servicesForBusinesses:hover, .servicesForBusinesses:focus { box-shadow: 0 10px 10px #92bedf; background: #f4f9ff; } .servicesForBusinesses__name { color: #292b30; font-family: 'Fut_Demi_400', sans-serif; font-size: 20px; line-height: 1.25; margin: 27px 0 0; } .gallery6__item:nth-of-type(1) { border-radius: 24px 0 0 0; border-bottom: 1px solid #e8edf1; } .gallery6__item:nth-of-type(2) { border-right: 1px solid #e8edf1; border-bottom: 1px solid #e8edf1; border-left: 1px solid #e8edf1; } .gallery6__item:nth-of-type(3) { border-bottom: 1px solid #e8edf1; } .gallery6__item:nth-of-type(5) { border-left: 1px solid #e8edf1; border-right: 1px solid #e8edf1; } /*gallery6 end*/ /*section12 start*/ .section12 { padding: 21px 15px 136px; background: url(/local/templates/mkt/css/../images/section12_bg.jpg) no-repeat; background-size: cover; } .section12 .sectionBreadcrumbs { padding: 0; max-width: 1686px; } .section12__inner { max-width: 1686px; width: 100%; margin: 0 auto; } .section12__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 0 22px; } .section12__description { color: #3b3b3b; font-family: 'Fut_Light_400', sans-serif; font-size: 20px; line-height: 1.25; } /*section12 end*/ /*section13 start*/ .section13 { padding: 1px 0 89px; background: url(/local/templates/mkt/css/../images/blog_bg_1.png) no-repeat, url(/local/templates/mkt/css/../images/blog_bg_2.png) no-repeat, linear-gradient(to bottom, #f1e9f7 0%, #ffe9ed 145px, white 145px, white 100%); background-position: left top, right top; } .section13 .content { padding: 15px 10px; background: #fff; border-radius: 16px; } .section13__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 0 84px; } /*section13 end*/ /*section13 start*/ .section13__inner { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: 306px calc(100% - 306px - 62px); grid-gap: 0 62px; } .secondMenu { background: #fff; padding: 14px 0; box-shadow: 0 3px 10px rgba(119, 131, 157, 0.15); border-radius: 8px; margin: 0; list-style: none; } .secondMenu__item { padding: 0; margin: 0; } .secondMenu__link { display: block; text-decoration: none; color: #605668; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; padding: 15px 20px; position: relative; transition: .2s; } .secondMenu__link:not(.secondMenu__link_active):hover, .secondMenu__link:not(.secondMenu__link_active):focus { background: #f4f9ff; color: #f18689; } .secondMenu__link_active { background: #4d6de0; color: #fff; } .secondMenu__link:after { content: ''; width: calc(100% - 40px); height: 1px; background: #dad4e1; display: block; position: absolute; bottom: 0; left: 20px; } .secondMenu__item:last-child .secondMenu__link:after, .secondMenu__link_active:after { display: none; } /*section13 end*/ /*slider8 start*/ .slider8 { border-top: 1px solid #e8edf1; border-bottom: 1px solid #e8edf1; margin: 38px 0; padding: 24px 0 30px; } .slider8__header { color: #131313; font-family: 'Fut_Med_400', sans-serif; font-size: 15px; line-height: 1; padding: 0 63px; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; margin: 0 0 20px; } .slider8__header:before { content: ''; display: block; width: 23px; height: 16px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -21px -307px; margin: 0 10px 0 0; } .slider8__inner { padding: 0 60px; box-sizing: border-box; } .slider8__img { margin: 0 auto; } .slider8_btnPrev, .slider8__btnNext { width: 40px; height: 40px; box-shadow: 0 3px 10px rgba(25, 61, 145, 0.15); position: absolute; border-radius: 100%; background: url(/local/templates/mkt/css/../images/sprite_1.png) #fff no-repeat; background-position: -384px -126px; z-index: 100; border: none; top: calc(50% - 20px); } .slider8_btnPrev { left: 0; } .slider8__btnNext { -webkit-transform: rotate(180deg); transform: rotate(180deg); right: 0; box-shadow: 0 -3px 10px rgba(25, 61, 145, 0.15); } .slider8_btnPrev:hover, .slider8_btnPrev:focus, .slider8__btnNext:hover, .slider8__btnNext:focus { background: url(/local/templates/mkt/css/../images/sprite_1.png) #f18689 no-repeat; background-position: -384px -70px; } /*slider8 end*/ /*section14 start*/ .section14 { padding: 1px 0 0; background: url(/local/templates/mkt/css/../images/blog_bg_1.png) no-repeat, url(/local/templates/mkt/css/../images/blog_bg_2.png) no-repeat, linear-gradient(to bottom, #f1e9f7 0%, #ffe9ed 307px, white 307px, white 100%); background-position: left top, right top; } .section14__inner { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: 1fr 400px; grid-gap: 83px 30px; } .section14__block1 { grid-row: 1/2; grid-column: 1/3; } .section14__block2 { grid-row: 2/3; grid-column: 1/2; } .section14__block3 { grid-row: 2/3; grid-column: 2/3; padding: 0 0 30px; } .profileDoctor { background: #fff; box-shadow: 0 25px 30px rgba(119, 131, 157, 0.3); border-radius: 16px; padding: 40px 40px 58px; display: grid; grid-template-columns: 1fr 360px; grid-gap: 0 30px; } .profileDoctor__name { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 0 10px; } .profileDoctor__experience { background: #f7c2c7; color: #804147; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; padding: 12px 10px; display: inline-block; margin: 0 15px 19px 0; } .profileDoctor__rating { margin: 0 15px 19px 0; } .profileDoctor__position { color: #6f767f; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; margin: 0 0 19px; } .profileDoctor__positionName { color: #3c3f44; font-size: 18px; margin: 6px 0 0; } .profileDoctorInfo { color: #3c3f44; font-family: 'Fut_Book_400', sans-serif; font-size: 18px; line-height: 1.1; margin: 0 0 19px; } .profileDoctorInfo:last-child { margin: 0; } .profileDoctorInfo a, .profileDoctorInfo a:visited { text-decoration: none; color: #496adf; font-family: 'Fut_Book_400', sans-serif; font-size: 18px; line-height: 1.11; transition: .1s; } .profileDoctorInfo a:hover, .profileDoctorInfo a:focus { color: #f18689; } .profileDoctorInfo__title { color: #6f767f; font-size: 15px; margin: 0 0 6px; } .profileDoctorContact { background: #f4f9ff; border-radius: 9px; padding: 31px; } .profileDoctorContact__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 30px; line-height: 1; } .profileDoctorContact__block { position: relative; padding: 20px 0 20px 48px; } .profileDoctorContact__block:before { content: ''; display: block; width: 30px; height: 37px; position: absolute; top: 22px; left: 0; background: url(/local/templates/mkt/css/../images/profileDoctorContact.png) no-repeat; } .profileDoctorContact__address { color: #3c3f44; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1.33; } .profileDoctorContact__schedule { color: #3c3f44; font-family: 'Fut_Demi_400', sans-serif; font-size: 15px; line-height: 1.33; position: relative; } .profileDoctorContact__block:after { content: ''; display: block; width: 100%; height: 1px; background: #fff; border: none; position: absolute; bottom: 0; left: 0; } .profileDoctorContact__block:last-child:after { display: none; } .profileDoctor__innerImg { box-shadow: 0 10px 10px rgba(97, 0, 0, 0.2); border-radius: 100%; overflow: hidden; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-height: 399px; } .profileDoctor__img { width: 100%; display: block; } .profileDoctor__block4 { grid-row: 2/3; grid-column: 1/3; padding: 0 0 0 469px; margin: -55px 0 0; } .profileDoctor__block2 { display: grid; grid-template-columns: 399px 1fr; grid-gap: 0 74px; } .profileDoctor__block6 { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; margin: 0 0 18px; } .profileDoctor__block5 { padding: 0 0 60px; } /*section14 end*/ /*form2 start*/ .form2 { border-radius: 16px; background: linear-gradient(to right, #fae9f0 0%, #ece9f9 100%); padding: 30px 17px 35px; } .section14__block3 .form2 { position: -webkit-sticky; position: sticky; top: 30px; left: 0; } .form2__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 30px; line-height: .85; position: relative; padding: 0 0 0 82px; min-height: 51px; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; } .form2__title:before { content: ''; width: 58px; height: 51px; display: block; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -21px -154px; position: absolute; top: 0; left: 10px; } .form2__block1 { margin: 27px 0 0; } .form2__block2 { margin: 27px 0 0; } .form2__block3 { margin: 27px 0 0; } .form2__block4 { margin: 36px 0 0; } .form2__block5 { margin: 36px 0 0; padding: 0 0 0 10px; } .form2__block6 { margin: 31px 0 0; padding: 0 0 0 10px; } /*form2 end*/ /*blogInfo start*/ .blogInfo { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; } .blogInfo__date { color: #9ba4b9; font-family: 'Fut_Book_400', sans-serif; font-size: 20px; line-height: 1; margin: 7px 20px 0 0; } .blogInfo__tag { color: #626876; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1; padding: 11px 19px; background: #f4f9ff; border-radius: 18px; margin: 7px 0 0 0; } /*blogInfo end*/ /*section15 start*/ .section15 { background: url(/local/templates/mkt/css/../images/blog_bg_1.png) no-repeat left center, url(/local/templates/mkt/css/../images/blog_bg_2.png) no-repeat right center, linear-gradient(to bottom, #f1e9f5 0%, #ffe9ed 100%); padding: 1px 0 26px; margin: 0 0 34px; } .section15__title { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; color: #000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; } /*section15 end*/ /*section16 start*/ .section16 { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: calc(100% - 351px - 30px) 351px; grid-gap: 0 30px; } /*section16 end*/ /*sidebar1 start*/ .sidebar1__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 40px; line-height: 1.2; margin: 0 0 14px; } .sidebar1__block { margin: 0 0 48px; } /*sidebar1 end*/ /*filter3 start*/ .filter3 { margin: 0 0 30px; display: none; padding: 15px 30px 30px; grid-template-columns: repeat(3, minmax(100px, 341px)); grid-gap: 30px; background: #f4f9ff; border-radius: 15px; -webkit-box-align: end; align-items: end; } .filter3 .slt_1__output { background: transparent; } .filter3__title { color: #000; font-family: 'Fut_Light_400', sans-serif; font-size: 20px; line-height: 1; padding: 0 10px; } /*filter3 end*/ /*section17 start*/ .section17 { position: relative; } .section17__block1 { background: url(/local/templates/mkt/css/../images/section17_bg.jpg) no-repeat; background-size: cover; } .section17__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 0 17px; } .section17__inner_block1 { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; padding: 1px 700px 30px 15px; min-height: 454px; } .section17__inner_block1 .sectionBreadcrumbs { padding: 0; } .section17__block3 { position: absolute; top: 58px; right: 113px; width: 400px; height: calc(100% - 100px); } .section17__block3 .form2 { position: -webkit-sticky; position: sticky; top: 100px; left: 0; } .section17__block2 { max-width: 1716px; width: 100%; box-sizing: border-box; margin: 0 auto; padding: 0 587px 69px 15px; position: relative; } .servicesBlock_section17 { position: relative; padding: 53px 0 63px; } .servicesBlock_section17:after { content: ''; display: block; max-width: 1143px; height: 2px; width: calc(100% + 30px); background: #e8edf1; position: absolute; bottom: 0; left: 0; } .section17__servicesDescription { padding: 58px 0 0; } /*section17 end*/ /*anchorMenu start*/ .anchorMenu { padding: 0; margin: 17px 0 31px; background: #fff; box-shadow: 0 3px 10px rgba(119, 131, 157, 0.15); border-radius: 8px; list-style: none; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; max-width: 675px; width: 100%; } .anchorMenu__separator:last-child { display: none; } .anchorMenu__link, .anchorMenu__link:visited { color: #496adf; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1; text-decoration: none; padding: 19px 20px; display: block; transition: .3s; } .anchorMenu__link:hover, .anchorMenu__link:focus { color: #f18689; } .anchorMenu__link_active { background: #f4f9ff; } .anchorMenu__separator { color: #ced3e4; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1; } .floatAnchorMenu__items .anchorMenu__separator { margin: 0 4px; } .servicesDescription__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 40px; line-height: 1; margin: 0 0 42px; } .floatAnchorMenu { width: 100%; position: fixed; top: 0; left: 0; background: #fff; box-shadow: 0 10px 10px #92bedf; -webkit-animation: showAnchorMenu .5s forwards; animation: showAnchorMenu .5s forwards; } @-webkit-keyframes showAnchorMenu { 0% { top: -200px; } 100% { top: 0; } } @keyframes showAnchorMenu { 0% { top: -200px; } 100% { top: 0; } } .floatAnchorMenu__items { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; list-style: none; padding: 0; margin: 0 auto; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; } .floatAnchorMenu__items .anchorMenu__link { padding: 24px 20px; } /*anchorMenu end*/ /*section18 start*/ .section18 { padding: 21px 15px 136px; background: url(/local/templates/mkt/css/../images/section18_bg.jpg) no-repeat; background-size: cover; } .section18 .sectionBreadcrumbs { padding: 0; max-width: 1686px; } .section18__inner { max-width: 1686px; width: 100%; margin: 0 auto; } .section18__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 50px; line-height: 1; margin: 0 0 22px; } .section18__description { color: #3b3b3b; font-family: 'Fut_Light_400', sans-serif; font-size: 20px; line-height: 1.25; } /*section18 end*/ /*gallery9 start*/ .gallery9 { box-shadow: 0 10px 30px rgba(119, 131, 157, 0.2); background: #fff; border-radius: 24px; overflow: hidden; display: grid; grid-template-columns: minmax(100px, 807px) repeat(3, 1fr); margin: 38px 0 0; box-sizing: border-box; } .gallery9__item { transition: .3s; padding: 0; margin: 0; } .gallery9__item:hover, .gallery9__item:focus { background: #f4f9ff; } .gallery9__item:nth-of-type(1) { grid-row: 1/6; grid-column: 1/2; display: grid; grid-template-columns: 256px 1fr; -webkit-box-align: start; align-items: start; padding: 39px 0; } .gallery9__item:nth-of-type(2) { grid-row: 1/2; grid-column: 2/3; border-left: 1px solid #e8edf1; border-bottom: 1px solid #e8edf1; } .gallery9__item:nth-of-type(3) { grid-row: 1/2; grid-column: 3/4; border-left: 1px solid #e8edf1; border-bottom: 1px solid #e8edf1; } .gallery9__item:nth-of-type(4) { grid-row: 1/2; grid-column: 4/5; border-left: 1px solid #e8edf1; border-bottom: 1px solid #e8edf1; } .gallery9__item:nth-of-type(5) { grid-row: 2/3; grid-column: 2/3; border-left: 1px solid #e8edf1; } .gallery9__item:nth-of-type(6) { grid-row: 2/3; grid-column: 3/4; border-left: 1px solid #e8edf1; } .gallery9__item:nth-of-type(7) { grid-row: 2/3; grid-column: 4/5; border-left: 1px solid #e8edf1; } /*gallery9 end*/ /*serviceLink2 start*/ .serviceLink2 { text-decoration: none; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; padding: 0 49px; min-height: 233px; box-sizing: border-box; transition: .3s; } .gallery9__item:nth-of-type(1) .serviceLink2 { min-height: auto; height: auto; padding: 0 30px 0 49px; } .serviceLink2:hover .serviceLink2__name, .serviceLink2:focus .serviceLink2__name { color: #f18689; } .servicesSubMenu { list-style: none; padding: 0 30px 0 0; margin: 0; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 57px; column-gap: 57px; display: none;} .gallery9__item:nth-of-type(1) .servicesSubMenu{ display: block; } .servicesSubMenu__link, .servicesSubMenu__link:visited { color: #4d6de0; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; transition: .3s; text-decoration: none; display: block; margin: 0 0 19px; } .servicesSubMenu__link:hover, .servicesSubMenu__link:focus { color: #f18689; } .serviceLink2__name, .serviceLink2__name:visited { color: #292b30; font-family: 'Fut_Demi_400', sans-serif; font-size: 20px; line-height: 1.25; transition: .3s; margin: 27px 0 0; } /*serviceLink2 end*/ .bgModalWindow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .9; background: #ebf4fb; z-index: 300; display: none; } .bgModalWindow_active { display: block; } .wrapMw { position: absolute; top: 0; left: 0; z-index: 400; display: none; } .modalWindow { padding: 37px 40px 60px 42px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; background: #fff; box-shadow: 0 10px 10px #92bedf; border-radius: 25px; } .modalWindow__header { position: relative; padding: 0 24px 0 0; } .modalWindow__title { color: #000000; font-family: 'Fut_Light_400', sans-serif; font-size: 40px; line-height: 1; margin: 0 0 0.625em; } .modalWindow__btnClose { width: 24px; height: 23px; position: absolute; top: 0; right: 0; border: none; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -327px -227px; padding: 0; cursor: pointer; } .btnMwClose img { width: 100%; height: 100%; } /*modalWindow registration start*/ .wrapMw_registration { max-width: 828px; width: 100%; } .form4__inner { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px 34px; -webkit-box-align: center; align-items: center; } .form4__block1 { grid-row: 1/2; grid-column: 1/3; } .form4__block2 { grid-row: 2/3; grid-column: 1/2; } .form4__block3 { grid-row: 2/3; grid-column: 2/3; } .form4__block4 { grid-row: 3/4; grid-column: 1/2; } .form4__block5 { grid-row: 4/5; grid-column: 1/3; } .form4__block6 { grid-row: 5/6; grid-column: 1/2; margin: 15px 0 0; } .form4__block7 { grid-row: 5/6; grid-column: 2/3; margin: 15px 0 0; } .form4ServicesCost { display: grid; grid-template-columns: 1fr auto; background: #f4f9ff; padding: 24px 54px 22px 27px; border-radius: 8px; grid-gap: 10px 30px; } .form4ServicesCost__name { grid-row: 1/2; grid-column: 1/2; color: #010101; font-family: 'Fut_Book_400', sans-serif; font-size: 20px; line-height: 1.25; } .form4ServicesCost_description { grid-row: 2/3; grid-column: 1/2; color: #52565c; font-family: 'Fut_Book_400', sans-serif; font-size: 15px; line-height: 1.2; } .form4ServicesCost__price { grid-row: 1/3; grid-column: 2/3; color: #000; font-family: 'Fut_Demi_400', sans-serif; font-size: 20px; line-height: 1.25; } /*modalWindow registration start*/ /*modalWindow review start*/ .wrapMw_review { max-width: 828px; width: 100%; } .form3__inner { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px 34px; -webkit-box-align: center; align-items: center; } .form3__block1 { grid-row: 1/2; grid-column: 1/2; } .form3__block2 { grid-row: 1/2; grid-column: 2/3; } .form3__block3 { grid-row: 2/3; grid-column: 1/2; } .form3__block4 { grid-row: 2/3; grid-column: 2/3; } .form3__block5 { grid-row: 3/4; grid-column: 1/3; } .form3__block6 { grid-row: 4/5; grid-column: 1/2; margin: 15px 0 0; } .form3__block7 { grid-row: 4/5; grid-column: 2/3; margin: 15px 0 0; } /*modalWindow review end*/ /*rating start*/ .wrapRating2 { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-align: center; align-items: center; padding: 0 10px; } .rating2__item { width: 33px; height: 100%; float: left; } .rating2__label { color: #444852; font-family: 'Fut_Book_400', sans-serif; font-size: 17px; line-height: 1; margin: 0 19px 0 0; } .rating2 { width: 166px; height: 31px; background: url(/local/templates/mkt/css/../images/rating2_star.png) no-repeat; background-position: -166px 0; } .rating2_star1 { background-position: -133px 0; } .rating2_star2 { background-position: -100px 0; } .rating2_star3 { background-position: -67px 0; } .rating2_star4 { background-position: -34px 0; } .rating2_star5 { background-position: -1px 0; } /*rating end*/ /*slider7 start*/ .slider7 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; } /*slider7 end*/ .scrollbar1 { max-height: 342px; } /*gallery10 start*/ .gallery10 { display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: 30px 15px; margin: 0 0 50px; } .gallery10__img{ display: block; max-width: 100%; } /*section20 start*/ .section20 { max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: 1fr; } /*section20 ens*/ .btnBackPage, .btnBackPage:visited{ color: #496adf; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1.3; text-decoration: none; transition: .3s; } .btnBackPage:hover, .btnBackPage:focus { color: #f18689; } .section20__block2 { margin: 30px 0; } .searchWrapBlock { max-width: 1716px; width: 100%; padding: 0 15px; margin: 0 auto;} @media screen and (max-width: 1280px) { .gallery10 { display: grid; grid-template-columns: repeat(5, 1fr); } } @media screen and (max-width: 768px) { .gallery10 { display: grid; grid-template-columns: repeat(2, 1fr); } .gallery10 { grid-gap: 15px; margin: 0 0 30px; } } /*gallery10 end*/ @media screen and (max-width: 1730px) { .slider4_btnPrev { left: calc((100% - 1445px - 80px - 80px) / 2); } .slider4__btnNext { right: calc((100% - 1445px - 80px - 80px) / 2); } } @media screen and (max-width: 1716px) { .section17__block3 { right: 15px; } .section17__inner_block1 { padding: 1px 445px 30px 15px; } .section17__block2 { padding: 53px 445px 63px 15px; } } @media screen and (max-width: 1655px) { .section3__block1 { padding: 0 48px 0 0; } .section3__block1 .section3__header { padding: 0 40px 0 0; } .slider4_btnPrev { left: calc((100% - 1445px - 80px - 30px) / 2); } .slider4__btnNext { right: calc((100% - 1445px - 80px - 30px) / 2); } } @media screen and (max-width: 1608px) { .cardBlog1 { max-width: 272px; } .section16 { grid-template-columns: calc(100% - 272px - 30px) 272px; } .cardBlog1__title { font-size: 20px; line-height: 1.25; } .cardBlog1__description { font-size: 16px; line-height: 1.56; margin: 12px 0 0; } .cardBlog1__date { margin: 19px 0 0; } .cardBlog1__wrapImg { margin: 0 0 18px; } .slider3Item__inner { width: 197px; } .cardDoctor1__wrapImg { width: 165px; height: 165px; } .cardDoctor1__inner { width: 165px; height: 198px; padding: 17px 0; } .cardDoctor1__title { font-size: 17px; } .cardDoctor1 { min-height: 388px; } .cardDoctor1__experience { margin: 9px auto 18px; } .cardReview2 { grid-template-columns: 298px auto 1fr; } .cardReview2__video { max-width: 298px; height: 203px; } .cardReview2__description { min-height: 110px; } } @media screen and (max-width: 1580px) { .slider4_btnPrev { left: calc((100% - 1445px) / 2); } .slider4__btnNext { right: calc((100% - 1445px) / 2); } } @media screen and (max-width: 1545px) { .footerLogo { max-width: 168px; } .copywriting { font-size: 15px; } .siteAuthor__text { -webkit-box-ordinal-group: 3; order: 2; margin: 18px 0 0; } .siteAuthor { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; -webkit-box-align: center; align-items: center; margin: -17px 0 0; } .footer__info { grid-template-columns: minmax(168px, 1fr) 2fr auto auto 118px; } .copywriting { font-size: 14px; } .copywriting__block1 { font-size: 15px; } } @media screen and (max-width: 1475px) { .slider4_btnPrev { left: 15px; } .slider4__btnNext { right: 15px; } .slider4__inner { padding: 0 124px; } .serviceLink2 { padding: 0 20px; min-height: 173px; } .gallery9__item:nth-of-type(1) .serviceLink2 { padding: 0 30px 0 20px; } } @media screen and (max-width: 1400px) { .footerCaution { font-size: 35px; } .footerMenu1__link, .footerMenu1__link:visited { font-size: 15px; } .serviceLink, .slider1__item { width: 167px; } .serviceLink { max-height: 167px; } .serviceLink__caption { height: 49px; font-size: 15px; } .serviceLink__inner { height: 118px; } .section1 { padding: 61px 0 20px; } .content h1, .section7__title, .section17__title, .section8__title, .section12__title, .section18__title, .section15__title, .section13__title, .section1__title, .section2__title, .section3__title { font-size: 45px; } .news1__description { font-size: 16px; } .section2 { padding: 50px 15px 38px; } .section3 { padding: 68px 15px 61px; } .slider4__img { height: 550px; } .slider4__title { font-size: 45px; margin: 0 0 23px; } .section5__title { font-size: 45px; margin: 0 0 25px; } .section5__block2 { padding: 0 0 0 37%; } .section5__list { margin: 24px 0 0; } .header__block1 { grid-row: 1/3; grid-column: 1/2; } .header__block2, #bx_incl_area_2{ grid-row: 2/3; grid-column: 2/5; } .header__block3 { grid-row: 1/2; grid-column: 2/3; justify-self: end; } .header__block4 { grid-row: 1/2; grid-column: 3/5; grid-template-columns: auto; } .headerSocNet { grid-row: 1/2; } .headerPhone { grid-row: 1/2; grid-column: 2/3; } .headerPhone__second { grid-row: 2/3; grid-column: 2/3; } .headerAddress { grid-row: 1/23; grid-column: 3/4; } .header { grid-gap: 0 30px; grid-template-columns: 165px 3fr 191px 2fr; } .profileDoctor__name { font-size: 45px; margin: 21px 0 10px; } .profileDoctor__innerImg { max-height: 325px; } .profileDoctor__block2 { grid-template-columns: 325px 1fr; grid-gap: 0 49px; } .profileDoctor__block4 { padding: 0 0 0 375px; margin: 0; } .profileDoctor__block5 { padding: 0; align-self: end; } .profileDoctor { padding: 27px 22px 47px; grid-template-columns: 1fr 288px; grid-gap: 47px 30px; } .section14 { background: url(/local/templates/mkt/css/../images/blog_bg_1.png) no-repeat, url(/local/templates/mkt/css/../images/blog_bg_2.png) no-repeat, linear-gradient(to bottom, #f1e9f7 0%, #ffe9ed 366px, white 366px, white 100%); } .profileDoctorContact { padding: 22px; } .servicesDescription__title { font-size: 35px; } .servicesBlock__title { font-size: 35px; } .section6__title { font-size: 35px; margin: 0 36px 0 0; } .gallery7 { grid-template-columns: repeat(3, 1fr); } .gallery7__item:last-child { display: none; } .btnMoreReview { margin: 59px auto 0; } .section9__title { font-size: 35px; } .section9 { padding: 36px 15px 46px; } .section14__inner { grid-template-columns: 1fr 313px; grid-gap: 58px 30px; } .form2__title { font-size: 26px; } .form2 { padding: 30px 13px 35px; } .gallery3 { grid-template-columns: 1fr; grid-gap: 30px; } .gallery5 { grid-template-columns: repeat(4, 1fr); } .section17__inner_block1 { padding: 1px 358px 30px 15px; } .section17__block3 { width: 313px; } .section17__block2 { padding: 53px 358px 63px 15px; } } @media screen and (max-width: 1296px) { .cardBlog1 { max-width: 243px; } .cardBlog1__title { font-size: 17px; } .section3__block { padding: 0 42px 0 0; } .section3__block1 { padding: 0; } .section3__block1 .section3__header { padding: 0 20px 0 0; } .slider3Item__inner { width: 166px; } .cardDoctor1__wrapImg { width: 144px; height: 144px; } .cardDoctor1__inner { width: 144px; height: 173px; padding: 15px 0; } .cardDoctor1__title { font-size: 16px; } .cardDoctor1 { min-height: 366px; } } @media screen and (max-width: 1280px) { .footerPhone { font-size: 25px; } .footerEmail { font-size: 25px; line-height: 1.47; } .cardBlog1__description { font-size: 15px; line-height: 1.66; margin: 14px 0 0; } .section5__block2 { padding: 0 0 0 30%; } .section5__block1 { width: 44%; } .section5 { padding: 52px 0 80px; } .form__label, .inpVisible { font-size: 15px; } .form__label_form2 { font-size: 17px; } .form__btnSend { font-size: 17px; padding: 15px 16px; } .profileDoctor__name { font-size: 40px; } .profileDoctor__innerImg { max-height: 284px; } .profileDoctor__block2 { grid-template-columns: 284px 1fr; grid-gap: 0 39px; } .profileDoctor__experience { font-size: 16px; padding: 9px 10px; } .profileDoctor__block6 { margin: 0; } .profileDoctor { padding: 24px 20px 38px; grid-template-columns: 1fr 243px; grid-gap: 38px 30px; } .profileDoctor__block4 { padding: 0 0 0 323px; } .profileDoctorInfo { margin: 0 0 21px; } .profileDoctorContact__block { padding: 20px 0 20px 38px; } .profileDoctorInfo a, .profileDoctorInfo a:visited { font-size: 17px; } .profileDoctorInfo { font-size: 17px; } .form__btnSend_form2 { font-size: 20px; padding: 21px 32px; } .gallery9__item:nth-of-type(1) { grid-template-columns: 206px 1fr; padding: 30px 0; } .serviceLink2__name, .serviceLink2__name:visited { font-size: 17px; } } @media screen and (max-width: 1203px) { .slider1__btnNext { right: 15px; } .slider1_btnPrev { left: 15px; } .slider1 { padding: 0 70px; } .gallery8 { grid-gap: 15px 22px; } } @media screen and (max-width: 1140px) { .footerCaution { font-size: 30px; } .footerMenu1 .footerMenu1__item:first-of-type .footerMenu1__link, .footerMenu2__link { font-size: 20px; } .serviceLink, .slider1__item { width: 149px; } .serviceLink { max-height: 149px; } .serviceLink__caption { height: 44px; font-size: 13px; } .serviceLink__inner { height: 105px; } .slider1 { padding: 0 58px; } .slider1_btnPrev { left: 15px; } .slider1__btnNext { right: 15px; } .content h1, .section7__title, .section17__title, .section8__title, .section12__title, .section18__title, .section15__title, .section13__title, .section1__title, .section2__title, .section3__title { font-size: 40px; } .section1 { padding: 52px 0 29px; } .news1__title { font-size: 20px; } .news1__description { margin: 12px 0 0; } .section2 { padding: 60px 15px 38px; } .section3 { padding: 78px 15px 59px; } .slider4__img { height: 504px; } .slider4__title { font-size: 40px; margin: 0 0 10px; } .slider4__inner { padding: 0 113px; } .section4::before { background: radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 90%, white 91%, white 100%); } .slider4__description { margin: 0 0 20px; } .section5__title { font-size: 40px; margin: 0 0 25px; } .section5__description { font-size: 16px; } .section5__item { font-size: 17px; } .btnRegistration { font-size: 15px; padding: 13px 18px; } .section6__title { font-size: 30px; margin: 0 38px 0 0; } .btnMoreReview { margin: 30px auto 0; } .section9__title { font-size: 40px; } .section9 { padding: 62px 15px 64px; } .section14__inner { grid-template-columns: 1fr 358px; grid-gap: 53px 30px; } .gallery4 { grid-template-columns: 1fr; grid-gap: 30px; } .sectionPagination { margin: 38px auto 70px; } .section13__inner { grid-gap: 0 30px; grid-template-columns: 256px calc(100% - 256px - 30px); } .section10 { padding: 48px 15px 89px; } .anchorMenu__link, .anchorMenu__link:visited { font-size: 17px; padding: 19px; } .anchorMenu__separator { font-size: 17px; } .anchorMenu { max-width: 561px; } } @media screen and (max-width: 1120px) { .footer__info { grid-template-columns: 168px auto auto 118px; } .footerInfo__block2 { grid-row: 2/3; grid-column: 1/4; } .section3 { display: block; padding: 44px 15px 63px; } .section3__block { padding: 0; } .section3__block1 .section3__header, .section3__block2 .section3__header { padding: 0; } .cardBlog1 { max-width: 293px; margin: 0 auto; } .separator2 { display: block; } .slider3Item__inner { width: 213px; margin: 0 auto; } .cardDoctor1__wrapImg { width: 187px; height: 187px; } .cardDoctor1__inner { width: 187px; height: 224px; padding: 18px 0; } .cardDoctor1 { min-height: 399px; } .slider3__item { padding: 0 0 20px; } .section5 { padding: 55px 0 87px; } .form1 { background: #fff; min-height: auto; padding: 38px 30px 35px; border-radius: 15px; box-shadow: 0 25px 30px #77839d; } .section5__block2 { padding: 0; } .section5__block1 { width: 100%; position: static; padding: 0; margin: 0 0 30px; display: grid; grid-template-columns: repeat(2, 1fr); -webkit-box-align: center; align-items: center; grid-gap: 5px 30px; } .section5__title { grid-row: 1/2; grid-column: 1/3; } .section5__list { margin: 0; } .section5__title { font-size: 35px; margin: 0; } .section5__item { margin: 0 0 10px; } .section5__description { padding: 0 0 0 112px; } .form1__block6, .form1__block7 { padding: 0 0 0 10px; } .profileDoctor__block2 { grid-row: 1/2; grid-column: 1/3; grid-template-columns: 270px 1fr; grid-gap: 0 29px; } .profileDoctor__block3 { grid-row: 2/3; grid-column: 2/3; } .profileDoctor__block4 { grid-row: 2/3; grid-column: 1/2; padding: 0; } .profileDoctor__innerImg { max-height: 270px; } .profileDoctor__name { font-size: 35px; } .servicesDescription__title { font-size: 30px; } .servicesBlock__title { font-size: 30px; margin: 0 0 15px; } .profileDoctorContact { padding: 22px 22px 0 22px; } .gallery8__item:nth-child(5), .gallery8__item:nth-child(6) { display: none; } .gallery8 { grid-template-columns: repeat(4, 1fr); grid-gap: 15px 30px; } .section16 { grid-template-columns: calc(100% - 293px - 30px) 293px; } .gallery5 { grid-template-columns: repeat(3, 1fr); } .gallery9 { grid-template-columns: repeat(3, 1fr); } .gallery9__item:nth-of-type(1) { grid-row: 1/2; grid-column: 1/4; } .gallery9__item:nth-of-type(2) { grid-row: 2/3; grid-column: 1/2; border-top: 1px solid #e8edf1; } .gallery9__item:nth-of-type(3) { grid-row: 2/3; grid-column: 2/3; border-top: 1px solid #e8edf1; } .gallery9__item:nth-of-type(4) { grid-row: 2/3; grid-column: 3/4; border-top: 1px solid #e8edf1; } .gallery9__item:nth-of-type(5) { grid-row: 3/4; grid-column: 1/2; } .gallery9__item:nth-of-type(6) { grid-row: 3/4; grid-column: 2/3; } .gallery9__item:nth-of-type(7) { grid-row: 3/4; grid-column: 3/4; } .servicesSubMenu { padding: 0 15px 0 0; } .serviceLink2 { padding: 15px; } .slider7 { grid-template-columns: repeat(3, 1fr); } .slider7__item:nth-of-type(4) { display: none; } } @media screen and (max-width: 1024px) { .btnMainMenu { display: -webkit-box; display: flex; } .mainMenu__items { display: none; } .header__block1 { grid-row: 1/2; } .header__block2, #bx_incl_area_2 { grid-row: 1/2; grid-column: 2/3; } .header__block3 { grid-column: 3/4; } .header__block4 { grid-column: 4/5; } .header { grid-template-columns: 132px 92px 176px 2fr; } .headerLogo { width: 132px; } .headerSocNet { width: 80px; } .section11, .section10 { grid-template-columns: 1fr; grid-gap: 30px;} .section11__block1, .section10__block1 { display: none; } .section11__block3, .section10__block3 { display: block; } .filter3 { display: grid; } .btnFilter { padding: 12px 5px; font-size: 15px; margin: 0; } .scrollbar1 { max-height: 150px; } .filter2 { background: #f4f9ff; padding: 15px 45px 15px 15px; border-radius: 10px; } .filter2__title { color: #000; font-family: 'Fut_Light_400', sans-serif; font-size: 20px; line-height: 1; padding: 0; } .filter2__label { font-size: 15px; } .filter2__block { margin: 0 0 20px; } .filter2 .mCSB_scrollTools { background: #ebf1f7; width: 26px; } .filter2__checkbox input:checked + label { background: url(/local/templates/mkt/css/../images/sprite_1.png) #f18689 no-repeat; background-position: -271px -320px; } .filter2__checkbox label { width: 25px; height: 25px; margin: 0; } .filter2__checkbox { margin: 0 10px 0 0; width: 25px; height: 25px; } .filter2__block:last-of-type { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 30px; } .btnStartFilter2 { display: block; } } @media screen and (max-width: 970px) { .footerCaution { font-size: 25px; min-height: 74px; } .footer__menu { padding: 33px 15px 42px; } .modalWindow__title, .content h1, .section7__title, .section17__title, .section8__title, .section12__title, .section18__title, .section15__title, .section13__title, .section1__title, .section2__title, .section3__title, .sidebar1__title { font-size: 35px; } .section1:after { display: none; } .section1 { padding: 52px 0 50px; margin: 0; } .news1__title { font-size: 17px; } .news1__description { font-size: 15px; } .gallery1 { margin: 40px 0 0; } .section2 { padding: 54px 15px 29px; } .section3 { padding: 44px 15px 43px; } .slider4__img { height: 450px; } .slider4__title { font-size: 35px; margin: 0 0 11px; } .slider4__inner { padding: 0 97px; } .section4::before { display: none; } .cardReview1__description { font-size: 15px; } .section6 { padding: 40px 0 42px; } .section9__title { font-size: 35px; } .section9 { padding: 55px 15px 65px; } .section14__inner { grid-template-columns: 1fr 294px; } .form__btnSend_form2 { font-size: 17px; padding: 17px 27px; } .form2 { padding: 21px 18px 27px; } .form2__block5 { margin: 31px 0 0; } .form2__block6 { margin: 33px 0 0; } .gallery4 { grid-template-columns: repeat(3, 1fr); } .cardBlog2 { grid-template-columns: 1fr; grid-gap: 10px 0; } .cardBlog2__wrapImg { grid-row: 1/2; grid-column: 1/2; } .cardBlog2__inner_tag { grid-row: 2/3; grid-column: 1/2; } .cardBlog2__date { grid-row: 3/4; grid-column: 1/2; } .cardBlog2__title { grid-row: 4/5; grid-column: 1/2; font-size: 17px; } .cardBlog2__description { display: none; } .section13__inner { grid-template-columns: 196px calc(100% - 196px - 30px); } .servicesForBusinesses__name { font-size: 17px; text-align: center; } .servicesForBusinesses__img { margin: 0 auto; } .gallery6 { grid-template-columns: repeat(2, 1fr); } .gallery6__item:nth-of-type(4) .servicesForBusinesses { border-radius: 0; } .gallery6__item:nth-of-type(2) .servicesForBusinesses { border-radius: 0 24px 0 0; } .gallery6__item:nth-of-type(5) .servicesForBusinesses { border-radius: 0 0 0 24px; } .gallery6__item:nth-of-type(3) { border-right: 1px solid #e8edf1; } .gallery6__item:nth-of-type(6) { border-top: 1px solid #e8edf1; } .section12 { padding: 21px 15px 86px; } .section18 { padding: 21px 15px 86px; } } @media screen and (max-width: 934px) { .cardBlog1 { max-width: 217px; } .cardBlog1__title { font-size: 16px; line-height: 1.56; } .section3 { padding: 32px 15px 57px; } .slider3Item__inner { width: 166px; } .cardDoctor1__wrapImg { width: 144px; height: 144px; } .cardDoctor1__inner { width: 144px; height: 173px; padding: 15px 0; } .cardDoctor1 { min-height: 366px; } .headerSocNet { grid-row: 3/4; grid-column: 1/2; } .headerAddress { grid-row: 2/3; grid-column: 2/3; } .headerPhone { grid-row: 1/2; grid-column: 1/3; } .headerPhone__second { grid-row: 2/3; grid-column: 1/3; } .header__block4 { grid-template-columns: 1fr; grid-gap: 5px; } .profileDoctor__block3 { grid-row: 2/3; grid-column: 1/3; } .profileDoctor__block4 { grid-row: 3/4; grid-column: 1/3; } .profileDoctorContact { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .profileDoctorContact__title { max-width: 100%; width: 100%; font-size: 28px; } .profileDoctorContact__block { max-width: 50%; width: 50%; -webkit-box-flex: 0; flex: none; box-sizing: border-box; padding: 20px 20px 32px 38px; } .profileDoctorContact__block:after { display: none; } .profileDoctor__name { font-size: 30px; } .profileDoctor__position { font-size: 14px; } .profileDoctor__positionName { font-size: 15px; } .profileDoctorInfo { font-size: 15px; } .profileDoctorInfo__title { font-size: 14px; } .profileDoctor__innerImg { max-height: 200px; } .profileDoctor__block2 { grid-template-columns: 200px 1fr; } .profileDoctor { padding: 20px 22px 27px; } .servicesDescription__title { font-size: 28px; margin: 0 0 30px; } .servicesBlock__title { font-size: 28px; margin: 0 0 10px; } .serviceCost__name { font-size: 17px; } .serviceCost__description { font-size: 14px; } .serviceCost__price { font-size: 17px; } .profileDoctor__block6 { margin: 0 0 4px; } .profileDoctorInfo { margin: 0 0 23px; } .profileDoctorInfo a, .profileDoctorInfo a:visited { font-size: 15px; } .gallery7 { grid-template-columns: 1fr; grid-gap: 14px 0; } .section6 { padding: 40px 0 58px; } .btnMoreReview { margin: 27px auto 0; } .section14__inner { grid-template-columns: 1fr; grid-gap: 50px 0; padding: 0; } .section14__block1 { grid-row: 1/2; grid-column: 1/2; padding: 0 15px; } .section14__block2 { grid-row: 2/3; grid-column: 1/2; padding: 0 15px; } .section14__block3 { grid-row: 3/4; grid-column: 1/2; padding: 0; } .section14__block3 .form2, .section17__block3 .form2 { position: static; } .form2 { padding: 52px 15px 62px; border-radius: 0; background: linear-gradient(to bottom, #dce3f3 0%, #f3cdd0 100%); } .form2__inner { border-radius: 16px; background: #fff; box-shadow: 0 25px 30px #77839d; } .form2__title { font-size: 32px; padding: 0 0 0 71px; margin: 0 0 15px; min-height: 44px; } .form2__title:before { content: ''; width: 50px; height: 44px; left: 0; background-position: -121px -154px; } .form2__inner { padding: 1px 18px 35px; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .form2__block1 { margin: 22px 22px 0 0; max-width: calc(50% - 22px); width: calc(50% - 22px); -webkit-box-flex: 0; flex: none; } .form2__block2 { max-width: calc(50% - 22px); width: calc(50% - 22px); -webkit-box-flex: 0; flex: none; margin: 22px 0 0 22px; } .form2__block3 { max-width: calc(50% - 22px); width: calc(50% - 22px); -webkit-box-flex: 0; flex: none; margin: 28px 22px 0 0; } .form2__block4 { max-width: 100%; width: 100%; -webkit-box-flex: 0; flex: none; margin: 42px 0 0; } .form2__block5 { max-width: 226px; width: 226px; -webkit-box-flex: 0; flex: none; box-sizing: border-box; } .form2__block6 { max-width: calc(100% - 246px); width: calc(100% - 246px); -webkit-box-flex: 0; flex: none; margin: 31px 0 0 20px; box-sizing: border-box; padding: 0 10px; } .form__label_form2, .form__input_datePicker, .form__input_datePicker::-webkit-input-placeholder, .form__input_datePicker::-webkit-input-placeholder { font-size: 15px; } .form__label_form2, .form__input_datePicker, .form__input_datePicker::-webkit-input-placeholder, .form__input_datePicker::placeholder { font-size: 15px; } .form__field_datePicker::before { bottom: 11px; } .section16 { grid-template-columns: calc(100% - 217px - 30px) 217px; } .section17__block3 { width: 100%; position: static; } .section17__inner_block1 { padding: 1px 15px 30px; } .section17__block2 { padding: 30px 15px; } .servicesBlock_section17 { padding: 0 0 30px; } .servicesBlock_section17:after { width: 100%; } .section17__servicesDescription { padding: 28px 0 0; } } @media screen and (max-width: 900px) { .footerCaution { font-size: 20px; } .footerMenu1__link, .footerMenu1__link:visited { font-size: 14px; } .footer__menu { grid-template-columns: repeat(4, auto); padding: 33px 15px 23px; } .footerMenu__inner:nth-of-type(1) { grid-row: 1/3; } .footerMenu__inner:nth-of-type(2) { grid-row: 1/3; } .footerMenu__inner:nth-of-type(3) { grid-row: 1/3; } .footerMenu__inner:nth-of-type(4) { grid-column: 4; } .footerMenu__inner:nth-of-type(5) { grid-column: 4; } .footer__info { grid-template-columns: 168px auto auto; padding: 40px 15px 83px; } .footerInfo__block2 { grid-row: 2/3; grid-column: 1/4; } .footerInfo__block5 { grid-row: 3/4; grid-column: 1/4; } .siteAuthor { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: end; align-items: flex-end; max-width: 244px; width: 100%; margin: 0 auto; } .siteAuthor__text { -webkit-box-ordinal-group: 2; order: 1; margin: 0 0 3px; } .siteAuthor__logo { -webkit-box-ordinal-group: 3; order: 2; } .copywriting { text-align: center; } .serviceLink, .slider1__item { width: 129px; } .serviceLink { max-height: none; height: 139px; } .serviceLink__caption { height: calc(100% - 90px); font-size: 14px; } .serviceLink__inner { height: 90px; padding: 0 26px; } .modalWindow__title, .content h1, .section7__title, .section17__title, .section8__title, .section12__title, .section18__title, .section15__title, .section13__title, .section1__title, .section2__title, .section3__title, .sidebar1__title { font-size: 32px; } .section1__linkBuy, .section1__linkBuy:visited { font-size: 16px; } .section1 { padding: 48px 0 36px; margin: 0; } .news1__title { font-size: 16px; } .news1__description { font-size: 15px; line-height: 1.3; } .gallery1 { margin: 30px 0 0; } .section2 { padding: 45px 15px 37px; } .section3 { padding: 32px 15px 37px; } .separator2 { margin: 37px auto 32px; } .slider4__title { font-size: 32px; } .slider4__description { font-size: 15px; margin: 0 0 13px; } .slider4__link { font-size: 17px; padding: 14px 22px; } .slider4__img { height: 421px; } .slider4__inner { padding: 0 76px; } .section5__title { font-size: 32px; } .section5__description { font-size: 15px; line-height: 1.3; } .section5__item { font-size: 15px; } .section5__item::before { top: calc(50% - 20px); } .form1 { padding: 24px 20px 35px; } .section5__block1 { grid-gap: 18px; } .section5 { padding: 55px 0 73px; } .section9__title { font-size: 32px; } .section9 { padding: 44px 15px 37px; } .gallery8 { grid-gap: 15px; } .news2__description { display: none; } .news2__date { font-size: 14px; } .news2__title { font-size: 17px; } .gallery2 { grid-gap: 30px; } .news2__wrapImg { margin: 0 0 17px; } .sectionTabs { margin: 24px auto; } .tabs__item { font-size: 15px; padding: 12px 15px; } .pagination__prev, .pagination__next { font-size: 17px; } .pagination__next { margin: 0 0 0 17px; } .pagination__prev { margin: 0 17px 0 0; } .pagination__item { font-size: 17px; height: 31px; width: 31px; } .sectionPagination { margin: 30px auto; } } @media screen and (max-width: 800px) { .slider8_btnPrev, .slider8__btnNext { width: 20px; height: 20px; box-shadow: none; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -393px -136px; top: calc(50% - 10px); } .slider8_btnPrev:hover, .slider8_btnPrev:focus, .slider8__btnNext:hover, .slider8__btnNext:focus { background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -393px -136px; } .slider8__inner { padding: 0 40px; } .slider8__header { padding: 0 40px; } .section12 { padding: 21px 15px 46px; } .section18 { padding: 21px 15px 46px; } .serviceLink2 { -webkit-box-align: center; align-items: center; } .serviceLink2__name { text-align: center; } .modalWindow { padding: 17px 15px 30px 15px; } .form3__block7 { grid-row: 4/5; grid-column: 1/3; margin: 0 0 0 10px; } .form3__block6 { grid-row: 5/6; grid-column: 1/3; margin: 0 0 0 10px; } .form4__block7 { grid-row: 5/6; grid-column: 1/3; margin: 0 0 0 10px; } .form4__block6 { grid-row: 6/7; grid-column: 1/3; margin: 0 0 0 10px; } .form4ServicesCost { padding: 15px; } } @media screen and (max-width: 740px) { .footer__menu { padding: 33px 15px 23px; } .footerInfo__block1 { display: none; } .footerInfo__block2 { grid-row: 2/3; grid-column: 1/3; } .footerInfo__block5 { grid-row: 3/4; grid-column: 1/3; } .footer__info { grid-template-columns: repeat(2, 1fr); } .footerInfo__block3 { -webkit-box-pack: start; justify-content: start; } .footerInfo__block4 { -webkit-box-pack: end; justify-content: end; } .footerSocNet { margin: 0 0 0 auto; } .footer__info { padding: 28px 15px; } .slider1_btnPrev, .slider1__btnNext { width: 20px; height: 20px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -393px -136px; box-shadow: none; } .slider1_btnPrev:hover, .slider1_btnPrev:focus, .slider1__btnNext:hover, .slider1__btnNext:focus { background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -393px -136px; } .slider1 { padding: 0 38px; } .news1__description { display: none; } .gallery1 { grid-template-columns: none; grid-gap: 24px; } .news1__date { font-size: 14px; margin: 0 0 9px; } .slider4__inner { padding: 0 15px 45px; } .slider4__img { height: 286px; } .slider4__description { display: none; } .slider4__title { font-size: 30px; margin: 0 0 19px; width: 70%; } .section5__list { grid-row: 3/4; grid-column: 1/3; } .section5__description { font-size: 15px; line-height: 1.3; grid-row: 2/3; grid-column: 1/3; padding: 0 0 0 63px; min-height: auto; } .section5__description::before { width: 48px; height: 42px; background-position: -213px -154px; } .section5 { padding: 39px 0 52px; } .section5__title { font-size: 30px; } .section5__description { font-size: 14px; } .section5__item { min-height: 31px; margin: 0 0 8px; padding: 0 0 0 55px; } .section5__item::before { top: calc(50% - 12px); width: 31px; height: 31px; font-size: 14px; padding: 7px 0 0; } .section5__block1 { margin: 0 0 13px; } .form1 { padding: 14px 0 23px; } .form1__block7 { padding: 0 10px 0 0; } .privacyPolicy__label { margin: 0 6px 0 0; } .header__block4 { grid-row: 2/3; grid-column: 1/4; background: #fbe0e3; grid-template-columns: 1fr 1fr 69px; justify-items: start; padding: 4px 15px; min-height: 40px; box-sizing: border-box; } .header__block3 { grid-column: 2/3; justify-self: center; } .header__block2, #bx_incl_area_2{ grid-column: 3/4; } .header { padding: 16px 0 0; grid-gap: 13px 10px; grid-template-columns: 147px 1fr 107px; } .headerSocNet { grid-row: 1/2; grid-column: 3/4; width: 69px; box-sizing: border-box; } .headerPhone { grid-row: 1/2; grid-column: 1/3; font-size: 20px; } .headerPhone__second { grid-row: 2/3; grid-column: 1/3; font-size: 20px; } .headerAddress { grid-row: 1/2; grid-column: 2/3; } .headerSocNet__vk { width: 26px; height: 15px; background-position: -246px -247px; } .headerSocNet__instagram { width: 21px; height: 21px; background-position: -21px -326px; } .header__block1 { padding: 0 0 0 15px; } .profileDoctor { padding: 20px 15px 36px; grid-gap: 16px 30px; } .profileDoctor__innerImg { max-height: 142px; } .profileDoctor__block2 { grid-template-columns: 142px 1fr; grid-gap: 0 25px; } .profileDoctor__name { font-size: 26px; } .profileDoctorContact__title { font-size: 25px; } .profileDoctorContact__block:after { display: block; } .profileDoctorContact__block { max-width: 100%; width: 100%; padding: 16px 0 16px 38px; } .profileDoctorContact { padding: 17px 12px 0 12px; } .servicesBlock__title { font-size: 25px; margin: 12px 0 16px; } .servicesDescription__title { font-size: 25px; margin: 0 0 30px; } .serviceCost { padding: 16px 12px 10px 12px; } .serviceCost__name { grid-row: 1/2; grid-column: 1/3; } .serviceCost__description { grid-row: 2/3; grid-column: 1/3; } .serviceCost__price { grid-row: 3/4; grid-column: 1/2; } .serviceCost__btn { grid-row: 3/4; grid-column: 2/3; } .serviceCost { grid-template-columns: auto 1fr; grid-gap: 11px 21px; -webkit-box-align: center; align-items: center; } .servicesBlock__btnShowMore { margin: 8px 0 0; } .gallery8__item:nth-child(4) { display: none; } .gallery8 { grid-template-columns: repeat(3, 1fr); } .section9__title { font-size: 30px; } .section9 { padding: 37px 15px 47px; } .section14__inner { grid-gap: 40px 0; } .section14 { background: url(/local/templates/mkt/css/../images/blog_bg_1.png) no-repeat, url(/local/templates/mkt/css/../images/blog_bg_2.png) no-repeat, linear-gradient(to bottom, #f1e9f7 0%, #ffe9ed 330px, white 330px, white 100%); } .form2__inner { padding: 0 0 35px; } .form2__block1 { margin: 22px 0 0 0; max-width: 50%; width: 50%; } .form2__block2 { max-width: 50%; width: 50%; margin: 22px 0 0 0; } .form2__block3 { max-width: 50%; width: 50%; } .form__field_datePicker::before { width: 21px; height: 20px; background-position: -84px -326px; } .form__input_datePicker { padding: 0 15px 10px 26px; } .form__btnSend_form2 { padding: 15px 17px; } .form2__block5 { max-width: 206px; width: 206px; } .form2__block6 { max-width: calc(100% - 207px); width: calc(100% - 207px); margin: 31px 0 0 0; } .form2 { padding: 31px 15px 43px; } .form2__title { font-size: 25px; padding: 0 0 0 61px; } .form2__title::before { width: 48px; height: 42px; background-position: -121px -154px; } .gallery2 { grid-template-columns: repeat(2, 1fr); } .section8 { padding: 1px 0 24px; } .gallery4 { grid-template-columns: repeat(2, 1fr); grid-gap: 20px 30px; } .content td { font-size: 3vw !important; } .content td, .content th { padding: 10px 10px; } .content table tr td span { font-size: 3vw !important; } .cardReview2 { grid-template-columns: repeat(2, 1fr); padding: 15px; } .cardReview2__video { grid-row: 1/2; grid-column: 1/3; max-width: 100%; height: 303px;} .cardReview2__title { grid-row: 2/3; grid-column: 1/2; font-size: 17px; } .cardReview2__date { grid-row: 2/3; grid-column: 2/3; justify-self: end; } .cardReview2__rating { grid-row: 3/4; grid-column: 1/3; } .cardReview2__description { grid-row: 4/5; grid-column: 1/3; font-size: 15px; min-height: auto;} .filter1 { padding: 15px 5px 30px; grid-template-columns: 1fr; grid-gap: 10px; } .filter3 { padding: 15px 5px 30px; grid-template-columns: 1fr; grid-gap: 10px; } .section13__title { margin: 0 0 24px; } .blogInfo__date { font-size: 17px; } .section12__description { font-size: 17px; } .section18__description { font-size: 17px; } .servicesForBusinesses { padding: 0 12px; } .section10 { padding: 30px 15px 10px; } .servicesBlock1 { margin: 0 0 30px; } } @media screen and (max-width: 591px) { .anchorMenu__link, .anchorMenu__link:visited { font-size: 15px; padding: 10px; } .anchorMenu__separator { display: none; } .anchorMenu { max-width: 391px; } } @media screen and (max-width: 580px) { .footer__menu { grid-template-columns: repeat(2, auto); } .footerMenu__inner:nth-of-type(1) { grid-row: 1/2; grid-column: 1/2; } .footerMenu__inner:nth-of-type(2) { grid-row: 1/2; grid-column: 2/3; } .footerMenu__inner:nth-of-type(3) { grid-row: 2/4; grid-column: 1/2; } .footerMenu__inner:nth-of-type(4) { grid-row: 2/3; grid-column: 2/3; } .footerMenu__inner:nth-of-type(5) { grid-row: 3/4; grid-column: 2/3; } .footerPhone { font-size: 20px; } .footerEmail { font-size: 20px; } .footerAddress { font-size: 14px; } .cardBlog1 { max-width: 209px; } .cardBlog1__title { font-size: 15px; line-height: 1.33; } .cardBlog1__description { display: none; } .cardBlog1__date { margin: 12px 0 0; } .section3 { padding: 36px 15px 54px; } .slider2_btnPrev, .slider2__btnNext { width: 20px; height: 20px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -393px -136px; box-shadow: none; } .slider2_btnPrev:hover, .slider2_btnPrev:focus, .slider2__btnNext:hover, .slider2__btnNext:focus { background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -393px -136px; } .slider2ArrowsBox { width: 75px; height: 20px; } .slider3_btnPrev, .slider3__btnNext { width: 20px; height: 20px; background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -393px -136px; box-shadow: none; } .slider3_btnPrev:hover, .slider3_btnPrev:focus, .slider3__btnNext:hover, .slider3__btnNext:focus { background: url(/local/templates/mkt/css/../images/sprite_1.png) no-repeat; background-position: -393px -136px; } .slider3ArrowsBox { width: 75px; height: 20px; } .slider3Item__inner { width: 139px; } .cardDoctor1__wrapImg { width: 121px; height: 121px; } .cardDoctor1__inner { width: 121px; height: 146px; padding: 13px 0; margin: 0 auto 10px; } .cardDoctor1 { min-height: 308px; } .cardDoctor1__title { font-size: 14px; } .cardDoctor1__experience { font-size: 13px; margin: 8px auto 15px; } .cardDoctor1__description { font-size: 12px; } .slider3 { margin: 23px 0 0; } .cardReview1__ttl { font-size: 16px; } .cardReview1__date { font-size: 14px; } .cardReview1 { padding: 16px; grid-gap: 9px 18px; } .cardReview1__description { line-height: 1.3; } .gallery7 { margin: 33px auto 0; } .section6 { padding: 40px 0 37px; } .btnMoreReview { margin: 16px 0 0 15px; } .search__btnSearch { width: 100px; } .search { grid-template-columns: 1fr; grid-gap: 20px; } .news2__title, .cardBlog2__title { font-size: 16px; } .cardBlog2__tag { font-size: 14px; } .section13__inner { display: block; } .section13__block1 { display: none; } .section16 { grid-template-columns: 100%; grid-gap: 30px 0; } .sidebar1__inner { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; margin: 0 0 30px; } .sidebar1__block { margin: 0; } .gallery5 { grid-template-columns: repeat(2, 1fr); } .gallery9__item:nth-of-type(1) { display: block; } .servicesSubMenu { padding: 0 15px; margin: 30px 0 0; } .gallery9 { grid-template-columns: repeat(2, 1fr); } .gallery9__item:nth-of-type(1) { grid-row: 1/2; grid-column: 1/3; padding: 15px 0; } .gallery9__item:nth-of-type(4) { grid-row: 3/4; grid-column: 1/2; } .gallery9__item:nth-of-type(5) { grid-row: 3/4; grid-column: 2/3; } .gallery9__item:nth-of-type(6) { grid-row: 4/5; grid-column: 1/2; } .gallery9__item:nth-of-type(7) { grid-row: 4/5; grid-column: 2/3; border-top: 1px solid #e8edf1; } .serviceLink2 { min-height: 133px; padding: 15px 5px; } .serviceLink2__name, .serviceLink2__name:visited { margin: 5px 0 0; } .form3__inner { grid-template-columns: 1fr; } .form3__block1 { grid-row: 1/2; grid-column: 1/2; } .form3__block2 { grid-row: 2/3; grid-column: 1/2; } .form3__block3 { grid-row: 3/4; grid-column: 1/2; } .form3__block4 { grid-row: 4/5; grid-column: 1/2; } .form3__block5 { grid-row: 5/6; grid-column: 1/2; } .form3__block7 { grid-row: 6/7; grid-column: 1/2; } .form3__block6 { grid-row: 7/8; grid-column: 1/2; } .form4__block2 { grid-row: 2/3; grid-column: 1/3; } .form4__block3 { grid-row: 3/4; grid-column: 1/3; } .form4__block4 { grid-row: 4/5; grid-column: 1/3; } .form4__block5 { grid-row: 5/6; grid-column: 1/3; } .form4__block6 { grid-row: 7/8; grid-column: 1/3; margin: 0 0 0 10px; } .form4__block7 { grid-row: 6/7; grid-column: 1/3; margin: 0 0 0 10px; } .form4ServicesCost { grid-template-columns: 1fr; } .form4ServicesCost__name { grid-row: 1/2; grid-column: 1/3; } .form4ServicesCost_description { grid-row: 2/3; grid-column: 1/3; } .form4ServicesCost__price { grid-row: 3/4; grid-column: 1/3; } .section20__block2 { margin: 0 0 30px; } } @media screen and (max-width: 480px) { .footerCaution { font-size: 18px; } .modalWindow__title, .content h1, .section7__title, .section17__title, .section8__title, .section12__title, .section18__title, .section15__title, .section13__title, .section1__title, .section2__title, .section3__title { font-size: 30px; } .section1 { padding: 36px 0 23px; margin: 0; } .section2 { padding: 29px 15px 32px; } .section3 { padding: 36px 15px 34px; } .separator2 { margin: 43px auto 29px; } .pagination__next span, .pagination__prev span { display: none; } .pagination__prev, .pagination__next { width: 9px; display: block; height: 14px; padding: 0 0 0 9px; box-sizing: border-box; } .gallery4 { grid-template-columns: 1fr; } .servicesForBusinesses__name { font-size: 14px; } .slider7 { grid-template-columns: repeat(2, 1fr); } .slider7__item:nth-of-type(3) { display: none; } } @media screen and (max-width: 479px) { .gallery8__item:nth-child(3) { display: none; } .gallery8 { grid-template-columns: repeat(2, 1fr); grid-gap: 8px; } .section9__title { font-size: 26px; } .section9 { padding: 29px 15px 43px; } .form2 { padding: 35px 15px 46px; } .form2__block1 { max-width: 100%; width: 100%; -webkit-box-flex: 0; flex: none; margin: 17px 0 0 0; } .form2__block2 { max-width: 100%; width: 100%; -webkit-box-flex: 0; flex: none; margin: 17px 0 0 0; } .form2__block3 { max-width: 100%; width: 100%; -webkit-box-flex: 0; flex: none; margin: 17px 0 0 0; } .form2__block4 { max-width: 100%; width: 100%; -webkit-box-flex: 0; flex: none; margin: 17px 0 0 0; } .form2__block5 { max-width: 100%; width: 100%; -webkit-box-flex: 0; flex: none; margin: 29px 0 0; } .form2__block6 { max-width: 100%; width: 100%; -webkit-box-flex: 0; flex: none; margin: 19px 0 0; } } @media screen and (max-width: 460px) { .cardBlog1 { max-width: 135px; } .cardBlog1__title { font-size: 14px; line-height: 1.4; } .cardBlog1__date { font-size: 14px; } .cardBlog1__wrapImg { margin: 0 0 9px; } .slider4__img { height: 263px; } .slider4__title { font-size: 26px; margin: 0 0 15px; width: 80%; } .slider4__link { font-size: 15px; padding: 17px 26px; } .section5__title { font-size: 25px; } .section5__list { display: none; } .section5__block1 { margin: 0 0 25px; } .form1__block1 { grid-row: 1/2; grid-column: 1/3; } .form1__block2 { grid-row: 2/3; grid-column: 1/3; } .form1__block3 { grid-row: 3/4; grid-column: 1/3; } .form1__block4 { grid-row: 4/5; grid-column: 1/3; } .form1__block5 { grid-row: 5/6; grid-column: 1/3; } .form1__block6 { grid-row: 6/7; grid-column: 1/3; padding: 0 8px; } .form1__block7 { grid-row: 7/8; grid-column: 1/3; padding: 0 10px; } .section5 { padding: 42px 0 60px; } .privacyPolicy__label { margin: 0 14px 0 0; } .btnMainMenu__name, .btnRegistration__chunk, .headerAddress__chunk1 { display: none; } .header { padding: 14px 0 0; grid-template-columns: 104px 1fr 50px; } .headerAddress__chunk2 { display: block; } .headerPhone, .headerPhone__second { font-size: 16px; } .headerLogo { width: 89px; } .headerAddress, .headerAddress:visited { font-size: 14px; } .headerSocNet { width: 59px; } .header__block4 { grid-template-columns: minmax(123px, 1fr) 1fr 59px; } .profileDoctor { padding: 0; border-radius: 0; background: transparent; grid-gap: 21px 30px; box-shadow: none; } .profileDoctor__block2 { background: #fff; border-radius: 16px; box-shadow: 0 25px 30px rgba(119, 131, 157, 0.3); display: block; padding: 28px 19px 19px; } .profileDoctor__innerImg { width: 142px; margin: 0 auto; } .profileDoctor__name { text-align: center; } .profileDoctor__experience { margin: 0 6px 12px 0; } .profileDoctor__rating { margin: 0 6px 12px 0; } .profileDoctor__position { margin: 0 0 12px; } .servicesBlock__title { margin: 8px 0 11px; } .serviceCost { grid-gap: 8px 21px; } } @media screen and (max-width: 400px) { .footerMenu1 .footerMenu1__item:first-of-type .footerMenu1__link, .footerMenu2__link { font-size: 17px; } .footer__menu { grid-gap: 0; padding: 31px 15px 28px; } .footerMenu__inner:nth-of-type(1) { grid-row: 1/2; grid-column: 1/2; } .footerMenu__inner:nth-of-type(2) { grid-row: 2/3; grid-column: 1/2; } .footerMenu__inner:nth-of-type(3) { grid-row: 3/4; grid-column: 1/2; } .footerMenu__inner:nth-of-type(4) { grid-row: 4/5; grid-column: 1/2; } .footerMenu__inner:nth-of-type(5) { grid-row: 1/5; grid-column: 2/3; } .footerMenu1__link { display: none; } .footerMenu1 .footerMenu1__item:first-of-type .footerMenu1__link { display: block; } .footerMenu1 .footerMenu1__item:first-of-type { margin: 0; } .footerPhone { font-size: 17px; } .footerEmail { font-size: 17px; } .copywriting__block1 { font-size: 14px; } .copywriting { font-size: 13px; } .slider1 { padding: 0 28px; } .slider1_btnPrev { left: 5px; } .slider1__btnNext { right: 5px; } .modalWindow__title, .content h1, .section7__title, .section17__title, .section8__title, .section12__title, .section18__title, .section15__title, .section1__title, .section2__title, .section13__title, .section3__title { font-size: 26px; } .section1 { padding: 25px 0 9px; margin: 0; } .news1__title { font-size: 15px; } .section2 { padding: 24px 15px 33px; } .sectionLink { padding: 10px 18px; } .footerCaution { font-size: 16px; } .section3 { padding: 29px 15px; } .separator2 { margin: 33px auto 29px; } .cardReview1 { padding: 15px 12px; } .section14 { background: url(/local/templates/mkt/css/../images/blog_bg_1.png) no-repeat, url(/local/templates/mkt/css/../images/blog_bg_2.png) no-repeat, linear-gradient(to bottom, #f1e9f7 0%, #ffe9ed 360px, white 360px, white 100%); } .sectionBreadcrumbs { margin: 14px auto 9px; } .gallery2 { grid-template-columns: 1fr; } .gallery5 { grid-gap: 15px; } .servicesSubMenu { -webkit-column-count: 1; column-count: 1; } .serviceLink2__name, .serviceLink2__name:visited { font-size: 15px; } } /* End */ /* Start:/local/templates/mkt/css/custom.css?179438601111895*/ /* ОМС и ДМС */ .oms-blocks, .dms-blocks { margin: 0 auto; display: flex; flex-wrap: wrap; } .oms-blocks__image, .dms-blocks__image { width: 80px; } .oms-blocks__item, .dms-blocks__item { display: grid; flex: 1 1 450px; margin-bottom: 30px; grid-template-columns: auto 1fr; grid-gap: 0 15px; } .oms-blocks__link, .dms-blocks__link { font-size: 28px; text-decoration: none; font-weight: 700; color: #262b37; transition: .5s; align-self: center; padding: 0 15px 0 0; } .oms-blocks__link:hover, .dms-blocks__link:hover { color: #F18690; } .oms-blocks__title, .dms-blocks__title { width: 100%; flex: none; padding: 0 0 10px; border-bottom: 2px solid #f18689; } .section19{ max-width: 1716px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; } .insuranceCompany{ display: grid; grid-template-columns: 140px 1fr; grid-gap: 20px 40px; margin: 0 0 40px; } .insuranceCompany__img{ display: block; max-width: 100%; } .insuranceCompany__innerImg{ grid-row: 1/5; grid-column: 1/2; } .insuranceCompany__name{ grid-row: 1/2; grid-column: 2/3; font-size: 27px; line-height: 1.2; font-weight: 700; } .insuranceCompany__address{ grid-row:2/3; grid-column: 2/3; } .insuranceCompany__phone{ grid-row: 3/4; grid-column: 2/3; } .insuranceCompany__email{ grid-row: 4/5; grid-column: 2/3; } .insuranceCompanyAddress__title, .insuranceCompanyPhone__title, .insuranceCompanyEmail__title{ font-size: 20px; font-weight: bold; line-height: 1.2; } .insuranceCompanyAddress__txt, .insuranceCompanyPhone__txt, .insuranceCompanyEmail__txt{ font-size: 20px; line-height: 1.2; } .insuranceCompany__address, .insuranceCompany__phone, .insuranceCompany__email{ display: grid; grid-template-columns: 100px auto; grid-gap: 0 15px; } @media screen and (max-width: 1400px) { #bx_incl_area_1{ grid-row: 2/3; grid-column: 2/5; } } @media screen and (max-width: 1024px) { #bx_incl_area_1{ grid-row: 1/2; grid-column: 2/3; } } @media screen and (max-width: 768px) { .insuranceCompany { grid-template-columns: 100px 1fr; grid-gap: 15px; margin: 0 0 30px; } .insuranceCompany__name { font-size: 20px; } .insuranceCompanyAddress__title, .insuranceCompanyPhone__title, .insuranceCompanyEmail__title { font-size: 16px; } .insuranceCompanyAddress__txt, .insuranceCompanyPhone__txt, .insuranceCompanyEmail__txt { font-size: 16px; } .oms-blocks__link, .dms-blocks__link { font-size: 18px; } .oms-blocks__item, .dms-blocks__item { margin-bottom: 20px; } } @media screen and (max-width: 740px) { #bx_incl_area_1{ grid-column: 3/4 } } @media screen and (max-width: 550px) { .insuranceCompany__innerImg { display: none; } .insuranceCompany { grid-template-columns: 1fr; grid-gap: 0; margin: 0 0 30px; } .insuranceCompany__address, .insuranceCompany__phone, .insuranceCompany__email { display: grid; grid-template-columns: auto 1fr; grid-gap: 0 15px; margin: 0 0 15px; } .insuranceCompany__name { font-size: 18px; margin: 0 0 15px; } .insuranceCompany { display: block; } } /*section21 start*/ .section21 { max-width: 1716px; margin: 0 auto; padding: 60px 15px; background: #fff; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px 30px; box-sizing: border-box; } .contactsCard__title{ font-family: Fut_Light_400, sans-serif; font-size: 40px; margin: 0 0 .5em; color: #000; line-height: 1.2; margin: 0 0 .5em; } .contactsCard__address{ color: #000000; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1.1; margin: 1em 0; } .contactsCard__schedule{ color: #000000; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1.1; margin: 0 0 .1em; } .contactsCard__phone, .contactsCard__phone:visited{ color: #f18689; font-family: 'Fut_Book_400', sans-serif; font-size: 30px; line-height: 1.1; text-decoration: none; display: block; margin: .5em 0 .1em; } .contactsCard__phoneSchedule{ color: #8a8d98; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1.1; } .contactsCard__email, .contactsCard__email:visited{ color: #f18689;; font-family: 'Fut_Book_400', sans-serif; font-size: 22px; line-height: 1.1; display: block; margin: 1em 0 0; } .contacsMap { max-width: 2000px; height: 70vh; } @media screen and (max-width: 1200px) { .contactsCard__title { font-size: 30px; } .contactsCard__address, .contactsCard__schedule, .contactsCard__email, .contactsCard__email:visited, .contactsCard__phoneSchedule{ font-size: 18px; } .contactsCard__phone, .contactsCard__phone:visited { font-size: 22px; } .contacsMap { height: 60vh; } } @media screen and (max-width: 1024px) { .section21 { padding: 30px 15px; grid-template-columns: repeat(2, 1fr); } .contactsCard__title { font-size: 20px; } .contactsCard__address, .contactsCard__schedule, .contactsCard__email, .contactsCard__email:visited, .contactsCard__phoneSchedule{ font-size: 16px; } .contactsCard__phone, .contactsCard__phone:visited { font-size: 18px; } .contacsMap { height: 45vh; } } @media screen and (max-width: 1024px) { .section21 { grid-template-columns: 1fr; } } /*section21 end*/ /*emailSubscription start*/ .emailSubscription__form { display: grid; grid-template-columns: 11fr 1fr; grid-gap: 0 20px; position: relative; } .emailSubscription { max-width: 1686px; width: 100%; padding: 20px 15px; box-sizing: border-box; margin: 30px auto; background: #e3e6ee; border-radius: 15px; } .emailSubscription__title { margin: 0 0 .5em; font-family: 'Fut_Book_400', sans-serif; font-size: 20px; color: #010101; } .emailSubscription__btnSub { color: #ffffff; font-family: 'Fut_Demi_400', sans-serif; font-size: 15px; line-height: 1; background: #4d6de0; padding: 12px 5px; border-radius: 20px; border: none; width: 133px; transition: .3s; box-shadow: 0 3px 10px rgba(77, 109, 224, 0.4); } .emailSubscription__btnSub:hover, .emailSubscription__btnSub:focus { color: #fff; background: #f18689; } .emailSubscription__field { border: none; border-radius: 20px; padding: 0 0 0 40px; transition: .3s; height: 39px; box-shadow: 0 2px 7px rgba(77, 109, 224, 0.3); border: 1px solid transparent; } .emailSubscription__field.alert { border: 1px solid red; } .emailSubscription__success { margin: 0.5em 0 0; font-family: 'Fut_Book_400', sans-serif; font-size: 20px; color: #4d6de0; } .emailSubscription__error{ margin: 0.5em 0 0; font-family: 'Fut_Book_400', sans-serif; font-size: 20px; color: #e40e13; } /*emailSubscription end*/ .versionVisually, .versionVisually:visited { display: block; margin: 0 0 10px; color: #000; text-decoration: none; position: relative; grid-template-columns: auto 1fr; grid-gap: 0 10px; align-items: center; display: grid; } .versionVisually:before{ content: ''; display: block; width: 50px; height: 32px; background: url('/local/templates/mkt/css/../images/glaz.png') no-repeat center center; background-size: 100% auto; } @media screen and (max-width: 1024px) { .versionVisually__text { display: none; } .versionVisually, .versionVisually:visited { grid-template-columns: 1fr; grid-gap: 0; justify-items: center; } } @media screen and (max-width: 460px) { .versionVisually::before { width: 40px; height: 25px; } } .siteAuthor__logo { background: url("/upload/logo.svg") no-repeat; } .siteAuthor { flex-direction: column; align-items: center; } /*.gallery9 { grid-template-columns: minmax(100px, 807px) repeat(4, 1fr); } .gallery9__item:nth-of-type(1) { grid-row: 1/5; }*/ .download-price-list { display: flex; align-items: center; text-decoration: none; font-size: 1.5rem; margin-bottom: 20px; color: #262b37; font-family: 'Fut_Demi_400', sans-serif; transition: .1s; max-width: 300px; } .download-price-list:hover { color: #f18689; } .download-price-list img { padding-right: 10px; } @media screen and (max-width: 767px) { .download-price-list { display: none; } } .gallery2 { padding: 30px 15px 0 15px; } /* Общие стили для всех устройств */ .section4 { padding: 20px; background-color: #f4f4f4; } .slider4 { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .slider4__item { flex: 1 1 30%; display: flex; flex-direction: column; background-color: white; padding: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; transition: transform 0.3s ease; } .slider4__item:hover { transform: scale(1.05); } .slider4__img { width: 100%; height: auto; object-fit: cover; border-radius: 8px; } .slider4__info { margin-top: 10px; text-align: center; } .slider4__title { font-size: 1.4em; margin-bottom: 10px; font-weight: bold; } .slider4__description { font-size: 1em; margin-bottom: 10px; } .slider4__link { display: inline-block; padding: 10px 15px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; } .slider4__link:hover { background-color: #0056b3; } /* Общий контейнер для секций */ .section15, .section16 { max-width: 1200px; /* Ограничение ширины */ margin: 0 auto; /* Центровка контейнера */ padding: 20px; /* Внутренние отступы */ box-sizing: border-box; } /* Стили для хлебных крошек */ .sectionBreadcrumbs { margin-bottom: 20px; /* Отступ снизу */ font-size: 14px; /* Размер шрифта */ color: #555; } .breadcrumbs .separator { margin: 0 5px; color: #999; } .breadcrumbs a { text-decoration: none; color: #007BFF; } /* Заголовок */ .section15__title { font-size: 24px; font-weight: bold; margin: 20px 0; } /* Блок информации о блоге */ .blogInfo { font-size: 14px; color: #777; margin-bottom: 20px; } /* Контейнер контента */ .section16__block1 .content { margin-bottom: 20px; line-height: 1.6; } /* Стили для изображений */ .section16__block1 img { max-width: 100%; /* Адаптивное изображение */ width: 100%; /* Убирает излишки по ширине */ height: auto; display: block; margin: 0 auto 20px auto; /* Центровка и отступ снизу */ border-radius: 8px; /* Закругление углов */ } /* Стили для дополнительной информации */ .sidebar1 { background-color: #f9f9f9; padding: 15px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .sidebar1__title { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .news1__title { color: #007BFF; text-decoration: none; font-weight: bold; } .news1__description { font-size: 14px; color: #666; } /* End */ /* Start:/local/templates/mkt/components/bitrix/news.list/big_slider_new/style.css?1794386011150*/ 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 */ /* /local/templates/mkt/css/slick.css?17943860111776 */ /* /local/templates/mkt/css/slick-theme.css?17943860113153 */ /* /local/templates/mkt/css/mCustomScrollbar.css?179438601153583 */ /* /local/templates/mkt/css/jQueryUI1.12.1.css?179438601138197 */ /* /local/templates/mkt/css/fancybox.min.css?179438601112795 */ /* /local/templates/mkt/css/main.css?1794386011134393 */ /* /local/templates/mkt/css/custom.css?179438601111895 */ /* /local/templates/mkt/components/bitrix/news.list/big_slider_new/style.css?1794386011150 */