article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
    font-family: sans-serif
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #f7f6a6;
    color: #000;
    padding: .2em
}

p,
pre {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ol,
nav ul {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure,
form {
    margin: 0
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: fregat;
    src: url(../fonts/Fregat/fregat.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: fregat;
    src: url(../fonts/Fregat/fregat_bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: fregat;
    src: url(../fonts/Fregat/fregat_bold_italic.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: fregat;
    src: url(../fonts/Fregat/fregat_italic.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: segoebold;
    src: url(../fonts/SegoePrint/segoeprb.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face{
    font-family: coving;
    src:url(../../fonts/COVING09.TTF);
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased
}

html {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: 400;
    background: #fff
}

body {
    position: relative;
    min-width: 600px;
    overflow: hidden
}

::-moz-selection {
    color: #fee818;
    background: #000
}

::selection {
    color: #fee818;
    background: #000
}

::-moz-selection {
    color: #fee818;
    background: #000
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999;
    opacity: 1
}

:-ms-input-placeholder {
    color: #999;
    opacity: .4
}

::-ms-clear {
    display: none
}

::-ms-reveal {
    display: none
}

:disabled {
    cursor: default;
    pointer-events: none;
    opacity: .7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wrap {
    width: 1170px;
    max-width: 1280px;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width:767px) {
    .wrap {
        width: 90%;
        padding: 0 30px
    }
}

* {
    -webkit-tap-highlight-color: transparent
}

img {
    margin: 0
}

a {
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a:hover {
    -webkit-transition: none;
    transition: none;
    text-decoration: none
}

a:focus {
    outline: 0
}

a[href^=mailto] {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

p {
    line-height: 1.8em;
    margin: 1.8em 0
}

.text-grid .col>p:first-child,
.text-grid [class^=col-]>p:first-child {
    margin-top: 0
}

nav ul {
    margin: 0;
    padding: 0
}

button,
input,
textarea {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000
}

table {
    margin: 0;
    padding: 0;
    width: 100%
}

td,
th {
    border: 1px solid #000;
    text-align: left
}

[type=checkbox],
[type=radio] {
    cursor: pointer
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

figcaption,
figure {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.8em
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.unlined,
.unlined a {
    text-decoration: none
}

.unline {
    font-size: 50%;
    border-bottom: 1px solid rgba(51, 153, 204, .6)
}

.unline>span {
    font-size: 200%
}

.visible-xs {
    display: none
}

.nowrap {
    white-space: nowrap
}

.row {
    display: block;
    position: relative;
    font-size: 0;
    margin: 0 -15px;
    text-align: left
}

.col,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    display: inline-block;
    vertical-align: top;
    width: 8.33333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-2 {
    width: 16.66666667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333333%
}

.col-5 {
    width: 41.66666667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333333%
}

.col-8 {
    width: 66.66666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333333%
}

.col-11 {
    width: 91.66666667%
}

.col-12 {
    width: 100%
}

.col-offset-1 {
    margin-left: 8.33333333%
}

.col-offset-2 {
    margin-left: 16.66666667%
}

.col-offset-3 {
    margin-left: 25%
}

.col-offset-4 {
    margin-left: 33.33333333%
}

.col-offset-5 {
    margin-left: 41.66666667%
}

.col-offset-6 {
    margin-left: 50%
}

.col-offset-7 {
    margin-left: 58.33333333%
}

.col-offset-8 {
    margin-left: 66.66666667%
}

.col-offset-9 {
    margin-left: 75%
}

.col-offset-10 {
    margin-left: 83.33333333%
}

.col-offset-11 {
    margin-left: 91.66666667%
}

@media (max-width:1340px),
(max-height:800px) {
    .wrap {
        width: 960px
    }
    .col-s-1 {
        width: 8.33333333%
    }
    .col-s-2 {
        width: 16.66666667%
    }
    .col-s-3 {
        width: 25%
    }
    .col-s-4 {
        width: 33.33333333%
    }
    .col-s-5 {
        width: 41.66666667%
    }
    .col-s-6 {
        width: 50%
    }
    .col-s-7 {
        width: 58.33333333%
    }
    .col-s-8 {
        width: 66.66666667%
    }
    .col-s-9 {
        width: 75%
    }
    .col-s-10 {
        width: 83.33333333%
    }
    .col-s-11 {
        width: 91.66666667%
    }
    .col-s-12 {
        width: 100%
    }
    .col-s-offset-0 {
        margin-left: 0
    }
    .col-s-offset-1 {
        margin-left: 8.33333333%
    }
    .col-s-offset-2 {
        margin-left: 16.66666667%
    }
    .col-s-offset-3 {
        margin-left: 25%
    }
    .col-s-offset-4 {
        margin-left: 33.33333333%
    }
    .col-s-offset-5 {
        margin-left: 41.66666667%
    }
    .col-s-offset-6 {
        margin-left: 50%
    }
    .col-s-offset-7 {
        margin-left: 58.33333333%
    }
    .col-s-offset-8 {
        margin-left: 66.66666667%
    }
    .col-s-offset-9 {
        margin-left: 75%
    }
    .col-s-offset-10 {
        margin-left: 83.33333333%
    }
    .col-s-offset-11 {
        margin-left: 91.66666667%
    }
}

@media (max-width:980px) {
    .wrap {
        width: 86%
    }
    .col,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-offset-1,
    .col-offset-10,
    .col-offset-11,
    .col-offset-2,
    .col-offset-3,
    .col-offset-4,
    .col-offset-5,
    .col-offset-6,
    .col-offset-7,
    .col-offset-8,
    .col-offset-9 {
        width: 100%;
        margin-left: 0
    }
}

.local-link {
    text-decoration: none;
    border-bottom: 1px dashed #919191
}

.local-link:hover {
    border-color: transparent
}

.btn {
    display: inline-block;
    height: 45px;
    padding: 0 29px;
    vertical-align: top;
    /*line-height: 42px;*/
    margin: 0;
    outline: 0;
    background: 0 0;
    color: #fee818;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    border: 2px solid #fee818;
    border-radius: 23px;
    font-weight: 700;
    font-size: 17px;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn:focus,
.btn:hover {
    background: #fee818;
    color: #000;
    -webkit-transition: none;
    transition: none
}

.btn:active {
    top: 1px
}

.btn--big {
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    font-size: 20px
}

.input-text,
.textarea {
    display: inline-block;
    height: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 13px;
    border: 1px solid #576779;
    border-radius: 4px;
    outline: 0;
    background: 0 0;
    font-size: 13px;
    vertical-align: top;
    color: #fff;
    -webkit-appearance: none;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.input-text:disabled,
.textarea:disabled {
    border: 1px solid #ddd;
    color: #aaa;
    background: #eee;
    pointer-events: none;
    opacity: 1
}

.input-text.error,
.textarea.error {
    border-color: #f65c5c;
    color: #f65c5c;
    background: rgba(249, 100, 100, .3)
}

.input-text.error::-webkit-input-placeholder,
.textarea.error::-webkit-input-placeholder {
    color: #f65c5c
}

.input-text.error::-moz-placeholder,
.textarea.error::-moz-placeholder {
    color: #f65c5c
}

.input-text.error:-ms-input-placeholder,
.textarea.error:-ms-input-placeholder {
    color: #f65c5c;
    opacity: 1
}

.input-text:focus,
.textarea:focus {
    border-color: #e3f0ff;
    color: #e3f0ff;
    -webkit-transition: none;
    transition: none
}

.input-text.error:focus,
.textarea.error:focus {
    border-color: #f65c5c
}

.input-text[type=password],
.textarea[type=password] {
    font-family: Arial, Helvetica, sans-serif
}

.textarea {
    display: block;
    height: 6.8em;
    width: 100%;
    padding: 1em;
    line-height: 1.8em;
    resize: vertical
}

.scroll-wrapper {
    overflow: hidden!important;
    padding: 0!important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none!important;
    max-width: none!important;
    overflow: scroll!important;
    padding: 0;
    position: relative!important;
    top: 0;
    width: auto!important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea>.scroll-content {
    overflow: hidden!important
}

.scroll-textarea>.scroll-content>textarea {
    border: none!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%!important;
    margin: 0;
    max-height: none!important;
    max-width: none!important;
    overflow: scroll!important;
    outline: 0;
    padding: 2px;
    position: relative!important;
    top: 0;
    width: 100%!important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-inner>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%
}

.scrollbar-inner>.scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-inner>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track {
    border-radius: 8px
}

.scrollbar-inner>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element .scroll-element_track {
    -ms-filter: "alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #e0e0e0
}

.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #c2c2c2
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #919191
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-outer>.scroll-element {
    background-color: #fff
}

.scrollbar-outer>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #eee
}

.scrollbar-outer>.scroll-element .scroll-bar,
.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track {
    border-radius: 8px
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #d9d9d9
}

.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2
}

.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191
}

.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px
}

.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: 10px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: 10px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px
}

.scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-macosx>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border-radius: 7px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7
}

.scrollbar-macosx>.scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%
}

.scrollbar-macosx>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-light>.scroll-element,
.scrollbar-light>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-light>.scroll-element {
    background-color: #fff
}

.scrollbar-light>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-light>.scroll-element .scroll-element_outer {
    border-radius: 10px
}

.scrollbar-light>.scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #dbdbdb), to(#e8e8e8));
    background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%);
    border-radius: 10px
}

.scrollbar-light>.scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-light>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px
}

.scrollbar-light>.scroll-element .scroll-bar {
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fefefe), to(#f5f5f5));
    background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%);
    border: 1px solid #dbdbdb;
    border-radius: 10px
}

.scrollbar-light>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-light>.scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0
}

.scrollbar-light>.scroll-element.scroll-y .scroll-bar {
    left: 0;
    min-height: 10px;
    width: 10px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

.scrollbar-rail>.scroll-element,
.scrollbar-rail>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-rail>.scroll-element {
    background-color: #fff
}

.scrollbar-rail>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-rail>.scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, .3)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, .5)
}

.scrollbar-rail>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%
}

.scrollbar-rail>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px
}

.scrollbar-rail>.scroll-element .scroll-bar {
    background-color: #d0b9a0;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6)
}

.scrollbar-rail>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}

.scrollbar-rail>.scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 10px;
    width: 10px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px
}

.scrollbar-dynamic>.scroll-element,
.scrollbar-dynamic>.scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-dynamic>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    top: 0
}

.scrollbar-dynamic>.scroll-element .scroll-element_outer {
    opacity: .3;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element .scroll-element_size {
    opacity: 0;
    border-radius: 12px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.scrollbar-dynamic>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    border-radius: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    min-height: 24px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height .2s;
    transition: height .2s
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    -webkit-transition: width .2s;
    transition: width .2s
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer {
    overflow: hidden;
    -ms-filter: "alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size {
    opacity: 1
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer {
    height: 20px;
    min-height: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer {
    min-width: 7px
}

.scrollbar-chrome>.scroll-element,
.scrollbar-chrome>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-chrome>.scroll-element {
    background-color: #fff
}

.scrollbar-chrome>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-chrome>.scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-chrome>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px
}

.scrollbar-chrome>.scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;
    border-radius: 2px
}

.scrollbar-chrome>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9
}

.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e
}

.scrollbar-chrome>.scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px
}

.scrollbar-chrome>.scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

.scrollbar-dynamic>.scroll-element.scroll-x {
    display: none
}

.scrollbar-dynamic>.scroll-element.scroll-y {
    right: 51px;
    z-index: 99;
    width: 16px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    width: 16px;
    height: calc(100% - 300px);
    top: 150px;
    opacity: 1
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer:after {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 7px;
    background: rgba(0, 0, 0, .1);
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.scroll-on-outsourcing .scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer:after {
    background: #737373
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer:hover .scroll-bar:after {
    background: #2c4766;
    -webkit-transition: none;
    transition: none
}

.scroll-on-outsourcing .scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer:hover .scroll-bar:after {
    background: #ddd
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    width: 16px;
    right: auto;
    left: 0;
    background: 0 0
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar:after {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    padding-bottom: 10px;
    top: 0;
    left: 6px;
    width: 4px;
    background: #000;
    border-radius: 2px;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.scroll-on-outsourcing .scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar:after {
    background: #fff
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer {
    width: 16px
}

.scrollbar-dynamic>.scroll-element .scroll-element_size {
    background: 0 0;
    top: 0
}


/*!
 * Fotorama 4.6.3 | http://fotorama.io/license/
 */

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.fotorama--fullscreen,
.fotorama__img {
    max-width: 99999px!important;
    max-height: 99999px!important;
    min-width: 0!important;
    min-height: 0!important;
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    padding: 0!important
}

.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.fotorama__spinner {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important
}

.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
    outline: 0
}

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
    content: '';
    border-radius: inherit;
    background-color: rgba(0, 175, 234, .5)
}

.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform: none!important;
    transform: none!important
}

.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fotorama__nav,
.fotorama__nav__frame {
    margin: auto;
    padding: 0
}

.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

.fotorama__nav__frame,
.fotorama__thumb-border {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.fotorama__caption__wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fotorama--hidden,
.fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
    -webkit-tap-highlight-color: transparent
}

@media (-webkit-min-device-pixel-ratio:1.5),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__video-close,
    .fotorama__video-play {
        background: url(fotorama%402x.html) 0 0 160px no-repeat
    }
}

.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127, 127, 127, .2)
}

@media print {
    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__thumb-border,
    .fotorama__video-close,
    .fotorama__video-play {
        background: none!important
    }
}

.fotorama {
    min-width: 1px;
    overflow: hidden
}

.fotorama:not(.fotorama--unobtrusive)>:not(:first-child) {
    display: none
}

.fullscreen {
    width: 100%!important;
    height: 100%!important;
    max-width: 100%!important;
    max-height: 100%!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    background: #000
}

.fotorama--fullscreen {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    float: none!important;
    z-index: 2147483647!important;
    background: #000;
    width: 100%!important;
    height: 100%!important;
    margin: 0!important
}

.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
    background: #000
}

.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0
}

.fotorama__wrap--rtl .fotorama__stage__frame {
    direction: rtl
}

.fotorama__nav,
.fotorama__stage {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.fotorama__wrap--pan-y {
    -ms-touch-action: pan-y
}

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1!important
}

.fotorama__stage__frame {
    overflow: hidden
}

.fotorama__stage__frame.fotorama__active {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__stage__frame {
    display: none
}

.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
    display: block;
    left: 0;
    top: 0
}

.fotorama__wrap--fade .fotorama__fade-front {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__fade-rear {
    z-index: 7
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
    z-index: 9
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display: none
}

.fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: none!important
}

.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
    display: none
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display: block
}

.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
    max-width: 99999px!important
}

.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility: hidden
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
    visibility: visible
}

.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5
}

.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left
}

.fotorama__nav__frame {
    position: relative;
    cursor: pointer
}

.fotorama__nav--dots {
    display: block
}

.fotorama__nav--dots .fotorama__nav__frame {
    width: 18px;
    height: 30px
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
    display: none
}

.fotorama__nav--thumbs {
    display: block
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-left: 0!important
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
    padding-right: 0!important
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
    display: none
}

.fotorama__dot {
    display: block;
    width: 4px;
    height: 4px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid #7f7f7f
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    padding: 1px;
    top: -1px;
    left: -1px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0;
    height: 0;
    border-width: 3px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
    padding: 3px;
    top: -3px;
    left: -3px
}

.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.fotorama__nav__frame:focus .fotorama__thumb {
    z-index: 2
}

.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, .25)), to(rgba(64, 64, 64, .1)));
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, .5)
}

.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51, 51, 51, .5)
}

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0
}

.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
    display: none
}

.fotorama__caption__wrap {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    padding: 5px 10px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear
}

.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.fotorama__select {
    cursor: auto
}

.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10
}

@-moz-document url-prefix() {
    .fotorama__active {
        box-shadow: 0 0 0 transparent
    }
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    position: absolute;
    z-index: 11;
    cursor: pointer
}

.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px
}

.fotorama__arr--prev {
    left: 2px;
    background-position: 0 0
}

.fotorama__arr--next {
    right: 2px;
    background-position: -32px 0
}

.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: .1
}

.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 2px;
    right: 2px;
    z-index: 20
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
    border-radius: 50%
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -32px -32px
}

.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display: none
}

.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
    opacity: 1;
    display: block
}

.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px
}

.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    z-index: 20;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-close {
    display: none
}

.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 0
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    opacity: 1
}

.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity: 0!important
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display: none
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    display: block
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none!important
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform: translate3d(-48px, 0, 0);
    transform: translate3d(-48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform: translate3d(48px, 0, 0);
    transform: translate3d(48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px, -32px, 0)!important;
    transform: translate3d(32px, -32px, 0)!important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px, 0, 0)!important;
    transform: translate3d(-48px, 0, 0)!important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px, 0, 0)!important;
    transform: translate3d(48px, 0, 0)!important
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%, 5px 100%
}

.fotorama__nav:before,
.fotorama__stage:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .2)25%, rgba(0, 0, 0, .3)75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
    background-position: 0 0, 0 0;
    left: -10px
}

.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
    left: 0
}

.fotorama__nav:after,
.fotorama__stage:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, .2)), color-stop(75%, rgba(0, 0, 0, .3)), to(transparent)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .2)25%, rgba(0, 0, 0, .3)75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
    background-position: 100% 0, 100% 0;
    right: -10px
}

.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
    right: 0
}

.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
    display: none
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    background: url(../libs/fotorama/fotorama.png) no-repeat
}

.fotorama__wrap .fotorama__pointer {
    cursor: default
}

@media (-webkit-min-device-pixel-ratio:1.5),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__video-close,
    .fotorama__video-play {
        background: url(../libs/fotorama/fotorama%402x.png) 0 0 160px no-repeat
    }
}

.s-bonuses-1_big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -350px -544px;
    width: 100px;
    height: 100px
}

.s-bonuses-2_big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -451px -544px;
    width: 100px;
    height: 100px
}

.s-bonuses-3_big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -249px -544px;
    width: 100px;
    height: 100px
}

.s-bottle-1_big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -584px -356px;
    width: 42px;
    height: 64px
}

.s-castle {
    background-image: url(../img/sprite/sprite.png);
    background-position: -249px -445px;
    width: 131px;
    height: 98px
}

.s-cat-contacts {
    background-image: url(../img/sprite/sprite.png);
    background-position: 0 0;
    width: 309px;
    height: 355px
}

.s-cat-frontender-big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -310px 0;
    width: 314px;
    height: 342px
}

.s-cat-manager-big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -625px 0;
    width: 304px;
    height: 320px
}

.s-cat-progger-big {
    background-image: url(../img/sprite/sprite.png);
    background-position: 0 -356px;
    width: 248px;
    height: 291px
}

.s-kraken {
    background-image: url(../img/sprite/sprite.png);
    background-position: -249px -356px;
    width: 209px;
    height: 88px
}

.s-li-bitrix_big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -627px -356px;
    width: 40px;
    height: 40px
}

.s-li-design_big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -668px -356px;
    width: 40px;
    height: 40px
}

.s-li-frontend_big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -709px -356px;
    width: 40px;
    height: 40px
}

.s-li-prog_big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -750px -356px;
    width: 40px;
    height: 40px
}

.s-li-wordpress_big {
    background-image: url(../img/sprite/sprite.png);
    background-position: -791px -356px;
    width: 40px;
    height: 40px
}

.s-sos {
    background-image: url(../img/sprite/sprite.png);
    background-position: -459px -356px;
    width: 124px;
    height: 70px
}

.s-swipe {
    background-image: url(../img/sprite/sprite.png);
    background-position: -381px -445px;
    width: 65px;
    height: 77px
}

.s-bonuses-1_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -349px -542.5px;
    width: 100px;
    height: 100px;
    background-size: 928px
}

.s-bonuses-2_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -449.5px -542.5px;
    width: 100px;
    height: 100px;
    background-size: 928px
}

.s-bonuses-3_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -248.5px -542.5px;
    width: 100px;
    height: 100px;
    background-size: 928px
}

.s-bottle-1_big_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -582.5px -355.5px;
    width: 42px;
    height: 64px;
    background-size: 928px
}

.s-castle_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -248.5px -444px;
    width: 131px;
    height: 98px;
    background-size: 928px
}

.s-cat-contacts_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: 0 0;
    width: 309px;
    height: 355px;
    background-size: 928px
}

.s-cat-frontender-big-2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -309.5px 0;
    width: 314px;
    height: 342px;
    background-size: 928px
}

.s-cat-manager-big-2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -624px 0;
    width: 304px;
    height: 320px;
    background-size: 928px
}

.s-cat-progger-big-2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: 0 -355.5px;
    width: 248px;
    height: 291px;
    background-size: 928px
}

.s-kraken-2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -248.5px -355.5px;
    width: 209px;
    height: 88px;
    background-size: 928px
}

.s-li-bitrix_big_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -625px -355.5px;
    width: 40px;
    height: 40px;
    background-size: 928px
}

.s-li-design_big_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -665.5px -355.5px;
    width: 40px;
    height: 40px;
    background-size: 928px
}

.s-li-frontend_big_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -706px -355.5px;
    width: 40px;
    height: 40px;
    background-size: 928px
}

.s-li-prog_big_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -746.5px -355.5px;
    width: 40px;
    height: 40px;
    background-size: 928px
}

.s-li-wordpress_big_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -787px -355.5px;
    width: 40px;
    height: 40px;
    background-size: 928px
}

.s-sos-2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -458px -355.5px;
    width: 124px;
    height: 70px;
    background-size: 928px
}

.s-swipe_2x {
    background-image: url(../img/sprite-2x/sprite-2x.png);
    background-position: -380px -444px;
    width: 65px;
    height: 77px;
    background-size: 928px
}

.map-pic {
    width: 50px;
    height: 50px;
    background: red
}

