/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button, input, optgroup, select, textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.validity-input_error {
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.1)
}

.validity-input_success {
    border: 1px solid green;
    background-color: rgba(0, 0, 255 0.1)
}

.validity-input-msg {
    white-space: nowrap;
    font-size: 12px;
    background-color: #fff;
    padding: 5px 10px;
    z-index: 10;
    color: blue;
    border: 1px solid blue
}

.validity-input-msg_static {
    border: none
}

.validity-input-msg_error {
    border-color: red;
    color: red
}

.validity-input-msg_success {
    padding: 5px;
    border-color: transparent;
    color: green
}

.validity-tooltip_top {
    border-left: 5px solid transparent;
    border-bottom: 7px solid blue;
    border-right: 5px solid transparent
}

.validity-tooltip_bottom {
    border-left: 5px solid transparent;
    border-top: 7px solid blue;
    border-right: 5px solid transparent
}

.validity-tooltip_left {
    border-top: 5px solid transparent;
    border-right: 7px solid blue;
    border-bottom: 5px solid transparent
}

.validity-tooltip_right {
    border-top: 5px solid transparent;
    border-left: 7px solid blue;
    border-bottom: 5px solid transparent
}

.validity-input-msg_error .validity-tooltip_top {
    border-bottom-color: red
}

.validity-input-msg_error .validity-tooltip_bottom {
    border-top-color: red
}

.validity-input-msg_error .validity-tooltip_left {
    border-right-color: red
}

.validity-input-msg_error .validity-tooltip_right {
    border-left-color: red
}

.validity-input-msg_success .validity-tooltip_top {
    border-bottom-color: green
}

.validity-input-msg_success .validity-tooltip_bottom {
    border-top-color: green
}

.validity-input-msg_success .validity-tooltip_left {
    border-right-color: green
}

.validity-input-msg_success .validity-tooltip_right {
    border-left-color: green
}

.msgBox {
    display: none;
    opacity: 0;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.5;
    transition: all .5s
}

.msgBox_error {
    color: #721c24;
    background-color: #f8d7da
}

.msgBox_success {
    color: #155724;
    background-color: #d4edda
}

