/* Start:/local/templates/svk-lite-en/css/fonts.css?17660481419137*/
@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerUltraLight.eot');
    src: local('Muller UltraLight'), local('MullerUltraLight'),
        url('/local/templates/svk-lite-en/css/./MullerUltraLight.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerUltraLight.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerUltraLight.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerUltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerBoldItalic.eot');
    src: local('Muller Bold Italic'), local('MullerBoldItalic'),
        url('/local/templates/svk-lite-en/css/./MullerBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerBoldItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerBoldItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerMedium.eot');
    src: local('Muller Medium'), local('MullerMedium'),
        url('/local/templates/svk-lite-en/css/./MullerMedium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerMedium.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerMedium.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerExtraBoldItalic.eot');
    src: local('Muller ExtraBold Italic'), local('MullerExtraBoldItalic'),
        url('/local/templates/svk-lite-en/css/./MullerExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerExtraBoldItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerExtraBoldItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerUltraLightItalic.eot');
    src: local('Muller UltraLight Italic'), local('MullerUltraLightItalic'),
        url('/local/templates/svk-lite-en/css/./MullerUltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerUltraLightItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerUltraLightItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerUltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerRegular.eot');
    src: local('Muller Regular'), local('MullerRegular'),
        url('/local/templates/svk-lite-en/css/./MullerRegular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerRegular.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerRegular.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerBlackItalic.eot');
    src: local('Muller Black Italic'), local('MullerBlackItalic'),
        url('/local/templates/svk-lite-en/css/./MullerBlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerBlackItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerBlackItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerBlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Muller Hairline';
    src: url('/local/templates/svk-lite-en/css/./MullerHairlineItalic.eot');
    src: local('Muller Hairline Italic'), local('MullerHairlineItalic'),
        url('/local/templates/svk-lite-en/css/./MullerHairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerHairlineItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerHairlineItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerHairlineItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerHeavyItalic.eot');
    src: local('Muller Heavy Italic'), local('MullerHeavyItalic'),
        url('/local/templates/svk-lite-en/css/./MullerHeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerHeavyItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerHeavyItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerHeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerThinItalic.eot');
    src: local('Muller Thin Italic'), local('MullerThinItalic'),
        url('/local/templates/svk-lite-en/css/./MullerThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerThinItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerThinItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Muller Hairline';
    src: url('/local/templates/svk-lite-en/css/./MullerHairline.eot');
    src: local('Muller Hairline'), local('MullerHairline'),
        url('/local/templates/svk-lite-en/css/./MullerHairline.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerHairline.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerHairline.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerHairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerHeavy.eot');
    src: local('Muller Heavy'), local('MullerHeavy'),
        url('/local/templates/svk-lite-en/css/./MullerHeavy.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerHeavy.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerHeavy.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerThin.eot');
    src: local('Muller Thin'), local('MullerThin'),
        url('/local/templates/svk-lite-en/css/./MullerThin.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerThin.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerThin.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerLightItalic.eot');
    src: local('Muller Light Italic'), local('MullerLightItalic'),
        url('/local/templates/svk-lite-en/css/./MullerLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerLightItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerLightItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerLight.eot');
    src: local('Muller Light'), local('MullerLight'),
        url('/local/templates/svk-lite-en/css/./MullerLight.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerLight.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerLight.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerBlack.eot');
    src: local('Muller Black'), local('MullerBlack'),
        url('/local/templates/svk-lite-en/css/./MullerBlack.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerBlack.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerBlack.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerBold.eot');
    src: local('Muller Bold'), local('MullerBold'),
        url('/local/templates/svk-lite-en/css/./MullerBold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerBold.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerBold.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerExtraBold.eot');
    src: local('Muller ExtraBold'), local('MullerExtraBold'),
        url('/local/templates/svk-lite-en/css/./MullerExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerExtraBold.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerExtraBold.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Muller Regular';
    src: url('/local/templates/svk-lite-en/css/./MullerRegularItalic.eot');
    src: local('Muller Regular Italic'), local('MullerRegularItalic'),
        url('/local/templates/svk-lite-en/css/./MullerRegularItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerRegularItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerRegularItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerRegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('/local/templates/svk-lite-en/css/./MullerMediumItalic.eot');
    src: local('Muller Medium Italic'), local('MullerMediumItalic'),
        url('/local/templates/svk-lite-en/css/./MullerMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/svk-lite-en/css/./MullerMediumItalic.woff2') format('woff2'),
        url('/local/templates/svk-lite-en/css/./MullerMediumItalic.woff') format('woff'),
        url('/local/templates/svk-lite-en/css/./MullerMediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Segment A Key Trial Black';
    font-style: normal;
    font-weight: normal;
    src: local('Segment A Key Trial Black'), url('/local/templates/svk-lite-en/css/./TT_Bluescreens_Condensed_DemiBold.ttf') format('truetype');
    }
@font-face {
    font-family: 'Neue_soviet';
    font-style: normal;
    font-weight: normal;
    src: local('TT_Bluescreens_Condensed_DemiBold.ttf'), url('/local/templates/svk-lite-en/css/./TT_Bluescreens_Condensed_DemiBold.ttf') format('truetype');
    }



/* End */


/* Start:/local/templates/svk-lite-en/css/normalize.css?17660481415258*/
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,
menu,
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-color: 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 {
    -webkit-box-sizing: content-box;
    -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"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
    -webkit-box-sizing: content-box;
    -moz-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;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: #337ab7;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
figure {
    margin: 0;
}
img {
    vertical-align: middle;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.img-circle {
    border-radius: 50%;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
[role="button"] {
    cursor: pointer;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}
/* End */


/* Start:/local/templates/svk-lite-en/lib/bootstrap/bootstrap-grid.css?176604814011919*/
/*@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

/* End */


/* Start:/local/templates/svk-lite-en/lib/magnific-popup/magnific-popup.css?17660481405820*/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
/* End */


/* Start:/local/templates/svk-lite-en/lib/slider/simple-adaptive-slider.css?17660481402786*/
/**
  * SimpleAdaptiveSlider by Itchief v2.0.0 (https://github.com/itchief/ui-components/tree/master/simple-adaptive-slider)
  * Copyright 2020 - 2021 Alexander Maltsev
  * Licensed under MIT (https://github.com/itchief/ui-components/blob/master/LICENSE)
  */

/* стили для корневого элемента слайдера */
.itcss {
  position: relative;
  overflow: hidden;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* стили для wrapper */
.itcss__wrapper {
  position: relative;
  overflow: hidden;
  background-color: #eee;
}

/* стили для элемента, в котором непосредственно расположены элементы (слайды) */
.itcss__items {
  display: flex;
  transition: transform 0.5s ease;
}

/* класс для отключения transition */
.transition-none {
  transition: none;
}

/* стили для элементов */
.itcss__item {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
}

/* кнопки Prev и Next */
.itcss__control {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 50px;
  transform: translateY(-50%);
  display: none;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0.5;
  user-select: none;
}

.itcss__control_show {
  display: flex;
}

.itcss__control:hover,
.itcss__control:focus {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

.itcss__control_prev {
  left: 0;
}

.itcss__control_next {
  right: 0;
}

.itcss__control::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.itcss__control_prev::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.itcss__control_next::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* Индикаторы */
.itcss__indicators {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin: 0 15%;
  list-style: none;
  user-select: none;
}

.itcss__indicator {
  flex: 0 1 auto;
  width: 30px;
  height: 4px;
  margin-right: 3px;
  margin-left: 3px;
  background-color: rgba(255, 255, 255, 0.5);
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  cursor: pointer;
}

.itcss__indicator_active {
  background-color: #fff;
}

/* End */


/* Start:/local/templates/svk-lite-en/css/main.css?176604814282702*/
@import "/local/templates/svk-lite-en/css/template.css";




body {
 --prime: #FFCC00;
    --prime-hover: #c20016;
    --prime-dark: #c20016;
    --black: #444C56;
    --back: #F4F7FB;
    overflow-x: hidden;
    color: var(--black);
    font-family: 'Muller', sans-serif;

    --widthcontainer: calc(100% - 40px);
 cursor: url(/local/templates/svk-lite-en/css/../images/cursor.png), url(/images/cursor.cur), auto;
   }



a {font-family: 'Muller', sans-serif}
button, input, textarea {outline: none;}
a:hover {cursor: pointer; text-decoration: none; transition: .5s;}

a:focus, a:active {text-decoration: none}

.row-svk {display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}



.bx-breadcrumb {
    margin: 10px 0;
    padding-top: 10px;
}

.container {margin: 0 auto; width: var(--widthcontainer); max-width: 100%;}





header .container .info {display: none}


/*------general------*/


.prime {color: var(--prime);}
.center {text-align: center}

/*scrollbar*/
::-webkit-scrollbar {
     background-color: #f7f7f7;
}

::-webkit-scrollbar-thumb {
    background-color: var(--prime); 
}

::-webkit-scrollbar{
width: 8px;
}

.mobile {display: none}

body.noscroll {overflow: hidden }

.bigbanner video {min-height: 940px; width: auto!important}

/*---------------------*/

.overflow {
    background: #fffbfb29;
    backdrop-filter: blur(20px);
    height: 100vh;
    position: fixed;
    width: 100vw;
    display: none;
    z-index: 10;
}

.bx-breadcrumb .bx-breadcrumb-item a {color: var(--prime)}
.bx-breadcrumb .bx-breadcrumb-item span {font-family: 'Muller';}

.bcrumb .bx-breadcrumb {display: flex; align-items: center; flex-wrap: wrap;}
.bcrumb .bx-breadcrumb .bx-breadcrumb-item .slash {margin: 0 15px; opacity: .5 }
.bcrumb .bx-breadcrumb .bx-breadcrumb-item span {font-size: 16px; color: var(--greydark); font-weight: 500; transition: .5s;}
.bcrumb .bx-breadcrumb .bx-breadcrumb-item a:hover span {text-decoration: underline}
.bcrumb .bx-breadcrumb .dom {width: 48px; height: 48px; background:none; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.bcrumb .bx-breadcrumb .dom:hover {background: var(--yeldark);}
.bcrumb .bx-breadcrumb .bx-breadcrumb-item:first-of-type {margin-right: -10px;}

.bcrumb .bx-bc-mobile {display: none}
@media screen and (max-width: 768px){
  .bcrumb .bx-breadcrumb.nomobile {display: none}
  .bcrumb .bx-bc-mobile {display: flex; opacity: 0; height: 68px;}
   .bx-bc-mobile .bc-dropdown .fa {font-size: 26px; color: var(--greydark); position: relative; left: 7px; top: -3px;}
    .bx-bc-mobile {background: none; transition: .5s; border-radius: 10px; width: 100%; position: relative; z-index: 11;}
    .bx-bc-mobile.active {background: white;}
     .bx-bc-mobile .dropdown {background: white;position: absolute;top: 65px;padding: 20px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; width: 100%; display: flex; flex-direction: column}
  
    .bx-bc-mobile .dropdown .bx-breadcrumb-item {margin-bottom: 20px}
  .bcrumb .bx-breadcrumb .dom {position: relative; z-index: 9}
   .bcrumb .bx-bc-mobile {flex-wrap: nowrap!important;}
    .bc-dropdown {display: flex}
.bcrumb .bx-bc-mobile .bx-bc-last {
-ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 1;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    padding-right: 5px;
    line-height: 1;
}

}


/*base*/


body {
    --greydark: #282625;
    --greymid: #6b6b6b;
    --greylight: #dadada;
    --yeldark: #FFCC00;
    --yellight: #FFE792;
    --brown: #FF6B00;
    --salt: #E1FFA2;
    --sky: #B3E2EC;
    --skylight: #CEE9E1;
    background: #f9f9f9;
}

.h0 {
font-weight: 700;
font-size: 96px;
line-height: 96px;
letter-spacing: 0%;
color: var(--greydark);
}
h1, .h1 {
font-weight: 700;
font-size: 72px;
line-height: 74px;
letter-spacing: 0%;
color: var(--greydark);
}
h2, .h2 {
font-weight: 500;
font-size: 54px;
line-height: 54px;
letter-spacing: 0%;
color: var(--greydark);
}
h3, .h3 {
font-weight: 500;
font-size: 42px;
line-height: 48px;
letter-spacing: 0%;
color: var(--greydark);
}
h4, .h4 {
font-weight: 500;
font-size: 32px;
line-height: 32px;
letter-spacing: 0%;
color: var(--greydark);
}
h5, .h5 {
font-weight: 500;
font-size: 28px;
line-height: 28px;
letter-spacing: 0%;
color: var(--greydark);
}
h6, .h6 {
font-weight: 500;
font-size: 24px;
line-height: 24px;
letter-spacing: 0%;
color: var(--greydark);
}
p 
{
    color: var(--greydark);
}

@media screen and (max-width: 1280px){
    h2, .h2, h1, .h1 {font-size: 54px; line-height: 1.1}
    h3, .h3 {font-size: 32px; line-height: 1.1}
    h4, .h4 {font-size: 24px; line-height: 1.1}
}

@media screen and (max-width: 768px){
  h2, .h2, h1, .h1 {font-size: 32px; font-weight: 500}
}


@media screen and (max-width: 768px){
  .mobile {display: block}
  .container {width: calc(100% - 24px)}
}

::selection {background: var(--yeldark)}

/*btns*/

.btn-general {border: none; background: var(--yeldark); color: var(--greydark); font-size: 18px; font-weight: 700; border-radius: 24px; height: 48px; padding: 4px 74px 4px 20px; display: flex; align-items: center; position: relative; line-height: 1}
.btn-general:after {content: ''; height: 40px; width: 40px; background: #ffcc02; position: absolute; right: 4px; border-radius: 50%; top: 4px; transition: .5s; background-image: url(/images/arrow.svg); background-size: 20px; background-position: center; background-repeat: no-repeat}
.btn-general span {display: block}
.btn-general:hover span {
    -webkit-animation: shake .5s ease-in-out;
  animation: shake .5s ease-in-out;
}
.btn-general:hover:after {background-color: white}
.btn-general:hover {color: var(--greydark);}

.btn-general:active, .btn-general:focus {color: var(--greydark); text-decoration: none}


/*prefooter*/

.prefooter {background: white; padding: 80px 0; padding-bottom: 120px; border-top-left-radius: 48px; border-top-right-radius: 48px; }
.prefooter .text {font-size: 24px; color: black; font-weight: 500; line-height: 24px}
.prefooter .container {display: flex; justify-content: space-between; align-items: center}
.prefooter .container:before, .prefooter .container:after {display: none}
.prefooter .form {width: 70%;}
.prefooter .form form {display: flex; justify-content: flex-end; position: relative; }
.prefooter .form input {width: 100%; background: #f2f2f2; height: 72px; border: none; border-radius: 48px; font-size: 24px; padding-left: 20px; font-weight: 500}
.prefooter .form form .btn {position: absolute; right: 12px; top: 12px;}

.prefooter .form input {transition: .5s;}
.prefooter .form input::placeholder {transition: .5s;}
.prefooter .form input:focus {border: 1px solid var(--yeldark)}
.prefooter .form input:focus::placeholder {color: #dadada}

@media screen and (max-width: 768px){
    .prefooter .container {flex-wrap: wrap}
    .prefooter .text {font-size: 16px; line-height: 1.2; margin-bottom: 20px; max-width: 270px}
    .prefooter .text br {display: none}
    .prefooter .form {width: 100%}
    .prefooter .form form .btn span {display: none}
     .prefooter .form form .btn {padding: 0; width: 48px; border-radius: 50%; top: 4px; right: 6px}
    .prefooter .form input {height: 56px; font-size: 16px}
    .prefooter {padding-top: 60px; padding-bottom: 30px}
}

/*footer*/

footer {background: white;}
footer .container {display: flex;}
footer .left {width: 45%; display: flex; gap: 20px}
footer .center {width: 30%}
footer .right {width: 25%}
footer .left .menu {width: 40%}
footer .menu ul li {padding: 0; background: none; text-align: left}
footer .menu ul li a {color: var(--greydark)!important; font-size: 24px; font-weight: 500; padding: 3px 0; display: inline-block}
footer > .container { border-top: 2px solid var(--yeldark); }
footer .menu {padding-top: 30px; padding-bottom: 100px}
footer .center {border-left: 2px solid var(--yeldark); border-right: 2px solid var(--yeldark); padding: 0 20px}
footer .right {padding: 0 20px}
footer .down .left img {width: 166px}
footer .down .container > div {padding-bottom: 20px}
footer .down .center p, footer .down .center a {margin: 0; text-align: left; font-size: 16px; color: var(--greymid); font-weight: 500;}
footer .down .right img {width: 271px; max-width: 90%}
footer .down .right {display: flex; align-items: flex-end}
footer .down .left {display: flex; align-items: flex-end}
footer .down .center {display: flex; flex-direction: column; justify-content: flex-end}

footer .menu ul li a {position: relative; transition: .5s; left: 0; top: 0px;}
footer .menu ul li a:before {width: 5px; height: 5px; background: var(--yeldark); content: ''; position: absolute; border-radius: 50%; left: -10px; top: 40%; opacity: 0; transition: .6s;}
footer .menu ul li a:hover {left: 10px; top: 3px;}
footer .menu ul li a:hover:before {opacity: 1;}

footer .down .right img {filter: grayscale(1); transition: .5s;}
footer .down .right a:hover img {filter: none}

@media screen and (max-width: 1600px){
    footer .menu ul li a {font-size: 18px}
    footer .down .center p, footer .down .center a {font-size: 13px}
}

@media screen and (max-width: 768px){
    footer .container {flex-wrap: wrap;}
    footer .left {width: 100%;flex-wrap: wrap;}
    footer .center {width: 100%;border-left:  none;border-right: none;padding: 0; border-bottom: 2px solid var(--yeldark)}
    footer .right {width: 100%;padding: 0; border-bottom: 2px solid var(--yeldark); margin-bottom: 20px}
    footer .menu {padding-bottom: 20px; padding-top: 20px}
    footer .left .menu {width: 100%; border-bottom: 2px solid var(--yeldark)}
    footer .down .container .left {order: 2; width: 100px}
    footer .down .container .center {border-bottom: none; order: 1; }
    footer .down .container .right {border-bottom: none; order: 2; width: 230px; margin-bottom: 0; text-align: right }
    footer .down .left img {width: 96px; }
    footer .down .right img {width: 225px}
    footer .down .container {align-items: center; justify-content: space-between}
}

/*end*/

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
  }

  20% {
    -webkit-transform: translateX(-3px);
  }

  40% {
    -webkit-transform: translateX(3px);
  }

  60% {
    -webkit-transform: translateX(-3px);
  }

  80% {
    -webkit-transform: translateX(3px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-3px);
  }

  40% {
    transform: translateX(3px);
  }

  60% {
    transform: translateX(-3px);
  }

  80% {
    transform: translateX(3px);
  }

  100% {
    transform: translateX(0);
  }
}


/* smallbanner */
.smallbanner {margin-bottom: -40px}
.smallbanner {min-height: 720px; background-size: cover; padding-top: 100px}
.smallbanner .info {display: flex; }
.smallbanner .info .right {width: 40%;}
.smallbanner .info .left {width: 60%; padding-right: 50px}
.smallbanner .info .right .image {width: 100%; height: 464px; background-size: cover; border-radius: 250px}

.smallbanner h1 {max-width: 90%}

.smallbanner .info .left .minianons {font-size: 18px}

@media screen and (max-width: 1600px){
    .smallbanner .info .right {width: 45%;}
    .smallbanner .info .left {width: 55%;}
}

@media screen and (max-width: 1280px){
     .smallbanner .info .right {width: 50%;}
    .smallbanner .info .left {width: 50%;}
    .smallbanner {min-height: 556px}
    .smallbanner .info .right .image {height: 364px; margin-bottom: 60px}
}

@media screen and (max-width: 768px){
    .smallbanner .info {flex-wrap: wrap}
    .smallbanner .info .right {width: 100%}
    .smallbanner .info .left {width: 100%; margin-bottom: 60px}
    .smallbanner .info .right .image {height: 218px; border-radius: 32px}
    .smallbanner h1 {font-size: 42px; margin-top: 0;}
}

/*fos*/
.fos {background-color: var(--greylight); padding-bottom: 100px; margin-bottom: -50px; border-top-left-radius: 48px; border-top-right-radius: 48px; background-image: url(/images/fosback.png); background-repeat: no-repeat; background-position: right;}
.fos .container {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch}
.fos .container h2 {width: 100%}
.fos .container .left {width: 64%;}
.fos .container .right {width: 34%;}

.fos form {background: white; border-radius: 48px; padding: 20px;}
.fos .container .right {display: flex; flex-direction: column; justify-content: space-between; padding-left: 10px}
.fos .qiuckpage > p {font-size: 16px; font-weight: 500}
.fos .qiuckpage .list {display: flex; flex-wrap: wrap;}
.fos .qiuckpage .list a {font-size: 18px; color: var(--greydark); font-weight: 500; padding: 8px 14px; margin-bottom: 10px; background: var(--sky); margin-right: 12px; border-radius: 24px}
.fos .qiuckpage .list a:nth-child(2) {background: var(--skylight)}
.fos .qiuckpage .list a:nth-child(3) {background: var(--yellight)}
.fos .qiuckpage .list a:nth-child(5) {background: var(--skylight)}
.fos .qiuckpage .list a:nth-child(6) {background: var(--yellight)}
.fos .manager {text-align: right; padding-top: 40px}
.fos .manager p {font-weight: 500; font-size: 24px}
.fos form {padding-top: 40px; padding-bottom: 80px}
.fos form input {width: 100%; height: 36px; padding: 6px 12px; margin-bottom: 20px; border: none; border-bottom: 1px solid #6B6B6B; border-radius: 24px; transition: .5s; font-size: 18px; color: var(--greydark);}
.fos form textarea {width: 100%; height: 90px; padding: 6px 12px; margin-bottom: 10px; border: none; border-bottom: 1px solid #6B6B6B; border-radius: 48px; resize: none; transition: .5s; font-size: 18px; color: var(--greydark);;
    max-height: 90px;
    overflow-y: auto; padding-top: 30px }
.fos form input:hover {border-color: var(--yeldark)}
.fos form textarea:hover {border-color: var(--yeldark)}
.fos form .btns {text-align: center;}
.fos form .btns button {background: none; border: none; font-size: 18px; font-weight: 500;}
.fos form .line {position: relative;}

.fos form .icon {width: 20px; height: 20px; position: absolute; top: 8px; right: 16px; background-repeat: no-repeat; background-position: center;}
.line-name .icon {background-image: url(/images/icon-fio.svg)}
.line-company .icon {background-image: url(/images/icon-company.svg)}
.line-phone .icon {background-image: url(/images/icon-phone.svg)}
.line-email .icon {background-image: url(/images/icon-email.svg)}
.fos .line-comment .icon {background-image: url(/images/icon-comment.svg); top: 30px;}
.fos form button .icon {background-image: url(/images/icon-mail.svg); position: static; margin-left: 30px;}
.fos form button {position: relative; display: inline-flex; align-items: center}
.fos form .btns {margin-top: 40px}

.fos form button .icon {border-radius: 50%; height: 48px; width: 48px; transition: .5s; margin-left: 10px}
.fos form button:hover .icon {background-color: #dadada}

.fos .qiuckpage .list a:hover {transform: scale(1.07)} 

.fos .manager {position: sticky; top: 50px; margin-bottom: 150px}

.btn-opacity {max-width: 270px; display: flex; justify-content: flex-end; float: right; border: 1px solid var(--greydark); padding: 12px 24px; border-radius: 36px; color: var(--greydark); font-size: 18px; align-items: center; font-weight: 500}
.btn-opacity.btn-tg .icon {background-image: url(/images/icon-tg.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 16px;}

.btn-opacity {position: relative;} 
.btn-opacity .icon { transition: .5s; filter: none; position: relative; z-index: 1; left: 0px}
.btn-opacity:after {transition: .5s; width: 4px; height: 0px; background: #6B6B6B; left: 20px; top: 50%; transform: translateX(20px); border-radius: 50%; position: absolute; content: ''; }
.btn-opacity:hover:after {height: 44px; width: 44px; top: 3px; left: 5px; transform: translateX(0);}
.btn-opacity:hover .icon {filter: invert(1); left: -8px}
.btn-opacity span {position: relative; left: 0; transition: .5s;}
.btn-opacity:hover span {left: -5px; color: #282625}
.btn-opacity:hover {box-shadow: -0.2px 0.2px 0px 1px #282625}
.btn-opacity .icon {background-image: url(/images/arrow.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 16px;}
.btn-opacity:active, .btn-opacity:focus {color: var(--greydark); text-decoration: none}

.cont-company-list .btn-email span {font-weight: 500 -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 1;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    padding-right: 0px;}

.fos form input.incorrect {border-color: red}
.fos form input.correct {border-color: var(--yeldark)}


.fos input::placeholder {
  font-size: 18px; color: #dadada;
}
.fos textarea::placeholder {
  font-size: 18px; color: #dadada;
}

.field__wrapper {
  width: 100%;
  position: relative;
  margin: 0 auto!important;
  text-align: center;
  
}
 
.field__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
 
.field__file-wrapper {
  margin-top: 10px;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* flex-wrap: wrap; */
     border: 1.5px dashed #DADADA;
    border-radius: 20px;
}
 
.field__file-fake {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #dadada;
  justify-content: center;

}

 .field__file-wrapper:hover {cursor: pointer} 

.field__file-wrapper{display: flex!important}
 
.field__file-button {
  position: static;
  width: 40px;
  height: 40px;
  background: url(/images/screp.svg) no-repeat;
    background-position: center;
  /* font-size: 1.125rem; */
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.field__file-button.fine {background-image: url(/images/screpfine.svg)}
.field__file-fake.fine {color: #6b6b6b; font-weight: 400}

@media screen and (max-width: 1600px){
   .fos .qiuckpage .list a {font-size: 15px;}
}
@media screen and (max-width: 1380px){
  .fos .manager {margin-bottom: 210px}
}

@media screen and (max-width: 1150px){
  .fos .manager {margin-bottom: 240px}
}
@media screen and (max-width: 768px){
  .fos .container .left {width: 100%}
.fos .container .right {width: 100%;padding-left: 0;}
    .fos .manager p {font-size: 20px; line-height: 1.3}
    .fos .manager {position: static;margin-bottom: 20px;}
    .fos {background-position: right bottom}
    .fos form textarea, .fos form input, .fos input::placeholder, .fos textarea::placeholder {font-size: 16px}
    .fos form {padding-bottom: 40px}
    .fos {padding-top: 40px; overflow: hidden;}
}

/*opit*/

.opit .container {display: flex; flex-wrap: wrap; align-items: stretch;}
.opit .container h2{width: 100%; border-bottom: 1px solid var(--yeldark); padding-bottom: 30px}
.opit .container .right {width: 40%;}
.opit .container .left {width: 60%;}
.opit .tag {background: #ffe792; display: inline-block; padding: 4px 12px; border-radius: 12px; font-weight: 500;}
.opit h3 {line-height: 1.1; margin-bottom: 10px; margin-top: 28px}
.opit .btns {margin-top: 40px}
.opit .btns .btn {display: inline-flex}
.opit .diagram {position: relative; top: -100px}
.opit {margin-bottom: -150px}

.arc  {transition: .5s;}
.arc path {transition: .5s;}
.arc:hover {transform: scale(1.05)}
.arc:hover path {fill: var(--yeldark);}
.arc path{filter: grayscale(1)}
.arc:hover path {filter: none}

.axis {overflow: visible!important}
.pleft {text-align: right; margin: 0; padding: 10px}
.opit .diagram {position: relative; top: -100px; margin-bottom: 100px; left: 50px; /*overflow: hidden;*/ padding-left: 150px}
.arc text {fill: #DADADA; font-size: 1.3rem; transition: .5s}
.arc circle {fill: #6B6B6B;}
.arc:hover text {fill: black;}
.pleft, .pright {color: #6B6B6B;}
.pleft {text-align: center}
.pright {padding-left: 20px}
.opit .diagram1280 {display: none}

@media screen and (max-width: 1600px){
   .opit .diagram {left: -20px; padding-left: 100px}
}

@media screen and (max-width: 1280px){
.opit .container .right {width: 400px}
.opit .container .left {width: calc(100% - 420px)}
.opit .container {justify-content: space-between}
 .opit .diagram {display: none}
    .opit .diagram1280 {position: relative; left: 100px; display: block;}
    .opit {margin-bottom: 40px}
    .opit .right {background: #f9f9f9; position: relative; z-index: 1}
}

@media screen and (max-width: 768px){
  .opit .diagram1280 {display: none}
.opit .diagram {display: none}
.opit {margin-bottom: 40px}

.opit .container .left {width: 100%}
.mobdiag {display: flex; flex-direction: column-reverse; align-items: flex-end;}
    .mobdiag .item {text-align: right; display: flex; flex-direction: column; align-items: flex-end; width: 100%}
    .mobdiag .item .rate {font-size: 16px; margin: 0; font-weight: 500; color: #7A5800; opacity: 0}
    .mobdiag .item .graf {background: var(--yeldark); min-height: 44px; padding: 0px 10px; margin-bottom: 10px; display: flex; justify-content: flex-end; border-top-left-radius: 32px; border-bottom-left-radius: 32px; }

    .mobdiag .item .graf p {margin: 0; font-size: 12px; height: 35px; display: flex; align-items: center; line-height: 1}
    .mobdiag .item .graf {align-items: center; margin-top: 5px; padding: 5px 10px; margin-right: -12px; padding-right: 12px}
}

@media screen and (max-width: 1682px){
    .opit .diagram {left: -50px}
}
@media screen and (max-width: 1600px){
    .opit .diagram {left: -20px}
}
@media screen and (max-width: 1500px){
    .opit .diagram {left: -40px}
}
@media screen and (max-width: 1475px){
    .opit .diagram {display: none}
    .opit .diagram1280 {position: relative; left: 100px; display: block;}
    .opit {margin-bottom: 40px}
}
@media screen and (max-width: 1180px){
    .opit .container .left {width: 100%}
    .opit .diagram1280 {margin: auto; text-align: center; left: 0}
    .opit .container .right {width: 100%}
}
@media screen and (max-width: 768px){
    .opit .diagram1280 {display: none}
}


/*history*/

   .history .swiper-grid-column>.swiper-wrapper {
    display: grid!important;
    grid-template-rows: 1fr 1fr!important;
    grid-auto-flow: column!important;
}
.history {overflow: hidden;}

.history-slider {padding-right: 144px; padding-left: 20px;}
.history-item {height: 100%; display: flex; align-items: center; position: relative; left: 124px;}
.history-item .img {height: 124px; width: 124px; background-size: cover!important; margin-right: 10px; filter: grayscale(1); transition: .5s; border-radius: 50%;}
.history-item .info {width: calc(100% - 134px)}
.slide-bot .history-item {left: 0; border-bottom: 0}
.swiper-slide { border-bottom: 1px solid #6B6B6B}
.slide-bot {border-bottom: 0}
.history-item .info .year {position: absolute; font-size: 172px; font-family: 'Segment A Key Trial Black'; color: #dadada; top: -32px; left: 144px; transition: .5s;}
.history-item .info .icon {position: absolute; top: 200px; left: 144px}
.history-item .info {padding-top: 150px; padding-left: 65px}
.history-item .info .name {font-size: 24px; line-height: 1; margin: 0; position: relative; transition: .5s;}
.history-item:hover .year {color: var(--yeldark)}
.history-item:hover .name {color: #6B6B6B }
.history-item:hover .img {filter: none}
.history-item .info p:last-of-type {-ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 4;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    padding-right: 5px;}

.history-item .img{position: relative;}
.history-item .img:after {height: 91px; width: 1px; position: absolute; content: ''; left: 61px; top: 124px; background: #6B6B6B}
.slide-bot .history-item .img:after {top: -91px}

.history {background: white; border-radius: 48px; padding-bottom: 50px}
.history .container {display: flex; justify-content: space-between; align-items: baseline}
.history .container .btns {position: sticky;width: 147px;display: flex;align-items: center;justify-content: space-between;top: 100px; z-index: 98}
.history .container:after, .history .container:before {display: none}
.history .swiper-button-prev:after {background-color: var(--yeldark); width: 48px!important; height: 48px!important; content: ''; border-radius: 50%; background-image: url(/images/arrow.svg); background-repeat: no-repeat; background-size: 16px; background-position: center; transform: rotate(180deg); transition: .5s; border: 1px solid transparent}
.history .swiper-button-next:after {background-color: var(--yeldark); width: 48px!important; height: 48px!important; content: ''; border-radius: 50%; background-image: url(/images/arrow.svg); background-repeat: no-repeat; background-size: 16px; background-position: center; transition: .5s; border: 1px solid transparent}
.history .swiper-button-prev, .history .swiper-button-next {width: 48px; height: 48px;}
.history .swiper-button-prev:hover:after, .history .swiper-button-next:hover:after {background-color: white; border: 1px solid var(--yeldark)}

@media screen and (max-width: 768px){
.history-slider {padding-right: 30px}
.history-item {left: 30px;}
.history-item .info .year {font-size: 96px}
.history-item .img {width: 92px; height: 92px}
.history-item .info .icon {display: none}
.history-item .info {width: calc(100% - 100px); padding-left: 15px}
.history-item .info .year { top: 26px; left: 115px;}
.history-item .img:after {height: 101px; left: 47px; top: 91px;}
.slide-bot .history-item .img:after {top: -100px;}
.history .container .btns {position: relative; top: -10px}
.history .swiper-grid-column>.swiper-wrapper {margin-top: -40px}
.history .container .btns {width: 127px}
}
/*bigbanner*/
/*bigbanner*/
.bigbanner {height: 1080px; background: grey; position: relative;}
.bigbanner h1 {text-transform: uppercase; font-family: 'Segment A Key Trial Black'; font-size: 172px; line-height: 0.8; color: white; font-weight: 400}
.bigbanner h1 a {font-family: 'Segment A Key Trial Black';}
.bigbanner h1 span {display: block}
.bigbanner h1 span:nth-child(2) {padding-left: 155px}
.bigbanner h1 span:nth-child(3) {padding-left: 276px}
.bigbanner .goldy {color: var(--yeldark);}
.bigbanner h1 {position: absolute; bottom: 50px}

.bigbanner {overflow: hidden}
.bigbanner video {width: 100%; position: absolute; top: 0; left: 0;}

.arrow-down {position: absolute; width: 56px; height: 65px; background: url(/images/arrow-down.svg) no-repeat; z-index: 9; left: 20px; bottom: 100px; transition: .5s; animation: bounce; animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;}

@keyframes bounce {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
 
    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
 
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.bigbanner h1 span {opacity: 0}
.arrow-down {opacity: 0}
@media screen and (min-width: 1900px){
.bigbanner video {height: auto; width: 100%!important}
}

@media screen and (max-width: 1700px){
  .bigbanner {height: 880px;}
.bigbanner h1 {text-transform: uppercase; font-family: 'Segment A Key Trial Black'; font-size: 138px; line-height: 0.8; color: white}
.bigbanner h1 span:nth-child(2) {padding-left: 100px}
.bigbanner h1 span:nth-child(3) {padding-left: 252px}
}

@media screen and (max-width: 768px){
.bigbanner h1 {font-size: 96px; text-align: right;}
.bigbanner h1 span {padding: 0; padding-left: 0!important}
 .bigbanner video {height: 100%; width: auto}
}


.newspage .bigbanner {background-image: url(/images/newsheroback.png); background-size: cover; background-color: #dadada;}
.bigbanner {padding-top: 100px}
.newspage .bigbanner h1 {position: static; margin-top: 20px}
.newspage .bigbanner .info {display: flex; justify-content: space-between;}
.newspage .bigbanner .info .left {width: 48%;}
.newspage .bigbanner .info .right {width: 48%;}

.newspage .bigbanner .bb-new-list {display: flex; flex-wrap: wrap;}
.newspage .bigbanner .bb-new-list .item {width: 50%; position: relative; border-radius: 10px; background: white; transition: .5s; overflow: hidden;}
.newspage .bigbanner .bb-new-list .item .info {flex-direction: column; padding: 15px}
.newspage .bigbanner .bb-new-list .item .info p {margin: 0}
.newspage .bigbanner .bb-new-list .item .info .data {font-weight: 500;}
.newspage .bigbanner .bb-new-list .item .info .name {font-weight: 500; margin-bottom: 20px}
.newspage .bigbanner .bb-new-list .item .info .btns {margin-top: 20px}
.newspage .bigbanner .bb-new-list .item:hover {border-radius: 36px}
.newspage .bigbanner .bb-new-list .item .image { position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: .5s; background-size: cover; background-position: center center}
.newspage .bigbanner .bb-new-list .item .info .btns {position: relative; z-index: 2}
.newspage .bigbanner .bb-new-list .item:hover .image {opacity: 1}
.newspage .bigbanner .bb-new-list .item:hover .btn-arrow{width: 152px; background: var(--yeldark)}
.newspage .bigbanner .bb-new-list .item:hover .btn-arrow .text {width: auto; opacity: 1; padding-left: 20px; padding-right: 10px ; display: block; color: var(--greydark)}
.newspage .bigbanner .bb-new-list .item:hover .btn-arrow .arrow {background-color: var(--yeldark)}

.newspage .bigbanner .bb-new-list .item .info p.text {font-size: 22px; line-height: 1; font-weight: 500
                                                    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 4;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    padding-right: 5px; 
 }

 .newspage .bigbanner .bb-new-list {margin-top: 200px}
@media screen and (max-width: 1600px){
   .newspage .bigbanner .bb-new-list {margin-top: 0px}
}

@media screen and (max-width: 1280px){
     .newspage .bigbanner .bb-new-list .item:nth-child(4) {display: none}
    .newspage .bigbanner .bb-new-list .item:nth-child(3) {display: none}
    .newspage .bigbanner .bb-new-list {flex-direction: column; align-items: flex-end}
}

@media screen and (max-width: 768px){
.newspage .bigbanner .bb-new-list {display: none}
.newspage .bigbanner .info {flex-wrap: wrap}
.newspage .bigbanner .info .left {width: 100%}
}
/* search */
.search {background: white;position: relative;top: -50px;z-index: 9; border-radius: 48px; padding: 60px 0; margin-bottom: -40px }
.search .container {display: flex; justify-content: space-between}
.search .container:after, .search .container:before {display: none}
.search .container .left {width: 48%;}
.search .container .right {width: 48%;}
.search .qiuckpage .list a:hover {transform: scale(1.07)} 
.search .qiuckpage > p {font-size: 16px; font-weight: 500}
.search .qiuckpage .list {display: flex; flex-wrap: wrap;}
.search .qiuckpage .list a {font-size: 18px; color: var(--greydark); font-weight: 500; padding: 8px 14px; margin-bottom: 10px; background: var(--sky); margin-right: 12px; border-radius: 24px}
.search .qiuckpage .list a:nth-child(2) {background: var(--skylight)}
.search .qiuckpage .list a:nth-child(3) {background: var(--yellight)}
.search .qiuckpage .list a:nth-child(6) {background: var(--skylight)}
.search .qiuckpage .list a:nth-child(4) {background: var(--yellight)}
.search .form {position: relative; margin-top: 20px}
.search .form a {position: absolute; background: var(--greydark); width: 48px; height: 48px; border-radius: 50%; right: 8px; top: 9px; background-image: url(/images/search.svg); background-repeat: no-repeat; background-position: center}
.search .form input {width: 100%; border: none; border-bottom: 2px solid var(--greydark); height: 65px; border-radius: 30px; padding: 17px; font-size: 34px;}
.search input::placeholder {
  font-size: 34px; color: var(--greydark); transition: .5s;
}
.search input:hover::placeholder {color: #dadada}

@media screen and (max-width: 1280px){
    .search .container {flex-wrap: wrap;}
    .search .container .left {width: 100%}
    .search .container .right {width: 100%; margin-top: 20px}
}

/* news-list */
.news-list {background: white; border-radius: 48px; position: relative; top: -50px}
.news-list .mainline {display: flex; align-items: center; justify-content: space-between}
.news-list .mainline .news-list-panel {display: flex;}
.news-list .mainline .news-list-panel .btn {float: none; margin-left: 5px}
.news-list .mainline .news-list-panel .btn.active {border-color: var(--yeldark)}
.news-list .mainline .news-list-panel .btn.active:hover {border-color: var(--greydark)} 
.btn-opacity.btn-nl-all .icon {background-image: url(/images/nl-icon-all.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 16px;}


.news-list-item .btns {display: flex; justify-content: flex-end} 
.news-list-item {display:flex; align-items: stretch; border-bottom: 1px solid var(--yeldark); padding: 15px 0;}
.news-list-item .image {width: 25%; height: 100%; height: 240px; background-size: cover; transition: .5s; border-radius: 10px;}
.news-list-item .info {width: 25%; height: 100%; padding: 0 10px; padding-left: 20px}
.news-list-item .description {width: calc(50% - 100px); color: var(--greydark); padding: 0 10px;}
.news-list-item .btns {width: 180px}
.news-list {padding-bottom: 50px}
.news-list-item .info p {font-size: 28px; font-weight: 500; line-height: 1}
.news-list-item .info .tag {font-weight: 500; font-size: 16px; line-height: 1; background: #d3d3d3; display: inline-block; padding: 5px 12px; border-radius: 12px; margin-top: 0; margin-bottom: 0}

.news-list-item:hover .image {border-radius: 48px}
.news-list-item:hover .btn-arrow{width: 152px; background: var(--yeldark)}
.news-list-item:hover .btn-arrow .text {width: auto; opacity: 1; padding-left: 20px; padding-right: 10px ; display: block; color: var(--greydark)}
.news-list-item:hover .btn-arrow .arrow {background-color: var(--yeldark)}

.news-list-item .tag-col-1 {background-color: #F6E39E!important}
.news-list-item .tag-col-2 {background-color: #FFE792!important}
.news-list-item .tag-col-3 {background-color: #B3E2EC!important}

.news-list-item .tag-col-11 {background-color: #B3E2EC!important}
.news-list-item .tag-col-21 {background-color: #CFE9E1!important}
.news-list-item .tag-col-31 {background-color: #FFE792!important}
.news-list-item .tag-col-41 {background-color: #F6E39E!important}
.news-list-item .tag-col-51 {background-color: #E1FFA3!important}

.companypage .news-list-item .info {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 270px;}
.news-list-item .info .prop {flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end}
.news-list-item .info .prop p {margin: 0; color: #6B6B6B; font-size: 20px;}
.news-list-item .info .prop p.site span {text-decoration: underline; color: #6b6b6b;}


/*.news-list {border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-bottom: 0}
.news-list {background: none}
.news-list .mainline {background: white; border-top-left-radius: 48px; border-top-right-radius: 48px; padding: 0 20px}
.news-list .list {background: white; padding-bottom: 50px; border-bottom-left-radius: 48px; border-bottom-right-radius: 48px; padding: 0 20px}*/
.news-list .load_more {background: white; height:96px; border-radius: 48px; border: none; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px}
.news-list .load_more .icon {width: 40px; height: 40px; background: url(/images/plus.svg) no-repeat; background-position: center; margin-left: 20px; border-radius: 50%; transition: .5s}
.news-list .list .message {margin: 0; padding: 20px}

.news-list .load_more:hover .icon { background-color: #DADADA; }

.news-list .mainline .news-list-panel.mobile {display: none}


@media screen and (max-width: 1600px){
    .news-list-item .info p {font-size: 24px}
}
@media screen and (max-width: 1480px){
.news-list .mainline .news-list-panel {flex-wrap: wrap; max-width: 700px; justify-content: flex-end}
.news-list .mainline .news-list-panel a {margin-bottom: 10px}
}
@media screen and (max-width: 1280px){
.news-list .mainline .news-list-panel {flex-wrap: wrap; max-width: 700px; justify-content: flex-end}
.news-list .mainline .news-list-panel a {margin-bottom: 10px}
}

@media screen and (max-width: 768px){

.news-list .mainline {background: white; width: calc(100% + 40px); position: relative; left: -20px; top: -50px; border-radius: 48px; padding: 20px; flex-wrap: wrap}
.news-list .mainline h2 {width: 100%}
.news-list-item {flex-direction: column; width: 100%; background: white; border-bottom: none; padding: 0; border-radius: 10px; margin-bottom: 10px}
.news-list-item .image { width: 100%; height: 208px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 10px}
.news-list {background: none}
.news-list-item .info {width: 100%; padding: 10px;}
.news-list-item .description {width: 100%}
.news-list-item .info p {font-size: 16px}
.news-list-item .btns {width: 100%; margin: 20px 0; padding: 0 10px}
.news-list-item .btn-arrow {width: 100%; justify-content: space-between}
.news-list-item .btn-arrow .text {opacity: 1; color: var(--greydark); font-weight: 500; width: auto; padding-left: 15px}
.news-list .load_more {height: 52px}

  .companypage .news-list-item .info p {font-size: 24px; margin: 5px 0}
    .companypage .news-list-item .info p.tag {font-size: 16px; margin: 0; margin-bottom: 10px}
    .companypage .news-list-item .info .prop {display: none}
    .companypage .news-list-item .info {height: auto}
    .companypage .news-list-item .description {-ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 8;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    padding-right: 5px;}

    .news-list-item .mobile .prop {padding: 10px}
    .news-list-item .mobile .prop p {margin: 0; color: #6B6B6B; font-size: 16px;}
    .news-list-item .mobile .prop p.site span {text-decoration: underline}

.news-list .mainline .news-list-panel.nomobile {display: none!important}
.news-list .mainline .news-list-panel.mobile {display: block!important; max-width: 3000px; width: 100%}
.news-list .mainline .news-list-panel.mobile .swiper-slide {width: auto!important; height: auto!important;}
.news-list .mainline {overflow: hidden;}
.news-list .mainline .news-list-panel .btn.active {border-color: var(--yeldark)!important; box-shadow: none!important}

}

.btn-arrow .text {opacity: 0; width: 0; transition: .3s;  font-size: 16px}
.btn-arrow {background: var(--yeldark); display: flex; width: 48px; height: 48px; border-radius: 48px; transition: .5s; align-items: center; overflow: hidden }
.btn-arrow .arrow {width: 44px; height: 44px; background: url(/images/arrow.svg) no-repeat; background-position: center; display: block; transition: .5s; border-radius: 48px; background-color: var(--yeldark); float:right; }
.btn-arrow:hover {width: 152px; background: var(--yeldark)}
.btn-arrow:hover .text {width: auto; opacity: 1; padding-left: 20px; padding-right: 10px ; display: block; color: var(--greydark)}
.btn-arrow:hover .arrow {background-color: var(--yeldark)}


/*header*/
header {position: fixed!important; top: 20px; left: 0; z-index: 99; width: 100%; background: none; transition: .5s ease-in-out .2s;}
header .container {background: #c0c0c085; backdrop-filter: blur(20px); border-radius: 10px; display: flex; padding: 0 15px; height: 68px; align-items: center; transition: .5s linear; border: 0.3px solid white}
header .container .logo img {max-width: 166px}
header .container .menu {flex: 1}
header .container .info {margin-left: 40px}
header .container .menu ul {display: flex; justify-content: flex-end}
header.scroll { top: 0}
header.scroll .container {width: 100%; border-radius: 0; padding: 0 20px}
header #horizontal-multilevel-menu li a.root-item {font-weight: 500; font-size: 16px; border-bottom: 1px solid transparent;     line-height: 2;}
header #horizontal-multilevel-menu li {}
header #horizontal-multilevel-menu li a.root-item-selected {border-bottom: 1px solid var(--greydark); font-weight: 500; font-size: 16px}
header #horizontal-multilevel-menu li:hover a {color: var(--greydark)!important; border-bottom: 1px solid var(--greydark)}
header #horizontal-multilevel-menu li:hover {background: none!important; }

header #horizontal-multilevel-menu li ul.podmenu { width: 100%; left: 0; border-radius: 10px; background: white;  padding: 20px 0px; padding-right: 60%; padding-bottom: 40px; overflow: hidden; border: none; top: 67px}
header #horizontal-multilevel-menu li ul.podmenu li .description {position: absolute; left: 42%; top: -200px; transition: .5s linear .2s; font-size: 20px; line-height: 1; font-weight: 500; opacity: 0}
header #horizontal-multilevel-menu li ul.podmenu li a { font-size: 20px; font-weight: 500; padding: 10px}
header #horizontal-multilevel-menu li ul.podmenu:after {width: 1px; height: 100%; content: ''; position: absolute; left: cacl(40% - 1px); top: 0; background: var(--greydark)}
header #horizontal-multilevel-menu li ul.podmenu li:hover .description {opacity: 1; top: 0}
header #horizontal-multilevel-menu li.withlist:hover {background: white!important; border-top-left-radius: 10px; border-top-right-radius: 10px; }
header #horizontal-multilevel-menu li.withlist:hover a {border-color: transparent!important} 
header #horizontal-multilevel-menu li {height: 68px; align-items: center; display: flex}
header #horizontal-multilevel-menu li li {border-color: var(--greydark);}
header #horizontal-multilevel-menu li.withlist .fa {margin-left: 5px; font-size: 20px; position: relative; top: 2px}
header #horizontal-multilevel-menu li ul.podmenu li a {width: 100%; border: none!important; display: flex; justify-content: space-between; align-items: center;}
.btnmenu .text {opacity: 0; width: 0; transition: .5s; display: none; font-size: 16px}
.btnmenu {background:#6B6B6B; display: flex; width: 48px; height: 48px; border-radius: 48px; transition: .3s; align-items: center }
.btnmenu .arrow {width: 48px; height: 48px; background: url(/images/yelarrow.svg) no-repeat; background-position: center; display: block;}
header #horizontal-multilevel-menu li ul.podmenu li a:hover .btnmenu {width: 152px; background: var(--yeldark)}
header #horizontal-multilevel-menu li ul.podmenu li a:hover .btnmenu .text {width: auto; opacity: 1; padding-left: 20px; display: block;}
header #horizontal-multilevel-menu li ul.podmenu li a:hover .btnmenu .arrow {filter: brightness(0)}
header #horizontal-multilevel-menu li ul.podmenu  {box-shadow: 0px 10px 10px #0000001f}

header #horizontal-multilevel-menu li a {min-height: 40px}

header #horizontal-multilevel-menu li ul.podmenu {max-height: calc(100vh - 150px); overflow: auto}
header #horizontal-multilevel-menu li ul.podmenu:after {/* height: calc(100vh - 150px); */ display: none;}
header #horizontal-multilevel-menu li ul.podmenu li {border-right: 1px solid black!important}

@media screen and (max-width: 890px) {
header .menu #horizontal-multilevel-menu li a.root-item {padding: 5px; font-size: 14px; display: flex; align-items: center}
header .menu #horizontal-multilevel-menu li.withlist .fa {top: 0}
}

@media screen and (max-width: 768px) {
header .container .menu {display: none}
header .container .info {display: block}
    header .container {justify-content: space-between}
     header .container:after,  header .container:before {display: none}
       header .container .info .burger-btn .fa.fa-bars:before {content: '';}
    header .container .info .burger-btn .fa {width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px; background-position: center; position: relative;}
    header .container .info .burger-btn .fa.fa-bars{background-image: url(/images/burger.svg); top: 4px}

    /*megamenu*/
header .container .info .burger-btn .fa.fa-close {background-image: url(/images/bclose.svg); top: 4px;}
header .container .info .burger-btn .fa.fa-close:before {content: '';}
header .hidden .megamenu.active {display: flex; width: var(--widthcontainer); margin: auto; transition: .5s; height: calc(100vh - 168px); background: white; flex-direction: column; justify-content: space-between; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow-y: auto;}
header.scroll .hidden .megamenu.active {width: 100%;  height: calc(100vh - 168px); }
header .hidden .megamenu.active .menu {flex: 1;}
header .hidden .megamenu.active .soc li {background: none; padding: 0;}
header .hidden .megamenu.active .soc li a {font-size: 20px; line-height: 1.3; margin-bottom: 10px; display: inline-block; color: var(--greydark); font-weight: 500; padding-left: 10px }

 header .hidden .megamenu.active .menu li {background: none; border: none; padding: 0}
    header .hidden .megamenu.active .menu ul {background: #f2f2f2; padding-top: 20px; padding-bottom: 20px}
    header .hidden .megamenu.active .menu li a {padding: 15px; padding-left: 10px; font-size: 16px; line-height: 1.3; display: flex; align-items: center; min-height: 60px; color: var(--greydark); font-weight: 500; border-bottom: 1px solid var(--greydark); position: relative;}
    header .hidden .megamenu.active .menu li:last-of-type a {border-bottom: none}
    header .hidden .megamenu.active .menu li a:after {position: absolute; content: ''; width: 48px; height: 48px; border-radius: 50%; background-color: #6B6B6B; right: 10px; background-image: url(/images/yelarrow.svg); background-repeat: no-repeat; background-position: center}

.bsearch {background: #f2f2f2}
.bsearch .form {position: relative; margin-top: 20px; margin-bottom: 20px; padding: 0 10px}
.bsearch .form a {position: absolute; background: var(--greydark); width: 48px; height: 48px; border-radius: 50%; right: 14px; top: 5px; background-image: url(/images/search.svg); background-repeat: no-repeat; background-position: center}
.bsearch .form input {width: 100%; border: none; border-bottom: 2px solid var(--greydark); height: 65px; border-radius: 30px; padding: 17px; font-size: 34px; background: #f2f2f2}
.bsearch input::placeholder {font-size: 24px; color: var(--greydark); transition: .5s;}

header .container {height: 48px}
header #horizontal-multilevel-menu li ul.podmenu {top: 47px;}
header .container .logo img {/* height: 24px; */}

}


/*contacts*/
.mymarker {display: flex; width: 588px; align-items: center;}
.mymarker span {background: var(--yeldark); min-height: 48px; border-radius: 48px; font-size: 18px; display: flex; align-items: center; padding: 10px 22px; font-weight: 700; }

.map-wrapper {position: relative;}
.map-wrapper .info {position: absolute; top: 15px; left: 15px; z-index: 9; background: #ffffff6e; backdrop-filter: blur(8px); border-radius: 48px; padding: 24px; width: 595px;}
.map-wrapper .info p {font-size: 32px; margin: 0; font-weight: 500px; margin-bottom: 30px; line-height: 1}
.map-wrapper .info p a {color: var(--greydark); text-decoration: underline}
.map-wrapper .info h3 {margin: 0; margin-top: 10px; margin-bottom: 20px}
.map-wrapper .info p a:hover {color: var(--yeldark)}
.map-wrapper .info .btn {max-width: 430px}

.map-wrapper .info .btn:after {background-image: url(/images/organisicon.svg)}

.ymaps3x0--marker:after {position: absolute; content: ''; background: none; width: 100%; height: 100%; top: 0; left: 0;}


@media screen and (max-width: 768px){
 .map-wrapper {padding-bottom: 130px}
    .map-wrapper .info {width: 100%; left: 0px; top: auto; bottom: 0; padding: 20px 10px; background: #dadada}
    .map-wrapper .info h3 {font-size: 24px}
    .map-wrapper .info p {font-size: 16px; margin-bottom: 15px}
    .map-wrapper .info .btn {font-size: 12px}
    #map {height: 490px!important;}
    .mymarker span {display: none}
}

/*team*/

.team  .swiper-grid-column>.swiper-wrapper {
    display: grid!important;
    grid-template-rows: 1fr 1fr 1fr!important;
    grid-auto-flow: column!important;
}

.team {margin-top: 40px; --height-slider-team: 448px; }
.team-slider {height: calc((var(--height-slider-team) + 16) * 3)!important}
.team-item {height: 448px; display: flex; align-items: flex-start; position: relative;  }
.team-item .img {height: 100%; width: 48%; background-size: cover!important; background-position: center;   transition: .5s; }
.team-item .info {width: 52%; padding: 16px;}
.team .swiper-slide { border-bottom: none}
.team .container:first-of-type p {width: calc(100% - 200px); font-size: 24px; font-weight: 500; line-height: 1.2}
.team .container:first-of-type {display: flex; justify-content: space-between; align-items: baseline}
.team .container .btns {position: sticky;width: 147px;display: flex;align-items: center;justify-content: space-between;top: 100px; z-index: 97}
.team .container:after, .team .container:before {display: none}
.team .swiper-button-prev:after {background-color: var(--yeldark); width: 48px!important; height: 48px!important; content: ''; border-radius: 50%; background-image: url(/images/arrow.svg); background-repeat: no-repeat; background-size: 16px; background-position: center; transform: rotate(180deg); transition: .5s}
.team .swiper-button-next:after {background-color: var(--yeldark); width: 48px!important; height: 48px!important; content: ''; border-radius: 50%; background-image: url(/images/arrow.svg); background-repeat: no-repeat; background-size: 16px; background-position: center; transition: .5s}
.team .swiper-button-prev, .team .swiper-button-next {width: 48px; height: 48px;}
.team .swiper-button-prev:hover:after, .team .swiper-button-next:hover:after {background-color: white;}
.team-item {background: white; border-radius: 16px; overflow: hidden;}
.team-item .name {font-weight: 500; font-size: 28px; line-height: 1;}
.team-item .dolz {font-weight: 500; font-size: 18px; line-height: 1;}
.team-item .tag {font-weight: 500; font-size: 16px; line-height: 1; background: #d3d3d3; display: inline-block; padding: 5px 12px; border-radius: 12px}
.team .container:last-of-type(p) {width: calc(100% - 200px); font-size: 28px; font-weight: 500; line-height: 1.2; margin-bottom: 0}
.team-item .info .description {color: #6B6B6B}

.team-item .tag.tag-color-1 {background: #F6E39E}
.team-item .tag.tag-color-2 {background: #E1FFA3}
.team-item .tag.tag-color-3 {background: #F6E39E}
.team-item .tag.tag-color-4 {background: #CFE9E1}

.team {background: url(/images/teamback.png) no-repeat; background-position: bottom right; overflow: hidden;}

@media screen and (max-width: 1280px){
    .team .container:first-of-type {align-items: center;}
}

@media screen and (max-width: 768px){
	.team {overflow: hidden;}
	.team .container:last-of-type(p) {display: none}
	.team .container:last-of-type {padding-bottom: 20px}
	.team .container:first-of-type {flex-direction: column; align-items: flex-start; padding-bottom: 70px}
	.team .container:first-of-type p {width: 100%}
	.team .container .btns {position: relative; top: 20px; margin: auto}
	.team .container .btns {display: none}
	.team-slider.nomobile {display: none}
	.team-item {margin-bottom: 15px}
	.team-item.ti-invis {display: none}
	.team .allbtns {margin-top: 40px; margin-bottom: 40px; }
	.team .allbtns a {color: var(--greydark); font-size: 18px; background: white; font-weight: 500; display: flex; align-items: center; justify-content: center; border-radius: 48px; padding: 12px 0; }
	.team .allbtns .icon {height: 40px; width: 40px; background: url(/images/plus.svg) no-repeat; background-position: center; margin-left: 15px; position: relative; transition: .5s; right: 0}
	.team-item {flex-direction: column; height: auto}
	.team-item .img {width: 100%; height: 470px; background-position: top}
	.team-item .info {width: 100%;}
}

/*  sotrudbanner */
.sotrudbanner .btn-resume:after {background-image: url(/images/resumeicon.svg)}
.sotrudbanner {background: #6B6B6B; border-radius: 48px; margin-top: 40px }
.sotrudbanner .container {display: flex; padding: 48px 0; align-items: center; justify-content: space-between}
.sotrudbanner .container:after, .sotrudbanner .container:before {display: none}
.sotrudbanner .btns {display: flex}
.sotrudbanner .btns .btn {margin-left: 10px}
.sotrudbanner p {color: white; font-weight: 500; font-size: 54px; margin: 0;}

@media screen and (max-width: 1600px){
    .sotrudbanner .container > p {font-size: 44px}
}

@media screen and (max-width: 768px){
.sotrudbanner .container  {flex-direction: column; padding-bottom: 20px}
.sotrudbanner .btns {flex-direction: column; width: 100%; margin-top: 40px }
.sotrudbanner .btns .btn {margin-left: 0; margin-bottom: 10px}
.sotrudbanner .container > p {font-size: 28px; text-align: left; width: 100%;}
}

/* afterbanner */
.afterbanner {background: white; border-radius: 48px;}
.afterbanner .container {display: flex; align-items: baseline; justify-content: space-between; padding: 70px 0}
.afterbanner .container:after, .afterbanner .container:before {display: none}
.afterbanner .btns {display: flex; width: 500px; flex-wrap: wrap; justify-content: flex-end}
.afterbanner .btns .btn {margin-left: 10px; margin-bottom: 10px}
.afterbanner .container > p {font-weight: 500; font-size: 54px; line-height: 1; margin: 0; width: calc(100% - 500px); padding-right: 100px}

@media screen and (max-width: 1600px){
    .afterbanner .container > p {font-size: 44px}
}

@media screen and (max-width: 1280px){
.afterbanner .btns {flex-direction: column; align-items: flex-end}
    .afterbanner .btns a {margin-bottom: 10px}
}
@media screen and (max-width: 768px){
.afterbanner .container {flex-wrap: wrap}
.afterbanner .container > p {width: 100%; margin-bottom: 40px; font-size: 32px; padding-right: 0}
}

.btn-opacity.btn-vacancy .icon {background-image: url(/images/btnvacancyicon.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 16px;}
.btn-opacity.btn-share .icon {background-image: url(/images/btnshareicon.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 16px;}
.btn-opacity.btn-phone .icon {background-image: url(/images/btnphoneicon.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 16px;}

/* bigcards */
.bigcards h2 {width: 100%; background: #f9f9f9; position: relative; z-index: 1; padding-bottom: 10px}
.bigcards {margin-bottom: 40px}
.bigcards .container {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center}
.bigcards .container:after, .bigcards .container:before {display: none}
.bigcards .item {width: 49.5%; background: white; border-radius: 10px; overflow: hidden; padding-bottom: 20px; height: auto;}
.bigcards .item .image {height: 680px; background-size: cover}
.bigcards .item .text {display: flex; padding-top: 20px}
.bigcards .item .text .type {width: 30%; padding-left: 20px; font-weight: 500; font-size: 18px; min-width: 150px; margin: 0; margin-top: 0px}
.bigcards .item .text .info {width: 70%;}
.bigcards .item .text .info .name {font-weight: 500; font-size: 40px; margin: 0; padding-right: 20px; line-height: 1.1}
.bigcards .item .text .info .descr {margin-bottom: 80px; width: 80%; line-height: 1.32}
.bigcards .item .btn {max-width: 187px}
.bigcards .item {position: relative}
.bigcards .item:last-child {top: 200px}
.bigcards {padding-bottom: 160px}
.bigcards .item {transition: .1s linear }
.bigcards {overflow: hidden}

@media screen and (max-width: 1600px){
    .bigcards .item .image {height: 480px;}
}

@media screen and (max-width: 1280px){
   .bigcards {padding-bottom: 80px}
}

@media screen and (max-width: 768px){
   .bigcards .item {width: 100%; top: 0!important; margin-bottom: 10px}
   .bigcards .item .image {height: 267px}
   .bigcards .item .text {flex-wrap: wrap; padding: 15px;}
   .bigcards .item .text .type {padding-left: 0; width: 100%}
   .bigcards .item .text .info {width: 100%}
   .bigcards .item .text .info .name {font-size: 24px; margin-top: 10px}
   .bigcards .item .text .info .descr {width: 100%; margin-bottom: 20px}
   .bigcards .item .btn {max-width: 100%; width: 100%}
   .bigcards {padding-bottom: 20px}
}
@media screen and (max-width: 468px){
	.mainpagebanner.bigbanner h1 {font-size: 76px}
}
/* classicblock  */
.classicblock {margin: 40px 0}
.classicblock .col {padding-left: 0; padding-right: 0}
.classicblock .row {margin-bottom: 40px}
.classicblock .col-xs-5 img {width: 100%; border-radius: 10px;}
.classicblock .col-xs-6 h4:first-of-type { margin-top: 0;}
.classicblock .col-xs-6 h4 {margin: 20px 0;}
.classicblock .btns {margin-top: 30px}
.classicblock .btns .btn {float: left}

.classicblock li, .classicblock p, .classicblock div {font-size: 18px}

.btn-opacity.btn-resume {max-width: 300px}
.btn-opacity.btn-resume .icon {background-image: url(/images/icon-email.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 16px;}

@media screen and (max-width: 1280px){
   .classicblock li, .classicblock p, .classicblock div {font-size: 16px}
}

@media screen and (max-width: 768px){
    .classicblock .col {width: 100%}
    .classicblock .row:last-of-type {display: flex; flex-direction: column-reverse; margin-top: 20px}
    .classicblock .row:last-of-type .col-xs-6 {margin-bottom: 20px}
}

/* vacancies */
.vacancies .panel {display: flex; align-items: baseline; justify-content: space-between}
.vacancies .panel h3 {margin-bottom: 0; position: relative; top: -10px}
.vacancies .panel .vac-panel {display: flex;}
.vacancies .panel .vac-panel p {margin: 0; padding: 12px 24px; font-size: 16px; font-weight: 500; transition: .5s;}
.vacancies .panel .vac-panel p:hover {background: white; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer}
.vacancies .panel .vac-panel p.active {background: white; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #7A5800}
.vacancies .vac-list {background: white;  position: relative; overflow: hidden; min-height: 527px; padding-top: 20px}
.vacancies .vac-list .descr {position: absolute; opacity: 0}
.vacancies .vac-list {width: 100%;left: 0;border-radius: 10px;background: white;padding-right: 60%;padding-bottom: 40px;overflow: hidden;border: none;position: relative;}
.vacancies .vac-list .line .descr {position: absolute; left: 42%; top:- 3000px; transition: .2s linear .2s; font-size: 20px; line-height: 1; font-weight: 500; opacity: 0; padding-top: 20px; display: none;}
.vacancies .vac-list .line a { font-size: 20px; font-weight: 500; padding: 10px; border-bottom: 1px solid var(--greydark)}
.vacancies .vac-list:after {width: 1px; height: 100%; content: ''; position: absolute; left: 40%; top: 0; background: var(--greydark)}
/*.vacancies .vac-list .line:hover .descr {opacity: 1; top: 0}*/
.vacancies .vac-list .line .descr.active {top: 0; overflow: auto; height: 520px; opacity: 1; display: block}
.vacancies .vac-list .line a {display: flex; width: 100%; justify-content: space-between; align-items: center; color: var(--greydark)}
.vacancies .vac-list .line a .btnmenu {overflow: hidden}
.vacancies .vac-list .line a:hover .btnmenu {width: 152px; background: var(--yeldark)}
.vacancies .vac-list .line a:hover .btnmenu .text {width: auto; opacity: 1; padding-left: 20px; display: block;}
.vacancies .vac-list .line a:hover .btnmenu .arrow {filter: brightness(0)}
.vacancies .vac-list .message {font-size: 18px; padding-left: 20px}
.vacancies .vac-list .line a span:first-of-type {width: calc(100% - 150px)}
.vacancies .question .ask {background: none; font-size: 24px; font-weight: 500}
.vacancies .question .ask .fa {background: #f9f9f9; width: 48px; height: 48px; border-radius: 50%}
.vacancies .question .ask .fa.plus {background-color: #6B6B6B; background-image: url(/images/yelplus.svg); background-repeat: no-repeat; background-position: center}
.vacancies .question .ask .fa.minus {background-color: var(--yeldark); background-image: url(/images/minus.svg); background-repeat: no-repeat; background-position: center}

.vacancies .bottext {text-align: right; font-weight: 500; font-size: 32px; line-height: 1.2;}
.vacancies .bottext p { margin-bottom: 0;}
.vacancies {background: url(/images/vacback.png) no-repeat; background-position: right bottom;}

.vac-panel.mobile {display: none!important}

#vacancy {padding-top: 100px; margin-top: -80px}

@media screen and (max-width: 768px){
   .vacancies .vac-list {padding-right: 0; min-height: 50px; background: none;}
    .vacancies .vac-list .line .descr {display: none}
    .vacancies .vac-list:after {display: none}
    .vacancies .panel {flex-wrap: wrap;}
    .vacancies .question .ask {font-size: 18px; position: relative; padding-right: 50px}
    .question .fa {margin-right: 0; position: absolute; right: 0}
    .vacancies .question .ask .fa {width: 40px; height: 40px;}
    .vacancies .bottext {font-size: 24px}

    .vac-panel.nomobile {display: none!important}
  .vac-panel.mobile {display: block!important; width: 100%}
  .vac-panel.mobile .swiper-slide {width: auto!important; height: auto!important}
  .vacancies {overflow: hidden;}
  .vacancies .container .vac-panel {margin-bottom: 20px; margin-top: 20px;}
  .vacancies .container .vac-panel .btn.active {border-color: var(--yeldark)!important; box-shadow: none!important}
	.vacancies .vac-list .line .descr.active {display: none!important}
}


/* company  */

.company-page .mainline {background: white; border-radius: 48px; top: -50px; position :relative; }
.company-page .mainline .container {display: flex; align-items: center; justify-content: space-between}
.company-page .mainline .container:after, .company-page .mainline .container:before {display: none}
.company-page .mainline .company-list-panel {display: flex;}
.company-page .mainline .company-list-panel .btn {margin-left: 5px}
.company-page .mainline .company-list-panel .btn {float: none; margin-left: 5px}
.company-page .mainline .company-list-panel .btn.active {border-color: var(--yeldark)}
.company-page .mainline .company-list-panel .btn.active:hover {border-color: var(--greydark)} 

.companypage .bigbanner .right .comlist {display: flex; flex-wrap: wrap; justify-content: space-between}
.companypage .bigbanner .right .comlist a {width: 49%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--greydark); padding: 17px 10px; color: var(--greydark); font-weight: 500; font-size: 20px}
.companypage .bigbanner .right .comlist a:nth-child(2n) {border-left: 1px solid var(--greydark)}
.companypage .bigbanner .right .comlist .btn-arrow .arrow {background-color: #6B6B6B; background-image: url(/images/yelarrow.svg); transform: rotate(90deg) }
.companypage .bigbanner .right .comlist .btn-arrow {background: none}
.companypage .bigbanner .right .comlist .btn-arrow .text {display: none!important}
.companypage .bigbanner .right .comlist a span:first-of-type {width: calc(100% - 48px)}
.companypage .bigbanner .right .comlist a:hover .btn-arrow .arrow {transform: rotate(0)}
.companypage .bigbanner .right .comlist .btn-arrow:hover {}
.companypage .bigbanner .right .comlist .btn-arrow:hover {width: 44px;}
.companypage .bigbanner .right .comlist .btn-arrow:hover .text {width: 0; opacity: 0; padding-left: 0px; padding-right: 0px ; display: none; }

.companypage .bigbanner h1 span:nth-child(2) {padding-left: 310px}
.companypage .bigbanner .info .left {width: 35%}
.companypage .bigbanner .info .right {width: 65%}

@media screen and (max-width: 1600px){
    .companypage .bigbanner h1 span:nth-child(2) {padding-left: 250px}
}

@media screen and (max-width: 1200px){
    .companypage .bigbanner h1 span:nth-child(2) {padding-left: 0px}
}

@media screen and (max-width: 768px){
.companypage .bigbanner .info .right {width: 100%}
.companypage .bigbanner .info .left {width: 100%}
.companypage .bigbanner .right .comlist a {width: 100%; border: none; border-left: none!important; border-bottom: 1px solid var(--greydark)}
.companypage .bigbanner {height: fit-content; padding-bottom: 150px} 
}



/*404*/

.i404 {padding-top: 120px; padding-bottom: 100px}
.i404 .row {display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; text-align: center;}
.i404 .num {font-size: 280px; line-height: 1; margin: 0; font-weight: 700}
.i404 .name {font-size: 24px;}
.i404 .btn {text-transform: uppercase; color: var(--greydark); text-decoration: underline}

@media screen and (max-width: 768px){
  .i404 .col {width: 100%}
  .i404 .num { font-size: 96px}
}
/* cont-company-list */
.cont-company-list {margin-top: 40px}
.cont-company-list .item:first-of-type { border-top: 1px solid var(--yeldark);}
.cont-company-list .item {display: flex; border-bottom: 1px solid var(--yeldark); padding-bottom: 10px; padding-top: 15px; position: relative;}
.cont-company-list .item .image {width: 25%; height: 270px; background-size: cover; transition: .5s; border-radius: 10px;}
.cont-company-list .item .info {width: 35%; height: 100%; padding: 0 10px; padding-left: 20px;}
.cont-company-list .item .map {width: calc(40%); color: var(--greydark);  height: 270px; border-top-right-radius: 24px; border-bottom-right-radius: 24px; overflow: hidden; transition: .5s;opacity: 0}
.cont-company-list .item .btns {width: 180px; display: flex; justify-content: flex-end; position: absolute; right: 5px; top: 20px}
.cont-company-list .item:hover .map {opacity: 1}
.cont-company-list .item:hover .image {border-radius: 48px}
.cont-company-list .info p a {font-size: 28px; font-weight: 500; line-height: 1; color: var(--greydark)}
.cont-company-list .info .tag {font-weight: 500; font-size: 16px; line-height: 1; background: #d3d3d3; display: inline-block; padding: 5px 12px; border-radius: 12px; margin-top: 0; margin-bottom: 0}
.cont-company-list .tag-col-11 {background-color: #B3E2EC!important}
.cont-company-list .tag-col-21 {background-color: #CFE9E1!important}
.cont-company-list .tag-col-31 {background-color: #FFE792!important}
.cont-company-list .tag-col-41 {background-color: #F6E39E!important}
.cont-company-list .tag-col-51 {background-color: #E1FFA3!important}
.cont-company-list .info {display: flex; flex-direction: column; align-items: flex-start}
.cont-company-list .info .adress {font-size: 16px; font-weight: 500; line-height: 1.3; margin-top: 10px}
.cont-company-list .info .btn-phone {margin-bottom: 5px}
.btn-opacity.btn-email .icon {background-image: url(/images/icon-email.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 16px;}

.cont-company-list .item .info .btn-opacity.btn-email {max-width: 390px;}

@media screen and (max-width: 768px){
.cont-company-list .item {flex-direction: column; overflow: hidden; background: white; border-radius: 10px; margin-bottom: 20px; padding-top: 0; border-bottom: none}
.cont-company-list .item .map {display: none}
.cont-company-list .item .image {width: 100%; margin-bottom: 20px}
.cont-company-list .item .info {width: 100%}
.cont-company-list .item .btns {position: static; margin-top: 10px; width: 100%; padding: 10px}
.cont-company-list .item .btns a {width: 100%;}
.cont-company-list .item .btns a .btn {width: 100%; padding-left: 15px}
.cont-company-list .item .btn-arrow .text {opacity: 1; color: var(--greydark); font-weight: 500; width: auto}
.cont-company-list .item .btn-arrow {justify-content: space-between}
}

/* popup-share */
.popup-share {background: #DADADA; position: relative; width: 614px; height: 531px; margin: 0 auto; border-radius: 48px; padding: 28px 20px}
.popup-share .headline {font-weight: 500; font-size: 54px; margin: 0; margin-bottom: 100px} 
.popup-share a {display: flex; border: 1px solid #6B6B6B; height: 48px; margin-bottom: 20px; align-items: center; justify-content: center; border-radius: 48px; color: #282625; font-size: 18px; font-weight: 500 }
.popup-share .mfp-close {right: 20px; top: 38px; background: var(--yeldark); color: black; border-radius: 50%; height: 48px; width: 48px; display: inline-block}
.popup-share a .icon {width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; margin-right: 20px}
.popup-share a.tg .icon {background-image: url(/images/icon-tg.svg)}
.popup-share a.wa .icon {background-image: url(/images/icon-wa.svg)}
.popup-share a.copy .icon {background-image: url(/images/icon-copy.svg)}

.popup-share a .icon {width: 40px; height: 40px; border-radius: 50%; transition: .5s}
.popup-share a:hover .icon { filter: invert(1) brightness(1.1); background-color: #939191; }

@media screen and (max-width: 768px){
    .popup-share {width: 90%}
    .popup-share .headline {font-size: 34px; margin-top: 16px}
}


/*sform*/

.sform {background: #DADADA; position: relative; width: 514px; height: 331px; margin: 0 auto; border-radius: 48px; padding: 28px 20px; display: flex; align-items: center}
.sform p {font-weight: 500; font-size: 24px; margin: 0;}
.sform .mfp-close {right: 20px; top: 38px; background: var(--yeldark); color: black; border-radius: 50%; height: 48px; width: 48px; display: inline-block}

@media screen and (max-width: 768px){
    .sform {width: 90%}
}

/* advantage */

.advantages .list {display: flex; justify-content: center; align-items: flex-start; width: 80%; margin: 0 auto;}
.advantages .list .item  {position: relative; margin: 2%; text-align: left; width: 348px;}
.advantages .list .item .num {font-size: 172px; font-family: 'Neue_soviet'; margin: 0; line-height: 1; color: var(--yeldark);}
.advantages .list .item .text {font-size: 24px; line-height: 1; font-weight: 500; text-align: left; max-width: 236px; position: relative; top: -6px; margin: 0; left: 45px }

@media screen and (max-width: 1280px){
    .advantages .list {width: 90%}
}

@media screen and (max-width: 768px){
    .advantages .list {width: 100%; flex-direction: column}
}

/* descriptioncompany */
.descriptioncompany {margin-top: 50px;}
.descriptioncompany .text-col .line {display: flex; justify-content: space-between}
.descriptioncompany .text-col .line .image {width: 49%;}
.descriptioncompany .text-col .line .txt {width: 49%; font-weight: 500; font-size: 28px; line-height: 1.1}
.descriptioncompany .text-col .line .image img {width: 100%; border-radius: 10px}
.descriptioncompany .text-col .line2 {align-items: flex-end; margin-top: -150px;}
.descriptioncompany .text-col .line1 .txt {margin-bottom: 160px}
.descriptioncompany .text-col .line2 .txt {margin-top: 170px;}
.descriptioncompany .text { font-weight: 500; font-size: 28px; line-height: 1.1; margin-bottom: 40px}
.descriptioncompany {background: url(/images/companydetback.png) no-repeat; background-position: right bottom; padding-bottom: 50px}

@media screen and (max-width: 1280px){
   .descriptioncompany .text-col .line .txt {font-size: 20px}
}

@media screen and (max-width: 768px){
    .descriptioncompany .text-col .line {flex-wrap: wrap}
   .descriptioncompany .text-col .line .txt {width: 100%}
     .descriptioncompany .text-col .line .image {width: 100%}
    .descriptioncompany .text-col .line1 .txt {margin-bottom: 20px}
    .descriptioncompany .text-col .line2 {margin-top: 20px}
    .descriptioncompany .text-col .line2 .txt {margin-top: 20px; order: 1}
    .descriptioncompany .text-col .line2 .image {width: 100%; order: 2; margin-top: 20px}
}

/* main-companies */

.main-companies .container {display: flex; flex-wrap: wrap;}
.main-companies .container h2 {width: 100%;}
.main-companies .container .mc-panel {width: 25%; min-width: 300px; display: flex; flex-direction: column; align-items: flex-start }
.main-companies .container .mc-panel a {margin-bottom: 10px}
.main-companies .container .mc-panel .btn.active {border-color: var(--yeldark)}
.main-companies .container .mc-panel .btn.active:hover {border-color: var(--greydark)} 
.main-companies .container .mc-list {width: 75%}
.main-companies .container .mc-list {overflow-x: auto;}
.main-companies .container .mc-list .line {border-top: 1px solid #6B6B6B; overflow: hidden }
.main-companies .container .mc-list .line a {display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 10px 0; color: var(--greydark); font-weight: 500; font-size: 24px;}
.main-companies .container .mc-list .line a:hover .btnmenu {width: 152px; background: var(--yeldark)}
.main-companies .container .mc-list .line a:hover .btnmenu .text {width: auto; opacity: 1; padding-left: 20px; display: block;}
.main-companies .container .mc-list .line a:hover .btnmenu .arrow {filter: brightness(0)}
 .mc-panel.mobile {display: none!important}

 .main-companies .container .mc-list .line a p span {font-weight: 300; line-height: 1; font-size: 16px; display: inline-block; margin-top: 10px}
.main-companies .container .mc-list .line a p {width: calc(100% - 152px); }

@media screen and (max-width: 1280px){
    .main-companies .container .mc-list {width: calc(100% - 310px)}
}

@media screen and (max-width: 768px){
  .main-companies .container .mc-list {width: 100%}
  .main-companies .container .mc-list .line a {font-size: 20px}
  .mc-panel.nomobile {display: none!important}
  .mc-panel.mobile {display: block!important}
  .mc-panel.mobile .swiper-slide {width: auto!important; height: auto!important}
  .main-companies {overflow: hidden;}
  .main-companies .container .mc-panel {margin-bottom: 20px}
  .main-companies .container .mc-panel .btn.active {border-color: var(--yeldark)!important; box-shadow: none!important}
}
/* newsev-slider */

.newsev-slider .item {width: 100%; background: white; display: block; border-radius: 10px; overflow: hidden;}
.newsev-slider .swiper-slide {border-bottom: none}
.newsev-slider .item .info {padding: 20px}
.newsev-slider .item .image {height: 300px; background-size: cover}
.newsev-slider .item .info p {margin: 0;}
.newsev-slider .item .info p.data {font-weight: 500;}
.newsev-slider .item .info p.name {font-weight: 500;}
.newsev-slider .item .info p.text {font-weight: 500; font-size: 24px; line-height: 1; margin-top: 20px;
                                  -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 4;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    padding-right: 5px;}
.newsev-slider .item .info .btns {margin-top: 30px}
.newsev-slider .item:hover .btn-arrow{width: 172px; background: var(--yeldark)}
.newsev-slider .item:hover .btn-arrow .text {width: auto; opacity: 1; padding-left: 20px; padding-right: 10px ; display: block; color: var(--greydark)}
.newsev-slider .itemhover .btn-arrow .arrow {background-color: var(--yeldark)}

.main-news {overflow: hidden;}
.main-news .allbtns {margin-top: 40px; margin-bottom: 40px; }
.main-news .allbtns a {color: var(--greydark); font-size: 18px; background: white; font-weight: 500; display: flex; align-items: center; justify-content: center; border-radius: 48px; padding: 29px 0; }
.main-news .allbtns .icon {height: 40px; width: 40px; background: url(/images/arrow.svg) no-repeat; background-position: center; margin-left: 15px; position: relative; transition: .5s; right: 0; border-radius: 50%;}
.main-news .allbtns a:hover .icon { background-color: #DADADA; }

.mn-panel {display: flex; justify-content: space-between; position: relative}
.mn-panel .btns {position: sticky;width: 147px;display: flex;align-items: center;justify-content: space-between;top: 100px; z-index: 98}
.mn-panel h2 {width: calc(100% - 200px);}
.main-news .swiper-button-prev:after {background-color: var(--yeldark); width: 48px!important; height: 48px!important; content: ''; border-radius: 50%; background-image: url(/images/arrow.svg); background-repeat: no-repeat; background-size: 16px; background-position: center; transform: rotate(180deg); transition: .5s}
.main-news .swiper-button-next:after {background-color: var(--yeldark); width: 48px!important; height: 48px!important; content: ''; border-radius: 50%; background-image: url(/images/arrow.svg); background-repeat: no-repeat; background-size: 16px; background-position: center; transition: .5s}
.main-news .swiper-button-prev, .main-news .swiper-button-next {width: 48px; height: 48px;}
.main-news .swiper-button-prev:hover:after, .main-news .swiper-button-next:hover:after {background-color: white;}

@media screen and (max-width: 768px){
.mn-panel .btns {width: 127px}
.main-news .allbtns a {padding: 5px}
}
/* mainpagebanner */

.mainpagebanner .line {display: flex; align-items: flex-end; height: 880px; justify-content: space-between; padding-right: 20px;}
.mainpagebanner .line .left {width: 50%;}
.mainpagebanner .line .right {width: 50%;overflow: hidden;position: relative;padding-top: 70px;z-index: 98;}
.mainpagebanner .line .right .swiper-pagination {top: -30px;right: 0;text-align: right;height: 50px;z-index: 98;}
.mainpagebanner .line .right .swiper-slide {border-bottom: none}
.mainpagebanner .line .right .swiper-pagination .swiper-pagination-bullet {width: 14px; height: 14px; background: white; opacity: 1}
.mainpagebanner .line .right .swiper-pagination .swiper-pagination-bullet-active {background: var(--yeldark)}
.mainpagebanner .bb-new-list {position: relative;z-index: 98;}
.mainpagebanner .bb-new-list .item {width: 100%; position: relative; border-radius: 10px; background: white; transition: .5s; overflow: hidden; display: block}
.mainpagebanner .bb-new-list .item .info {flex-direction: column; padding: 15px}
.mainpagebanner .bb-new-list .item .info p {margin: 0}
.mainpagebanner .bb-new-list .item .info .data {font-weight: 500;}
.mainpagebanner .bb-new-list .item .info .name {font-weight: 500; margin-bottom: 20px}
.mainpagebanner .bb-new-list .item .info .btns {margin-top: 20px}
.mainpagebanner .bb-new-list .item:hover {border-radius: 36px}
.mainpagebanner .bb-new-list .item .image { position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: .5s; background-size: cover; background-position: center center}
.mainpagebanner .bb-new-list .item .info .btns {position: relative; z-index: 2}
.mainpagebanner .bb-new-list .item:hover .image {opacity: 1}
.mainpagebanner .bb-new-list .item:hover .btn-arrow{width: 152px; background: var(--yeldark)}
.mainpagebanner .bb-new-list .item:hover .btn-arrow .text {width: auto; opacity: 1; padding-left: 20px; padding-right: 10px ; display: block; color: var(--greydark)}
.mainpagebanner .bb-new-list .item:hover .btn-arrow .arrow {background-color: var(--yeldark)}

.mainpagebanner .bb-new-list .item {min-height: 246px;}
.mainpagebanner .bb-new-list .item .info p.text {height: 88px}


.mainpagebanner .bb-new-list .item .info p.text {font-size: 22px; line-height: 1; font-weight: 500
                                                    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 4;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    padding-right: 5px; 
 }

 @media screen and (max-width: 1700px){
    .mainpagebanner .line {height: 700px}

}

@media screen and (max-width: 1280px){
    .mainpagebanner .line .right {width: 400px}
    .bigbanner {height: 750px;}
    .mainpagebanner .line {height: 580px}
}
@media screen and (max-width: 1460px){
.mainpagebanner.bigbanner video {height: 100%; width: auto}
.mainpagebanner.bigbanner h1 {font-size: 96px}
}
@media screen and (max-width: 1024px){
.mainpagebanner.bigbanner h1 {font-size: 96px}
.mainpagebanner.bigbanner h1 span:nth-child(2) {padding-left: 40px}
.mainpagebanner.bigbanner h1 span:nth-child(3) {padding-left: 92px}
}
@media screen and (max-width: 768px)
{
    .mainpagebanner .arrow-down {display: none}
    .mainpagebanner .line .right {width: 100%;}
    .mainpagebanner .line .left {width: 100%;}
    .mainpagebanner .line  {flex-wrap: wrap}
    .mainpagebanner .line {padding-right: 0}
    .mainpagebanner h1 {bottom: 330px; text-align: left; }
    .mainpagebanner h1 span:nth-child(2) {padding-left: 30px!important}
    .mainpagebanner h1 span:nth-child(3) {padding-left: 80px!important}
    .mainpagebanner .line .right .swiper-pagination {text-align: center;}
}
/*search*/

.search-page form {display: none}
.search-page a {color: var(--greydark); font-size: 16px}
.search-page {margin-bottom: 50px}
.search-page small {display: none}
.search-page hr {border-color: var(--yeldark);}

.bs-result .search-page {padding: 10px}
.bs-result .search-page br {display: none}
.bs-result .search-page hr {margin: 0; display: none}
.bs-result .search-page .serch-item p:last-child {display: none}
.bs-result .search-page .serch-item p {padding: 0; margin: 0}
.bs-result .search-page .serch-item {padding: 10px; display: block;}
.bs-result .search-page font {display: none}
.bs-result .search-page > p {display: none}
.bs-result {position: absolute; z-index: 10; width: calc(100% - 20px); left: 10px; top: 60px; background: white; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.bsearch {position: relative; z-index: 11}
.bsearch .form input {z-index: 12; position: relative;}
.bs-result {max-height: 350px; overflow-y: auto; }
.bs-result .btn a {background: #dadada; display: block; padding: 12px 20px; border-radius: 20px; font-size: 18px; font-weight: 500;}

.bs-result .search-page > p {display: block}
.bs-result .notetext {display: block!important}
.bs-result .search-page > p {display: block; color: transparent;}
.bs-result .search-page > p b, .bs-result .search-page > p a {display: none}
.bs-result .notetext {display: block!important; color: var(--greydark);}

/* End */


/* Start:/local/templates/svk-lite-en/fancybox/dist/jquery.fancybox.min.css?176604814012795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/svk-lite-en/components/svk/svk.header/.default/style.css?17660481401463*/
header .topline {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
    background: none;
    border-bottom: 1px solid lightgray;
}

header .middleline {
    display: flex;
    margin: 10px auto;
}

header .bottomline {
    display: flex;
}

header .hidden {
    display: block!important
}

header .hidden > div {
    display: none;
}

header a {color: #333333; transition: .5s;}


/*logo*/
header .logo {
    width: 20%;
    max-height: 150px;
}

header .logo img {
    width: 100%;
}

/* other */
header .topline .socialpanel{}
header .topline .contactpanel {display: flex;}
header .topline a {font-size: 12px}
header .topline a i {font-size: 16px; margin: 0 3px}
header .topline .contactpanel > div {margin: 0 10px;}

header .mainmenu {width: 100%}

/*fix-menu*/
header.scroll .fixmenu {display: flex; background: white;}
header .fixmenu {align-items: flex-end; justify-content: space-between;}
header .fixmenu .logo img {max-height: 40px; width: auto;}
header .fixmenu .logo {padding-bottom: 7px}
header .fixmenu {padding: 10px 15px; padding-bottom: 0}
header .fixmenu .buttons {width: 10%; padding-bottom: 7px;}


header.scroll .fixmenu {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    box-shadow: 1px 1px 5px #33333388;
}


/*megamenu*/

/*header .hidden .megamenu.active {display: block; position: fixed; background: white; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 99999;}*/

/* End */


/* Start:/local/templates/svk-lite-en/components/bitrix/menu/horizontal_multilevel_svk/style.css?17660481404055*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{
    margin:0;
    padding:0;
    min-height:27px;
    width:100%;
    list-style:none;
    font-size:14px;
    float:left
}
#horizontal-multilevel-menu a{
    display:block;
    padding:5px 10px;
    text-decoration:none;
    text-align:center
}
#horizontal-multilevel-menu li{
    float:left
}
#horizontal-multilevel-menu li a.root-item{
    color: #333333;
    font-weight:normal;
    padding:7px 12px
}
#horizontal-multilevel-menu li a.root-item-selected{
    color: #333333;
    font-weight:normal;
    padding:7px 12px;
    border-bottom: 1px solid #333333
}
#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{
    color: red;
}
#horizontal-multilevel-menu a.parent{
    background:url(/bitrix/components/bitrix/menu/templates/horizontal_multilevel/images/arrow.gif) center right no-repeat
}
#horizontal-multilevel-menu a.denied{
    background:url(/bitrix/components/bitrix/menu/templates/horizontal_multilevel/images/lock.gif) center right no-repeat
}
#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{
    background:#d6d6d6;
    color:#fff
}
#horizontal-multilevel-menu li.item-selected{
    background:#d6d6d6;
    color: #333333
}
#horizontal-multilevel-menu li ul{
    position:absolute;
    top:auto;
    display:none;
    z-index:500;
    height:auto;
    width:150px;
    background:#f5f5f5;
    border:1px solid #c1c1c1
}
#horizontal-multilevel-menu li li{
    width:100%;
    border-bottom:1px solid #dedede
}
#horizontal-multilevel-menu li ul a{
    text-align:left
}
#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{
    color:#4f4f4f;
    font-weight:normal
}
#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{
    color:#4f4f4f
}
#horizontal-multilevel-menu li ul ul{
    margin:-27px 0 0 132px
}
#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{
    display:none
}
#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{
    display:block
}
div.menu-clear-left{
    clear:left
}
 
/* End */


/* Start:/bitrix/components/bitrix/menu/templates/.default/style.min.css?1766048070490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/components/bitrix/menu/templates/.default/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/svk-lite-en/template_styles.css?1766048142463*/
@charset "UTF-8";

.manager img, .manager p, .manager .btns{
    display: none;
}

.history-item .info p:last-of-type {
    -ms-line-clamp: unset;
    -webkit-line-clamp: unset;
    line-clamp: unset;
}
#panel .news-list-panel.nomobile {
    display: none;
}
.btn-opacity:hover:after {
    top: 50%;
    transform: translateY(-50%);
}
.btn-opacity .icon {
    min-width: 20px;
}
.hr_liner {
	display: inline-block;
	width: 80px;
	height: 3px;
	background: #333;
}
/* End */
/* /local/templates/svk-lite-en/css/fonts.css?17660481419137 */
/* /local/templates/svk-lite-en/css/normalize.css?17660481415258 */
/* /local/templates/svk-lite-en/lib/bootstrap/bootstrap-grid.css?176604814011919 */
/* /local/templates/svk-lite-en/lib/magnific-popup/magnific-popup.css?17660481405820 */
/* /local/templates/svk-lite-en/lib/slider/simple-adaptive-slider.css?17660481402786 */
/* /local/templates/svk-lite-en/css/main.css?176604814282702 */
/* /local/templates/svk-lite-en/fancybox/dist/jquery.fancybox.min.css?176604814012795 */
/* /local/templates/svk-lite-en/components/svk/svk.header/.default/style.css?17660481401463 */
/* /local/templates/svk-lite-en/components/bitrix/menu/horizontal_multilevel_svk/style.css?17660481404055 */
/* /bitrix/components/bitrix/menu/templates/.default/style.min.css?1766048070490 */
/* /local/templates/svk-lite-en/template_styles.css?1766048142463 */