.map-pic.p-pm {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1749px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 115px;
    width: 80px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-pm {
        background-position: 0 -1589px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-bf {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -455px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 39px;
    width: 43px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-bf {
        background-position: 0 -420px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-build-1 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -504px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 53px;
    width: 141px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-build-1 {
        background-position: 0 -464px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-dirigable {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -54px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 87px;
    width: 530px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-dirigable {
        background-position: 0 -44px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-ufo {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2558px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 155px;
    width: 136px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-ufo {
        background-position: 0 -2338px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-ship {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2345px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 113px;
    width: 180px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-ship {
        background-position: 0 -2145px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-serf {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1874px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 72px;
    width: 91px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-serf {
        background-position: 0 -1709px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-nessi {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1685px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 54px;
    width: 195px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-nessi {
        background-position: 0 -1530px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-bytilka {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -567px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 23px;
    width: 19px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-bytilka {
        background-position: 0 -522px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-kornilov {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1356px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 99px;
    width: 85px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-kornilov {
        background-position: 0 -1216px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-hersones {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1111px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 66px;
    width: 69px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-hersones {
        background-position: 0 -996px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-vsb {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2723px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 62px;
    width: 56px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-vsb {
        background-position: 0 -2498px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-shark {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2000px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 56px;
    width: 124px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-shark {
        background-position: 0 -1825px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-godzilla {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1014px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 87px;
    width: 151px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-godzilla {
        background-position: 0 -904px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-mayak {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1565px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 110px;
    width: 112px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-mayak {
        background-position: 0 -1415px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-kraken {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1465px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 90px;
    width: 219px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-kraken {
        background-position: 0 -1320px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-island {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -151px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 111px;
    width: 134px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-island {
        background-position: 0 -136px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-iceberg {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1187px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 89px;
    width: 190px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-iceberg {
        background-position: 0 -1067px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-delfin {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -862px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 28px;
    width: 69px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-delfin {
        background-position: 0 -772px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-ship-1 {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: swing 4s infinite;
    animation: swing 4s infinite;
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2099px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 72px;
    width: 58px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-ship-1 {
        background-position: 0 -1914px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-ship-2 {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: swing 5s infinite;
    animation: swing 5s infinite;
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2181px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 72px;
    width: 58px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-ship-2 {
        background-position: 0 -1991px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-ship-3 {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: swing 6s infinite;
    animation: swing 6s infinite;
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2263px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 72px;
    width: 58px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-ship-3 {
        background-position: 0 -2068px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-shell {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2066px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 23px;
    width: 24px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-shell {
        background-position: 0 -1886px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-serfer {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1956px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 34px;
    width: 55px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-serfer {
        background-position: 0 -1786px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-byi-1 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 17px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-byi-1 {
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-byi-2 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -27px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 17px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-byi-2 {
        background-position: 0 -22px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-flower-3 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -938px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 28px;
    width: 20px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-flower-3 {
        background-position: 0 -838px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-flower-2 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -900px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 28px;
    width: 20px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-flower-2 {
        background-position: 0 -805px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-flower {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -976px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 28px;
    width: 20px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-flower {
        background-position: 0 -871px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-cat {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -835px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 17px;
    width: 13px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-cat {
        background-position: 0 -750px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-cat-2 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -712px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 17px;
    width: 13px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-cat-2 {
        background-position: 0 -642px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-cat-3 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -739px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 17px;
    width: 13px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-cat-3 {
        background-position: 0 -664px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-car-1 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -600px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 18px;
    width: 48px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-car-1 {
        background-position: 0 -550px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-car-2 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -628px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 18px;
    width: 48px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-car-2 {
        background-position: 0 -573px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-car-3 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -656px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 18px;
    width: 48px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-car-3 {
        background-position: 0 -596px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-car-4 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -684px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 18px;
    width: 48px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-car-4 {
        background-position: 0 -619px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-trash {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2505px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 18px;
    width: 14px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-trash {
        background-position: 0 -2295px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-trash-2 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2468px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 27px;
    width: 16px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-trash-2 {
        background-position: 0 -2263px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-tree-1 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -272px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 47px;
    width: 40px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-tree-1 {
        background-position: 0 -252px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-tree-2 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -329px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 60px;
    width: 63px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-tree-2 {
        background-position: 0 -304px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-tree-3 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -399px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 46px;
    width: 53px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-tree-3 {
        background-position: 0 -369px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-kamni-1 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1286px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 8px;
    width: 28px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-kamni-1 {
        background-position: 0 -1161px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-kamni-2 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1304px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 18px;
    width: 34px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-kamni-2 {
        background-position: 0 -1174px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-kamni-3 {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -1332px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 14px;
    width: 44px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-kamni-3 {
        background-position: 0 -1197px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-trava {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -2533px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 15px;
    width: 23px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-trava {
        background-position: 0 -2318px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.map-pic.p-cat-marker {
    background-image: url(../img/map-s4f404a1649.png);
    background-position: 0 -766px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 59px;
    width: 59px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:2) {
    .map-pic.p-cat-marker {
        background-position: 0 -686px;
        background-size: 530px auto;
        background-image: url(../img/map-2x-s66f143fce1.png)
    }
}

.page-wrap {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background: #262626
}

html.mobile .page-wrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.preloader {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fee817;
    z-index: 99
}

.preloader__counter {
    width: 100%;
    position: absolute;
    top: 265px;
    left: 0;
    font-weight: 700;
    font-size: 120px;
    color: #fff;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 1;
    text-align: center
}

.preloader__inner {
    width: 369px;
    height: 524px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.preloader__bomb {
    max-width: 100%;
    width: 100%
}

.preloader__boom {
    display: none;
    width: 941px;
    height: 714px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.preloader__boom-stars {
    position: absolute!important;
    top: -20px;
    right: 27px;
    z-index: 1!important;
    -webkit-transition: all .25s ease-in!important;
    transition: all .25s ease-in!important
}

.preloader__boom img {
    max-width: 100%;
    display: block;
    margin-left: -40px;
    position: relative;
    z-index: 3;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.preloader__boom.boom img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (max-width:1340px) {
    .preloader__inner {
        width: 253px;
        height: 357px
    }
    .preloader__counter {
        top: 180px;
        font-size: 81px
    }
    .preloader__boom {
        width: 643px;
        height: 487px
    }
    .preloader__boom-stars {
        right: -47px;
        top: -20px
    }
}

@media screen and (max-width:980px) {
    .preloader__inner {
        width: 197px;
        height: 280px
    }
    .preloader__counter {
        font-size: 64px;
        top: 140px
    }
    .preloader__boom {
        width: 505px;
        height: 383px
    }
    .preloader__boom-stars {
        right: -26px
    }
}

@media screen and (max-width:767px) {
    .preloader__inner {
        width: 123px;
        height: 176px
    }
    .preloader__counter {
        font-size: 40px;
        top: 85px
    }
    .preloader__boom {
        width: 317px;
        height: 241px
    }
    .preloader__boom img {
        margin-left: -20px
    }
    .preloader__boom-stars {
        right: -23px
    }
}

@media screen and (max-width:480px) {
    .preloader__inner {
        width: 83px;
        height: 117px
    }
    .preloader__counter {
        font-size: 26px;
        top: 60px
    }
    .preloader__boom {
        width: 213px;
        height: 161px
    }
    .preloader__boom-stars {
        right: -10px;
        top: -10px
    }
}

.page-wrap__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background: #262626;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    z-index: 2
}

.page-wrap__inner.offset {
    -webkit-transform: translateX(-255px);
    transform: translateX(-255px)
}

html.mobile .page-wrap__inner {
    position: relative
}

.sections {
    height: 100%;
    width: 100%;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 2
}

.section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100vh;
    position: relative
}

.section__content {
    padding: 100px 0 0;
    position: relative;
    z-index: 3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section__title {
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 48px;
    line-height: 1.25em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 31px
}

.section__subtitle {
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 1.33em;
    margin: 16px 0
}

.section__intro-text {
    text-align: center
}

.section__intro-text p:only-of-type {
    margin: 0
}

.page-menu {
    width: 255px;
    right: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
    background: #262626;
    font-size: 13px;
    color: #fff
}

.page-menu__inner {
    position: absolute;
    width: 100%;
    height: calc(100% - 243px)
}

.page-menu__list {
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    /*top: 50%;*/
    top:5%;
    /*-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)*/
}

.page-menu__list a {
    display: block;
    padding: 0px 30px 10px 58px;
    text-decoration: none;
    color: #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page-menu__list a:hover {
    background: #333;
    color: #fff
}

.page-menu__list .active a {
    color: #fee818
}

.page-menu--mobile {
    display: none
}

.page-menu__lang {
    margin: 40px 0 0 50px;
    text-align: center;
    display: inline-block;
    font-size: 0
}

.page-menu__lang a,
.page-menu__lang b {
    display: inline-block;
    padding: 0 12px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #666;
    border-left: none;
    outline: 0
}

.page-menu__lang a:focus,
.page-menu__lang a:hover,
.page-menu__lang b:focus,
.page-menu__lang b:hover {
    background: #333
}

.page-menu__lang a:first-child,
.page-menu__lang b:first-child {
    border-radius: 15px 0 0 15px;
    border-left: 1px solid #666
}

.page-menu__lang a:last-child,
.page-menu__lang b:last-child {
    border-radius: 0 15px 15px 0
}

.page-menu__lang a.active,
.page-menu__lang b.active {
    background: 0 0;
    color: #fee818;
    cursor: default
}

.page-menu__footer {
    width: 100%;
    height: 173px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #999;
    font-size: 12px
}

.page-menu__footer a {
    color: #999
}

.page-menu__address {
    display: block;
    margin-bottom: 3px
}

.page-menu__soc-btns {
    margin: 27px 0 10px;
    text-align: center;
    font-size: 0
}

.page-menu__soc-btns .vk {
    background: #666 url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjExcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEyIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSJub25lIiBkPSJNNjY4LjEwNC0yNDkuODU2bDgyLjI5OCwxLjkyNGMwLDAsNi40NTgsMy43MDksMy41NzIsMy43MDkNCglzLTk1LjM1LTAuOTYyLTk0LjY2My0xLjY0OXM3LjI4Mi0zLjU3Miw3LjI4Mi0zLjU3MiIvPg0KPHBhdGggZmlsbD0iIzI2MjYyNiIgZD0iTTExLjE3Miw4LjUwNkMxMC42MTQsNy44NjUsOS44Nyw3LjQ0MSw4Ljk0MSw3LjIzM1Y3LjE0N2MwLjY0Ni0wLjI4NywxLjE1Mi0wLjczNCwxLjUyLTEuMzQzDQoJYzAuMzY2LTAuNjA4LDAuNTUtMS4zMDMsMC41NS0yLjA4NGMwLTAuNjczLTAuMTMzLTEuMjY4LTAuMzk5LTEuNzg0QzEwLjM0NiwxLjQyLDkuOTQ0LDEuMDA5LDkuNDA2LDAuNzAxDQoJYy0wLjQ5OC0wLjI4Ny0xLjAzMS0wLjQ3NS0xLjYtMC41NjRjLTAuNTY5LTAuMDktMS40MDUtMC4xMzQtMi41MDgtMC4xMzRoLTUuMzA5VjE2aDYuMDE2YzEuMDQzLDAsMS45MDMtMC4xMDEsMi41NzktMC4zMDENCgljMC42NzYtMC4yMDEsMS4yOTctMC41MzgsMS44NjItMS4wMWMwLjQ3OC0wLjM5NCwwLjg1Ny0wLjg5MiwxLjE0LTEuNDkzczAuNDI0LTEuMywwLjQyNC0yLjA5NQ0KCUMxMi4wMSwxMC4wMTIsMTEuNzMsOS4xNDcsMTEuMTcyLDguNTA2eiBNMy43NDQsMi45MzVoMC4yNjJjMC42NzMsMCwxLjE3OSwwLjAwNiwxLjUxOSwwLjAxNmMwLjM0LDAuMDExLDAuNjM0LDAuMDc0LDAuODgzLDAuMTg4DQoJQzYuNjcsMy4yNjEsNi44NjQsMy40NTgsNi45ODgsMy43M2MwLjEyNSwwLjI3MiwwLjE4NywwLjUzNywwLjE4NywwLjc5NWMwLDAuMzUxLTAuMDU3LDAuNjU5LTAuMTcxLDAuOTI0DQoJQzYuODg5LDUuNzE0LDYuNjgxLDUuOTIyLDYuMzc4LDYuMDczQzYuMTAyLDYuMjA4LDUuODM0LDYuMjg0LDUuNTc2LDYuMjk4QzUuMzE2LDYuMzEzLDQuODY0LDYuMzIsNC4yMTgsNi4zMkgzLjc0NFYyLjkzNXoNCgkgTTcuODg3LDEyLjA2MmMtMC4xNTgsMC4zMDUtMC40MDksMC41MzYtMC43NTIsMC42OTNjLTAuMzksMC4xNzktMC43NzMsMC4yNzUtMS4xNSwwLjI5Yy0wLjM3NywwLjAxNC0xLjA1NywwLjAyMS0yLjAzOSwwLjAyMQ0KCUgzLjc0NFY5LjA1OUg0LjQ0YzAuNjczLDAsMS4yMDksMC4wMDYsMS42MSwwLjAxNmMwLjQsMC4wMTEsMC43MTUsMC4wNjMsMC45NDQsMC4xNTZjMC4zNzcsMC4xNDQsMC42NTksMC4zNTUsMC44NDgsMC42MzQNCglzMC4yODMsMC42NjYsMC4yODMsMS4xNkM4LjEyNCwxMS40MTIsOC4wNDUsMTEuNzU4LDcuODg3LDEyLjA2MnoiLz4NCjwvc3ZnPg0K) center center no-repeat
}

.page-menu__soc-btns .fb {
    background: #666 url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjExcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDExIDIyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMSAyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0ibm9uZSIgZD0iTTYwNi4xMDQtMjQ2Ljg1Nmw4Mi4yOTgsMS45MjRjMCwwLDYuNDU4LDMuNzA5LDMuNTcyLDMuNzA5DQoJcy05NS4zNS0wLjk2Mi05NC42NjMtMS42NDlzNy4yODItMy41NzIsNy4yODItMy41NzIiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMjYyNjI2IiBkPSJNMTEuMDA4LDcuOTc5SDYuOTc0VjUuMDYxYzAtMC44OTYsMC45MzItMS4xMDYsMS4zNjctMS4xMDYNCgljMC40MzQsMCwyLjYwNiwwLDIuNjA2LDB2LTMuOTRMNy45NjQsMEMzLjg4NCwwLDIuOTU2LDIuOTQsMi45NTYsNC44MjF2My4xNThoLTIuOTU4djQuMDYxaDIuOTU4YzAsNS4yMTEsMCw5Ljk1OSwwLDkuOTU5aDQuMDE5DQoJYzAsMCwwLTQuODExLDAtOS45NTloMy40MTFMMTEuMDA4LDcuOTc5eiIvPg0KPC9zdmc+DQo=) 12px center no-repeat
}

.page-menu__soc-btn {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 17px
}

.page-menu__soc-btn:hover {
    background-color: #fee818
}

.page-menu__soc-btn:last-child {
    margin-right: 0
}

.page-menu__copyright {
    color: #666;
    font-size: 11px
}

.page-menu__email:hover {
    text-decoration: underline;
    color: #fff
}

.section__subtext {
    letter-spacing: -.25px
}

.menu-toggler,
.mobile-menu-toggler {
    width: 70px;
    height: 60px;
    position: absolute;
    top: 25px;
    right: 0;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

.mobile-menu-toggler {
    display: none
}

.burger {
    width: 30px;
    height: 31px;
    position: absolute;
    top: 15px;
    left: -4px;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.burger__item {
    display: block;
    width: 30px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.scroll-on-outsourcing .burger__item {
    background: #fff
}

.burger__1 {
    top: 8px;
    -webkit-transition: top .2s ease-in-out, opacity .2s ease-in-out .1s, background-color .3s ease-in-out;
    transition: top .2s ease-in-out, opacity .2s ease-in-out .1s, background-color .3s ease-in-out
}

.burger__2,
.burger__3 {
    top: 14px
}

.burger__4 {
    top: 20px;
    -webkit-transition: top .2s ease-in-out, opacity .2s ease-in-out .1s, background-color .3s ease-in-out;
    transition: top .2s ease-in-out, opacity .2s ease-in-out .1s, background-color .3s ease-in-out
}

.menu-toggler.hover,
.mobile-menu-toggler.hover {
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.menu-toggler.hover .burger__item,
.mobile-menu-toggler.hover .burger__item {
    background: #2c4766
}

.menu-toggler.hover .burger__1,
.mobile-menu-toggler.hover .burger__1 {
    top: 5px
}

.menu-toggler.hover .burger__4,
.mobile-menu-toggler.hover .burger__4 {
    top: 23px
}

.menu-toggler.active,
.mobile-menu-toggler.active {
    background: #000
}

.menu-toggler.active .burger,
.mobile-menu-toggler.active .burger {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menu-toggler.active .burger__item,
.mobile-menu-toggler.active .burger__item {
    background: #fff
}

.menu-toggler.active .burger__1,
.menu-toggler.active .burger__4,
.mobile-menu-toggler.active .burger__1,
.mobile-menu-toggler.active .burger__4 {
    opacity: 0;
    -webkit-transition: top .4s ease-in-out, opacity 0s ease-in-out;
    transition: top .4s ease-in-out, opacity 0s ease-in-out
}

.menu-toggler.active .burger__3,
.mobile-menu-toggler.active .burger__3 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.menu-toggler.active.hover,
.mobile-menu-toggler.active.hover {
    background: #404040
}

.menu-toggler.active.hover .burger,
.mobile-menu-toggler.active.hover .burger {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.scroll-on-outsourcing .menu-toggler:hover .burger__item,
.scroll-on-outsourcing .mobile-menu-toggler:hover .burger__item {
    background: #fff
}

.logo {
    display: block;
    width: 200px;
    height: 34px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: 50vw;
    margin: 0;
    z-index: 3;
    margin-left: -100px;
    text-indent: -1000px;
    text-decoration: none;
    border: 0;
    background: url(../img/logo_black.svg) 0 0 no-repeat
}

.camb_logo{

    background: #fff;
    padding: 5px 5px;
    margin-top: 20px;

}
.home {
    display: none;
    width: 50px;
    height: 50px;
    border: 1px solid transparent;
    border-radius: 6px;
    position: absolute;
    bottom: 60px;
    right: 32px;
    z-index: 3
}

.home:hover {
    opacity: .7
}

.home:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    position: absolute;
    left: 18px;
    top: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: inherit;
    transition: inherit
}

.scroll-on-outsourcing .home:after {
    border-color: #fff
}

.section-intro {
     background-image: url("../../images/bcseast.jpg");
     background-size: cover;
         /*background: #b3e5f2;*/
    height: 100vh;
    min-height: 820px;
    position: relative
}

.section-intro .section__title {
    color: #384361;
    /*font-size: 58px;*/
    font-size: 30px;
    /*line-height: 64px;*/
    font-family: "coving";
}

.section-intro .section__content {
    height: 100%;
    padding-top: 178px
}

.section-intro .section__intro-text a {
    font-weight: 600
}

.section-intro__links {
    text-align: center;
    margin-top: 36px
}

.section-intro__links a {
    margin-right: 30px;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px
}

.section-intro__links a:last-child {
    margin: 0
}

@media (max-width:1300px) {
    .section-intro__links a {
        font-size: 14px
    }
}

.section-intro__links br {
    display: none
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
    }
}

@keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
    }
}

.waves {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 2;
    left: 0;
    overflow: hidden;
    top: 0
}

.layer {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.wave {
    display: block;
    width: 300%;
    height: 83px;
    position: absolute;
    left: -100%;
    bottom: 0
}

.wave-1 {
    bottom: 10px;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE1MnB4IiBoZWlnaHQ9IjgzcHgiIHZpZXdCb3g9IjAgMCAxNTMgODMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MyA4MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjN2ZkYWY2IiBkPSJNLTAuMDAxLDgzTC0wLjAwMSw4M1YxOS4xNThjMzguMjQ1LDAsNDAuOTYtMTkuMTcyLDc2LjQ4OS0xOS4xNzJjMzUuNTYxLDAsMzguMjc3LDE5LjE3Miw3Ni41MjEsMTkuMTcybDAsMA0KCXYxMC41OTZWODNILTAuMDAxeiIvPg0KPC9zdmc+DQo=) 0 0 repeat-x;
    -webkit-animation: wave 3s .1s infinite linear;
    animation: wave 3s .1s infinite linear
}

.wave-2 {
    bottom: -10px;
    z-index: 2;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE1MnB4IiBoZWlnaHQ9IjgzcHgiIHZpZXdCb3g9IjAgMCAxNTMgODMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MyA4MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNTJjYmYwIiBkPSJNLTAuMDAxLDgzTC0wLjAwMSw4M1YxOS4xNThjMzguMjQ1LDAsNDAuOTYtMTkuMTcyLDc2LjQ4OS0xOS4xNzJjMzUuNTYxLDAsMzguMjc3LDE5LjE3Miw3Ni41MjEsMTkuMTcybDAsMA0KCXYxMC41OTZWODNILTAuMDAxeiIvPg0KPC9zdmc+DQo=) -42px 0 repeat-x;
    -webkit-animation: wave 2.5s .6s infinite linear;
    animation: wave 2.5s .6s infinite linear
}

.wave-3 {
    bottom: -30px;
    z-index: 3;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE1MnB4IiBoZWlnaHQ9IjgzcHgiIHZpZXdCb3g9IjAgMCAxNTMgODMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MyA4MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMjNiYmVhIiBkPSJNLTAuMDAxLDgzTC0wLjAwMSw4M1YxOS4xNThjMzguMjQ1LDAsNDAuOTYtMTkuMTcyLDc2LjQ4OS0xOS4xNzJjMzUuNTYxLDAsMzguMjc3LDE5LjE3Miw3Ni41MjEsMTkuMTcybDAsMA0KCXYxMC41OTZWODNILTAuMDAxeiIvPg0KPC9zdmc+DQo=) -74px 0 repeat-x;
    -webkit-animation: wave 2s .3s infinite linear;
    animation: wave 2s .3s infinite linear
}

.section-intro__mountains {
    width: 654px;
    height: 197px;
    position: absolute;
    right: 0;
    bottom: 34px;
    background: url(../img/mountains.png) bottom right no-repeat;
    z-index: 0
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-intro__mountains {
        background: url(../img/mountains%402x.png) 0 0 no-repeat;
        background-size: 654px 197px
    }
}

.section-intro__ship {
    width: 18%;
    padding-bottom: 17%;
    position: absolute;
    bottom: 40px;
    right: 13%;
    background: url(../img/ship_red_big.png) bottom left no-repeat;
    background-size: contain;
    -webkit-animation: ship-main 1.8s infinite alternate cubic-bezier(0.455, .03, .515, .955);
    animation: ship-main 1.8s infinite alternate cubic-bezier(0.455, .03, .515, .955);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-intro__ship {
        background-image: url(../img/ship_red_big%402x.png)
    }
}

@-webkit-keyframes ship-main {
    0% {
        -webkit-transform: translate3d(1%, 0, 0) rotateZ(2deg);
        transform: translate3d(1%, 0, 0) rotateZ(2deg)
    }
    100% {
        -webkit-transform: translate3d(-1%, 0, 0) rotateZ(-2deg);
        transform: translate3d(-1%, 0, 0) rotateZ(-2deg)
    }
}

@keyframes ship-main {
    0% {
        -webkit-transform: translate3d(1%, 0, 0) rotateZ(2deg);
        transform: translate3d(1%, 0, 0) rotateZ(2deg)
    }
    100% {
        -webkit-transform: translate3d(-1%, 0, 0) rotateZ(-2deg);
        transform: translate3d(-1%, 0, 0) rotateZ(-2deg)
    }
}

@-webkit-keyframes cat {
    0% {
        -webkit-transform: translate3d(5%, 0, 0) rotateZ(2deg);
        transform: translate3d(5%, 0, 0) rotateZ(2deg)
    }
    100% {
        -webkit-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
        transform: translate3d(-5%, 0, 0) rotateZ(-2deg)
    }
}

@keyframes cat {
    0% {
        -webkit-transform: translate3d(5%, 0, 0) rotateZ(2deg);
        transform: translate3d(5%, 0, 0) rotateZ(2deg)
    }
    100% {
        -webkit-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
        transform: translate3d(-5%, 0, 0) rotateZ(-2deg)
    }
}

.section-intro__cat {
    width: 284px;
    height: 302px;
    position: absolute;
    left: 45%;
    bottom: 0;
    z-index: 2;
    background: url(../img/cat_1.png) 0 0 no-repeat;
    -webkit-transform-origin: 50% 90%;
    transform-origin: 50% 90%;
    -webkit-animation: cat 1.2s infinite alternate cubic-bezier(0.455, .03, .515, .955);
    animation: cat 1.2s infinite alternate cubic-bezier(0.455, .03, .515, .955)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-intro__cat {
        background: url(../img/cat_1%402x.png) 0 0 no-repeat;
        background-size: 284px 302px
    }
}

.cloud {
    position: absolute;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjExMHB4IiBoZWlnaHQ9IjYxcHgiIHZpZXdCb3g9IjAgMCAxMTAgNjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExMCA2MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTg3LjMsNjAuNjg0YzAsMCwyMi43MDEsMS42MDgsMjIuNzAxLTE0LjYxDQoJYzAuMzg5LTE2LjQ3OS0xNC4yMjktMjEuNDktMTQuMjI5LTIxLjQ5czAuMzIzLTYuMDA0LTUuMDg4LTExLjM0MUM4NS4yNzMsNy45MDUsNzUuNjAyLDkuODMsNzUuNjAyLDkuODNTNjEuOTc4LTQuMzc4LDQ0LjYyMywxLjMwNA0KCUMyOS4yMiw2LjMyNywyOC4yNzgsMTcuNzIsMjguMjc4LDE3Ljcycy01Ljc4NSwwLjE4NS0xMS44ODcsNC40NzdjLTYuMTAyLDQuMjkyLTQuOTcyLDEzLjQ1NS00Ljk3MiwxMy40NTUNCglTMC4wNDcsMzcuMTc3LDAuMDQ3LDQ3LjU2N0MtMC44MzYsNTguOTcsOC45NjIsNjAuOTk4LDguOTYyLDYwLjk5OHMxMC4xMTgsMCwyMC44MDIsMEM1MS4wMzgsNjAuOTk4LDg3LjMsNjAuNjg0LDg3LjMsNjAuNjg0eiIvPg0KPC9zdmc+DQo=) 0 0 no-repeat;
    background-size: 100% auto;
    z-index: 1;
    left: 50%
}

.cloud--2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjgwcHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDgwIDQyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4MCA0MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTExLjAxMSw0MS4yNzZjMCwwLDUuNDc1LDAsMjkuNzI4LDBzMjkuNzI4LDAsMjkuNzI4LDANCglzOS44MDMsMC4zMzgsOC44MDktOS45MDdjLTAuOTk1LTEwLjI0Ni0xMS43NDctMTEuMjUtMTEuNzQ3LTExLjI1cy0wLjQ0NC02LjUwMy04LjA3My0xMC43NjYNCgljLTcuNjI4LTQuMjYzLTEzLjY2OC0xLjQ3OS0xMy42NjgtMS40NzlTMzcuNzQ0LTIuOTI5LDIzLjEyMiwxLjY0OFM5LjkxLDE4LjE2LDkuOTEsMTguMTZTMCwxOS4xMjksMCwzMS4zNjkNCglDMCw0MS4wMDEsMTEuMDExLDQxLjI3NiwxMS4wMTEsNDEuMjc2eiIvPg0KPC9zdmc+DQo=)
}

.section-intro__cloud-1 {
    width: 24px;
    height: 14px;
    bottom: 380px;
    margin-left: -635px;
    opacity: .6
}

.section-intro__cloud-2 {
    width: 74px;
    height: 48px;
    bottom: 426px;
    margin-left: -544px;
    opacity: .9
}

.section-intro__cloud-3 {
    width: 57px;
    height: 30px;
    bottom: 338px;
    margin-left: -420px;
    opacity: .6
}

.section-intro__cloud-4 {
    width: 24px;
    height: 18px;
    bottom: 180px;
    margin-left: 356px;
    opacity: .5
}

.section-intro__cloud-5 {
    width: 34px;
    height: 22px;
    bottom: 230px;
    margin-left: 520px;
    opacity: 1
}

.section-intro__cloud-6 {
    width: 74px;
    height: 48px;
    bottom: 269px;
    margin-left: 672px;
    opacity: .9
}

.section-intro__island {
    width: 399px;
    height: 243px;
    background: url(../img/island.png) left bottom no-repeat;
    position: absolute;
    bottom: 25px;
    left: 15px
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-intro__island {
        background-image: url(../img/island%402x.png);
        background-size: 399px 243px
    }
}

@media (min-width:1200px) {
    .section-intro__island {
        width: 547px;
        height: 333px;
        background-image: url(../img/island_big.png);
        background-size: 547px 333px
    }
}

@media (min-width:1200px) and (-webkit-min-device-pixel-ratio:2) {
    .section-intro__island {
        background-image: url(../img/island_big%402x.png);
        background-size: 547px 333px
    }
}

@media (min-width:1900px) {
    .section-intro__island {
        width: 700px;
        height: 425px;
        background-image: url(../img/island_very-big.png);
        background-size: 700px 425px
    }
}

@media (max-width:1199px) {
    .section-intro__island {
        bottom: 25px!important
    }
}

@media (min-height:801px) {
    .section-intro__island {
        bottom: 35px
    }
}

.section-intro__shar {
    width: 6%;
    padding-bottom: 13%;
    background: url(../img/shar.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    right: 13%;
    top: 120px
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-intro__shar {
        background-image: url(../img/shar%402x.png)
    }
}

@media (min-width:1900px) {
    .section-intro__shar {
        width: 7%
    }
}

@media (max-width:1300px) {
    .section-intro__shar {
        top: 90px;
        right: 80px
    }
}

.section-services {
    padding-bottom: 60px;
    background: #fee818;
    counter-reset: count
}

.section-services .section__title {
    margin-bottom: 29px;
    letter-spacing: -.4px
}

.section-services__gun {
    height: 477px;
    background: url(../img/gun.png) center bottom no-repeat;
    margin-top: 100px
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-services__gun {
        background: url(../img/gun%402x.png) center bottom no-repeat;
        background-size: 215px 477px
    }
}

.section-services__order-btn {
    border-color: #000;
    color: #000
}

.section-services__order-btn:hover {
    color: #fee818;
    background-color: #000
}

.section-services__text {
    font-size: 13px;
    line-height: 1.7em
}

.section-services__text ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 30px
}

.section-services__text ul li {
    position: relative;
    padding: 0 0 0 18px
}

.section-services__text ul li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    position: absolute;
    top: 9px;
    left: 0;
    background: #000
}

.section-services__text p {
    line-height: 1.7em;
    margin: 1.7em 0
}

.section-services__text .section__subtitle {
    margin-top: 52px
}

.section-services__text .section__subtitle+p {
    margin-top: 1.2em;
    letter-spacing: .4px
}

.section-services__item .section__subtitle {
    position: relative
}

.section-services__item .section__subtitle:before {
    counter-increment: count;
    content: counter(count);
    position: absolute;
    width: 26px;
    height: 26px;
    left: -36px;
    top: 2px;
    background-color: #000;
    border-radius: 50%;
    color: #fee817;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif
}

@media screen and (min-width:981px) and (max-width:1060px) {
    .section-services__item .section__subtitle {
        margin-left: 35px
    }
}

@media screen and (min-width:1340px) {
    .section-services__text-right {
        padding-left: 82px
    }
}

.form-pc-popup--services .form-pc-success__text,
.form-pc-popup--services .form-pc-success__title {
    color: #000
}

.section-outsourcing {
    color: #ccc;
    padding-bottom: 154px;
    background: #273041
}

.section-outsourcing .section__title {
    margin-bottom: 38px;
    text-align: left;
    color: #fee818
}

.section-outsourcing .section__title>span {
    white-space: nowrap
}

.section-outsourcing .section__subtitle,
.section-outsourcing p a {
    color: #fff
}

.section-outsourcing__text {
    font-size: 0;
    margin-bottom: 28px;
    white-space: nowrap
}

.section-outsourcing__text p {
    margin: 0;
    line-height: 1.7em
}

.section-outsourcing__text-inner {
    vertical-align: top;
    display: inline-block;
    width: 270px;
    font-size: 13px;
    white-space: normal
}

.section-outsourcing__text-inner:first-child {
    margin-right: 30px
}

.section-outsourcing__order-btn {
    margin: 16px 0 78px
}

.download {
    display: inline-block;
    height: 30px;
    padding-left: 32px;
    position: relative;
    text-decoration: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE5cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDE5IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmVlODE4IiBkPSJNMTMuMDUtMC4wMDFIMS41ODNDMC43MDktMC4wMDEsMCwwLjY5OCwwLDEuNTYxdjIxLjg3NWMwLDAuODYzLDAuNzA5LDEuNTYzLDEuNTgzLDEuNTYzaDE1LjgzMw0KCWMwLjg3NSwwLDEuNTgzLTAuNywxLjU4My0xLjU2M1Y2LjA1N0wxMy4wNS0wLjAwMXogTTE4LjAwNSwyMy45OTZIMC45OTVWMC45NjFoMTEuMDMzVjcuMDNoNS45NzdWMjMuOTk2eiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZWU4MTgiIGQ9Ik00LjAwNywxMC4wMDJoMTAuOTg2djEuMDI2SDQuMDA3VjEwLjAwMnoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmVlODE4IiBkPSJNNC4wMDcsMTMuMDEzaDEwLjk4NnYwLjk0OUg0LjAwN1YxMy4wMTN6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZlZTgxOCIgZD0iTTQuMDA3LDE1Ljk4NGg2LjAwNnYxLjAyNkg0LjAwN1YxNS45ODR6Ii8+DQo8L3N2Zz4NCg==) left 3px no-repeat;
    font-size: 10px;
    color: #ccc;
    line-height: 16px
}

.download>span {
    display: block;
    text-decoration: underline;
    font-size: 12px;
    color: #fff
}

.download:hover>span {
    text-decoration: none
}

.wave-4 {
    bottom: -30px;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE1MnB4IiBoZWlnaHQ9IjgzcHgiIHZpZXdCb3g9IjAgMCAxNTMgODMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MyA4MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNGM1ZTgxIiBkPSJNLTAuMDAxLDgzTC0wLjAwMSw4M1YxOS4xNThjMzguMjQ1LDAsNDAuOTYtMTkuMTcyLDc2LjQ4OS0xOS4xNzJjMzUuNTYxLDAsMzguMjc3LDE5LjE3Miw3Ni41MjEsMTkuMTcybDAsMA0KCXYxMC41OTZWODNILTAuMDAxeiIvPg0KPC9zdmc+DQo=) -42px 0 repeat-x;
    -webkit-animation: wave 3.2s .3s infinite linear;
    animation: wave 3.2s .3s infinite linear
}

.wave-5 {
    bottom: -50px;
    z-index: 3;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE1MnB4IiBoZWlnaHQ9IjgzcHgiIHZpZXdCb3g9IjAgMCAxNTMgODMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MyA4MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNTE2NzkwIiBkPSJNLTAuMDAxLDgzTC0wLjAwMSw4M1YxOS4xNThjMzguMjQ1LDAsNDAuOTYtMTkuMTcyLDc2LjQ4OS0xOS4xNzJjMzUuNTYxLDAsMzguMjc3LDE5LjE3Miw3Ni41MjEsMTkuMTcybDAsMA0KCXYxMC41OTZWODNILTAuMDAxeiIvPg0KPC9zdmc+DQo=) -74px 0 repeat-x;
    -webkit-animation: wave 2.1s .1s infinite linear;
    animation: wave 2.1s .1s infinite linear
}

.section-outsourcing__mayak {
    width: 529px;
    height: 150px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -654px;
    background: url(../img/mayak_night.png) 0 0 no-repeat;
    z-index: 2
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-outsourcing__mayak {
        background: url(../img/mayak_night%402x.png) 0 0 no-repeat;
        background-size: 529px 150px
    }
}

.section-outsourcing__mountains {
    width: 636px;
    height: 168px;
    position: absolute;
    left: 0;
    bottom: 14px;
    background: url(../img/mountains_night.png) left bottom no-repeat;
    z-index: 0
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-outsourcing__mountains {
        background-image: url(../img/mountains_night%402x.png);
        background-size: 636px 168px
    }
}

.section-outsourcing__moon {
    width: 295px;
    height: 295px;
    position: absolute;
    left: 50%;
    bottom: 390px;
    margin-left: -582px;
    background: url(../img/moon.png) 0 0 no-repeat;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-outsourcing__moon {
        background: url(../img/moon%402x.png) 0 0 no-repeat;
        background-size: 295px 295px
    }
}

.section-outsourcing__cloud-1 {
    width: 76px;
    height: 44px;
    bottom: 202px;
    left: 168px;
    opacity: .4
}

.section-outsourcing__cloud-2 {
    width: 35px;
    height: 22px;
    bottom: 196px;
    left: 320px;
    opacity: .2
}

.section-outsourcing__cloud-3 {
    width: 80px;
    height: 42px;
    bottom: 506px;
    margin-left: -557px;
    opacity: .9;
    z-index: 3
}

.section-outsourcing__cloud-4 {
    width: 53px;
    height: 32px;
    bottom: 546px;
    margin-left: -330px;
    opacity: .6;
    z-index: 3;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.section-outsourcing__cloud-5 {
    width: 35px;
    height: 22px;
    bottom: 592px;
    margin-left: -276px;
    opacity: .4
}

.form-pc-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    background: #273041;
    display: none
}

.form-pc-popup--support {
    background: #fb5445
}

.form-pc-popup--services {
    background: #fee817
}

@-webkit-keyframes blink {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    2% {
        -webkit-transform: translate(0, 200px);
        transform: translate(0, 200px)
    }
    100%,
    4% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes blink {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    2% {
        -webkit-transform: translate(0, 200px);
        transform: translate(0, 200px)
    }
    100%,
    4% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.blink-logo {
    width: 500px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%) translateY(-58%);
    transform: translateX(-50%) translateY(-58%)
}

.blink-logo__eye {
    width: 500px;
    height: 478px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border: 102px solid #2d3647;
    border-radius: 250px;
    background: #273041
}

.blink-logo__eye--support {
    background: #fb5445;
    border-color: #fa5a4b
}

.blink-logo__eye--services {
    background: #fee817;
    border-color: #f7e00a
}

.blink-logo__rect {
    width: 800px;
    height: 106px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-43deg);
    transform: translateX(-50%) translateY(-50%) rotate(-43deg);
    border-radius: 36px;
    background: #2d3647
}

.blink-logo__rect--support {
    background: #fa5a4b
}

.blink-logo__rect--services {
    background: #f7e00a
}

.blink-logo__pupil {
    width: 114px;
    height: 218px;
    position: absolute;
    top: -34px;
    left: calc(50% - 57px);
    background: #2d3647;
    border-radius: 100%
}

.blink-logo__pupil--support {
    background: #fa5a4b
}

.blink-logo__pupil--services {
    background: #f7e00a
}

.blink-logo__eyelid {
    width: 768px;
    height: 370px;
    position: absolute;
    top: -274px;
    left: calc(50% - 384px);
    background: #2d3647;
    border-radius: 100%;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite
}

.blink-logo__eyelid--support {
    background: #fa5a4b
}

.blink-logo__eyelid--services {
    background: #f7e00a
}

.form-pc-form {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.form-pc-form .input-text {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    opacity: 1
}

.form-pc-form--support .input-text {
    border-color: #f47f75
}

.form-pc-form--support .input-text:focus {
    border-color: #fff
}

.form-pc-form--support .input-text.error,
.form-pc-form--support .textarea.error {
    color: #fff;
    border-color: #d6473a;
    background-color: rgba(229, 76, 62, .3)
}

.form-pc-form--support .input-text::-webkit-input-placeholder {
    color: #fdb7b2
}

.form-pc-form--support .input-text::-moz-placeholder {
    color: #fdb7b2;
    opacity: 1
}

.form-pc-form--support .input-text:-moz-placeholder {
    color: #fdb7b2;
    opacity: 1
}

.form-pc-form--support .input-text:-ms-input-placeholder {
    color: #fdb7b2
}

.form-pc-form--services .input-text {
    border-color: #ccbc0a;
    color: #000
}

.form-pc-form--services .input-text:focus {
    border-color: #000
}

.form-pc-form--services .input-text.error,
.form-pc-form--services .textarea.error {
    color: #000
}

.form-pc-form--services .input-text::-webkit-input-placeholder {
    color: #000
}

.form-pc-form--services .input-text::-moz-placeholder {
    color: #000;
    opacity: 1
}

.form-pc-form--services .input-text:-moz-placeholder {
    color: #000;
    opacity: 1
}

.form-pc-form--services .input-text:-ms-input-placeholder {
    color: #000
}

.form-pc-form--services .form-pc-form__submit {
    border-color: #000;
    color: #000
}

.form-pc-form--services .form-pc-form__submit-icon {
    background-position: right 0
}

.form-pc-form fieldset {
    margin: 54px 0 36px
}

.form-pc-form label.error {
    display: none!important
}

.form-pc-form__title,
.form-pc-success__title {
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fee818;
    font-size: 30px;
    font-weight: 700
}

.form-pc-form__title--services {
    color: #000
}

.form-pc-form__text,
.form-pc-success__text {
    margin: 12px 0 0;
    color: #fff
}

.form-pc-form__text--services {
    color: #000
}

.form-pc-form__submit-icon {
    display: inline-block;
    width: 23px;
    height: 34px;
    margin-right: 13px;
    position: relative;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwpJREFUeNq0mGFkVWEYx+/OzeWqXCLSJcYYsU+jbGKUWJaxLEv7EpfYFU0pUfQlihR9iunblMaIMUVM4ypdjZjGLH0rMa4iLjez/i+/m9dxzt29O895+Dl359793+c853ne5zmnq/H9cEZ2QJwQA1AXZzK7sFzxR/iUmbZvAcd7YkKsiHOcK2RsLBXtwPs8J+ZFTVSIkpWZa3eRKi4C78SmWBIfxJiYNkgVM+2oiP8WD0W3uExkBoyinYr2Hu9zH7ezwgJ1Cqtm4Ly5tp/jx8QhsSiOiDXDqJtr+45foGiGxSvRa+i4ubafKq54zoqX4pS4L7JGjptrN3cV325xPCrGxX6xlWBXMdOOS5WmPaZhfBZ58ZqFLMxMO8rxYQrJReQOC1wxctxMO8rxCQqojLBr06NG+W6mHeX4Isc6OZn3trSkZqYd5fgbcUn8ITojfK4bOG6mHeV4jaHITXVPxUlmDIsCNdMOYs6XaRgVZow58tPCTLTjHHe3rsoCVfbafrHPwHET7WCHQhpH3I2hbxmQMkZFmkg72KGQhhC/KO6KkphyDdKgSBNpBzvM0W67+soI6gpokLzcELcTXEBi7VaOnyYyDR5uKyx4UxwnLz+ycKeWWDtqyMrQyd6L8xTNGufz7MMzFNUzzk22OWQl0m4n4lM8lW+GulqdyDznVpbJ1WIH0TbRjnPcDT6zdLb10HcvyMUb3OpZ5o12zUQ7zvEeRs8ClR+2BziQ9Vp3u2aiHef4T25XNWbQXyAiY/ymp4OXPCbagVcwvlXJv9WYxbeYNUr8vdQi6qloB7TefOj8PFfcyp6wQJZO+F9cO1WvyKWhzYN2LvDGzHBnc0VxjT01FzNzLLDX5tmbc97WdpWopaId8JqgEDF+DvKY9Uj8Etvii/gEG5z7xsVfJzedlRp/t/eSEubaznnXgEaJznSLvPOtn+NKxHfdOOOiM6lmNJSWdrNzHuTK3OywTCNo57VBkddrfTQL938zcnjZ+42pNhqxLT/qakcQCb/oWWVfXm+z5e9a27d/AgwAoYYm7Dn37B0AAAAASUVORK5CYII=) 0 0 no-repeat
}

.form-pc-form__submit {
    padding: 0 65px 0 47px
}

.form-pc-form__submit:focus .form-pc-form__submit-icon,
.form-pc-form__submit:hover .form-pc-form__submit-icon {
    background-position: right 0
}

.form-pc-success {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-100%) translateZ(0);
    transform: translateX(-50%) translateY(-100%) translateZ(0);
    display: none
}

.popup-close {
    width: 60px;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    border: 2px solid #576779;
    border-radius: 50%;
    position: absolute;
    -webkit-transition: border-color .1s ease-in-out, background-color .1s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: border-color .1s ease-in-out, background-color .1s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: border-color .1s ease-in-out, background-color .1s ease-in-out, transform .15s ease-in-out;
    transition: border-color .1s ease-in-out, background-color .1s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}

.popup-close--support {
    border-color: #f47f75
}

.popup-close--support:after,
.popup-close--support:before {
    background: #f47f75!important
}

.popup-close--support:focus,
.popup-close--support:hover {
    border-color: #fff!important
}

.popup-close--support:focus:after,
.popup-close--support:focus:before,
.popup-close--support:hover:after,
.popup-close--support:hover:before {
    background: #fff!important
}

.popup-close--services {
    border-color: #fff
}

.popup-close--services:after,
.popup-close--services:before {
    background: #fff!important
}

.popup-close--services:focus,
.popup-close--services:hover {
    border-color: #fff!important
}

.popup-close--services:focus:after,
.popup-close--services:focus:before,
.popup-close--services:hover:after,
.popup-close--services:hover:before {
    background: #fff!important
}

.popup-close:after,
.popup-close:before {
    content: '';
    display: block;
    width: 28px;
    height: 4px;
    position: absolute;
    left: 14px;
    top: 26px;
    background: #576779;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: inherit;
    transition: inherit
}

.popup-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.popup-close:focus,
.popup-close:hover {
    border-color: #91a7c1
}

.popup-close:focus:after,
.popup-close:focus:before,
.popup-close:hover:after,
.popup-close:hover:before {
    background: #91a7c1
}

.popup-close:active {
    margin-top: 1px
}

.form-pc-popup__close,
.vacancy-popup__close {
    top: 45px;
    right: 45px;
    background: 0 0
}

.hover-rotate:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.section-support {
    background: #fb5445;
    padding-bottom: 115px
}

.section-support .section__title {
    text-align: left;
    color: #fee817;
    letter-spacing: -.4px
}

.section-support__text p {
    width: 70%;
    color: #fff;
    margin: 1.5em 0
}

.section-support__text p a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline
}

.section-support .section-outsourcing__order-btn {
    margin: 5px 0 10px
}

.section-support__mountains {
    width: 332px;
    height: 98px;
    position: absolute;
    right: -10px;
    bottom: 15px;
    background: url(../img/mountains_2_960.png) 0 0 no-repeat;
    z-index: 3
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-support__mountains {
        background: url(../img/mountains_2_960%402x.png) 0 0 no-repeat;
        background-size: 332px 98px
    }
}

.section-support__cloud-1 {
    width: 42px;
    height: 24px;
    bottom: 496px;
    margin-left: 530px;
    opacity: .6;
    z-index: 3;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.section-support__cloud-2 {
    width: 26px;
    height: 15px;
    bottom: 542px;
    margin-left: 300px;
    opacity: .3
}

.section-support__cloud-3 {
    width: 63px;
    height: 32px;
    bottom: 440px;
    margin-left: 355px;
    z-index: 2
}

.section-support__bird {
    width: 38px;
    height: 50px;
    position: absolute;
    right: 20%;
    bottom: 160px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAyCAYAAAAweqkjAAABo0lEQVRYhe3Zu2sUQQDA4e9MRKxM4QOxUIQQ1HRaWqQS7WOltVhEbfwD7OzVwkYINhYXbCy88rARBDtfIEoaKwsbEQLRSzFzerdmvRtlZwPOD7a428d9zA7HPjqDbtcUdXAdx3Hj57fLy9Ps+1fNTrHNHjzEF6w0Jqm0a8L6OfTwElex2bgoNot5XMBuPMeLCDiMp7iLB7lAo7D3cTmPeziER7iM222gGD+VPZzGTVzEG9xpA8Xvk38gjNZjHImfW6lu8m/gY05Itc5g0Nqg/LFJfxetVWCpFVhqBZZagaVWYKlNc2md3traPx/iPxuxXx3DEn7gGda32WY/FnFCGKhXeNs0bB2rEbeKo+jjW4Qs4jO6cXk93LFp2LB+xC3hFg5EyLVRzGi5YMP6Am5i5Qo2tQJLrcBSK7DUCiy1AkutwFLbsbBwPZZ689Dgi4dhO3bEqrAZ4U3Iwjbrslb98e/Cg+FPwvP9vdlFsbpR+YqDuJTRMlYdrIOTMr47qlYHOyvcA/YyWsaqg53COzzBFezLJorVwe4Lp/IcPghz7UwuFGwBcZBCXdYG6woAAAAASUVORK5CYII=) 0 0 no-repeat;
    z-index: 3
}

.section-support__sun {
    width: 90px;
    height: 90px;
    bottom: 420px;
    margin-left: 388px
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-support__sun {
        background: url(../img/sun%402x.png) 0 0 no-repeat;
        background-size: 90px 90px
    }
}

.section-support__ships {
    width: 500px;
    height: 232px;
    position: absolute;
    bottom: 15px;
    right: -500px;
    z-index: 2
}

.section-support__ships.move {
    -webkit-animation: support-ships 3s ease-in-out 1 forwards;
    animation: support-ships 3s ease-in-out 1 forwards
}

.section-support__ship {
    width: 218px;
    height: 232px;
    position: absolute;
    right: 0;
    background-image: url(../img/ship_red_big.png), -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(20%, transparent), color-stop(20%, #fb5445), to(#fb5445));
    background-image: url(../img/ship_red_big.png), linear-gradient(to top, transparent 0, transparent 20%, #fb5445 20%, #fb5445 100%);
    background-position: bottom left -1px;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: ship-main 1.7s infinite alternate cubic-bezier(0.455, .03, .515, .955);
    animation: ship-main 1.7s infinite alternate cubic-bezier(0.455, .03, .515, .955);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    z-index: 2
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-support__ship {
        background-image: url(../img/ship_red_big%402x.png), -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(20%, transparent), color-stop(20%, #fb5445), to(#fb5445));
        background-image: url(../img/ship_red_big%402x.png), linear-gradient(to top, transparent 0, transparent 20%, #fb5445 20%, #fb5445 100%);
        background-size: 218px 232px
    }
}

.section-support__our-ship {
    width: 141px;
    height: 113px;
    position: absolute;
    bottom: 5px;
    left: 0;
    -webkit-animation: ship-main-2 1.7s infinite alternate-reverse cubic-bezier(0.455, .03, .515, .955);
    animation: ship-main-2 1.7s infinite alternate-reverse cubic-bezier(0.455, .03, .515, .955);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    background: url(../img/our-ship.png) 0 0 no-repeat;
    z-index: 1
}

.section-support__our-ship:after {
    content: '';
    display: block;
    width: 165px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 18px;
    right: -165px;
    -webkit-transform: rotate(-21deg);
    transform: rotate(-21deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-support__our-ship:after {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-support__our-ship {
        background: url(../img/our-ship%402x.png) 0 0 no-repeat;
        background-size: 141px 113px
    }
}

@-webkit-keyframes ship-main-2 {
    0% {
        -webkit-transform: translate3d(1%, 0, 0) rotateZ(0.5deg);
        transform: translate3d(1%, 0, 0) rotateZ(0.5deg)
    }
    100% {
        -webkit-transform: translate3d(-1%, 0, 0) rotateZ(-.5deg);
        transform: translate3d(-1%, 0, 0) rotateZ(-.5deg)
    }
}

@keyframes ship-main-2 {
    0% {
        -webkit-transform: translate3d(1%, 0, 0) rotateZ(0.5deg);
        transform: translate3d(1%, 0, 0) rotateZ(0.5deg)
    }
    100% {
        -webkit-transform: translate3d(-1%, 0, 0) rotateZ(-.5deg);
        transform: translate3d(-1%, 0, 0) rotateZ(-.5deg)
    }
}

@-webkit-keyframes support-ships {
    100% {
        right: 20%
    }
}

@keyframes support-ships {
    100% {
        right: 20%
    }
}

.section-team {
    min-height: 900px;
    background: #b4e5f3
}

.section-team .section__title {
    color: #2c4766
}

.sun {
    position: absolute;
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    z-index: 1;
    left: 50%
}

.section-team__mountains {
    width: 326px;
    height: 121px;
    position: absolute;
    bottom: 40px;
    left: 0;
    background: url(../img/mountains_left.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-team__mountains {
        background: url(../img/mountains_left%402x.png) 0 0 no-repeat;
        background-size: 326px 121px
    }
}

.section-team__wave {
    display: block;
    width: 100%;
    height: 83px;
    position: absolute;
    left: 0
}

.wave-6 {
    bottom: -10px;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE1MnB4IiBoZWlnaHQ9IjgzcHgiIHZpZXdCb3g9IjAgMCAxNTMgODMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MyA4MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNTJjYmYwIiBkPSJNLTAuMDAxLDgzTC0wLjAwMSw4M1YxOS4xNThjMzguMjQ1LDAsNDAuOTYtMTkuMTcyLDc2LjQ4OS0xOS4xNzJjMzUuNTYxLDAsMzguMjc3LDE5LjE3Miw3Ni41MjEsMTkuMTcybDAsMA0KCXYxMC41OTZWODNILTAuMDAxeiIvPg0KPC9zdmc+DQo=) -42px 0 repeat-x;
    -webkit-animation: wave 3.2s .3s infinite linear;
    animation: wave 3.2s .3s infinite linear
}

.wave-7 {
    bottom: -30px;
    z-index: 3;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE1MnB4IiBoZWlnaHQ9IjgzcHgiIHZpZXdCb3g9IjAgMCAxNTMgODMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MyA4MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMjNiYmVhIiBkPSJNLTAuMDAxLDgzTC0wLjAwMSw4M1YxOS4xNThjMzguMjQ1LDAsNDAuOTYtMTkuMTcyLDc2LjQ4OS0xOS4xNzJjMzUuNTYxLDAsMzguMjc3LDE5LjE3Miw3Ni41MjEsMTkuMTcybDAsMA0KCXYxMC41OTZWODNILTAuMDAxeiIvPg0KPC9zdmc+DQo=) -10px 0 repeat-x;
    -webkit-animation: wave 2.1s .1s infinite linear;
    animation: wave 2.1s .1s infinite linear
}

.wave-9 {
    bottom: -30px;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE1MnB4IiBoZWlnaHQ9IjgzcHgiIHZpZXdCb3g9IjAgMCAxNTMgODMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MyA4MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjYzI1MDRjIiBkPSJNLTAuMDAxLDgzTC0wLjAwMSw4M1YxOS4xNThjMzguMjQ1LDAsNDAuOTYtMTkuMTcyLDc2LjQ4OS0xOS4xNzJjMzUuNTYxLDAsMzguMjc3LDE5LjE3Miw3Ni41MjEsMTkuMTcybDAsMA0KCXYxMC41OTZWODNILTAuMDAxeiIvPg0KPC9zdmc+) -74px 0 repeat-x;
    -webkit-animation: wave 2.1s .1s infinite linear;
    animation: wave 2.1s .1s infinite linear
}

.wave-8 {
    bottom: -40px;
    z-index: 4;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE1MnB4IiBoZWlnaHQ9IjgzcHgiIHZpZXdCb3g9IjAgMCAxNTMgODMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MyA4MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjYTM0YjUxIiBkPSJNLTAuMDAxLDgzTC0wLjAwMSw4M1YxOS4xNThjMzguMjQ1LDAsNDAuOTYtMTkuMTcyLDc2LjQ4OS0xOS4xNzJjMzUuNTYxLDAsMzguMjc3LDE5LjE3Miw3Ni41MjEsMTkuMTcybDAsMA0KCXYxMC41OTZWODNILTAuMDAxeiIvPg0KPC9zdmc+DQo=) -42px 0 repeat-x;
    -webkit-animation: wave 3.2s .25s infinite linear;
    animation: wave 3.2s .25s infinite linear
}

@-webkit-keyframes dolphins-1 {
    0%,
    10% {
        -webkit-transform: rotateZ(-180deg);
        transform: rotateZ(-180deg)
    }
    100%,
    20% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg)
    }
}

@keyframes dolphins-1 {
    0%,
    10% {
        -webkit-transform: rotateZ(-180deg);
        transform: rotateZ(-180deg)
    }
    100%,
    20% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg)
    }
}

@-webkit-keyframes dolphins-2 {
    0%,
    70% {
        -webkit-transform: rotateZ(-180deg);
        transform: rotateZ(-180deg)
    }
    100%,
    80% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg)
    }
}

@keyframes dolphins-2 {
    0%,
    70% {
        -webkit-transform: rotateZ(-180deg);
        transform: rotateZ(-180deg)
    }
    100%,
    80% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg)
    }
}

.section-team__dolphins-1 {
    width: 242px;
    height: 242px;
    position: absolute;
    bottom: -115px;
    left: 50%;
    margin-left: -508px;
    background: url(../img/dolphins_1.png) 18px 7px no-repeat;
    -webkit-animation: dolphins-1 30s infinite linear;
    animation: dolphins-1 30s infinite linear
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-team__dolphins-1 {
        background-image: url(../img/dolphins_1%402x.png);
        background-size: 185px auto
    }
}

.section-team__dolphins-2 {
    width: 190px;
    height: 190px;
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: 440px;
    background: url(../img/dolphins_2.png) 26px 35px no-repeat;
    -webkit-animation: dolphins-2 25s infinite linear;
    animation: dolphins-2 25s infinite linear
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-team__dolphins-2 {
        background-image: url(../img/dolphins_2%402x.png);
        background-size: 144px auto
    }
}

.section-team__cloud-1 {
    width: 32px;
    height: 18px;
    bottom: 260px;
    margin-left: -688px;
    opacity: .5
}

.section-team__cloud-2 {
    width: 71px;
    height: 41px;
    bottom: 316px;
    margin-left: -396px
}

.section-team__cloud-3 {
    width: 44px;
    height: 24px;
    bottom: 392px;
    margin-left: 160px;
    opacity: .9
}

.section-team__cloud-4 {
    width: 36px;
    height: 20px;
    bottom: 303px;
    margin-left: 464px;
    opacity: .6
}

@-webkit-keyframes ship {
    0% {
        -webkit-transform: translate3d(1%, 0, 0) rotateZ(1deg);
        transform: translate3d(1%, 0, 0) rotateZ(1deg)
    }
    100% {
        -webkit-transform: translate3d(-1%, 0, 0) rotateZ(-1deg);
        transform: translate3d(-1%, 0, 0) rotateZ(-1deg)
    }
}

@keyframes ship {
    0% {
        -webkit-transform: translate3d(1%, 0, 0) rotateZ(1deg);
        transform: translate3d(1%, 0, 0) rotateZ(1deg)
    }
    100% {
        -webkit-transform: translate3d(-1%, 0, 0) rotateZ(-1deg);
        transform: translate3d(-1%, 0, 0) rotateZ(-1deg)
    }
}

.section-team__team-wrap {
    display: none;
    width: 100%;
    height: 766px;
    margin-top: 60px;
    padding-left: 23px;
    background: #b4e5f3;
    position: relative;
    z-index: 7;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.section-team__team-wrap._open {
    opacity: 1
}

.section-team__link {
    margin: 25px;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif
}

.section-team__ship {
    width: 423px;
    height: 336px;
    position: absolute;
    bottom: 36px;
    left: 50%;
    z-index: 0;
    margin-left: -212px;
    background: url(../img/ship.png) 0 0 no-repeat;
    background-size: 423px 336px;
    -webkit-animation: ship 2s infinite alternate cubic-bezier(0.455, .03, .515, .955);
    animation: ship 2s infinite alternate cubic-bezier(0.455, .03, .515, .955)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-team__ship {
        background: url(../img/ship%402x.png) 0 0 no-repeat;
        background-size: 423px 336px
    }
}

.section-team__team {
    width: 890px;
    height: 666px;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 3;
    margin-left: -445px;
    background: #b4e5f3 url(../img/galley.svg) 0 0 no-repeat;
    background-size: 890px 666px
}

.dude {
    width: 32px;
    height: 45px;
    position: absolute;
    z-index: 1
}

.dude.active {
    z-index: 2
}

.dude-1 {
    top: 281px;
    right: 133px
}

.dude-2 {
    top: 281px;
    left: 137px
}

.dude-3 {
    left: 588px;
    top: 260px
}

.dude-4 {
    left: 533px;
    top: 260px
}

.dude-5 {
    left: 478px;
    top: 260px
}

.dude-6 {
    left: 423px;
    top: 260px
}

.dude-7 {
    left: 368px;
    top: 260px
}

.dude-8 {
    left: 314px;
    top: 260px
}

.dude-9 {
    left: 259px;
    top: 260px
}

.dude-10 {
    left: 259px;
    top: 331px
}

.dude-11 {
    left: 314px;
    top: 331px
}

.dude-12 {
    left: 368px;
    top: 331px
}

.dude-13 {
    left: 423px;
    top: 331px
}

.dude-14 {
    left: 478px;
    top: 331px
}

.dude-15 {
    left: 533px;
    top: 331px
}

.dude-16 {
    left: 588px;
    top: 331px
}

.dude__plus {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/dude-icon-sprite.png) -5px -5px no-repeat;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.dude__plus.active,
.dude__plus:hover {
    background-position: -5px -60px;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .dude__plus {
        background-image: url(../img/dude-icon-sprite%402x.png);
        background-size: 126px 110px
    }
}

.dude__plus--black {
    background-position: -47px -5px
}

.dude__plus--black.active,
.dude__plus--black:hover {
    background-position: -89px -5px
}

@media (-webkit-min-device-pixel-ratio:2) {
    .dude__plus--black {
        background-image: url(../img/dude-icon-sprite%402x.png);
        background-size: 126px 110px
    }
}

.dude__plus--mobile {
    display: none
}

.balloon {
    width: 412px;
    padding: 30px 0 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 68px;
    left: -188px;
    background: #2f3a4c;
    border-radius: 8px;
    display: none
}

.balloon:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -12px;
    background: #2f3a4c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.balloon--right {
    left: 68px;
    top: 18px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.balloon--right:after {
    bottom: 50%;
    left: 0;
    margin-bottom: -12px
}

.balloon--bottom {
    left: -190px;
    bottom: -23px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.balloon--bottom:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: -12px
}

.dude-balloon__header {
    padding: 0 30px 30px 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #45515e;
    min-height: 110px
}

.dude-balloon__header figcaption {
    display: block;
    padding-top: 16px;
    font-size: 13px;
    color: #999;
    line-height: 1.3em
}

.dude-balloon__header figcaption b {
    display: block;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 5px
}

.dude-balloon__image {
    display: block;
    border-radius: 40px;
    position: absolute;
    top: 0;
    left: 30px
}

.dude-balloon__content {
    padding: 3px 30px 0;
    font-size: 12px;
    color: #e5e5e5
}

.dude-balloon__content p {
    line-height: 20px;
    margin-bottom: 0
}

@media (min-width:981px) {
    .dude-balloon__content {
        display: block!important
    }
}

.balloon-close {
    width: 36px;
    height: 36px;
    outline: 0;
    border: 0;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    background: 0 0;
    -webkit-transition: border-color .1s ease-in-out, background-color .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: border-color .1s ease-in-out, background-color .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: border-color .1s ease-in-out, background-color .1s ease-in-out, transform .1s ease-in-out;
    transition: border-color .1s ease-in-out, background-color .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.balloon-close:after,
.balloon-close:before {
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    left: 10px;
    top: 17px;
    background: #576779;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: inherit;
    transition: inherit
}

.balloon-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.balloon-close:focus,
.balloon-close:hover {
    border-color: #91a7c1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.balloon-close:focus:after,
.balloon-close:focus:before,
.balloon-close:hover:after,
.balloon-close:hover:before {
    background: #91a7c1
}

.balloon-close:active {
    margin-top: 1px
}

.section-vacancy {
    padding-bottom: 78px;
    background: #fee818
}

.section-vacancy .section__title {
    margin-bottom: 42px
}

.section-vacancy .section__subtitle {
    text-align: center
}

.section-vacancy .section__intro-text {
    position: relative;
    z-index: 3
}

.no-rookie {
    font-family: segoebold, 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ae9e00
}

.section-vacancy__cats {
    margin: 18px 0 90px;
    position: relative;
    z-index: 2
}

.section-vacancy__cats--en .vacancy-cat.vacancy-closed:after {
    background: url(../img/closed_en.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-vacancy__cats--en .vacancy-cat.vacancy-closed:after {
        background: url(../img/closed_en%402x.png) 0 0 no-repeat;
        background-size: 90px 90px
    }
}

.vacancy {
    text-align: center
}

.vacancy-cat {
    display: inline-block;
    text-decoration: none;
    position: relative
}

.vacancy-cat:before {
    content: '';
    display: block;
    position: relative;
    top: 0;
    background: url(../img/cats.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .vacancy-cat:before {
        background: url(../img/cats%402x.png) 0 0 no-repeat;
        background-size: 619px 245px
    }
}

.vacancy-cat.vacancy-closed {
    cursor: default
}

.vacancy-cat.vacancy-closed:before {
    opacity: .25
}

.vacancy-cat.vacancy-closed span {
    border-bottom: none;
    opacity: .25
}

.vacancy-cat.vacancy-closed:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 30px;
    width: 90px;
    height: 90px;
    background: url(../img/closed.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .vacancy-cat.vacancy-closed:after {
        background: url(../img/closed%402x.png) 0 0 no-repeat;
        background-size: 90px 90px
    }
}

.vacancy-cat.cat-frontender.vacancy-closed:after {
    right: 10px
}

.vacancy-cat.cat-progger.vacancy-closed:after {
    right: -10px
}

.vacancy-cat__title {
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px dashed #988b0e;
    -webkit-transition: inherit;
    transition: inherit
}

.vacancy-cat:hover .vacancy-cat__title {
    border-color: transparent
}

.cat-progger {
    margin-left: 32px
}

.cat-progger:before {
    width: 176px;
    height: 208px;
    margin: 0 0 36px 10px;
    background-position: left bottom
}

.cat-frontender {
    margin: 40px 0
}

.cat-frontender:before {
    width: 224px;
    height: 245px;
    margin: 0 0 30px 30px;
    background-position: -176px 0
}

.cat-manager {
    margin-top: -20px
}

.cat-manager:before {
    width: 217px;
    height: 229px;
    margin: 0 0 38px 62px;
    background-position: right bottom
}

.section-vacancy__bonuses {
    padding: 0;
    margin: 38px 0 60px
}

.section-vacancy__bonuses>li {
    padding: 17px 30px 0 96px;
    position: relative;
    font-size: 13px;
    line-height: 1.8em
}

.section-vacancy__bonuses>li:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 16px;
    background: url(../img/bonuses.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-vacancy__bonuses>li:before {
        background-image: url(../img/bonuses%402x.png);
        background-size: 180px 60px
    }
}

.section-vacancy__bonuses>li>strong {
    display: block;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px
}

.section-vacancy__bonuses .bonus-projects:before {
    background-position: -60px 0
}

.section-vacancy__bonuses .bonus-command:before {
    background-position: -120px 0
}

.section-vacancy__resume,
.vacancy-popup__resume {
    text-align: center;
    font-size: 13px
}

.section-vacancy__resume a,
.vacancy-popup__resume a {
    font-weight: 700
}

.section-vacancy__resume:before,
.vacancy-popup__resume:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 34px;
    margin: -2px 4px 0 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwpJREFUeNq0mGFkVWEYx+/OzeWqXCLSJcYYsU+jbGKUWJaxLEv7EpfYFU0pUfQlihR9iunblMaIMUVM4ypdjZjGLH0rMa4iLjez/i+/m9dxzt29O895+Dl359793+c853ne5zmnq/H9cEZ2QJwQA1AXZzK7sFzxR/iUmbZvAcd7YkKsiHOcK2RsLBXtwPs8J+ZFTVSIkpWZa3eRKi4C78SmWBIfxJiYNkgVM+2oiP8WD0W3uExkBoyinYr2Hu9zH7ezwgJ1Cqtm4Ly5tp/jx8QhsSiOiDXDqJtr+45foGiGxSvRa+i4ubafKq54zoqX4pS4L7JGjptrN3cV325xPCrGxX6xlWBXMdOOS5WmPaZhfBZ58ZqFLMxMO8rxYQrJReQOC1wxctxMO8rxCQqojLBr06NG+W6mHeX4Isc6OZn3trSkZqYd5fgbcUn8ITojfK4bOG6mHeV4jaHITXVPxUlmDIsCNdMOYs6XaRgVZow58tPCTLTjHHe3rsoCVfbafrHPwHET7WCHQhpH3I2hbxmQMkZFmkg72KGQhhC/KO6KkphyDdKgSBNpBzvM0W67+soI6gpokLzcELcTXEBi7VaOnyYyDR5uKyx4UxwnLz+ycKeWWDtqyMrQyd6L8xTNGufz7MMzFNUzzk22OWQl0m4n4lM8lW+GulqdyDznVpbJ1WIH0TbRjnPcDT6zdLb10HcvyMUb3OpZ5o12zUQ7zvEeRs8ClR+2BziQ9Vp3u2aiHef4T25XNWbQXyAiY/ymp4OXPCbagVcwvlXJv9WYxbeYNUr8vdQi6qloB7TefOj8PFfcyp6wQJZO+F9cO1WvyKWhzYN2LvDGzHBnc0VxjT01FzNzLLDX5tmbc97WdpWopaId8JqgEDF+DvKY9Uj8Etvii/gEG5z7xsVfJzedlRp/t/eSEubaznnXgEaJznSLvPOtn+NKxHfdOOOiM6lmNJSWdrNzHuTK3OywTCNo57VBkddrfTQL938zcnjZ+42pNhqxLT/qakcQCb/oWWVfXm+z5e9a27d/AgwAoYYm7Dn37B0AAAAASUVORK5CYII=) right 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-vacancy__resume:before,
    .vacancy-popup__resume:before {
        background-image: url(data:image/png;base64,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);
        background-size: 46px 34px
    }
}

.vacancy-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 9;
    display: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.vacancy-popup .section__title {
    color: #2c4766;
    text-align: left;
    margin-bottom: 20px
}

.vacancy-popup__left {
    width: 28%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fee818;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.vacancy-popup__left.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.vacancy-popup__cat {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../img/cats.png) 0 0 no-repeat;
    display: none;
    cursor: pointer
}

@media (-webkit-min-device-pixel-ratio:2) {
    .vacancy-popup__cat {
        background: url(../img/cats%402x.png) 0 0 no-repeat;
        background-size: 619px 245px
    }
}

.vacancy-popup__cat-progger {
    width: 176px;
    height: 208px;
    background-position: left bottom
}

.vacancy-popup__cat-frontender {
    width: 224px;
    height: 245px;
    background-position: -176px 0
}

.vacancy-popup__cat-manager {
    width: 217px;
    height: 229px;
    background-position: right bottom
}

.vacancy-popup__right {
    width: 72%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    background: #f2f2f2;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    overflow-y: auto
}

.vacancy-popup__right.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.vacancy-popup__right>.scroll-element.scroll-y .scroll-element_outer {
    height: calc(100% - 200px)
}

.vacancy-popup__subtitle {
    color: #2c4766;
    border-top: 1px solid #d9d9d9;
    padding: 16px 0 14px;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vacancy-popup__subtitle:first-of-type {
    border: 0
}

.vacancy-popup__subtitle>span {
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    transition: color .1s ease-in-out, background-color .1s ease-in-out
}

.vacancy-popup__subtitle>span:hover {
    color: #000;
    -webkit-transition: none;
    transition: none
}

.vacancy-popup__subtitle>span.active {
    color: #000
}

.vacancy-popup__subtitle>span.active:before {
    background: #1b5ecf url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMnB4IiB2aWV3Qm94PSIwIDAgMTAgMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTAsMGgxMHYySDBWMHoiLz4NCjwvc3ZnPg0K) no-repeat 7px 11px
}

.vacancy-popup__subtitle>span:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 14px 0 0;
    position: relative;
    top: 4px;
    border-radius: 12px;
    background: #63a2e4 url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEwIDEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCAxMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTAsNGgxMHYySDBWNHoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBkPSJNNCwwaDJ2MTBINFYweiIvPg0KPC9zdmc+DQo=) no-repeat 7px 7px;
    -webkit-transition: inherit;
    transition: inherit
}

.vacancy-popup__subtitle>span:hover:before {
    background-color: #3281d0
}

.vacancy-popup__content {
    width: 64%;
    max-width: 770px;
    padding-bottom: 60px;
    position: absolute;
    left: 176px;
    top: 14vh;
    display: none
}

.vacancy-popup__list {
    max-width: 640px;
    display: none;
    padding: 0 0 20px;
    margin: 0;
    list-style: none
}

.vacancy-popup__list li {
    position: relative;
    padding: 0 0 0 12px;
    margin: 0 0 14px 40px
}

.vacancy-popup__list li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    position: absolute;
    top: 11px;
    left: 0;
    background: #000
}

.vacancy-popup__resume {
    padding-top: 44px;
    margin-top: 2px;
    border-top: 1px solid #d9d9d9;
    text-align: left
}

.vacancy-popup__resume a {
    font-weight: 700
}

.section-projects {
    background: #76b0ef;
    padding: 0;
    height: 100vh;
    min-height: 880px
}

.section-projects .section__content {
    padding: 0
}

.section-projects .fotorama__arr,
.section-projects .fotorama__fullscreen-icon,
.section-projects .fotorama__no-select,
.section-projects .fotorama__video-close,
.section-projects .fotorama__video-play,
.section-projects .fotorama__wrap {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.projects-slider-wrap {
    position: relative;
    height: 100%
}

.projects-slider,
.projects-slider .fotorama__wrap {
    height: 100%
}

.projects-item {
    height: 100vh;
    padding-top: 100px;
    text-align: center;
    min-height: 880px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    position: relative
}

.projects-item__clouds,
.projects-item__stuff {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    bottom: 0;
    z-index: 0
}

.projects-item__stuff-item {
    position: absolute
}

.section-projects__title {
    display: inline-block;
    width: 680px;
    margin: 0;
    font-size: 48px;
    color: #fff;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 60px
}

.section-projects__subtitle {
    font-size: 36px;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 1;
    margin: 0
}

.section-projects__intro {
    text-align: center
}

.section-projects__help {
    font-size: 0;
    margin-top: 80px
}

html.mobile .section-projects__help {
    display: none
}

.section-projects__help-keys,
.section-projects__help-mouse {
    display: inline-block;
    vertical-align: top;
    padding-top: 52px;
    width: 200px;
    font-size: 12px;
    line-height: 16px
}

.section-projects__help-keys {
    background: url(data:image/gif;base64,R0lGODlhLwAfAJEDAH+27////3ax7////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMTJjNjYxNy02MzhiLTU0NDItYThiYy0xZWY5MDU4MjdlMDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzVDMTc0NjlDMUJCMTFFNEEyNjBFOUNENEQ1NTc3ODciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzVDMTc0NjhDMUJCMTFFNEEyNjBFOUNENEQ1NTc3ODciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjEwM2UwM2YtYzI2MC03YzRlLThkNDMtZjMxNDBhMzdhOTJiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExMmM2NjE3LTYzOGItNTQ0Mi1hOGJjLTFlZjkwNTgyN2UwNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAXIAAMALAAAAAAvAB8AAAKWlI8pwe2vopwm0GOvlvn2DVbbF44KuZQl2SSoOn0QBoPoXZvumWv43qP8EK8gzWeM6ZI8JPP0iLae1JhUurhGs9quNoUsurwOsMcsJLfERLRVbRnS2Jgo4OrOxyOsB+COJSfywkDk8If4VyaY0oFV4Qe4JVM2x0fph9fHkucGV8i45/PZyUMHCVe6c8qlptrG+hmX+lkAACH5BAXIAAMALAEAEQAtAA0AAAJNlI83y+0dopwyWfPyozxeq4VLx32JGJJUElyo1gHr4YHvxgFyZXTK7ZDohjper2UDMmK7Gs2lXOZmJkx0pDJWr9gssirgDrzOLZccKAAAOw==) center 10px no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-projects__help-keys {
        background-image: url(data:image/gif;base64,R0lGODlhXgA+AJEDAH+27////3ax7////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3MTQ2ZmE3YS1hYTAwLTIzNDAtOTYxYy01ZTI1NzA3MjhjMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODBBMjEzQTdDMUJCMTFFNEFCNDE4N0UyQ0VDMDgzQzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODBBMjEzQTZDMUJCMTFFNEFCNDE4N0UyQ0VDMDgzQzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTY2MmJkNDgtZjhiMi1mODQ4LTk4OWQtYjdjYjgwMjQ1NDU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcxNDZmYTdhLWFhMDAtMjM0MC05NjFjLTVlMjU3MDcyOGMyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAXIAAMALAAAAABeAD4AAAL/lI+pi+EPo5yO2YuzFrT7t4XiaFTkYp7qWgZs476ymL71jFv3uuf+0TsFf7nhyEiUITmxyzLJa+qkjCdUSE1InNnrzLideolBT7U7ZpU757RvCUe7sZn4HGfHWO96OdDfwqcEyFRHKNhnqIgYtcjF2JgoCUmyN0lJc6hhiRn4pdn5hwcaWvhZGsIphrr54RrG2vc6Sxpre0tJS9ui68rbCxwMwiRM8VuM/Oo5uGyTbGzKHO38HKbaNq1WbV27eo2yHdGsPR4VPvytYJKudY5OmMcO4x6T95ht/gEAoFuuDl9PE5hX+/rh+7fIykAP+wruOtguocBh/xg2NGjP28Q1exQaevzokJsjjRU/lJQAMiW/Cf4iStox6+QEjxjRmAHXsuQZiyGVQbyJEKJOcK56+hJKjCJOpDC4FF0ZEymspQr90FsHUOIoejlFvey2013XTGNTXS27AetWsUzNom3FtW3agGvPvdX6Ka48r3uPhfP7DPBVZIIJJ91WAAAh+QQFyAADACwCACIAWgAaAAACs5SPqTntD6OcLdiLs86re0OF4rSVpvWlzMiO58upcktT8B3Ic80/OKxT9YaD3yuYIvaMJ+RHyWOaPqgdtIUDAJqeqvCKvWm5CowOHIZpx5uO2YoOZdel8k0Rd2XW/D77jYCDlye353eo4XZxRmgjRte2AJjUSPL4F6PIWBkxRyaZA8fp4Dnl1DHaKRV5OphKuprY6vpaFJs5e1ALe7uYi7Bb0ev7CxI8TFwcbItcrHuMHFAAADs=);
        background-size: 47px auto
    }
}

.section-projects__help-mouse {
    background: url(data:image/gif;base64,R0lGODlhEwAyANUAAMff+IO48fn7/ny18Hiy75vG8/L4/f3+/9rq+/z9/4W58a7R9oC38L3Z97rY98jg+b/a97LT9sXe+NPm+rvY97DS9tLl+tDk+oG38MPd+O/2/Ya68bjX953H9Njp+pnF89zr+6rO9fX5/o2+8vD3/X628Hmz76bN9dXn+v///3ax7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAATADIAAAbqQJVwKCQ8CMSkUlVJRZZQhSAlUECVk5QWde16v+CweLwcVDyalMZTGVwdAklno9p0JAKHsgSYBJYBEwAMRAAQXg0AQxwXYBYcKgNVYFIDC4pJDSkUSgALCAVKCSkJSgUIBn9JWilKAQYHSKtaSgQHrUqsS7S5vLNLo6W9SxAph8NjvmHKYMxfzl7QXdJXKbFitqlir6BiHyCXYp6Sql4BAm4OjV8XekIADYiYQgwAFhhLGBaDShQCGQX+BCiQQQAnKAMioEphAEEEN2QiSpxI0cuJBxglmAAz4pYxcSlIQATDQEQIMgVkKQkCADs=) center 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-projects__help-mouse {
        background-image: url(data:image/gif;base64,R0lGODlhJgBkAOYAAHiy75HB8q3Q9Xmz74C38OXw/Nfo+uTv/KbN9drq+67R9u/2/ZDA8uz0/eDu+/T5/qrO9avP9cff+Hu08PD3/Ym88fn7/vz9//3+/8Pd+N/t+4a68ajN9b3Z93628Njp+pjE88zi+fr8/r/a94G38M/j+aLK9LPU9tXn+rbW97XV9tPm+ny18KDJ9Pb6/vL4/fX5/ufx/Nzr+4e78cvi+e31/YS58cLc+LLT9oO48cXe+N3s+5bD86PL9Ojy/OLu/IW58ZPC8sDb+NDk+p3H9I6/8p7I9Pf6/v///3ax7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAmAGQAAAf/gEmCg4SFgwhEhoqLjIUEFA0TjZOUSRJISCOVm4Y8GJgXRZyjAwWYmBqjnCmnpwqqlBUWrZgwObCNBrSnJbi+v8DBwsPExcbHyMnKy6oECBIHBxgY0RIIJMI4Cbu7CTi+EBqYIigKAQEAAOcKKyKoEKM2ukgxPZKMEz0xmAY2lQwNkCyIMCrCAiQNGEwKgCkBAVgEtiEJwIghEh0AfAHQgYmioQ0BMwjLgHCDIV0JMgYDsM1AIQFIKHgg5uGgAEIOkHAwxgGJg0EnkBRQSQyAqROCtpmgNKADBQodBlAygSRBEgJIRNxrNKKVpkkT3BGIgARFpQetHlRCgSRCCCTw/yjtqgQBSYgfSIJUmkuJ4QG02OTSqoTVxQUkUgW3qjQAyWEkm/gqhrx3cGVMkS1Pzrz4MuXJmD1zPjV6E9pTakVX6npKSGnGN168uJF487LOynAn042M9zHfxoAXE06M+DDjwpAHUw6M+S/nvqDjAoVYWeMLLpA8TFb4wERlDIS+jYusbgiyNJTRaFsByQOixQC8QFIhyQ4kS4+1QLJDUNChxhiFhAqD5ISAMQj4RIgCArFADAsHvULIB0gMQUwJSHxgyAwwINGBMB0gccQMioCASQbwjQIASUiAwIiJGc6kigcUtrhQDQLtxAkHB9Xg0SQbzFNAC7UpMkALpiBhgHFJnAiQExIWrGCOQkkwEAA7s/h0Ey4qyMANLTIQGAwJzxyQZAEHWBMYM2y26eabcMYp55x0+sKDAHjmmWd9xDDwyS4UOFjMJbscaEwOWZ6SCjKsnIIBlccMEBAmvShjBCYWAMGMLimwWYEPRSqz3SiBAAA7);
        background-size: 19px auto
    }
}

.section-projects__help-mobile {
    display: none;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding-top: 60px
}

.section-projects__help-mobile:before {
    content: '';
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 36px;
    height: 43px;
    background: url(../img/swipe.svg) 0 0 no-repeat;
    background-size: 100% auto
}

html.mobile .section-projects__help-mobile {
    display: block
}

.project-intro__cloud-1 {
    width: 70px;
    height: 35px;
    left: 64px;
    bottom: 427px
}

.project-intro__cloud-2 {
    width: 52px;
    height: 32px;
    left: 190px;
    bottom: 365px
}

.project-intro__cloud-3 {
    width: 68px;
    height: 38px;
    left: auto;
    right: 183px;
    bottom: 382px
}

.project-intro__cloud-4 {
    width: 48px;
    height: 26px;
    left: auto;
    right: 239px;
    bottom: 376px;
    opacity: .7
}

.project-intro__boat {
    width: 40px;
    height: 56px;
    left: 58px;
    bottom: 182px;
    background: url(../img/boat_1.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-intro__boat {
        background-image: url(../img/boat_1@2x.png);
        background-size: 100% auto
    }
}

.project-intro__dolphin {
    width: 67px;
    height: 28px;
    left: 208px;
    bottom: 102px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAcCAYAAAA6EgJRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABIBJREFUeNrUWW1IU2EUPtO1+VWWH+0rtagwCqEvDCEIgkLoi34VCREU/Yj6U1D+CbEM+qAgDCIhKqMokgQtiH5EQiCRI0EQpIklTdS5Offh5paucy7n6tucts27vB14uLvv3e7u+9z3POc592ojkQgoHbVPWhfy84OIfYhSRA4ihOhC2BGDiE7ERoSOt5nCd9cg8vg8DkQ/IoDoRlh5S3DF+mMtqCvyeGInEenCeEUS5ypkUOyMOkak3mFMyoNpKiOD7tgtxCklT2ofHIbxYFAcMiJuIr4itqmVDDmaOB0UiWHnKHz60gnfvvdDOPxrejw4MVHmcLo6fP7xetzN1aqQCEqJZ5z/isSWTaXSdmpqCrx+P3gdPvB4fRAKh2nYRkTodEt2q4kM0ohaRHWUXiwoQqEwuD0e8Pn8EhFcMEhM7yLeymKalZGpKgGtYyKSjgDqQjA4QctfAu0TGUK0sGi2yQO4ImCVyQTLluaohoxjiRAhT1acOH2eI3yIx7wSbPKgRgOwsqAADIWFkJamUU1pJTV/FM9dd4w4YXTMA3F6I/IY9xANiDHxQHZWJhSZzZCRoVeVzyCj9IoNVMwY83jB4XQCKn6852znVdAkeghJlNLTwGwwQH7eClCj6aqPVTVI9Z2jbhhxumAiFJrv97TsiwUy3yH2R5MgubnluWA2GkGrnVubF5OMI4gTfyg/ljpKBZfbDZOTU9MZgvjAaGd73s3jFB2cajR2NJoIvU4Hq8wmWJqT/dcL+pdkWNj5Gflu1skHxgMBGHY4pRLI0YNoZtX/wATMFWSt+xCHRG3QoEIaCgskkZQFcrHJoCbqNaIy1kFygwNDQzDqnp5DM5e+Twn8x0VeFTNClJ2NAmkCvV6X0MVqrAORlLDQ+r6ViPiIKJ+tCRFJFIccI6QP06Xv8vlLtnjPf/XOjdl3FvWAdIH0IZlQamVQd1jGKUB53Xdg74EAEvIQP28WqwVVh4HBIVkYa5iEsQW3uyuWg8VowIqRvHlNhozNPHF5WybU9JdifiMhDUgI5f8LTAljv90OXrTFHPeRhCv8OTfaC8QbGXo9FFlM6B2yFnxH4+la1yFuc7sb4W0j4iyLFwnXDsTTWEKHhLT5/P7rPb29IhFE0AXBaxxJeCkW5MPa1SWwYf1aRYiId2XY+MKp9duD2MXtdQM/TfprA9b7/YdFMI1EWBWuCrk0PuBVlVhpwpRQOhJJkx5GIhdOj/CsSMQagYhzSISV90/zU6gqNTRIqSyt1awFLewyJVOERHQJ6UfeY4ta2uZUkJHOS/8wokT0D0JqyOlXo6anSkqTITdeZLLOcPsMSMI1+A9CSdNFFvsNl1oS2O2xGialYqtJ+XMq9UCYXOZnJoLiXCqJWOw0IYeZx9UkOio5NXJ4/zn3FsXsSCf5d77/lQxqiSsY5az8NKnjPFk5yHPUctdYJqTLT64U0dHJrXcXO04bGzc7n8O12GRYeMIVwlY3R5Vo5GNtwvdBIAJg9turaCsPMP8bMvlZhRVmXg26mCz5FWNK4rcAAwDhv4q/Hl02gQAAAABJRU5ErkJggg==) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-intro__dolphin {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAA4CAYAAAA4uYCUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACEhJREFUeNrsnX9oE2cYxx+tPybUqR2FMbdixdHhyJgoDkdF/1EcTIYwUJSJgzGZTAb+M4dsY25lv6Aokw1lYlFWNhTHpm7imKzMIRMKxbJuYjaxWG2bJv2VNk3StHu/d8/p9XqXu0vukrvkvvCQksuPa97PPe/zPO/zJjNa706S13Xu0rlin0JIWJWwOmHzhC3n+weFhYXdEhYT1mrjNWv5NWuEVQtbLOxR/ruGj9XyYxPCOjTPjwjrFNbOx2Dd+f6j93p6pdtZFMhIAOAVYW+pQLAiLSwpYXP4NeYxXJU5nMtKC4+LqSBp5dt2PidbmuEHj1Ekr7GaoXiZB9bP6mJIDgq7YsVjzAwcg6GuCdsh7LlcrjiPCdPUBmG/CzsqbIHZEwIwzNUm7CWe50tBrwu7KWxrAEb+ahG2TVjGiyf3d/gW/fTbH/Tv7TuUmZiw8hQEuN8Ku6QKcKcoCD6t60dhu4V97bUTS6bS1HHzP8nmzplNS2sep6eWLqElTzxGFTOzXvuYXv7i2ONzNfhB8Gldz/JVVue1zybaP0hdHDSqNXvWLKoVcDw0d+6U+xNjYzQ4NEzD8REaTSRowfz5VLVoYfvD8yt3i+DzauAxrOuAsPe8mp08smiBZEbKZDI0PDJCQwxDenx8yvGBoSFYSIB0XgCyMwDDXJh/Twhb57cTh1cYGo5LIMQFFAZq5/gJGdhVrr8EMYaJtgv70kpq5wVlMhMSAIPDwisIILRegYVq6VcMw9VsmVYAxnRhujhpls75yCsoKfdhYc0kV2JNFYAxXSe8CEUymaKxZPK+AYR0etxKJgUgLtt9vwCM6UHm9mKeQCqdlgY+OSYDAK8Am7SePMaFNTEQ4VzPIwDjgbYI+6hQb4YYIImrXwCQAACJMQmECWsFKj11MQzHyIESfgCGLKxcfuNWUCi5f77yZS+QlFJIh4SMolHYGXKwMhuAIS8w/UDy0rYjGh/PUF8sRtH+fitxQE68MQiHObtwXOUOBjKQswxH3sK0EIlGqX9wUEwJrlSUMUUcZyA63fxgyh0MVDNX5/siQ/E49UaiZiljPgozDE0cXLqucgajXtj+XJ8MjxAbGJA8BFJJl4T4oYHTzoKqXMFANRNFrIpcsolIX1TEDwNOBpB6Qrl6PRWpD6RcwThEBn0IRsIqZF80JsUPk/mFD20cPGLgNxjENyhdv0BFbA4qRzDQw7nL6oOx8hjpi9HI6KiVh2P+R5URjcDosUwxAJBeB/lpPh+18JwXuS5BARiFS02PWqk9SPGDmDJQiTRRB8cAl9nszC96g/8axxYUgFE4Ia6oMjqYSqWlYBJQAI4sKSMAuCDsYp5XtnYfyCfCTnnhgyolMJSNQKhNhPg+ZS8Guq8qyWB/CKqR3T0Radow0A2SC0qKV3BKChjYD4Ll8Pe98mH6HQwEkGd54G0LXqE7EpGCykn9iBJeodFhGLSZx95C1ifKAQzA8DPJ2/psKxrrp7s9vXopZ5zdOYAIu/w/tJK9bY0BGCZCq915sr/Vj+Ijo9R1r1ta0NIIJeYj5NDqpN/lRzAQJ1wim425yC6w/a5/YNqYYxHqMDm8Oul3eX3DEaYLqV1/88bN6vRwD1lsUUPpurs3Qv/cDKuhAABoc8P2w+eFfRdA4U2PsZgzCcXqOBOAa2/TefxxPn46W4wBEOAlNLUIALCWNMvV7+57W7r9sPHTgAoq/IajCvYCiikgVKnSN2Wej2ifrLPpqIbhmLJCivgBcQTiCR0dVKeFChBGKidQsEGpatFC18Go1XiBEBl/z8RlzuO/z+bSDXajoX6BbYNSryaqlXd7eozWM67x1JHRgQLrFr+UMyBOgzFPdfWvVEFgljEoaeERmv5tMXbA4Fhi4vrtO10hbL3L8n4rlBRUA8U+Thtbytl7OAkGpoBdJPc2rKMs5WaVwgxDkxNpYcOhz/ifmn0nmUpl68R6ld9TC8UakvekLrUagJYqIGow8g0+Y1wIalSlkhsYEsBSrXrsRU4LL7rwP80xgeKMAoUO2IDiQpCVFDb4rGNAWsidKiIGNiau4GUkfxmInrDI9QxDrPUWqJxu4izlip03LkWvofYYbtcxbnBq6QYUiGu2qgJdI+00gGI/Q9FJOXRam2UzQR2jOMKAogtrlSpt1aqToWjRGUh4MWVzUXM+00ippru++eIUld5kKDDozfzBf0ByxzepBnuPEtxqBg9xz3WSu6zeMctEnJTXISnkVOK0Phb2Bbv+Zk3NhBiEHWx6GQ8KbPhysm1cz2gp5Mn7afrxCxiolZzmuABuf6/meA0P8goNMFrhuQ2FBsKPcPgBDGQev9KDplkMfJvGNSPAXc/Tg+flBzi8DgbS0D9JLkJBcY4LtDpFPpPX4fAyGPUMxTLVfQ1ks/nWywPg5XPzalaCaeMkTd2BjlrI06Tpw9CL9P1aYyh21lKo1dVctZ+zD62wCecCBXINIK+CUcGp6Bs6x1CuXhsg4S4oXgSjktPRTQYp5irS7+QK5CAkXgMDrXlo7g0ZHEcDz55gyN0HxQ0wUGtYzWkl4gCrey8BA7YB1Bgcx+LXk3xL/DjlfdAlrvx6DwLTbiryRmC/Q+IEGCEeHMXUX7yOgcIWfrMVy008fWTr9GoiubtrDQNh5SuRwnwOgCbBUxDqH1jpVX5HLIBEBxK7YFSrBka5tdK2tzELHJg+DtDUvSHLLL62E+pkSG7wubYxRGoPVHaQmIGBvs16FQi1Ob5fnD3HFYNgUwtbtcc+L2VqUn70roPhaSX9XzUsCR07dfw+GFs0g+TkTy8kGI4Iv349v8fyEvkcYwxOF4OkTGNqD+RL/S/AAGYgQEJl9Qb/AAAAAElFTkSuQmCC);
        background-size: 100% auto
    }
}

.project-intro__bottle {
    width: 19px;
    height: 23px;
    right: 363px;
    bottom: 125px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAYAAADpwXTaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfNJREFUeNpi/P//PwMxYN2KWhjTHogPwjhBEc1wNUwMpINSIBbCJkHQsMd3N4OxqakZiMsGxE5AbEmWYUiAWU1NvV5YWJgTyPagxDBQON3m5+ev+vbtG4xPtmEgbyn+/Pnj6/fv30F8XSAWpcSbDG/fvvsNZb4G4r8UGvbmG5SZDsTv0OVZkDn6qfxYDdlSsQREnf3x4wfIawsa905ajy2dsRDjotl7lxgfvn5SnOk/A/+3Xz8u41JHlGEfvn7kffflvQyUewSXOqLC7Pn7Vw+gzEdAfIoiw+6+fPAIylyGTx1Rhv3995cdytxEiWGgxLoOiOug/HByDZsGxMeAOJCRkZFBWFgEJJYPzegkGxbIxMTEoKqiymBnY8fw9csXmPh8IOYnxTAJEJaUkGQwN7NgePj4EcOPnz9gcnJAPAFrOrv2GsFZ3vYRTEdW8YPLK0UFRTD/2bNn6PoSgLgVqP4Osn5cLjNmZmZmkJGRZfjw4QPDr18/0eXvgwwilAPsobZKS0vLMLCwsDA8f/EMm2Ur8WUnUID2AnEyEN9hZ+UU4+PlA0u8ePECopCZjUFdwYJBQVKPQU/V6SW0PHuNbBjj1Vf/A4H0ZJBrYII3HxxnmLA8nsHNPpSB+Y8wg6qsGYO6vCUDExMzumNuQmsqED4CEGAAsDORN2zb+y4AAAAASUVORK5CYII=) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-intro__bottle {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAuCAYAAABEbmvDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6FJREFUeNrMmF9IU1Ecx3/745yuln/nzOU2/yQSC6VcCqYhBBEp9VhPRUHUexHVixAWQW9RL+FDkCJYPvbHGj1IUfoQ/aECCRRj3v1TR7lJzvU7l3N3r4fN3Tu33R34cu89u/fuc3+/8zvn9zuap6M3IYetAvUYdULpg1rIbetC9aEMSh/Ud3S4s0YxPf2R7TqKKkGRP5lSzWLkI5kP7WOOBeHKapRLYjn1wYjVDIbifqvVCkajkXQdoC5VFWwX6obL5XpgsdRANBoFCtWtFhhx3T3UHOqWVqstDoVCycabvKjMItgc665gMCi97FXLYpugIpEIalXa5aZuVjcqGTeSplMyznIIFkzWbVAVDN0YodEobeOoCVXBlpZCK0zXb9RF1SfYQCC4zHSdI95VG2xqbS36T3L9EDVZCEvSmOR8FnU1k5fo778YzhpRHOLxqR8fDjWU7akr0hXFfwXnvy5Hw1YKqKhp9l8wZ48ryayBspFALbQMdiITqHyAjWX6YC7B/ChPIYIRa8UKFQwKDWxeaVWUL7CR7b4gW2Au5tqjNhipfp6hPjP9gzQxzDsYKf2fo2ZQp1L8fiWfYC2ot6h3qGNJF1+9HjQajWA1V77AzqSqdozFRmhva4eqyipcyuNCGv0kkw2VTMC62I7S0lLoOOiGgf4B4DgOFrlFNigGMwHTfPPF4fR12VWVjxa2ZAuAt1BjQyPvujee1yyU0Mjsfxj1PlcWaxKgSHM6HNDc1AxYcZMcPxWUULaRzbsdiivx0SGxdtjCem3SC7vdkTj3LnrlfNRd1OV0Nwos+lQ/JIFMjC+TyQSWaovoX59PjhEu0RLOs21XEkgJaMJiDrtTTFsxAjkfJ9dDOjnWUjLGdHTvgYLZxaQr4If19fVt52dSKLm7PTo6RvjBazaboby8Qvw3v0+utcbZ/IyFkQtGgK7R47wYjc5NN3m9XrlgI3KhtgJroyFOJsg70vFlrxejMRaL8a6Um5+lg9lq8JfQsJ5h1jk+IokLiSsTWwHBAA8nJ5tVAsVajKyBj+h4kraztprWsgXuO4TDK/ycVWutTelGS7kdmuvdsK+xB1qd3WCtbIDVaJjsWt+mWS1RWkqyJJHJiuydnk91U/hvAIaGT8Kc9ws/0/d094LNZoNXky9Bj48LEC2OTqgw75ZjkE80QgVQfzKwBTzWpXvTn8gSD7exEQNX0xHobD8O1Tv3gtlUlY0M+CcDmvOCN+P2X4ABANrGDQvsy/DYAAAAAElFTkSuQmCC);
        background-size: 100% auto
    }
}

.project-intro__kraken {
    width: 232px;
    height: 121px;
    right: 102px;
    bottom: 115px;
    background: url(../img/kraken.gif) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-intro__kraken {
        background-image: url(../img/kraken@2x.gif);
        background-size: 100% auto
    }
}

html.mobile .project-intro__kraken {
    background-image: url(../img/sprite/sprite.png);
    background-position: -249px -356px;
    width: 209px;
    height: 88px;
    bottom: 102px;
    right: 85px;
    background-size: auto
}

@media (-webkit-min-device-pixel-ratio:2) {
    html.mobile .project-intro__kraken {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -248.5px -355.5px;
        width: 209px;
        height: 88px;
        background-size: 928px
    }
}

.project-fsn__cloud-1 {
    width: 57px;
    height: 32px;
    left: 147px;
    bottom: 530px
}

.project-fsn__cloud-2 {
    width: 53px;
    height: 30px;
    left: 268px;
    bottom: 470px
}

.project-fsn__cloud-3 {
    width: 63px;
    height: 36px;
    left: auto;
    right: 288px;
    bottom: 415px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.project-fsn__cloud-4 {
    width: 42px;
    height: 23px;
    left: auto;
    right: 180px;
    bottom: 470px
}

.project-fsn__sos {
    width: 124px;
    height: 70px;
    left: 164px;
    bottom: 280px;
    background: url(../img/sos.gif) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-fsn__sos {
        background-image: url(../img/sos@2x.gif);
        background-size: 100% auto
    }
}

html.mobile .project-fsn__sos {
    background-image: url(../img/sprite/sprite.png);
    background-position: -459px -356px;
    width: 124px;
    height: 70px
}

@media (-webkit-min-device-pixel-ratio:2) {
    html.mobile .project-fsn__sos {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -458px -355.5px;
        width: 124px;
        height: 70px;
        background-size: 928px
    }
}

@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
    50% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    100% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
}

@keyframes swing {
    0% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
    50% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    100% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
}

.swing {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: swing 5s infinite;
    animation: swing 5s infinite
}

.project-fsn__buoy {
    width: 15px;
    height: 16px;
    right: 380px;
    bottom: 170px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAp1JREFUeNpskl9IU2EYxp/vnO9sO2c7m5tO53ItcqihmaVQCCJ4UURX2VV1EUQXItRF3tRF0IUUdN9l1EUXdSHdZVAEKhGNwJvK0Mw0t2JON/fnbDv/vr5lQnN+8PD9Ofx4n+c9L1kaIPh/MS5KIDoJnvNjpyywcb7PYZ9Ff5ZYHSwTHNswcYHyiyrgll/EnL0fvNoc2+eZOQ0iFgWn4k5KjlMdI+ei7mBolVlmLTxy/1E9CjaoBkOyZeiwLStAXcqYBdwmpDYiFSWpvjAR+qisCHpFB2wbTMufLH6Kow5+e/NyzUM1m4eSjsOqEzlbxMq2hrCodwQLG16bIVcDH7k4ttdyg+pR25p8KnRdh5JKIxDwh9wuZ7tt2fM1cGT47J7ALOI7EA06VB/ymykczGzC29IqGqbVberG/I7zHfs0u7xQzQiHR/3HsmgplZCEchFmdhOZzBbK21komeSAsPX7KaESmCDCZgy0kv4Ns1zCx6knMEtF/oiukEwREEwIvFnLPHOBtzrqVXo9Lgds08DaehKaZYP2XrmBSi6DtdlpxEavghmVnsZDMUiygmI2g0ZeQXJ74Glu7eLt9r67N5FLf1vn312gVauWbqD8YxGO3Ab8I6N+2euDIIowf61Dz+fAeETuKJiMz7YnPsyscNe6WSprf2FGiEpK+Tv5x5Nh4fP77gyvZpU1WJUyDK3A4/CzoQt8fxaTTLfWc/yF0tl3nfAGyaahn/j6YGIuH39D0t+X4OA2+ZBADgThbg7DHWrjTijs1QUUlr9AvnY31XlpfLgKN/HiR7nC8YeTlqFpUmv/oN7U3e90NfhF0emCuDtAponE6yk+RQ1iZOjMYhXe/cMtXOe5erimuV5V27F3chMzL2ELFJGh0/gjwACNthh9ylAaTQAAAABJRU5ErkJggg==) 0 0 no-repeat;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-fsn__buoy {
        background-image: url(data:image/png;base64,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);
        background-size: 100% auto
    }
}

.project-fsn__mayak {
    width: 82px;
    height: 110px;
    right: 280px;
    bottom: 163px;
    background: url(../img/mayak_2.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-fsn__mayak {
        background-image: url(../img/mayak_2@2x.png);
        background-size: 100% auto
    }
}

.project-domofon__cloud-1 {
    width: 65px;
    height: 36px;
    left: 145px;
    bottom: 500px
}

.project-domofon__cloud-2 {
    width: 57px;
    height: 34px;
    left: 314px;
    bottom: 365px
}

.project-domofon__cloud-3 {
    width: 42px;
    height: 25px;
    left: auto;
    right: 371px;
    bottom: 396px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.project-domofon__cloud-4 {
    width: 52px;
    height: 30px;
    left: auto;
    right: 184px;
    bottom: 322px
}

.project-domofon__iceberg {
    width: 190px;
    height: 78px;
    left: 163px;
    bottom: 135px;
    background: url(../img/iceberg.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-domofon__iceberg {
        background-image: url(../img/iceberg@2x.png);
        background-size: 100% auto
    }
}

.project-domofon__boat {
    width: 40px;
    height: 56px;
    right: 330px;
    bottom: 256px;
    background: url(data:image/png;base64,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) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-domofon__boat {
        background-image: url(../img/boat_2@2x.png);
        background-size: 100% auto
    }
}

.project-nordgold__cloud-1 {
    width: 54px;
    height: 32px;
    left: 163px;
    bottom: 530px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.project-nordgold__cloud-2 {
    width: 57px;
    height: 34px;
    left: 282px;
    bottom: 471px
}

.project-nordgold__cloud-3 {
    width: 64px;
    height: 36px;
    left: auto;
    right: 272px;
    bottom: 416px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.project-nordgold__cloud-4 {
    width: 44px;
    height: 24px;
    left: auto;
    right: 164px;
    bottom: 470px
}

.project-nordgold__boat {
    width: 40px;
    height: 56px;
    left: 188px;
    bottom: 163px;
    background: url(data:image/png;base64,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) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-nordgold__boat {
        background-image: url(../img/boat_3@2x.png);
        background-size: 100% auto
    }
}

.project-nordgold__nessi {
    width: 164px;
    height: 54px;
    right: 123px;
    bottom: 288px;
    background: url(../img/nessi_2.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-nordgold__nessi {
        background-image: url(../img/nessi_2@2x.png);
        background-size: 100% auto
    }
}

.project-avantel__cloud-1 {
    width: 66px;
    height: 36px;
    left: 170px;
    bottom: 501px
}

.project-avantel__cloud-2 {
    width: 57px;
    height: 34px;
    left: 340px;
    bottom: 366px
}

.project-avantel__cloud-3 {
    width: 44px;
    height: 24px;
    left: auto;
    right: 344px;
    bottom: 400px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.project-avantel__cloud-4 {
    width: 53px;
    height: 31px;
    left: auto;
    right: 160px;
    bottom: 321px
}

.project-avantel__boat {
    width: 40px;
    height: 56px;
    left: 214px;
    bottom: 235px;
    background: url(../img/boat_1.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-avantel__boat {
        background-image: url(../img/boat_1@2x.png);
        background-size: 100% auto
    }
}

.project-avantel__bottle {
    width: 19px;
    height: 23px;
    right: 387px;
    bottom: 185px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAYAAADpwXTaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfNJREFUeNpi/P//PwMxYN2KWhjTHogPwjhBEc1wNUwMpINSIBbCJkHQsMd3N4OxqakZiMsGxE5AbEmWYUiAWU1NvV5YWJgTyPagxDBQON3m5+ev+vbtG4xPtmEgbyn+/Pnj6/fv30F8XSAWpcSbDG/fvvsNZb4G4r8UGvbmG5SZDsTv0OVZkDn6qfxYDdlSsQREnf3x4wfIawsa905ajy2dsRDjotl7lxgfvn5SnOk/A/+3Xz8u41JHlGEfvn7kffflvQyUewSXOqLC7Pn7Vw+gzEdAfIoiw+6+fPAIylyGTx1Rhv3995cdytxEiWGgxLoOiOug/HByDZsGxMeAOJCRkZFBWFgEJJYPzegkGxbIxMTEoKqiymBnY8fw9csXmPh8IOYnxTAJEJaUkGQwN7NgePj4EcOPnz9gcnJAPAFrOrv2GsFZ3vYRTEdW8YPLK0UFRTD/2bNn6PoSgLgVqP4Osn5cLjNmZmZmkJGRZfjw4QPDr18/0eXvgwwilAPsobZKS0vLMLCwsDA8f/EMm2Ur8WUnUID2AnEyEN9hZ+UU4+PlA0u8ePECopCZjUFdwYJBQVKPQU/V6SW0PHuNbBjj1Vf/A4H0ZJBrYII3HxxnmLA8nsHNPpSB+Y8wg6qsGYO6vCUDExMzumNuQmsqED4CEGAAsDORN2zb+y4AAAAASUVORK5CYII=) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-avantel__bottle {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAuCAYAAABEbmvDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6FJREFUeNrMmF9IU1Ecx3/745yuln/nzOU2/yQSC6VcCqYhBBEp9VhPRUHUexHVixAWQW9RL+FDkCJYPvbHGj1IUfoQ/aECCRRj3v1TR7lJzvU7l3N3r4fN3Tu33R34cu89u/fuc3+/8zvn9zuap6M3IYetAvUYdULpg1rIbetC9aEMSh/Ud3S4s0YxPf2R7TqKKkGRP5lSzWLkI5kP7WOOBeHKapRLYjn1wYjVDIbifqvVCkajkXQdoC5VFWwX6obL5XpgsdRANBoFCtWtFhhx3T3UHOqWVqstDoVCycabvKjMItgc665gMCi97FXLYpugIpEIalXa5aZuVjcqGTeSplMyznIIFkzWbVAVDN0YodEobeOoCVXBlpZCK0zXb9RF1SfYQCC4zHSdI95VG2xqbS36T3L9EDVZCEvSmOR8FnU1k5fo778YzhpRHOLxqR8fDjWU7akr0hXFfwXnvy5Hw1YKqKhp9l8wZ48ryayBspFALbQMdiITqHyAjWX6YC7B/ChPIYIRa8UKFQwKDWxeaVWUL7CR7b4gW2Au5tqjNhipfp6hPjP9gzQxzDsYKf2fo2ZQp1L8fiWfYC2ot6h3qGNJF1+9HjQajWA1V77AzqSqdozFRmhva4eqyipcyuNCGv0kkw2VTMC62I7S0lLoOOiGgf4B4DgOFrlFNigGMwHTfPPF4fR12VWVjxa2ZAuAt1BjQyPvujee1yyU0Mjsfxj1PlcWaxKgSHM6HNDc1AxYcZMcPxWUULaRzbsdiivx0SGxdtjCem3SC7vdkTj3LnrlfNRd1OV0Nwos+lQ/JIFMjC+TyQSWaovoX59PjhEu0RLOs21XEkgJaMJiDrtTTFsxAjkfJ9dDOjnWUjLGdHTvgYLZxaQr4If19fVt52dSKLm7PTo6RvjBazaboby8Qvw3v0+utcbZ/IyFkQtGgK7R47wYjc5NN3m9XrlgI3KhtgJroyFOJsg70vFlrxejMRaL8a6Um5+lg9lq8JfQsJ5h1jk+IokLiSsTWwHBAA8nJ5tVAsVajKyBj+h4kraztprWsgXuO4TDK/ycVWutTelGS7kdmuvdsK+xB1qd3WCtbIDVaJjsWt+mWS1RWkqyJJHJiuydnk91U/hvAIaGT8Kc9ws/0/d094LNZoNXky9Bj48LEC2OTqgw75ZjkE80QgVQfzKwBTzWpXvTn8gSD7exEQNX0xHobD8O1Tv3gtlUlY0M+CcDmvOCN+P2X4ABANrGDQvsy/DYAAAAAElFTkSuQmCC);
        background-size: 100% auto
    }
}

.project-avantel__castle {
    width: 134px;
    height: 111px;
    right: 233px;
    bottom: 181px;
    background: url(../img/castle.gif) 0 0 no-repeat
}

html.mobile .project-avantel__castle {
    background-image: url(../img/sprite/sprite.png);
    background-position: -249px -445px;
    width: 131px;
    height: 98px
}

@media (-webkit-min-device-pixel-ratio:2) {
    html.mobile .project-avantel__castle {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -248.5px -444px;
        width: 131px;
        height: 98px;
        background-size: 928px
    }
}

.project-zsm__cloud-1 {
    width: 53px;
    height: 32px;
    left: 138px;
    bottom: 376px
}

.project-zsm__cloud-2 {
    width: 69px;
    height: 40px;
    left: 271px;
    bottom: 495px
}

.project-zsm__cloud-3 {
    width: 44px;
    height: 24px;
    left: auto;
    right: 296px;
    bottom: 438px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.project-zsm__cloud-4 {
    width: 63px;
    height: 37px;
    left: auto;
    right: 163px;
    bottom: 404px
}

.project-zsm__boat {
    width: 40px;
    height: 56px;
    left: 214px;
    bottom: 235px;
    background: url(../img/boat_1.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-zsm__boat {
        background-image: url(../img/boat_1@2x.png);
        background-size: 100% auto
    }
}

.project-zsm__surfer {
    width: 55px;
    height: 30px;
    left: 272px;
    bottom: 92px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAeCAYAAACIeIa4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABRhJREFUeNrcWH9MW1UUPu17bYGWAi0/LZSU4WCMQpGlywxzURMTM2NMGMyMxESXzOmGmQ41M5nLYIpG3YJTt2lc9B+VONSZLJAt6rYat0wYRBTdIAjLjJtAKVB+lPKo57ze1xVSoaxQVg/5uO+++17f/e4599zvXpnH44H/q/H079O2+R9s26cIR380iGOILQgn4g3EayGRC8Ys+93w9o6nFp1Ndek13/X5c+c+IGJ6vR62VFRo2lpbD9hsNjveO7Kk5MJgHGKT2WyGsvJyUCqVYDAYICMjY3PEknu1wSiWmWnq1JfLMpTWNeYZ7QWFhcrb/W35HeK1bYOuhD8gfi0XoO3jSCWXijjLK6KPJaSu1hxqTIRLXTFS25+I3aGQ45ebGCInMb0Q5BwPyigtnOqxQo/bCeWrmtZiW18oH5DROhfMUiDZImZMIrZBm2gCfVoe6PQpkG8pucVc0bEGixb/F8pym5Y2LKvePw4crwoZ1HGFSg26lBzxd+0DN+F671Xfd26484wIKkVSCyW2nGHJoceytbpMkMlZDsEI6u5qx1iSQbrxbrpj2Jj2EWQljkBY59zzdUeg4WhDKOQ2IR6VKp5pAUaHb4Am3iB0d/4isk0zmJ7Bglb4b8OeLUu3l4q4TdvgXxl39sP46AA4Hde5acFdjQSbclWn8tBrJ7G5GbExLAklkP1zdWHi2/b9V71YGL3ROA0Df3eI3kOrV2tTK2K0KcKXu3qpnby3FZGEuITYh2hacs+FYMbomFijVEFPgQz/2LpWkVtwn7Bu/SPAQnIPRSjicSakG2k8GGxhIZe8ErsnCxoaoynX6cssmDnjkrIosZjkcu47SiR0/9DlnXC4/QW6JJfWIx5EUKZ5muGtsISlv/V1zv8MfrOk+eKZ0+NjI9HSvSn3BGUWiNffNWS2lDyJg/A1r/DKykrzQVi2ObdQkvTNyz+dLHaOu7fKZHJS/boZm7rYeCgoWv8hkttF+WYhBFU/7F76OZecPQ3W/jkjh9THsyP2a6snJ4ZBmHL5GpwjDujp/m0bXu6U7rEQnZOUP7GwLOJPfCEmC0iwAtRlzcyqf3WKOcEu1aPU+rpEQ/4DeGl2DPbDbI/O56llVShV/V6i6755ztsxhQxcbs8ky4QanvO0k/JC1I6NDoN70hXn//7Blh2wZzgqonbiSSwjDqXr3CecXm/VUoNjsG+G597kMiJqJ07EKP2Th6qJIAOlOMuQo8/nuaP6eyJDOF947F04nVBDl/sHnQKdK1Bo1okSpVWcl/W8HCwmbY9I7qW47QBjEbRZfWhwL7juf+dHJrFoQUvC5GDfnA9wJf/wCQzRWpyDOu4mJtWeO38nbkJks5LC0ag6/0rqpPVFl4eP5lQXaj4nNUYP5vxaWTxprQJPjLjZw9UdaNV0+f2Wnck1SbbZmVzrYyEtLAY5OkTN8aubmRfEAy1WT6D542gGjRa9okr2e1pwgfLi6+BRo3ycmiiaMerdjTCVWw5CSrFKSC7KV7QfB/nA78H2qwvxmaRQLH4jGqjTFnauCEzNJwX7lbymSsj8+T1fXb0CCeLbvCaYLa0KBMO94FHGAt8V1LbOznYNnyDOBJJfSjbikukYcckM7HBHsmyW7QINhGgrbAdaVp7dG+hdr0xSeSGZgojLmD7E2OJi/PhGw5CcFz0zjvqqAweJlM4VRMfsA6Ul05azB+rhGllLgPbZA/df5oxdJRIgciDnb4nHuSLgXwEGACb+lwA+QBD7AAAAAElFTkSuQmCC) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-zsm__surfer {
        background-image: url(../img/surfer@2x.png);
        background-size: 100% auto
    }
}

.project-zsm__godzilla {
    width: 149px;
    height: 87px;
    right: 188px;
    bottom: 203px;
    background: url(../img/godzilla.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .project-zsm__godzilla {
        background-image: url(../img/godzilla@2x.png);
        background-size: 100% auto
    }
}

.project-item__content {
    width: 500px;
    margin: 30px auto 0;
    position: relative;
    z-index: 1;
    text-align: left
}

.project-item__content h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px
}

.project-item__content ul {
    margin: 0
}

.section-projects__target-link {
    position: relative;
    z-index: 1;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #9fc9f4
}

.section-projects__target-link:hover {
    border-color: transparent
}

.section-projects__intro-text {
    width: 400px;
    font-size: 12px;
    line-height: 18px;
    margin: -8px auto 8px auto;
    position: relative;
    z-index: 1
}

.project-descr__top {
    font-size: 0;
    border-top: 1px solid #add0f5;
    border-bottom: 1px solid #add0f5;
    padding: 12px 0;
    position: relative
}

.project-descr__top:after {
    content: '';
    display: block;
    width: 230px;
    height: 100%;
    border-right: 1px solid #add0f5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.project-descr__top-left,
.project-descr__top-right {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    font-size: 14px;
    position: relative;
    z-index: 1
}

.project-descr__top-right {
    width: 270px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px
}

.project-descr__center {
    padding-top: 11px;
    font-size: 0;
    white-space: nowrap
}

.project-descr__icon-list {
    padding: 0;
    list-style: none
}

.project-descr__icon-list li {
    display: block;
    padding-left: 36px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 8px;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 25px 25px
}

.li-design {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAj1JREFUeNqslkFEREEYx9/uJpbYUyyPzRIRm+URXaNT7CkiYimxxHaJJTrVpURdok7dO0RKh8imdEjZxKaUaEmrSCmiy/b/6v+yppn3Xmn42Tc7M//vm2/mm5lQrVazPEoj6AEZ4IA4sMEtqIJjsA62wbtRRYxoiIARcAc2+O0Am+026yNsv+N3RKenM5AAJbAE0gYnVNLsX+J4TyMOvSoEFFcpcLxjMiIhuAdDfzTgMkQdWzXSyKlOBBCRPrkAfUrUtcJc/zzYBdOavRFV6rK7Uj59pqmXd3dXlHFMajwST57AgLJubXV1aXtxva4jybBFpdIHVj2m3g3O6cwkKJJJ/idtPYaxotvXgMn0gk2PhNwBHWCPSTfM/7OgyDZTIm5+6sPSKUj5LOQ4mNP8P+ez3dtB2WLMYwYBSbAMOACtmj4ptmXYV3VEdJ8kXDHwrJmqnEtNoMIzLAGmwArr/WCZ3xX2f1U0RDcWEkv4aDEYcss8f5MkQuFDOjlmGCdtNzKlMmPntSaSvdegGWwRCcWl7qxS1yTMaTqWd7ml12nwSLrACWdkKqJ7HOZ9kLH8yy5jvgb2ec9c+Iz5Sg8m1L0h41UGuRuPwIxhV/7IeJnJG5j9Pme8yxm44uI/+GyWPHXf3ANyAXSDgo+RZzpV5c4xlQL1FtTrN8HpZT1CINfrKM+kqKFPljoJ083Y+U83Y2fQO34xwJlWf7wsBr3j68OS07xW4myPa14rOdNrJfTLd5fNt1eVCRro3fUhwACVu+2NpUUCAQAAAABJRU5ErkJggg==)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .li-design {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABTVJREFUeNrsWm9oU0kQfyYlUigogUKlUBsICAGxUIkIBeGOiOAH8SgUKhU/KYLgNykIgqJ4eChCoRIRlIrljh4nJyceSkVRFEVRK5aKorYoVe9aWiJKS8tz5vgtDo+XvLd/Er/cwo/kJbOz89s3u7M7u0t83/cclWWEApAhpAlthCT+XyQ8JkwTXhOuAbMuGl9iSaSZsJWwGQSSmvUXQeYy4SLhXa2JrCb0EroDv1+GYaPo+SeEBfxXR1iDN5UD8c2B+oOEnwlPtS1iIhpoJJz1v5UZwq+ELkKDpi4PdbqgY0boHUBbsXXpNNopGvtM6Ce0GBhfDi3QWRKd1OmSSIrQJ3rrD0LWIYEgMmhDlT7YYEWEX/1VoXRvFQkEsVe0ezXKdaNI3IGiF4S2GpJQaEPbPmxp0CXCr3IYCh4RWr8DCYVW2ODDppQOkSIqjn1nEpLMGGwqxiXShQoLhJwDI5KEG3CNlIWeHGzyYWNFImnCFIT3OJxWVbGdrvdAz1QwzgQFL0DwT8fxwRURT0zNF8oRWS0CkU6DzXiTtkTS0BWnY1RgbgsjMoQ/+zVIZOG3rDhfYYyMAckyMnnoWIgZbFWAHgoSyYiB1KRBZBnhlXiTeQNXyYseZl31Meo0iQkpI4nsF4s1kzHwSgxCOTMVCMegdwDfC4F4NSVI6Lj0AOodkERG8OMmwwHYjCn2L7jPehHEwsojyCSx/LgXc3x4gU7yYbsnB+O4o1lqK2EOOq8QdiAG5PD9Cv6bC4sHmhhXkwg/9IRNZ4bIw8ASjC4n1wMZlm23aE+Fi54E7a3y2GPddbB1PkZIEbYRzlWQOw8Zlu23aE/ZnGciWTy8tCTB298NhL8Jl2LIX4Isd2SHYZvK5mydAZE0siSqcMLgPZIQqrfjFpbdBNwmNCGhIQ2djUukEQ//xmx8JNDYPGGFIPdQg4iSVemjcbibKhOElRXqf8BnUwL5KC4zMRsfhPEyc8K91oDnL+jZ4xgzLUI2J35PQ9ZD3Vnokh10McKWkqpfZ+CX+4BgUTkpdtVOpHvY0B2EteiwW4TnIKpyWqouP/+kactSRTohfHC55WC/j0/OVf0DF9kIww8SjmKWYWPrMa5UXuu2YZvKCz55YnmRsYwhvJ/+iPiQRbTmNdQkfuMU0lt8H0Z7JdRpsMi4/Le8SWBAeQFfNimfCIfQS/wG1hF2YUDPw3XuIn78SDgM2UOoa1KUzRMJpDfVQLQtp5Du7CKsIvwGt3mHFOp1xI8sZLgTT1u0p2weTYjo2OGAyCLIJEVcCSudkPklMAPqFmXzfSZy0yERGRuyEasAT7RtS+S6GiOj8LeCAyLTYgWg4oqEJ4LwtEU7Bdj8XI0RD77MpccBET7E+V0EM3a1LYTtmOpPYk02YXMeImwdlMcKplvdqOQ37/8fiP2JL3aSP1joLrvVNU0+eBFZEbUXf4bd43FCr0XciEw+2KSDopLQJ0HihaOsfmQ6qBoJuiFh/Bzc7IzlKiIyQVeNlCn78lG8lSKIjOPtVzVl6jqJ3RuSQRkxPPGqmMQud6pbJOzEHM27tzeGU2QWeuoR9RknDKbdVmyLV2FJsyvuqa7Lg54UxsoCxkeylgc9YUdvOb/2Bzw5ccBjdPQWdhjKPbq7hiR2izExbHMYKl2jKAbrkINNWNRmSU7bRRfH0xLdIhCVMKU2OiTQCJ3ywkB3NW4+qLgwIHpr0uEVjsnAFQ6tNZ/ppZp2wv6QzVPwUs3DkHqVLtXwivmIZm7s/2tOOhfP2kN2j1W5ePZVgAEAVvI9O0a0jKgAAAAASUVORK5CYII=)
    }
}

.li-frontend {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhNJREFUeNqslk9ERFEUxucPQ0S0Gh5DtIoYHrNtNasYYphFmxiGWZVhiGjVrs2sIkpEDGVSitSmXVpkmLRrWWbMIrOKEq/vTN/T63bvnVczh5957953z7nnzDnn3qjneRGLJEAW5IALksABz6AD7sApuALvRi1iREMclEAbnPHZBQ7nHb6XON/mc1ynT2cgBZpgG6QNm1BJ8/sm11uNuNzVakjlKqtc75qMSAi6oPhPAz5F6nFUIwm6ujakAZ816hO9kSizq8qsWYmMTmrMwk2xOsY4Tll2ts54JzRzBbCjGZ9i2MbkJQ8OB7g/DZ7AgTK+AN68L9EZEr35GNyZB+cGl3P8fQQvoADGOSbr6ixYkXvN+vP+d7DUArMGDySMy2ADfHDHKfLqfUvFsH4GPMhDD0wYPqp4v+WWddDlu62mRG9PskvSK2rJkixDk2S4RG6YiZPgYkCWeYM8UfvZfsCja2ZmZJAnMeayEyLv5Q/eBUd8nwMngT9eJ/2OHWO7dkMYqDM8i+A4EMqGxZDb1x+iTlJs54XAWIJjvjQMbb4u6/yK7xoqXpQ9sI2rc7LuksUoBnO2iheqoGboqBWLl2Joj5tQN1mj3h9duDXEOaI7V1p+r1NjL+4tDWlgiXpSppMxM6KTMRP2jN+y9DSVWX4f6owPVndZc1tJcj6pua2UTbeV6B/vXQ57WIedItS961OAAQCrVMejW4rmywAAAABJRU5ErkJggg==)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .li-frontend {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABHtJREFUeNrsWm9EXlEYv71NE21tzUu8XL28RGQRL2PEptn0YZqIZt/GRMQ+RcTYbF8iImJsmtI0zVjinejDbJplW7NE2ZRNvCmlaZNy95z5nXp23Hvfe+49/ZE9/HS77/nz/M495zx/zslzHMcyJMWEWiBJKCFUEfLx+zbhI2GF8I3wClgz0XleRCIJQj2hDgTyNetvg8wI4Tnhx34TqSS0EZqU9yNQbBoj/4mwhd+OEc7iS1WAeJ1Sf4DwgPBZWyNBRANxwiNnV1YJg4RGQpFmWxbqNKKNVdZuH/oK3JZOpw2ssw1CD8EOobwXbLS5zgapwSSRAkI3G61hQsogARVJ9CGlGzpEIiI+fYY12rqHBFS0sn4zuaZuLhJv0NAsoWofSUhUoW8HuhTpEhGfcgwNfCCUHQAJiTLo4ECnAh0ivag4c8AkOJkZ6NQblEgjKmwRKg4BCYkK6ORAR18iJYRlFG45RCQkWqDbsmpn1IL9KPjiEJKQkFtzvxeRSmaI7ENMxGaGeWcnjTFvpYP5Owuank4BoQFIhvDdqgmjhKIAZYVuT/DcrvpaSbaQSkOOVCczYC81fCUxE7KoN04oDFCnlG1IST612pmzFuWz9zAy89g8cu1EWedfyQQk04fyHZzIFF5eNjCH+5hSD33KCX/tu+MuwwH6qUXZKUnEZiOo69y5vb/PFBKfvthjwXqR2NLweudRxxaLvQbL5bXmAp3AIlXlAnsWEWPKJaocx1+3iPE64VlAHaTONYJIGv+81SQidpgM4nK++6jkVthzCUh47Ww3CU81dJA6p2NsxOY0iUxCMUFmkJAlvHeJ28vZc9rlC0m5RXisqYPUOWUxN1k3WKpxgskGyvLdUZWwcU5KhhkWs5KnItoOPxHh6zlCPmFI+a0twg55QrZvsQbDNlZP+BqAjBiwNOKJYcCEY/pX8pzdfFBexByZ3IWWsGbqXcqIhX8RiToTcpzwm7AZdWr5RZijHl8mC7fERD9npFsfY9vjacucbBKuIVmnShw7XbmBfk7i71qMebq2ZVZ+Ea56GNpSwlhIT5mL1HkhhvSmhTSmKUnB8ot1c8XD2EoLH2UApc7TMdbJeUMkbIy2VPAnyEz6lE2E7Evq/C6K0+iGBAys24IuYV62KjMh46Adp1G++IIXtRFIxKHQqk8yL876UmVKM3FdywZhJ9SVjtqNkJ/4LmEWU+SSj51Ygh2Z8ziqyAQMd7muA6ZC3dsh3I2EjzfQGSXUtZgP1KO5JtbZ1CjUzIbI4GoCRnQQadFcdeXpwJCpdNAgG8XCkN6rILNIqEOO906YdFCUBF0cHacj7nQpuDPLyOvmOgvJmaA7UinTI5PEPlLHCkfqoMft6K3igKbTTJSjN7fDUDE/m/eRRDNbE2NRDkP5NOtllnfIJ8to6niaJyiCbMlaFwaamCES1rxL93ZCALvUpVwYaNqLmw/Sx+FJ6kWDVzgWlSscWj5f2Es11Thkqc9xqWbSpZ7fpRpxQ+ieRxD2/5qTiYtn1S754j25ePZHgAEAjd2Jryx9ghEAAAAASUVORK5CYII=)
    }
}

.li-prog {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiBJREFUeNqslkFEREEYx99uWZbYUyyPZdlTRDyW6BQRsUSJiFhiT3WJZW+JqMueoi4lotQp3bpsihSJKFIkyq49ZCNRyus/7f/xGjOv2XaHn5198833zXzzffNNyHVdK6BFwADIAAfEgQ2eQAWcgz1wAD60WoQRBW1gCpTBPvsOsDlu8/8Ux8vst6n0qQwkwAVYAT2aRcj0UP6C8wONOFxV3lC5TJ7zHZ0R4YIqyP7TgEeWemzZSIRbLTRpwKNAfUKvFWJ0zTJqZqzWtSKjcElYjdKPSYMVHrn1ljaQTdJt0TAsDYFjcK9YTSfYAP0gBXr5PeuTEXk0rJgr9B3+6IelNTCpWc2iq26PoBs8sC9WfAt6pflC71qYmXyu8euqL5NfwfqPjy1rjru0mfk33GlSmn8G0sJaDcQ0O8mAT/Auxz7Y5K7mwTT7JUlG6K1ZHFQZKPvcs6MYt2nc3xyFnNuO7byAGH+DLkq5CflRMMj52+BOkqnrhaEr0NWguyIM51PFYfsReq/aeeji8K8VqxXfvriTEtgFzwxZ75DHwYnGA/WggqURjc+DQtjf3kCHZv4WGPMyvqrJ+E6wAfpAiq5zea2LyFkAE39lvPdhFhRbfK0UqffXLXzZRB1R1ZVL7xaWK2I14IoxZZJ6ErrKmG5RZUyb1vhlXoImyrspb1Tj/a+VnOK1Eud4XPFayeleK6EG3102314VVj2jd9e3AAMAE57Yx2WpuxYAAAAASUVORK5CYII=)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .li-prog {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABI5JREFUeNrsWn9EXVEcv73SvGlKE2+ap0eMN20RMaK/IprmTTya2IwRTURsRozGmE3zaNo/oyklmv2R0Wz6I41Zas0mmqYxxTTNZpSXu+/J57Tvzm73nnPffZXs8PGee+/5nu/n/Pie7/d7To5t21ZApZBQB8QIxYRKQi7ebxJmCd8InwjPge9BNJ6TIZFSQoLQAAK5hvU3QWaM8ITwZbeJVBCuEZqV52NQ7AN6/i0hjXd5hNMYqTiINyj1Bwm3Ce+MNRJEDFBCeGT/KWuEIUKSUGAoy0KdJGSsMbn9aEtblkmjTayxX4ReQtSH8jshCpk/WCc1BUkkn5BivTVKKA+QgIoY2pAlBR0yIiKGfpwJbc8iARXtrN1xr6nrRWIKghYIlbtIQqISbdvQpcCUiBjKFxAwQyjbAxISZdDBhk75JkT6UHF+j0lwMvPQqU+XSBIV0oT4PiAhEYdONnR0JVJMWMXHbfuIhEQbdFtV9xn1wwF8+HQfkpCQpnlgJyIVbCOK7mMiUbYxb1vSEPNWupi/8zkAh1T4YTZDbUBettDtMf7fUH2tGFtIkYB6bsj+u/QGOCoRZpBifESa4YILpiuGPVTr0NthQqPyrMFFxgnELrplBboKnVv4iMyBYb1hzwgzuI66E4QzsHw3befSSShUZOQyS2myNutQZ04u9igeLBmSqGEkdMs6FqggvIzN7S57P0LoBrEWDR2WZAfksWkxaTilPhI2CPkGde4j3E0SIoQryvsm9j+uIW8Sy6JWrJFqPHxlSETM03uGdR7id5jw1ePbBxrypM7Vgkg562HTcmcH4zBNOEs4JsJpwmHCebQhenCcUIJvRUh8Et/OMhmjCKe9ZoW1xYG5yX6CpUIW0cky5BEIzSjfj7J3Xcq7tEf75TLMsNguWWRIQIShz5SGFzSiuRol4hQdcZmQYItXEmz0kHVEyrBYRV0SI2zzdDKvuuHzqoeF050hWyXkY10kXPJXupbvItJCbqVTQ84h/G6EWKavKAA/SDdB9xIL+zrhqmKeLyGvNaghpwC/P8XQLGJ0YppDOeCyEXYYrDF1Y0vDKzDNuIiyGGKeblSzNy8QjhLOIbPIS4fGlBHvFwgpZoJPEY7DFJuU6LZHDK9UlNaAzK+wNmGXzMyEi/k1Rav0rENsd6zxsSY2t+bnv8ZgDt5vhGXqxQJ/4+Apx30kvy1F59eZOI2Wi5drWlp9jsi20ygfvMeDOgMhpQ7Tym9Z9pEEr2Mpq+3Aahi/LYYLLd8KpoQNjI2l6DoYRKibQGZeZgFlYNXtsvMXIICbYi5Kbaahrup6+Imtq0CAPwszgrbLGqxH9sZ0baRYIJb1dFC2kg+O6aBsJuga2XQVnkD1biXoDlTK9MAksQ/UscKBOuhxOnqL79F0ms/k6M3pMDSdgU/k17NNs5HwfRjKp1mfkg2M2dk9nh5h7fUFcTzN0cw2IuFW9JjeTtC4VdGjXBhozsbNB+nj9Ctea1BXOJaVKxxGxxt+L9VU4ZAl4XGpZtqhntulGnFD6JZDvf/XnIK6eFblkBPOysWz3wIMAK0ipPEJHrIWAAAAAElFTkSuQmCC)
    }
}

.li-bitrix {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAj1JREFUeNqklk9EREEcx/cPsUTEEo932kMklhLRIdJpiViiW5eyh+whe+3QsUO6lohlI9EhEaVDp5RNbIoupchbrVKXIrJ9f/m+TNPvbW/rx8d7b+Y385v5zpvfTLRer0dCWBqsgCRwwR2oghOwBfbAW2BrCRJAGizyfaDe2DwwCeJaXzElbpxPhyMPYx1gCZQ5029mB+kG+cjfTWQ9Aj1BQVJgP8Tob8EyuGwwqx0q8SPIakh5zsAU6ARd4EDxkX62QYsZJAcGQkrSRlnELsAgmAGvinR5P4hEm21Cd1nYEvA4OLEFMKH4FkBCgoxSx7B2Rpl6QRYUWb4O1hTZMhIk0+Qf1MbZy4Yc4vsY6+YU/88g6SaDyNo9UAGxaTDP/XXJmZrWF9M2TwhrZZpJgBp/AH+wx5avE+P0tR3/bpRpeamdeytC6fx1rdnySpBnZbEiTICO8as+Wn7yfW2koKrV3rdnSWDnVrKrMLFJsrsCLr8z4Ik+T/yWcgfcGMmxYvV3LoVFJaum2CAH9o2M2gJ6+PTLdkGe7ymlr6JUZJWKktHJKtgESSuFt4MNy7ek9DUmFQlwr1Uajcd5ZpTBEp8ey30fbbDSb8J3KCgOL2xojt7lAeZa5Vn621b4PHkNrSsBp17JWCObFOXUrOKvXdQ4412ebMkGOevQ+O7nIadZjbntVjvj+6j1f8xjP1/9ahKI3qd/DHCqrFfgbSXOPeI1Mfpc0G0l+su9S9L4MBjh5cBhjqoyX4W6d30IMAAJ67ifx5ErWQAAAABJRU5ErkJggg==)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .li-bitrix {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABKlJREFUeNrMWm9EXWEYv52IEXFpLnEnmogoTTTRRGmaiCiXKKZpxj7FZhMRm9KMaEr7EtE0pdmUUoppn2azWUYfsjSyKaVslnL3vPndnN6e997nnHvuqR8/997z5z3v877P/3PTotFowEMUENvwGSQWEjNw7oj4mbhNXCPOgbtePDjNY0HaiQMOrj+CMO+Ik8Sfbh9sJbHyo8TyJAVPJ9YQ+4kbGLPQT0HuESMB76HG/EIcIWb7IUiq0UxcJTZ4KUiGzWD9RBZxHGqXkawgl4gTxNA57o5S47fETLeCKCFmibUXQNWqMJdMp4IobzLmgVfyEmXEKZOamQR5TqzzcBIPideIt4mPiR9djlMJmzkLFRA11kfPIqxdM4Dj5drx9iiPCPMcNWY3cS/qHI36ePqOKKMe9klV1rE7V4gvEOWlGNDjjC5IN3IkP6Fyr7vEW8R94T1BqD8rSBGxJUWTjSCZrIwTE2aI17FT0jGLOEEewFulAsqFDxLnib+QUxUw130l3nCQPD7SBQk5SQdcoJd4B7ZwYMupepgdUil+k9Bm6om5dkHaU7gbAdQhQ7CFy3DDv4kdCHS6Xb4nPhNmz812Qep9NvCXxKuwiwpDoHsKR5AIDTFBwm5rgCSxD081gwyij/FmvYJx1NzDFvKYVKOUmGOoEJtgF+3Mgip1/CsYv8IyeA+vcR8V4CI0wI5dBEal713MrixIFsryWa2UPXxiFu8V4kcdY/hzgnHzrJj78hFBlLK6ir3GrlQxHk8kSPY5GHoJowlLNuPVc7JECFkoKc8DpdrvTXxmM3aSCJlumw+7trqaO+4GyfQFDizhw4OGVcphciUn0V4vIQKI+HoTImFMsoRbFzZMuIg5LvEyS0yVWGJYDIkz2rWExsQZ5l+4Sz1Ha2VWVVe/VkMCeMQshCQ8rCtBVgQX1mi/lRCTUC29hlEpeDFSD24nihHJ9XwpH/dsJ3g2hxVV7zYLauRDYo5WJxfi+AYxm6nJFfNQX0fwnbsmi7iK55Rp54LEP4L5tcSaABJ0M5Pow7l5YoZhovGYTpzCGMPM+Q7h3MKxG74JLt5jdiUdQigsYgWlQmQSp3HvMrMQaqwtwby+H78awU2dQskHDaqxiPM/1DYLhIjY1GnZoJpPhHPqtAuSC32XoM6gIj22MTbQ+2ojVqD/pb73Q9gY+g0qWSmczyHmfqpBNy4UZA+Gzq10PnEswST+ESfijJEnVKko5nx8n/3VWyEaAhIoF3szTiQPouoLYdx0RPJNxAlTsZSHGl6akRefZAjaaow6aFvuGdTMLSsd7EQUcz25P+DSU9gxECeOSBiEGz908Mwt/ZncwI0umspqd7oY9xyPIcSJHS+a2KbX04NocbqBSgbfIPVZQ951BHsJo8ytxfsONxhCs+8UTIKo2mAavdqLhAU4mQOpIAG85ppNYuW8xgditaljbyVooFUL6ws/dqI63muHRKVurBs4dI5CDEGd4r87ceBlIi49jFvsGF7ZsXTq85XLHPFBiBE8K5AqQWIsQb7kNSYwtuM5Jfs3pxzU2rXoEDp9x+LZ35y8/L9WFoSpQtIXtHVG7MEyJX88+y/AAJpsrf20vds0AAAAAElFTkSuQmCC)
    }
}

.li-wordpress {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAArNJREFUeNqclv9n1HEcx+8Lx4cxjmMcH44xxjGOERExxhHjGBEl9gcsl4ilRJQo0g8pUUojxmxiuXQkRjk2x0aklM0lNsvNsvn0fK3nO69efd6fWm8e3Pver8/ry/v9fr1e73QURamEkQMj4BiogD5QBJ/BOngLZsFz8N2nJO0xkgWnwUVQAPOgScXvwBAIwGEwCr6BC+Ae2PtDmxgxhKAFNsB50Bcjo+mh3Aa/C62M/aAC1sBrUPqLcos40+D3FZ+RIuiAByB7QAPCAHgW/Rwd6vvNSI6hLvyngRSj16NFvb8Ovg6ughnekn4e2Ske9hwvw0fwBZR5816As5T9xJunh6xdEw8C7qMeb8CQ8nIQ3DAyJ0BBydw2621uWyCLNbADHimBXZA321EySqbMupzBllqfBF3Rn0E4VSbTTZMnNRP6e/BKze26JOgtIz+/rx+WlkCd3qwoTxZiDnfCRFOOyTE3QkbTlkhCsErrD5UnR0HeePsUbCdEIxdjEyzzt0RTFCO9LAvOyF7Clm2bec1T72b5Wwz2ZvijR3nSTFBSpbwbg7zObpRZ06Y5lwA2MzywfiX4OGHLxsAZ5kqcI1Vu1TLnJdGfYbk+5Nl32bJx/g5Y9meMI9bItJoP7+tnnmyxmrpb8kTdkgb/G2MuuUJqb1me+eUKa8A8GXeTDq+bMzJqErNAA1Ul01Yyl8FxsKjWJ3XGp5gnX1WZyJpSIx98cAWPnFPrK3TCOZqnvrqtwkss1a4KX1dKpCHdjUm8XSXTZWmR7+eoL2f7Saj6SYoFUo+RmArQUOsvqfQ+9YS+zjjMbVpkE2qpJhTXZ04qI1dYvdeox9t+dY/vMuSIZdzX37uU2fH1+KTXygSY4jOoyXxaZaIN8BVzhAkrVeASuBP3Wkkf8N1VpNF1Vop/enf9EGAAgCH6YTMr4DQAAAAASUVORK5CYII=)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .li-wordpress {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABXVJREFUeNrkWn9k3VcU//b7KoQQHuVRHuPxCI9HKoTHI5QSRniEEErp9K/+1SkhbEpnM1r5Y0botBKJRquVymQyqUyq1UglMq3UJrXJrBKZzCq1+O7cOrfOzu45935f3nv/7PLx/XG/99xz7j333HPP+R5LkiRqUOkEnEZ8AMgCyoAM1h8CngF2AT8DvkP80YjOjx1RkBygBuhHATIp2x+iMA8AdwG/tlqQEuAyYEio/xHwAvCavOsAFAHtgC6h3STgM8B6ao6MICmQBYwn/y0/Aa4AKoC2ADoZQBUwCthw0BvHvoJ5SyPEh4Ad1uEdQE/KwXDB0JhntE1fA40UxIzeGOtkAdDVAAE4egGLrK+xkFn2EW4HzBGie4CzTRCA4zzgL9LvHPJSlyBmFJYJseeAQguEsCgDNkn/y5owsWIHxgG9eP894BTgZdS6Yval++TZ8DIlmnhBwktkJJZ809oEfJ3IZSxUtfoBf2OjVUBni4UYSvxlwCdIlphYs7CLLRYiclgtV9nh+8xxpmlX0Ecy5SGgiqB6W0DX4iuyA5s2l/D6m8fVOAHIA94ArqPfxd0eXzH9XAV85FojXUm68iVpezqpr1xwzMhcivYll2pNBDQcQxvf59ikylh30UPjE/xO8ggueNr/QtbwBBckTyq1ci1Qzx8rNC562nYgs1J5iq5Rgjzn6T4yTOzzp4puDgS66reUupqn7Z+Ajz3r4wu8zyDv72dkDSXcQN/qd2VEKoFe8oFCIx9AY1lou4b1m/Q5RgtSQgnvokWaVEZkMGBGdvGwVO+saJqxi9cZcjbKx8y8fhugGq1QL8vLiuP9C7xS96ViBOnBh7eAR3i/gqc8VzlJfDAfI7tCXS9qgq9cd7x7Rq6Hll6MG1yEDuEhafCN0sFQABNvyPTXq6IPHe9+IPTt7BToornDFptmkrfRKIQclKTyONCUb5M2W6zuHr7fjNFliFigwJRXwohYN6ISMKKPFNe/J1C9XrPghGvh52L0nyJBn28dUTUiT9wqREXbFUEs7Q56sHJZohnURcny+KyXCdR1H8F6ZdC42BCTFCZ6G1OphF12RvFiqx5GfLPWjcJq8TM7I9PCLv+Oz5joYK4J+8FggAXUhK0qahX9a1kQt3lVCQdtKwccyXoViKXJsqiIy+VwYYk4iq76VRtliYlV6RJ0XnNZzNT2eWZr0uOylDCU6qLdq6hVhoReXxpBnuBDG9nlG6Feg4yJtDTOkIGdFsx3G94/sRufLaPKNK+mUK8CiYVRFd1JoV4TJIrj4meUetMxbnzr5FyS1gnMYkrBNcLTgSpaYhH6DM6INBu0j/V3MqB0I0S6qjACOcVlGWff2vNN0RGslgrVhgo5AeYcvHSTdiPSUXdKUa95Rb3sGb7osYLPA9TrKgmWR4ravT/q0srbpLIsEBhWRrSfze5lgcZIQFTEzug5R/uia9DpByUW/Zai8/sCEzcZE9JxNu+JsNj6AyHZM+sLB0UsGzUoMHJDUa8yiZzXE03cIHHnWUe7Gvn2RpqQqSuN0KeM6FJgyOecJ26VYAyYz+SOFDINCWK3O1wWLe5k2p70CNKpuCwJ1nWw79dIfS000UPTCosOYT5XmFgIPPlNKTRus4TTQj1pBYubpPE8E0aLE58PFKRfoVEjUUe6nmalfGKa1NsaWzNPBbUKTStLgcB9HLQ8Uyc19ZY2GbpPRssVrJ5NmQu5JpjxITQ2DUmGaunpRUwlcJdlOKUg3Q5BtpqRnuY2fI91csAsTT1pug1hney5rFMjBLH7jLQhbqLDGZI4Nd+cQZ9qy0HL9HEiDW/N+qlmHdNvr9h7+9tTWTiN1v1Tzf/+N6fQH894TGulWT+e/SPAAE8Tte+Uu83mAAAAAElFTkSuQmCC)
    }
}

ul.project-descr__list {
    width: 400px;
    padding: 0 0 20px;
    margin: -4px 0 0 0;
    list-style: none;
    font-size: 14px;
    white-space: normal
}

ul.project-descr__list li {
    position: relative;
    padding: 0 0 0 14px;
    margin: 0;
    line-height: 20px;
    font-size: 13px
}

ul.project-descr__list li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    position: absolute;
    top: 8px;
    left: 0;
    background: #fff
}

.project-descr__badge {
    display: inline-block
}

.section-projects__nav {
    height: 21px;
    font-size: 0;
    text-align: center;
    position: absolute;
    bottom: 52px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99
}

.section-projects__nav:after {
    content: '';
    display: block;
    width: calc(100% - 27px);
    height: 0;
    border-bottom: 1px solid #add0f5;
    position: absolute;
    left: 15px;
    top: 17px;
    z-index: 0
}

.section-projects__nav:hover .section-projects__dot:after {
    opacity: 0
}

.section-projects__dot {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none
}

.section-projects__dot>span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 9px;
    background: #daecff;
    -webkit-transition: inherit;
    transition: inherit
}

.section-projects__dot:hover:not(.active)>span {
    background: #fff
}

.section-projects__dot.active {
    border-color: rgba(44, 71, 102, .15)
}

.section-projects__dot.active>span {
    background: #2c4766
}

.section-projects__dot.active>span:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -4px;
    left: -4px;
    background: rgba(44, 71, 102, .4);
    border-radius: 50%;
    -webkit-transition: inherit;
    transition: inherit;
    border-color: transparent
}

.section-projects__dot.active:after {
    opacity: 1
}

.section-projects__dot:last-child {
    margin-right: 0
}

.section-projects__dot:after {
    content: attr(data-title);
    display: inline-block;
    position: absolute;
    top: 32px;
    left: 50%;
    border-color: transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: inherit;
    transition: inherit;
    pointer-events: none
}

.section-projects__dot:hover:after {
    opacity: 1!important
}

.section-projects__ship {
    width: 121px;
    height: 97px;
    position: absolute;
    top: -120px;
    left: 0;
    margin-left: -32px;
    background: url(../img/projects-ship.png) 0 0 no-repeat;
    -webkit-transition: left 1s ease;
    transition: left 1s ease
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-projects__ship {
        background-image: url(../img/projects-ship@2x.png);
        background-size: 242px 97px
    }
}

.section-projects__ship:after {
    content: '';
    display: block;
    width: 87px;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAAAGCAYAAABaQ6VtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWxJREFUeNrslrFnA1EcxxOhdDpKCSGEkqmEEELp0LFdK2TrWErX/gldS8mYIZTq2o4dSomGcHQKIZRQSrgphLp+v3zLueEu98i7NL0vHzlJ3Pu93/vcu5f3fT9nmAZogQOwA/bAGMzAK7gHg1yW/5yVOZI3EJeDP4DaEv9lkRXggjtwA76z9dzIFMAlaMuNiVyJC904lSvG4pY0cEPCFQKC8saeinEMJzfUZy2TeaMkdfV93fB+nvxyArK78mIib3pgGhaXf+5qS7edF3BkWV7O81hN3wVFPbRszCf4UuOe9EpLI+taI6V9Bocp9ITzPKPkFLeJi0edQdLKCGyDshalGPjtHSx0zcX60NM5FF6Chl+Bi9D94zIL9ca0Hkc7Ul0bRVlCMltgP2LMuLBnt+A6wQaQpJ7fNeFc56CaoivszQnFfdPR4K+Gr5I+6ETsPCWdy5uW62HONW7Fwth9nRenEbu4zXpWlcGPAAMAf89v9+UN9fkAAAAASUVORK5CYII=) 0 0 no-repeat;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.section-projects__ship.reverse {
    background-position: top right
}

.section-projects__ship.reverse:after {
    left: auto;
    right: 0;
    background-position: top right
}

.section-projects__ship.move:after {
    opacity: 1
}

.section-db {
    background: #538bf4 url(../img/crystal_big.jpg) right 83px no-repeat;
    padding-bottom: 94px;
    height: auto;
    min-height: 0;
    color: #fff;
    -webkit-transition: padding .3s ease-in-out;
    transition: padding .3s ease-in-out
}

.section-db.open {
    padding-top: 110px
}

.section-db .section__content {
    padding-top: 80px
}

@media (max-width:1450px) {
    .section-db {
        background: #538bf4 url(../img/crystal_960.jpg) right 83px no-repeat
    }
}

.section-db__title {
    margin: 0 0 30px;
    padding-left: 15px;
    font-size: 40px;
    position: relative;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 50px;
    letter-spacing: -.5px;
    z-index: 1
}

.section-db__content {
    color: #c0eefd;
    position: relative;
    z-index: 2;
    width: 55%
}

.section-db__content p {
    line-height: 24px
}

.section-db__content p:first-child {
    margin-top: 0
}

.section-db__db-link,
.section-db__details-link {
    display: inline-block;
    font-weight: 700;
    border-bottom: 1px dashed #95b8fa;
    margin-top: 4px;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 16px;
    text-decoration: none
}

.section-db__db-link:hover,
.section-db__details-link:hover {
    border-color: transparent
}

.section-db__db-link {
    border-bottom: 1px solid #95b8fa
}

.section-db__details {
    display: none
}

.section-db__zeppelin {
    width: 571px;
    height: 102px;
    position: absolute;
    right: 375px;
    top: 51px;
    z-index: 0;
    background: url(../img/zeppelin.gif) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-db__zeppelin {
        background-image: url(../img/zeppelin@2x.gif);
        background-size: 100% auto
    }
}

@media (max-width:1450px) {
    .section-db__zeppelin {
        width: 468px;
        height: 83px;
        right: auto;
        left: 50%;
        margin-left: -150px;
        background-image: url(../img/zeppelin_960.gif)
    }
}

@media (max-width:1450px) and (-webkit-min-device-pixel-ratio:2) {
    .section-db__zeppelin {
        background-image: url(../img/zeppelin_960@2x.gif);
        background-size: 100% auto
    }
}

html.mobile .section-db__zeppelin,
html.tablet .section-db__zeppelin {
    background: url(../img/zeppelin.png) 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    html.mobile .section-db__zeppelin,
    html.tablet .section-db__zeppelin {
        background-image: url(../img/zeppelin@2x.png);
        background-size: 100% auto
    }
}

@media (max-width:1450px) {
    html.mobile .section-db__zeppelin,
    html.tablet .section-db__zeppelin {
        background-image: url(../img/zeppelin_960.png)
    }
}

@media (max-width:1450px) and (-webkit-min-device-pixel-ratio:2) {
    html.mobile .section-db__zeppelin,
    html.tablet .section-db__zeppelin {
        background-image: url(../img/zeppelin_960@2x.png);
        background-size: 100% auto
    }
}

.section-db__clouds {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.section-db__cloud-1 {
    width: 72px;
    height: 38px;
    right: 920px;
    left: auto;
    top: 80px;
    opacity: .8
}

@media (max-width:1450px) {
    .section-db__cloud-1 {
        left: 50%;
        margin-left: -196px
    }
}

.section-db__cloud-2 {
    width: 32px;
    height: 20px;
    right: 797px;
    left: auto;
    top: 34px;
    opacity: .55
}

@media (max-width:1450px) {
    .section-db__cloud-2 {
        left: 50%;
        margin-left: -40px
    }
}

.section-db__cloud-3 {
    width: 44px;
    height: 27px;
    right: 340px;
    left: auto;
    top: 34px;
    opacity: .8
}

@media (max-width:1450px) {
    .section-db__cloud-3 {
        left: 50%;
        margin-left: 308px
    }
}

.section-contacts__map {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: relative;
    z-index: 1
}

html.mobile .section-contacts__map {
    display: none
}

.section-contacts__ship-wrap {
    width: 121px;
    height: 97px;
    position: relative;
    z-index: 2
}

.section-contacts__ship {
    width: 121px;
    height: 97px;
    position: absolute;
    top: 0;
    left: -800px;
    background: url(../img/projects-ship.png) 0 0 no-repeat;
    -webkit-transition: -webkit-transform 1.5s ease-in-out;
    transition: -webkit-transform 1.5s ease-in-out;
    transition: transform 1.5s ease-in-out;
    transition: transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

@media (-webkit-min-device-pixel-ratio:2) {
    .section-contacts__ship {
        background-image: url(../img/projects-ship@2x.png);
        background-size: 242px 97px
    }
}

.section-contacts__ship:after {
    content: '';
    display: block;
    width: 87px;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAAAGCAYAAABaQ6VtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWxJREFUeNrslrFnA1EcxxOhdDpKCSGEkqmEEELp0LFdK2TrWErX/gldS8mYIZTq2o4dSomGcHQKIZRQSrgphLp+v3zLueEu98i7NL0vHzlJ3Pu93/vcu5f3fT9nmAZogQOwA/bAGMzAK7gHg1yW/5yVOZI3EJeDP4DaEv9lkRXggjtwA76z9dzIFMAlaMuNiVyJC904lSvG4pY0cEPCFQKC8saeinEMJzfUZy2TeaMkdfV93fB+nvxyArK78mIib3pgGhaXf+5qS7edF3BkWV7O81hN3wVFPbRszCf4UuOe9EpLI+taI6V9Bocp9ITzPKPkFLeJi0edQdLKCGyDshalGPjtHSx0zcX60NM5FF6Chl+Bi9D94zIL9ca0Hkc7Ul0bRVlCMltgP2LMuLBnt+A6wQaQpJ7fNeFc56CaoivszQnFfdPR4K+Gr5I+6ETsPCWdy5uW62HONW7Fwth9nRenEbu4zXpWlcGPAAMAf89v9+UN9fkAAAAASUVORK5CYII=) 0 0 no-repeat;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.section-contacts__ship.move:after {
    opacity: 1
}

.section-contacts__ship.swinging {
    -webkit-animation: map-ship-swing 6s infinite;
    animation: map-ship-swing 6s infinite
}

.section-contacts__ship.rotate {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
}

@-webkit-keyframes map-ship-swing {
    0% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    50% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
    100% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

@keyframes map-ship-swing {
    0% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    50% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
    100% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

.section-contacts__popup-wrap {
    width: 1px;
    height: 1px;
    position: relative
}

.section-contacts__tabs {
    display: inline-block;
    font-size: 0;
    border: 1px solid #666;
    border-radius: 20px;
    padding: 0;
    margin-bottom: 18px;
    position: relative
}

.section-contacts__tabs [id^=tab]:checked~[id^=tab-content] {
    display: block
}

.section-contacts__tabs [id^=tab]:checked+label {
    color: #fee818
}

.section-contacts__tabs input[type=radio] {
    position: absolute;
    z-index: -1;
    visibility: hidden
}

.section-contacts__tabs li {
    display: inline-block;
    vertical-align: top;
    list-style-type: none
}

.section-contacts__tabs li label {
    display: inline-block;
    padding: 3px 16px 0;
    font-size: 9px;
    color: #999;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    z-index: 1;
    height: 25px;
    line-height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-contacts__tabs li:first-child {
    border-right: 1px solid #666
}

.section-contacts__popup {
    width: 304px;
    padding: 30px 28px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #2f3a4c;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -152px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 253px;
    z-index: 99
}

.section-contacts__popup .contacts-content {
    display: none;
    width: 220px;
    position: absolute;
    top: 47px;
    left: -24px
}

.section-contacts__popup address {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    font-style: normal;
    white-space: nowrap;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.section-contacts__popup a {
    display: inline-block;
    text-decoration: none;
    line-height: 14px;
    font-size: 12px
}

.section-contacts__popup a:hover {
    border-color: transparent
}

.section-contacts__popup .gm {
    color: #999;
    border-bottom: 1px solid #4f5763
}

.section-contacts__popup .mail {
    color: #fff;
    border-bottom: 1px solid #4f5763;
    margin: 17px 0 20px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.section-contacts__popup .fb,
.section-contacts__popup .vk {
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: .5
}

.section-contacts__popup .vk {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEyIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMS4xNzIsOC41MDZDMTAuNjE0LDcuODY1LDkuODcsNy40NDEsOC45NDEsNy4yMzNWNy4xNDdjMC42NDYtMC4yODcsMS4xNTItMC43MzQsMS41Mi0xLjM0Mw0KCWMwLjM2Ni0wLjYwOCwwLjU1LTEuMzAzLDAuNTUtMi4wODRjMC0wLjY3My0wLjEzMy0xLjI2OC0wLjM5OS0xLjc4NEMxMC4zNDYsMS40Miw5Ljk0NCwxLjAwOSw5LjQwNiwwLjcwMQ0KCWMtMC40OTgtMC4yODctMS4wMzEtMC40NzUtMS42LTAuNTY0Yy0wLjU2OS0wLjA5LTEuNDA1LTAuMTM0LTIuNTA4LTAuMTM0aC01LjMwOVYxNmg2LjAxNmMxLjA0MywwLDEuOTAzLTAuMTAxLDIuNTc5LTAuMzAxDQoJYzAuNjc2LTAuMjAxLDEuMjk3LTAuNTM4LDEuODYyLTEuMDFjMC40NzgtMC4zOTQsMC44NTctMC44OTIsMS4xNC0xLjQ5M3MwLjQyNC0xLjMsMC40MjQtMi4wOTUNCglDMTIuMDEsMTAuMDEyLDExLjczLDkuMTQ3LDExLjE3Miw4LjUwNnogTTMuNzQ0LDIuOTM1aDAuMjYyYzAuNjczLDAsMS4xNzksMC4wMDYsMS41MTksMC4wMTZjMC4zNCwwLjAxMSwwLjYzNCwwLjA3NCwwLjg4MywwLjE4OA0KCUM2LjY3LDMuMjYxLDYuODY0LDMuNDU4LDYuOTg4LDMuNzNjMC4xMjUsMC4yNzIsMC4xODcsMC41MzcsMC4xODcsMC43OTVjMCwwLjM1MS0wLjA1NywwLjY1OS0wLjE3MSwwLjkyNA0KCUM2Ljg4OSw1LjcxNCw2LjY4MSw1LjkyMiw2LjM3OCw2LjA3M0M2LjEwMiw2LjIwOCw1LjgzNCw2LjI4NCw1LjU3Niw2LjI5OEM1LjMxNiw2LjMxMyw0Ljg2NCw2LjMyLDQuMjE4LDYuMzJIMy43NDRWMi45MzV6DQoJIE03Ljg4NywxMi4wNjJjLTAuMTU4LDAuMzA1LTAuNDA5LDAuNTM2LTAuNzUyLDAuNjkzYy0wLjM5LDAuMTc5LTAuNzczLDAuMjc1LTEuMTUsMC4yOWMtMC4zNzcsMC4wMTQtMS4wNTcsMC4wMjEtMi4wMzksMC4wMjENCglIMy43NDRWOS4wNTlINC40NGMwLjY3MywwLDEuMjA5LDAuMDA2LDEuNjEsMC4wMTZjMC40LDAuMDExLDAuNzE1LDAuMDYzLDAuOTQ0LDAuMTU2YzAuMzc3LDAuMTQ0LDAuNjU5LDAuMzU1LDAuODQ4LDAuNjM0DQoJczAuMjgzLDAuNjY2LDAuMjgzLDEuMTZDOC4xMjQsMTEuNDEyLDguMDQ1LDExLjc1OCw3Ljg4NywxMi4wNjJ6Ii8+DQo8L3N2Zz4NCg==) center center no-repeat;
    margin-right: 12px
}

.section-contacts__popup .vk:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEyIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM2NmEyZTEiIGQ9Ik0xMS4xNzIsOC41MDZDMTAuNjE0LDcuODY1LDkuODcsNy40NDEsOC45NDEsNy4yMzNWNy4xNDdjMC42NDYtMC4yODcsMS4xNTItMC43MzQsMS41Mi0xLjM0Mw0KCWMwLjM2Ni0wLjYwOCwwLjU1LTEuMzAzLDAuNTUtMi4wODRjMC0wLjY3My0wLjEzMy0xLjI2OC0wLjM5OS0xLjc4NEMxMC4zNDYsMS40Miw5Ljk0NCwxLjAwOSw5LjQwNiwwLjcwMQ0KCWMtMC40OTgtMC4yODctMS4wMzEtMC40NzUtMS42LTAuNTY0Yy0wLjU2OS0wLjA5LTEuNDA1LTAuMTM0LTIuNTA4LTAuMTM0aC01LjMwOVYxNmg2LjAxNmMxLjA0MywwLDEuOTAzLTAuMTAxLDIuNTc5LTAuMzAxDQoJYzAuNjc2LTAuMjAxLDEuMjk3LTAuNTM4LDEuODYyLTEuMDFjMC40NzgtMC4zOTQsMC44NTctMC44OTIsMS4xNC0xLjQ5M3MwLjQyNC0xLjMsMC40MjQtMi4wOTUNCglDMTIuMDEsMTAuMDEyLDExLjczLDkuMTQ3LDExLjE3Miw4LjUwNnogTTMuNzQ0LDIuOTM1aDAuMjYyYzAuNjczLDAsMS4xNzksMC4wMDYsMS41MTksMC4wMTZjMC4zNCwwLjAxMSwwLjYzNCwwLjA3NCwwLjg4MywwLjE4OA0KCUM2LjY3LDMuMjYxLDYuODY0LDMuNDU4LDYuOTg4LDMuNzNjMC4xMjUsMC4yNzIsMC4xODcsMC41MzcsMC4xODcsMC43OTVjMCwwLjM1MS0wLjA1NywwLjY1OS0wLjE3MSwwLjkyNA0KCUM2Ljg4OSw1LjcxNCw2LjY4MSw1LjkyMiw2LjM3OCw2LjA3M0M2LjEwMiw2LjIwOCw1LjgzNCw2LjI4NCw1LjU3Niw2LjI5OEM1LjMxNiw2LjMxMyw0Ljg2NCw2LjMyLDQuMjE4LDYuMzJIMy43NDRWMi45MzV6DQoJIE03Ljg4NywxMi4wNjJjLTAuMTU4LDAuMzA1LTAuNDA5LDAuNTM2LTAuNzUyLDAuNjkzYy0wLjM5LDAuMTc5LTAuNzczLDAuMjc1LTEuMTUsMC4yOWMtMC4zNzcsMC4wMTQtMS4wNTcsMC4wMjEtMi4wMzksMC4wMjENCglIMy43NDRWOS4wNTlINC40NGMwLjY3MywwLDEuMjA5LDAuMDA2LDEuNjEsMC4wMTZjMC40LDAuMDExLDAuNzE1LDAuMDYzLDAuOTQ0LDAuMTU2YzAuMzc3LDAuMTQ0LDAuNjU5LDAuMzU1LDAuODQ4LDAuNjM0DQoJczAuMjgzLDAuNjY2LDAuMjgzLDEuMTZDOC4xMjQsMTEuNDEyLDguMDQ1LDExLjc1OCw3Ljg4NywxMi4wNjJ6Ii8+DQo8L3N2Zz4NCg==);
    opacity: 1;
    border: 1px solid #fff
}

.section-contacts__popup .fb {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjhweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTEgMjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExIDIyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBkPSJNMTEuMDA4LDcuOTc5SDYuOTc0VjUuMDYxYzAtMC44OTYsMC45MzItMS4xMDYsMS4zNjctMS4xMDYNCgljMC40MzQsMCwyLjYwNiwwLDIuNjA2LDB2LTMuOTRMNy45NjQsMEMzLjg4NCwwLDIuOTU2LDIuOTQsMi45NTYsNC44MjF2My4xNThoLTIuOTU4djQuMDYxaDIuOTU4YzAsNS4yMTEsMCw5Ljk1OSwwLDkuOTU5aDQuMDE5DQoJYzAsMCwwLTQuODExLDAtOS45NTloMy40MTFMMTEuMDA4LDcuOTc5eiIvPg0KPC9zdmc+DQo=) center center no-repeat
}

.section-contacts__popup .fb:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjhweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTEgMjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExIDIyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNjZhMmUxIiBkPSJNMTEuMDA4LDcuOTc5SDYuOTc0VjUuMDYxYzAtMC44OTYsMC45MzItMS4xMDYsMS4zNjctMS4xMDYNCgljMC40MzQsMCwyLjYwNiwwLDIuNjA2LDB2LTMuOTRMNy45NjQsMEMzLjg4NCwwLDIuOTU2LDIuOTQsMi45NTYsNC44MjF2My4xNThoLTIuOTU4djQuMDYxaDIuOTU4YzAsNS4yMTEsMCw5Ljk1OSwwLDkuOTU5aDQuMDE5DQoJYzAsMCwwLTQuODExLDAtOS45NTloMy40MTFMMTEuMDA4LDcuOTc5eiIvPg0KPC9zdmc+DQo=);
    opacity: 1;
    border: 1px solid #fff
}

.section-contacts__popup:after {
    content: '';
    width: 22px;
    height: 22px;
    background: #2f3a4c;
    position: absolute;
    bottom: -10px;
    left: 120px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none
}

.contacts-mobile {
    display: none
}

.contacts-bitmap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #ccc url(../img/map-bg.png) no-repeat center center
}

html.mobile .contacts-bitmap {
    display: block
}

.contacts-bitmap .section-contacts__popup-wrap {
    position: absolute;
    top: 174px;
    left: 38px;
    z-index: 2
}

html.mobile .contacts-bitmap .section-contacts__popup {
    left: -120px
}

.contacts-bitmap__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px
}

.contacts-bitmap__inner .section-contacts__ship {
    top: -150px;
    left: -460px
}

.contacts-bitmap__objects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.contacts-bitmap__objects .map-pic {
    position: absolute;
    top: 0;
    left: 0
}

.contacts-bitmap__objects .p-cat-marker {
    top: 196px;
    left: 18px
}

.contacts-bitmap__objects .p-vsb {
    left: -18px;
    top: 265px
}

.contacts-bitmap__objects .p-ship-2.p6 {
    left: 151px;
    top: 179px
}

.contacts-bitmap__objects .p-tree-3.p3 {
    left: 30px;
    top: 356px
}

.contacts-bitmap__objects .p-tree-3.p2 {
    left: 329px;
    top: 117px
}

.contacts-bitmap__objects .p-pm {
    left: -242px;
    top: -20px
}

.contacts-bitmap__objects .p-byi-2.p2 {
    left: 241px;
    top: -63px
}

.contacts-bitmap__objects .p-byi-2.p4 {
    left: -233px;
    top: -168px
}

.contacts-bitmap__objects .p-ship-1.p7 {
    left: 77px;
    top: -205px
}

.contacts-bitmap__objects .p-hersones {
    left: -705px;
    top: 221px
}

.contacts-bitmap__objects .p-car-3.p3 {
    left: -207px;
    top: 254px
}

.contacts-bitmap__objects .p-build-1 {
    left: -219px;
    top: -361px
}

.contacts-bitmap__objects .p-flower-3.p4 {
    left: -152px;
    top: 354px
}

.contacts-bitmap__objects .p-trash-2 {
    left: -428px;
    top: 136px
}

.contacts-bitmap__objects .p-flower-2.p1 {
    left: -374px;
    top: 233px
}

.contacts-bitmap__objects .p-bf {
    left: -311px;
    top: 18px
}

.contacts-bitmap__objects .p-trava.p2 {
    left: -233px;
    top: 135px
}

.contacts-bitmap__objects .p-flower-3.p2 {
    left: -374px;
    top: 233px
}

.contacts-bitmap__objects .p-tree-1.p3 {
    left: 353px;
    top: -192px
}

.contacts-bitmap__objects .map-pic.p-cat-3 {
    left: 200px;
    top: -310px
}

@media (max-width:1500px) {
    .section-intro__cloud-5 {
        bottom: 176px;
        margin: 0;
        left: auto;
        right: 195px
    }
    .section-intro__cloud-6 {
        bottom: 225px;
        margin: 0;
        left: auto;
        right: 26px
    }
}

@media (max-width:1260px) {
    .section-intro__cloud-1 {
        margin-left: -475px;
        bottom: 290px
    }
    .section-intro__cloud-2 {
        bottom: 330px;
        margin-left: -420px
    }
    .section-intro__cloud-3 {
        bottom: 270px;
        margin: 0;
        left: 180px
    }
    .section-intro__cloud-4 {
        bottom: 134px;
        margin: 0;
        left: auto;
        right: 328px
    }
}

.mobile-detect {
    display: none
}

@media (max-width:1120px) {
    .scrollbar-dynamic>.scroll-element.scroll-y {
        opacity: 0;
        right: 24px;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }
    .scrollbar-dynamic>.scroll-element.scroll-y:hover {
        opacity: 1
    }
    .desktop .home {
        right: 7px
    }
    .desktop .burger {
        left: auto;
        right: 18px
    }
    html.scrollable .scrollbar-dynamic>.scroll-element.scroll-y {
        opacity: 1
    }
}

@media (max-height:600px) {
    .page-menu__footer {
        display: none
    }
    .page-menu__inner {
        height: calc(100% - 70px)
    }
}

@media (max-width:1024px) and (max-height:700px) {
    .section-support .section__content {
        padding-top: 50px
    }
    .section-support__sun {
        bottom: 480px
    }
    .section-support__cloud-1 {
        bottom: 556px
    }
    .section-support__cloud-2 {
        bottom: 600px
    }
    .section-support__cloud-3 {
        bottom: 500px
    }
}

@media all and (min-width:1340px) and (min-height:900px) {
    .section-support .section__content {
        display: table;
        height: calc(100vh - 90px);
        padding-top: 0
    }
    .section-support .section__content .row {
        display: table-cell;
        vertical-align: middle
    }
    .section-support__sun {
        bottom: 580px
    }
    .section-support__cloud-1 {
        bottom: 656px
    }
    .section-support__cloud-2 {
        bottom: 700px
    }
    .section-support__cloud-3 {
        bottom: 600px
    }
}

@media (max-width:1340px),
(max-height:800px) {
    .section__content {
        padding-top: 60px
    }
    .section-intro .section__content {
        padding-top: 130px
    }
    .section-projects__title,
    .section__title {
        font-size: 40px;
        margin-bottom: 18px;
        line-height: 50px
    }
    .section-intro {
        min-height: 640px;
        height: 100%
    }
    .section-intro__cat {
        width: 221px;
        height: 235px;
        bottom: -10px;
        background-image: url(../img/cat_1_960.png)
    }
    .section-intro__island {
        bottom: 15px
    }
    .section-intro__ship {
        bottom: 20px
    }
    .section-intro__links {
        margin-top: 24px
    }
    .wave {
        background-size: 120px auto
    }
    .wave-1 {
        bottom: -10px
    }
    .wave-2 {
        bottom: -30px
    }
    .wave-3 {
        bottom: -50px
    }
    .section-intro__mountains {
        background: url(../img/mountains_960.png) right bottom no-repeat
    }
    .section-intro__cloud-1 {
        display: block
    }
    .section-intro__cloud-4 {
        display: none
    }
    .section-services .section__title {
        margin-bottom: 18px
    }
    .section-services__gun {
        background-position: center bottom
    }
    .section-outsourcing {
        padding-bottom: 100px
    }
    .section-outsourcing .section__title {
        margin-bottom: 18px
    }
    .section-outsourcing .section__title>span {
        white-space: normal
    }
    .section-outsourcing__text-inner {
        width: 218px
    }
    .section-outsourcing__order-btn {
        margin: 10px 0 54px
    }
    .section-outsourcing__moon {
        background-image: url(../img/moon_960.png);
        width: 227px;
        height: 227px;
        margin-left: -436px;
        bottom: 316px
    }
    .section-outsourcing__mountains {
        background: url(../img/mountains_night_960.png) no-repeat bottom right;
        width: 489px
    }
    .section-outsourcing__mayak {
        margin-left: -600px;
        background: url(../img/mayak_night_960.png) left bottom no-repeat
    }
    .section-outsourcing__cloud-1 {
        width: 58px;
        height: 34px;
        bottom: 175px
    }
    .section-outsourcing__cloud-2 {
        width: 27px;
        height: 18px;
        bottom: 168px
    }
    .section-outsourcing__cloud-3 {
        width: 63px;
        height: 32px;
        bottom: 406px;
        margin-left: -417px
    }
    .section-outsourcing__cloud-4 {
        width: 43px;
        height: 25px;
        bottom: 436px;
        margin-left: -240px
    }
    .section-outsourcing__cloud-5 {
        width: 28px;
        height: 16px;
        bottom: 474px;
        margin-left: -203px
    }
    .section-team {
        min-height: 640px
    }
    .section-team__mountains {
        bottom: 20px;
        background: url(../img/mountains_left_960.png) left bottom no-repeat
    }
    .wave-6 {
        bottom: -30px
    }
    .wave-7 {
        bottom: -50px
    }
    .section-team__ship {
        width: 277px;
        height: 220px;
        bottom: 26px;
        margin-left: -138px;
        background: url(../img/ship_960.png) 0 0 no-repeat;
        background-size: 277px 220px
    }
    .section-team__dolphins-1 {
        bottom: -135px;
        margin-left: -458px
    }
    .section-team__dolphins-2 {
        bottom: -85px;
        left: auto;
        right: 50px;
        margin: 0
    }
    .section-team__cloud-1 {
        width: 25px;
        height: 12px;
        bottom: 200px
    }
    .section-team__cloud-2 {
        width: 54px;
        height: 31px;
        bottom: 244px
    }
    .section-team__cloud-3 {
        width: 35px;
        height: 20px;
        bottom: 300px
    }
    .section-team__cloud-4 {
        width: 28px;
        height: 16px;
        bottom: 232px
    }
    .section-vacancy {
        padding-bottom: 60px
    }
    .section-vacancy__cats {
        margin-bottom: 70px
    }
    .section-vacancy__bonuses {
        margin-bottom: 32px
    }
    .vacancy-popup__content {
        top: 8vh;
        left: 107px
    }
    .section-projects__nav {
        bottom: 40px
    }
    .section-projects__dot:after {
        top: 30px
    }
    .section-projects {
        min-height: 700px;
        height: 100%
    }
    .section-projects .fotorama__stage {
        height: 100%!important
    }
    .projects-item {
        padding-top: 60px;
        min-height: 700px
    }
    .section-projects__title {
        width: 600px
    }
    .section-projects__help {
        margin-top: 60px
    }
    .project-intro__cloud-1 {
        display: none
    }
    .project-intro__cloud-2 {
        left: 24px;
        bottom: 326px
    }
    .project-intro__cloud-3 {
        right: 103px;
        bottom: 345px
    }
    .project-intro__cloud-4 {
        right: 159px;
        bottom: 335px
    }
    .project-intro__boat {
        bottom: 143px
    }
    .project-intro__kraken {
        bottom: 88px;
        right: 60px
    }
    .project-intro__bottle {
        bottom: 100px;
        right: 323px
    }
    .project-intro__dolphin {
        bottom: 92px
    }
    .section-projects__ship {
        width: 105px;
        height: 84px;
        top: -104px;
        background: url(../img/projects-ship_960.png) 0 0 no-repeat
    }
    .project-fsn__cloud-1 {
        left: 47px;
        bottom: 452px
    }
    .project-fsn__cloud-2 {
        left: 168px;
        bottom: 394px
    }
    .project-fsn__cloud-3 {
        right: 148px;
        bottom: 338px
    }
    .project-fsn__cloud-4 {
        right: 80px;
        bottom: 392px
    }
    .project-fsn__sos {
        left: 70px;
        bottom: 202px
    }
    .project-fsn__mayak {
        bottom: 85px;
        right: 140px
    }
    .project-fsn__buoy {
        bottom: 88px;
        right: 240px
    }
    .project-domofon__cloud-1 {
        left: 64px;
        bottom: 495px
    }
    .project-domofon__cloud-2 {
        left: 165px;
        bottom: 360px
    }
    .project-domofon__cloud-3 {
        right: 151px;
        bottom: 440px
    }
    .project-domofon__cloud-4 {
        right: 64px;
        bottom: 364px
    }
    .project-domofon__iceberg {
        left: 84px;
        bottom: 130px
    }
    .project-domofon__boat {
        bottom: 247px;
        right: 170px
    }
    .project-nordgold__boat {
        bottom: 106px;
        left: 95px
    }
    .project-nordgold__nessi {
        bottom: 160px;
        right: 113px
    }
    .project-nordgold__cloud-1 {
        left: 63px;
        bottom: 460px
    }
    .project-nordgold__cloud-2 {
        left: 172px;
        bottom: 400px
    }
    .project-nordgold__cloud-3 {
        display: none
    }
    .project-nordgold__cloud-4 {
        right: 60px;
        bottom: 396px
    }
    .project-avantel__boat {
        bottom: 184px;
        left: 107px
    }
    .project-avantel__castle {
        bottom: 131px;
        right: 145px
    }
    .project-avantel__bottle {
        right: 297px;
        bottom: 135px
    }
    .project-avantel__cloud-1 {
        left: 70px;
        bottom: 450px
    }
    .project-avantel__cloud-2 {
        display: none
    }
    .project-avantel__cloud-3 {
        right: 254px;
        bottom: 346px
    }
    .project-avantel__cloud-4 {
        right: 78px;
        bottom: 268px
    }
    .project-zsm__surfer {
        bottom: 64px;
        left: 173px
    }
    .project-zsm__godzilla {
        bottom: 127px;
        right: 106px
    }
    .project-zsm__cloud-1 {
        left: 38px;
        bottom: 348px
    }
    .project-zsm__cloud-2 {
        left: 151px;
        bottom: 468px
    }
    .project-zsm__cloud-3 {
        right: 196px;
        bottom: 366px
    }
    .project-zsm__cloud-4 {
        right: 63px;
        bottom: 330px
    }
}

@media (max-width:1340px) and (-webkit-min-device-pixel-ratio:2),
(max-height:800px) and (-webkit-min-device-pixel-ratio:2) {
    .section-intro__cat {
        background-image: url(../img/cat_1_960@2x.png);
        background-size: 100% auto
    }
}

@media (max-width:1340px) and (-webkit-min-device-pixel-ratio:2),
(max-height:800px) and (-webkit-min-device-pixel-ratio:2) {
    .section-intro__mountains {
        background-image: url(../img/mountains_960@2x.png);
        background-size: 484px auto
    }
}

@media (max-width:1340px) and (-webkit-min-device-pixel-ratio:2),
(max-height:800px) and (-webkit-min-device-pixel-ratio:2) {
    .section-outsourcing__moon {
        background-image: url(../img/moon_960@2x.png);
        background-size: 100% auto
    }
}

@media (max-width:1340px) and (-webkit-min-device-pixel-ratio:2),
(max-height:800px) and (-webkit-min-device-pixel-ratio:2) {
    .section-outsourcing__mountains {
        background-image: url(../img/mountains_night_960@2x.png);
        background-size: 571px auto
    }
}

@media (max-width:1340px) and (-webkit-min-device-pixel-ratio:2),
(max-height:800px) and (-webkit-min-device-pixel-ratio:2) {
    .section-outsourcing__mayak {
        background-image: url(../img/mayak_night_960@2x.png);
        background-size: 407px auto
    }
}

@media (max-width:1340px) and (-webkit-min-device-pixel-ratio:2),
(max-height:800px) and (-webkit-min-device-pixel-ratio:2) {
    .section-team__mountains {
        background-image: url(../img/mountains_left_960@2x.png);
        background-size: 250px auto
    }
}

@media (max-width:1340px) and (-webkit-min-device-pixel-ratio:2),
(max-height:800px) and (-webkit-min-device-pixel-ratio:2) {
    .section-team__ship {
        background-image: url(../img/ship_960@2x.png);
        background-size: 277px 220px
    }
}

@media (max-width:1340px) and (-webkit-min-device-pixel-ratio:2),
(max-height:800px) and (-webkit-min-device-pixel-ratio:2) {
    .section-projects__ship {
        background-image: url(../img/projects-ship_960@2x.png);
        background-size: 210px auto
    }
}

@media (max-width:980px) and (min-width:768px) {
    .menu-toggler {
        -webkit-transition: background-color .4s ease-in-out, right .01s linear .1s;
        transition: background-color .4s ease-in-out, right .01s linear .1s
    }
    .menu-toggler:not(.active) {
        right: 16px
    }
    .section-intro .section__content {
        width: 550px;
        padding-top: 154px
    }
    .section-intro .section__title {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -.5px
    }
    .section-intro__mountains {
        right: -55px;
        width: 400px;
        height: 120px;
        background-size: contain
    }
    .section-intro__cloud-6 {
        bottom: 165px;
        right: -16px;
        width: 45px
    }
    .section-intro__cloud-5 {
        bottom: 160px;
        right: 93px;
        width: 20px
    }
    .section-intro__island {
        left: -20px
    }
    .section-intro__shar {
        right: 0;
        top: 115px;
        width: 7%
    }
    .section-services__gun {
        display: none
    }
    .section-services__text {
        width: 50%
    }
    .section-services .section__title {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        letter-spacing: -.5px
    }
    .section-support__sun {
        margin-left: 280px
    }
    .section-support__cloud-2 {
        bottom: 545px;
        margin-left: 187px
    }
    .section-support__cloud-3 {
        margin-left: 239px
    }
    .section-support__mountains {
        right: -130px
    }
    .section-support__ships.move {
        -webkit-animation: support-ships-tablet 3s ease-in-out 1 forwards;
        animation: support-ships-tablet 3s ease-in-out 1 forwards
    }
    .section-support__bird {
        right: 12%
    }
    .section-outsourcing .col-6.col-offset-6 {
        width: 72%;
        margin-left: 28%
    }
    .section-outsourcing .section__title {
        letter-spacing: -1.5px
    }
    .section-outsourcing__order-btn {
        margin: 25px 0 54px
    }
    .section-outsourcing__text-inner {
        width: 231px
    }
    .section-outsourcing__text-inner:first-child {
        margin-right: 15px;
        width: 225px
    }
    .section-outsourcing__text p {
        line-height: 20px;
        letter-spacing: -.5px
    }
    .section-outsourcing__moon {
        margin-left: -411px;
        bottom: 325px
    }
    .section-outsourcing__cloud-3 {
        bottom: 416px;
        margin-left: -390px
    }
    .section-outsourcing__cloud-4 {
        bottom: 447px;
        margin-left: -217px
    }
    .section-outsourcing__cloud-5 {
        bottom: 483px;
        margin-left: -176px
    }
    .section-outsourcing__mayak {
        margin-left: -295px;
        bottom: 10px
    }
    .section-outsourcing__mountains {
        left: -45px
    }
    .section-outsourcing__cloud-1 {
        left: 85px;
        bottom: 150px
    }
    .section-outsourcing__cloud-2 {
        left: 205px;
        bottom: 141px
    }
    .section-team .section__title {
        letter-spacing: -.5px
    }
    .section-team__cloud-2 {
        margin-left: -347px;
        bottom: 253px
    }
    .section-team__cloud-3 {
        margin-left: 83px;
        bottom: 311px
    }
    .section-team__cloud-4 {
        margin-left: 315px;
        bottom: 243px
    }
    .section-team__mountains {
        bottom: 25px;
        left: -10px
    }
    .section-team__team {
        background-size: contain;
        width: 720px;
        height: 545px;
        margin-left: -360px
    }
    .section-team .dude-1 {
        top: 219px;
        right: 101px
    }
    .section-team .dude-2 {
        top: 218px;
        left: 109px
    }
    .section-team .dude-3 {
        left: 473px;
        top: 197px
    }
    .section-team .dude-4 {
        left: 427px;
        top: 197px
    }
    .section-team .dude-5 {
        left: 382px;
        top: 197px
    }
    .section-team .dude-6 {
        left: 339px;
        top: 197px
    }
    .section-team .dude-7 {
        left: 295px;
        top: 197px
    }
    .section-team .dude-8 {
        left: 250px;
        top: 197px
    }
    .section-team .dude-9 {
        left: 205px;
        top: 197px
    }
    .section-team .dude-10 {
        left: 206px;
        top: 269px
    }
    .section-team .dude-11 {
        left: 250px;
        top: 269px
    }
    .section-team .dude-12 {
        left: 295px;
        top: 269px
    }
    .section-team .dude-13 {
        left: 340px;
        top: 269px
    }
    .section-team .dude-14 {
        left: 383px;
        top: 269px
    }
    .section-team .dude-15 {
        left: 427px;
        top: 269px
    }
    .section-team .dude-16 {
        left: 473px;
        top: 269px
    }
    .section-vacancy .section__title {
        letter-spacing: -.5px;
        margin-bottom: 33px
    }
    .section-vacancy .vacancy {
        width: 33.333%
    }
    .section-vacancy__cats {
        margin: 8px 0 33px
    }
    .section-vacancy .cat-progger {
        margin-left: 0
    }
    .section-vacancy .cat-progger:before {
        width: 156px;
        height: 193px;
        margin: 0 0 36px 17px
    }
    .section-vacancy .cat-frontender:before {
        width: 198px;
        height: 228px;
        margin: 13px 8px 30px 14px;
        background-position: -155px 0
    }
    .section-vacancy .cat-manager {
        margin-top: -12px
    }
    .section-vacancy .cat-manager:before {
        width: 192px;
        height: 208px;
        margin: 0 0 38px 33px
    }
    .section-vacancy .vacancy-cat:before {
        background-size: 545px 222px
    }
    .section-vacancy .vacancy-cat.vacancy-closed:after {
        right: 2px
    }
    .section-vacancy .vacancy-cat__title {
        font-size: 18px
    }
    .section-vacancy__bonuses .bonus-projects:before {
        background-position: -50px 0
    }
    .section-vacancy__bonuses .bonus-command:before {
        background-position: -100px 0
    }
    .section-vacancy__bonuses>li {
        width: 33.333%;
        padding: 18px 5px 0 65px;
        letter-spacing: -.5px
    }
    .section-vacancy__bonuses>li.bonus-zp {
        padding: 18px 5px 0 57px
    }
    .section-vacancy__bonuses>li.bonus-zp:before {
        left: -5px
    }
    .section-vacancy__bonuses>li.bonus-command {
        padding: 18px 0 0 73px
    }
    .section-vacancy__bonuses>li.bonus-command:before {
        left: 11px
    }
    .section-vacancy__bonuses>li:before {
        top: 5px;
        left: 6px;
        width: 50px;
        height: 50px;
        background-size: 150px 50px
    }
    .section-vacancy__bonuses>li strong {
        letter-spacing: normal
    }
    .section-projects__title {
        letter-spacing: -.5px
    }
    .section-projects__help {
        display: none
    }
    .section-projects__help-mobile {
        padding-top: 37px;
        display: block
    }
    .section-projects .project-intro__cloud-1 {
        display: block;
        left: 72px;
        bottom: 389px
    }
    .section-projects .project-intro__cloud-3 {
        right: 35px;
        bottom: 345px
    }
    .section-projects .project-intro__cloud-4 {
        right: 92px;
        bottom: 338px
    }
    .section-projects .project-intro__kraken {
        bottom: 79px;
        right: -15px
    }
    .section-projects .project-intro__boat {
        left: 6px;
        bottom: 150px
    }
    .section-projects .project-intro__bottle {
        bottom: 90px;
        right: 244px
    }
    .section-db {
        background-position: right -253px top 83px
    }
    .section-db .section__content {
        padding-top: 91px;
        width: 91%
    }
    .section-db__content {
        width: 540px
    }
    .section-db__zeppelin {
        top: 56px;
        margin-left: -38px
    }
    .section-db__cloud-1 {
        margin-left: -78px;
        width: 60px;
        top: 85px
    }
    .section-db__cloud-2 {
        margin-left: 74px;
        top: 37px
    }
    .section-db__cloud-3 {
        display: none
    }
    .project-domofon__cloud-2 {
        left: 18px
    }
    .project-domofon__cloud-3 {
        bottom: 540px
    }
    .project-zsm__cloud-2 {
        bottom: 515px
    }
    .project-nordgold__cloud-2 {
        bottom: 550px
    }
    .vacancy-popup__right {
        width: 75%
    }
    .vacancy-popup__left {
        width: 25%
    }
    .vacancy-popup__content {
        top: 18vh;
        left: 22px;
        width: 80%
    }
    .vacancy-popup .section__title {
        letter-spacing: -.5px
    }
    .vacancy-popup__subtitle {
        letter-spacing: -.2px
    }
    .vacancy-popup__close {
        top: 30px;
        right: 35px
    }
    .vacancy-popup__cat {
        background-size: 460px 184px
    }
    .vacancy-popup__cat-frontender {
        background-position: -131px 0;
        width: 167px;
        height: 245px
    }
    .vacancy-popup__cat-progger {
        width: 131px;
        height: 188px
    }
    .vacancy-popup__cat-manager {
        width: 162px;
        height: 187px
    }
    .popup-close {
        z-index: 2
    }
}

@-webkit-keyframes support-ships-tablet {
    100% {
        right: 12%
    }
}

@keyframes support-ships-tablet {
    100% {
        right: 12%
    }
}

@media (max-width:767px) {
    .mobile-detect {
        display: block
    }
    .section-db__content {
        width: 100%
    }
    body,
    html {
        min-width: 0;
        font-size: 24px
    }
    .visible-xs {
        display: block
    }
    .invisible-xs,
    .visible-m,
    .visible-s {
        display: none
    }
    .section p {
        font-size: 24px;
        line-height: 36px
    }
    .btn {
        display: block;
        width: 100%;
        font-size: 28px;
        height: 92px;
        border-width: 4px;
        border-radius: 46px
    }
    .home {
        display: none!important
    }
    .swing {
        -webkit-animation: none;
        animation: none
    }
    .section-services__item .section__subtitle:before {
        top: 11px
    }
    .burger {
        width: 40px;
        height: 41px
    }
    .burger__item {
        width: 40px;
        height: 5px
    }
    .scroll-on-contacts .burger__item {
        background: #fff
    }
    .burger__2,
    .burger__3 {
        top: 18px
    }
    .burger__4 {
        top: 28px
    }
    .menu-toggler:hover .burger__1 {
        top: 8px
    }
    .menu-toggler:hover .burger__2,
    .menu-toggler:hover .burger__3 {
        top: 18px
    }
    .menu-toggler:hover .burger__4 {
        top: 28px
    }
    .section__content {
        padding-top: 112px
    }
    .section-intro {
        min-height: 894px
    }
    .section-intro .section__title {
        text-align: center
    }
    .section-intro .section__content {
        padding-top: 112px
    }
    .section-intro .section__intro-text br {
        display: none
    }
    .mobile-nowrap {
        white-space: nowrap
    }
    .logo {
        width: 250px;
        height: 48px;
        left: 50%;
        top: 23px;
        background-size: 100% auto;
        margin-left: -135px
    }
    .wave {
        -webkit-animation: none;
        animation: none
    }
    .section__title {
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 38px;
        text-align: left
    }
    .section__intro-text {
        font-size: 24px
    }
    .section-intro__links {
        margin-top: 42px
    }
    .section-intro__links a {
        display: inline-block;
        font-size: 28px;
        line-height: 30px;
        margin: 0;
        margin-bottom: 29px;
        border-width: 2px
    }
    .section-intro__links br {
        display: block
    }
    .section-intro__cat {
        -webkit-animation: none;
        animation: none;
        left: 50%;
        margin-left: -80px
    }
    .section-intro__mountains {
        width: 234px;
        background-position: left bottom
    }
    .section-intro__cloud-2 {
        width: 60px;
        height: 30px;
        left: -20px;
        margin: 0;
        bottom: 154px
    }
    .section-intro__cloud-3 {
        display: block;
        width: 24px;
        height: 14px;
        left: 162px;
        margin: 0;
        bottom: 204px
    }
    .section-intro__cloud-4 {
        display: block;
        width: 20px;
        height: 11px;
        left: auto;
        margin: 0;
        bottom: 155px;
        right: 24px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjgwcHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDgwIDQyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4MCA0MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTExLjAxMSw0MS4yNzZjMCwwLDUuNDc1LDAsMjkuNzI4LDBzMjkuNzI4LDAsMjkuNzI4LDANCglzOS44MDMsMC4zMzgsOC44MDktOS45MDdjLTAuOTk1LTEwLjI0Ni0xMS43NDctMTEuMjUtMTEuNzQ3LTExLjI1cy0wLjQ0NC02LjUwMy04LjA3My0xMC43NjYNCgljLTcuNjI4LTQuMjYzLTEzLjY2OC0xLjQ3OS0xMy42NjgtMS40NzlTMzcuNzQ0LTIuOTI5LDIzLjEyMiwxLjY0OFM5LjkxLDE4LjE2LDkuOTEsMTguMTZTMCwxOS4xMjksMCwzMS4zNjkNCglDMCw0MS4wMDEsMTEuMDExLDQxLjI3NiwxMS4wMTEsNDEuMjc2eiIvPg0KPC9zdmc+DQo=)
    }
    .section-intro__cloud-5 {
        display: none
    }
    .section-intro__cloud-6 {
        display: block;
        width: 58px;
        height: 32px;
        left: auto;
        margin: 0;
        bottom: 224px;
        right: 12px
    }
    .section-intro__island,
    .section-intro__shar,
    .section-intro__ship {
        display: none
    }
    .section-services {
        padding-bottom: 40px
    }
    .section-services .section__title {
        margin-bottom: 0
    }
    .section-services .section__subtitle {
        margin-top: 72px
    }
    .section__subtitle {
        font-size: 38px;
        margin-top: 82px
    }
    .section-services__text {
        font-size: 24px
    }
    .section-services__text .section__subtitle+p {
        margin-bottom: 1.5em
    }
    .section-services__text ul {
        margin-top: 6px;
        line-height: 36px
    }
    .section-services__text ul li {
        padding-left: 34px
    }
    .section-services__text ul li:before {
        width: 8px;
        height: 8px;
        top: 16px;
        border-radius: 50%
    }
    .section-services__gun {
        display: none
    }
    .section-support {
        padding-bottom: 250px
    }
    .section-support__cloud-1,
    .section-support__cloud-2,
    .section-support__cloud-3,
    .section-support__sun {
        display: none
    }
    .section-support__mountains {
        margin: 0;
        right: -100px;
        left: auto
    }
    .section-support__our-ship,
    .section-support__ship {
        -webkit-animation: none;
        animation: none
    }
    .section-support__bird {
        left: auto;
        margin: 0;
        right: 130px
    }
    .section-support__text p {
        width: 100%
    }
    .section-outsourcing {
        font-size: 24px;
        padding-bottom: 208px
    }
    .section-outsourcing .section__subtitle {
        margin-bottom: 0
    }
    .section-outsourcing__cloud-3,
    .section-outsourcing__cloud-4,
    .section-outsourcing__cloud-5,
    .section-outsourcing__moon {
        display: none
    }
    .section-outsourcing__order-btn {
        margin: 74px 0 54px
    }
    .section-outsourcing__text {
        white-space: normal
    }
    .section-outsourcing__text p {
        margin: 1.8em 0
    }
    .section-outsourcing__text-inner {
        width: 100%
    }
    .section-outsourcing__text-inner+.section-outsourcing__text-inner p:first-child {
        margin-top: 0
    }
    .download {
        height: 54px;
        padding-left: 60px;
        line-height: 28px;
        font-size: 18px;
        background-size: auto 50px
    }
    .download>span {
        font-size: 24px
    }
    .section-outsourcing__mayak {
        margin-left: -260px
    }
    .section-outsourcing__mountains {
        width: 363px;
        margin: 0;
        left: auto;
        right: 0;
        background-position: left bottom
    }
    .section-outsourcing__cloud-1 {
        bottom: 230px;
        left: auto;
        right: 10px;
        margin: 0
    }
    .section-outsourcing__cloud-2 {
        bottom: 188px;
        left: auto;
        right: 150px;
        margin: 0
    }
    .blink-logo {
        display: none
    }
    .form-pc-popup__inner {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    .form-pc-form {
        width: 500px;
        height: 770px;
        position: relative;
        top: 50%;
        left: 0;
        padding-top: 60px;
        margin: -375px auto 0 auto;
        -webkit-transform: none;
        transform: none
    }
    .form-pc-form .input-text {
        font-size: 24px;
        height: 80px;
        padding-left: 22px;
        padding-right: 22px;
        border-radius: 8px;
        border-width: 2px
    }
    .form-pc-form__submit {
        font-size: 36px
    }
    .form-pc-form__submit-icon {
        width: 41px;
        height: 59px;
        background-image: url(../img/bottle-big@2x.png);
        background-size: 100% auto;
        margin-right: 22px
    }
    .form-pc-form__title,
    .form-pc-success__title {
        font-size: 48px
    }
    .form-pc-form__text,
    .form-pc-success__text {
        font-size: 24px
    }
    .form-pc-popup__close,
    .vacancy-popup__close {
        border-color: transparent;
        z-index: 3;
        right: 20px;
        top: 16px
    }
    .form-pc-popup__close:after,
    .form-pc-popup__close:before,
    .vacancy-popup__close:after,
    .vacancy-popup__close:before {
        width: 40px;
        height: 5px;
        left: 8px
    }
    .form-pc-popup__close:active,
    .form-pc-popup__close:hover,
    .vacancy-popup__close:active,
    .vacancy-popup__close:hover {
        border-color: transparent
    }
    .form-pc-success {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    .section-team .cloud,
    .section-team .waves,
    .section-team__dolphins-1,
    .section-team__dolphins-2,
    .section-team__mountains,
    .section-team__ship {
        display: none
    }
    .section-team {
        height: auto;
        padding-bottom: 90px
    }
    .section-team .section__title {
        text-align: center
    }
    .dude {
        display: block;
        width: 100%;
        height: auto;
        min-height: 160px;
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        margin-bottom: 60px
    }
    .dude:last-child {
        margin-bottom: 0
    }
    .dude__plus {
        display: none
    }
    .dude-balloon {
        display: block!important
    }
    .balloon--bottom,
    .balloon--right {
        -webkit-transform: none;
        transform: none
    }
    .dude__plus.dude__plus--mobile {
        display: block;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEwIDEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCAxMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTAsNGgxMHYySDBWNHoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBkPSJNNCwwaDJ2MTBINFYweiIvPg0KPC9zdmc+DQo=);
        background-size: 24px auto;
        background-position: 11px 11px;
        position: absolute;
        top: 58px;
        left: 137px;
        background-color: #63a2e4;
        z-index: 2;
        -webkit-transition: background-color .1s ease, border-color .1s ease;
        transition: background-color .1s ease, border-color .1s ease
    }
    .dude__plus.dude__plus--mobile:after {
        content: '';
        display: block;
        border: 3px solid #63a2e4;
        position: absolute;
        border-radius: 50%;
        width: 58px;
        height: 58px;
        left: -9px;
        top: -9px;
        border-color: rgba(99, 162, 228, .8);
        -webkit-transition: inherit;
        transition: inherit
    }
    .dude__plus.dude__plus--mobile.active {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMnB4IiB2aWV3Qm94PSIwIDAgMTAgMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTAsMGgxMHYySDBWMHoiLz4NCjwvc3ZnPg0K);
        background-size: 26px auto;
        background-position: 10px 21px;
        -webkit-transform: none;
        transform: none
    }
    .dude__plus.dude__plus--mobile.active:after {
        border-color: rgba(26, 95, 209, .8)
    }
    .dude__plus.dude__plus--mobile:hover {
        background-color: #1a5fd1;
        -webkit-transform: none;
        transform: none
    }
    .dude__plus.dude__plus--mobile:hover:after {
        border-color: rgba(26, 95, 209, .8)
    }
    .section-team__team {
        width: 86%;
        height: auto;
        left: 0;
        margin: 136px auto 0;
        position: relative;
        bottom: 0;
        background: 0 0
    }
    .section-team__team-wrap {
        display: block;
        height: auto;
        padding: 0;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 1
    }
    .balloon {
        display: block;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        z-index: 1;
        background: 0 0
    }
    .balloon:after {
        display: none
    }
    .dude-balloon__header {
        border: 0;
        padding: 0
    }
    .dude-balloon__header>figcaption {
        padding-left: 218px;
        padding-top: 42px;
        color: #000;
        font-size: 24px
    }
    .dude-balloon__header>figcaption b {
        font-size: 28px;
        color: #000
    }
    .dude-balloon__content {
        display: none;
        color: #000;
        padding: 0 0 0 218px;
        font-size: 20px
    }
    .dude-balloon__content p {
        font-size: 20px;
        line-height: 34px;
        margin-top: 26px
    }
    .dude-balloon__close {
        display: none
    }
    .dude-balloon__image {
        width: 160px;
        height: 160px;
        left: 0;
        border-radius: 80px
    }
    .section-team__link {
        display: none
    }
    .section-vacancy {
        padding-bottom: 106px
    }
    .section-vacancy .section__title {
        text-align: center
    }
    .section-vacancy .section__subtitle {
        margin-top: 94px
    }
    p.no-rookie {
        font-size: 18px
    }
    .section-vacancy__cats {
        margin-top: 54px;
        margin-bottom: 104px
    }
    .cat-progger {
        margin: 0
    }
    .cat-progger:before {
        margin: 0 auto 36px;
        background-image: url(../img/sprite/sprite.png);
        background-position: 0 -356px;
        width: 248px;
        height: 291px;
        background-size: auto
    }
    .cat-frontender {
        margin: 46px 0 0
    }
    .cat-frontender:before {
        margin-left: 68px;
        background-image: url(../img/sprite/sprite.png);
        background-position: -310px 0;
        width: 314px;
        height: 342px;
        background-size: auto
    }
    .cat-manager {
        margin-top: 106px
    }
    .cat-manager:before {
        background-image: url(../img/sprite/sprite.png);
        background-position: -625px 0;
        width: 304px;
        height: 320px;
        background-size: auto
    }
    .vacancy-cat__title {
        font-size: 34px
    }
    .section-vacancy__bonuses {
        margin-top: 68px
    }
    .section-vacancy__bonuses>li {
        padding: 26px 0 0 150px;
        margin-bottom: 60px;
        font-size: 24px;
        line-height: 36px
    }
    .section-vacancy__bonuses>li:before {
        left: 20px;
        background-image: url(../img/sprite/sprite.png);
        background-position: -350px -544px;
        width: 100px;
        height: 100px
    }
    .section-vacancy__bonuses>li>strong {
        font-size: 28px
    }
    .section-vacancy__bonuses .bonus-projects:before {
        background-image: url(../img/sprite/sprite.png);
        background-position: -451px -544px;
        width: 100px;
        height: 100px
    }
    .section-vacancy__bonuses .bonus-command:before {
        background-image: url(../img/sprite/sprite.png);
        background-position: -249px -544px;
        width: 100px;
        height: 100px
    }
    .section-vacancy__resume,
    .vacancy-popup__resume {
        font-size: 24px;
        padding: 0
    }
    .section-vacancy__resume:before,
    .vacancy-popup__resume:before {
        background-image: url(../img/sprite/sprite.png);
        background-position: -584px -356px;
        width: 42px;
        height: 64px;
        border-right: 8px;
        position: relative;
        top: -8px
    }
    .vacancy-popup .vacancy-popup__resume {
        margin: 0;
        padding: 70px 0 0 74px;
        position: relative;
        border-top: 2px solid #d9d9d9;
        line-height: 36px
    }
    .vacancy-popup .vacancy-popup__resume:before {
        position: absolute;
        top: 82px;
        left: 0
    }
    .vacancy-popup .vacancy-popup__title {
        margin-bottom: 10px
    }
    .vacancy-popup__left {
        display: none
    }
    .vacancy-popup__right {
        width: 100%;
        overflow-y: auto
    }
    .vacancy-popup__content {
        position: relative;
        width: 500px;
        margin: 0 auto;
        left: 0;
        top: 0;
        padding: 122px 0 60px
    }
    .vacancy-popup__subtitle {
        margin-top: 0;
        border-width: 2px;
        padding: 18px 0 28px;
        font-size: 34px
    }
    .vacancy-popup__subtitle>span:before {
        width: 46px;
        height: 46px;
        border-radius: 23px;
        top: 12px;
        margin-right: 24px;
        background-size: 22px auto;
        background-position: 12px 12px
    }
    .vacancy-popup__subtitle>span.active:before {
        background-size: 22px auto;
        background-position: 12px 21px
    }
    .vacancy-popup__list li {
        padding: 0;
        margin: 0 0 20px
    }
    .vacancy-popup__list li:before {
        position: relative;
        width: 8px;
        height: 8px;
        margin-right: 12px;
        top: -3px
    }
    .section-contacts__popup {
        display: none
    }
    .scroll-on-contacts .page-wrap__inner {
        background: #273040
    }
    .section-contacts {
        background: #273040;
        padding-bottom: 404px
    }
    .section-contacts:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 30%;
        background-image: url(../img/sprite/sprite.png);
        background-position: 0 0;
        width: 309px;
        height: 355px
    }
    .contacts-bitmap,
    .section-contacts__map,
    html.mobile .contacts-bitmap {
        display: none
    }
    .contacts-mobile {
        display: block;
        text-align: center;
        padding-top: 122px
    }
    .contacts-mobile__address {
        display: block;
        color: #fee818;
        font-size: 38px;
        line-height: 54px
    }
    .contacts-mobile__link {
        display: inline-block;
        border-bottom: 2px solid rgba(153, 153, 153, .3);
        line-height: 34px;
        text-decoration: none;
        font-size: 24px;
        color: #999;
        margin: 22px 0 78px
    }
    .contacts-mobile__email {
        color: #fff;
        font-size: 34px;
        line-height: 36px;
        text-decoration: none;
        border-bottom: 2px solid rgba(153, 153, 153, .3)
    }
    .contacts-mobile__soc {
        margin-top: 64px;
        font-size: 0
    }
    .contacts-mobile__soc .fb,
    .contacts-mobile__soc .vk {
        display: inline-block;
        width: 80px;
        height: 80px;
        border-radius: 50%
    }
    .contacts-mobile__soc .vk {
        margin-right: 36px;
        background: #576779 url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDEyIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMyNzMwNDAiIGQ9Ik0xMS4xNzIsOC41MDZDMTAuNjE0LDcuODY1LDkuODcsNy40NDEsOC45NDEsNy4yMzNWNy4xNDdjMC42NDYtMC4yODcsMS4xNTItMC43MzQsMS41Mi0xLjM0Mw0KCWMwLjM2Ni0wLjYwOCwwLjU1LTEuMzAzLDAuNTUtMi4wODRjMC0wLjY3My0wLjEzMy0xLjI2OC0wLjM5OS0xLjc4NEMxMC4zNDYsMS40Miw5Ljk0NCwxLjAwOSw5LjQwNiwwLjcwMQ0KCWMtMC40OTgtMC4yODctMS4wMzEtMC40NzUtMS42LTAuNTY0Yy0wLjU2OS0wLjA5LTEuNDA1LTAuMTM0LTIuNTA4LTAuMTM0aC01LjMwOVYxNmg2LjAxNmMxLjA0MywwLDEuOTAzLTAuMTAxLDIuNTc5LTAuMzAxDQoJYzAuNjc2LTAuMjAxLDEuMjk3LTAuNTM4LDEuODYyLTEuMDFjMC40NzgtMC4zOTQsMC44NTctMC44OTIsMS4xNC0xLjQ5M3MwLjQyNC0xLjMsMC40MjQtMi4wOTUNCglDMTIuMDEsMTAuMDEyLDExLjczLDkuMTQ3LDExLjE3Miw4LjUwNnogTTMuNzQ0LDIuOTM1aDAuMjYyYzAuNjczLDAsMS4xNzksMC4wMDYsMS41MTksMC4wMTZjMC4zNCwwLjAxMSwwLjYzNCwwLjA3NCwwLjg4MywwLjE4OA0KCUM2LjY3LDMuMjYxLDYuODY0LDMuNDU4LDYuOTg4LDMuNzNjMC4xMjUsMC4yNzIsMC4xODcsMC41MzcsMC4xODcsMC43OTVjMCwwLjM1MS0wLjA1NywwLjY1OS0wLjE3MSwwLjkyNA0KCUM2Ljg4OSw1LjcxNCw2LjY4MSw1LjkyMiw2LjM3OCw2LjA3M0M2LjEwMiw2LjIwOCw1LjgzNCw2LjI4NCw1LjU3Niw2LjI5OEM1LjMxNiw2LjMxMyw0Ljg2NCw2LjMyLDQuMjE4LDYuMzJIMy43NDRWMi45MzV6DQoJIE03Ljg4NywxMi4wNjJjLTAuMTU4LDAuMzA1LTAuNDA5LDAuNTM2LTAuNzUyLDAuNjkzYy0wLjM5LDAuMTc5LTAuNzczLDAuMjc1LTEuMTUsMC4yOWMtMC4zNzcsMC4wMTQtMS4wNTcsMC4wMjEtMi4wMzksMC4wMjENCglIMy43NDRWOS4wNTlINC40NGMwLjY3MywwLDEuMjA5LDAuMDA2LDEuNjEsMC4wMTZjMC40LDAuMDExLDAuNzE1LDAuMDYzLDAuOTQ0LDAuMTU2YzAuMzc3LDAuMTQ0LDAuNjU5LDAuMzU1LDAuODQ4LDAuNjM0DQoJczAuMjgzLDAuNjY2LDAuMjgzLDEuMTZDOC4xMjQsMTEuNDEyLDguMDQ1LDExLjc1OCw3Ljg4NywxMi4wNjJ6Ii8+DQo8L3N2Zz4NCg==) 28px 24px no-repeat
    }
    .contacts-mobile__soc .fb {
        background: #576779 url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iNDRweCIgdmlld0JveD0iMCAwIDExIDIyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMSAyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzI3MzA0MCIgZD0iTTExLjAwOCw3Ljk3OUg2Ljk3NFY1LjA2MWMwLTAuODk2LDAuOTMyLTEuMTA2LDEuMzY3LTEuMTA2DQoJYzAuNDM0LDAsMi42MDYsMCwyLjYwNiwwdi0zLjk0TDcuOTY0LDBDMy44ODQsMCwyLjk1NiwyLjk0LDIuOTU2LDQuODIxdjMuMTU4aC0yLjk1OHY0LjA2MWgyLjk1OGMwLDUuMjExLDAsOS45NTksMCw5Ljk1OWg0LjAxOQ0KCWMwLDAsMC00LjgxMSwwLTkuOTU5aDMuNDExTDExLjAwOCw3Ljk3OXoiLz4NCjwvc3ZnPg0K) 26px 19px no-repeat
    }
    .section-db {
        padding-bottom: 400px;
        background: #538bf4 url(../img/crystal_640.jpg) no-repeat bottom right
    }
    .section-db .section__content {
        padding-top: 110px
    }
    .section-db.open {
        padding-top: 0
    }
    .section-db__title {
        width: 318px;
        height: 63px;
        background-size: 100% auto;
        margin-bottom: 30px
    }
    .section-db__zeppelin {
        top: auto;
        bottom: 214px;
        left: 40px;
        margin: 0
    }
    .section-db__cloud-1 {
        margin: 0;
        top: auto;
        left: 15px;
        bottom: 222px;
        width: 60px;
        height: 32px
    }
    .section-db__cloud-2 {
        top: auto;
        bottom: 277px;
        left: 190px;
        margin: 0
    }
    .section-db__cloud-3 {
        display: none
    }
    .section-db__db-link,
    .section-db__details-link {
        border-width: 2px;
        font-size: 28px;
        line-height: 34px
    }
    .section-projects {
        min-height: 930px
    }
    .project-fsn__sos,
    .project-intro__bottle,
    .project-intro__dolphin,
    .projects-item__clouds,
    .section-projects__nav .section-projects__ship,
    .section-projects__nav:after {
        display: none
    }
    .section-projects__nav .section-projects__dot {
        margin-right: 0;
        width: 33px
    }
    .section-projects__nav .section-projects__dot:after {
        opacity: 0!important
    }
    .section-projects__nav .section-projects__dot>span {
        background: #b6daff
    }
    .section-projects__nav .section-projects__dot.active {
        border-color: transparent
    }
    .section-projects__nav .section-projects__dot.active>span {
        background: #fff
    }
    .section-projects__nav .section-projects__dot.active>span:after {
        display: none
    }
    .fotorama__stage,
    .fotorama__stage__shaft,
    .fotorama__wrap {
        min-height: 950px
    }
    .project-intro .projects-item__clouds {
        display: block
    }
    .projects-item,
    .projects-item__clouds,
    .projects-item__stuff {
        min-height: 930px
    }
    .project-intro__kraken {
        bottom: 78px;
        right: 20px;
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -248.5px -355.5px;
        width: 209px;
        height: 88px;
        background-size: 928px
    }
    .project-intro__boat {
        bottom: 50px;
        left: 57px
    }
    .project-intro__cloud-1 {
        display: block;
        width: 52px;
        height: 32px;
        bottom: 217px;
        left: 12px
    }
    .project-intro__cloud-2 {
        bottom: 156px;
        left: 95px;
        width: 30px;
        height: 15px
    }
    .project-intro__cloud-3 {
        bottom: 260px;
        right: 10px
    }
    .project-intro__cloud-4 {
        bottom: 252px;
        right: 63px
    }
    .section-projects__help {
        display: none
    }
    .section-projects__help-mobile {
        display: block;
        font-size: 18px;
        line-height: 28px;
        padding-top: 70px
    }
    .section-projects__help-mobile:before {
        margin-bottom: 20px;
        width: 65px;
        height: 77px
    }
    .section-projects__title {
        font-size: 46px;
        line-height: 60px
    }
    .projects-item {
        padding-top: 100px
    }
    .section-projects__intro {
        padding-top: 110px
    }
    .project-item__content {
        width: 540px;
        margin-top: 40px
    }
    .project-item__content h3 {
        font-size: 26px;
        margin-bottom: 16px
    }
    .section-projects__subtitle {
        font-size: 46px
    }
    .section-projects__target-link {
        font-size: 20px;
        border-width: 2px
    }
    p.section-projects__intro-text {
        font-size: 20px;
        line-height: 26px;
        width: 540px;
        margin: 0 auto 4px
    }
    .project-descr__icon-list li {
        padding: 6px 0 0 60px;
        margin-bottom: 10px;
        height: auto;
        min-height: 40px;
        line-height: 26px;
        position: relative;
        background: 0 0;
        font-size: 20px;
        white-space: normal
    }
    .project-descr__icon-list li:before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        left: 0;
        top: 0
    }
    .li-design:before {
        background-image: url(../img/sprite/sprite.png);
        background-position: -668px -356px;
        width: 40px;
        height: 40px
    }
    .li-frontend:before {
        background-image: url(../img/sprite/sprite.png);
        background-position: -709px -356px;
        width: 40px;
        height: 40px
    }
    .li-prog:before {
        background-image: url(../img/sprite/sprite.png);
        background-position: -750px -356px;
        width: 40px;
        height: 40px
    }
    .li-bitrix:before {
        background-image: url(../img/sprite/sprite.png);
        background-position: -627px -356px;
        width: 40px;
        height: 40px
    }
    .li-wordpress:before {
        background-image: url(../img/sprite/sprite.png);
        background-position: -791px -356px;
        width: 40px;
        height: 40px
    }
    .project-descr__top {
        border-width: 2px;
        padding: 14px 0
    }
    .project-descr__top:after {
        width: 282px;
        border-width: 2px
    }
    .project-descr__top-left {
        width: 262px;
        padding-right: 20px
    }
    .project-descr__top-right {
        width: 258px
    }
    .project-descr__center {
        white-space: normal
    }
    .project-descr__badge,
    .ul.project-descr__list.no-break+.project-descr__badge {
        margin-top: 10px
    }
    ul.project-descr__list {
        width: 100%
    }
    ul.project-descr__list.no-break {
        display: block
    }
    ul.project-descr__list.no-break+.project-descr__badge {
        margin-left: 0
    }
    ul.project-descr__list li {
        font-size: 20px;
        line-height: 30px;
        padding-left: 26px
    }
    ul.project-descr__list li:before {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        top: 12px
    }
    .project-fsn__mayak {
        bottom: 28px;
        right: 80px
    }
    .project-fsn__buoy {
        bottom: 33px;
        right: 179px
    }
    .project-domofon__iceberg {
        left: auto;
        right: 10px;
        bottom: 64px
    }
    .project-domofon__boat {
        left: 100px;
        bottom: 63px
    }
    .project-nordgold__boat {
        left: 80px;
        bottom: 22px
    }
    .project-nordgold__nessi {
        right: 68px;
        bottom: 64px
    }
    .project-avantel__boat {
        left: 67px;
        bottom: 52px
    }
    .project-avantel__castle {
        background-image: url(../img/sprite/sprite.png);
        background-position: -249px -445px;
        width: 131px;
        height: 98px;
        bottom: 22px;
        right: 24px
    }
    .project-avantel__bottle {
        bottom: 27px;
        right: 177px
    }
    .project-zsm__surfer {
        display: none
    }
    .project-zsm__godzilla {
        right: 40px;
        bottom: 20px
    }
    .menu-toggler {
        display: none
    }
    .mobile-menu-toggler {
        display: block;
        width: 115px;
        height: 86px;
        left: auto;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9
    }
    .mobile-menu-toggler .burger {
        left: 40px;
        top: 24px
    }
    .mobile-menu-toggler.active .burger {
        left: 40px
    }
    .page-wrap__inner {
        padding-right: 0
    }
    .page-menu {
        display: none
    }
    .page-menu--mobile {
        display: block;
        z-index: 2;
        width: 0;
        overflow-y: auto;
        -webkit-transition: width .3s ease-in-out;
        transition: width .3s ease-in-out
    }
    .page-menu--mobile.open {
        width: 100%
    }
    .page-menu__list li {
        border-bottom: 2px solid #303030;
        white-space: nowrap
    }
    .page-menu__list li:first-child {
        border-top: 2px solid #303030
    }
    .page-menu__list a {
        font-size: 28px;
        font-weight: 400;
        padding-top: 22px;
        padding-bottom: 22px
    }
    .page-menu__list--mobile {
        top: 0;
        -webkit-transform: none;
        transform: none
    }
    .page-menu__lang {
        position: absolute;
        margin-top: 18px
    }
    .page-menu__lang a,
    .page-menu__lang b {
        padding: 0 19px;
        line-height: 46px;
        font-size: 18px;
        border-width: 2px
    }
    .page-menu__lang a:first-child,
    .page-menu__lang b:first-child {
        border-radius: 25px 0 0 25px;
        border-width: 2px
    }
    .page-menu__lang a:last-child,
    .page-menu__lang b:last-child {
        border-radius: 0 25px 25px 0
    }
    .page-menu__footer {
        display: none
    }
    .page-menu__inner {
        position: relative;
        height: auto;
        margin: 86px 0 60px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .cat-progger:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: 0 -355.5px;
        width: 248px;
        height: 291px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .cat-frontender:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -309.5px 0;
        width: 314px;
        height: 342px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .cat-manager:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -624px 0;
        width: 304px;
        height: 320px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .section-vacancy__bonuses>li:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -349px -542.5px;
        width: 100px;
        height: 100px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .section-vacancy__bonuses .bonus-projects:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -449.5px -542.5px;
        width: 100px;
        height: 100px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .section-vacancy__bonuses .bonus-command:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -248.5px -542.5px;
        width: 100px;
        height: 100px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .section-vacancy__resume:before,
    .vacancy-popup__resume:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -582.5px -355.5px;
        width: 42px;
        height: 64px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .section-contacts:after {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: 0 0;
        width: 309px;
        height: 355px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .li-design:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -665.5px -355.5px;
        width: 40px;
        height: 40px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .li-frontend:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -706px -355.5px;
        width: 40px;
        height: 40px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .li-prog:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -746.5px -355.5px;
        width: 40px;
        height: 40px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .li-bitrix:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -625px -355.5px;
        width: 40px;
        height: 40px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .li-wordpress:before {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -787px -355.5px;
        width: 40px;
        height: 40px;
        background-size: 928px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
    .project-avantel__castle {
        background-image: url(../img/sprite-2x/sprite-2x.png);
        background-position: -248.5px -444px;
        width: 131px;
        height: 98px;
        background-size: 928px
    }
}

.logo_new{
    width: 100% !important;
    max-width: 90% !important;
}
.camb_logo{
        width: 240px;
    float: right;

}

/** logo slider -
------------------------------**/
.carousel-wrap {
    margin: 0px 50px;
     width: 91%; 
    position: relative;
    padding-bottom: 50px;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.testimonials  .owl-nav i {color: #000;}
.owl-nav i { 
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}



.left_fac_img{
    width: 32%;
    position: absolute;
    z-index: -1;
    bottom: -7px;
}

.title_faci{
    position: absolute;
    left: 45%;
    top: 30%;
    text-align: center;
}

.title_faci h1{
        color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 60px;
    border-bottom: 2px solid;
    margin-bottom: 0;
    display: inline;
    font-family: "coving";
}

.f_left_img{
    max-width: 14% !important;
}

.f_right_img{
    max-width: 17% !important;
}


.right_gal_img{
    width: 32%;
    position: absolute;
    right: 0;
    top: 45px;
}

.title_gal{
    position: absolute;
    left:10%;
    text-align: center;
}

.title_gal h1{
        color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 60px;
    border-bottom: 2px solid;
    margin-bottom: 0;
    display:inline;
    font-family: "coving";
}

a.know_more {
    display: inline-block;
    border: 1px solid;
    padding: 5px 25px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    margin: 0 auto;
}

.left_block{
    float: left;
    padding-top: 180px;
    margin-left: 200px;
    margin-right:-100px;
}

@media only screen and (min-width: 1199px) and (max-width: 1300px){

#intro .about_text{    margin-top: 1% !important;}
.left_block img{
    max-width: 60% !important;
}

}
.left_block img{
    max-width: 52% !important;
}

.right_block{
    float: left;
    margin-top: 310px;
    /*margin-left: 60px;*/
}

.right_block img{
    max-width: 60% !important;
}




.left_tst_img{
    width: 32%;
    position: absolute;
    top: 0;
}

.title_tst{
      position: relative;
    left: 20%;
    top: 20%;
    text-align: center;
}

.title_tst h1{
        color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 60px;
    border-bottom: 2px solid;
    margin-bottom: 0;
    display: inline-block;
    font-family: "coving";
}

.t_left_img{
    max-width: 10% !important;
}

.t_right_img{
    max-width: 10% !important;
}


/** Testimonials slider
------------------------------------------**/
.testimonials{
   
   /* margin-top: 345px;*/
    padding: 0px 50px 0px 40px;
    width: 90%;
    position: relative;
    top: 10%;
    padding-top: 5%;
}
.testimonials .owl-carousel {
  width: 100%;
  cursor: move;
}
.testimonials .owl-carousel .item {
    text-align: center;
    font-family: 'Lato', sans-serif;
/*    padding: 30px 0px 20px 15px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* background-color: #ffffff; */
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.testimonials .owl-carousel .item h3 {
  color: #000000;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.testimonials .owl-carousel .item p {
    color: #333333;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-align: justify;
    font-size: 13 px;
    margin-bottom: 5px;
    min-height: 225px;
    border-left: 2px solid rgba(0, 0, 0, 0.26);
    padding-left: 20px;
    letter-spacing: 1px;
}
.testimonials .owl-carousel .item h3
{
    margin:0;

}

.testimonials .owl-carousel .item h4
{
    margin:0;
    
}
.testimonials .owl-carousel .item img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 0 auto 30px;
  -webkit-transition: .3s border linear;
  transition: .3s border linear;
}
.testimonials h2 {
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 33px;
  letter-spacing: 0.1em;
  font-family: 'Lato', sans-serif;
  text-align: center;
  margin-bottom: 40px;
}
.testimonials .owl-dots {
 -tst margin: 20px auto 0;
  /*for centering the dots*/
  text-align: center;
}
.testimonials .owl-dot {
  -tstwidth: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #885796;
  margin-right: 5px;
  display: inline-block;
}
.testimonials .owl-dot.acti-tstve {
  background: #ffffff;
}
.testimonials .owl-dots.dis-tstabled {
  display: block !important;
}


.title_cnt{
    /*position: absolute;*/
    left:10%;
    text-align: center;
}

.title_cnt h1{
        color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 60px;
    border-bottom: 2px solid;
    margin-bottom: 0;
    display:inline;
    font-family: "coving";
}






/** MEDIA QUERIES 
----------------------------------**/

@media screen and (max-width: 768px){
    .camb_logo {
        width: 240px;
        float: right;
        padding: 25px 0;
        margin-right: 140px;
    }
    a.admission_link{
        margin-left: 180px;
    }

    .left_fac_img {
        width: 83%;
        position: absolute;
        z-index: -1;
        bottom: -22px;
    }

    .title_faci {
        position: absolute;
        left: 3%;
        top: 11%;
        text-align: center;
    }

    .right_gal_img {
        width: 75%;
        position: absolute;
        right: 0;
        top: 452px;
    }

    .left_block {
        float: left;
        margin-top: 210px;
         /*margin-top: 246px;*/
        margin-left: 25px;
        margin-right: -100px;
    }
    .right_block {
        float: right;
        margin-top: -451px;
        margin-left: 60px;
    }

    .testimonials {
         margin-top: 0px; 
        padding-top: 300px;
            margin-left: 35px;
    }

    .title_tst {
        position: absolute;
        left: 0%;
        top: 20%;
        text-align: center;
    }

    .carousel-wrap{
        width: 85%;
    }

    .section-contacts{
        padding-bottom: 0;
    }

    .contact_form {
         margin-left: 0% !important; 
        width: 100% !important;
        padding-bottom: 30px;
        padding-top: 180px;
    }
}


button.close {
    margin-top: -2px;
    border: none;
    padding: 5px 15px;
    opacity: 1;
    background: #005aaa;
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 2px;
}
.modal-body{
    padding: 0px;
}
.modal-dialog{
    width: 560px;
}
.modal-content {
    -webkit-box-shadow: 0 !important; 
    box-shadow: 0 !important;
    border: none !important;
    border-radius: 0px;
}
.close:focus, .close:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
    background: #fcaf17;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}