/*main*/
@font-face {
    font-family: 'Open Sans Condensed';
    src: url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Light.eot);
    src: url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Light.eot?#iefix) format("embedded-opentype"), url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Light.woff2) format("woff2"), url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Light.woff) format("woff"), url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Light.ttf) format("truetype"), url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Light.svg#OpenSansCondensed-Light) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Bold.eot);
    src: url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Bold.eot?#iefix) format("embedded-opentype"), url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Bold.woff2) format("woff2"), url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Bold.woff) format("woff"), url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Bold.ttf) format("truetype"), url(/tpl/default/fonts/OpenSans/OpenSansCondensed-Bold.svg#OpenSansCondensed-Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/tpl/default/fonts/OpenSans/OpenSans-SemiBold.eot);
    src: url(/tpl/default/fonts/OpenSans/OpenSans-SemiBold.eot?#iefix) format("embedded-opentype"), url(/tpl/default/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"), url(/tpl/default/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff"), url(/tpl/default/fonts/OpenSans/OpenSans-SemiBold.ttf) format("truetype"), url(/tpl/default/fonts/OpenSans/OpenSans-SemiBold.svg#OpenSans-SemiBold) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/tpl/default/fonts/OpenSans/OpenSans-Regular.eot);
    src: url(/tpl/default/fonts/OpenSans/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(/tpl/default/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"), url(/tpl/default/fonts/OpenSans/OpenSans-Regular.woff) format("woff"), url(/tpl/default/fonts/OpenSans/OpenSans-Regular.ttf) format("truetype"), url(/tpl/default/fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/tpl/default/fonts/OpenSans/OpenSans-Bold.eot);
    src: url(/tpl/default/fonts/OpenSans/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(/tpl/default/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"), url(/tpl/default/fonts/OpenSans/OpenSans-Bold.woff) format("woff"), url(/tpl/default/fonts/OpenSans/OpenSans-Bold.ttf) format("truetype"), url(/tpl/default/fonts/OpenSans/OpenSans-Bold.svg#OpenSans-Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

.centered {
    text-align: center;
    margin: auto
}

.breadcrumbs-ul {
    margin: 10px 0;
    display: inline-flex;
    padding: 0;
    list-style-type: none;
}

li.home-list {
    padding-right: 10px;
}

li.home-list span {
    padding-left: 5px;
}

li.home-list a {
    font-family: var(--main-os-family);
    color: #00436d;
    font-size: 15px;
}

.flex-centered {
    display: flex;
    align-items: center;
    justify-content: center
}

.padding-none {
    padding-left: 0;
    padding-right: 0
}

.m-0 {
    margin: 0
}

.p-0 {
    padding: 0
}

.mt-0 {
    margin-top: 0
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.mt-120 {
    margin-top: 120px
}

.mt-130 {
    margin-top: 130px
}

.mt-140 {
    margin-top: 140px
}

.mt-150 {
    margin-top: 150px
}

.mr-0 {
    margin-right: 0
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.mr-60 {
    margin-right: 60px
}

.mr-70 {
    margin-right: 70px
}

.mr-80 {
    margin-right: 80px
}

.mr-90 {
    margin-right: 90px
}

.mr-100 {
    margin-right: 100px
}

.mr-110 {
    margin-right: 110px
}

.mr-120 {
    margin-right: 120px
}

.mr-130 {
    margin-right: 130px
}

.mr-140 {
    margin-right: 140px
}

.mr-150 {
    margin-right: 150px
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-110 {
    margin-bottom: 110px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-130 {
    margin-bottom: 130px
}

.mb-140 {
    margin-bottom: 140px
}

.mb-150 {
    margin-bottom: 150px
}

.ml-0 {
    margin-left: 0
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.ml-60 {
    margin-left: 60px
}

.ml-70 {
    margin-left: 70px
}

.ml-80 {
    margin-left: 80px
}

.ml-90 {
    margin-left: 90px
}

.ml-100 {
    margin-left: 100px
}

.ml-110 {
    margin-left: 110px
}

.ml-120 {
    margin-left: 120px
}

.ml-130 {
    margin-left: 130px
}

.ml-140 {
    margin-left: 140px
}

.ml-150 {
    margin-left: 150px
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-70 {
    padding-top: 70px
}

.pt-80 {
    padding-top: 80px
}

.pt-90 {
    padding-top: 90px
}

.pt-85 {
    padding-top: 85px
}

.pt-100 {
    padding-top: 100px
}

.pt-110 {
    padding-top: 110px
}

.pt-120 {
    padding-top: 120px
}

.pt-130 {
    padding-top: 130px
}

.pt-140 {
    padding-top: 140px
}

.pt-150 {
    padding-top: 150px
}

.pt-175 {
    padding-top: 175px
}

.pr-0 {
    padding-right: 0
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-30 {
    padding-right: 30px
}

.pr-40 {
    padding-right: 40px
}

.pr-50 {
    padding-right: 50px
}

.pr-60 {
    padding-right: 60px
}

.pr-70 {
    padding-right: 70px
}

.pr-80 {
    padding-right: 80px
}

.pr-90 {
    padding-right: 90px
}

.pr-100 {
    padding-right: 100px
}

.pr-110 {
    padding-right: 110px
}

.pr-120 {
    padding-right: 120px
}

.pr-130 {
    padding-right: 130px
}

.pr-140 {
    padding-right: 140px
}

.pr-150 {
    padding-right: 150px
}

.pr-200 {
    padding-right: 200px
}

.pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-95 {
    padding-bottom: 95px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-105 {
    padding-bottom: 105px
}

.pb-110 {
    padding-bottom: 110px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-130 {
    padding-bottom: 130px
}

.pb-140 {
    padding-bottom: 140px
}

.pb-150 {
    padding-bottom: 150px
}

.pl-0 {
    padding-left: 0
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pl-40 {
    padding-left: 40px
}

.pl-50 {
    padding-left: 50px
}

.pl-60 {
    padding-left: 60px
}

.pl-70 {
    padding-left: 70px
}

.pl-80 {
    padding-left: 80px
}

.pl-90 {
    padding-left: 90px
}

.pl-100 {
    padding-left: 100px
}

.pl-110 {
    padding-left: 110px
}

.pl-120 {
    padding-left: 120px
}

.pl-130 {
    padding-left: 130px
}

.pl-140 {
    padding-left: 140px
}

.pl-150 {
    padding-left: 150px
}

.pl-200 {
    padding-left: 200px
}

.ptb-0 {
    padding: 0
}

.ptb-10 {
    padding: 10px 0
}

.ptb-20 {
    padding: 20px 0
}

.ptb-30 {
    padding: 30px 0
}

.ptb-40 {
    padding: 40px 0
}

.ptb-50 {
    padding: 50px 0
}

.ptb-60 {
    padding: 60px 0
}

.ptb-70 {
    padding: 70px 0
}

.ptb-80 {
    padding: 80px 0
}

.ptb-90 {
    padding: 90px 0 25px
}

.ptb-100 {
    padding: 100px 0
}

.ptb-110 {
    padding: 110px 0
}

.ptb-120 {
    padding: 120px 0
}

.ptb-130 {
    padding: 130px 0
}

.ptb-140 {
    padding: 140px 0
}

.ptb-150 {
    padding: 150px 0
}

.ptb-200 {
    padding: 200px 0
}

.ptb-250 {
    padding: 250px 0
}

.ptb-300 {
    padding: 300px 0
}

.mtb-0 {
    margin: 0
}

.mtb-10 {
    margin: 10px 0
}

.mtb-15 {
    margin: 15px 0
}

.mtb-20 {
    margin: 20px 0
}

.mtb-30 {
    margin: 30px 0
}

.mtb-40 {
    margin: 40px 0
}

.mtb-50 {
    margin: 50px 0
}

.mtb-60 {
    margin: 60px 0
}

.mtb-70 {
    margin: 70px 0
}

.mtb-80 {
    margin: 80px 0
}

.mtb-90 {
    margin: 90px 0
}

.mtb-100 {
    margin: 100px 0
}

.mtb-110 {
    margin: 110px 0
}

.mtb-120 {
    margin: 120px 0
}

.mtb-130 {
    margin: 130px 0
}

.mtb-140 {
    margin: 140px 0
}

.mtb-150 {
    margin: 150px 0
}

:root {
    --main-os-family: 'Opes Sans', sans-serif;
    --main-osc-family: 'Open Sans Condensed', sans-serif
}

#page-preloader {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999
}

.preloyd-gif {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fa-bars {
    font-size: 36px;
    color: #004069
}

p {
    font-family: var(--main-osc-family), Georgia, Times;
    font-size: 15px;
    color: #000;
    margin: 0
}

a {
    font-family: var(--main-osc-family), Georgia, Times, Sans-Serif;
    color: #000;
    text-decoration: none;
    font-size: 15px
}

a:hover, a:focus {
    text-decoration: none;
    color: #000
}

#boat-anchor {
    height: 80px
}

#boat-anchor svg {
    width: 75px;
    margin: auto
}

._container {
    width: 1290px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.xs-menu {
    display: none;
    z-index: 99
}

.top-background {
    background: url(/tpl/default/img/backgground-top.jpg);
    padding-bottom: 350px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 1200px;
}

.blue-background {
    position: absolute;
    width: 100%;
    background: url(/tpl/default/img/background-blue.png);
    height: 350px;
    background-position: center;
    background-repeat: repeat-x;
    margin-top: -335px
}

.white-background {
    background: url(/tpl/default/img/background-red-white.png);
    height: 340px;
    width: 100%;
    background-position: center;
    background-repeat-x: repeat;
    margin-top: -1px
}

.background-map {
    background: url(/tpl/default/img/background-map.png);
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: -110px;
    z-index: -1
}

.top-menu {
    margin-top: 30px
}

.main-page {
    background: rgba(255, 255, 255, 0.94)
}

.phone {
    z-index: 9
}

.logo {
    text-align: center
}

.navbar-my {
    z-index: 1
}

nav.navbar {
    margin-top: 25px
}

nav.navbar-footer {
    margin: 22px 0
}

.navbar-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navbar-nav > li > a {
    font-family: var(--main-osc-family);
    text-transform: uppercase;
    font-size: 28px;
    padding: 10px 25px;
    color: #004069
}

.navbar-nav > li > a:hover, .nav > li > a:focus {
    background: unset;
    text-shadow: 1px 0 0 currentColor
}

.icon-phone {
    float: left
}

.phone-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.number-phone a {
    font-family: var(--main-os-family);
    font-size: 18px;
    color: #003f69
}

.navbar-collapse {
    padding: 0
}

.top-info {
    text-align: center
}

.top-info img {
    margin-top: 360px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.etc-articles p {
    font-size: 22px;
    font-weight: 600;
    color: #003f69;
    font-family: var(--main-os-family)
}

ul.etc-articles-list li, ul.etc-articles-list li a {
    font-family: var(--main-os-family);
    font-size: 21px !important;
    margin: 0;
    text-transform: inherit;
    color: #003f69
}

.etc-articles {
    border-top: 2px solid #003f80;
    padding: 20px 0;
    margin: 30px 0
}

.top-info h1 {
    font-family: var(--main-osc-family);
    margin-top: 500px;
    color: #003f69;
    font-size: 45px;
    letter-spacing: 8px;
    font-weight: 700
}

.top-info p {
    font-family: var(--main-os-family);
    color: #003f69;
    font-size: 31px;
    line-height: 40px
}

.btn-send-info {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-family: var(--main-osc-family);
    margin-top: 30px;
    color: #fff;
    background: #fd4100;
    border: 5px solid #fd4100;
    border-radius: 0 0 50px 0;
    font-size: 45px;
    letter-spacing: 2px;
    padding: 0 40px 5px;
    outline: none !important
}

.btn-send-info:hover, .btn-send-info:focus {
    color: #000;
    background: rgba(255, 255, 255, 0) !important;
    border: 5px solid #fd4100
}

.top-info-text-white p {
    font-family: var(--main-os-family);
    color: #003f69;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 34px;
    margin-bottom: 20px;
    font-weight: 700
}

#why-me, #gm-service {
    background: #5ea3d1
}

.text-main-white p {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--main-osc-family);
    font-size: 48px;
    letter-spacing: 1px;
    margin-top: -70px;
    font-weight: 700
}

.text-main-service p {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--main-osc-family);
    font-size: 34px;
    letter-spacing: 1px;
    font-weight: 700
}

.text-main-blue p, .text-main-blue a {
    display: block;
    text-align: center;
    color: #003f69;
    text-transform: uppercase;
    font-family: var(--main-osc-family);
    font-size: 38px;
    letter-spacing: 2px;
    margin-bottom: 40px;
    margin-top: 40px;
    font-weight: 700
}

.all-text p {
    font-family: var(--main-os-family);
    font-size: 24px;
    line-height: 36px;
    margin: 35px auto;
    color: #fff;
    width: 85%;
    padding-left: 34px;
    text-align: justify
}

.all-text-service p {
    font-family: var(--main-os-family);
    font-size: 22px;
    line-height: 36px;
    margin: 35px auto;
    color: #fff;
    width: 90%;
    padding-left: 34px;
    text-align: justify
}

.all-text-sea p {
    color: #004069;
    font-family: var(--main-os-family);
    font-size: 22px;
    margin: auto;
    width: 85%;
    line-height: 36px;
    padding-left: 34px;
    text-align: justify
}

.how-me-list {
    margin-bottom: 50px
}

.how-we-work-main-list {
    margin: auto;
    text-align: center;
    margin-top: 35px
}

.how-me-list p {
    padding-top: 10px;
    font-family: var(--main-os-family);
    color: #fff;
    text-transform: uppercase;
    font-size: 25px
}

.ship-img {
    text-align: center;
    margin-top: 65px
}

.adv-work {
    list-style-image: url(/tpl/default/img/list.png);
    padding: 0
}

ul.adv-work li {
    padding-left: 35px
}

.adv-work p {
    color: #004069;
    font-family: var(--main-os-family);
    font-size: 22px;
    margin-bottom: 45px
}

p.main-ul-sea {
    font-size: 30px;
    margin-bottom: 10px
}

.compass-img img {
    padding-left: 50px
}

div#gm-service {
    margin-top: 380px;
    padding-bottom: 80px
}

.service-main {
    text-align: center;
    margin-top: 40px
}

.service-list {
    margin-top: 40px
}

.service-list p {
    line-height: 34px;
    color: #fff;
    font-family: var(--main-os-family);
    font-size: 26px;
    font-weight: 500
}

.anchor {
    text-align: center;
    margin-top: 40px
}

.have-work-main {
    text-align: center
}

.mt--100 {
    margin-top: -100px
}

.have-work-main {
    margin-top: 30px
}

.have-work-list {
    padding: 0
}

.have-work-list p {
    margin-top: 50px;
    font-family: var(--main-os-family);
    color: #004069;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 33px
}

.text-main-red p {
    text-align: center;
    color: #fd4100;
    text-transform: uppercase;
    font-family: var(--main-osc-family);
    font-size: 36px;
    letter-spacing: 4px;
    margin-bottom: 50px;
    margin-top: 110px;
    line-height: 44px
}

#feedback-sea {
    margin-top: 80px;
    background: url(/tpl/default/img/backgground-sea.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 660px;
    -webkit-box-shadow: 0 -6px 20px #4381a7 0 6px 20px #4381a7;
    box-shadow: 0 -6px 20px #4381a7 0 6px 20px #4381a7
}

.form-feed {
    background: #fff;
    height: 375px;
    border-radius: 0 0 240px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-phone {
    margin-top: 35px;
    margin-bottom: 20px
}

input::-webkit-input-placeholder {
    opacity: 1
}

.form-controls {
    font-family: var(--main-osc-family);
    color: #5ea3d1;
    width: 100%;
    border: none;
    outline: none !important;
    border-bottom: 1px solid #5ea3d1;
    text-align: center;
    font-size: 26px
}

#news-main {
    margin-top: 50px
}

.skylogic {
    text-align: right
}

#footer-info {
    height: 55px;
    background: #5ea3d1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-data {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fa-calendar-o {
    font-size: 13px;
    color: #5f5f5f
}

.news-data p {
    color: #ccc;
    font-family: var(--main-os-family);
    text-transform: uppercase;
    font-size: 17px;
    padding-left: 5px
}

.news-img img {
    margin-top: 15px;
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover
}

hr.hr-news {
    border-bottom: 1px solid #5ea3d1;
    margin: 0
}

.text-main p {
    font-family: var(--main-os-family);
    font-size: 18px;
    padding: 20px 35px;
    line-height: 24px;
    color: #022e4b
}

.footer-menu {
    border-top: 1px solid #5ea3d1;
    margin-top: 120px
}

.global-marine p {
    color: #fff;
    font-size: 21px
}

.skylogic a {
    font-size: 21px;
    color: #fff
}

.skylogic a:hover {
    text-decoration: underline
}

#toTop {
    width: 35px;
    height: 35px;
    text-align: center;
    position: fixed;
    bottom: 25px;
    right: 30px;
    cursor: pointer;
    display: none;
    color: #fff;
    font-size: 11px;
    z-index: 9999;
    background: #fd4100;
    border-radius: 50%
}

.error-page {
    margin: 55px 0
}

.text-main-blue-pages {
    text-align: center;
    margin-top: 140px
}

.text-main-blue-pages p, .text-main-blue-pages h1 {
    text-align: center;
    color: #003f69;
    text-transform: uppercase;
    font-family: var(--main-osc-family);
    font-size: 36px;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 40px
}

#sea-contact {
    margin-top: 20px;
    background: url(/tpl/default/img/backgground-sea.jpg) no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 660px;
    -webkit-box-shadow: 0 -6px 20px #4381a7 0 6px 20px #4381a7;
    box-shadow: 0 -6px 20px #4381a7 0 6px 20px #4381a7
}

.info-contacts {
    float: left
}

.info-contacts p {
    color: #fff;
    font-family: var(--main-os-family);
    text-transform: uppercase;
    font-size: 18px;
    line-height: 38px
}

.map-contacts {
    width: 70%;
    height: 350px;
    float: right;
    margin-top: -150px;
    margin-right: 50px
}

.form-contact {
    background: #ffffffa3;
    height: 445px;
    border-radius: 0 0 160px 0;
    margin-left: 30px;
    padding: 15px 35px;
    text-align: center
}

.form-controls-contact {
    font-family: var(--main-os-family);
    color: #5ea3d1;
    width: 100%;
    border: none;
    outline: none !important;
    border-bottom: 1px solid #5ea3d1;
    text-align: center;
    font-size: 22px;
    background: #ffffff0a
}

.form-con {
    padding: 12px 0
}

.btn-send-contact {
    font-family: var(--main-osc-family);
    margin-top: 10px;
    color: #fd4100;
    background: #ffffff00;
    border: 2px solid #fd4100;
    border-radius: 0 0 50px 0;
    font-size: 26px;
    letter-spacing: 2px;
    padding: 0 35px 2px;
    outline: none !important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-send-contact:hover, .btn-send-contact:focus {
    color: #fff;
    background: #fd4100;
    border: 2px solid #fd4100
}

.menu-pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-pages {
    border-bottom: 1px solid #004069;
    border-top: 1px solid #004069;
    margin: 0
}

.menu-active a {
    color: #fd4100 !important;
    font-weight: 500;
    text-shadow: 1px 0 0 currentColor
}

div#boat-anchor img {
    margin: 0
}

.info-text {
    margin-top: 80px
}

.info-text p {
    font-family: var(--main-os-family);
    color: #003f69
}

.info-text span {
    font-family: var(--main-osc-family) !important
}

.info-text h1, .info-text h2, .info-text h3 {
    font-family: var(--main-osc-family) !important;
    color: #003f69;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0
}

.info-text h2 span, .info-text h3 span {
    font-family: var(--main-osc-family) !important
}

#background-ship-blue {
    background: url(/tpl/default/img/backgground-ship-blue.jpg) no-repeat;
    background-size: cover;
    height: 490px;
    margin-top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.text-main-white p {
    font-family: var(--main-osc-family);
    text-align: center;
    color: #fff;
    font-size: 34px
}

.text-main-contact p {
    font-family: var(--main-osc-family);
    text-align: center;
    color: #fff;
    font-size: 36px
}

.anchor-ship-blue {
    text-align: center;
    margin-bottom: 15px
}

.text-ship-white p {
    margin: auto;
    width: 80%;
    font-family: var(--main-os-family);
    margin-top: 25px;
    color: #fff;
    font-size: 23px;
    line-height: 31px
}

.btn-contactn {
    font-family: var(--main-osc-family);
    margin-top: 27px;
    color: #fff;
    background: #ffffff00;
    border: 1px solid #fff;
    border-radius: 0 0 50px 0;
    font-size: 26px;
    letter-spacing: 2px;
    padding: 4px 40px 2px;
    outline: none !important
}

.text-ship-white {
    text-align: center
}

.btn-contactn:hover, .btn-contactn:focus {
    border: 1px solid #fd4100;
    color: #fff
}

.service-global {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.service-li {
    text-align: center
}

.text-main-contact-blue p {
    margin-top: 80px;
    font-size: 30px;
    text-align: center;
    color: #003f69;
    font-family: var(--main-osc-family);
    font-weight: 600;
    margin-bottom: 45px
}

.contact-ul {
    list-style-image: url(/tpl/default/img/ok.png)
}

.contact-ul li {
    color: #003f69;
    font-family: var(--main-osc-family);
    font-size: 26px;
    padding: 12px
}

.service-li p {
    font-family: var(--main-os-family);
    color: #003f69;
    font-size: 22px;
    padding: 30px 0
}

.target-ul {
    text-align: center
}

.target-ul p {
    font-family: var(--main-os-family);
    font-size: 22px;
    color: #003f69;
    padding: 0 50px
}

.gallery-service {
    margin-top: 10px;
    text-align: center
}

.gallery-service p {
    font-family: var(--main-os-family);
    font-size: 20px;
    color: #003f69;
    text-transform: uppercase;
    margin-top: 25px
}

.btn-send-info-gallery {
    font-family: var(--main-os-family);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #fff;
    background: #fd4100;
    border: 5px solid #fd4100;
    border-radius: 0 0 50px 0;
    font-size: 30px;
    letter-spacing: 2px;
    padding: 8px 50px 7px;
    outline: none !important
}

.btn-send-info-gallery:hover, .btn-send-info-gallery:focus {
    color: #000;
    background: rgba(255, 255, 255, 0);
    border: 5px solid #fd4100
}

ul.technical-department {
    list-style-image: url(/tpl/default/img/list.png);
    width: 80%;
    margin: auto
}

ul.technical-department li {
    font-family: var(--main-os-family);
    color: #003f69;
    font-size: 24px;
    padding: 10px 30px;
    font-weight: 700
}

.text-form p {
    font-family: var(--main-osc-family);
    text-align: center;
    padding-bottom: 25px;
    color: #fff;
    font-size: 36px
}

.form-feed-all {
    background: #ffffffc2;
    height: 480px;
    border-radius: 0 0 300px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

form.feedbackAll {
    width: 400px;
    text-align: center
}

.form-all {
    padding: 16px 0
}

.form-controls-all {
    font-family: var(--main-osc-family);
    color: #003f69;
    width: 100%;
    border: none;
    outline: none !important;
    border-bottom: 1px solid #003f69;
    text-align: center;
    font-size: 25px;
    background: #ffffff0a
}

.panel-default > .panel-heading {
    background: #5ea3d1;
    height: 80px;
    border: none;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    position: relative
}

.panel-default > .panel-heading a {
    color: #fff;
    font-family: var(--main-os-family);
    font-size: 26px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.fa-circle {
    font-size: 18px;
    padding-right: 10px
}

.panel-default {
    border-color: #5ea3d1;
    border-radius: 0;
    margin: 0;
    margin-top: 15px
}

.panel-body p {
    font-family: var(--main-os-family);
    color: #003f69;
    font-size: 30px;
    line-height: 32px;
    padding: 10px 50px
}

.lifebuoy {
    position: absolute;
    right: 20px
}

.have-work-list-page p {
    margin-top: 26px;
    font-family: var(--main-os-family);
    color: #004069;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 50px
}

li.dropdown:hover > .dropdown-menu {
    display: block
}

li.dropdown {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

ul.dropdown-menu {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #004069
}

ul.dropdown-menu li {
    border-bottom: 1px solid #004069
}

ul.dropdown-menu li a {
    font-family: var(--main-osc-family);
    color: #004069 !important;
    font-size: 24px
}

ul.dropdown-menu li:last-child {
    border-bottom: none
}

.btn-send-all {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-family: var(--main-osc-family);
    margin-top: 30px;
    color: #fff;
    background: #fd4100;
    border: 5px solid #fd4100;
    border-radius: 0 0 40px 0;
    font-size: 32px;
    letter-spacing: 2px;
    padding: 6px 0 3px;
    outline: none !important;
    width: 100%
}

.btn-send-all:hover, .btn-send-all:focus {
    color: #000;
    background: rgba(255, 255, 255, 0);
    border: 5px solid #fd4100
}

.modal-header {
    border-bottom: none
}

.modal-content {
    top: 70px;
    width: 420px;
    border-radius: 0 0 180px 0;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.modal-body {
    padding: 40px 75px
}

#partners {
    margin-top: 80px;
    background: url(/tpl/default/img/backgground-partner.jpg) no-repeat;
    background-size: cover;
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.partner-carousel {
    background: #fff;
    height: 145px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.my-other-angel {
    font-size: 28px;
    color: #00436d
}

.owl-nav {
    position: absolute;
    top: 33%;
    width: 100%
}

.owl-carousel {
    width: 92%
}

.owl-next {
    position: absolute;
    right: -45px
}

.owl-prev {
    position: absolute;
    left: -45px
}

.news-list-main {
    position: relative;
    height: 520px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.front, .back {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.front {
    border: 1px solid #5ea3d1
}

.back {
    background: #5ea3d1;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border: 1px solid #5ea3d1
}

.news-list-main:hover .front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.news-list-main:hover .back {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.news-data-back {
    margin-top: 5px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #fff
}

.calendar-back {
    color: #fff !important
}

.news-data-back p {
    color: #fff;
    font-family: var(--main-os-family);
    text-transform: uppercase;
    font-size: 17px;
    padding-left: 5px
}

.back-title p {
    font-family: var(--main-os-family);
    color: #fff;
    margin-top: 50px;
    text-align: center;
    font-size: 24px;
    padding: 0 30px;
    text-transform: uppercase
}

.text-main-back p {
    border-top: 1px solid #fff;
    font-family: var(--main-os-family);
    color: #fff;
    margin-top: 50px;
    font-size: 18px;
    padding: 25px 20px;
    text-align: center;
    line-height: 26px
}

.service-text {
    text-align: center
}

.service-text p {
    font-family: var(--main-os-family);
    color: #00436d;
    font-size: 22px
}

.red-text-curing {
    text-align: center;
    margin-top: 90px
}

.red-text-curing p {
    padding-top: 16px;
    color: #fd4100;
    font-family: var(--main-osc-family);
    font-size: 36px;
    font-weight: 300
}

.adv-crewing {
    text-align: center
}

.text-main-contact-blue-curing p {
    margin-top: 50px;
    font-size: 30px;
    text-align: center;
    color: #003f69;
    font-family: var(--main-osc-family);
    font-weight: 600
}

.text-main-contact-blue-curing {
    text-align: center;
    margin-bottom: 50px
}

.adv-crewing p {
    font-family: var(--main-os-family);
    color: #003f69;
    font-size: 24px;
    padding: 20px 0
}

.adv-crewing {
    margin-bottom: 25px
}

.w-70 {
    width: 70%;
    margin: auto
}

.curing-herf {
    text-align: center;
    margin-top: 60px
}

.curing-herf a {
    font-family: var(--main-os-family);
    font-size: 24px;
    color: #fff;
    line-height: 22px
}

.curing-herf a:hover, .curing-herf a:focus {
    color: #ffffffb0
}

ul.curing-target li {
    list-style-type: decimal;
    color: #fd4100;
    text-align: left;
    font-family: var(--main-os-family);
    font-size: 48px;
    line-height: 32px;
    padding: 18px 0;
    padding-left: 38px
}

ul.curing-target li span {
    font-family: var(--main-os-family);
    font-size: 28px;
    color: #003f69
}

.w-88 {
    width: 88%;
    margin: auto
}

.text-curing-red {
    text-align: center
}

.text-curing-red p {
    font-family: var(--main-osc-family);
    color: #fd4100;
    font-size: 32px
}

.text-main-blue-pages-curing p {
    text-align: center;
    color: #003f69;
    text-transform: uppercase;
    font-family: var(--main-osc-family);
    font-size: 40px;
    letter-spacing: 2px
}

.text-main-blue-pages-curing {
    text-align: center;
    margin-top: 90px
}

.curing-text-all {
    width: 72%;
    margin: 50px auto
}

.curing-text-all p {
    font-size: 24px;
    color: #003f69;
    font-family: var(--main-os-family);
    line-height: 28px
}

.demands-list {
    text-align: center;
    margin-bottom: 60px
}

.demands-list p {
    margin-top: 10px;
    font-family: var(--main-os-family);
    color: #003f69;
    text-transform: uppercase;
    font-size: 22px
}

p.demands-red-text {
    margin: 0;
    text-transform: inherit;
    color: #fd4100;
    height: 80px
}

.text-main-blue-pages-demands p {
    color: #003f69;
    text-transform: uppercase;
    font-family: var(--main-osc-family);
    font-size: 40px;
    letter-spacing: 2px
}

ul.demands-ul {
    list-style-image: url(/tpl/default/img/list.png);
    width: 75%
}

ul.demands-ul li {
    margin-top: 20px;
    font-family: var(--main-osc-family);
    font-size: 22px;
    color: #003f69;
    margin-bottom: 55px;
    padding-left: 40px
}

.w-80 {
    width: 80%;
    margin: auto
}

.circle-red {
    margin-left: 70px;
    background: #fd4100;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 70px;
    margin-bottom: 85px
}

.circle-red p {
    font-family: var(--main-os-family);
    color: #fff;
    font-size: 36px;
    font-weight: 900
}

.ship-three-step img {
    -webkit-box-shadow: 0 5px 10px #6d6a6a;
    box-shadow: 0 5px 10px #6d6a6a;
    width: 100%
}

.step-list {
    text-align: center;
    margin-bottom: 25px
}

.step-list p {
    font-size: 24px;
    color: #000;
    font-family: var(--main-osc-family);
    font-weight: 600
}

hr.line-step {
    position: absolute;
    border-left: 5px solid #fd4100;
    height: 65%;
    left: 125px;
    top: 65px;
    z-index: -1
}

.flex-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.employment-form-text {
    text-align: center;
    margin-top: 80px
}

.employment-form {
    margin-top: 25px;
    border: 1px solid #003f69;
    border-radius: 0 0 245px 0;
    height: 370px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.w-380 {
    width: 380px;
    margin: auto
}

.candidature {
    text-align: center
}

.candidature p {
    padding-top: 25px;
    font-family: var(--main-os-family);
    text-transform: uppercase;
    color: #003f69;
    font-size: 20px;
    width: 80%;
    margin: auto
}

.service-text img {
    margin-top: 40px
}

.employment-service {
    background: #f5f5f5;
    text-align: center;
    padding: 35px 0
}

ul.employment-service-list {
    list-style-image: url(/tpl/default/img/list.png);
    text-align: left;
    width: 90%;
    margin: auto
}

ul.employment-service-list li {
    font-family: var(--main-os-family);
    color: #003f69;
    font-size: 26px;
    padding-bottom: 10px
}

ul.employment-service-drop-list {
    list-style-image: none;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 10px
}

ul.employment-service-drop-list li {
    font-size: 23px;
    line-height: 24px;
    padding: 4px 0
}

.w-86 {
    width: 86%;
    margin: auto
}

.careers-row-list {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.careers-list {
    border: 1px solid #d2d2d28c;
    text-align: center;
    height: 100%
}

.careers-list:hover {
    -webkit-box-shadow: 0 10px 20px rgba(102, 104, 105, 0.45);
    box-shadow: 0 10px 20px rgba(102, 104, 105, 0.45)
}

.careers-top {
    background: #5ea3d1;
    -webkit-box-shadow: 0 5px 10px rgba(102, 104, 105, 0.5);
    box-shadow: 0 5px 10px rgba(102, 104, 105, 0.5)
}

.careers-data {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.my-calendar {
    color: #fff;
    padding-right: 10px
}

.careers-data p {
    font-family: var(--main-os-family);
    color: #fff;
    font-size: 16px
}

.careers-title {
    margin-top: 22px;
    padding-bottom: 30px
}

.careers-title p {
    font-family: var(--main-os-family);
    color: #fff;
    text-align: center;
    font-size: 24px;
    width: 70%;
    margin: auto;
    line-height: 24px
}

.careers-body {
    margin-top: 50px
}

.careers-body ul {
    font-family: var(--main-os-family);
    font-size: 18px;
    width: 80%;
    margin: auto;
    list-style-image: url(/tpl/default/img/point-red.png);
    text-align: left
}

.careers-body ul li {
    padding-bottom: 12px
}

.careers-body ul li ul {
    color: #fd4100;
    padding-top: 13px;
    list-style-image: none;
    padding-left: 0
}

.careers-body ul li ul li {
    padding-bottom: 0
}

.btn-careers {
    font-family: var(--main-osc-family);
    font-weight: 700;
    margin-top: 55px;
    color: #fff;
    background: #fd4100;
    border: 2px solid #fd4100;
    border-radius: 0 0 35px 0;
    font-size: 20px;
    padding: 6px 22px 3px;
    outline: none !important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-bottom: 50px
}

.btn-careers:hover, .btn-careers:focus {
    color: #fd4100;
    background: #fff;
    border: 2px solid #fd4100
}

ul.paging_list {
    list-style-type: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

li.paging__item {
    background: #5ea3d1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

li.paging__item a {
    color: #fff;
    font-family: var(--main-os-family);
    padding: 5px 10px
}

li.paging__item.active {
    background: #fd4100
}

li.paging__item.active span {
    color: #fff;
    font-family: var(--main-os-family);
    padding: 5px 10px
}

hr.hr-white {
    width: 120px;
    margin-top: 50px
}

.candidature-list p {
    font-size: 18px;
    font-family: var(--main-os-family);
    text-transform: inherit;
    width: 95%
}

.article-img img {
    width: 60%;
    margin: auto
}

.article-img {
    margin: 50px 0
}

.drop-footer {
    top: -94px
}

.phone-page {
    padding: 0
}

.xs-menu-page {
    display: none
}

.lifebuoy-minus, .lifebuoy-plus {
    position: absolute;
    top: 5px;
    right: 15px
}

.lifebuoy-minus img, .lifebuoy-plus img {
    width: 20px
}

.lifebuoy-plus {
    display: none
}

.collapsed .lifebuoy-plus {
    display: block
}

.global-marine {
    display: flex;
    align-items: center;
    justify-content: left
}

a.linkcopyrts {
    color: #fff
}

label.up-file {
    margin: -10px
}

label.up-file p {
    font-family: var(--main-osc-family);
    color: #224358;
    font-weight: 900;
    cursor: pointer;
    font-size: 23px;
    padding: 0
}

label.up-file p:hover {
    text-decoration: underline
}

.up-file-all p {
    font-family: var(--main-osc-family);
    color: #000;
    font-weight: 900;
    cursor: pointer;
    font-size: 20px;
    padding: 0;
    margin: 0
}

.up-file-all p:hover {
    text-decoration: underline
}

ul.sitemap-ul li a {
    font-size: 20px;
    color: #053f65;
    font-family: var(--main-os-family)
}

.news-list {
    margin-bottom: 30px
}

.text-main-blue-pages-partner p, .text-main-blue-pages-partner h1 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--main-osc-family);
    font-size: 40px;
    letter-spacing: 2px;
    margin-top: -30px
}

.mt--25 {
    margin-top: -25px
}

.text-main-blue-pages ul {
    text-align: left
}

.filename {
    background: rgba(255, 255, 255, 0);
    border: 0;
    text-align: center;
    color: #fd4100
}

.text-main-blue-pages h2 span {
    color: #003f69;
    font-family: var(--main-osc-family);
    font-size: 30px;
    letter-spacing: 2px
}

.text-main-blue-pages h3 span {
    color: #003f69;
    font-family: var(--main-osc-family);
    font-size: 25px;
    letter-spacing: 2px
}

.contact-img {
    height: 0
}

.btn-news {
    background: rgba(255, 255, 255, 0);
    border: 3px solid #fd4100;
    border-radius: 0;
    font-size: 22px;
    padding: 3px 46px;
    font-family: var(--main-osc-family);
    color: #003f69;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 10px
}

.btn-send-info {
    -webkit-animation: rainbow 5s 5 linear
}

.lang {
    position: absolute;
    z-index: 9;
    top: 0;
    text-align: left
}

.lang a {
    font-size: 22px;
    color: #003f69;
    font-weight: 700
}

.lang a:hover {
    text-decoration: underline
}

@-webkit-keyframes rainbow {
    0% {
        background: #fd4100;
        border: 5px solid #fd4100
    }
    50% {
        background: #b5000d;
        border: 5px solid #b5000d
    }
    100% {
        background: #fd4100;
        border: 5px solid #fd4100
    }
}

.m-top35 {
    margin-top: 20px
}

.vakansii::before {
    background: url(/tpl/default/img/new-png.png) no-repeat;
    background-size: 100%;
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    right: 0;
    top: -4px
}

.vakansia-new {
    background: url(/tpl/default/img/new-png.png) no-repeat;
    position: absolute;
    top: -3px;
    right: 13px;
    width: 89px;
    height: 91px;
    background-size: 100%
}

.vakansii-n {
    border: 2px solid #f3213a
}

.have-work-list a p, .step-list a p {
    text-decoration: underline
}

.have-work-list a p:hover, .step-list a p:hover {
    text-decoration: none
}

.article-text p, .article-text p span {
    font-family: var(--main-os-family);
    font-size: 21px !important;
    margin: 0;
    text-transform: inherit
}

.article-text p strong {
    font-family: var(--main-os-family);
    font-size: 21px;
    font-weight: 700;
    margin: 0;
    text-transform: inherit
}

.article-text li, .article-text li span, .article-text li a {
    font-family: var(--main-os-family);
    font-size: 21px !important;
    margin: 0;
    text-transform: inherit;
    color: #003f69
}

.article-text h2, .article-text h2 span {
    font-size: 24px;
    font-weight: 400;
    font-family: var(--main-os-family);
    color: #003f69;
    padding: 30px 0 10px
}

.article-text h3, .article-text h3 span, .article-text h3 span strong {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--main-os-family);
    color: #003f69;
    padding: 25px 0 10px
}

.article-text ol, .article-text ul {
    text-align: left
}

#technical-department, #global-marine-service, #partners, #page-gallery {
    overflow-x: hidden
}

@media (max-width: 1300px) {
    .li-menu-page > a {
        padding: 10px 15px !important
    }

    .top-info img {
        width: 95%
    }

    ._container {
        width: 1170px
    }

    .top-info h1 {
        margin-top: 715px
    }

    .compass-img img {
        width: 80%
    }

    .adv-work p {
        font-size: 20px
    }

    .back-title p {
        font-size: 24px
    }

    .text-main-back p {
        font-size: 18px
    }

    .panel-default > .panel-heading a {
        font-size: 22px
    }

    .contacts-img img {
        width: 100%
    }

    .map-contacts {
        margin-right: 0
    }
}

@media (max-width: 1200px) {
    .lifebuoy-minus, .lifebuoy-plus {
        top: 11px
    }

    .owl-theme .owl-nav {
        margin: 0
    }

    .circle-red {
        margin-left: 30px
    }

    hr.line-step {
        left: 85px
    }

    .info-text p {
        font-size: 5px
    }

    .info-text p span {
        font-size: 21px !important
    }

    .text-main-red p {
        margin-top: 30px;
        font-size: 32px
    }

    .text-main-blue-pages-demands p {
        font-size: 26px
    }

    p.demands-red-text {
        height: 50px
    }

    ul.demands-ul li {
        font-size: 20px
    }

    .panel-default > .panel-heading a {
        font-size: 17px;
        width: 90%
    }

    .li-menu-page a {
        font-size: 22px !important
    }

    .phone-page a {
        font-size: 20px
    }

    ._container {
        width: 970px
    }

    .navbar-nav > li > a {
        font-size: 25px;
        padding: 10px 20px
    }

    .top-info h1 {
        margin-top: 675px;
        font-size: 46px
    }

    .top-info p {
        font-size: 38px
    }

    .form-feed {
        width: 90%
    }

    .news-img img {
        height: 210px
    }

    .news-list-main {
        height: 435px
    }

    .back-title p {
        font-size: 22px;
        margin-top: 25px
    }

    .text-main-back p {
        font-size: 15px;
        margin-top: 25px;
        padding: 30px 20px
    }

    nav.navbar-footer {
        margin: 0
    }

    .text-main-contact p {
        font-size: 26px
    }

    .curing-herf a {
        font-size: 24px
    }
}

@media (max-width: 992px) {
    .forms-contacts {
        margin-top: 30px
    }

    #sea-contact {
        height: 100%;
        padding: 45px 0
    }

    .owl-theme .owl-nav {
        margin-top: 10px
    }

    .text-curing-red p {
        font-size: 28px
    }

    .w-70 {
        width: 90%
    }

    .text-main-contact p {
        font-size: 24px
    }

    li.li-menu-page {
        height: 60px
    }

    .m-top35 {
        margin-top: 35px
    }

    .navbar-collapse-page {
        display: block
    }

    .xs-menu-page {
        padding: 25px 10px;
        display: block
    }

    .navbar-nav > li.li-menu-page > a {
        color: #fff
    }

    .menu-pages {
        display: block
    }

    .phone-page img {
        display: none
    }

    .phone-page a {
        color: #fff
    }

    .xs-menu-page p {
        color: #fff;
        font-size: 26px;
        font-family: BebasNeue;
        font-weight: 600;
        letter-spacing: 2px
    }

    .phone-header-page {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        margin-right: 20px
    }

    .li-menu-page {
        width: 100%;
        border-bottom: none !important
    }

    .navbar-pages {
        background: #004069
    }

    .ul-menu-page {
        display: none;
        background: #004069
    }

    ._container {
        width: 750px
    }

    .navbar-nav > li > a {
        font-size: 21px;
        padding: 10px 15px
    }

    .phone-header {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .top-info img {
        margin-top: -100px
    }

    .top-info h1 {
        margin-top: 435px
    }

    .top-info-text-white p {
        color: #003f69
    }

    .text-main-blue p, .text-main-blue a, .text-main-service p, .btn-send-info {
        font-size: 38px
    }

    .ship-img img {
        width: 100%
    }

    .text-main-white p, .service-list p, .text-main-red p {
        font-size: 28px
    }

    .all-text-service p {
        font-size: 24px
    }

    .have-work-list {
        margin: 40px 0
    }

    .have-work-list p {
        margin-top: 15px
    }

    .form-feed {
        border-radius: 0 0 0 265px
    }

    .news-list-main {
        margin: 20px auto;
        width: 345px
    }

    .global-marine p {
        text-align: center;
        padding-bottom: 10px
    }

    .skylogic {
        text-align: center
    }

    #footer-info {
        height: 90px
    }

    .blue-background {
        height: 185px;
        margin-top: -185px;
        background-size: cover
    }

    .white-background {
        height: 175px;
        background-size: cover
    }

    div#gm-service {
        margin-top: 160px
    }

    div#have-work {
        margin-top: 100px
    }

    .form-feed-all {
        width: 100%;
        border-radius: 0
    }

    .panel-body p {
        font-size: 26px
    }

    .img-curing {
        text-align: center
    }
}

@media (max-width: 920px) {
    .article-text p {
        font-size: 20px !important
    }

    .text-main-blue-pages p {
        font-size: 30px
    }

    .flex-align {
        display: block
    }

    .ship-three-step {
        width: 100%
    }

    .three-step {
        display: none
    }

    .text-ship-white p {
        font-size: 20px;
        width: 100%
    }

    .employment-form {
        border-radius: 0
    }

    .curing-herf {
        margin-top: 20px
    }

    .step-list {
        margin-top: 20px
    }

    .info-text img {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important
    }

    img.w-unset {
        width: unset !important
    }

    img.two-line {
        display: none
    }

    .careers-row-list {
        display: block
    }

    .list-careers-all {
        margin-bottom: 30px
    }
}

@media (max-width: 768px) {
     .number-phone a {
        font-family: var(--main-os-family);
        font-size: 16px;
        color: #003f69;
    }
    .lang {
        left: 0;
        right: 0;
        top: 35px;
        text-align: center
    }

    .top-background {
        padding-bottom: 190px
    }

    .anchor-ship-blue {
        display: none
    }

    .info-contacts {
        width: 100%;
        float: none;
        display: block;
        text-align: center
    }

    .map-contacts {
        width: 100%;
        margin-top: 20px
    }

    .form-contact {
        margin: 0;
        border-radius: 0
    }

    .sp-mask.sp-grab {
        height: 300px !important
    }

    img.sp-image {
        width: 100% !important;
        -o-object-fit: cover;
        object-fit: cover;
        margin: 0 !important;
        height: 300px !important
    }

    .text-main-blue-pages p {
        font-size: 28px
    }

    .service-text p {
        padding: 0 5px
    }

    .btn-send-info-gallery {
        margin-bottom: 10px;
        font-size: 24px;
        padding: 10px 40px 6px
    }

    ul.dropdown-menu {
        display: block;
        width: 100%;
        position: relative
    }

    .navbar-pages {
        top: 115px !important;
        z-index: 9
    }

    .ul-menu-page {
        margin: 0 !important;
        width: 300px !important
    }

    .navbar-pages-footer {
        display: none
    }

    .top-menu {
        margin-top: 10px
    }

    nav.navbar {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .compass-img {
        text-align: center
    }

    .compass-img img {
        width: 65%;
        padding: 0
    }

    .text-main-white p {
        font-size: 40px
    }

    .adv-work {
        padding-left: 50px
    }

    #feedback-sea {
        display: block;
        height: auto;
        padding: 20px 0;
        overflow-x: hidden
    }

    .form-feed {
        border-radius: 0
    }

    .xs-menu {
        margin-top: 5px;
        position: absolute;
        left: 50px
    }

    .navbar-nav {
        margin-top: 55px;
        background: #003f69;
        width: 100%
    }

    li.dropdown {
        height: auto;
        border-bottom: 1px solid #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .navbar-nav > li > a {
        color: #fff;
        padding: 13px 0 13px 35px
    }

    .footer-menu {
        display: none
    }

    .top-info img {
        display: none
    }

    .top-info h1 {
        margin-top: 325px
    }

    .flex-direction {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    ._container {
        width: 100%
    }

    .navbar-my {
        display: none
    }

    .xs-menu {
        display: block
    }

    .phone-header {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .number-phone-page {
        margin: 7px 35px 7px 0
    }

    .top-background {
        min-height: unset
    }

    .blue-background {
        height: 135px;
        margin-top: -135px
    }

    .white-background {
        height: 125px
    }

    .text-main-blue-pages p {
        font-size: 26px
    }

    ul.employment-service-drop-list li {
        font-size: 20px
    }
}

@media (max-width: 540px) {
    .article-img img {
        width: 100%
    }

    .owl-next {
        right: -20px
    }

    .owl-prev {
        left: -20px
    }

    .text-ship-white p {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 450px) {
    .article-text img {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .text-main-blue-pages p, .text-main-blue-pages h1 {
        font-size: 24px;
        word-break: break-word;
    }
    .btn-send-info-gallery {
        font-size: 18px;
        padding: 7px 15px 6px;
    }

    .lang {
        margin-right: 130px
    }

    .phone-page a {
        font-size: 17px
    }

    .lang-page {
        margin: 0;
        top: 0;
        text-align: unset
    }

    .w-380 {
        width: 300px
    }

    .info-text h2 span {
        font-size: 25px;
        line-height: 20px
    }

    .w-80 {
        width: 95%
    }

    .red-text-curing p {
        font-size: 32px
    }

    ul.demands-ul {
        width: 95%
    }

    .text-main-blue-pages {
        margin-top: 100px
    }

    .panel-default > .panel-heading a {
        width: 85%
    }

    ul.technical-department {
        width: 100%
    }

    ul.technical-department li {
        font-size: 18px;
        padding: 10px
    }

    .text-main-blue-pages p {
        font-size: 32px;
        margin-bottom: 10px
    }

    .text-main-white p {
        font-size: 26px
    }

    h1 {
        margin: 0
    }

    .top-info p {
        font-size: 23px;
        line-height: 28px
    }

    .blue-background {
        height: 80px;
        margin-top: -80px
    }

    .white-background {
        height: 80px
    }

    .logo {
        margin: 20px 0
    }

    .top-info h1 {
        letter-spacing: 5px
    }

    .btn-send-info {
        font-size: 26px
    }

    div#form-feedback {
        width: 300px;
        margin: auto
    }

    .modal-content {
        border-radius: 0;
        width: 310px
    }

    .modal-body {
        padding: 40px 20px
    }

    .all-text p, .all-text-sea p, .all-text-service p {
        padding: 0;
        font-size: 22px;
        width: 100%
    }

    .text-main-white p {
        margin: 0
    }

    ul.adv-work li {
        padding-left: 0
    }

    .mt-120 {
        margin-top: 30px
    }

    .anchor-careers {
        display: none
    }

    .form-input p {
        font-size: 20px
    }

    .curing-text-all {
        width: 90%
    }
}

@media (max-width: 410px) {
    .owl-theme .owl-nav {
        margin-top: 30px
    }

    .fa-circle {
        display: none
    }

    .panel-default > .panel-heading a {
        width: 80%;
        font-size: 15px
    }

    .lifebuoy-minus, .lifebuoy-plus {
        top: 13px
    }

    .news-list-main {
        width: 280px
    }
}

@media (max-width: 380px) {
    .btn-send-info {
        font-size: 22px
    }

    .top-info h1 {
        letter-spacing: 1px
    }

    .icon-phone img {
        width: 40px
    }

    .phone-header {
        margin: 0
    }

    nav.navbar {
        margin-top: 20px
    }

    .xs-menu {
        left: 20px
    }

    .panel-body p {
        padding: 0;
        font-size: 19px
    }

    .service-text p {
        font-size: 22px;
        padding: 0 5px
    }

    .text-main-contact p {
        font-size: 20px
    }

    ul.curing-target li {
        padding-left: 0
    }

    .text-main-blue-pages-demands p {
        font-size: 22px
    }
}

@media (max-width: 330px) {
    .lifebuoy-minus, .lifebuoy-plus {
        top: 16px
    }

    ul.employment-service-list li {
        font-size: 22px
    }

    .text-main-contact-blue-curing p {
        font-size: 24px
    }

    .candidature p {
        width: 85%
    }

    .info-text h2 span {
        font-size: 19px
    }

    ul.demands-ul li {
        padding-left: 0
    }

    ul.curing-target li span {
        font-size: 24px
    }

    .panel-default > .panel-heading a {
        font-size: 12px
    }

    .news-img img {
        height: 190px
    }

    .text-main p {
        padding: 40px 20px
    }
}

@media (min-width: 767px) {
    .revealator-fade, .revealator-slideup, .revealator-slideleft, .revealator-slideright, .revealator-slidedown, .revealator-zoomin, .revealator-zoomout, .revealator-rotateleft, .revealator-rotateright {
        transition: all 600ms
    }

    .revealator-fade {
        opacity: 0
    }

    .revealator-fade.revealator-within, .revealator-fade.revealator-partially-above, .revealator-fade.revealator-above {
        opacity: 1
    }

    .revealator-slideup {
        transform: translate(0, 100px);
        opacity: 0
    }

    .revealator-slideup.revealator-within, .revealator-slideup.revealator-partially-above, .revealator-slideup.revealator-above {
        transform: translate(0, 0);
        opacity: 1
    }

    .revealator-slideleft {
        transform: translate(100px, 0);
        opacity: 0
    }

    .revealator-slideleft.revealator-within, .revealator-slideleft.revealator-partially-above, .revealator-slideleft.revealator-above {
        transform: translate(0, 0);
        opacity: 1
    }

    .revealator-slideright {
        transform: translate(-100px, 0);
        opacity: 0
    }

    .revealator-slideright.revealator-within, .revealator-slideright.revealator-partially-above, .revealator-slideright.revealator-above {
        transform: translate(0, 0);
        opacity: 1
    }

    .revealator-slidedown {
        transform: translate(0, -100px);
        opacity: 0
    }

    .revealator-slidedown.revealator-within, .revealator-slidedown.revealator-partially-above, .revealator-slidedown.revealator-above {
        transform: translate(0, 0);
        opacity: 1
    }

    .revealator-zoomin {
        transform: scale(0.75);
        opacity: 0
    }

    .revealator-zoomin.revealator-within, .revealator-zoomin.revealator-partially-above, .revealator-zoomin.revealator-above {
        transform: scale(1);
        opacity: 1
    }

    .revealator-zoomout {
        transform: scale(1.5);
        opacity: 0
    }

    .revealator-zoomout.revealator-within, .revealator-zoomout.revealator-partially-above, .revealator-zoomout.revealator-above {
        transform: scale(1);
        opacity: 1
    }

    .revealator-rotateleft {
        transform: rotate(20deg);
        opacity: 0
    }

    .revealator-rotateleft.revealator-within, .revealator-rotateleft.revealator-partially-above, .revealator-rotateleft.revealator-above {
        transform: rotate(0);
        opacity: 1
    }

    .revealator-rotateright {
        transform: rotate(-20deg);
        opacity: 0
    }

    .revealator-rotateright.revealator-within, .revealator-rotateright.revealator-partially-above, .revealator-rotateright.revealator-above {
        transform: rotate(0);
        opacity: 1
    }

    .revealator-delay1 {
        transition-delay: 100ms !important
    }

    .revealator-delay1.revealator-below, .revealator-delay1.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay2 {
        transition-delay: 200ms !important
    }

    .revealator-delay2.revealator-below, .revealator-delay2.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay3 {
        transition-delay: 300ms !important
    }

    .revealator-delay3.revealator-below, .revealator-delay3.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay4 {
        transition-delay: 400ms !important
    }

    .revealator-delay4.revealator-below, .revealator-delay4.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay5 {
        transition-delay: 500ms !important
    }

    .revealator-delay5.revealator-below, .revealator-delay5.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay6 {
        transition-delay: 600ms !important
    }

    .revealator-delay6.revealator-below, .revealator-delay6.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay7 {
        transition-delay: 700ms !important
    }

    .revealator-delay7.revealator-below, .revealator-delay7.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay8 {
        transition-delay: 800ms !important
    }

    .revealator-delay8.revealator-below, .revealator-delay8.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay9 {
        transition-delay: 900ms !important
    }

    .revealator-delay9.revealator-below, .revealator-delay9.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay10 {
        transition-delay: 1000ms !important
    }

    .revealator-delay10.revealator-below, .revealator-delay10.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay11 {
        transition-delay: 1100ms !important
    }

    .revealator-delay11.revealator-below, .revealator-delay11.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay12 {
        transition-delay: 1200ms !important
    }

    .revealator-delay12.revealator-below, .revealator-delay12.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay13 {
        transition-delay: 1300ms !important
    }

    .revealator-delay13.revealator-below, .revealator-delay13.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay14 {
        transition-delay: 1400ms !important
    }

    .revealator-delay14.revealator-below, .revealator-delay14.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay15 {
        transition-delay: 1500ms !important
    }

    .revealator-delay15.revealator-below, .revealator-delay15.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay16 {
        transition-delay: 1600ms !important
    }

    .revealator-delay16.revealator-below, .revealator-delay16.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay17 {
        transition-delay: 1700ms !important
    }

    .revealator-delay17.revealator-below, .revealator-delay17.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay18 {
        transition-delay: 1800ms !important
    }

    .revealator-delay18.revealator-below, .revealator-delay18.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay19 {
        transition-delay: 1900ms !important
    }

    .revealator-delay19.revealator-below, .revealator-delay19.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay20 {
        transition-delay: 2000ms !important
    }

    .revealator-delay20.revealator-below, .revealator-delay20.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay21 {
        transition-delay: 2100ms !important
    }

    .revealator-delay21.revealator-below, .revealator-delay21.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay22 {
        transition-delay: 2200ms !important
    }

    .revealator-delay22.revealator-below, .revealator-delay22.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay23 {
        transition-delay: 2300ms !important
    }

    .revealator-delay23.revealator-below, .revealator-delay23.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay24 {
        transition-delay: 2400ms !important
    }

    .revealator-delay24.revealator-below, .revealator-delay24.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay25 {
        transition-delay: 2500ms !important
    }

    .revealator-delay25.revealator-below, .revealator-delay25.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay26 {
        transition-delay: 2600ms !important
    }

    .revealator-delay26.revealator-below, .revealator-delay26.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay27 {
        transition-delay: 2700ms !important
    }

    .revealator-delay27.revealator-below, .revealator-delay27.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay28 {
        transition-delay: 2800ms !important
    }

    .revealator-delay28.revealator-below, .revealator-delay28.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay29 {
        transition-delay: 2900ms !important
    }

    .revealator-delay29.revealator-below, .revealator-delay29.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-delay30 {
        transition-delay: 3000ms !important
    }

    .revealator-delay30.revealator-below, .revealator-delay30.revealator-partially-below {
        transition-delay: 0 !important
    }

    .revealator-speed1, .revealator-duration1 {
        transition-duration: 100ms !important
    }

    .revealator-speed2, .revealator-duration2 {
        transition-duration: 200ms !important
    }

    .revealator-speed3, .revealator-duration3 {
        transition-duration: 300ms !important
    }

    .revealator-speed4, .revealator-duration4 {
        transition-duration: 400ms !important
    }

    .revealator-speed5, .revealator-duration5 {
        transition-duration: 500ms !important
    }

    .revealator-speed6, .revealator-duration6 {
        transition-duration: 600ms !important
    }

    .revealator-speed7, .revealator-duration7 {
        transition-duration: 700ms !important
    }

    .revealator-speed8, .revealator-duration8 {
        transition-duration: 800ms !important
    }

    .revealator-speed9, .revealator-duration9 {
        transition-duration: 900ms !important
    }

    .revealator-speed10, .revealator-duration10 {
        transition-duration: 1000ms !important
    }

    .revealator-speed11, .revealator-duration11 {
        transition-duration: 1100ms !important
    }

    .revealator-speed12, .revealator-duration12 {
        transition-duration: 1200ms !important
    }

    .revealator-speed13, .revealator-duration13 {
        transition-duration: 1300ms !important
    }

    .revealator-speed14, .revealator-duration14 {
        transition-duration: 1400ms !important
    }

    .revealator-speed15, .revealator-duration15 {
        transition-duration: 1500ms !important
    }
}