/* Start:/bitrix/templates/bitrix_svk/css/normalize.css?16879332045258*/
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:/bitrix/templates/bitrix_svk/lib/bootstrap/bootstrap-grid.css?168793320411919*/
/*@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:/bitrix/templates/bitrix_svk/lib/magnific-popup/magnific-popup.css?16879332045820*/
.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:/bitrix/templates/bitrix_svk/css/main.css?179388427816546*/
@import "/bitrix/templates/bitrix_svk/css/fonts.css";
@import "/bitrix/templates/bitrix_svk/css/template.css";
@import "/bitrix/templates/bitrix_svk/css/normalize.css";
@import "/bitrix/templates/bitrix_svk/css/callback-modal.css";




body {
	--prime: #113A6A;
	--light: #6AA6FF;
	--dark: #246FDE;
	--ddark: #103969;
	--deep: #1F2B5B;
    --grey: #c1d3e1;
    overflow-x: hidden;
    color: var(--black);
    font-family: univia-pro, sans-serif;
     background: #f5f5f5;
}

button, input {outline: none;}
a:hover {cursor: pointer; text-decoration: none; transition: .5s;}

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

.btn-std {background: linear-gradient(180deg, var(--light) 0%, var(--dark) 100%); color: white; padding: 15px 30px; border-radius: 5px; font-size: 15px; letter-spacing: 0.05em}
.btn-std:hover {}

.bx-breadcrumb {
    margin: 10px 0;
    padding-top: 10px;
    position: relative;
    z-index: 10;
}

.header-fix {display: none}

.scroll .header-fix {display: block}

