/* 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_en/css/main.css?164870705124572*/
/*----------------------------------------*/
/* 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; 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); 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_en/css/ext.min.css?16238621383761*/
/*! 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_en/css/custom.css?17733185172404*/
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, ol.list {
font-size: 16px;
}
/*----------------------------------------*/
/* NEWS CONTAINER (2026) */
/*----------------------------------------*/
.v26-news-container {
display: grid;
gap: 32px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 0 0 32px;
}
.v26-news-container .v21-news__item {
width: 100%;
}
.v26-news-container .v21-article {
height: 100%;
margin: 0;
}
@media screen and (max-width: 850px) {
.v26-news-container {
gap: 24px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0 0 24px;
}
}
@media screen and (max-width: 560px) {
.v26-news-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
/*----------------------------------------*/
/* ARTICLE GALLERY (2026) */
/*----------------------------------------*/
.v26-article-gallery {
position: relative;
}
.v26-article-gallery .tns-inner {
border-radius: 8px;
overflow: hidden;
}
.v26-article-gallery .v21-slider-arrow {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.v26-article-gallery__item {
border-radius: 8px;
display: block;
}
.v26-article-gallery__item img {
border-radius: inherit;
height: 100%;
object-fit: cover;
width: 100%;
}
/*----------------------------------------*/
/* ARTICLE DATE (2026) */
/*----------------------------------------*/
.v26-article-date {
clear: none;
float: left;
height: 112px;
margin: 0 20px 0 0;
position: relative;
width: 85px;
}
.v26-article-date .content-link-date {
height: 100%;
width: 100%;
}
.v26-article-date .date-big {
display: block;
}
/* 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_en/css/main.css?164870705124572 */
/* /bitrix/templates/main_en/css/ext.min.css?16238621383761 */
/* /bitrix/templates/main_en/css/custom.css?17733185172404 */