/* Start:/bitrix/templates/.default/style/normalize.min.css?16238621382002*/ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* End */ /* Start:/bitrix/templates/.default/style/jquery.mCustomScrollbar.min.css?162386213853666*/ /* == 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: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -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: 5px; height: 20px; 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; } .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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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(/bitrix/templates/.default/style/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(214,125,49,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(214,125,49,0.85); } .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:/bitrix/templates/.default/style/jquery.fancybox.css?16238621384971*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/.default/style/../images/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/bitrix/templates/.default/style/../images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/bitrix/templates/.default/style/../images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/bitrix/templates/.default/style/../images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/.default/style/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/bitrix/templates/.default/style/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/bitrix/templates/.default/style/main.css?174487694160782*/ @font-face { font-family: 'OpenSans-Semibold'; src: url('/bitrix/templates/.default/style/../fonts/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/.default/style/../fonts/OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'), url('/bitrix/templates/.default/style/../fonts/OpenSans-Semibold/OpenSans-Semibold.ttf') format('truetype'), url('/bitrix/templates/.default/style/../fonts/OpenSans-Semibold/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('/bitrix/templates/.default/style/../fonts/OpenSans/open_sans-webfont.eot'); src: url('/bitrix/templates/.default/style/../fonts/OpenSans/open_sans-webfont.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/.default/style/../fonts/OpenSans/open_sans-webfont.woff2') format('woff2'), url('/bitrix/templates/.default/style/../fonts/OpenSans/open_sans-webfont.woff') format('woff'), url('/bitrix/templates/.default/style/../fonts/OpenSans/open_sans-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Corbel'; src: url('/bitrix/templates/.default/style/../fonts/Corbel/Corbel.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/.default/style/../fonts/Corbel/Corbel.woff') format('woff'), url('/bitrix/templates/.default/style/../fonts/Corbel/Corbel.ttf') format('truetype'), url('/bitrix/templates/.default/style/../fonts/Corbel/Corbel.svg#Corbel') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FranklinGothic-Demi'; src: url('/bitrix/templates/.default/style/../fonts/FranklinGothic-Demi/FranklinGothic-Demi.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/.default/style/../fonts/FranklinGothic-Demi/FranklinGothic-Demi.woff') format('woff'), url('/bitrix/templates/.default/style/../fonts/FranklinGothic-Demi/FranklinGothic-Demi.ttf') format('truetype'), url('/bitrix/templates/.default/style/../fonts/FranklinGothic-Demi/FranklinGothic-Demi.svg#FranklinGothic-Demi') format('svg'); font-weight: normal; font-style: normal; } /*----------------------------------------------------- */ /* GLOBAL */ /*----------------------------------------------------- */ html, body { height: 100%; } body { background-color: #fff; font: 16px/1.3 "OpenSans", sans-serif; color: #58636a; } p { margin: 0 0 20px 0; } ul{ list-style:circle; margin:0; padding:0 } img { vertical-align:middle; max-width: 100%; height: auto; } a { text-decoration: none; } a.big_green { color: #63916f; font: 20px "FranklinGothic-Demi"; margin: 0 0 15px; text-transform: uppercase; text-decoration: none; } h1, h2, .heading { color: #63916f; font: 20px "FranklinGothic-Demi"; margin: 0 0 15px; text-transform: uppercase; } h3, h4 { color: #63916f; font: 16px "FranklinGothic-Demi"; margin: 0 0 8px; text-transform: uppercase; } input, select, textarea { background: #fff; border: 1px solid #b3b2b2; box-sizing: border-box; /*display: block; height: 32px; padding: 0 8px; outline: none; width: 100%;*/ } input[type='text'], input[type='email'], textarea { display: block; height: 32px; padding: 0 8px; outline: none; width: 100%; } textarea { height: auto; } input[type='submit'] { background: #d67d31; border: 1px solid #b45605; border-radius: 5px; color: white; display: block; font: 16px/1 "OpenSans-Semibold", sans-serif; height: 44px; text-align: center; box-shadow: inset 0 0 4px #fff; width: 100%; -webkit-transition: all .3s; transition: all .3s; } input[type='submit']:hover { background: #b45605; box-shadow: none; } /*----------------------------------------------------- */ /* COMMON */ /*----------------------------------------------------- */ .clearfix:before,.clearfix:after{ content:""; display:table } .clearfix:after{ clear:both } .aligner { display: inline-block; line-height: normal; vertical-align: middle; } .required { color: #d67d31; } .link-uppercase { text-transform: uppercase; color: #d67d31; text-decoration: underline; -webkit-transition: all .3s; transition: all .3s; } .link-uppercase:hover { text-decoration: none; } .link-mail { color: #d67d31; -webkit-transition: all .3s; transition: all .3s; } .link-mail:hover { color: #63916f; } .list li { margin: 0 0 20px 0; } .list-2 { margin: 0 0 20px 0; padding: 0 0 0 17px; } .list-2-in { position: relative; padding-left: 20px; } .list-2-in:before { content:''; position: absolute; top: 11px; left: 0; width: 15px; height: 1px; background-color: #58636a; } .wrap { box-sizing: border-box; min-height: -webkit-calc(100vh - 263px); min-height: calc(100vh - 263px); padding-bottom: 23px; } @media screen and (max-width: 590px) { .wrap { min-height:0; } } .container { width: 960px; padding: 0 10px; margin: auto; } @media screen and (max-width: 1000px) { .container { width: 815px; } } @media screen and (max-width: 850px) { .container { width: 550px; } } @media screen and (max-width: 590px) { .container { width: 100%; box-sizing: border-box; } } .container-inner { position: relative; } /*----------------------------------------------------- */ /* HEADER-MAIN */ /*----------------------------------------------------- */ .header-main.fixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 20; } .header-main_top { height: 108px; line-height: 108px; font-family: "OpenSans-Semibold", sans-serif; } .header-logo { float: left; } .header-lang { float: right; width: 35px; } .header-lang a { display: block; text-transform: uppercase; font: 14px 'OpenSans-Semibold', sans-serif; color: #58636a; padding: 2px; } .header-lang a:first-child { border-bottom: 1px solid #d77d32; } .header-lang a.active { color: #d77d32; } .header-contacts { display: table; margin: auto; padding-left: 75px; float: right; } .header-contacts .phone, .header-contacts a.phone { color: #d67d31; display: inline-block; margin-right: 40px; } .header-contacts .email, .header-contacts a.email { color: #63916f; display: inline-block; } .header-main_bottom { border-top: 1px solid #63916f; border-bottom: 1px solid #63916f; background-color: #fff; } .header-menu { display: table; width: 100%; box-sizing: border-box; position: relative; } .header-menu > ul { display: table-row; } .header-menu > ul > li { display: table-cell; text-align: center; border-left: 1px solid transparent; border-right: 1px solid transparent; position: relative; -webkit-transition: all .3s; transition: all .3s; } .header-menu > ul > li:hover { background-color: #e0e1e2; border-left: 1px solid #63916f; border-right: 1px solid #63916f; } .header-menu > ul > li > a{ font-family: "FranklinGothic-Demi", sans-serif; padding: 0 12px; line-height: 44px; display: block; } .header-menu a { text-transform: uppercase; color: #385a51; font-size: 15px; display: block; } .header-menu ul li a:hover { color: #d67d31; } .header-submenu { display:none; position: absolute; left: -1px; top: 100%; z-index: 10; background-color: #e0e1e3; border: 1px solid #63916f; text-align: left; width: 335px; padding: 9px 0; } .header-menu > ul > li:nth-last-child(-n+3) .header-submenu { left: auto; right: -1px; } .header-menu > ul > li:hover > a { color: #d67d31; } .header-submenu a { font-family: "Corbel", sans-serif; padding: 8px; } .header-mobile-icon { width: 40px; height: 40px; cursor: pointer; z-index: 5; position: relative; float: right; display: none; background-color: #fff; border: none; } .header-mobile-icon span:first-child { top: 10px; } .header-mobile-icon span { top: 18px; left: 5px; position: absolute; width: 30px; height: 4px; background-color: #63916f; border-radius: 3px; } .header-mobile-icon span:last-child { top: auto; bottom: 10px; } .header-main.fixed .header-main_top { height: 0; line-height: 0; padding: 0; } .header-main.fixed .container { position: relative; } .header-main.fixed .header-contacts, .header-main.fixed .header-lang { display: none; } .header-main.fixed .header-menu { padding-left: 180px; } .header-main.fixed .header-logo { width: 175px; position: absolute; left: 0; top: 2px; z-index: 10; } .header-main.fixed .header-menu > ul > li > a { padding: 0 5px; } .header-main.fixed .header-menu a { font-size: 12px; } .header-main.fixed .header-submenu { width: 275px; } .header-main.fixed .header-submenu a{ padding: 10px; } @media screen and (max-width: 1000px) { .header-logo { width: 280px; } .header-contacts { padding-left: 0; float: right;} .header-contacts .phone { margin-right: 20px; } .header-lang { margin-left: 25px; } .header-menu a { font-size: 14px; } .header-menu > ul > li > a { padding: 0 8px; } .header-submenu { width: 280px; } .header-submenu a { padding: 10px; } } @media screen and (min-width: 851px) { .header-menu ul li:hover .header-submenu { display: block; list-style: none;} } @media screen and (max-width: 850px) { .header-main_top { height: auto; line-height: 1.1; padding: 10px 0; } .header-logo { margin-bottom: 10px; } .header-contacts { clear: both; display: block; float: none;} .header-contacts .phone { float: left; } .header-contacts .email { float: right; } .header-mobile-icon { display: block; } .header-menu, .header-menu > ul, .header-menu > ul > li { display: block; } .header-menu > ul { background-color: #fff; z-index:10; border: 1px solid #63916f; position: absolute; left: 0; top: 100%; width: 100%; box-sizing:border-box; display: none; } .header-menu > ul > li { border: 1px solid transparent; } .header-menu > ul > li.active, .header-menu > ul > li:hover { border: 1px solid #63916f; background-color: #e0e1e3; } .header-menu > ul > li.active > a { color: #d67d31; } .header-menu > ul > li > a, .header-main.fixed .header-menu > ul > li > a { line-height: 1.2; padding: 10px; } .header-submenu { position: static; width: 100%; border-left: none; border-right: none; border-bottom: none; } .header-main.fixed .header-menu a { font-size: 14px; } .header-main.fixed .header-submenu { width: 100%; } .show { display: block !important; } } @media screen and (max-width: 590px) { .header-logo { width: 250px; } .header-main_bottom > .container { padding: 0; } .header-mobile-icon { margin-right: 15px; } .header-submenu { padding: 15px 0; } } @media screen and (max-width: 490px) { .header-logo { width: 220px; margin-left: calc(50% - 110px);} .header-lang { margin: 0; } .header-contacts { text-align: center; } .header-contacts .phone, .header-contacts .email { float: none; display: block; } .header-contacts .phone { margin: 0 0 5px 0; } } /*----------------------------------------------------- */ /* BREADCRUMBS */ /*----------------------------------------------------- */ .breadcrumbs-wrap { border-bottom: 1px solid #63916f; } .breadcrumbs li { display: inline-block; vertical-align: middle; font: 14px "OpenSans-Semibold", sans-serif; color: #58636a; margin: 12px 4px 12px 0; padding-right: 14px; position: relative; } .breadcrumbs li:after { content:'>'; position: absolute; right: 0; top: 50%; margin-top: -10px; color: #58636a; } .breadcrumbs li:last-child:after { content:''; } .breadcrumbs li a { color: #63916f; } /*----------------------------------------------------- */ /* SLIDER-MAIN */ /*----------------------------------------------------- */ .flexslider { position: relative; } .flex-container a:hover, .flex-slider a:hover { outline: none; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider .slides img { -moz-user-select: none; } .content-block { margin-right: 240px; } .slide-img { float: left; border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 33.333%; height: 260px; box-sizing: border-box; position: relative; background-repeat: no-repeat; background-position: 50% 50%; } .slide-img:before { content:''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(39,42,45,.6); -webkit-transition: all .3s; transition: all .3s; } .slide-img:hover:before { background: rgba(39,42,45,.35); } .slide-size { width: 50%; height: 340px; } .slide-size:before { background: -moz-linear-gradient(top, rgba(39,42,45,.1) 0%, rgba(39,42,45,.3) 33%, rgba(39,42,45,.4) 65%, rgba(39,42,45,.6) 100%); background: -webkit-linear-gradient(top, rgba(39,42,45,.1) 0%,rgba(39,42,45,.3) 33%,rgba(39,42,45,.4) 65%, rgba(39,42,45,.6) 100%); background: linear-gradient(to bottom, rgba(39,42,45,.1) 0%,rgba(39,42,45,.3) 33%,rgba(39,42,45,.4) 65%, rgba(39,42,45,.6) 100%); } .slide-size:hover:before { background: -moz-linear-gradient(top, rgba(39,42,45,0) 0%, rgba(39,42,45,.15) 33%, rgba(39,42,45,.3) 65%, rgba(39,42,45,.4) 100%); background: -webkit-linear-gradient(top, rgba(39,42,45,0) 0%,rgba(39,42,45,.15) 33%,rgba(39,42,45,.3) 65%, rgba(39,42,45,.4) 100%); background: linear-gradient(to bottom, rgba(39,42,45,0) 0%,rgba(39,42,45,.15) 33%,rgba(39,42,45,.3) 65%, rgba(39,42,45,.4) 100%); } .slide-img-inner { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 12px; box-sizing: border-box; display: block; } .slide-title { text-transform: uppercase; color: #fff; font: 15px/1.1 'Corbel', sans-serif; text-shadow: 0 0 9px rgba(0,0,0,.9); display: block; margin-bottom: 5px; } .slide-img:hover .slide-title { color: #fff; } .slide-date { font: 20px/1 "OpenSans-Semibold", sans-serif; color: #d16b15; text-shadow: 0 0 9px rgba(0,0,0,.9); } @media screen and (max-width: 1000px) { .slide-title { font-size: 18px; } } @media screen and (max-width: 850px) { .content-block { margin-right: 0; } } @media screen and (max-width: 590px) { .slide-img { float: none; display: block; width: 100%; background-size: cover; height: auto; } .slide-img-inner { position: relative; } } /*----------------------------------------------------- */ /* CAROUSEL */ /*----------------------------------------------------- */ .carousel-wrap { margin: 50px 0 0 0; } .carousel { padding: 0 32px; padding-top: 45px; } .carousel-title { font: 21px "FranklinGothic-Demi"; text-transform: uppercase; text-align: center; color: #d67d31; margin-bottom: 10px; display: block; } .carousel .slides > li { text-align: center; } .carousel-1 .slides > li { height: 94px; line-height: 94px; } .carousel-2 .slides > li { height: 94px; line-height: 94px; } .carousel .flex-direction-nav a, .carousel-thumb .flex-direction-nav a { text-decoration: none; display: block; width: 32px; height: 185px; position: absolute; top: 0; z-index: 10; overflow: hidden; cursor: pointer; text-indent: -9999px; background-color: #63916f; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .carousel .flex-direction-nav a.flex-prev, .carousel-thumb .flex-direction-nav a.flex-prev{ left: 0; } .carousel .flex-direction-nav a.flex-next, .carousel-thumb .flex-direction-nav a.flex-next{ right: 0; } .carousel .flex-direction-nav a:hover, .carousel-thumb .flex-direction-nav a:hover{ background-color: #d67d31; } .carousel .flex-direction-nav a:before, .carousel-thumb .flex-direction-nav a:before{ content:''; background: url(/bitrix/templates/.default/style/../images/arrow.png) no-repeat; position: absolute; top: 50%; left: 9px; width: 13px; height: 23px; margin-top: -12px; } .carousel .flex-direction-nav a.flex-next:before, .carousel-thumb .flex-direction-nav a.flex-next:before{ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .carousel-thumb .slides img { height: 100%; width: 100%; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #e0e1e3; } /*----------------------------------------------------- */ /* SLIDERS-WRAP */ /*----------------------------------------------------- */ .sliders-wrap { margin: 30px 0 0 0; } .slider { width: 472px; float: left; margin: 0 16px 15px 0; } .slider:nth-child(2n) { margin-right: 0; } .slider-inner.flexslider .slides img {} .slider-inner.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .slider-title { text-transform: uppercase; color: #d67d31; margin-bottom: 13px; font-family: "FranklinGothic-Demi"; } .slide-thumb-title { font-family: "OpenSans-Semibold", sans-serif; text-align: center; margin: 5px 0 20px 0; } .slider-inner li a { display: block; text-align: center; width: 220px; margin: auto; } .slider-inner li img { height: 315px; } .carousel-thumb { padding: 0 37px; } .carousel-thumb li { opacity: .5; cursor: pointer; } .carousel-thumb li.flex-active-slide, .carousel-thumb li:hover { opacity: 1; } .carousel-thumb li.flex-active-slide { cursor: default; } .carousel-thumb .flex-direction-nav li { opacity: 1; color: white; } #slider-2 a { background-color: #fffff; } #slider-2 img { width: 220px; margin: auto; } @media screen and (max-width: 1000px) { .slider { width: 399px; } } @media screen and (max-width: 850px) { .slider { width: 472px; margin: 0 auto 15px auto; float: none; } .slider:nth-child(2n) { margin-right: auto; } } @media screen and (max-width: 590px) { .slider { width: 100%; max-width: 472px; } } /*----------------------------------------------------- */ /* CONTENT-BOX */ /*----------------------------------------------------- */ .content-box { background: url(/bitrix/templates/.default/style/../images/bg.jpg); border-top: 1px solid #fff; border-bottom: 2px solid #fff; height: 120px; } .box-logo { margin: 15px 0 0 13px; display: inline-block; } .content-box-title-wrap { text-align: center; color: #58636a; text-transform: uppercase; } .content-box-title { font: 21px "FranklinGothic-Demi"; } .content-box-title-small { font: bold 18px/1.1 'Corbel', sans-serif; } @media screen and (max-width: 850px) { .content-box-title { font-size: 18px; } .content-box-title-small { font-size: 15px; } } .content-box-en { background: url(/bitrix/templates/.default/style/../images/banner-gisip-720x120-en-v1.jpg); border-top: 1px solid #fff; border-bottom: 2px solid #fff; height: 120px; } .content-box-ru { background: url(/bitrix/templates/.default/style/../images/banner-gisip-720x120-ru-v1.jpg); border-top: 1px solid #fff; border-bottom: 2px solid #fff; height: 120px; } a .box-link {display: block;} /*----------------------------------------------------- */ /* CONTENT-LINK */ /*----------------------------------------------------- */ .content-link { width: 48%; float: left; margin: 0 4% 36px 0; } .content-link:nth-child(2n) { margin-right: 0; } .content-link:nth-child(2n+3) { clear: both; } .content-link-inner { display: block; } .content-link-img { position: relative; padding-left: 78px; margin-bottom: 15px; background-color: #d67d31; display: block; } .content-link-date { width: 85px; text-align: center; color: #fff; background-color: #d67d31; position: absolute; left: 0; top: 0; height: 100%; padding: 15px 5px 5px 5px; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .date-big { font-size: 40px; line-height: 1; display: inline-block; } .content-link-title { text-transform: uppercase; color: #58636a; -webkit-transition: all .3s; transition: all .3s; } .content-link-inner:hover .content-link-title { color: #63916f; } .content-link-inner:hover .content-link-date { background-color: #63916f; } .content-news { margin: 0 20px 0 0; } @media screen and (max-width: 850px) { .content-link { float: none; margin-right: auto; margin-left: auto; max-width: 462px; width: 100%; } .content-link:nth-child(2n) { margin-right: auto; } } /*----------------------------------------------------- */ /* CONTENT-DOWNLOAD */ /*----------------------------------------------------- */ .content-download { margin-top: 20px; } .content-download-item { padding-left: 45px; position: relative; margin-bottom: 30px; min-height: 90px; } .content-download-item:last-child { margin-bottom: 0; } .content-download-item:before { content:''; position: absolute; top: 3px; left: 0; width: 33px; height: 43px; background: url(/bitrix/templates/.default/style/../images/download.png) no-repeat; } .content-download-title { font: 16px "FranklinGothic-Demi"; color: inherit; display: inline-block; margin-bottom: 5px; text-transform: uppercase; } .content-download-title:hover { color: #d67d31; } .content-download-date { font-size: 14px; } @media screen and (max-width: 590px) { .content-download-item { margin-bottom: 15px; } } .content-doc .download-file { margin-bottom: 20px;} .content-doc .doc-link { margin-bottom: 20px;} /*----------------------------------------------------- */ /* CONTENT-DOC */ /*----------------------------------------------------- */ .content-doc-wrap { margin-top: 45px; } .content-doc-wrap-2 { margin-top: 15px; } .content-doc-wrap-3 { margin-top: 5px; } .content-doc-title { cursor: pointer; color: #fff; text-transform: uppercase; font-family: "FranklinGothic-Demi"; line-height: 1.1; background-color: #63916f; padding: 13px 50px 13px 18px; position: relative; border-bottom: 4px solid #fff; } .content-doc-title:after { content:''; position: absolute; top: 50%; margin-top: -3px; right: 25px; border: 8px solid transparent; border-top: 8px solid #fff; } .content-doc-title.active { border-bottom: none; } .content-doc-title.active:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); margin-top: -11px; } .content-doc-title-2 { cursor: pointer; color: #fff; text-transform: uppercase; font-family: "FranklinGothic-Demi"; line-height: 1.1; background-color: #63916f; padding: 13px 50px 13px 18px; position: relative; border-bottom: 4px solid #fff; } .content-doc-title-2:after { content:''; position: absolute; top: 50%; margin-top: -3px; right: 25px; border: 8px solid transparent; border-top: 8px solid #fff; } .content-doc-title-2.active { border-bottom: none; } .content-doc-title-2.active:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); margin-top: -11px; } .content-doc-title-3 { cursor: pointer; color: #fff; text-transform: uppercase; font-family: "FranklinGothic-Demi"; line-height: 1.1; background-color: #63916f; padding: 13px 50px 13px 18px; position: relative; border-bottom: 4px solid #fff; } .content-doc-title-3:after { content:''; position: absolute; top: 50%; margin-top: -3px; right: 25px; border: 8px solid transparent; border-top: 8px solid #fff; } .content-doc-title-3.active { border-bottom: none; } .content-doc-title-3.active:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); margin-top: -11px; } .content-doc-info { border: 1px solid #63916f; border-top: none; padding: 30px 18px; display: none; } .content-doc-info-2 { border: 1px solid #63916f; border-top: none; padding: 30px 18px; display: none; } .content-doc-info-3 { border: 1px solid #63916f; border-top: none; padding: 30px 18px; display: none; } .content-doc-info-in { line-height: 2.2; } .open { display: block; } .content-doc-about { margin-bottom: 45px; } .content-doc-about:last-child { margin-bottom: 0; } .content-doc-about-date { text-transform: uppercase; font-family: "OpenSans-Semibold", sans-serif; margin-bottom: 20px; } .content-doc-about-title { margin-bottom: 20px; font-weight: bold; } .content-doc-about-link { color: #63916f; text-decoration: underline; display: block; margin-bottom: 18px; } .content-doc-about-link:hover { color: #d67d31; text-decoration: none; } .content-doc-logo { text-align: center; margin: 45px 0 0 0; } .content-doc-logo img { display: inline-block; margin-bottom: 45px; } .content-logo { margin: 20px 0 13px 0; padding: 0 0 13px 0; border-bottom: 4px solid #d67d31; } .content-logo img { width: 273px; } /*----------------------------------------------------- */ /* CONTACT */ /*----------------------------------------------------- */ .content { padding-top: 25px; } .contact-info { float: left; width: 330px; font: 14px "OpenSans-Semibold", sans-serif; } .contact-info-inner { margin-bottom: 13px; line-height: 1.6; } .contact-form { margin-bottom: 8px; } .contact-form-label { margin-bottom: 5px; } .contact-form textarea { height: 135px; } .capcha { width: 50%; height: 73px; line-height: 73px; overflow: hidden; text-align: center; border: 1px solid #b3b2b2; float: left; box-sizing: border-box; } .capcha img { width: 100%; max-width: 149px; } .capcha-text { width: 50%; box-sizing: border-box; float: right; padding-left: 7px; } .capcha-text-inner { margin-top: 5px; } .contact-form-submit { margin: 13px 0; } .contact-map { margin-left: 370px; } #map_contact { width: 100%; height: 660px; } #map { height: 660px; } @media screen and (max-width: 850px) { .contact-info { float: none; width: 100%; } .contact-map { margin: 0; } #map { height: 300px; } #map-2 { height: 400px; } } /*----------------------------------------------------- */ /* ASIDE-BLOCK */ /*----------------------------------------------------- */ .aside-block { float: right; margin-left: 15px; width: 225px; position: absolute; right: 0; top: 0; } .aside-block-info-wrap { position: relative; } .aside-block-info-wrap:after { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 55%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 55%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 55%,rgba(255,255,255,1) 100%); } .aside-block-info { height: 300px; overflow-y: auto; position: relative; } .aside-block-info-item { margin-bottom: 12px; } .aside-block-title { font: 17px/1 'FranklinGothic-Demi'; color: #63916f; text-transform: uppercase; margin: 15px 0; } .aside-block-info_date { font: 14px/1 "OpenSans-Semibold", sans-serif; color: #d67d31; margin-bottom: 4px; } .aside-block-info_link { font: 17px/1.12 'Corbel', sans-serif; color: #6c6e71; } .aside-block-info_link:hover { color: #d67d31; } @media screen and (max-width: 850px) { .aside-block { position: static; margin-left: 0; float: none; width: 100%; } .aside-block-info { height: auto; } } /*----------------------------------------------------- */ /* GROUP */ /*----------------------------------------------------- */ .group { margin-bottom: 30px; } .group:last-child { margin-bottom: 0; } .group-img { float: left; width: 173px; overflow: hidden; margin-right: 10px; } .group-inner { //margin-left: 188px; border-bottom: 1px solid #63916f; //height: 188px; padding-bottom: 10px; } .group-inner-main { border-bottom: 1px solid #d67d31; } .group-inner-header { font: 16px/1 "FranklinGothic-Demi"; text-transform: uppercase; height: 82px; overflow: hidden; } .group-inner-main .group-inner-header { /*font-size: 120px;*/ } .group-inner-header-item { margin-bottom: 10px; } .group-inner-header-item.color { color: #63916f; } .group-inner-info-title { font-family: "OpenSans-Semibold", sans-serif; } .group-inner-info { line-height: 1.5; height: 75px; overflow: hidden; } .group-inner-link { color: #d67d31; font-family: "OpenSans-Semibold", sans-serif; text-decoration: underline; } .group-inner-link:hover { text-decoration: none; } .group-wrap .group-inner-header { height: auto; } @media screen and (max-width: 850px) { .group-img { float: none; margin: 0 auto 15px auto; } .group-inner { margin-left: 0; text-align: center; padding-bottom: 15px; } .group-inner, .group-inner-info, .group-inner-header { height: auto; } .group-inner-header { } } /*----------------------------------------------------- */ /* BOX-BANNER */ /*----------------------------------------------------- */ .box-banner { display: block; float: left; width: 50%; border-right: 1px solid #fff; border-bottom: 2px solid #fff; box-sizing: border-box; } @media screen and (max-width: 850px) { .box-banner-wrap { margin: 20px 0; } .box-banner { float: none; width: 100%; } } /*----------------------------------------------------- */ /* PAGINATION */ /*----------------------------------------------------- */ .pagination li { display: inline-block; vertical-align: middle; margin: 0 5px 10px 0; } .pagination li.dotted { color: #d67d31; margin: 0 10px; font-size: 22px; } .pagination li a { font: 14px/23px "OpenSans-Semibold", sans-serif; color: #d67d31; width: 23px; height: 23px; text-align: center; border: 1px solid #b3b2b2; display: block; } .pagination li a.prev, .pagination li a.next { width: auto; padding: 0 10px; } .pagination li a:hover, .pagination li a.active { background-color: #d67d31; color: #fff; } .pagination li a.disabled { color: #b3b2b2; cursor: default; } /*----------------------------------------------------- */ /* TABLE-WRAP */ /*----------------------------------------------------- */ .table-wrap { display: table; width: 100%; font-size: 16px; } .table-row { display: table-row; } .table-cell { display: table-cell; padding: 7px 10px; vertical-align: middle; border-bottom: 1px solid #b3b2b2; text-align: center; } .table-title { color: #fff; background-color: #63916f; } .table-title .table-cell { padding: 7px 15px; } .partner-logo { padding-left: 10px; padding-right: 0; width: 50%; text-align: left; } .partner-date { width: 140px; } @media screen and (min-width: 851px) { .table-cell:last-child { border-right: 1px solid #b3b2b2; } } @media screen and (max-width: 850px) { .hidden { display: none; } } @media screen and (max-width: 850px) and (min-width: 591px) { .table-cell:nth-child(3) { border-right: 1px solid #b3b2b2; } } @media screen and (min-width: 591px) { .table-cell:first-child { border-left: 1px solid #b3b2b2; } } @media screen and (max-width: 590px) { .table-title .table-cell, .table-cell.hidden { display: none; } .table-wrap, .table-row, .table-cell { display: block; border: none; } .partner-logo { width: 100%; } .partner-info { border-bottom: 1px solid #b3b2b2; margin-bottom: 15px; padding-bottom: 10px; } } /*----------------------------------------------------- */ /* TABLE-CONTAINER */ /*----------------------------------------------------- */ .table-container { overflow-x: auto; margin-top: 15px; } .table-container table { width: 100%; text-align: center; font-size: 13px; } .table-container th { font-size: 14px; color: #63916f; } .table-container th, .table-container td { border: 1px solid #d67d31; padding: 5px; vertical-align: top; } /*----------------------------------------------------- */ /* FOOTER */ /*----------------------------------------------------- */ .footer-main { color: #fff; background: url(/bitrix/templates/.default/style/../images/bg-footer.png) no-repeat center bottom; background-size: 100% 70%; } .footer-main-inner { position: relative; height: 160px; } .footer-block { width: 100%; //padding: 0 15px 20px 15px; padding: 0 0 20px 0; box-sizing: border-box; position: absolute; left: 0; bottom: 0; } .footer-social a { width: 33px; height: 33px; border-radius: 50%; background-color: #58636a; display: inline-block; position: relative; margin-right: 3px; } .footer-social a:before { content:''; position: absolute; top: 50%; left: 50%; height: 16px; margin-top: -8px; background: url(/bitrix/templates/.default/style/../images/social-icons.png) no-repeat; -webkit-transition: none; transition: none; } .footer-social a.item1:before { background-position: -3px -123px; width: 8px; margin-left: -4px; } .footer-social a.item1:hover:before { background-position: -3px -142px; } .footer-social a.item2:before { background-position: -3px 0; width: 19px; margin-left: -10px; } .footer-social a.item2:hover:before { background-position: -3px -17px; } .footer-social a.item3:before { background-position: -3px -53px; width: 12px; margin-left: -6px; } .footer-social a.item3:hover:before { background-position: -3px -34px; } .footer-social a.item4:before { background-position: -3px -72px; width: 12px; margin-left: -6px; } .footer-social a.item4:hover:before { background-position: -3px -89px; } .footer-social a.item5:before { background-position: -3px -161px; width: 8px; margin-left: -4px; } .footer-social a.item5:hover:before { background-position: -3px -106px; } .footer-social a.item6:before { background-position: 0px -230px; width: 20px; margin-left: -10px; } .footer-social a.item6:hover:before { background-position: 0px -250px; } .footer-left { float: left; font-size: 13px; margin-top: 5px; width: 80%; } .footer-right { float: right; font-size: 12px; } .footer-right span, .footer-right a { display: inline-block; vertical-align: bottom; margin-left: 5px; } @media screen and (max-width: 850px) { .footer-left, .footer-right { float: none; margin-top: 10px; } } @media screen and (max-width: 590px) { .footer-main { background-size: auto; } .footer-main-inner { height: auto; padding-top: 25px;} .footer-block { position: static; } .footer-main .container { padding: 0; } } /*.footer-main { color: #fff; background: url(/bitrix/templates/.default/style/../images/bg-footer.png) no-repeat center bottom; background-size: 100% 100%; } .footer-main-inner { position: relative; height: 110px; } .footer-block { width: 100%; padding: 0 15px 20px 15px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; } .footer-social a { width: 33px; height: 33px; border-radius: 50%; background-color: #58636a; display: inline-block; position: relative; margin-right: 3px; } .footer-social a:before { content:''; position: absolute; top: 50%; left: 50%; height: 16px; margin-top: -8px; background: url(/bitrix/templates/.default/style/../images/social-icons.png) no-repeat; -webkit-transition: none; transition: none; } .footer-social a.item1:before { background-position: -3px -53px; width: 12px; margin-left: -6px; } .footer-social a.item1:hover:before { background-position: -3px -34px; } .footer-social a.item2:before { background-position: -3px 0; width: 19px; margin-left: -10px; } .footer-social a.item2:hover:before { background-position: -3px -17px; } .footer-social a.item3:before { background-position: -3px -123px; width: 8px; margin-left: -4px; } .footer-social a.item3:hover:before { background-position: -3px -142px; } .footer-social a.item4:before { background-position: -3px -72px; width: 12px; margin-left: -6px; } .footer-social a.item4:hover:before { background-position: -3px -89px; } .footer-social a.item5:before { background-position: -3px -161px; width: 8px; margin-left: -4px; } .footer-social a.item5:hover:before { background-position: -3px -106px; } .footer-social a.item6:before { background-position: 0px -177px; width: 20px; margin-left: -10px; } .footer-social a.item6:hover:before { background-position: 0px -191px; } .footer-left { float: left; font-size: 13px; margin-top: 5px; width: 80%; } .footer-right { float: right; font-size: 10px; } .footer-right span, .footer-right a { display: inline-block; vertical-align: bottom; margin-left: 5px; } @media screen and (max-width: 850px) { .footer-left, .footer-right { float: none; margin-top: 10px; } } @media screen and (max-width: 590px) { .footer-main { background-size: auto; } .footer-main-inner { height: auto; padding-top: 25px;} .footer-block { position: static; } .footer-main .container { padding: 0; } }*/ .article-gallery { text-align: center; margin-top: 20px; } .article-gallery a { display: inline-block; margin: 8px; vertical-align: middle; width: 183px; } .article-gallery img { width: 100%; } .valign{ ... display:table-cell; /* для не IE */ line-height: expression(this.offsetHeight + "px"); /* для IE */ behavior: expression(!this.extra ? this.extra = this.innerHTML = '

' + this.innerHTML + '

' : ''); /* для IE */ } .valign, .valign p{ vertical-align:middle; /* здесь выравниваем текст по вертикали */ } /* для IE */ .valign p{ line-height:normal; display:inline; } /* для IE */ .valign *{ zoom:1; /* Важно! Устанавливаем hasLayout = true */ } a.email {color: #fff; font-size: 16px;} /* new */ /*----------------------------------------*/ /* FONT INTER */ /*----------------------------------------*/ @font-face { font-family: 'Inter'; src: url(/bitrix/templates/.default/style/../fonts/Inter-Regular.woff) format("woff"); } @font-face { font-family: 'Inter'; font-weight: 500; src: url(/bitrix/templates/.default/style/../fonts/Inter-Medium.woff) format("woff"); } @font-face { font-family: 'Inter'; font-weight: 600; src: url(/bitrix/templates/.default/style/../fonts/Inter-SemiBold.woff) format("woff"); } /*----------------------------------------*/ /* FONT OSWALD */ /*----------------------------------------*/ @font-face { font-family: 'Oswald'; src: url(/bitrix/templates/.default/style/../fonts/Oswald-Regular.woff) format("woff"); } /*----------------------------------------*/ /* GLOBAL */ /*----------------------------------------*/ .v21-page { background: #fff; color: #000; font: 13px/1.38 "Inter", sans-serif; min-width: 320px; } .v21-page *, .v21-page *::before, .v21-page *::after { box-sizing: border-box; } .v21-page a { color: #00897B; text-decoration: none; transition: color 0.18s; } .v21-page img { max-width: 100%; vertical-align: middle; } .v21-page strong, .v21-page b { font-weight: 600; } .v21-page em, .v21-page i { font-style: italic; } .v21-page svg { max-height: 100%; max-width: 100%; } .v21-page input:focus, .v21-page textarea:focus, .v21-page button:focus, .v21-page select:focus { outline: none; } .v21-page button { cursor: pointer; } .v21-page input::-moz-placeholder, .v21-page textarea::-moz-placeholder { color: inherit; opacity: .5; } .v21-page input:-ms-input-placeholder, .v21-page textarea:-ms-input-placeholder { color: inherit; opacity: .5; } .v21-page input::placeholder, .v21-page textarea::placeholder { color: inherit; opacity: .5; } .v21-page input:focus::-moz-placeholder, .v21-page textarea:focus::-moz-placeholder { color: inherit; opacity: 0; } .v21-page input:focus:-ms-input-placeholder, .v21-page textarea:focus:-ms-input-placeholder { color: inherit; opacity: 0; } .v21-page input:focus::placeholder, .v21-page textarea:focus::placeholder { color: inherit; opacity: 0; } .v21-page input[type='search']::-webkit-search-decoration, .v21-page input[type='search']::-webkit-search-cancel-button, .v21-page input[type='search']::-webkit-search-results-button, .v21-page input[type='search']::-webkit-search-results-decoration { -webkit-appearance: none; } /*----------------------------------------*/ /* HEADINGS */ /*----------------------------------------*/ .v21-h1 { font: 48px/1.16 "Oswald", sans-serif; margin: 0 0 24px; } @media screen and (max-width: 639px) { .v21-h1 { font-size: 36px; } } .v21-h2 { font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 24px; text-transform: uppercase; } .v21-h3 { font-size: 20px; font-weight: 600; line-height: 1.4; margin: 0 0 24px; } .v21-h4 { font-size: 16px; font-weight: 500; line-height: 1.3; margin: 0 0 24px; } /*----------------------------------------*/ /* PARAGRAPH */ /*----------------------------------------*/ .v21-p { margin: 0 0 16px; } .v21-p:last-child { margin: 0; } /*----------------------------------------*/ /* BUTTON */ /*----------------------------------------*/ a.v21-button, button.v21-button, input.v21-button { align-items: center; border: none; border-radius: 20px; display: flex; height: 40px; justify-content: center; text-align: center; transition: background-color 0.18s, color 0.18s; width: 140px; } a.v21-button--primary, button.v21-button--primary, input.v21-button--primary { background: #00897B; color: #fff; } a.v21-button--primary:hover, a.v21-button--primary:active, button.v21-button--primary:hover, button.v21-button--primary:active, input.v21-button--primary:hover, input.v21-button--primary:active { background: #fff; color: #00897B; } a.v21-button--secondary, button.v21-button--secondary, input.v21-button--secondary { background: #fff; color: #00897B; } a.v21-button--secondary:hover, a.v21-button--secondary:active, button.v21-button--secondary:hover, button.v21-button--secondary:active, input.v21-button--secondary:hover, input.v21-button--secondary:active { background: #00897B; color: #fff; } a.v21-button--tertiary, button.v21-button--tertiary, input.v21-button--tertiary { background: #EAECEF; color: #00897B; } a.v21-button--tertiary:hover, a.v21-button--tertiary:active, button.v21-button--tertiary:hover, button.v21-button--tertiary:active, input.v21-button--tertiary:hover, input.v21-button--tertiary:active { background: #00897B; color: #fff; } a.v21-button--more, button.v21-button--more, input.v21-button--more { margin: 72px auto 0; } @media screen and (max-width: 1023px) { a.v21-button--more, button.v21-button--more, input.v21-button--more { margin: 48px auto 0; } } /*----------------------------------------*/ /* SLIDER ARROW */ /*----------------------------------------*/ .v21-slider-arrow { background: #fff; border: none; border-radius: 100%; color: #00897B; display: block; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; transition: color 0.18s; width: 40px; z-index: 10; } @media screen and (max-width: 1439px) { .v21-slider-arrow { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } } @media screen and (max-width: 639px) { .v21-slider-arrow { height: 32px; margin: -16px 0 0; width: 32px; } } .v21-slider-arrow:hover, .v21-slider-arrow:active { color: #000; } .v21-slider-arrow:disabled { display: none; } .v21-slider-arrow--prev { left: -80px; padding: 8px 10px 8px 6px; } @media screen and (min-width: 640px) and (max-width: 1439px) { .v21-slider-arrow--prev { left: -20px; } } @media screen and (max-width: 639px) { .v21-slider-arrow--prev { left: -16px; } } .v21-slider-arrow--next { padding: 8px 6px 8px 10px; right: -80px; } @media screen and (min-width: 640px) and (max-width: 1439px) { .v21-slider-arrow--next { right: -20px; } } @media screen and (max-width: 639px) { .v21-slider-arrow--next { right: -16px; } } /*----------------------------------------*/ /* CONTAINER */ /*----------------------------------------*/ .v21-container { box-sizing: content-box; margin: 0 auto; max-width: 1216px; padding: 0 32px; } @media screen and (max-width: 639px) { .v21-container { padding: 0 16px; } } /*----------------------------------------*/ /* SECTION */ /*----------------------------------------*/ /*----------------------------------------*/ /* LINK */ /*----------------------------------------*/ .v21-link:hover .v21-link__text, .v21-link:active .v21-link__text { border-bottom-color: currentColor; } .v21-link__text { border-bottom: transparent solid 1px; transition: border-bottom-color 0.18s; } /*----------------------------------------*/ /* SOCIALS */ /*----------------------------------------*/ .v21-socials { align-items: center; display: flex; list-style: none; margin: 0; padding: 0; } .v21-socials__item { margin-right: 20px; } .v21-socials__item:last-child { margin: 0; } .v21-socials__item a { color: inherit; display: block; height: 20px; width: 20px; } /*----------------------------------------*/ /* ARTICLE */ /*----------------------------------------*/ .v21-article { align-items: flex-start; background: #fff; border-radius: 8px; display: flex; flex-direction: column; } .v21-article:hover .v21-link__text, .v21-article:active .v21-link__text { border-bottom-color: currentColor; } .v21-article__image { border-radius: 8px 8px 0 0; display: block; width: 100%; } .v21-article__image + .v21-article__text { padding-top: 24px; } .v21-article__text { align-items: flex-start; flex-grow: 1; display: flex; flex-direction: column; padding: 32px; } @media screen and (max-width: 1279px) { .v21-article__text { padding: 20px; } } .v21-article__date { color: #585858; display: block; font-size: 12px; line-height: 1.5; margin: 0 0 16px; } .v21-article__title { color: #000; } .v21-article__subtitle { color: #00897B; line-height: 1.25; margin: 0 0 16px; } .v21-article__link { align-items: center; display: flex; font-size: 12px; font-weight: 500; margin: auto 0 0; } .v21-article__link svg { margin-left: 8px; } .v21-article--news { box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16); margin: 0 0 32px; } @media screen and (max-width: 1279px) { .v21-article--news { margin: 0 0 20px; } } .v21-article--news-1 .v21-article__date, .v21-article--news-1 .v21-article__title, .v21-article--news-1 .v21-article__link, .v21-article--news-2 .v21-article__date, .v21-article--news-2 .v21-article__title, .v21-article--news-2 .v21-article__link { color: #fff; } .v21-article--news-1 { background: rgba(0, 137, 123, 0.7); } .v21-article--news-2 { background: rgba(103, 43, 85, 0.7); } .v21-article--press .v21-article__date { color: #000; } /*----------------------------------------*/ /* HEADER */ /*----------------------------------------*/ .v21-header { color: #111; padding: 32px 0; position: relative; z-index: 300; } @media screen and (max-width: 1279px) { .v21-header { padding: 24px 0; } } .v21-header--index { color: #fff; } .v21-header__toggle { flex-shrink: 0; height: 32px; margin-right: 20px; width: 32px; } @media screen and (min-width: 1280px) { .v21-header__toggle { display: none; } } .v21-header__toggle a { color: inherit; display: block; height: 100%; } .v21-header__container { align-items: center; display: flex; } .v21-header__logo { height: 52px; margin-right: auto; width: 285px; } .v21-header__logo a { color: inherit; display: block; height: 100%; } .v21-header__socials { margin-left: auto; } @media screen and (max-width: 639px) { .v21-header__socials { display: none; } } .v21-header__lang { display: flex; font-size: 11px; font-weight: 500; line-height: 14px; list-style: none; margin: 0 -5px 0 40px; padding: 0; } @media screen and (max-width: 767px) { .v21-header__lang { margin-left: 20px; } } .v21-header__lang-item { border-right: 1px solid currentColor; } .v21-header__lang-item:last-child { border: none; } .v21-header__lang-item a { color: inherit; padding: 0 5px; text-transform: uppercase; } /*----------------------------------------*/ /* NAV BAR */ /*----------------------------------------*/ .v21-nav-bar { padding: 8px 0; position: relative; z-index: 200; } @media screen and (max-width: 1279px) { .v21-nav-bar { background: #6D2D55; border-radius: 0 8px 8px 0; box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.2); height: 100%; left: 0; opacity: 0; overflow: auto; padding: 0; position: fixed; top: 0; transform: translate3d(-100%, 0, 0); transition: opacity 0.18s, transform 0.18s; width: 320px; z-index: 800; } } .v21-nav-bar.is-active { opacity: 1; transform: translate3d(0, 0, 0); } .v21-nav-bar--index { color: #fff; } .v21-nav-bar__close { position: absolute; right: 0; top: 0; z-index: 10; } @media screen and (min-width: 1280px) { .v21-nav-bar__close { display: none; } } .v21-nav-bar__close a { color: #fff; display: block; height: 48px; padding: 16px; width: 48px; } .v21-nav-bar__container { align-items: center; display: flex; position: relative; } @media screen and (max-width: 1279px) { .v21-nav-bar__container { align-items: stretch; flex-direction: column; height: 100%; padding: 0; } } .v21-nav-bar__menu { font-size: 14px; font-weight: 500; margin-right: auto; } @media screen and (max-width: 1279px) { .v21-nav-bar__menu { margin: 0; padding: 48px 16px 24px; } } .v21-nav-bar__menu-list { align-items: center; display: flex; list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 1279px) { .v21-nav-bar__menu-list { align-items: stretch; flex-direction: column; } } .v21-nav-bar__menu-item { position: relative; } .v21-nav-bar__menu-item > a { align-items: center; border-radius: 18px; color: inherit; display: flex; height: 36px; justify-content: center; padding: 0 16px; transition: background-color 0.18s, color 0.18s; white-space: nowrap; } @media screen and (max-width: 1279px) { .v21-nav-bar__menu-item > a { justify-content: flex-start; text-transform: uppercase; } } .v21-nav-bar__menu-item > a:hover, .v21-nav-bar__menu-item > a:active, .v21-nav-bar__menu-item > a.is-active { background: #00897B; color: #fff; } @media screen and (max-width: 1279px) { .v21-nav-bar__menu-item > a:hover, .v21-nav-bar__menu-item > a:active, .v21-nav-bar__menu-item > a.is-active { background: none; } } @media screen and (max-width: 1279px) { .v21-nav-bar__menu-item > a:hover .v21-link__text, .v21-nav-bar__menu-item > a:active .v21-link__text, .v21-nav-bar__menu-item > a.is-active .v21-link__text { border-bottom-color: currentColor; } } @media screen and (min-width: 1280px) { .v21-nav-bar__menu-item > a .v21-link__text { border: none; } } .v21-nav-bar__sub { left: 0; opacity: 0; position: absolute; padding: 8px 0 0; top: 100%; transition: all 0.18s; visibility: hidden; z-index: 10; } @media screen and (max-width: 1279px) { .v21-nav-bar__sub { max-height: 0; padding: 0; position: static; } } .v21-nav-bar__sub.is-active { opacity: 1; visibility: visible; } @media screen and (max-width: 1279px) { .v21-nav-bar__sub.is-active { max-height: 320px; padding: 4px 0 8px 8px; } } .v21-nav-bar__sub-list { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); border-radius: 9px; list-style: none; margin: 0; padding: 8px 0; } @media screen and (max-width: 1279px) { .v21-nav-bar__sub-list { background: none; border-radius: 0; padding: 0; } } .v21-nav-bar__sub-item a { color: #00897B; padding: 8px 16px; display: block; white-space: nowrap; } @media screen and (max-width: 1279px) { .v21-nav-bar__sub-item a { color: #fff; font-size: 12px; } } .v21-nav-bar__socials { justify-content: space-between; margin: auto 0 16px; padding: 0 32px; } @media screen and (min-width: 1280px) { .v21-nav-bar__socials { display: none; } } .v21-nav-bar__socials a { height: 32px; width: 32px; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-toggle { display: none; } } .v21-nav-bar__search-toggle svg { margin-right: 14px; } .v21-nav-bar__search-toggle a { align-items: center; color: inherit; display: flex; font-size: 14px; transition: color 0.18s; } .v21-nav-bar__search-form { left: 32px; opacity: 0; position: absolute; right: 32px; top: 0; visibility: hidden; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-form { opacity: 1; padding: 16px 32px 32px; position: static; visibility: visible; width: 100%; } } @media screen and (max-width: 639px) { .v21-nav-bar__search-form { margin: 0; } } .v21-nav-bar__search-form.is-active { opacity: 1; visibility: visible; } .v21-nav-bar__search-content { background: #fff; border-radius: 18px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); display: flex; padding: 0 8px; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-content { padding-left: 4px; } } .v21-nav-bar__search-content a, .v21-nav-bar__search-content button { color: #000; } .v21-nav-bar__search-button { align-items: center; background: none; border: none; border-radius: 100%; display: flex; height: 36px; flex-shrink: 0; justify-content: center; padding: 0; width: 36px; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-button--close { display: none; } } .v21-nav-bar__search-input { background: none; border: none; display: block; font-size: 14px; font-weight: 500; flex-grow: 1; height: 36px; padding: 0 8px; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-input { padding-left: 4px; } } /*----------------------------------------*/ /* FOOTER */ /*----------------------------------------*/ .v21-footer { background: #672b55; color: #fff; padding: 72px 0; } @media screen and (max-width: 1279px) { .v21-footer { padding: 32px 0; } } .v21-footer__container { align-items: center; display: flex; } .v21-footer__toggle { flex-shrink: 0; height: 32px; margin-right: 20px; width: 32px; } @media screen and (min-width: 1280px) { .v21-footer__toggle { display: none; } } .v21-footer__toggle a { color: inherit; display: block; height: 100%; } .v21-footer__logo { height: 52px; width: 285px; } .v21-footer__logo a { color: inherit; display: block; height: 100%; } @media screen and (min-width: 1280px) { .v21-footer__nav-bar { margin: 24px -16px 0; } } @media screen and (min-width: 1280px) { .v21-footer__nav-bar .v21-nav-bar__sub { bottom: 100%; padding: 0 0 4px; top: auto; } } @media screen and (min-width: 1280px) { .v21-footer__nav-bar .v21-nav-bar__search-form { display: none; } } .v21-footer__address { font-size: 12px; line-height: 1.6; margin: 24px 0 0; } .v21-footer__address a { color: inherit; } .v21-footer__socials { margin: 32px 0; } @media screen and (max-width: 1279px) { .v21-footer__socials { margin: 24px 0; } } .v21-footer__bar { font-size: 11px; justify-content: space-between; } @media screen and (max-width: 767px) { .v21-footer__bar { display: block; } } .v21-footer__bar a { color: inherit; } @media screen and (max-width: 767px) { .v21-footer__copyright { margin: 0 0 16px; } } /*----------------------------------------*/ /* WELCOME */ /*----------------------------------------*/ .v21-welcome { background: #000; color: #fff; margin: -168px 0 0; position: relative; z-index: 100; } @media screen and (max-width: 1279px) { .v21-welcome { margin: -100px 0 0; } } .v21-welcome .tns-nav { align-items: center; bottom: 34px; display: flex; justify-content: center; left: 0; position: absolute; right: 0; } @media screen and (max-width: 639px) { .v21-welcome .tns-nav { bottom: 24px; } } .v21-welcome .tns-nav button { background: none; border: 1px solid currentColor; border-radius: 100%; color: inherit; height: 12px; margin: 0 4px; opacity: 0.5; padding: 0; position: relative; transition: opacity 0.18s; width: 12px; } .v21-welcome .tns-nav button::before { background: currentColor; border-radius: 100%; content: ''; display: block; height: 6px; left: 2px; opacity: 0; position: absolute; top: 2px; transition: opacity 0.18s; width: 6px; } .v21-welcome .tns-nav button.tns-nav-active { opacity: 1; } .v21-welcome .tns-nav button.tns-nav-active::before { opacity: 1; } .v21-welcome__bg { background-position: 50% 50%; background-size: cover; height: 600px; } @media screen and (max-width: 1023px) { .v21-welcome__bg { height: 480px; } } .v21-welcome__content { background: rgba(0, 0, 0, 0.4); height: 100%; padding: 240px 0 80px; } @media screen and (min-width: 1024px) and (max-width: 1279px) { .v21-welcome__content { padding: 180px 0 80px; } } @media screen and (min-width: 640px) and (max-width: 1023px) { .v21-welcome__content { padding: 140px 0 80px; } } @media screen and (max-width: 639px) { .v21-welcome__content { padding: 120px 0 60px; } } .v21-welcome__container { align-items: flex-start; display: flex; flex-direction: column; height: 100%; justify-content: center; } .v21-welcome__title { margin: 0 0 72px; max-width: 520px; } @media screen and (min-width: 640px) and (max-width: 1279px) { .v21-welcome__title { margin: 0 0 48px; } } @media screen and (max-width: 639px) { .v21-welcome__title { margin: 0 0 36px; } } /*----------------------------------------*/ /* NEWS */ /*----------------------------------------*/ .v21-news { background: url(/bitrix/templates/.default/style/../img/v21-news-bg.jpg) 50% 100% no-repeat; background-size: cover; padding: 48px 0 72px; } @media screen and (max-width: 1023px) { .v21-news { background: #fff; padding: 48px 0; } } .v21-news__container { margin: 0 0 -32px; } @media screen and (max-width: 1279px) { .v21-news__container { margin: 0 0 -20px; } } .v21-news__item, .v21-news__sizer { width: calc(25% - 24px); } @media screen and (min-width: 1024px) and (max-width: 1279px) { .v21-news__item, .v21-news__sizer { width: calc(25% - 15px); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .v21-news__item, .v21-news__sizer { width: calc((100% - 40px) / 3); } } @media screen and (min-width: 480px) and (max-width: 767px) { .v21-news__item, .v21-news__sizer { width: calc(50% - 20px); } } @media screen and (max-width: 479px) { .v21-news__item, .v21-news__sizer { width: 100%; } } .v21-news__gutter { width: 32px; } @media screen and (min-width: 480px) and (max-width: 1279px) { .v21-news__gutter { width: 20px; } } @media screen and (max-width: 479px) { .v21-news__gutter { width: 0; } } /*----------------------------------------*/ /* PRESS */ /*----------------------------------------*/ .v21-press { background: #EAECEF; padding: 48px 0 56px; } @media screen and (max-width: 1023px) { .v21-press { padding: 48px 0; } } @media screen and (min-width: 1024px) { .v21-press__container { display: flex; } } .v21-press__heading { margin: 0 0 24px; } @media screen and (min-width: 1024px) { .v21-press__heading { flex-shrink: 0; margin: 0 32px 0 0; padding-right: 6%; width: calc(25% - 24px); } } @media screen and (max-width: 1023px) { .v21-press__heading-title { margin: 0 0 8px; } } @media screen and (max-width: 1023px) { .v21-press__heading-title br { display: none; } } .v21-press__slider { position: relative; } @media screen and (min-width: 1024px) { .v21-press__slider { width: calc(75% - 8px); } } .v21-press__slider .tns-slider { display: flex; } .v21-press__slider .tns-slider .v21-article { height: 100%; } /*----------------------------------------*/ /* ASSOCIATION */ /*----------------------------------------*/ .v21-association { background: url(/bitrix/templates/.default/style/../img/v21-association-bg.jpg) 50% 100% no-repeat; background-size: cover; padding: 48px 0; } @media screen and (max-width: 1023px) { .v21-association { background: #00897B; } } .v21-association__title { color: #fff; } @media screen and (min-width: 1024px) { .v21-association__title { margin: 0 0 48px; } } @media screen and (max-width: 1023px) { .v21-association__title br { display: none; } } .v21-association__slider { position: relative; } .v21-association__slider .tns-slider { display: flex; } .v21-association__slider .tns-slider .v21-article { height: 100%; } a.v21-association__button { border: 1px solid #fff; } /*----------------------------------------*/ /* BANNERS */ /*----------------------------------------*/ .v21-banners { padding: 32px 0; } .v21-banners__container { display: flex; flex-wrap: wrap; margin: -32px 0 0 -32px; } @media screen and (max-width: 1279px) { .v21-banners__container { margin: -20px 0 0 -20px; } } .v21-banners__item { padding: 32px 0 0 32px; width: 25%; } @media screen and (max-width: 1279px) { .v21-banners__item { padding: 20px 0 0 20px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .v21-banners__item { width: 50%; } } @media screen and (max-width: 479px) { .v21-banners__item { width: 100%; } } .v21-banners__item--x2 { width: 50%; } @media screen and (max-width: 767px) { .v21-banners__item--x2 { width: 100%; } } .v21-banners__item a { display: block; } .v21-banners__item img { width: 100%; } /*----------------------------------------*/ /* PARTNERS */ /*----------------------------------------*/ .v21-partners { background: #F2F7F9; padding: 28px 0; } @media screen and (min-width: 640px) and (max-width: 1023px) { .v21-partners { padding: 16px 0; } } @media screen and (max-width: 639px) { .v21-partners { padding: 0; } } .v21-partners__title { margin: 0 0 64px; text-align: center; } @media screen and (min-width: 640px) and (max-width: 1023px) { .v21-partners__title { margin: 0 0 48px; } } @media screen and (max-width: 639px) { .v21-partners__title { margin: 0 0 32px; } } .v21-partners__section { padding: 100px 0; position: relative; } @media screen and (max-width: 1023px) { .v21-partners__section { padding: 48px 0; } } .v21-partners__section:last-child::before { display: none; } .v21-partners__section::before { background: linear-gradient(90deg, rgba(192, 206, 218, 0.2) 0%, rgba(192, 206, 218, 0.7) 50.38%, rgba(192, 206, 218, 0.2) 100%); bottom: 0; content: ''; display: block; height: 1px; left: 0; position: absolute; width: 100%; } .v21-partners__slider { padding: 0 162px; position: relative; } @media screen and (min-width: 640px) and (max-width: 1279px) { .v21-partners__slider { padding: 0 72px; } } @media screen and (max-width: 639px) { .v21-partners__slider { padding: 0 36px; } } .v21-partners__slider .tns-horizontal.tns-subpixel > .tns-item { vertical-align: middle; } .v21-partners__slider .v21-slider-arrow { background: none; } @media screen and (min-width: 640px) { .v21-partners__slider .v21-slider-arrow--prev { left: 0; } } @media screen and (min-width: 640px) { .v21-partners__slider .v21-slider-arrow--next { right: 0; } } .v21-partners__slider .v21-slider-arrow { box-shadow: none; color: rgba(0, 0, 0, 0.2); } .v21-partners__slider .v21-slider-arrow:hover, .v21-partners__slider .v21-slider-arrow:active { color: #000; } .v21-partners__slide { display: block; text-align: center; } /*.icon-footer { width: 20px; height: 20px; } .footer-logo { height: 100%; } .menu-mobile { flex-shrink: 0; height: 32px; margin-right: 20px; width: 32px; }*/ .breadcrumbs-wrap { border-top: 1px solid #63916f; } @media screen and (max-width: 850px) { .table-title .table-cell, .table-cell.hidden { display: block; } } /* End */ /* Start:/bitrix/templates/main/css/ext.min.css?17327966923761*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:"";display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-gallery,.tns-no-calc{position:relative;left:0}.tns-gallery{min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto!important}.tns-gallery>.tns-moving{-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-fadeOut,.tns-normal{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:2333.33333%;position:absolute;right:0}.tns-t-ct:after{content:"";display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:1.42857%;height:10px;float:left} /* End */ /* Start:/bitrix/templates/main/css/vanilla-calendar.min.css?173331800614203*/ /*! name: @uvarov.frontend/vanilla-calendar | url: https://github.com/uvarov-frontend/vanilla-calendar */ .vanilla-calendar { position: relative; display: flex; height: -webkit-max-content; height: max-content; width: -webkit-max-content; width: max-content; min-width: 275px; max-width: 100%; flex-direction: column; border-radius: .75rem; padding: 1rem; opacity: 1; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .vanilla-calendar_multiple { width: auto } .vanilla-calendar button:focus-visible { border-radius: .5rem; outline-style: solid; outline-width: 1px } .vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days { flex-grow: 0 } .vanilla-calendar_hidden { pointer-events: none; opacity: 0 } .vanilla-calendar_to-input { position: absolute; left: 0; bottom: 0; margin-top: .25rem } .vanilla-calendar-controls { pointer-events: none; position: absolute; left: 0; right: 0; top: 0; z-index: 20; box-sizing: content-box; display: flex; align-items: center; justify-content: space-between; padding-left: 1rem; padding-right: 1rem; padding-top: 1.25rem } .vanilla-calendar-arrow { pointer-events: auto; position: relative; display: block; height: 1.5rem; width: 1.5rem; cursor: pointer; border-width: 0px; background-color: transparent } .vanilla-calendar-arrow:before { position: absolute; inset: 0; content: var(--tw-content); content: ""; -webkit-mask-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50% } .vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before { -webkit-transform: rotateZ(90deg); transform: rotate(90deg) } .vanilla-calendar-arrow.vanilla-calendar-arrow_next:before { -webkit-transform: rotateZ(-90deg); transform: rotate(-90deg) } .vanilla-calendar-grid { display: grid; flex-grow: 1; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap: 1.75rem } .vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column { pointer-events: none; opacity: .3 } .vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_month, .vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_year { pointer-events: auto; opacity: 1 } .vanilla-calendar-column { display: flex; min-width: -webkit-min-content; min-width: min-content; flex-direction: column } .vanilla-calendar-header { position: relative; margin-bottom: .75rem; display: flex; align-items: center; padding-left: .25rem; padding-right: .25rem } .vanilla-calendar-header__content { display: grid; flex-grow: 1; grid-auto-columns: -webkit-max-content; grid-auto-columns: max-content; grid-auto-flow: column; align-items: center; justify-content: center; white-space: pre-wrap; padding-left: 1rem; padding-right: 1rem } .vanilla-calendar-month, .vanilla-calendar-year { cursor: pointer; border-radius: .25rem; border-width: 0px; background-color: transparent; padding: .25rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700 } .vanilla-calendar-month.vanilla-calendar-month_disabled, .vanilla-calendar-year.vanilla-calendar-year_disabled { pointer-events: none } .vanilla-calendar-months { display: grid; flex-grow: 1; grid-template-columns:repeat(4, minmax(0, 1fr)); align-items: center; row-gap: 1rem; -webkit-column-gap: .5rem; column-gap: .5rem } .vanilla-calendar-years { display: grid; flex-grow: 1; grid-template-columns:repeat(5, minmax(0, 1fr)); align-items: center; row-gap: 1rem; -webkit-column-gap: .5rem; column-gap: .5rem } .vanilla-calendar-months_selecting .vanilla-calendar-months__month, .vanilla-calendar-years_selecting .vanilla-calendar-years__year { cursor: pointer } .vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled, .vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled { cursor: default } .vanilla-calendar-months__month, .vanilla-calendar-years__year { display: flex; height: 2.5rem; align-items: center; justify-content: center; word-break: break-all; border-radius: .5rem; border-width: 0px; padding: .25rem; text-align: center; font-size: .75rem; line-height: 1rem; font-weight: 600 } .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled, .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled { pointer-events: none } .vanilla-calendar-week-numbers { display: flex; flex-grow: 1; flex-direction: column } .vanilla-calendar-week-numbers__title { margin-bottom: .5rem; display: flex; align-items: center; justify-content: center; font-size: .75rem; line-height: 1rem; font-weight: 700 } .vanilla-calendar-week-numbers__content { display: grid; grid-auto-flow: row; align-items: center; justify-items: center; row-gap: .25rem } .vanilla-calendar-week-number { display: flex; height: 100%; min-height: 1.875rem; width: 100%; min-width: 1.875rem; cursor: pointer; align-items: center; justify-content: center; font-size: .75rem; line-height: 1rem; font-weight: 600 } .vanilla-calendar-wrapper { display: flex; flex-grow: 1 } .vanilla-calendar-content { display: flex; flex-grow: 1; flex-direction: column } .vanilla-calendar-week { margin-bottom: .5rem; display: grid; grid-template-columns:repeat(7, 1fr); justify-items: center } .vanilla-calendar-week__day { display: flex; height: 100%; width: 100%; min-width: 1.875rem; align-items: center; justify-content: center; font-size: .75rem; line-height: 1rem; font-weight: 700 } .vanilla-calendar-days { display: grid; flex-grow: 1; grid-template-columns:repeat(7, 1fr); align-items: center; justify-items: center; row-gap: .25rem } .vanilla-calendar-days_selecting .vanilla-calendar-day__btn { cursor: pointer } .vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled { cursor: default } .vanilla-calendar-day { position: relative; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center } .vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup, .vanilla-calendar-day:hover .vanilla-calendar-day__popup { pointer-events: auto; opacity: 1 } .vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem } .vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem } .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_intermediate { border-radius: 0 } .vanilla-calendar-day__btn { display: flex; height: 100%; min-height: 1.875rem; width: 100%; min-width: 1.875rem; cursor: default; align-items: center; justify-content: center; border-radius: .5rem; border-width: 0px; font-size: .75rem; line-height: 1rem; font-weight: 400 } .vanilla-calendar-day__btn_today { font-weight: 700 } .vanilla-calendar-day__btn_disabled { pointer-events: none } .vanilla-calendar-day__popup { -webkit-transform: translateX(-50%); transform: translate(-50%); pointer-events: none; position: absolute; left: 50%; top: 100%; z-index: 20; width: 8rem; padding: 1rem .75rem .5rem; font-size: .75rem; line-height: 1rem; font-weight: 400; opacity: 0 } .vanilla-calendar-day__popup:before { content: var(--tw-content); position: absolute } .vanilla-calendar-day__popup:after { content: var(--tw-content); position: absolute } .vanilla-calendar-day__popup:hover { pointer-events: auto; opacity: 1 } .vanilla-calendar-day__popup:before { content: ""; left: 0; bottom: 0; z-index: -10; display: block; height: calc(100% - 8px); width: 100%; border-radius: .5rem } .vanilla-calendar-day__popup:after { content: ""; -webkit-transform: translateX(-50%); transform: translate(-50%); left: 50%; top: 1px; z-index: -10; display: block; height: 0px; width: 0px; border-left-width: 8px; border-right-width: 8px; border-top-width: 0px; border-bottom-width: 8px; border-style: solid; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent } .vanilla-calendar-time { margin-top: .75rem; display: grid; grid-template-columns:auto 1fr; gap: .75rem; border-top-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-style: solid; padding-top: .75rem } .vanilla-calendar-time__content { display: grid; grid-auto-flow: column; align-items: center } .vanilla-calendar-time__hours { position: relative; margin-right: .35rem; width: 1.75rem } .vanilla-calendar-time__hours:after { position: absolute; right: -5px; top: 50%; margin-top: calc(-50% + 1px); display: block; --tw-content: ":"; content: var(--tw-content) } .vanilla-calendar-time__minutes { width: 1.75rem } .vanilla-calendar-time__hours input, .vanilla-calendar-time__minutes input { position: relative; margin: 0; box-sizing: border-box; display: block; width: 100%; border-radius: .25rem; border-width: 0px; padding: .125rem; text-align: center; font-size: 1.125rem; font-weight: 600; line-height: 1.125rem } .vanilla-calendar-time__hours input:focus-visible, .vanilla-calendar-time__minutes input:focus-visible { outline-style: solid; outline-width: 1px } .vanilla-calendar-time__hours input:disabled, .vanilla-calendar-time__minutes input:disabled { cursor: default } .vanilla-calendar-time__hours input:hover:disabled, .vanilla-calendar-time__minutes input:hover:disabled { background-color: transparent } .vanilla-calendar-time__keeping { margin-left: 1px; margin-top: .25rem; width: 22px; cursor: pointer; border-radius: .25rem; border-width: 0px; background-color: transparent; padding: 0; font-size: 11px } .vanilla-calendar-time__keeping:focus-visible { outline-style: solid; outline-width: 1px } .vanilla-calendar-time__keeping:disabled { cursor: default } .vanilla-calendar-time__keeping:hover:disabled { background-color: transparent } .vanilla-calendar-time__ranges { display: grid; grid-auto-flow: row } .vanilla-calendar-time__range { position: relative; z-index: 10; font-size: 0 } .vanilla-calendar-time__range:before { content: var(--tw-content); left: 0 } .vanilla-calendar-time__range:after { content: var(--tw-content); right: 0 } .vanilla-calendar-time__range:before, .vanilla-calendar-time__range:after { content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; position: absolute; top: 50%; z-index: 10; height: .5rem; width: 1px } .vanilla-calendar-time__range input { position: relative; margin: 0; height: 1.25rem; width: 100%; cursor: pointer; -webkit-appearance: none; appearance: none; outline-width: 0px } .vanilla-calendar-time__range input::-webkit-slider-thumb { position: relative; z-index: 20; margin-top: -.5rem; box-sizing: border-box; height: 1rem; width: .75rem; cursor: pointer; -webkit-appearance: none; appearance: none; border-radius: .25rem; border-width: 1px; border-style: solid; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .vanilla-calendar-time__range input::-moz-range-thumb { position: relative; z-index: 20; box-sizing: border-box; height: 1rem; width: .75rem; cursor: pointer; border-radius: .25rem; border-width: 1px; border-style: solid; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .vanilla-calendar-time__range input::-webkit-slider-runnable-track { margin-top: 1px; box-sizing: border-box; height: 1px; width: 100%; cursor: pointer; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .vanilla-calendar-time__range input::-moz-range-track { margin-top: 1px; box-sizing: border-box; height: 1px; width: 100%; cursor: pointer; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } /* End */ /* Start:/bitrix/templates/main/css/main.css?173331800624627*/ /*----------------------------------------*/ /* FONT INTER */ /*----------------------------------------*/ @font-face { font-family: 'Inter'; src: url(/bitrix/templates/home/fonts/Inter-Regular.woff) format("woff"); } @font-face { font-family: 'Inter'; font-weight: 500; src: url(/bitrix/templates/home/fonts/Inter-Medium.woff) format("woff"); } @font-face { font-family: 'Inter'; font-weight: 600; src: url(/bitrix/templates/home/fonts/Inter-SemiBold.woff) format("woff"); } /*----------------------------------------*/ /* FONT OSWALD */ /*----------------------------------------*/ @font-face { font-family: 'Oswald'; src: url(/bitrix/templates/home/fonts/Oswald-Regular.woff) format("woff"); } /*----------------------------------------*/ /* GLOBAL */ /*----------------------------------------*/ .v21-page { background: #fff; color: #000; font: 13px/1.38 "Inter", sans-serif; min-width: 320px; } .v21-page *, .v21-page *::before, .v21-page *::after { box-sizing: border-box; } .v21-page a { color: #00897B; text-decoration: none; transition: color 0.18s; } .v21-page img { max-width: 100%; vertical-align: middle; } .v21-page strong, .v21-page b { font-weight: 600; } .v21-page em, .v21-page i { font-style: italic; } .v21-page svg { max-height: 100%; max-width: 100%; } .v21-page input:focus, .v21-page textarea:focus, .v21-page button:focus, .v21-page select:focus { outline: none; } .v21-page button { cursor: pointer; } .v21-page input::-moz-placeholder, .v21-page textarea::-moz-placeholder { color: inherit; opacity: .5; } .v21-page input:-ms-input-placeholder, .v21-page textarea:-ms-input-placeholder { color: inherit; opacity: .5; } .v21-page input::placeholder, .v21-page textarea::placeholder { color: inherit; opacity: .5; } .v21-page input:focus::-moz-placeholder, .v21-page textarea:focus::-moz-placeholder { color: inherit; opacity: 0; } .v21-page input:focus:-ms-input-placeholder, .v21-page textarea:focus:-ms-input-placeholder { color: inherit; opacity: 0; } .v21-page input:focus::placeholder, .v21-page textarea:focus::placeholder { color: inherit; opacity: 0; } .v21-page input[type='search']::-webkit-search-decoration, .v21-page input[type='search']::-webkit-search-cancel-button, .v21-page input[type='search']::-webkit-search-results-button, .v21-page input[type='search']::-webkit-search-results-decoration { -webkit-appearance: none; } /*----------------------------------------*/ /* HEADINGS */ /*----------------------------------------*/ .v21-h1 { font: 48px/1.16 "Oswald", sans-serif; margin: 0 0 24px; } @media screen and (max-width: 639px) { .v21-h1 { font-size: 36px; } } .v21-h2 { font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 24px; text-transform: uppercase; } .v21-h3 { font-size: 20px; font-weight: 600; line-height: 1.4; margin: 0 0 24px; } .v21-h4 { font-size: 16px; font-weight: 500; line-height: 1.3; margin: 0 0 24px; } /*----------------------------------------*/ /* PARAGRAPH */ /*----------------------------------------*/ .v21-p { margin: 0 0 16px; } .v21-p:last-child { margin: 0; } /*----------------------------------------*/ /* BUTTON */ /*----------------------------------------*/ a.v21-button, button.v21-button, input.v21-button { align-items: center; border: none; border-radius: 20px; display: flex; font-size: 14px; font-weight: 500; height: 40px; justify-content: center; padding: 0 20px; text-align: center; transition: background-color 0.18s, color 0.18s; width: 140px; } a.v21-button--primary, button.v21-button--primary, input.v21-button--primary { background: #00897B; color: #fff; } a.v21-button--primary:hover, a.v21-button--primary:active, button.v21-button--primary:hover, button.v21-button--primary:active, input.v21-button--primary:hover, input.v21-button--primary:active { background: #EAECEF; color: #00897B; } a.v21-button--secondary, button.v21-button--secondary, input.v21-button--secondary { background: #fff; color: #00897B; } a.v21-button--secondary:hover, a.v21-button--secondary:active, button.v21-button--secondary:hover, button.v21-button--secondary:active, input.v21-button--secondary:hover, input.v21-button--secondary:active { background: #00897B; color: #fff; } a.v21-button--tertiary, button.v21-button--tertiary, input.v21-button--tertiary { background: #EAECEF; color: #00897B; } a.v21-button--tertiary:hover, a.v21-button--tertiary:active, button.v21-button--tertiary:hover, button.v21-button--tertiary:active, input.v21-button--tertiary:hover, input.v21-button--tertiary:active { background: #00897B; color: #fff; } a.v21-button--more, button.v21-button--more, input.v21-button--more { margin: 72px auto 0; } @media screen and (max-width: 1023px) { a.v21-button--more, button.v21-button--more, input.v21-button--more { margin: 48px auto 0; } } /*----------------------------------------*/ /* SLIDER ARROW */ /*----------------------------------------*/ .v21-slider-arrow { background: #fff; border: none; border-radius: 100%; color: #00897B; display: block; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; transition: color 0.18s; width: 40px; z-index: 10; } @media screen and (max-width: 1439px) { .v21-slider-arrow { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } } @media screen and (max-width: 639px) { .v21-slider-arrow { height: 32px; margin: -16px 0 0; width: 32px; } } .v21-slider-arrow:hover, .v21-slider-arrow:active { color: #000; } .v21-slider-arrow:disabled { display: none; } .v21-slider-arrow--prev { left: -80px; padding: 8px 10px 8px 6px; } @media screen and (min-width: 640px) and (max-width: 1439px) { .v21-slider-arrow--prev { left: -20px; } } @media screen and (max-width: 639px) { .v21-slider-arrow--prev { left: -16px; } } .v21-slider-arrow--next { padding: 8px 6px 8px 10px; right: -80px; } @media screen and (min-width: 640px) and (max-width: 1439px) { .v21-slider-arrow--next { right: -20px; } } @media screen and (max-width: 639px) { .v21-slider-arrow--next { right: -16px; } } /*----------------------------------------*/ /* CONTAINER */ /*----------------------------------------*/ .v21-container { box-sizing: content-box; margin: 0 auto; max-width: 1216px; padding: 0 32px; } @media screen and (max-width: 639px) { .v21-container { padding: 0 16px; } } /*----------------------------------------*/ /* SECTION */ /*----------------------------------------*/ /*----------------------------------------*/ /* LINK */ /*----------------------------------------*/ .v21-link:hover .v21-link__text, .v21-link:active .v21-link__text { border-bottom-color: currentColor; } .v21-link__text { border-bottom: transparent solid 1px; transition: border-bottom-color 0.18s; } /*----------------------------------------*/ /* SOCIALS */ /*----------------------------------------*/ .v21-socials { align-items: center; display: flex; list-style: none; margin: 0; padding: 0; } .v21-socials__item { margin-right: 20px; } .v21-socials__item:last-child { margin: 0; } .v21-socials__item a { color: inherit; display: block; height: 20px; width: 20px; } /*----------------------------------------*/ /* ARTICLE */ /*----------------------------------------*/ .v21-article { align-items: flex-start; background: #fff; border-radius: 8px; display: flex; flex-direction: column; } .v21-article:hover .v21-link__text, .v21-article:active .v21-link__text { border-bottom-color: currentColor; } .v21-article__image { border-radius: 8px 8px 0 0; display: block; width: 100%; } .v21-article__image + .v21-article__text { padding-top: 24px; } .v21-article__text { align-items: flex-start; flex-grow: 1; display: flex; flex-direction: column; padding: 32px; } @media screen and (max-width: 1279px) { .v21-article__text { padding: 20px; } } .v21-article__date { color: #585858; display: block; font-size: 12px; line-height: 1.5; margin: 0 0 16px; } .v21-article__title { color: #000; } .v21-article__subtitle { color: #00897B; line-height: 1.25; margin: 0 0 16px; } .v21-article__link { align-items: center; display: flex; font-size: 12px; font-weight: 500; margin: auto 0 0; } .v21-article__link svg { margin-left: 8px; } .v21-article--news { box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16); margin: 0 0 32px; } @media screen and (max-width: 1279px) { .v21-article--news { margin: 0 0 20px; } } .v21-article--news-1 .v21-article__date, .v21-article--news-1 .v21-article__title, .v21-article--news-1 .v21-article__link, .v21-article--news-2 .v21-article__date, .v21-article--news-2 .v21-article__title, .v21-article--news-2 .v21-article__link { color: #fff; } .v21-article--news-1 { background: rgba(0, 137, 123, 0.7); } .v21-article--news-2 { background: rgba(103, 43, 85, 0.7); } .v21-article--press .v21-article__date { color: #000; } /*----------------------------------------*/ /* HEADER */ /*----------------------------------------*/ .v21-header { color: #111; padding: 32px 0; position: relative; z-index: 300; } @media screen and (max-width: 1279px) { .v21-header { padding: 24px 0; } } .v21-header--index { color: #fff; } .v21-header__toggle { flex-shrink: 0; height: 32px; margin-right: 20px; width: 32px; } @media screen and (min-width: 1280px) { .v21-header__toggle { display: none; } } .v21-header__toggle a { color: inherit; display: block; height: 100%; } .v21-header__container { align-items: center; display: flex; } .v21-header__logo { height: 52px; margin-right: auto; width: 285px; } .v21-header__logo a { color: inherit; display: block; height: 100%; } .v21-header__socials { margin-left: auto; } @media screen and (max-width: 639px) { .v21-header__socials { display: none; } } .v21-header__lang { display: flex; font-size: 11px; font-weight: 500; line-height: 14px; list-style: none; margin: 0 -5px 0 40px; padding: 0; } @media screen and (max-width: 767px) { .v21-header__lang { margin-left: 20px; } } .v21-header__lang-item { border-right: 1px solid currentColor; } .v21-header__lang-item:last-child { border: none; } .v21-header__lang-item a { color: inherit; padding: 0 5px; text-transform: uppercase; } /*----------------------------------------*/ /* NAV BAR */ /*----------------------------------------*/ .v21-nav-bar { padding: 8px 0; position: relative; z-index: 200; } @media screen and (max-width: 1279px) { .v21-nav-bar { background: #6D2D55; border-radius: 0 8px 8px 0; box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.2); color: #FFF; height: 100%; left: 0; opacity: 0; overflow: auto; padding: 0; position: fixed; top: 0; transform: translate3d(-100%, 0, 0); transition: opacity 0.18s, transform 0.18s; width: 320px; z-index: 800; } } .v21-nav-bar.is-active { opacity: 1; transform: translate3d(0, 0, 0); } .v21-nav-bar--index { color: #fff; } .v21-nav-bar__close { position: absolute; right: 0; top: 0; z-index: 10; } @media screen and (min-width: 1280px) { .v21-nav-bar__close { display: none; } } .v21-nav-bar__close a { color: #fff; display: block; height: 48px; padding: 16px; width: 48px; } .v21-nav-bar__container { align-items: center; display: flex; position: relative; } @media screen and (max-width: 1279px) { .v21-nav-bar__container { align-items: stretch; flex-direction: column; height: 100%; padding: 0; } } .v21-nav-bar__menu { font-size: 14px; font-weight: 500; margin-right: auto; } @media screen and (max-width: 1279px) { .v21-nav-bar__menu { margin: 0; padding: 48px 16px 24px; } } .v21-nav-bar__menu-list { align-items: center; display: flex; list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 1279px) { .v21-nav-bar__menu-list { align-items: stretch; flex-direction: column; } } .v21-nav-bar__menu-item { position: relative; } .v21-nav-bar__menu-item > a { align-items: center; border-radius: 18px; color: inherit; display: flex; height: 36px; justify-content: center; padding: 0 16px; transition: background-color 0.18s, color 0.18s; white-space: nowrap; } @media screen and (max-width: 1279px) { .v21-nav-bar__menu-item > a { justify-content: flex-start; text-transform: uppercase; } } .v21-nav-bar__menu-item > a:hover, .v21-nav-bar__menu-item > a:active, .v21-nav-bar__menu-item > a.is-active { background: #00897B; color: #fff; } @media screen and (max-width: 1279px) { .v21-nav-bar__menu-item > a:hover, .v21-nav-bar__menu-item > a:active, .v21-nav-bar__menu-item > a.is-active { background: none; } } @media screen and (max-width: 1279px) { .v21-nav-bar__menu-item > a:hover .v21-link__text, .v21-nav-bar__menu-item > a:active .v21-link__text, .v21-nav-bar__menu-item > a.is-active .v21-link__text { border-bottom-color: currentColor; } } @media screen and (min-width: 1280px) { .v21-nav-bar__menu-item > a .v21-link__text { border: none; } } .v21-nav-bar__sub { left: 0; opacity: 0; position: absolute; padding: 8px 0 0; top: 100%; transition: all 0.18s; visibility: hidden; z-index: 10; } @media screen and (max-width: 1279px) { .v21-nav-bar__sub { max-height: 0; padding: 0; position: static; } } .v21-nav-bar__sub.is-active { opacity: 1; visibility: visible; } @media screen and (max-width: 1279px) { .v21-nav-bar__sub.is-active { max-height: 320px; padding: 4px 0 8px 8px; } } .v21-nav-bar__sub-list { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); border-radius: 9px; list-style: none; margin: 0; padding: 8px 0; } @media screen and (max-width: 1279px) { .v21-nav-bar__sub-list { background: none; border-radius: 0; padding: 0; } } .v21-nav-bar__sub-item a { color: #00897B; padding: 8px 16px; display: block; white-space: nowrap; } @media screen and (max-width: 1279px) { .v21-nav-bar__sub-item a { color: #fff; font-size: 12px; } } .v21-nav-bar__socials { justify-content: center; margin: auto 0 16px; padding: 0 32px; } @media screen and (min-width: 1280px) { .v21-nav-bar__socials { display: none; } } .v21-nav-bar__socials .v21-socials__item { height: 48px; width: 48px; } .v21-nav-bar__socials a, .v21-nav-bar__socials img { height: 100%; width: 100%; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-toggle { display: none; } } .v21-nav-bar__search-toggle svg { margin-right: 14px; } .v21-nav-bar__search-toggle a { align-items: center; color: inherit; display: flex; font-size: 14px; transition: color 0.18s; } .v21-nav-bar__search-form { left: 32px; opacity: 0; position: absolute; right: 32px; top: 0; visibility: hidden; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-form { opacity: 1; padding: 16px 32px 32px; position: static; visibility: visible; width: 100%; } } @media screen and (max-width: 639px) { .v21-nav-bar__search-form { margin: 0; } } .v21-nav-bar__search-form.is-active { opacity: 1; visibility: visible; } .v21-nav-bar__search-content { background: #fff; border-radius: 18px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); display: flex; padding: 0 8px; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-content { padding-left: 4px; } } .v21-nav-bar__search-content a, .v21-nav-bar__search-content button { color: #000; } .v21-nav-bar__search-button { align-items: center; background: none; border: none; border-radius: 100%; display: flex; height: 36px; flex-shrink: 0; justify-content: center; padding: 0; width: 36px; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-button--close { display: none; } } .v21-nav-bar__search-input { background: none; border: none; display: block; font-size: 14px; font-weight: 500; flex-grow: 1; height: 36px; padding: 0 8px; } @media screen and (max-width: 1279px) { .v21-nav-bar__search-input { padding-left: 4px; } } /*----------------------------------------*/ /* FOOTER */ /*----------------------------------------*/ .v21-footer { background: #672b55; color: #fff; padding: 72px 0; } @media screen and (max-width: 1279px) { .v21-footer { padding: 32px 0; } } .v21-footer__container { align-items: center; display: flex; } .v21-footer__toggle { flex-shrink: 0; height: 32px; margin-right: 20px; width: 32px; } @media screen and (min-width: 1280px) { .v21-footer__toggle { display: none; } } .v21-footer__toggle a { color: inherit; display: block; height: 100%; } .v21-footer__logo { height: 52px; width: 285px; } .v21-footer__logo a { color: inherit; display: block; height: 100%; } @media screen and (min-width: 1280px) { .v21-footer__nav-bar { margin: 24px -16px 0; } } @media screen and (min-width: 1280px) { .v21-footer__nav-bar .v21-nav-bar__sub { bottom: 100%; padding: 0 0 4px; top: auto; } } @media screen and (min-width: 1280px) { .v21-footer__nav-bar .v21-nav-bar__search-form { display: none; } } .v21-footer__address { font-size: 12px; line-height: 1.6; margin: 24px 0 0; } .v21-footer__address a { color: inherit; } .v21-footer__socials { margin: 32px 0; } @media screen and (max-width: 1279px) { .v21-footer__socials { margin: 24px 0; } } .v21-footer__bar { font-size: 11px; justify-content: space-between; } @media screen and (max-width: 767px) { .v21-footer__bar { display: block; } } .v21-footer__bar a { color: inherit; } @media screen and (max-width: 767px) { .v21-footer__copyright { margin: 0 0 16px; } } /*----------------------------------------*/ /* WELCOME */ /*----------------------------------------*/ .v21-welcome { background: #000; color: #fff; margin: -168px 0 0; position: relative; z-index: 100; } @media screen and (max-width: 1279px) { .v21-welcome { margin: -100px 0 0; } } .v21-welcome .tns-nav { align-items: center; bottom: 34px; display: flex; justify-content: center; left: 0; position: absolute; right: 0; } @media screen and (max-width: 639px) { .v21-welcome .tns-nav { bottom: 24px; } } .v21-welcome .tns-nav button { background: none; border: 1px solid currentColor; border-radius: 100%; color: inherit; height: 12px; margin: 0 4px; opacity: 0.5; padding: 0; position: relative; transition: opacity 0.18s; width: 12px; } .v21-welcome .tns-nav button::before { background: currentColor; border-radius: 100%; content: ''; display: block; height: 6px; left: 2px; opacity: 0; position: absolute; top: 2px; transition: opacity 0.18s; width: 6px; } .v21-welcome .tns-nav button.tns-nav-active { opacity: 1; } .v21-welcome .tns-nav button.tns-nav-active::before { opacity: 1; } .v21-welcome__bg { background-position: 50% 50%; background-size: cover; height: 600px; } @media screen and (max-width: 1023px) { .v21-welcome__bg { height: 480px; } } .v21-welcome__content { background: rgba(0, 0, 0, 0.4); height: 100%; padding: 240px 0 80px; } @media screen and (min-width: 1024px) and (max-width: 1279px) { .v21-welcome__content { padding: 180px 0 80px; } } @media screen and (min-width: 640px) and (max-width: 1023px) { .v21-welcome__content { padding: 140px 0 80px; } } @media screen and (max-width: 639px) { .v21-welcome__content { padding: 120px 0 60px; } } .v21-welcome__container { align-items: flex-start; display: flex; flex-direction: column; height: 100%; justify-content: center; } .v21-welcome__title { margin: 0 0 72px; max-width: 520px; } @media screen and (min-width: 640px) and (max-width: 1279px) { .v21-welcome__title { margin: 0 0 48px; } } @media screen and (max-width: 639px) { .v21-welcome__title { margin: 0 0 36px; } } /*----------------------------------------*/ /* NEWS */ /*----------------------------------------*/ .v21-news { background: url(/bitrix/templates/home/img/v21-news-bg.jpg) 50% 100% no-repeat; background-size: cover; padding: 48px 0 72px; } @media screen and (max-width: 1023px) { .v21-news { background: #fff; padding: 48px 0; } } .v21-news__container { margin: 0 0 -32px; } @media screen and (max-width: 1279px) { .v21-news__container { margin: 0 0 -20px; } } .v21-news__item, .v21-news__sizer { width: calc(25% - 24px); } @media screen and (min-width: 1024px) and (max-width: 1279px) { .v21-news__item, .v21-news__sizer { width: calc(25% - 15px); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .v21-news__item, .v21-news__sizer { width: calc((100% - 40px) / 3); } } @media screen and (min-width: 480px) and (max-width: 767px) { .v21-news__item, .v21-news__sizer { width: calc(50% - 20px); } } @media screen and (max-width: 479px) { .v21-news__item, .v21-news__sizer { width: 100%; } } .v21-news__gutter { width: 32px; } @media screen and (min-width: 480px) and (max-width: 1279px) { .v21-news__gutter { width: 20px; } } @media screen and (max-width: 479px) { .v21-news__gutter { width: 0; } } /*----------------------------------------*/ /* PRESS */ /*----------------------------------------*/ .v21-press { background: #EAECEF; padding: 48px 0 56px; } @media screen and (max-width: 1023px) { .v21-press { padding: 48px 0; } } @media screen and (min-width: 1024px) { .v21-press__container { display: flex; } } .v21-press__heading { margin: 0 0 24px; } @media screen and (min-width: 1024px) { .v21-press__heading { flex-shrink: 0; margin: 0 32px 0 0; padding-right: 6%; width: calc(25% - 24px); } } @media screen and (max-width: 1023px) { .v21-press__heading-title { margin: 0 0 8px; } } @media screen and (max-width: 1023px) { .v21-press__heading-title br { display: none; } } .v21-press__slider { position: relative; } @media screen and (min-width: 1024px) { .v21-press__slider { width: calc(75% - 8px); } } .v21-press__slider .tns-slider { display: flex; } .v21-press__slider .tns-slider .v21-article { height: 100%; } /*----------------------------------------*/ /* ASSOCIATION */ /*----------------------------------------*/ .v21-association { background: url(/bitrix/templates/home/img/v21-association-bg.jpg) 50% 100% no-repeat; background-size: cover; padding: 48px 0; } @media screen and (max-width: 1023px) { .v21-association { background: #00897B; } } .v21-association__title { color: #fff; } @media screen and (min-width: 1024px) { .v21-association__title { margin: 0 0 48px; } } @media screen and (max-width: 1023px) { .v21-association__title br { display: none; } } .v21-association__slider { position: relative; } .v21-association__slider .tns-slider { display: flex; } .v21-association__slider .tns-slider .v21-article { height: 100%; } a.v21-association__button { border: 1px solid #fff; } /*----------------------------------------*/ /* BANNERS */ /*----------------------------------------*/ .v21-banners { padding: 32px 0; } .v21-banners__container { display: flex; flex-wrap: wrap; margin: -32px 0 0 -32px; } @media screen and (max-width: 1279px) { .v21-banners__container { margin: -20px 0 0 -20px; } } .v21-banners__item { padding: 32px 0 0 32px; width: 25%; } @media screen and (max-width: 1279px) { .v21-banners__item { padding: 20px 0 0 20px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .v21-banners__item { width: 50%; } } @media screen and (max-width: 479px) { .v21-banners__item { width: 100%; } } .v21-banners__item--x2 { width: 50%; } @media screen and (max-width: 767px) { .v21-banners__item--x2 { width: 100%; } } .v21-banners__item a { display: block; } .v21-banners__item img { width: 100%; } /*----------------------------------------*/ /* PARTNERS */ /*----------------------------------------*/ .v21-partners { background: #F2F7F9; padding: 28px 0; } @media screen and (min-width: 640px) and (max-width: 1023px) { .v21-partners { padding: 16px 0; } } @media screen and (max-width: 639px) { .v21-partners { padding: 0; } } .v21-partners__title { margin: 0 0 64px; text-align: center; } @media screen and (min-width: 640px) and (max-width: 1023px) { .v21-partners__title { margin: 0 0 48px; } } @media screen and (max-width: 639px) { .v21-partners__title { margin: 0 0 32px; } } .v21-partners__section { padding: 100px 0; position: relative; } @media screen and (max-width: 1023px) { .v21-partners__section { padding: 48px 0; } } .v21-partners__section:last-child::before { display: none; } .v21-partners__section::before { background: linear-gradient(90deg, rgba(192, 206, 218, 0.2) 0%, rgba(192, 206, 218, 0.7) 50.38%, rgba(192, 206, 218, 0.2) 100%); bottom: 0; content: ''; display: block; height: 1px; left: 0; position: absolute; width: 100%; } .v21-partners__slider { padding: 0 162px; position: relative; } @media screen and (min-width: 640px) and (max-width: 1279px) { .v21-partners__slider { padding: 0 72px; } } @media screen and (max-width: 639px) { .v21-partners__slider { padding: 0 36px; } } .v21-partners__slider .tns-horizontal.tns-subpixel > .tns-item { vertical-align: middle; } .v21-partners__slider .v21-slider-arrow { background: none; } @media screen and (min-width: 640px) { .v21-partners__slider .v21-slider-arrow--prev { left: 0; } } @media screen and (min-width: 640px) { .v21-partners__slider .v21-slider-arrow--next { right: 0; } } .v21-partners__slider .v21-slider-arrow { box-shadow: none; color: rgba(0, 0, 0, 0.2); } .v21-partners__slider .v21-slider-arrow:hover, .v21-partners__slider .v21-slider-arrow:active { color: #000; } .v21-partners__slide { display: block; text-align: center; } /* End */ /* Start:/bitrix/templates/main/css/custom.css?175146717754807*/ h1, h2, .heading { font-size: 26px; line-height: 1.4; letter-spacing: 0.02em; margin: 16px 0 24px; } @media screen and (max-width: 639px) { h1, h2, .heading { font-size: 24px; } } p { font: 16px/1.3 "OpenSans", sans-serif; } span.content-link-title { font: 16px/1.3 "OpenSans", sans-serif; } span.content-link-date { font: 16px/1.3 "OpenSans", sans-serif; } .v21-nav-bar__menu { font-size: 15px; } .v21-nav-bar__search-toggle a { font-size: 15px; } .gallery { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery > a, .gallery > img { display: block; margin: 5px; max-width: calc(100% - 10px); } .gallery > a img { width: 100%; } .socials-tg { width: 32px; height: 32px; } ul.list { font-size: 16px; font: 16px/1.3 "OpenSans", sans-serif; margin: 0 0 0 18px; } ol.list { font-size: 16px; } .group.clearfix.group-inner .group-img img, .group.clearfix.group-inner .group-img { width:260px; } .v25-hidden:not(.is-active) { display: none; } /*----------------------------------------*/ /* NAV FIX */ /*----------------------------------------*/ @media screen and (min-width: 1280px) { .v21-nav-bar:not(.v21-footer__nav-bar) .v21-nav-bar__menu-item > a { padding: 0 14px; } .v21-nav-bar:not(.v21-footer__nav-bar) .v21-nav-bar__menu-list { margin-left: -14px; } } /*----------------------------------------*/ /* HIDDEN (2024) */ /*----------------------------------------*/ .v24-hidden:not(.is-active) { display: none; } /*----------------------------------------*/ /* TOGGLE (2024) */ /*----------------------------------------*/ .v24-toggle:not(.is-active) .v24-toggle__active { display: none; } .v24-toggle.is-active .v24-toggle__inactive { display: none; } /*----------------------------------------*/ /* CHECKBOX (2024) */ /*----------------------------------------*/ .v24-checkbox { cursor: pointer; display: inline-block; } .v24-checkbox__text { display: block; font-size: 14px; letter-spacing: 0.02em; line-height: 18px; padding-left: 30px; position: relative; } .v24-checkbox__text--sm { font-size: 13px; letter-spacing: 0; padding-left: 24px; } .v24-checkbox__text::before, .v24-checkbox__text::after { content: ''; display: block; height: 18px; left: 0; position: absolute; top: 0; width: 18px; } .v24-checkbox__text::before { border: 1px solid #000; border-radius: 2px; z-index: 1; } .v24-checkbox__text::after { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMzk2NDQgNy44NDI4OEwwLjE0NjQ0MSA0LjM1NjI4Qy0wLjA0ODgxMzUgNC4xNDY4MSAtMC4wNDg4MTM1IDMuODA3MTggMC4xNDY0NDEgMy41OTc2OUwwLjg1MzUzMSAyLjgzOTFDMS4wNDg3OSAyLjYyOTYxIDEuMzY1MzkgMi42Mjk2MSAxLjU2MDY0IDIuODM5MUwzLjc1IDUuMTg3ODJMOC40MzkzNiAwLjE1NzEwMUM4LjYzNDYxIC0wLjA1MjM2NzEgOC45NTEyMSAtMC4wNTIzNjcxIDkuMTQ2NDcgMC4xNTcxMDFMOS44NTM1NiAwLjkxNTY4OUMxMC4wNDg4IDEuMTI1MTYgMTAuMDQ4OCAxLjQ2NDc5IDkuODUzNTYgMS42NzQyOEw0LjEwMzU1IDcuODQyOUMzLjkwODI4IDguMDUyMzcgMy41OTE3IDguMDUyMzcgMy4zOTY0NCA3Ljg0Mjg4WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4K') 50% 50% no-repeat; opacity: 0; z-index: 2; } .v24-checkbox__input { position: absolute; visibility: hidden; } .v24-checkbox__input:checked ~ .v24-checkbox__text::after { opacity: 1; } /*----------------------------------------*/ /* FILEBOX (2024) */ /*----------------------------------------*/ .v24-filebox { cursor: pointer; display: block; width: fit-content; } .v24-filebox__input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .v24-filebox__text { color: #00897B; display: block; font-size: 14px; } .v24-filebox__remove { background: none; border: 0; display: inline; margin-left: 5px; padding: 0; } .v24-filebox__preview { background: url('/bitrix/templates/main/img/v24-logo-dummy.png') 0 0 / cover no-repeat; border-radius: 50%; display: block; height: 120px; position: relative; width: 120px; } .v24-filebox__preview .v24-filebox__remove { align-items: center; background: rgba(0, 0, 0, 0.5); border-radius: 50%; color: #FFF; display: flex; font-size: 20px; height: 24px; justify-content: center; margin: 0; position: absolute; right: -4px; top: -4px; width: 24px; z-index: 9; } .v24-filebox__image { border-radius: inherit; height: 100%; object-fit: cover; width: 100%; } .v24-filebox__error { color: #F00; display: none; font-size: 12px; margin: 5px 0 0; } .v24-filebox:not(.is-active) .v24-filebox__text--file, .v24-filebox:not(.is-active) .v24-filebox__image, .v24-filebox:not(.is-active) .v24-filebox__remove { display: none; } .v24-filebox.is-active .v24-filebox__text--placeholder { display: none; } .v24-filebox.is-error-type .v24-filebox__error--type { display: block; } .v24-filebox.is-error-size .v24-filebox__error--size { display: block; } /*----------------------------------------*/ /* FORM GROUP */ /*----------------------------------------*/ .v24-form-group { display: block; } .v24-form-group__control { display: block; position: relative; } input.v24-form-group__input, textarea.v24-form-group__input, select.v24-form-group__input { border: 1px solid #CCC; border-radius: 8px; color: #000; font-size: 14px; width: 100%; z-index: 1; } input.v24-form-group__input { background: #FFF; height: 52px; padding: 0 20px; } textarea.v24-form-group__input { background: #FFF; min-height: 52px; padding: 16px 20px; resize: vertical; } select.v24-form-group__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFF url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODEzMjIgNy43MjcwMUwwLjI4NjQ5NiAyLjQ2MDc5Qy0wLjA5NTQ5ODYgMi4wOTY4MSAtMC4wOTU0OTg2IDEuNTA4MjMgMC4yODY0OTYgMS4xNDgxMUwxLjIwNDkxIDAuMjcyOTkxQzEuNTg2OSAtMC4wOTA5OTcxIDIuMjA0NiAtMC4wOTA5OTcxIDIuNTgyNTMgMC4yNzI5OTFMNi41IDQuMDA1ODFMMTAuNDE3NSAwLjI3Mjk5MUMxMC43OTk1IC0wLjA5MDk5NzEgMTEuNDE3MiAtMC4wOTA5OTcxIDExLjc5NTEgMC4yNzI5OTFMMTIuNzEzNSAxLjE0ODExQzEzLjA5NTUgMS41MTIxIDEzLjA5NTUgMi4xMDA2OCAxMi43MTM1IDIuNDYwNzlMNy4xODY3OCA3LjcyNzAxQzYuODEyOTEgOC4wOTEgNi4xOTUyMiA4LjA5MSA1LjgxMzIyIDcuNzI3MDFaIiBmaWxsPSIjNzc3Nzc3Ii8+PC9zdmc+Cg==') right 15px top 50% no-repeat; height: 52px; padding: 0 40px 0 20px; } .v24-form-group__label { color: #777; display: block; font-size: 14px; letter-spacing: 0.02em; margin: 0 0 5px; } .v24-form-group__toggle { align-items: center; background: none; border: 0; border-radius: 4px; color: #777; display: flex; height: 100%; justify-content: center; padding: 0; position: absolute; right: 0; top: 0; width: 52px; z-index: 9; } .v24-form-group__toggle ~ .v24-form-group__input { padding-right: 52px; } .v24-form-group__input:focus { border-color: #999; } .v24-form-group__error { color: #F00; display: none; font-size: 12px; margin: 4px 0 0; } .v24-form-group.is-error .v24-form-group__input { border-color: #F00; } .v24-form-group.is-error .v24-form-group__error { display: block; } .v24-form-group__counter { color: #777; display: block; font-size: 14px; margin: 5px 0 0; } /*----------------------------------------*/ /* FORM GRID (2024) */ /*----------------------------------------*/ .v24-form-grid { display: grid; gap: 20px 32px; grid-template-columns: repeat(2, 1fr); margin: 0 0 20px; } @media screen and (max-width: 767px) { .v24-form-grid { grid-template-columns: 1fr; } } @media screen and (min-width: 768px) { .v24-form-grid__item--x2 { grid-column: span 2; } } /*----------------------------------------*/ /* TITLE (2024) */ /*----------------------------------------*/ .v24-title-1 { color: inherit; font: 600 22px/1.22 'Inter', sans-serif; letter-spacing: 0.05em; margin: 0 0 40px; text-transform: none; } @media screen and (max-width: 767px) { .v24-title-1 { margin: 0 0 30px; } } .v24-title-2 { color: inherit; font: 500 18px/1.22 'Inter', sans-serif; letter-spacing: 0.02em; margin: 0 0 20px; text-transform: none; } /*----------------------------------------*/ /* TEXT (2024) */ /*----------------------------------------*/ .v24-text { font-size: 14px; letter-spacing: 0.02em; line-height: 1.55; } /*----------------------------------------*/ /* LINK (2024) */ /*----------------------------------------*/ .v24-link { display: inline-block; } .v24-link__text { border-bottom: 1px solid currentColor; transition: border-color 0.3s; } .v24-link:hover .v24-link__text { border-bottom-color: transparent; } /*----------------------------------------*/ /* BUTTON (2024) */ /*----------------------------------------*/ .v24-button { align-items: center; background: #00897b; border: 0; border-radius: 8px; color: #fff; display: inline-flex; font-size: 16px; font-weight: 500; height: 52px; justify-content: center; text-align: center; } .v24-button, a.v24-button { transition: background-color 0.3s, color 0.3s; } a.v24-button:not(:hover) { color: #FFF; } .v24-button:hover { background: #eaecef; color: #00897b; } /*----------------------------------------*/ /* MODAL (2024) */ /*----------------------------------------*/ .v24-modal { background: rgba(0, 0, 0, 0.32); display: flex; height: 100%; left: 0; overflow: auto; padding: 20px; position: fixed; top: 0; transition: opacity 0.3s, visibility 0.3s; width: 100%; z-index: 999; } .v24-modal:not(.is-active) { opacity: 0; visibility: hidden; } .v24-modal__content { background: #FFF; border-radius: 8px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16); margin: auto; padding: 40px 60px 60px; position: relative; max-width: 100%; } @media screen and (max-width: 767px) { .v24-modal__content { padding: 20px; } } a.v24-modal__close { color: #000; display: block; height: 16px; margin: 0 0 16px auto; width: 16px; } /*----------------------------------------*/ /* HEADER (UPDATE 2024) */ /*----------------------------------------*/ .v21-header__logo a { align-items: center; display: flex; } .v24-header__side { align-items: center; display: flex; gap: 40px; margin: 0 -5px 0 40px; } @media screen and (max-width: 767px) { .v24-header__side { flex-direction: column; gap: 10px; margin-left: 20px; } } .v24-header__side .v21-header__lang { margin: 0; } a.v24-header__login { border: 1px solid currentColor; color: #000; height: 30px; padding: 0 24px; width: auto; } @media screen and (max-width: 639px) { a.v24-header__login { font-size: 12px; height: 24px; padding: 0 16px; } } a.v24-header__login:hover { background: #000; border-color: transparent; color: #FFF; } .v21-header--index a.v24-header__login { color: #FFF; } .v21-header--index a.v24-header__login:hover { background: #FFF; color: #000; } /*----------------------------------------*/ /* AUTH FORM (2024) */ /*----------------------------------------*/ .v24-auth-form { width: 480px; } @media screen and (min-height: 768px) and (min-width: 1024px) { .v24-auth-form { padding-bottom: 120px; } } .v24-auth-form__title { font-size: 24px; letter-spacing: 0; text-align: center; } @media screen and (min-height: 768px) and (min-width: 1024px) { .v24-auth-form__title { margin-top: 64px; } } .v24-auth-form__input { margin: 0 0 20px; } .v24-auth-form__recovery { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin: 30px 0; } .v24-auth-form__agreement { margin: 0 0 20px; } .v24-auth-form__submit { width: 100%; } .v24-auth-form__access { margin: 40px 0 0; text-align: center; } @media screen and (max-width: 767px) { .v24-auth-form__access { margin: 20px 0 0; } } /*----------------------------------------*/ /* MESSAGE FORM (2024) */ /*----------------------------------------*/ .v24-message-form { width: 664px; } .v24-message-form--sm { width: 446px; } .v24-message-form__title { font-size: 26px; margin: 0 0 30px; } .v24-message-form__brief { font-size: 14px; margin: 0 0 24px; } .v24-message-form__input { margin: 0 0 20px; } .v24-message-form__agreement { display: block; margin: 30px 0 20px; } button.v24-message-form__submit { border-radius: 26px; height: 52px; font-size: 16px; width: 200px; } /*----------------------------------------*/ /* PROFILE LAYOUT (2024) */ /*----------------------------------------*/ @media screen and (min-width: 1280px) { .v24-profile-layout { align-items: start; display: grid; gap: 32px; grid-template-columns: repeat(12, 1fr); } } .v24-profile-layout__side { grid-column: span 3; } @media screen and (max-width: 1279px) { .v24-profile-layout__side { height: 100%; left: 0; position: fixed; top: 0; transition: opacity 0.3s, transform 0.3s; width: 280px; z-index: 999; } .v24-profile-layout__side:not(.is-active) { opacity: 0; transform: translate3d(-100%, 0, 0); } } @media screen and (min-width: 1280px) { .v24-profile-layout__main { grid-column: span 9; } } .v24-profile-layout__section { margin: 0 0 80px; } @media screen and (max-width: 767px) { .v24-profile-layout__section { margin: 0 0 60px; } } /*----------------------------------------*/ /* PROFILE SIDEBAR (2024) */ /*----------------------------------------*/ .v24-profile-sidebar { background: #FFF; border-radius: 10px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16); overflow: auto; } @media screen and (max-width: 1279px) { .v24-profile-sidebar { border-radius: 0 10px 10px 0; height: 100%; } } a.v24-profile-sidebar__close { color: #000; display: none; padding: 16px; position: absolute; right: 0; top: 0; z-index: 9; } @media screen and (max-width: 1279px) { a.v24-profile-sidebar__close { display: block; } } .v24-profile-sidebar__user { align-items: center; border-bottom: 2px solid #672B55; display: flex; gap: 18px; padding: 30px 15px; position: relative; } .v24-profile-sidebar__user-image { border-radius: 50%; flex-shrink: 0; height: 84px; object-fit: cover; width: 84px; } .v24-profile-sidebar__user-title { font-size: 16px; margin: 0 0 4px; } .v24-profile-sidebar__user-email { color: #777; font-size: 12px; } .v24-profile-sidebar__menu { list-style: none; margin: 0; padding: 10px 0; } .v24-profile-sidebar__menu a { color: #000; } .v24-profile-sidebar__menu-link { align-items: center; display: flex; font-size: 16px; margin: 10px 0; padding: 20px; } .v24-profile-sidebar__menu-link.is-active { background: #F5F5F5; font-weight: 500; } .v24-profile-sidebar__menu-image { color: #919191; flex-shrink: 0; margin-right: 12px; position: relative; } .v24-profile-sidebar__menu-image.is-active::before { background: #F00; border-radius: 3px; content: ''; display: block; height: 6px; position: absolute; right: 0; top: 0; width: 6px; } .v24-profile-sidebar__menu-image svg { display: block; } /*----------------------------------------*/ /* PROFILE HEADING (2024) */ /*----------------------------------------*/ .v24-profile-heading { align-items: center; display: flex; margin: 0 0 40px; } @media screen and (max-width: 767px) { .v24-profile-heading { margin: 0 0 30px; } } .v24-profile-heading__title { margin: 0; } .v24-profile-heading__toggle { display: inline-flex; margin: 0 12px 0 0; } a.v24-profile-heading__toggle { color: inherit; } @media screen and (min-width: 1280px) { .v24-profile-heading__toggle { display: none; } } /*----------------------------------------*/ /* PROFILE CARDS (2024) */ /*----------------------------------------*/ .v24-profile-cards { display: grid; gap: 32px; grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 1023px) { .v24-profile-cards { gap: 20px; } } @media screen and (max-width: 767px) { .v24-profile-cards { grid-template-columns: 1fr; } } /*----------------------------------------*/ /* PROFILE CARD (2024) */ /*----------------------------------------*/ .v24-profile-card { align-items: flex-start; background: #FFF; border-radius: 8px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16); display: flex; padding: 30px 25px; } @media screen and (max-width: 479px) { .v24-profile-card { padding: 20px; } } .v24-profile-card__image { align-items: center; background: #EAECEF; border-radius: 50%; color: #00897B; display: flex; flex-shrink: 0; height: 80px; justify-content: center; margin-right: 20px; width: 80px; } .v24-profile-card__image img { height: 100%; object-fit: cover; width: 100%; } .v24-profile-card__title { font-size: 18px; font-weight: 500; margin: 0 0 4px; } .v24-profile-card__email { color: #919191; font-size: 14px; margin: 0 0 16px; } /*----------------------------------------*/ /* PROFILE FAQ (2024) */ /*----------------------------------------*/ .v24-profile-faq { border-top: 1px solid #CCC; list-style: none; margin: 0; max-width: 600px; padding: 0; } .v24-profile-faq__item { border-bottom: 1px solid #CCC; } a.v24-profile-faq__toggle { align-items: center; color: #000; display: flex; font-size: 16px; font-weight: 500; padding: 20px 0; } .v24-profile-faq__toggle-text { margin-right: 20px; } .v24-profile-faq__toggle-image { color: #672B55; flex-shrink: 0; margin-left: auto; width: 20px; } .v24-profile-faq__content { font-size: 14px; letter-spacing: 0.02em; padding: 0 0 20px; } .v24-profile-faq__content p { font: inherit; margin: 0; } /*----------------------------------------*/ /* PROFILE SUGGEST (2024) */ /*----------------------------------------*/ .v24-profile-suggest { background: #00897B url('/bitrix/templates/main/img/v24-profile-suggest.png') right 35px top 50% no-repeat; border-radius: 8px; color: #FFF; padding: 30px; } @media screen and (max-width: 767px) { .v24-profile-suggest { background-image: none; } } @media screen and (max-width: 479px) { .v24-profile-suggest { padding: 20px; } } .v24-profile-suggest__content { max-width: 540px; } .v24-profile-suggest__title { font-size: 20px; margin: 0 0 10px; } .v24-profile-suggest__brief { font-size: 14px; letter-spacing: 0.02em; margin: 0 0 25px; } .v24-profile-suggest__buttons { display: flex; flex-wrap: wrap; gap: 10px; } a.v24-profile-suggest__button { width: auto; } a.v24-profile-suggest__button:hover { background: #672B55; } a.v24-profile-suggest__button--alt:not(:hover) { color: #672B55; } /*----------------------------------------*/ /* PROFILE LINKS (2024) */ /*----------------------------------------*/ .v24-profile-links { display: grid; gap: 32px; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0; } @media screen and (max-width: 767px) { .v24-profile-links { gap: 20px; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 479px) { .v24-profile-links { gap: 16px; } } .v24-profile-links__link { background: #FFF; border-radius: 10px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16); display: block; font-size: 14px; font-weight: 500; height: 100%; padding: 20px; } @media screen and (max-width: 479px) { .v24-profile-links__link { padding: 16px; } } .v24-profile-links__link:hover { color: #000; } /*----------------------------------------*/ /* PROFILE BUTTONS (2024) */ /*----------------------------------------*/ .v24-profile-buttons { display: flex; flex-wrap: wrap; gap: 20px 32px; } @media screen and (max-width: 479px) { .v24-profile-buttons { gap: 20px; } } a.v24-profile-buttons__item, button.v24-profile-buttons__item { width: 180px; } /*----------------------------------------*/ /* PROFILE CHECKS (2024) */ /*----------------------------------------*/ .v24-profile-checks { margin: 20px 0 0; } .v24-profile-checks__title { font-size: 14px; margin: 0 0 15px; } .v24-profile-checks__list { list-style: none; margin: 0; padding: 0; } .v24-profile-checks__list-item:not(:last-child) { margin: 0 0 10px; } /*----------------------------------------*/ /* PROFILE SERVICE (2024) */ /*----------------------------------------*/ .v24-profile-service { border: 1px solid #00897B; border-radius: 10px; margin: 20px 0 0; padding: 30px; } @media screen and (max-width: 479px) { .v24-profile-service { padding: 20px; } } .v24-profile-service__brief { font-size: 13px; letter-spacing: 0.02em; } .v24-profile-service__brief p { font: inherit; margin: 0; } a.v24-profile-service__expand { color: #777; display: inline-block; margin: 3px 0 0; } a.v24-profile-service__button { margin: 30px 0 0; width: 180px; } @media screen and (max-width: 479px) { a.v24-profile-service__button { margin: 20px 0 0; } } /*----------------------------------------*/ /* PROFILE MORE (2024) */ /*----------------------------------------*/ button.v24-profile-more, a.v24-profile-more { margin: 30px auto 0; width: 180px; } /*----------------------------------------*/ /* PROFILE DOCS (2024) */ /*----------------------------------------*/ .v24-profile-docs { border-top: 1px solid #CCC; list-style: none; margin: 0; max-width: 592px; padding: 0; } .v24-profile-docs__item { border-bottom: 1px solid #CCC; } .v24-profile-docs__link { align-items: center; display: flex; gap: 12px; padding: 16px 20px; } @media screen and (max-width: 767px) { .v24-profile-docs__link { padding: 16px 0; } } @media screen and (max-width: 479px) { .v24-profile-docs__link { flex-wrap: wrap; } } .v24-profile-docs__link:not(:hover) { color: #000; } .v24-profile-docs__type { background: #672B55; border-radius: 4px; color: #FFF; font-size: 14px; flex-shrink: 0; min-width: 40px; padding: 4px; text-transform: lowercase; text-align: center; } @media screen and (max-width: 479px) { .v24-profile-docs__type { font-size: 12px; padding: 2px; } } .v24-profile-docs__title { flex-grow: 1; padding: 0 20px; } @media screen and (max-width: 767px) { .v24-profile-docs__title { padding: 0 8px; } } @media screen and (max-width: 479px) { .v24-profile-docs__title { padding: 0; width: 100%; } } .v24-profile-docs__stat { color: #777; font-size: 12px; white-space: nowrap; } /*----------------------------------------*/ /* PROFILE NOTIFICATIONS (2024) */ /*----------------------------------------*/ .v24-profile-notifications { border-top: 1px solid #CCC; list-style: none; margin: 0; max-width: 800px; padding: 0; } .v24-profile-notifications__item { border-bottom: 1px solid #CCC; padding: 20px 0; } @media screen and (max-width: 767px) { .v24-profile-notifications__item { padding: 16px 0; } } .v24-profile-notifications__heading { display: flex; } @media screen and (max-width: 479px) { .v24-profile-notifications__heading { display: block; } } .v24-profile-notifications__date { color: #777; font-size: 12px; flex-shrink: 0; margin: 0 20px 10px 0; width: 80px; } @media screen and (max-width: 479px) { .v24-profile-notifications__date { margin: 0 0 8px; } } .v24-profile-notifications__title { font-size: 13px; font-weight: 500; letter-spacing: 0.02em; margin: 0 0 10px; } @media screen and (max-width: 479px) { .v24-profile-notifications__title { margin: 0 0 8px; } } .v24-profile-notifications__brief { color: #777; font-size: 13px; letter-spacing: 0.02em; margin-left: 100px; } @media screen and (max-width: 479px) { .v24-profile-notifications__brief { margin-left: 0; } } /*----------------------------------------*/ /* PROFILE EVENTS (2024) */ /*----------------------------------------*/ .v24-profile-events { align-items: flex-start; display: flex; gap: 32px; } @media screen and (max-width: 767px) { .v24-profile-events { flex-direction: column; } } .v24-profile-events__calendar { flex-shrink: 0; width: 280px; } @media screen and (max-width: 479px) { .v24-profile-events__calendar { max-width: 320px; width: 100%; } } .v24-profile-events__list { flex-grow: 1; } .v24-profile-events__heading { align-items: center; border-bottom: 1px solid #CCC; display: flex; gap: 40px; padding: 0 0 5px; } .v24-profile-events__heading-date { flex-shrink: 0; font-size: 40px; font-weight: 600; line-height: 1; } .v24-profile-events__heading-day { font-size: 16px; font-weight: 600; letter-spacing: 0.16em; margin: 0 0 5px; text-transform: lowercase; } .v24-profile-events__heading-month { font-size: 12px; font-weight: 500; } /*----------------------------------------*/ /* PROFILE CALENDAR (2024) */ /*----------------------------------------*/ .v24-profile-calendar { padding: 0; width: 100%; } .v24-profile-calendar .vanilla-calendar-arrow::before { background: #00897B; } .v24-profile-calendar .vanilla-calendar-week__day { color: #777; font-weight: normal; } .v24-profile-calendar .vanilla-calendar-header__content { color: #00897B; } .v24-profile-calendar .vanilla-calendar-months, .v24-profile-calendar .vanilla-calendar-years { gap: 0.5rem; } .v24-profile-calendar .vanilla-calendar-months__month { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v24-profile-calendar .vanilla-calendar-day__btn { border-radius: 0.25rem; cursor: default; } .v24-profile-calendar .vanilla-calendar-day__btn:not(.is-active) { background: none; } .v24-profile-calendar .vanilla-calendar-day__btn.is-event { cursor: pointer; position: relative; } .v24-profile-calendar .vanilla-calendar-day__btn.is-event::before { background: #00897B; border-radius: 2px; bottom: 2px; content: ''; display: block; height: 4px; left: 50%; margin-left: -2px; position: absolute; width: 4px; } /*----------------------------------------*/ /* PROFILE EVENT (2024) */ /*----------------------------------------*/ .v24-profile-event { margin: 40px 0 0; } @media screen and (max-width: 479px) { .v24-profile-event { margin: 30px 0 0; } } .v24-profile-event__title { font-size: 15px; font-weight: 500; letter-spacing: 0.02em; margin: 0 0 5px; text-transform: uppercase; } .v24-profile-event__date { color: #777; display: flex; flex-wrap: wrap; gap: 10px; font-size: 12px; margin: 0 0 10px; text-transform: uppercase; } .v24-profile-event__brief { font-size: 13px; letter-spacing: 0.02em; line-height: 1.54; } .v24-profile-event__brief p { font: inherit; margin: 0; } /*----------------------------------------*/ /* PARTNER MODAL (2024) */ /*----------------------------------------*/ .v24-partner-modal { width: 824px; } .v24-partner-modal__heading { align-items: center; display: flex; gap: 24px; margin: 0 0 30px; } @media screen and (max-width: 767px) { .v24-partner-modal__heading { align-items: flex-start; flex-direction: column; } } .v24-partner-modal__image { align-items: center; border-radius: 8px; display: flex; flex-shrink: 0; height: 130px; justify-content: center; width: 220px; } .v24-partner-modal__image img { max-width: 100%; max-height: 100%; object-fit: contain; } .v24-partner-modal__title { font-size: 20px; font-weight: 500; margin: 0 0 25px; } .v24-partner-modal__info, a.v24-partner-modal__info { align-items: center; color: #111; display: flex; gap: 10px; font-size: 16px; margin: 20px 0 0; width: fit-content; } .v24-partner-modal__info-image { color: #777; flex-shrink: 0; } .v24-partner-modal__brief { font-size: 13px; } .v24-partner-modal__brief p { font: inherit; margin: 0 0 20px; } .v24-partner-modal__brief p:last-child { margin: 0; } .message_send { border: none; border-radius: 1px; font-size: 14px; padding: 15px; margin-bottom: 20px; color: #61a942; background-color: #dff2de; border-color: #ebccd1; } .btn__submit{width: 100% !important;} /*----------------------------------------*/ /* BUTTON (2025) */ /*----------------------------------------*/ .v25-button { font-size: 14px; height: 36px; padding: 0 16px; } .v25-button:not(:hover) { background: #63916F; } /*----------------------------------------*/ /* PARTNER TAGS (2025) */ /*----------------------------------------*/ .v25-partner-tags { display: flex; flex-wrap: wrap; gap: 4px; } .v25-partner-tags__item { align-items: center; background: #63916F; border-radius: 4px; color: #FFF; display: flex; font-size: 12px; font-weight: 600; gap: 4px; height: 28px; padding: 0 6px; } /*----------------------------------------*/ /* PARTNERS GRID (2025) */ /*----------------------------------------*/ .v25-partners-grid { display: grid; gap: 40px 32px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 40px; } @media screen and (max-width: 850px) { .v25-partners-grid { gap: 32px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 639px) { .v25-partners-grid { gap: 24px 16px; } } /*----------------------------------------*/ /* PARTNER ITEM (2025) */ /*----------------------------------------*/ .v25-partner-item { align-items: center; color: #488a59; display: flex; flex-direction: column; gap: 12px; } a.v25-partner-item { color: #488a59; } @media screen and (max-width: 639px) { .v25-partner-item { gap: 8px; } } .v25-partner-item__image { align-items: center; background: #f2f5f3; display: flex; height: 180px; justify-content: center; padding: 24px; position: relative; width: 100%; } @media screen and (max-width: 850px) { .v25-partner-item__image { height: 140px; padding: 16px; } } @media screen and (max-width: 639px) { .v25-partner-item__image { height: 120px; padding: 8px; } } .v25-partner-item__image img { max-height: 100%; max-width: 100%; object-fit: contain; } .v25-partner-item__tags { left: 8px; position: absolute; right: 8px; top: 8px; } @media screen and (max-width: 639px) { .v25-partner-item__tags { gap: 2px; left: 2px; right: 2px; top: 2px; } .v25-partner-item__tags .v25-partner-tags__item { font-size: 10px; height: 18px; } } .v25-partner-item__text { font-size: 16px; line-height: 1.3125; text-align: center; } @media screen and (max-width: 639px) { .v25-partner-item__text { font-size: 12px; } } /*----------------------------------------*/ /* PARTNERS TABS (2025) */ /*----------------------------------------*/ .v25-partners-tabs .v25-tabs-toggle__item { width: 302px; } @media screen and (max-width: 850px) { .v25-partners-tabs .v25-tabs-toggle__item { width: auto; } } /*----------------------------------------*/ /* ARTICLE (2025) */ /*----------------------------------------*/ .v25-article { font: 16px/1.5 'OpenSans', sans-serif; margin: 0 0 40px; } .v25-article__text a { color: #0F8AD7; } .v25-article__text p { margin: 0 0 24px; } @media screen and (max-width: 639px) { .v25-article__text p { margin: 0 0 20px; } } .v25-article__text :not([class]) { font-size: inherit; line-height: inherit; } .v25-article__text p:last-child { margin: 0; } .v25-article__text--tight p:not(:last-child) { margin: 0 0 12px; } .v25-article__subtext-1 { font-size: 14px; line-height: 1.3125; } .v25-article__subtext-2 { color: rgba(0, 0, 0, 0.5); font-size: 12px; line-height: 1.33; } .v25-article__section-0:not(:last-child) { margin: 0 0 120px; } @media screen and (max-width: 639px) { .v25-article__section-0:not(:last-child) { margin: 0 0 64px; } } .v25-article__section-1:not(:last-child) { margin: 0 0 80px; } @media screen and (max-width: 639px) { .v25-article__section-1:not(:last-child) { margin: 0 0 48px; } } .v25-article__section-2:not(:last-child) { margin: 0 0 48px; } @media screen and (max-width: 639px) { .v25-article__section-2:not(:last-child) { margin: 0 0 32px; } } .v25-article__section-3:not(:last-child) { margin: 0 0 40px; } @media screen and (max-width: 639px) { .v25-article__section-3:not(:last-child) { margin: 0 0 24px; } } .v25-article__section-4:not(:last-child) { margin: 0 0 24px; } @media screen and (max-width: 639px) { .v25-article__section-4:not(:last-child) { margin: 0 0 20px; } } .v25-article__section-5:not(:last-child) { margin: 0 0 16px; } .v25-article__title { color: #63916F; font-family: 'FranklinGothic-Demi', sans-serif; font-weight: normal; letter-spacing: 0.02em; margin: 0 0 24px; text-transform: uppercase; } @media screen and (max-width: 639px) { .v25-article__title { margin: 0 0 20px; } } .v25-article__title:last-child { margin: 0; } .v25-article__title--1 { font-size: 26px; } @media screen and (max-width: 639px) { .v25-article__title--1 { font-size: 20px; } } .v25-article__title--2 { font-size: 19px; } @media screen and (max-width: 639px) { .v25-article__title--2 { font-size: 18px; } } .v25-article__highlight { border-left: 12px solid #63916F; padding-left: 32px; } @media screen and (max-width: 639px) { .v25-article__highlight { border-left-width: 4px; padding-left: 16px; } } .v25-article__highlight-title { color: #63916F; font-size: 20px; font-weight: 600; line-height: 1.4; } @media screen and (max-width: 639px) { .v25-article__highlight-title { font-size: 18px; } } .v25-article__features { display: grid; gap: 32px; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 850px) { .v25-article__features { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 639px) { .v25-article__features { gap: 24px; grid-template-columns: minmax(0, 1fr); } } .v25-article__features-item { align-items: flex-start; display: flex; flex-direction: column; gap: 16px; position: relative; } @media screen and (max-width: 639px) { .v25-article__features-item { align-items: center; flex-direction: row; font-size: 14px; line-height: 1.3125; } } .v25-article__features-image { color: #63916F; flex-shrink: 0; } .v25-article__accordion { border-top: 1px solid rgba(99, 145, 111, 0.5); } .v25-article__accordion-item { border-bottom: 1px solid rgba(99, 145, 111, 0.5); } .v25-article__accordion-toggle { align-items: center; color: #488A59; display: flex; gap: 8px; font-size: 16px; font-weight: 600; line-height: 1.3125; padding: 20px 0; } a.v25-article__accordion-toggle { color: #488A59; } .v25-article__accordion-toggle.is-active .v25-article__accordion-image { transform: rotate3d(0, 0, 1, 45deg); } .v25-article__accordion-image { flex-shrink: 0; margin-left: auto; transition: transform 0.15s; } .v25-article__accordion-content { padding: 0 0 20px; } .v25-article__info { align-items: center; display: flex; gap: 8px; width: fit-content; } .v25-article__info-image { flex-shrink: 0; vertical-align: middle; } .v25-article__info-text { color: inherit; margin: 0; } .v25-article__info--highlight, a.v25-article__info--highlight { color: #63916F; font-weight: 600; } .v25-article__info--link { display: block; } .v25-article__info--link .v25-article__info-image { position: relative; top: -2px; } .v25-article__details { display: grid; gap: 32px; grid-template-columns: repeat(3, minmax(0, 1fr)); } @media screen and (max-width: 1000px) { .v25-article__details { gap: 24px; } } @media screen and (max-width: 850px) { .v25-article__details { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 639px) { .v25-article__details { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media screen and (min-width: 851px) { .v25-article__details--small { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (min-width: 1001px) { .v25-article__details--small { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .v25-article__detail { align-items: flex-start; background: #F2F5F3; display: flex; flex-direction: column; padding: 24px; } .v25-article__detail-image { color: #63916F; margin: 0 0 8px; } .v25-article__detail-button { margin: auto 0 0; } .v25-article__layout { display: flex; gap: 32px; } @media screen and (max-width: 850px) { .v25-article__layout { align-items: flex-start; flex-direction: column; gap: 24px; } } .v25-article__layout-main { flex-grow: 1; } @media screen and (min-width: 1001px) { .v25-article__layout-main--narrow { padding-right: 80px; } } .v25-article__layout-side { flex-shrink: 0; max-width: 100%; } @media screen and (min-width: 851px) { .v25-article__layout-side--1 { width: 211px; } .v25-article__layout-side--2 { width: 292px; } } /*----------------------------------------*/ /* CLUSTERS FEATURES (2025) */ /*----------------------------------------*/ .v25-clusters-features { border-bottom: 1px solid rgba(99, 145, 111, 0.5); margin: 0 0 20px; padding: 0 0 20px; } /*----------------------------------------*/ /* TECHNOPARK FEATURES (2025) */ /*----------------------------------------*/ .v25-technoparks-features { overflow: hidden; } .v25-technoparks-features__item-1, .v25-technoparks-features__item-2 { padding: 0 0 32px; } @media screen and (max-width: 639px) { .v25-technoparks-features__item-1, .v25-technoparks-features__item-2 { padding: 0; } } .v25-technoparks-features__item-1 { flex-direction: row; grid-column: span 4; } @media screen and (max-width: 850px) { .v25-technoparks-features__item-1 { grid-column: span 2; } } @media screen and (max-width: 639px) { .v25-technoparks-features__item-1 { grid-column: auto; } } .v25-technoparks-features__item-2 { grid-column: span 2; } @media screen and (max-width: 850px) { .v25-technoparks-features__item-2 { flex-direction: row; } } @media screen and (max-width: 639px) { .v25-technoparks-features__item-2 { grid-column: auto; } } .v25-technoparks-features__item-1::before, .v25-technoparks-features__item-2::before { background: rgba(99, 145, 111, 0.5); bottom: 0; content: ''; display: block; height: 1px; left: 0; position: absolute; width: 200%; } @media screen and (max-width: 639px) { .v25-technoparks-features__item-1::before, .v25-technoparks-features__item-2::before { display: none; } } /*----------------------------------------*/ /* EMPLOYEE (2025) */ /*----------------------------------------*/ .v25-employee { align-items: flex-start; background: #F2F5F3; display: flex; gap: 48px; padding: 48px; } @media screen and (max-width: 1000px) { .v25-employee { gap: 24px; padding: 24px; } } @media screen and (max-width: 850px) { .v25-employee { flex-direction: column; gap: 24px; } } .v25-employee__image { border-radius: 8px; flex-shrink: 0; width: 244px; } .v25-employee__info { align-items: center; display: flex; gap: 8px; } .v25-employee__entry:not(:last-child) { margin: 0 0 32px; } @media screen and (max-width: 850px) { .v25-employee__entry:not(:last-child) { margin: 0 0 16px; } } .v25-employee__name { margin: 0 0 8px; } .v25-employee__contacts { display: flex; flex-wrap: wrap; gap: 8px 32px; } .v25-employee__contacts .v25-article__info { color: inherit; } /*----------------------------------------*/ /* ZONES STATS (2025) */ /*----------------------------------------*/ .v25-zones-stats { display: grid; gap: 32px; grid-template-columns: repeat(3, minmax(0, 1fr)); } @media screen and (max-width: 850px) { .v25-zones-stats { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; } } .v25-zones-stats__item { align-items: center; background: #F2F5F3; display: flex; flex-direction: column; padding: 32px; text-align: center; } @media screen and (max-width: 850px) { .v25-zones-stats__item { padding: 24px; width: calc(50% - 12px); } } @media screen and (max-width: 639px) { .v25-zones-stats__item { width: 100%; } } .v25-zones-stats__image { color: #63916F; margin: 0 0 8px; } .v25-zones-stats__title { font-size: 32px; margin: 0; } @media screen and (max-width: 639px) { .v25-zones-stats__title { font-size: 24px; } } /*----------------------------------------*/ /* MEMBERSHIP JOIN (2025) */ /*----------------------------------------*/ .v25-membership-join { display: grid; gap: 32px; grid-template-columns: repeat(12, minmax(0, 1fr)); } @media screen and (max-width: 850px) { .v25-membership-join { gap: 24px; grid-template-columns: minmax(0, 1fr); } } @media screen and (min-width: 851px) { .v25-membership-join__side { grid-column: span 5; } .v25-membership-join__main { grid-column: span 7; } } .v25-membership-join__title { margin: 0 0 8px; } /*----------------------------------------*/ /* MEMBERSHIP GRID (2025) */ /*----------------------------------------*/ .v25-membership-grid { display: grid; gap: 32px; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; } @media screen and (max-width: 1000px) { .v25-membership-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 850px) { .v25-membership-grid { gap: 24px; } } @media screen and (max-width: 639px) { .v25-membership-grid { gap: 16px; grid-template-columns: minmax(0, 1fr); } } .v25-membership-grid__item { padding: 24px 0 0; position: relative; } @media screen and (min-width: 640px) { .v25-membership-grid__item--wide { grid-column: span 2; } } @media screen and (max-width: 639px) { .v25-membership-grid__item { padding: 16px 0 0; } } .v25-membership-grid__item::before { background: rgba(99, 145, 111, 0.5); content: ''; display: block; height: 1px; left: 0; position: absolute; top: 0; width: 200%; } .v25-membership-grid__counter { font-size: 32px; margin: 0 0 4px; } @media screen and (max-width: 639px) { .v25-membership-grid__counter { font-size: 24px; } } .v25-membership-grid__content { align-items: flex-start; display: flex; gap: 16px; } .v25-membership-grid__content-image { color: #63916F; flex-shrink: 0; } /*----------------------------------------*/ /* MEMBERSHIP INFO (2025) */ /*----------------------------------------*/ .v25-membership-info { display: grid; gap: 32px; grid-template-columns: repeat(2, minmax(0, 1fr)); } @media screen and (max-width: 850px) { .v25-membership-info { gap: 24px; } } @media screen and (max-width: 639px) { .v25-membership-info { grid-template-columns: minmax(0, 1fr); } } .v25-membership-info__item { background: #F2F5F3; padding: 48px; } @media screen and (max-width: 850px) { .v25-membership-info__item { padding: 24px; } } @media screen and (min-width: 640px) { .v25-membership-info__item--wide { grid-column: span 2; } } .v25-membership-info__item.v25-employee { gap: 24px; } .v25-membership-info__item .v25-employee__image { color: #63916F; width: 64px; } .v25-membership-info__item .v25-employee__entry:not(:last-child) { margin: 0 0 8px; } .v25-membership-info__title { margin: 2px 0; } /*----------------------------------------*/ /* TABS TOGGLE (2025) */ /*----------------------------------------*/ .v25-tabs-toggle { background: #F2F5F3; border-radius: 6px; display: flex; gap: 3px; margin: 0 0 24px; padding: 4px; width: fit-content; } @media screen and (max-width: 639px) { .v25-tabs-toggle { background: none; flex-wrap: wrap; padding: 0; } } .v25-tabs-toggle__item { align-items: center; background: #F2F5F3; border-radius: 6px; border: 0; color: #488A59; display: flex; height: 36px; font-size: 14px; line-height: 1.1; justify-content: center; padding: 0 12px; text-align: center; transition: background-color 0.15s, color 0.15s; } .v25-tabs-toggle__item.is-active { background: #63916F; color: #FFF; } /*----------------------------------------*/ /* TABS CONTENT (2025) */ /*----------------------------------------*/ .v25-tabs-content { overflow: hidden; position: relative; } .v25-tabs-content__item { position: relative; transition: opacity 0.15, visibility 0.15s; z-index: 1; } .v25-tabs-content__item:not(.is-active) { left: 0; opacity: 0; position: absolute; visibility: hidden; top: 0; width: 100%; z-index: 0; } .smi_subtitle{ font-size: 19px; } .smi_names{ display: flex; justify-content: space-between; gap: 70px; } .smi_name{ width: 100%; } .smi_names-label{ margin: 0 0 8px 0; } .smi_names-label span{ font-size: 16px; } .smi_logos{ display: flex; gap:32px; margin-bottom: 50px; } .smi_logos a{ color: #488A59; } .smi_logo{ width: 100%; padding: 32px; background: #F2F5F3; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .smi_logo-links{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } .smi_logo-links p{ margin: 0; } .smi_logo-links img{ width: 16px; height: 16px; } .smi_logo-links a{ display: flex; align-items: center; gap: 6px; } .uslugi_header{ } .uslugi_header p{ font-size: 14px; } .uslugi_block{ margin-bottom: 80px; } .uslugi_block a{ font-family: "OpenSans" !important; color: #488A59; } .uslugi_subtitle{ font-size: 19px; } .uslugi_subtitle-max{ font-size: 20px; font-family: "OpenSans" !important; font-weight: 600; margin-bottom: 24px; } .uslugi_numbers{ display: flex; flex-wrap: wrap; gap: 32px; } .uslugi_numbers > p{ display: flex; flex-direction: column; gap: 4px; margin: 0; } .uslugi_numbers > p span{ color: #63916F; font-size: 32px; font-weight: bold; } .uslugi_numbers-list{ display: flex; flex-direction: column; gap: 4px; margin-left: 28px; } .uslugi_numbers-list p{ display: flex; align-items: center; gap: 6px; } .uslugi_numbers-list p::before{ content: ''; display: block; width: 20px; height: 2px; background: #63916F; } .uslugi_points{ display: flex; flex-wrap: wrap; gap: 20px 32px; } .uslugi_points div{ width: calc(50% - 32px); display: flex; align-items: start; gap: 16px; } .uslugi_points div::before{ content: ''; max-width: 10px; width: 100%; height: 10px; display: block; border-radius: 50%; background: #63916F; margin-top: 5px; } .uslugi_points-smile{ margin-top: 20px; } .uslugi_points-smile div{ width: 100%; } .uslugi_points-smile div::before{ content: ''; background: url("/bitrix/templates/home/img/smile.svg"); max-width: 24px; width: 100%; height: 24px; margin: 0; } .uslugi_points span{ color: #0F8AD7; } .uslugi_points p{ margin: 0; } .uslugi_variants{ width: 100%; display: flex; gap: 32px; justify-content: space-between; align-items: center; } .uslugi_variants p{ width: 100%; } .uslugi_variants img{ margin-right: 16px; } .uslugi_documents{ display: flex; gap: 32px; justify-content: space-between; } .uslugi_documents img{ width: 40px; height: 40px; object-fit: cover; } .uslugi_documents div{ background: #F2F5F3; padding: 32px; gap: 39px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .uslugi_documents p{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; font-size: 14px; gap: 8px; margin: 0; } .uslugi_documents a img{ width: 16px; height: 16px; } .uslugi_contact{ background: #F2F5F3; padding: 48px; display: flex; align-items: stretch; gap: 48px; margin-bottom: 80px; } .uslugi_contact > img{ width: 244px; height: auto; object-fit: cover; border-radius: 8px; } .uslugi_contact-info{ display: flex; flex-direction: column; gap: 32px; } .uslugi_contact-info h3{ font-size: 19px; } .uslugi_contact-info p{ margin: 0; } .uslugi_contact-label{ display: flex; align-items: center; gap: 8px; font-size: 16px; } .uslugi_contact-mail{ display: flex; align-items: center; gap: 8px; font-size: 19px; text-transform: uppercase; color: black !important; font-weight: 500; } .uslugi_points-grid{ display: grid; grid-template-areas: "a c" "a c" "a d" "b d" "b e" "b e"; grid-template-columns: 1fr 1fr; } .uslugi_points-grid div{ width: 100%; } .uslugi_points-grid div:nth-child(1){ grid-area: a; } .uslugi_points-grid div:nth-child(2){ grid-area: b; } .uslugi_points-grid div:nth-child(3){ grid-area: c; } .uslugi_points-grid div:nth-child(4){ grid-area: d; } .uslugi_points-grid div:nth-child(5){ grid-area: e; } .uslugi_liner{ margin-bottom: 80px; } .uslugi_liner-blocks{ margin-bottom: 24px; } .uslugi_liner-row{ display: flex; gap: 32px; padding: 40px 0; border-top: 1px solid #63916F; } .uslugi_liner-blocks .uslugi_liner-row:last-child{ border-bottom: 1px solid #63916F; } .uslugi_liner-block{ width: calc(50% - 32px); display: flex; gap: 16px; } .uslugi_liner-numbers{ flex-direction: column; } .uslugi_liner-numbers > p{ display: flex; flex-direction: column; gap: 4px; margin: 0; } .uslugi_liner-numbers > p span{ color: #63916F; font-size: 32px; font-weight: bold; } .uslugi_liner-block p{ margin: 0; } .uslugi_liner-block img{ width: 40px; height: 40px; } .uslugi_business{ display: flex; flex-wrap: wrap; gap: 32px; margin-bottom: 80px; } .uslugi_business p{ width: calc(50% - 32px); margin-bottom: 0; font-size: 14px; } .uslugi_block-flex{ display: flex; gap: 32px; } .uslugi_block-flex__row3 div{ width: calc(33.333% - 16px); } .uslugi_block-flex__with-img{ margin-top: 24px; } .uslugi_block-flex__with-img img{ width: calc(100% - 292px); } .uslugi_block-flex__with-img > div{ max-width: 292px; width: 100%; display: flex; flex-direction: column; gap: 23px; } .uslugi_block-background{ width: 100%; padding: 48px; background: #F2F5F3; margin-bottom: 40px; } .uslugi_block-background h2,.uslugi_block-background p{ margin: 0; } .uslugi_block .uslugi_block-flex:last-child .uslugi_block-background{ margin: 0; } .uslugi_block-background img{ display: block; margin: 0 auto 39px auto; } .uslugi_block-line{ display: flex; align-items: stretch; gap: 32px; } .uslugi_block-line{ margin-top: 40px; margin-bottom: 40px; } .uslugi_block-line h2,.uslugi_block-line p{ margin: 0; font-weight: 400; font-family: "OpenSans" !important; } .uslugi_block-line h2{ margin-bottom: 12px; } .uslugi_block-line::before{ content: ''; min-width: 12px; height: auto; background: #63916F; } .uslugi_flexslider .flex-direction-nav{ display: flex; align-items: center; justify-content: center; margin-top: 20px; gap: 10px; } .uslugi_flexslider .flex-direction-nav .flex-nav-prev::marker, .uslugi_flexslider .flex-direction-nav .flex-nav-next::marker{ content: ""; } .uslugi_flexslider .flex-direction-nav a { text-indent: -9999px; overflow: hidden; display: block; width: 32px; height: 32px; background-size: contain; } .uslugi_flexslider .flex-prev { background: url('/bitrix/templates/main/img/nav-prev.svg') no-repeat center center; } .uslugi_flexslider .flex-next { background: url('/bitrix/templates/main/img/nav-prev.svg') no-repeat center center; transform: rotate(180deg); } @media screen and (max-width: 850px) { .smi_names{ flex-wrap: wrap; gap: 20px; } .smi_logos{ flex-wrap: wrap; } .uslugi_block{ margin-bottom: 40px; } .uslugi_numbers p{ width: 100% !important; } .uslugi_points div{ width: 100%; } .uslugi_variants{ flex-wrap: wrap; gap: 16px; } .uslugi_documents{ flex-wrap: wrap; } .uslugi_documents div{ width: 100%; } .uslugi_contact{ flex-wrap: wrap; margin-bottom: 40px; } .uslugi_contact > img{ width: 100%; } .uslugi_contact-info{ width: 100%; } .uslugi_points-grid{ display: flex; } .uslugi_liner-row{ flex-wrap: wrap; } .uslugi_liner-block{ width: 100%; } .uslugi_business p{ width: 100%; } .uslugi_block-flex{ flex-wrap: wrap; } .uslugi_block-flex__row3 div{ width: 100%; } .uslugi_block-background{ margin-bottom: 20px; } .uslugi_block-flex__with-img img{ width: 100%; } .uslugi_block-flex__with-img > div{ max-width: 100%; width: 100%; } } /* End */ /* /bitrix/templates/.default/style/normalize.min.css?16238621382002 */ /* /bitrix/templates/.default/style/jquery.mCustomScrollbar.min.css?162386213853666 */ /* /bitrix/templates/.default/style/jquery.fancybox.css?16238621384971 */ /* /bitrix/templates/.default/style/main.css?174487694160782 */ /* /bitrix/templates/main/css/ext.min.css?17327966923761 */ /* /bitrix/templates/main/css/vanilla-calendar.min.css?173331800614203 */ /* /bitrix/templates/main/css/main.css?173331800624627 */ /* /bitrix/templates/main/css/custom.css?175146717754807 */