.container {width: 1411px; margin: 0 auto}
p {font-weight: 400;}
p {color: #414345; font-size: 16px; line-height: 20px}
p.high {font-size: 22px; line-height: 30px}


h3 {font-size: 22px; color: var(--light); font-weight: normal;}

main {min-height: 90vh}
.content .col-xs-10 {padding-left: 50px;}
main {background: #f5f5f5 url(/images/prefooter.png) no-repeat; background-position: bottom center; background-size: cover; padding-bottom: 300px}
/*------header------*/
header {height: 389px; background: url(/images/hback.jpeg) no-repeat; background-size: cover; position: relative; padding-top: 15px}
header:after {content: ''; position: absolute; bottom: -45px; left: 0; width: 1728px; height: 189px; background: url(/images/iceberg.png); z-index: 9}
header:before {content: ''; position: absolute; bottom: -57px; right: 0; width: 100%; height: 69px; background: url(/images/iceberg1.png) repeat-x; z-index: 8}
header ul.left-menu {display: flex; align-items: center; justify-content: space-between; padding: 15px 0}
header ul.left-menu li {background: none;}
header ul.left-menu li a {color: white!important; text-transform: uppercase; opacity: .7; font-weight: 400; font-size: 15px;}
header ul.left-menu li a.email {opacity: 1;}
header ul.left-menu li a.btn-std {opacity: 1;}
header ul.left-menu li a img {margin-right: 10px; filter: grayscale(1) brightness(10)}
header .logo {margin-top: 40px}

/*------general------*/
.service-panel {background: #f3f7fd; min-height: 135px} 
.service-list {display: flex; justify-content: space-between; padding: 20px; align-items: center}
.service-list p a {color: var(--deep); text-transform: uppercase}
.service-list img {margin-right: 10px; width: 30px;}
.service-list a {display: flex; align-items: center; justify-content: center}
.service-list p span {display: block; font-size: 15px; }

h2 {color: var(--deep); font-weight: 600; font-size: 44px;}
p.name {color: var(--deep); font-size: 22px; margin-top: 42px; margin-bottom: 42px;}
.bread {border-bottom: 1px solid var(--grey); padding-top: 20px}
.bx-breadcrumb {opacity: .7;}
.bx-breadcrumb span {font-size: 11px!important; font-weight: 600; color: var(--deep)}

.sidebar ul.left-menu li {background: none; padding: 2px 0; margin-bottom: 10px;}
.sidebar ul.left-menu li a {color: var(--deep)!important; font-size: 15px!important; font-weight: 400; opacity: .5; text-transform: uppercase; display: flex; align-items: center;}
.sidebar ul.left-menu li a img {margin-right: 10px;}
.sidebar ul.left-menu li a.selected {opacity: 1}

.cont-list {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px}
.cont-list .cont-item {width: 32%}
.cont-list .cont-item img {max-width: 200px}
.cont-item .dolzh {font-size: 14px; font-weight: 400; color: var(--light); line-height: 19px; padding-right: 100px}
.cont-item .name {margin: 0; font-size: 22px; line-height: 30px; padding-right: 140px}
.cont-item {margin-bottom: 65px}
.cont-item .link a {color: #414345; opacity: .7;}
.cont-item .link img {width: 14px; filter: grayscale(1) brightness(0); margin-right: 10px; opacity: .5}
.cont-item .link {margin: 13px 0}

.banner {background: white; padding: 10px; text-align: center; border-radius: 10px; margin-top: 30px;}
.banner > img {width: 100%}
.banner .title {font-size: 18px; line-height: 24px; font-weight: bold; color: var(--dark)}
.banner p {font-size: 11px; color: var(--deep);}
.banner .btn-std {font-size: 13px; margin-top: 10px; display: block; padding: 10px 5px}
.banner .btn-std img {position: relative; left: -5px; width: 14px; top: -1px}

.index-about {background: radial-gradient(82.41% 189.87% at 28.47% -44.67%, #246FDE 0%, #103969 100%); color: white; padding: 50px 0; margin: 50px 0}
.index-about p {color: var(--grey)}
.index-about h2 {color: white}
.index-about h4 {font-size: 22px}
.index-about .btns {display: flex; justify-content: space-between; margin-top: 40px}
.index-about .btns a {display: flex; align-items: center; width: 32%; padding: 10px 15px; justify-content: center;}
.index-about .btns .btn-grey {background: #F3F7FC; color: #414345 }
.index-about .btns .btn-grey img {margin-right: 10px}
.index-about .btns .btn-std:last-child img {margin-left: 10px; filter: brightness(10)}

.index-projects {background: url(/images/project-back.jpeg) no-repeat; background-size: cover; height: 650px}
.index-partner {border-bottom: 1px solid var(--grey); padding-bottom: 80px; padding-top: 30px}
.index-news .btns, .index-projects .btns {text-align: center}


.proj-list .item {background: white; margin-top: 40px}
.proj-list .item .text {padding: 25px}
.proj-list .item .image {position: relative;}
.proj-list .item .name {position: absolute; bottom: -15px; left: 25px; z-index: 99; background: white; padding: 8px 20px; font-size: 30px; line-height: 42px; font-weight: 500;}
.proj-list .swiper-slide img {width: 100%}

.news-list .item {background: white; margin-top: 40px}
.news-list .item .text {padding: 25px}
.news-list .item .image {position: relative;}
.news-list .item .name {position: absolute; bottom: -15px; left: 25px; z-index: 99; background: white; padding: 8px 20px; font-size: 30px; line-height: 42px; font-weight: 500; width: 90%;}
.news-list .swiper-slide img {width: 100%}
.news-list .item .date {color: var(--dark); padding-left: 25px; padding-top: 25px; font-size: 14px;}

.swiper .swiper-button-next, .swiper .swiper-button-prev {background: white; width: 44px; height: 44px; opacity: 1; border-radius: 50%; }
.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {font-size: 22px; color: #040404;}

.p-panel {margin-top: 40px}
.p-panel .item {color: #1F2B5B80; text-transform: uppercase; padding: 10px 20px; background: white; border-radius: 20px; margin-right: 10px; font-size: 15px;}
.p-panel .item.active {background: var(--dark); color: white}

.s-proj p.name {opacity: 1}
.s-proj p {color: var(--deep); opacity: .7;}
.s-proj a {display: block; margin: 7px 0; color: var(--deep); opacity: .7; font-weight: 200; letter-spacing: 0.02em}

.s-news p.name {opacity: 1}
.s-news p {color: var(--deep); opacity: .7;}
.s-news a {display: block; margin: 7px 0; color: var(--deep); opacity: .7; font-weight: 200; letter-spacing: 0.02em}
.s-news span{display: block; color: var(--dark); font-size: 11px; font-weight: 500;}

.usluga .image {position: relative;}
.usluga .name {position: absolute; bottom: -15px; left: 25px; z-index: 99; background: white; padding: 8px 20px; font-size: 30px; line-height: 42px; font-weight: 500;}
.usluga .swiper-slide img {width: 100%}

.usluga h3 {font-size: 30px; font-weight: 500; color: var(--dark)}
.usluga .image {margin: 30px 0}


.proj-slider .swiper-slide img { width: 100%}
.proj-slider .swiper-button-next, .proj-slider .swiper-button-prev {background: white; width: 44px; height: 44px; opacity: 1; border-radius: 50%; }
.proj-slider .swiper-button-next:after, .proj-slider .swiper-button-prev:after {font-size: 22px; color: #040404;}
.proj-slider .swiper-slide {position: relative;}
.proj-slider .swiper-slide .name {position: absolute; bottom: -25px; left: 15px; z-index: 99; background: white; padding: 6px 12px; font-size: 14px;  font-weight: 500; border-radius: 2px}
.proj-slider {position: relative; margin: 50px 0}
.index-projects {padding-top: 100px}

.index-partner .proj-slider img {max-height: 171px; width: auto;}
.index-partner .proj-slider .swiper-slide {text-align: center;}

.index-news .news-list {display: flex; justify-content: space-between;}
.index-news .news-list .news-item {width: 32%}
.index-news .news-list .news-item .date {color: var(--light)}
.index-news .news-list .news-item .name {font-size: 16px; margin: 10px 0;}
.index-news .news-list .news-item .btn {opacity: .5; font-size: 16px; display: flex; align-items: center; color: var(--dark)}
.index-news .news-list .news-item .btn img {margin-left: 5px}

.btn-std {background: linear-gradient(180deg, var(--light) 0%, var(--dark) 100%); color: white; padding: 15px 30px; border-radius: 5px; font-size: 15px; letter-spacing: 0.05em}
.btn-std:hover {color: white; background: linear-gradient(180deg, var(--dark) 0%, var(--dark) 100%);}

.index-about .btn-std:last-child:hover img {right: -10px; position: relative}
.btn-std img {transition: .5s; position: relative; right: 0}

.service-panel .service-list p {padding: 10px}
.service-panel .service-list p:hover {background: linear-gradient(180deg, var(--light) 0%, var(--dark) 100%); border-radius: 2px; color: white}
.service-panel .service-list p:hover span {color: white}
.service-panel .service-list p:hover img {filter: brightness(10)}

.block .container {position: relative;}
.block .dot {position: absolute;}
.block .dott {width: 80px; height: 80px; background: url(/images/dot.png); z-index: 9; top: 0; background-size: cover; transition: .5s; z-index: 9}
.block .dot1 {top: 70px; left: 150px;}
.block .dot2 {top: 70px; left: 260px;}
.block .dot3 {top: 80px; left: 360px;}
.block .dot4 {top: 330px; left: 320px;}
.block .dot5 {top: 140px; left: 500px;}
.block .dot6 {top: 220px; left: 590px;}
.block .dot7 {top: 150px; left: 730px;}
.block .dot p {opacity: 0; left: -1000px; position: absolute; width: 400px; background: white; padding: 10px; border-radius: 10px; filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));  z-index: 99999; top: 7px}
.block .dott:hover {background: url(/images/dot-h.png); background-size: cover;}
.block .dot:hover p {opacity: 1; left: 80px;}

.mscroll {position: fixed!important; top: 70px; width: 205px; z-index: 999;}

.header-fix {display: none}
.scroll .header-fix {display: flex; align-items: center}
.header-fix {position: fixed; background: white; top: 0; width: 100%; height: 80px; z-index: 99999; box-shadow: 0px 1px 15px #0000003b}
.header-fix .logo {margin-top: 0; position: absolute;}
header .header-fix ul.left-menu li a {color: #040404!important}
header .header-fix ul.left-menu li a img {filter: brightness(1)}
header .header-fix ul.left-menu li .btn-std img {filter: brightness(10)}
header .header-fix ul.left-menu li .btn-std {color: white!important}
header .header-fix ul.left-menu li:first-of-type a {opacity: 1}

.p-list .btn-std img {filter: brightness(10); position: relative; right: 0;}
.p-list .btn-std:hover img {right: -5px;}

.p-list {text-align: center}
.p-list .list {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.p-list .list .p-item {width: 30%; margin-right: 2%; margin-bottom: 2%}
.p-list .list .p-item img {width: 100%}
.p-list .list .p-item .name {position: static; background: none; margin: 0; padding: 0; font-size: 16px; text-align: left}
/*------footer------*/

footer {background: var(--prime); color: white; padding-top: 34px; position: relative; z-index: 9999; }
footer .col-xs-3 p {color: var(--grey); font-size: 11px; line-height: 15px; font-weight: 400; margin-top: 30px; opacity: .7}
.underfooter {border-top: 1px solid var(--grey); text-align: center; opacity: .5; margin-top: 20px}
.underfooter p, .underfooter a {color: var(--grey); font-size: 12px;}
.underfooter a {font-weight: 700; opacity: .7}
footer h3 {font-size: 16px; font-weight: 500; color: white}
footer a {font-size: 14px; line-height: 19px}

footer ul.left-menu li {background: none; padding: 2px 0;}
footer ul.left-menu li a {color: var(--grey)!important; font-size: 14px!important; font-weight: 400; opacity: .7}

footer .col-xs-6 .col-xs-4 p:first-of-type {color: var(--grey); opacity: .7; font-size: 14px; margin: 0}
footer p.adress {margin-bottom: 20px!important}
footer p, footer .col-xs-6 .col-xs-4 a {color: var(--grey); font-size: 14px; margin: 0}

.mobile {display: none}

header ul.left-menu li {position: relative;}
header ul.left-menu li ul  {background: white; border-radius: 20px}
header ul.left-menu li ul li {list-style: none; filter: brightness(0); padding: 3px; margin-bottom: 3px}
header ul.left-menu li ul {padding: 15px; position: absolute; width: 300px; z-index: 99; top: -500px; transition: .5s }
header ul.left-menu li ul li a {display: flex; align-items: center}

header ul.left-menu li.open ul {top: 50px}

.banner .btn-std {color: white; opacity: 1}
.p-panel .item {margin-bottom: 10px; display: inline-block}

header .imageblock {width: 100%; position: absolute; bottom: -12px; overflow: hidden; height: 200px;}
header .ice1 {position: absolute; z-index: 10; left: 40%; bottom: 0}
header .ice2 {position: absolute; z-index: 10; left: 70%; bottom: 0}
header .ship {position: absolute; z-index: 10; left: 0%; bottom: 0}
header .ice4 {position: absolute; z-index: 11; left: 90%; bottom: 0}
header .ice5 {position: absolute; z-index: 9; left: 90%; bottom: 0}
header .ice6 {position: absolute; z-index: 13; left: 20%; bottom: 0}
header .ice7 {position: absolute; z-index: 14; left: 40%; bottom: 0}
header .ice8 {position: absolute; z-index: 15; left: 30%; bottom: 0}


header:after {display: none}


.psudo.p-list .list .p-item {width: 100%; display: flex; align-items: flex-start; margin: 20px 0; }
.psudo.p-list .list .p-item  .image {width: 30%; margin: 0; margin-right: 30px}
.psudo.p-list .list .p-item  .info {width: 60%; text-align: left}
.psudo.p-list .list .p-item  .info p {margin: 5px 0}
.psudo.p-list .list .p-item  .info p, .psudo.p-list .list .p-item  .info div {font-size: 14px; color: #333333;}
.psudo.p-list .list .p-item  .info .name {font-weight: bold; font-size: 18px}
.psudo hr {width: 100%}

@media screen and (max-device-width: 768px) 
{
    header {height: 380px;}
 iframe {width: 100%}
}
@media screen and (max-device-width: 500px) 
{
 header:after {display: block; }
header .imageblock {display: none}
     header {height: 300px;} 

  
}

.sidebar ul.left-menu li a img {max-width: 30px}
header ul.left-menu li a img {max-width: 30px}
header .open .telo ul.left-menu li a img {max-width: 100%}



.js-trigger-popup-modal {background: #f5f5f5; width: 90%; max-width: 500px; margin: auto; padding: 20px; position: relative; border-radius: 20px;}
.js-trigger-popup-modal .headline { font-weight: bold; text-transform: uppercase; max-width: 300px; text-align: center; margin: auto; margin-top: 20px;}
.js-trigger-popup-modal .line input {width: 100%; border-radius: 20px; border: none; padding: 10px 20px}
.js-trigger-popup-modal .line textarea {width: 100%; border-radius: 20px; border: none; padding: 10px 20px;     resize: none;
    max-height: 80px; height: 80px; margin-bottom: 10px;
    overflow-y: auto;}
.js-trigger-popup-modal .line p {margin-bottom: 5px}
.js-trigger-popup-modal form button {background: linear-gradient(180deg, var(--light) 0%, var(--dark) 100%); width: 100%; border: none; color: white;
    padding: 15px 30px;
    border-radius: 5px;}

.otvetform {background: #f5f5f5; width: 90%; max-width: 500px; margin: auto; padding: 20px; position: relative; border-radius: 20px;}

/**/
/* cookies */
.cookies {position: fixed; width: 437px; max-width: 100%; background: white; border-radius: 16px; display: flex; height: 96px; align-items: center; justify-content: space-between; padding: 24px; right: 34px; bottom: 34px; z-index: 9999 }
.cookies p {width: calc(100% - 120px); font-size: 16px; font-weight: 500}
.cookies p a {color: #ffffff; text-decoration: underline}

.btn-cookie {background: #283B82; display: inline-flex; padding: 10px;
    border-radius: 10px;
    color: white;}

@media screen and (max-width: 768px){
    .cookies {left: 3%; bottom: 20px; border-radius: 16px; height: auto; width: 94%; display: flex; flex-direction: column}
        .cookies p {font-size: 17px}
    .cookies p {width: 100%; text-align: center}
     .cookies .btns {width: 100%; margin-top: 20px}
    .btn-cookie {width: 100%; display: block; text-align: center}
}

@import "/bitrix/templates/bitrix_svk/css/mobile.css";
/* End */


/* Start:/bitrix/templates/bitrix_svk/css/mobile.css?16879332045200*/
@media screen and (max-device-width: 1768px) 
{
    header:after {width: 100%}
}
@media screen and (max-device-width: 1400px) 
{
   .container {width: 100%; padding: 10px}
}

@media screen and (max-device-width: 1024px) 
{
.service-list {flex-wrap: wrap}
    header ul.left-menu li a {font-size: 12px}
    header .header-fix ul.left-menu li a {font-size: 11px}
}

.news-item .image img {width: 100%}

@media screen and (max-device-width: 768px) 
{
.nomobile {display: none}
.mobile {display: block}
.scroll .header-fix {display: none}

.row-svk {flex-wrap: wrap;}
/**/
.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 {width: 100%}
/*  */
.container {padding: 0; width: 100%;}
.block {display: none;}
    header:after {width: 200%; background-size: contain; background-repeat: no-repeat; background-position: -100%; left: -70%; bottom: -60px}
     header:before {bottom: -50px}
        header {overflow: hidden;}
.service-list {flex-wrap: wrap}
    .index-news .news-list {flex-wrap: wrap;}
    header ul.left-menu {display: none;}

    header .logo img {width: 80%}
    .index-news .news-list .news-item {width: 100%; padding: 10px}
    .index-news .news-list .news-item .image img {width: 100%}

.proj-slider {overflow: hidden;}

    .index-about .btns {flex-wrap: wrap}
    .index-about .btns .btn {width: 100%; margin-top: 10px}
 header {height: 270px; background-position: center;}
    header .logo {margin-top: 50px; margin-left: 40px}


    .service-panel .service-list p {background: white; width: 100%; padding: 10px; text-align: left; padding-left: 50px; margin-bottom: 5px}
     .service-panel .service-list p a {justify-content: flex-start}
    .index-projects {padding-top: 0; height: auto;}
    
    .sidebar {display: none}
    .content .col-xs-10 {padding-left: 0; padding: 10px;}
.bread {display: none}
 .cont-list .cont-item {width: 100%}

 .news-list .item .name {
    position: absolute;
    bottom: -35px;
    left: 7px;
    z-index: 99;
    background: white;
    padding: 8px 20px;
    font-size: 14px;
     line-height: 15px; 
    width: 90%;
}

.proj-list .item .name {
    position: absolute;
    bottom: -35px;
    left: 7px;
    z-index: 99;
    background: white;
    padding: 8px 20px;
    font-size: 14px;
     line-height: 15px; 
    width: 90%;
}

.p-panel .item {margin-bottom: 10px; display: inline-block}

  .cont-list {margin-top: 0}
    .cont-item {margin-bottom: 0}

    .usluga .name {font-size: 16px; padding: 0 5px; bottom: -25px; left: 15px }


  .usluga .pr {/* display: none; */}
    .usluga .p-list .list {/* display: none; */}
    .usluga .p-list {margin-top: 50px}
    .index-projects h2, .index-news h2 {padding-left: 10px}

    .psudo.p-list .list .p-item {flex-direction: column }
.psudo.p-list .list .p-item  .image {width: 100%; margin: 0; margin-right: 30px}
.psudo.p-list .list .p-item  .info {width: 100%; text-align: left}

    footer .col-xs-6 .col-xs-3, footer .col-xs-6 .col-xs-5 {display: none}
    footer .col-xs-6 h3 {display: none}
    footer .col-xs-6 .col-xs-4 {padding-left: 0; padding-right: 0; margin-top: 30px}

    .index-about .row:first-of-type {position: relative}
   .index-about .row:first-of-type .col-xs-4 {position: absolute; opacity: .2; top: 150px }
    .index-about .row:first-of-type .col-xs-4 img {height: 618px}

        .index-news .btn-std {position: relative; top: 30px;}
        .index-about {overflow: hidden}
    header .burger {background: url(/images/Burger.png); width: 70px; height: 80px; position: fixed; top: 0; right: 10px; z-index: 9999999;}
 header .open .burger {background: url(/images/close.png); background-position: center; background-repeat: no-repeat}
 header .open .telo {background: #f3f7fd; position: fixed; width: 100%; top: -20px; left: 0; z-index: 99999; padding-left: 50px;padding-top: 70px; padding-bottom: 0px; border-radius: 20px; box-shadow: 0px 5px 15px #0000003d}
     header .open .telo ul {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    header .open .telo ul.left-menu li a {color: var(--deep)!important}
    header .open .telo ul.left-menu li a img {filter: brightness(1)}
    header .open .telo ul.left-menu .email {color: var(--dark)!important;}
    header .open .telo ul.left-menu li {width: 100%}
header .open .telo ul.left-menu li .btn-std {display: flex; width: 90%; color: white!important; justify-content: center}  
header .open .telo ul.left-menu li:first-of-type a img {filter: brightness(0); width: 70%}

    footer .social {text-align: center; margin-top: 20px}

    header .open .telo ul li ul {position: static; background: none}
    header .open .telo ul li ul img {display: none;}

    footer .logo img{width: 100%} 

     header .open .telo ul.left-menu li li a {color: var(--dark)!important}
      header .open .telo ul.left-menu li ul li {filter: none}
          header .open .telo ul.left-menu li:first-of-type a img {filter: none; opacity: 1;}
   header .open .telo ul.left-menu li a {opacity: 1;}
       p.high {color: var(--deep); opacity: .8; font-size: 18px; line-height: 22px}
    h2 {font-size: 24px}
     .usluga h3 {font-size: 20px}

}
/* End */


/* Start:/bitrix/templates/bitrix_svk/components/bitrix/menu/template1/style.min.css?1687933204490*/
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/templates/bitrix_svk/components/bitrix/menu/template1/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:/bitrix/templates/bitrix_svk/components/bitrix/menu/template1-fix/style.min.css?1687933204490*/
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/templates/bitrix_svk/components/bitrix/menu/template1-fix/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:/bitrix/templates/bitrix_svk/components/bitrix/menu/template1-mob/style.min.css?1687933204490*/
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/templates/bitrix_svk/components/bitrix/menu/template1-mob/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:/bitrix/components/bitrix/menu/templates/.default/style.min.css?1687933201490*/
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:/bitrix/templates/bitrix_svk/styles.css?16879332044*/


/* End */


/* Start:/bitrix/templates/bitrix_svk/template_styles.css?1687933204759*/
@charset "UTF-8";
/*
	@media screen and (min-width: px) and (max-width: px) {
		
	}
	font-family: 'PT Serif', serif;
	
	-webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.3);
    box-shadow: 0 15px 10px -10px rgba(0,0,0,0.3),0 1px 0 rgba(0,0,0,0.1);
	
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
*/
/*html, body {margin:0; padding:0;}
body {}
a img {border:none;}
a {color: #42657b;}
a:hover { color: #900;}
header, footer, section, article, aside { display: block;}
.clb {clear:both;height:0px;}
.container {}*/
/* End */
/* /bitrix/templates/bitrix_svk/css/normalize.css?16879332045258 */
/* /bitrix/templates/bitrix_svk/lib/bootstrap/bootstrap-grid.css?168793320411919 */
/* /bitrix/templates/bitrix_svk/lib/magnific-popup/magnific-popup.css?16879332045820 */
/* /bitrix/templates/bitrix_svk/css/main.css?179388427816546 */
/* /bitrix/templates/bitrix_svk/css/mobile.css?16879332045200 */
/* /bitrix/templates/bitrix_svk/components/bitrix/menu/template1/style.min.css?1687933204490 */
/* /bitrix/templates/bitrix_svk/components/bitrix/menu/template1-fix/style.min.css?1687933204490 */
/* /bitrix/templates/bitrix_svk/components/bitrix/menu/template1-mob/style.min.css?1687933204490 */
/* /bitrix/components/bitrix/menu/templates/.default/style.min.css?1687933201490 */
/* /bitrix/templates/bitrix_svk/styles.css?16879332044 */
/* /bitrix/templates/bitrix_svk/template_styles.css?1687933204759 */