@charset "UTF-8";
progress,
sub,
sup {
    vertical-align: baseline
}
button,
hr,
input {
    overflow: visible
}
.shell-loader,
.title-loader {
    -webkit-box-direction: normal
}
.btn-nav-main,
html:not(.mobile-platform) .close-mp-menu,
html:not(.mobile-platform) .open-mp-menu {
    cursor: pointer
}
#content-case:before,
#menu-header li a:before,
.btn-nav-main span.line-btn-nm:before,
.close-mp-menu:after,
.close-mp-menu:before,
.cn-circle-mini-double:after,
.cn-circle-mini-double:before,
.cn-circle-mini-green:before,
.image-one-post-ss:after,
.image-one-post-ss:before,
.info-footer a:before,
.inner-page:before,
.jalousie:before,
.link-contact:before,
.list-countries-a li:before,
html.mobile-platform #home-case:before,
html:not(.mobile-platform) #menu-header li:before {
    content: ''
}
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
}
[hidden],
template {
    display: none
}
p {
    margin: 0
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
a:active,
a:hover {
    outline-width: 0
}
abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
#logo-header,
#menu-header li a,
.centred-about-cnt a,
.info-footer a,
.list-mp-menu li a,
.logo-mp-head {
    text-decoration: none
}
small {
    font-size: 80%
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background-color: #ff0
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
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 {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}
optgroup {
    font-weight: 700
}
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: ButtonText dotted 1px
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
.list-mp-menu li,
.title-inside-page h1 span>span {
    white-space: nowrap
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    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
}
[data-scrollbar],
[scrollbar],
scrollbar {
    display: block;
    position: relative
}
[data-scrollbar] .scroll-content,
[scrollbar] .scroll-content,
scrollbar .scroll-content {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}
[data-scrollbar] .scrollbar-track,
[scrollbar] .scrollbar-track,

scrollbar .scrollbar-track {
    position: absolute;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .5s ease-out, background .5s ease-out;
    transition: opacity .5s ease-out, background .5s ease-out;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
[data-scrollbar] .scrollbar-track.show,
[data-scrollbar] .scrollbar-track:hover,
[scrollbar] .scrollbar-track.show,
[scrollbar] .scrollbar-track:hover,
scrollbar .scrollbar-track.show,
scrollbar .scrollbar-track:hover {
    opacity: 1
}
[data-scrollbar] .scrollbar-track:hover,
[scrollbar] .scrollbar-track:hover,
scrollbar .scrollbar-track:hover {
    background: rgba(191, 191, 191, .75)
}
[data-scrollbar] .scrollbar-track-x,
[scrollbar] .scrollbar-track-x,
scrollbar .scrollbar-track-x {
    display: none!important
}
[data-scrollbar] .scrollbar-track-y,
[scrollbar] .scrollbar-track-y,
scrollbar .scrollbar-track-y {
    top: 0;
    right: 0;
    width: 6px;
    height: 100%
}
[data-scrollbar] .scrollbar-thumb,
[scrollbar] .scrollbar-thumb,
scrollbar .scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 8px;
    background: rgba(0, 0, 0, .31);
    border-radius: 4px
}
[data-scrollbar] .overscroll-glow,
[scrollbar] .overscroll-glow,
scrollbar .overscroll-glow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#loader-case,
#not-supported {
    position: fixed;
    background: #fff;
    left: 0;
    top: 0
}
@font-face {
    font-family: Eurostile;
    src: url(fonts/Eurostile/EurostileLTStd.otf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: ProximaNovaBold;
    src: url(fonts/ProximaNovaBold/proximanova-bold.eot);
    src: local("☺"), url(fonts/ProximaNovaBold/proximanova-bold.woff) format("woff"), url(fonts/ProximaNovaBold/proximanova-bold.ttf) format("truetype"), url(fonts/ProximaNovaBold/proximanova-bold.svg) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: ProximaNovaExtraBold;
    src: url(fonts/ProximaNovaExtraBold/proximanova-extrabold.eot);
    src: local("☺"), url(fonts/ProximaNovaExtraBold/proximanova-extrabold.woff) format("woff"), url(fonts/ProximaNovaExtraBold/proximanova-extrabold.ttf) format("truetype"), url(fonts/ProximaNovaExtraBold/proximanova-extrabold.svg) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: ProximaNovaSemiBold;
    src: url(fonts/ProximaNovaSemiBold/proximanova-semibold.eot);
    src: local("☺"), url(fonts/ProximaNovaSemiBold/proximanova-semibold.woff) format("woff"), url(fonts/ProximaNovaSemiBold/proximanova-semibold.ttf) format("truetype"), url(fonts/ProximaNovaSemiBold/proximanova-semibold.svg) format("svg");
    font-weight: 400;
    font-style: normal
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
::selection {
    background: #fc8b0c;
    color: #fff
}
::-moz-selection {
    background: #fc8b0c;
    color: #fff
}
body {
    min-width: 320px;
    -webkit-overflow-scrolling: touch;
    font-family: ProximaNovaSemiBold, sans-serif
}
body,
html {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0
}
html.loading {
    height: 100vh
}
body.locked,
html.loading {
    overflow: hidden!important
}
button:active,
button:focus,
input:active,
input:focus,
textarea:active,
textarea:focus {
    outline: 0
}
input::-ms-clear {
    display: none
}
input[type=text],
input[type=tel],
input[type=email],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}
.circle-logo-loader,
.inner-page:before {
    border-radius: 100%
}
blockquote {
    font-style: italic
}
b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 400
}
b,
strong {
    font-family: ProximaNovaExtraBold, sans-serif
}
mark {
    background: #fc8b0c;
    color: #fff;
    padding: 0 3px
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #868686;
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.455, .03, .515, .955);
    transition: opacity .3s cubic-bezier(.455, .03, .515, .955)
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #868686;
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.455, .03, .515, .955);
    transition: opacity .3s cubic-bezier(.455, .03, .515, .955)
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #868686;
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.455, .03, .515, .955);
    transition: opacity .3s cubic-bezier(.455, .03, .515, .955)
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #868686;
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.455, .03, .515, .955);
    transition: opacity .3s cubic-bezier(.455, .03, .515, .955)
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    opacity: 0
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: 0
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0
}
#not-supported {
    width: 100%;
    height: 100%;
    z-index: 99999
}
#not-supported p {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    font-size: 24px;
    height: 30px
}
#loader-case {
    z-index: 9999
}
#loader-case,
.inner-loader-case {
    width: 100%;
    height: 100%
}
.inner-loader-case {
    position: relative
}
.shell-loader {
    width: 161px;
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}
#loader-case:not(.ip) .shell-loader {
    -webkit-transform: translateX(54px);
    transform: translateX(54px);
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955) 1s;
    transition: all .3s cubic-bezier(.455, .03, .515, .955) 1s
}
#loader-case.active .shell-loader {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.circle-logo-loader,
.shell-loader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute
}
.logo-loader {
    width: 56px;
    height: 42px;
    position: relative
}
.cll-large {
    width: 22px;
    height: 22px;
    background: #ffd814;
    opacity: 0;
    -webkit-transform: scale(4);
    transform: scale(4);
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955) .3s;
    transition: all .3s cubic-bezier(.455, .03, .515, .955) .3s
}
#loader-case.active .cll-large {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.cll-medium {
    width: 16px;
    height: 16px;
    background: #ff9906 
}
.cll-small {
    width: 10px;
    height: 10px;
    background: #609e38
}
#loader-case.ip .cll-large {
    width: 56px;
    height: 56px
}
#loader-case.ip .cll-medium {
    width: 40px;
    height: 40px
}
#loader-case.active .cll-large,
#loader-case.active .cll-medium {
    -webkit-animation: circleLoader1 1.5s cubic-bezier(.455, .03, .515, .955) 1.25s infinite alternate;
    animation: circleLoader1 1.5s cubic-bezier(.455, .03, .515, .955) 1.25s infinite alternate
}
#loader-case.active .cll-small {
    -webkit-animation: circleLoader2 1.5s cubic-bezier(.455, .03, .515, .955) 1.4s infinite alternate;
    animation: circleLoader2 1.5s cubic-bezier(.455, .03, .515, .955) 1.4s infinite alternate
}
#loader-case.ip .cll-large,
#loader-case.ip .cll-medium {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
#loader-case.ip .cll-small {
    width: 26px;
    height: 26px;
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms
}
@-webkit-keyframes circleLoader1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
@keyframes circleLoader1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
@-webkit-keyframes circleLoader2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: .55
    }
    50% {
        background: 0 0;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        background: #fc8b0c
    }
}
@keyframes circleLoader2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: .55
    }
    50% {
        background: 0 0;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        background: #fc8b0c
    }
}
.bottom-arc,
.left-arrow,
.right-arrow,
.top-arc {
    position: absolute;
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.455, .03, .515, .955);
    transition: all .2s cubic-bezier(.455, .03, .515, .955)
}
.left-arrow {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}
.top-arc {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    top: 0;
    background: url(imgs/svg/top-arc.svg) center no-repeat;
    background-size: 100% 100%
}
.bottom-arc {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    bottom: 0;
    background: url(imgs/svg/bottom-arc.svg) center no-repeat;
    background-size: 100% 100%
}
.right-arrow {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}
#loader-case.active .bottom-arc,
#loader-case.active .left-arrow,
#loader-case.active .right-arrow,
#loader-case.active .top-arc {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
#loader-case.ip .bottom-arc,
#loader-case.ip .left-arrow,
#loader-case.ip .right-arrow,
#loader-case.ip .top-arc {
    display: none!important
}
.centred-header,
.title-loader {
    display: -webkit-box;
    display: -ms-flexbox
}
.bottom-arc,
.top-arc {
    width: 31px;
    height: 9px;
    left: 0;
    right: 0;
    margin: 0 auto
}
.left-arrow,
.right-arrow {
    width: 9px;
    height: 16px;
    top: 0;
    bottom: 0;
    margin: auto 0
}
.left-arrow {
    left: 0;
    background: url(imgs/svg/left-arrow.svg) center no-repeat;
    background-size: 100% 100%
}
.right-arrow {
    right: 0;
    background: url(imgs/svg/right-arrow.svg) center no-repeat;
    background-size: 100% 100%
}
.title-loader {
    width: 105px;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 0 0 0 12px;
    font: 20px ProximaNovaExtraBold, sans-serif;
    line-height: 20px
}
.title-loader span {
    display: inline
}
.title-loader>span {
    -webkit-transition: all .2s cubic-bezier(.455, .03, .515, .955);
    transition: all .2s cubic-bezier(.455, .03, .515, .955)
}
#loader-case:not(.ip) .title-loader>span {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}
.title-loader>span:nth-child(1) {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}
.title-loader>span:nth-child(2) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}
.title-loader i {
    font-style: normal;
    font-size: 30px
}
#loader-case.active .title-loader>span {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
#loader-case.loaded .title-loader>span {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}
#loader-case.loaded .title-loader>span:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
#loader-case.loaded .title-loader>span:nth-child(2) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}
#loader-case.loaded:not(.ip) .shell-loader {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(54px);
    transform: translateX(54px)
}
#loader-case.loaded .bottom-arc,
#loader-case.loaded .left-arrow,
#loader-case.loaded .right-arrow,
#loader-case.loaded .top-arc {
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.455, .03, .515, .955) .3s;
    transition: all .2s cubic-bezier(.455, .03, .515, .955) .3s
}
#loader-case.loaded .left-arrow {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}
#loader-case.loaded .top-arc {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}
#loader-case.loaded .bottom-arc {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}
#loader-case.loaded .right-arrow {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}
#loader-case.loaded .logo-loader {
    opacity: 0;
    -webkit-transform: scale(4);
    transform: scale(4)
}
#loader-case.loaded:not(.ip) .logo-loader {
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955) .3s;
    transition: all .3s cubic-bezier(.455, .03, .515, .955) .3s
}
#loader-case.ip .logo-loader {
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
#loader-case.loaded .circle-logo-loader {
    -webkit-animation: none;
    animation: none
}
#loader-case.loaded {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955) 550ms;
    transition: all .3s cubic-bezier(.455, .03, .515, .955) 550ms
}
#loader-case.ip .shell-loader {
    width: 56px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
#logo-header,
.centred-header,
.right-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
#loader-case.ip .title-loader {
    display: none!important
}
body.home-page #content-case:before,
body.home-page .inner-page:before,
html.mobile-platform #content-case:before,
html.mobile-platform .dashed-lines-gb,
html.mobile-platform .dp-head {
    display: none
}
#content-case,
#gb-case {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 1
}
html.mobile-platform #content-case,
html.mobile-platform #gb-case {
    height: auto
}
.inner-page {
    width: 100%;
    position: relative;
    min-height: calc(100vh - 130px);
    overflow: hidden
}
#video-layer,
.image-one-post-ss img,
.image-record-blog-other img,
.img-one-op-cs img {
    min-height: 100%;
    min-width: 100%
}
.dashed-lines-gb {
    width: 100%;
    z-index: -1;
    right: 0;
    left: 0;
    pointer-events: none
}
.dashed-lines-gb,
.one-line-gb {
    top: 0;
    height: 100%;
    margin: 0 auto;
    position: absolute
}
.one-line-gb {
    width: 0;
    border-right: 1px dashed #ECECEC
}
.one-line-gb1 {
    left: 109px
}
.one-line-gb2 {
    left: 28%
}
.one-line-gb4 {
    right: 28%
}
#header,
.one-line-gb3 {
    right: 0;
    left: 0
}
#header {
    height: 110px;
    position: fixed;
    top: 0;
    margin: 0 auto;
    padding: 0 110px;
    z-index: 10
}
html.mobile-platform #header {
    height: 88px;
    padding: 0 38px;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(10%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, #fff 0, #fff 10%, rgba(255, 255, 255, 0) 100%)
}
html.mobile-platform #home-case:before {
    position: absolute;
    z-index: 2;
    border-radius: 100%;
    overflow: hidden;
    pointer-events: none;
    -webkit-animation: circleMainScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMainScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform #home-case:before,
html.mobile-platform .inner-page:before {
    width: 40.52vw;
    height: 40.52vw;
    right: -9.26vw;
    top: -15vw;
    background: linear-gradient(45deg, rgba(32, 170, 151, .1) 0, #fff 100%)
}
.dp-head {
    width: 100%;
    height: 100%;
    position: relative
}
@-webkit-keyframes circleMainScreen {
    0% {
        -webkit-transform: none;
        transform: none
    }
    25%,
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}
@keyframes circleMainScreen {
    0% {
        -webkit-transform: none;
        transform: none
    }
    25%,
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}
#content-case:before,
.inner-page:before {
    position: absolute;
    pointer-events: none
}
#content-case:before {
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-box-shadow: 0 0 100px 100px #fff;
    box-shadow: 0 0 100px 100px #fff
}
.inner-page:before {
    width: 20.26vw;
    height: 20.26vw;
    right: -5.26vw;
    top: -4vw;
    z-index: 2;
    overflow: hidden;
    background: linear-gradient(45deg, rgba(32, 170, 151, .05) 0, #fff 100%);
    -webkit-animation: circleMainScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMainScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
#header,
.centred-header {
    width: 100%
}
.centred-header {
    height: 100%;
    position: relative;
    max-width: 1700px;
    padding: 0 20px;
    margin: 0 auto;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
#logo-header,
.left-header,
.right-header {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
#logo-header,
.right-header {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}
#logo-header {
    color: #000;
    font: 20px ProximaNovaExtraBold, sans-serif;
    -webkit-transition: color .3s cubic-bezier(.455, .03, .515, .955);
    transition: color .3s cubic-bezier(.455, .03, .515, .955)
}
html:not(.mobile-platform) #logo-header:hover {
    color: #fc8b0c
}
.logo-icon {
    width: 56px;
    height: 40px
}
#footer,
#logo-icon-svg {
    width: 100%;
    position: relative
}
#logo-icon-svg {
    height: 100%
}
#lines-logo {
    -webkit-animation: squeezeLinesLogo 3s infinite;
    animation: squeezeLinesLogo 3s infinite
}
#circle-logo {
    -webkit-animation: blinkCircleLogo 3s infinite;
    animation: blinkCircleLogo 3s infinite
}
@-webkit-keyframes blinkCircleLogo {
    90% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(30px) scaleY(0);
        transform: translateY(30px) scaleY(0)
    }
    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}
@keyframes blinkCircleLogo {
    90% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(30px) scaleY(0);
        transform: translateY(30px) scaleY(0)
    }
    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}
@-webkit-keyframes squeezeLinesLogo {
    90% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(5px) scaleY(.8);
        transform: translateY(5px) scaleY(.8)
    }
    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}
@keyframes squeezeLinesLogo {
    90% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(5px) scaleY(.8);
        transform: translateY(5px) scaleY(.8)
    }
    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}
#title-logo {
	font-family: Michroma;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 12px 0 0 12px
}
#footer,
#menu-header,
.logo-mp-head {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
#menu-header li span,
#title-logo span {
    display: inline
}
#title-logo i {
    font-style: normal;
    font-size: 40px
}
#menu-header {
    width: auto;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 0;
    margin: 0;
    list-style: none
}
#menu-header li {
    width: auto;
    display: inline-block;
    font: 16px ProximaNovaExtraBold, sans-serif;
    margin: 0 0 0 53px;
    padding: 10px 0;
    overflow: hidden;
    position: relative
}
.info-footer a,
.info-footer b,
.info-footer strong {
    font-family: ProximaNovaExtraBold, sans-serif
}
#menu-header li:first-child {
    margin-left: 0
}
#menu-header li a {
    position: relative;
    color: #000;
    -webkit-transition: color .3s cubic-bezier(.455, .03, .515, .955);
    transition: color .3s cubic-bezier(.455, .03, .515, .955)
}
#menu-header li a i {
    font-style: normal;
    font-size: 24px
}
#menu-header li a:before {
    position: absolute;
    width: 15px;
    height: 2px;
    background: #000;
    left: 0;
    top: -10px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: transform .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .3s cubic-bezier(.455, .03, .515, .955)
}
#menu-header li.active a,
html:not(.mobile-platform) #menu-header li a:hover {
    color: #fc8b0c
}
#menu-header li.active a:before,
html:not(.mobile-platform) #menu-header li a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}
#footer {
    height: 130px;
    background: #000;
    z-index: 10;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
html:not(.mobile-platform) #home-case~#footer {
    position: fixed;
    opacity: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
html:not(.mobile-platform) #home-case~#footer.active {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .4s cubic-bezier(.4, 0, .2, 1) 1.5s;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1) 1.5s
}
.info-footer {
    width: auto;
    max-width: 1000px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center
}
.info-footer,
.info-footer>* {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6px 0
}
.info-footer b,
.info-footer strong {
    font-weight: 400
}
.info-footer>* {
    width: auto;
    display: inline-block;
    max-width: 100%
}
.info-footer a {
    color: #fc8b0c;
    position: relative;
    overflow: hidden
}
.info-footer a:before {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -4px;
    background: #fc8b0c;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: transform .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .3s cubic-bezier(.455, .03, .515, .955)
}
.centred-inside-page,
.inside-page-content,
.mp-head,
.title-inside-page {
    width: 100%;
    position: relative
}
html:not(.mobile-platform) .info-footer a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}
.inside-page-content {
    height: auto;
    z-index: 2;
    overflow: hidden
}
.centred-inside-page {
    max-width: 1700px;
    margin: 0 auto
}
.title-inside-page {
    padding: 217px 0 0;
    z-index: 2
}
.title-inside-page h1 {
    width: 100%;
    margin: 0;
    font: 100px ProximaNovaExtraBold, sans-serif;
    color: #000;
    text-align: center;
    letter-spacing: -.01em
}
.title-inside-page h1 span {
    display: inline
}
.title-inside-page h1 i {
    font-style: normal;
    color: #fc8b0c
}
.mp-head {
    height: 100%;
    z-index: 2;
    display: none;
    -webkit-transition: background 1ms cubic-bezier(.4, 0, 0, 1) .2s;
    transition: background 1ms cubic-bezier(.4, 0, 0, 1) .2s
}
.line-mp-menu,
html.mobile-platform .mp-head {
    display: block
}
.opened .mp-head {
    background: #fff
}
.open-mp-menu {
    width: 24px;
    height: 19px;
    background: 0 0
}
.close-mp-menu,
.open-mp-menu {
    padding: 0;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}
.line-mp-menu {
    height: 3px;
    left: 0;
    position: absolute;
    background: #000
}
html:not(.mobile-platform) .line-mp-menu {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
html:not(.mobile-platform) .open-mp-menu:hover .line-mp-menu {
    background: #fc8b0c
}
.line-mp-menu1,
.line-mp-menu2 {
    top: 0
}
.line-mp-menu2,
.line-mp-menu3 {
    bottom: 0
}
.line-mp-menu1,
.line-mp-menu3 {
    width: 100%
}
.line-mp-menu2 {
    width: 20px;
    margin: auto
}
.close-mp-menu {
    width: 21px;
    height: 21px;
    opacity: 0;
    visibility: hidden;
    background: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.close-mp-menu:after,
.close-mp-menu:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.close-mp-menu:before {
    background: url(imgs/svg/close-mp.svg) center no-repeat;
    background-size: 100% 100%
}
.close-mp-menu:after {
    opacity: 0;
    background: url(imgs/svg/close-mp-hv.svg) center no-repeat;
    background-size: 100% 100%
}
html:not(.mobile-platform) .close-mp-menu:hover:before {
    opacity: 0
}
html:not(.mobile-platform) .close-mp-menu:hover:after {
    opacity: 1
}
.opened .close-mp-menu {
    -webkit-animation: closeBtnToOpen .2s ease-out normal forwards;
    animation: closeBtnToOpen .2s ease-out normal forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.opened .open-mp-menu {
    -webkit-animation: openBtnToOpen .2s ease-out normal forwards;
    animation: openBtnToOpen .2s ease-out normal forwards
}
@-webkit-keyframes closeBtnToOpen {
    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes closeBtnToOpen {
    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes openBtnToOpen {
    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
@keyframes openBtnToOpen {
    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
.closed .close-mp-menu {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    -webkit-animation: closeBtnToClose .2s ease-out normal forwards;
    animation: closeBtnToClose .2s ease-out normal forwards
}
.closed .open-mp-menu {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    -webkit-animation: openBtnToClose .2s ease-out normal forwards;
    animation: openBtnToClose .2s ease-out normal forwards;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}
@-webkit-keyframes closeBtnToClose {
    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@keyframes closeBtnToClose {
    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@-webkit-keyframes openBtnToClose {
    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes openBtnToClose {
    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none
    }
}
.logo-mp-head {
    width: 151px;
    height: 38px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font: 19px ProximaNovaExtraBold, sans-serif
}
.logo-mp-icon {
    width: 53px;
    height: 38px;
    background: url(imgs/svg/logo-mp.svg) center no-repeat;
    background-size: 100% 100%
}
.title-mp-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    line-height: 21px;
    padding: 1px 0 0 10px
}
.title-mp-logo span {
    display: inline
}
.centred-map-about-it,
.list-mp-menu {
    display: -webkit-box;
    display: -ms-flexbox
}
.title-mp-logo i {
    font-style: normal;
    font-size: 29px
}
.mp-menu-b {
    width: 100%;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1
}
.opened .mp-menu-b {
    -webkit-animation: openMenu .7s cubic-bezier(.4, 0, 0, 1) normal forwards;
    animation: openMenu .7s cubic-bezier(.4, 0, 0, 1) normal forwards
}
.closed .mp-menu-b {
    height: 100%;
    -webkit-animation: closeMenu .7s cubic-bezier(.4, 0, 0, 1) normal forwards;
    animation: closeMenu .7s cubic-bezier(.4, 0, 0, 1) normal forwards;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
@-webkit-keyframes openMenu {
    to {
        height: 100%
    }
}
@keyframes openMenu {
    to {
        height: 100%
    }
}
@-webkit-keyframes closeMenu {
    to {
        height: 0
    }
}
@keyframes closeMenu {
    to {
        height: 0
    }
}
.inner-mp-menu-b {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 148px 39px 0
}
.list-mp-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.about-ma-cmn,
.centred-map-about-it {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
.list-mp-menu li {
    width: 100%;
    display: block;
    font: 33px ProximaNovaExtraBold, sans-serif;
    margin-bottom: 55px;
    overflow: hidden;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.opened .list-mp-menu li {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.closed .list-mp-menu li {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}
.opened .list-mp-menu li:first-child {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
.opened .list-mp-menu li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.opened .list-mp-menu li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.opened .list-mp-menu li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}
.opened .list-mp-menu li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}
.opened .list-mp-menu li:nth-child(6) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.opened .list-mp-menu li:nth-child(7) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
.closed .list-mp-menu li:first-child {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
.closed .list-mp-menu li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.closed .list-mp-menu li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.closed .list-mp-menu li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}
.closed .list-mp-menu li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}
.closed .list-mp-menu li:nth-child(6) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.closed .list-mp-menu li:nth-child(7) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
.list-mp-menu li a {
    max-width: 100%;
    position: relative;
    color: #000
}
.list-mp-menu li.active a {
    color: #fc8b0c
}
html:not(.mobile-platform) #menu-header li {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all 250ms cubic-bezier(.4, 0, .2, 1);
    transition: all 250ms cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) #menu-header li:before {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform 250ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 250ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 250ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 250ms cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) #menu-header li:nth-child(2),
html:not(.mobile-platform) #menu-header li:nth-child(2):before {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
html:not(.mobile-platform) #menu-header li:nth-child(3),
html:not(.mobile-platform) #menu-header li:nth-child(3):before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
html:not(.mobile-platform) #menu-header li:nth-child(4),
html:not(.mobile-platform) #menu-header li:nth-child(4):before {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) #menu-header li:nth-child(5),
html:not(.mobile-platform) #menu-header li:nth-child(5):before {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}
html:not(.mobile-platform) #menu-header li:nth-child(6),
html:not(.mobile-platform) #menu-header li:nth-child(6):before {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}
html:not(.mobile-platform) #menu-header li:nth-child(7),
html:not(.mobile-platform) #menu-header li:nth-child(7):before {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .logo-icon {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 250ms cubic-bezier(.4, 0, .2, 1);
    transition: all 250ms cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) #title-logo span {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) #title-logo span:nth-child(1) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}
html:not(.mobile-platform) #title-logo span:nth-child(2) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) #header.hv-disable #title-logo span {
    -webkit-transition: none!important;
    transition: none!important
}
html:not(.mobile-platform) .one-line-gb {
    border-color: #b2b2b2;
    -webkit-transition: all 1.2s cubic-bezier(.4, 0, .2, 1);
    transition: all 1.2s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .one-line-main {
    border-color: rgba(255, 255, 255, .2);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .one-line-gb,
html:not(.mobile-platform) .one-line-main1,
html:not(.mobile-platform) .one-line-main2,
html:not(.mobile-platform) .one-line-main3 {
    height: 0
}
html:not(.mobile-platform) .one-line-main4 {
    width: 0
}
html:not(.mobile-platform) .one-line-gb2 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
html:not(.mobile-platform) .one-line-gb3 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}
html:not(.mobile-platform) .one-line-gb4 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .one-line-main1 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}
html:not(.mobile-platform) .one-line-main3 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}
html:not(.mobile-platform) .one-line-main2,
html:not(.mobile-platform) .one-line-main4 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}
html:not(.mobile-platform) .inner-page:before {
    opacity: 0!important;
    -webkit-transition: opacity .3s cubic-bezier(.455, .03, .515, .955) 2.5s;
    transition: opacity .3s cubic-bezier(.455, .03, .515, .955) 2.5s
}
html:not(.mobile-platform) #header.done #menu-header li:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}
html:not(.mobile-platform) #header.done #menu-header li,
html:not(.mobile-platform) #header.done #title-logo span,
html:not(.mobile-platform) #header.done .logo-icon {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
html:not(.mobile-platform) .dashed-lines-gb.done .one-line-gb {
    border-color: #ECECEC
}
html:not(.mobile-platform) .dashed-lines-main.done .one-line-main {
    border-color: rgba(255, 255, 255, .2)
}
html:not(.mobile-platform) .dashed-lines-gb.done .one-line-gb,
html:not(.mobile-platform) .inside-screens.done .one-line-main1,
html:not(.mobile-platform) .inside-screens.done .one-line-main2,
html:not(.mobile-platform) .inside-screens.done .one-line-main3 {
    height: 100%
}
html:not(.mobile-platform) .inside-screens.done .one-line-main4 {
    width: 100%
}
html:not(.mobile-platform) .inner-page.done:before {
    opacity: 1!important
}
@media only screen and (max-width: 1680px) {
    #footer,
    #header {
        height: 100px
    }
    #header {
        padding: 0 100px
    }
    #logo-header {
        font-size: 17px
    }
    #title-logo i {
        font-size: 25px
    }
    .logo-icon {
        width: 48px;
        height: 34px
    }
    #title-logo {
        line-height: 15px;
        padding: 2px 0 0 10px
    }
    #menu-header li {
        font-size: 15px;
        margin: 0 0 0 43px;
        padding: 4px 0
    }
    #menu-header li a i {
        font-size: 22px
    }
    #menu-header li a:before {
        width: 12px;
        top: -8px
    }
    .info-footer {
        max-width: 800px;
        font-size: 13px
    }
    .info-footer,
    .info-footer>* {
        padding: 4px 0
    }
    .info-footer a:before {
        bottom: -3px
    }
    .one-line-gb1 {
        left: 99px
    }
    .common-btn-green {
        font-size: 15px
    }
}
@media only screen and (max-width: 1440px) {
    #footer,
    #header {
        height: 85px
    }
    #header {
        padding: 0 85px
    }
    .centred-header {
        padding: 0 15px
    }
    #logo-header {
        font-size: 16px
    }
    #title-logo i {
        font-size: 24px
    }
    .logo-icon {
        width: 40px;
        height: 29px
    }
    #title-logo {
        line-height: 14px;
        padding: 0 0 0 10px
    }
    #menu-header li {
        font-size: 14px;
        margin: 0 0 0 36px;
        padding: 2px 0
    }
    #menu-header li a i {
        font-size: 21px
    }
    #menu-header li a:before {
        width: 11px;
        top: -7px
    }
    .info-footer {
        max-width: 650px;
        font-size: 12px
    }
    .info-footer,
    .info-footer>* {
        padding: 3px 0
    }
    .one-line-gb1 {
        left: 84px
    }
}
@media only screen and (max-width: 1152px) {
    #header,
    html.mobile-platform #header {
        height: 88px;
        padding: 0 38px;
        background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(10%, #fff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to bottom, #fff 0, #fff 10%, rgba(255, 255, 255, 0) 100%)
    }
    #home-case:before {
        content: '';
        position: absolute;
        z-index: 2;
        border-radius: 100%;
        overflow: hidden;
        pointer-events: none;
        -webkit-animation: circleMainScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
        animation: circleMainScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
    }
    #home-case:before,
    .inner-page:before {
        width: 40.52vw;
        height: 40.52vw;
        right: -9.26vw;
        top: -15vw;
        background: linear-gradient(45deg, rgba(32, 170, 151, .1) 0, #fff 100%)
    }
    .mp-head {
        display: block
    }
    #content-case:before,
    .dashed-lines-gb,
    .dp-head {
        display: none
    }
    #footer {
        height: 96px
    }
    .info-footer,
    .info-footer>* {
        padding: 0
    }
    .info-footer {
        max-width: calc(100% - 76px);
        font-size: 14px
    }
}
@media only screen and (max-width: 640px) {
    .info-footer {
        font-size: 13px
    }
    .info-footer,
    .info-footer>* {
        padding: 2px 0 0
    }
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    #header,
    html.mobile-platform #header {
        height: 68px;
        padding: 0 20px;
        position: relative
    }
    .open-mp-menu {
        width: 20px;
        height: 17px
    }
    .line-mp-menu2 {
        width: 17px
    }
    .close-mp-menu {
        width: 18px;
        height: 18px
    }
    .logo-mp-icon {
        width: 43px;
        height: 31px
    }
    .logo-mp-head {
        width: 128px;
        height: 31px;
        font-size: 16px
    }
    .title-mp-logo i {
        font-size: 23px
    }
    .title-mp-logo {
        line-height: 15px;
        padding: 1px 0 0 9px
    }
    .inner-mp-menu-b {
        padding: 108px 20px 0
    }
    .list-mp-menu li {
        font-size: 24px;
        margin-bottom: 40px
    }
    #content-case {
        margin-top: -68px
    }
    #home-case:before,
    .inner-page:before {
        width: 43.52vw;
        height: 43.52vw;
        right: -8.26vw;
        top: -12vw
    }
}
@media only screen and (max-width: 425px) {
    #header,
    html.mobile-platform #header {
        height: 68px;
        padding: 0 20px
    }
    .open-mp-menu {
        width: 20px;
        height: 17px
    }
    .line-mp-menu2 {
        width: 17px
    }
    .close-mp-menu {
        width: 18px;
        height: 18px
    }
    .logo-mp-icon {
        width: 43px;
        height: 31px
    }
    .logo-mp-head {
        width: 128px;
        height: 31px;
        font-size: 16px
    }
    .title-mp-logo i {
        font-size: 23px
    }
    .title-mp-logo {
        line-height: 15px;
        padding: 1px 0 0 9px
    }
    .inner-mp-menu-b {
        padding: 108px 20px 0
    }
    .list-mp-menu li {
        font-size: 24px;
        margin-bottom: 40px
    }
    #home-case:before,
    .inner-page:before {
        width: 43.52vw;
        height: 43.52vw;
        right: -8.26vw;
        top: -12vw
    }
    #footer {
        height: 96px
    }
    .info-footer,
    .info-footer>* {
        padding: 5px 0 0;
        white-space: normal
    }
    .info-footer {
        max-width: 100%;
        font-size: 13px;
        width: 255px;
        line-height: 22px
    }
}
@media only screen and (max-width: 480px) and (max-height: 320px) and (orientation: landscape) {
    #footer {
        height: 96px
    }
    .info-footer,
    .info-footer>* {
        padding: 5px 0 0;
        white-space: normal
    }
    .info-footer {
        max-width: 100%;
        font-size: 13px;
        width: 255px;
        line-height: 22px
    }
}
.about-content-ip {
    margin: 90px 0 117px
}
.about-content-ip,
.desc-about-cnt,
.map-about-cnt {
    width: 100%;
    position: relative
}
.centred-about-cnt {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    color: #585858
}
.circle-cb-about,
.circle-lt-about {
    width: 42.5vw;
    height: 42.5vw;
    border-radius: 50%;
    position: absolute;
    z-index: -1
}
.circle-lt-about {
    top: 35%;
    left: -5vw;
    background: rgba(244, 251, 250, .149)
}
.circle-cb-about {
    bottom: -27vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(244, 251, 250, .302)
}
.circle-cb-about.anim-elem,
.circle-lt-about.anim-elem {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .circle-cb-about.anim-elem {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.circle-cb-about.anim-elem.done,
.circle-lt-about.anim-elem.done,
html.mobile-platform .circle-cb-about {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.circle-cb-about.hv-disable,
.circle-lt-about.hv-disable,
html.mobile-platform .circle-cb-about {
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform .circle-lt-about {
    display: none
}
.centred-about-cnt a {
    color: #fc8b0c
}
html:not(.mobile-platform) .centred-about-cnt a:hover {
    text-decoration: underline
}
.centred-about-cnt>* {
    width: 100%
}
.centred-about-cnt,
.centred-about-cnt>* {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}
.centred-about-cnt blockquote,
.centred-about-cnt p {
    font-size: 24px;
    line-height: 32px
}
.centred-about-cnt h1,
.centred-about-cnt h2,
.centred-about-cnt h3,
.centred-about-cnt h4,
.centred-about-cnt h5,
.centred-about-cnt h6 {
    line-height: 1.25em;
    font-family: ProximaNovaExtraBold, sans-serif
}
.centred-about-cnt h1 {
    font-size: 30px
}
.centred-about-cnt h2 {
    font-size: 28px
}
.centred-about-cnt h3 {
    font-size: 26px
}
.centred-about-cnt h4 {
    font-size: 24px
}
.centred-about-cnt h5 {
    font-size: 22px
}
.centred-about-cnt h6 {
    font-size: 20px
}
.centred-about-cnt blockquote,
.centred-about-cnt h1,
.centred-about-cnt h2,
.centred-about-cnt h3,
.centred-about-cnt h4,
.centred-about-cnt h5,
.centred-about-cnt h6,
.centred-about-cnt p {
    margin: 16px 0
}
.map-about-cnt {
    margin: 72px 0 0
}
.inner-map-about {
    width: 100%;
    position: relative;
    margin: 43px 0 0
}
.centred-map-about-it,
.centred-map-bottom {
    width: 1330px;
    margin: 0 auto;
    position: relative
}
.centred-map-about-it {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #313131;
    font: 36px ProximaNovaExtraBold, sans-serif
}
.about-ma-cmn {
    max-width: 47.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.count-deals-ma,
.count-sum-ma {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}
.name-deals-ma,
.name-sum-ma {
    padding: 0 0 0 8px
}
.value-about-ma {
    display: inline-block;
    vertical-align: top
}
#map-about-static {
    width: 100%
}
.inner-ma-static {
    width: 100%;
    position: relative
}
.inner-ma-static img {
    width: 100%;
    height: auto;
    display: block
}
.full-desc-about-cnt {
    width: 100%;
    position: relative;
    margin: 70px 0 0
}
.centred-full-desc-a {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    color: #585858
}
.centred-full-desc-a blockquote,
.centred-full-desc-a li,
.centred-full-desc-a p {
    font-size: 17px
}
.centred-full-desc-a blockquote,
.centred-full-desc-a p {
    line-height: 25px
}
.title-map-about {
    width: auto;
    font: 18px ProximaNovaExtraBold, sans-serif;
    position: absolute;
    white-space: nowrap;
    right: 0;
    z-index: 2;
    bottom: -20px;
    text-align: center;
    color: rgba(0, 0, 0, .31)
}
.centred-full-desc-a li {
    margin-bottom: 6px
}
.centred-full-desc-a li:last-child {
    margin-bottom: 0
}
.centred-full-desc-a a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .centred-full-desc-a a:hover {
    text-decoration: underline
}
.centred-full-desc-a ol,
.centred-full-desc-a ul {
    padding: 0 0 0 18px
}
.trident-platform .centred-full-desc-a ol {
    padding: 0 0 0 22px
}
.centred-full-desc-a blockquote,
.centred-full-desc-a h1,
.centred-full-desc-a h2,
.centred-full-desc-a h3,
.centred-full-desc-a h4,

.centred-full-desc-a h5,
.centred-full-desc-a h6,
.centred-full-desc-a ol,
.centred-full-desc-a p,
.centred-full-desc-a ul {
    width: 100%;
    margin: 16px 0
}
.centred-full-desc-a h1,
.centred-full-desc-a h2,
.centred-full-desc-a h3,
.centred-full-desc-a h4,
.centred-full-desc-a h5,
.centred-full-desc-a h6 {
    line-height: 1.25em;
    font-family: ProximaNovaExtraBold, sans-serif
}
.centred-full-desc-a h1 {
    font-size: 27px
}
.centred-full-desc-a h2 {
    font-size: 25px
}
.centred-full-desc-a h3 {
    font-size: 23px
}
.centred-full-desc-a h4 {
    font-size: 21px
}
.centred-full-desc-a h5 {
    font-size: 19px
}
.centred-full-desc-a h6 {
    font-size: 17px
}
.centred-full-desc-a,
.centred-full-desc-a>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.list-clients-about,
.our-clients-about-cnt,
.title-inner-about-cnt {
    width: 100%;
    position: relative
}
.our-clients-about-cnt {
    margin: 116px 0 0
}
.title-inner-about-cnt h2 {
    width: 100%;
    margin bottom: 0;
    font: 60px ProximaNovaExtraBold, sans-serif;
    color: #000;
    text-align: center;
    letter-spacing: -.01em
}
.title-inner-about-cnt h2 span {
    display: inline
}
.centred-list-ab,
.list-countries-a {
    display: -webkit-box;
    display: -ms-flexbox
}
.title-inner-about-cnt h2 span>span {
    white-space: nowrap
}
.title-inner-about-cnt h2 i {
    font-style: normal;
    color: #fc8b0c
}
.list-clients-about {
    margin: 67px 0 0
}
.centred-list-ab {
    width: 100%;
    margin: 0 auto;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.bottom-info-about-cnt,
.list-countries-a {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-box-direction: normal
}
.centred-list-ab-cl {
    max-width: 1410px
}
.centred-list-ab-as,
.centred-list-ab-if {
    max-width: 1700px
}
.centred-list-ab-ct {
    max-width: 1550px
}
.one-client-about {
    width: auto;
    max-width: 200px;
    position: relative;
    margin: 0 40px 60px
}
.icon-client-about {
    width: 100%;
    position: relative;
    text-align: center
}
.is-icon-client-about {
    width: 85px;
    height: 85px;
    border: 1px solid #C8EEEB;
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
    -webkit-transition: all .4s cubic-bezier(.4, 0, 0, 1);
    transition: all .4s cubic-bezier(.4, 0, 0, 1)
}
.one-client-about.hv-disable {
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important
}
html:not(.mobile-platform) .one-client-about:hover {
    -webkit-filter: drop-shadow(0 0 20px rgba(255, 153, 6, .8));
    filter: drop-shadow(0 0 20px rgba(255, 153, 6, .8))
}
html:not(.mobile-platform) .one-client-about:hover .is-icon-client-about:before {
    opacity: 0
}
html:not(.mobile-platform) .one-client-about:hover .is-icon-client-about:after {
    opacity: 1
}
html:not(.mobile-platform) .one-client-about:hover .is-icon-client-about {
    border-color: #000
}
.is-icon-client-about:after,
.is-icon-client-about:before {
    content: '';
    position: absolute;
    width: 51px;
    height: 47px;
    top: -2px;
    left: 2px;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .4s cubic-bezier(.4, 0, 0, 1);
    transition: all .4s cubic-bezier(.4, 0, 0, 1)
}
.is-icon-client-about:before {
    background: url(imgs/svg/our-client.svg) center no-repeat;
    background-size: 100% 100%
}
.is-icon-client-about:after {
    opacity: 0;
    background: url(imgs/svg/our-client-hv.svg) center no-repeat;
    background-size: 100% 100%
}
.info-area-about,
.info-client-about {
    margin: 47px 0 0;
    text-align: center;
    font: 20px ProximaNovaExtraBold, sans-serif;
    line-height: 26px
}
.info-area-about,
.info-area-about>*,
.info-client-about,
.info-client-about>* {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}
.list-areas-about,
.our-areas-about-cnt {
    width: 100%;
    position: relative
}
.our-areas-about-cnt {
    margin: 65px 0 0;
    background: #FCFCFC;
    padding: 100px 0 0
}
.list-areas-about {
    margin: 91px 0 0
}
.one-area-about {
    width: auto;
    max-width: 275px;
    overflow: hidden;
    position: relative;
    margin: 0 100px 100px
}
.icon-area-about {
    width: 100%;
    height: 77px;
    overflow: hidden;
    text-align: center
}
.icon-area-about img {
    width: auto;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    position: relative
}
.one-area-about.hv-disable {
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important
}
.countries-about-cnt {
    width: 100%;
    position: relative;
    margin: 174px 0 0
}
.icon-area-about img {
    -webkit-transition: all .4s cubic-bezier(.4, 0, 0, 1);
    transition: all .4s cubic-bezier(.4, 0, 0, 1)
}
html:not(.mobile-platform) .one-area-about:hover {
    -webkit-filter: drop-shadow(0 0 20px rgba(235, 131, 22, .8));
    filter: drop-shadow(0 0 20px rgba(235, 131, 22, .8))
}
html:not(.mobile-platform) .one-area-about:hover .icon-area-about img {
    -webkit-filter: contrast(100%) brightness(100%);
    filter: contrast(100%) brightness(100%)
}
.list-countries-a {
    width: 100%;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none
}
.list-countries-a li {
    width: auto;
    max-width: 275px;
    position: relative;
    font: 26px ProximaNovaExtraBold, sans-serif;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6px 6px 6px 60px;
    margin: 0 35px 35px
}
.list-countries-a li:before {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    left: 6px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-box-shadow: 0 0 6px rgba(93, 91, 91, .1);
    box-shadow: 0 0 6px rgba(93, 91, 91, .1)
}
.list-countries-a li:nth-child(1):before {
    background: url(imgs/country-france.png) center no-repeat;
    background-size: 100% 100%
}
.list-countries-a li:nth-child(2):before {
    background: url(imgs/country-italy.png) center no-repeat;
    background-size: 100% 100%
}
.list-countries-a li:nth-child(3):before {
    background: url(imgs/country-uk.png) center no-repeat;
    background-size: 100% 100%
}
.list-countries-a li:nth-child(4):before {
    background: url(imgs/country-spain.png) center no-repeat;
    background-size: 100% 100%
}
.list-countries-a li:nth-child(5):before {
    background: url(imgs/country-germany.png) center no-repeat;
    background-size: 100% 100%
}
.list-countries-a li:nth-child(6):before {
    background: url(imgs/country-sw.png) center no-repeat;
    background-size: 100% 100%
}
.list-countries-a li:nth-child(7):before {
    background: url(imgs/country-portygal.png) center no-repeat;
    background-size: 100% 100%
}
.bottom-info-about-cnt {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 112px 0 0
}
.one-info-about {
    width: auto;
    max-width: 225px;
    position: relative;
    margin: 0 40px 60px
}
.icon-one-info-about {
    width: 100%;
    height: 77px;
    text-align: center
}
.one-info-about.hv-disable {
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important
}
.icon-one-info-about img {
    width: auto;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .4s cubic-bezier(.4, 0, 0, 1);
    transition: all .4s cubic-bezier(.4, 0, 0, 1)
}
html:not(.mobile-platform) .one-info-about:hover {
    -webkit-filter: drop-shadow(0 0 20px rgba(255, 153, 6, .8));
    filter: drop-shadow(0 0 20px rgba(255, 153, 6, .8))
}
html:not(.mobile-platform) .one-info-about:hover .icon-one-info-about img {
    -webkit-filter: contrast(175%) brightness(3%);
    filter: contrast(175%) brightness(3%)
}
.desc-one-info-about,
.title-one-info-about {
    position: relative
}
.title-one-info-about {
    margin-top: 53px;
    font: 20px ProximaNovaExtraBold, sans-serif;
    line-height: 26px
}
.desc-one-info-about {
    font-size: 18px;
    color: #585858;
    margin: 3px 0 0;
    line-height: 26px
}
.desc-one-info-about a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .desc-one-info-about a:hover {
    text-decoration: underline
}
.desc-one-info-about,
.desc-one-info-about>*,
.title-one-info-about,
.title-one-info-about>* {
    width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}
.desc-bottom-about-cnt {
    width: 100%;
    position: relative;
    margin: 243px 0 0
}
.centred-desc-ba {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    font: 40px ProximaNovaExtraBold, sans-serif;
    line-height: 48px;
    letter-spacing: -.01em
}
.centred-desc-ba,
.centred-desc-ba>* {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}
.centred-desc-ba>* {
    width: 100%
}
.centred-desc-ba a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .centred-desc-ba a:hover {
    text-decoration: underline
}
html:not(.mobile-platform) .centred-about-cnt.anim-elem,
html:not(.mobile-platform) .centred-desc-ba.anim-elem,
html:not(.mobile-platform) .deals-about-ma.anim-elem,
html:not(.mobile-platform) .full-desc-about-cnt.anim-elem,
html:not(.mobile-platform) .inner-ma-static.anim-elem,
html:not(.mobile-platform) .one-area-about.anim-elem,
html:not(.mobile-platform) .one-client-about.anim-elem,
html:not(.mobile-platform) .one-info-about.anim-elem,
html:not(.mobile-platform) .sum-about-ma.anim-elem,
html:not(.mobile-platform) .title-map-about.anim-elem {
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .title-inner-about-cnt.anim-elem h2 {
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s;
    transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s
}
html:not(.mobile-platform) .title-inner-about-cnt.anim-elem h2 i {
    color: #000;
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1) .8s;
    transition: all .6s cubic-bezier(.4, 0, .2, 1) .8s
}
html:not(.mobile-platform) .one-area-about.anim-elem,
html:not(.mobile-platform) .one-client-about.anim-elem,
html:not(.mobile-platform) .one-info-about.anim-elem {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .centred-desc-ba.anim-elem {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
html:not(.mobile-platform) .deals-about-ma.anim-elem {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .full-desc-about-cnt.anim-elem,
html:not(.mobile-platform) .sum-about-ma.anim-elem {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .inner-ma-static.anim-elem {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
html:not(.mobile-platform) .list-countries-a.anim-elem li {
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s;
    transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s
}
html:not(.mobile-platform) .title-inner-about-cnt.anim-elem.done h2 i {
    color: #fc8b0c
}
html:not(.mobile-platform) .centred-about-cnt.anim-elem.done,
html:not(.mobile-platform) .centred-desc-ba.anim-elem.done,
html:not(.mobile-platform) .deals-about-ma.anim-elem.done,
html:not(.mobile-platform) .full-desc-about-cnt.anim-elem.done,
html:not(.mobile-platform) .inner-ma-static.anim-elem.done,
html:not(.mobile-platform) .list-countries-a.anim-elem.done li,
html:not(.mobile-platform) .one-area-about.anim-elem.done,
html:not(.mobile-platform) .one-client-about.anim-elem.done,
html:not(.mobile-platform) .one-info-about.anim-elem.done,
html:not(.mobile-platform) .sum-about-ma.anim-elem.done,
html:not(.mobile-platform) .title-inner-about-cnt.anim-elem.done h2,
html:not(.mobile-platform) .title-map-about.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
@media only screen and (max-width: 1680px) {
    .centred-about-cnt {
        width: 900px
    }
    .about-content-ip {
        margin: 70px 0 90px
    }
    .centred-about-cnt blockquote,
    .centred-about-cnt p {
        font-size: 21px;
        line-height: 29px
    }
    .centred-about-cnt blockquote,
    .centred-about-cnt h1,
    .centred-about-cnt h2,
    .centred-about-cnt h3,
    .centred-about-cnt h4,
    .centred-about-cnt h5,
    .centred-about-cnt h6,
    .centred-about-cnt p {
        margin: 12px 0
    }
    .centred-about-cnt h1 {
        font-size: 27px
    }
    .centred-about-cnt h2 {
        font-size: 25px
    }
    .centred-about-cnt h3 {
        font-size: 23px
    }
    .centred-about-cnt h4 {
        font-size: 21px
    }
    .centred-about-cnt h5 {
        font-size: 19px
    }
    .centred-about-cnt h6 {
        font-size: 17px
    }
    .map-about-cnt {
        margin: 62px 0 0
    }
    .inner-map-about {
        margin: 45px 0 0
    }
    .centred-map-about-it {
        font-size: 30px;
        width: 1170px
    }
    .centred-map-bottom {
        width: 1170px
    }
    .centred-full-desc-a {
        width: 900px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a li,
    .centred-full-desc-a p {
        font-size: 15px
    }
    .centred-full-desc-a h1 {
        font-size: 26px
    }
    .centred-full-desc-a h2 {
        font-size: 24px
    }
    .centred-full-desc-a h3 {
        font-size: 22px
    }
    .centred-full-desc-a h4 {
        font-size: 20px
    }
    .centred-full-desc-a h5 {
        font-size: 18px
    }
    .centred-full-desc-a h6 {
        font-size: 16px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a p {
        line-height: 23px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a h1,
    .centred-full-desc-a h2,
    .centred-full-desc-a h3,
    .centred-full-desc-a h4,
    .centred-full-desc-a h5,
    .centred-full-desc-a h6,
    .centred-full-desc-a ol,
    .centred-full-desc-a p,
    .centred-full-desc-a ul {
        margin: 12px 0
    }
    .centred-full-desc-a ol,
    .centred-full-desc-a ul {
        padding: 0 0 0 16px
    }
    .centred-full-desc-a li {
        margin-bottom: 5px
    }
    .full-desc-about-cnt {
        margin: 50px 0 0
    }
    .our-clients-about-cnt {
        margin: 96px 0 0
    }
    .title-inner-about-cnt h2 {
        font-size: 50px
    }
    .centred-list-ab-cl {
        max-width: 100%;
        padding: 0 100px
    }
    .centred-list-ab-as,
    .centred-list-ab-if {
        max-width: 1400px
    }
    .trident-platform .centred-list-ab-if {
        max-width: 100%
    }
    .centred-list-ab-ct {
        max-width: 1400px
    }
    .one-client-about {
        max-width: 180px;
        margin: 0 40px 45px
    }
    .is-icon-client-about {
        width: 70px;
        height: 70px
    }
    .is-icon-client-about:after,
    .is-icon-client-about:before {
        width: 42px;
        height: 40px;
        top: -3px
    }
    .info-area-about,
    .info-client-about {
        margin: 30px 0 0;
        font-size: 18px;
        line-height: 24px
    }
    .our-areas-about-cnt {
        margin: 58px 0 0;
        padding: 58px 0 0
    }
    .list-areas-about {
        margin: 70px 0 0
    }
    .one-area-about {
        max-width: 250px;
        margin: 0 60px 60px
    }
    .icon-area-about {
        height: 65px
    }
    .countries-about-cnt {
        margin: 125px 0 0
    }
    .list-countries-a li:before {
        width: 30px;
        height: 30px
    }
    .list-countries-a li {
        max-width: 250px;
        font-size: 22px;
        line-height: 30px;
        padding: 6px 6px 6px 55px;
        margin: 0 30px 30px
    }
    .bottom-info-about-cnt {
        margin: 85px 0 0
    }
    .icon-one-info-about {
        height: 65px
    }
    .title-one-info-about {
        margin-top: 35px;
        font-size: 18px;
        line-height: 24px
    }
    .desc-one-info-about {
        font-size: 16px;
        margin: 5px 0 0;
        line-height: 22px
    }
    .one-info-about {
        max-width: 190px
    }
    .desc-bottom-about-cnt {
        margin: 130px 0 0
    }
    .centred-desc-ba {
        width: 900px;
        font-size: 34px;
        line-height: 40px
    }
}
@media only screen and (max-width: 1440px) {
    .about-content-ip {
        margin: 62px 0 72px
    }
    .centred-about-cnt {
        width: 800px
    }
    .centred-about-cnt blockquote,
    .centred-about-cnt p {
        font-size: 18px;
        line-height: 25px
    }
    .centred-about-cnt blockquote,
    .centred-about-cnt h1,
    .centred-about-cnt h2,
    .centred-about-cnt h3,
    .centred-about-cnt h4,
    .centred-about-cnt h5,
    .centred-about-cnt h6,
    .centred-about-cnt p {
        margin: 10px 0
    }
    .centred-about-cnt h1,
    .centred-about-cnt h2 {
        font-size: 24px
    }
    .centred-about-cnt h3 {
        font-size: 22px
    }
    .centred-about-cnt h4 {
        font-size: 20px
    }
    .centred-about-cnt h5 {
        font-size: 18px
    }
    .centred-about-cnt h6 {
        font-size: 16px
    }
    .map-about-cnt {
        margin: 55px 0 0
    }
    .inner-map-about {
        margin: 40px 0 0
    }
    .centred-map-about-it {
        font-size: 26px;
        width: 1050px
    }
    .centred-map-bottom {
        width: 1050px
    }
    .centred-full-desc-a {
        width: 800px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a li,
    .centred-full-desc-a p {
        font-size: 14px
    }
    .centred-full-desc-a h1 {
        font-size: 25px
    }
    .centred-full-desc-a h2 {
        font-size: 23px
    }
    .centred-full-desc-a h3 {
        font-size: 21px
    }
    .centred-full-desc-a h4 {
        font-size: 19px
    }
    .centred-full-desc-a h5 {
        font-size: 17px
    }
    .centred-full-desc-a h6 {
        font-size: 15px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a p {
        line-height: 22px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a h1,
    .centred-full-desc-a h2,
    .centred-full-desc-a h3,
    .centred-full-desc-a h4,
    .centred-full-desc-a h5,
    .centred-full-desc-a h6,
    .centred-full-desc-a ol,
    .centred-full-desc-a p,
    .centred-full-desc-a ul {
        margin: 10px 0
    }
    .title-map-about {
        font-size: 16px
    }
    .centred-full-desc-a ol,
    .centred-full-desc-a ul {
        padding: 0 0 0 15px
    }
    .trident-platform .centred-full-desc-a ol {
        padding: 0 0 0 19px
    }
    .centred-full-desc-a li {
        margin-bottom: 6px
    }
    .full-desc-about-cnt {
        margin: 50px 0 0
    }
    .our-clients-about-cnt {
        margin: 86px 0 0
    }
    .list-clients-about {
        margin: 60px 0 0
    }
    .centred-list-ab-cl {
        max-width: 100%;
        padding: 0 85px
    }
    .centred-list-ab-as {
        max-width: 1100px
    }
    .centred-list-ab-if {
        max-width: 800px
    }
    .centred-list-ab-ct {
        max-width: 650px
    }
    .one-client-about {
        max-width: 160px;
        margin: 0 35px 42px
    }
    .is-icon-client-about {
        width: 60px;
        height: 60px
    }
    .is-icon-client-about:after,
    .is-icon-client-about:before {
        width: 37px;
        height: 35px;
        left: 3px;
        top: -4px
    }
    .info-area-about,
    .info-client-about {
        margin: 20px 0 0;
        font-size: 15px;
        line-height: 20px
    }
    .our-areas-about-cnt {
        margin: 47px 0 0;
        padding: 47px 0 0
    }
    .list-areas-about {
        margin: 60px 0 0
    }
    .one-area-about {
        max-width: 200px;
        margin: 0 50px 50px
    }
    .icon-area-about {
        height: 55px
    }
    .countries-about-cnt {
        margin: 85px 0 0
    }
    .list-countries-a li:before {
        width: 26px;
        height: 26px
    }
    .list-countries-a li {
        max-width: 200px;
        font-size: 21px;
        line-height: 26px;
        padding: 6px 6px 6px 51px;
        margin: 0 25px 25px
    }
    .bottom-info-about-cnt {
        margin: 65px 0 0
    }
    .icon-one-info-about {
        height: 55px
    }
    .title-one-info-about {
        margin-top: 25px;
        font-size: 17px;
        line-height: 22px
    }
    .desc-one-info-about {
        font-size: 15px;
        margin: 3px 0 0;
        line-height: 21px
    }
    .one-info-about {
        max-width: 175px;
        margin: 0 30px 40px
    }
    .desc-bottom-about-cnt {
        margin: 90px 0 0
    }
    .centred-desc-ba {
        width: 800px;
        font-size: 28px;
        line-height: 34px
    }
}
@media only screen and (max-width: 1280px) {
    .centred-list-ab-cl {
        max-width: 700px;
        padding: 0
    }
}
@media only screen and (max-width: 1152px) {
    .about-content-ip {
        margin: 42px 0 62px
    }
    .centred-about-cnt {
        width: 396px
    }
    #about-case .title-inside-page h1 {
        text-align: center
    }
    .centred-about-cnt blockquote,
    .centred-about-cnt p {
        font-size: 19px;
        line-height: 27px
    }
    .centred-about-cnt blockquote,
    .centred-about-cnt h1,
    .centred-about-cnt h2,
    .centred-about-cnt h3,
    .centred-about-cnt h4,
    .centred-about-cnt h5,
    .centred-about-cnt h6,
    .centred-about-cnt p {
        margin: 12px 0
    }
    .centred-about-cnt h1 {
        font-size: 27px
    }
    .centred-about-cnt h2 {
        font-size: 25px
    }
    .centred-about-cnt h3 {
        font-size: 23px
    }
    .centred-about-cnt h4 {
        font-size: 21px
    }
    .centred-about-cnt h5 {
        font-size: 19px
    }
    .centred-about-cnt h6 {
        font-size: 17px
    }
    .centred-full-desc-a {
        text-align: center;
        padding: 0 38px
    }
    .centred-full-desc-a,
    .centred-map-about-it,
    .centred-map-bottom {
        width: 100%
    }
    .inner-ma-static {
        width: 1024px
    }
    #map-about-static {
        overflow-x: auto;
        overflow-y: hidden
    }
    .title-map-about {
        bottom: inherit;
        right: inherit;
        font-size: 20px;
        position: relative;
        margin: 0 0 25px
    }
    .centred-map-about-it {
        font-size: 30px
    }
    .inner-map-about.top-ma {
        margin-top: 62px;
        padding: 0 38px
    }
    .full-desc-about-cnt,
    .inner-map-about.bottom-ma {
        margin-top: 42px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a li,
    .centred-full-desc-a p {
        font-size: 16px
    }
    .centred-full-desc-a h1 {
        font-size: 26px
    }
    .centred-full-desc-a h2 {
        font-size: 24px
    }
    .centred-full-desc-a h3 {
        font-size: 22px
    }
    .centred-full-desc-a h4 {
        font-size: 20px
    }
    .centred-full-desc-a h5 {
        font-size: 18px
    }
    .centred-full-desc-a h6 {
        font-size: 16px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a p {
        line-height: 24px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a h1,
    .centred-full-desc-a h2,
    .centred-full-desc-a h3,
    .centred-full-desc-a h4,
    .centred-full-desc-a h5,
    .centred-full-desc-a h6,
    .centred-full-desc-a ol,
    .centred-full-desc-a p,
    .centred-full-desc-a ul {
        margin: 12px 0;
        text-align: left
    }
    .centred-full-desc-a ol,
    .centred-full-desc-a ul {
        padding: 0 0 0 18px
    }
    .centred-full-desc-a li {
        margin-bottom: 6px
    }
    .title-inner-about-cnt h2 {
        font-size: 60px
    }
    .our-clients-about-cnt {
        margin: 76px 0 0;
        padding: 0 38px
    }
    .list-clients-about {
        margin: 62px 0 0
    }
    .one-client-about {
        width: 33.3333333%;
        margin: 0 0 52px;
        max-width: inherit;
        padding: 0 3%
    }
    .is-icon-client-about {
        width: 85px;
        height: 85px
    }
    .is-icon-client-about:after,
    .is-icon-client-about:before {
        width: 51px;
        height: 47px;
        left: 4px;
        top: -4px
    }
    .our-areas-about-cnt {
        margin: 34px 0 0;
        padding: 50px 38px 0
    }
    .list-areas-about {
        margin: 62px 0 0
    }
    .info-area-about,
    .info-client-about {
        margin: 22px 0 0;
        font-size: 18px;
        line-height: 24px
    }
    .icon-area-about,
    .icon-one-info-about {
        height: 77px
    }
    .one-area-about {
        width: 25%;
        max-width: inherit;
        margin: 0 0 52px;
        padding: 0 3%
    }
    .centred-list-ab-ct {
        max-width: 700px
    }
    .countries-about-cnt {
        margin: 62px 0 0
    }
    .bottom-info-about-cnt {
        margin: 68px 0 0;
        padding: 0 38px
    }
    .title-one-info-about {
        margin-top: 25px;
        font-size: 18px;
        line-height: 24px
    }
    .desc-one-info-about {
        font-size: 17px;
        margin: 3px 0 0;
        line-height: 24px
    }
    .one-info-about {
        max-width: inherit;
        margin: 0 0 52px;
        width: 33.333333%;
        padding: 0 3%
    }
    .desc-bottom-about-cnt {
        margin: 52px 0 0
    }
    .centred-desc-ba {
        width: 430px;
        font-size: 30px;
        line-height: 36px
    }
    .circle-cb-about {
        bottom: -33vw;
        width: 55vw;
        height: 55vw
    }
}
@media only screen and (max-width: 800px) {
    .centred-list-ab-ct {
        width: 100%
    }
    .countries-about-cnt {
        padding: 0 38px
    }
    .circle-cb-about {
        bottom: -50vw;
        width: 75vw;
        height: 75vw
    }
}
@media only screen and (max-width: 640px) {
    .centred-map-about-it {
        font-size: 26px
    }
    .title-inner-about-cnt h2 {
        font-size: 56px
    }
    .one-area-about,
    .one-client-about,
    .one-info-about {
        width: 50%
    }
    .centred-desc-ba {
        width: 400px;
        font-size: 28px;
        line-height: 34px
    }
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    .centred-about-cnt,
    .centred-full-desc-a {
        padding: 0 20px
    }
    .about-content-ip {
        margin: 33px 0 50px
    }
    .centred-about-cnt blockquote,
    .centred-about-cnt p {
        font-size: 16px;
        line-height: 24px
    }
    .centred-about-cnt h1 {
        font-size: 25px
    }
    .centred-about-cnt h2 {
        font-size: 23px
    }
    .centred-about-cnt h3 {
        font-size: 21px
    }
    .centred-about-cnt h4 {
        font-size: 19px
    }
    .centred-about-cnt h5 {
        font-size: 17px
    }

    .centred-about-cnt h6 {
        font-size: 15px
    }
    .centred-full-desc-a,
    .centred-map-about-it,
    .centred-map-bottom {
        width: 100%
    }
    .centred-map-about-it {
        font-size: 24px
    }
    .map-about-cnt {
        margin: 42px 0 0
    }
    .inner-map-about.top-ma {
        margin-top: 0;
        padding: 0 20px
    }
    .full-desc-about-cnt,
    .inner-map-about.bottom-ma {
        margin-top: 30px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a li,
    .centred-full-desc-a p {
        font-size: 16px
    }
    .centred-full-desc-a h1 {
        font-size: 26px
    }
    .centred-full-desc-a h2 {
        font-size: 24px
    }
    .centred-full-desc-a h3 {
        font-size: 22px
    }
    .centred-full-desc-a h4 {
        font-size: 20px
    }
    .centred-full-desc-a h5 {
        font-size: 18px
    }
    .centred-full-desc-a h6,
    .title-map-about {
        font-size: 16px
    }
    #map-about-static {
        width: 100%;
        margin: 0
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a p {
        line-height: 24px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a h1,
    .centred-full-desc-a h2,
    .centred-full-desc-a h3,
    .centred-full-desc-a h4,
    .centred-full-desc-a h5,
    .centred-full-desc-a h6,
    .centred-full-desc-a ol,
    .centred-full-desc-a p,
    .centred-full-desc-a ul {
        margin: 12px 0
    }
    .centred-full-desc-a ol,
    .centred-full-desc-a ul {
        padding: 0 0 0 18px
    }
    .centred-full-desc-a li {
        margin-bottom: 6px
    }
    .our-clients-about-cnt {
        margin: 62px 0 0;
        padding: 0 20px
    }
    .list-areas-about,
    .list-clients-about {
        margin: 52px 0 0
    }
    .title-inner-about-cnt h2 {
        font-size: 45px;
        display: block
    }
    .title-inner-about-cnt h2 i {
        margin-left: -9px
    }
    .centred-list-ab-as,
    .centred-list-ab-cl {
        padding: 0
    }
    .one-area-about,
    .one-client-about {
        margin: 0 0 42px
    }
    .is-icon-client-about {
        width: 60px;
        height: 60px
    }
    .is-icon-client-about:after,
    .is-icon-client-about:before {
        width: 37px;
        height: 35px;
        left: 2px;
        top: -4px
    }
    .our-areas-about-cnt {
        margin: 34px 0 0;
        padding: 40px 20px 0
    }
    .info-area-about,
    .info-client-about {
        margin: 18px 0 0;
        font-size: 18px;
        line-height: 24px
    }
    .icon-area-about,
    .icon-one-info-about {
        height: 55px
    }
    .list-countries-a li:before {
        left: 0;
        margin: 0 auto;
        right: 0;
        width: 30px;
        height: 30px
    }
    .list-countries-a li {
        width: 25%;
        height: 35px;
        max-width: 100%;
        line-height: inherit;
        margin: 0 0 22px;
        padding: 6px 0;
        display: inline-block;
        text-align: center;
        font-size: 0
    }
    .countries-about-cnt {
        margin: 50px 0 0;
        padding: 0 20px
    }
    .bottom-info-about-cnt {
        margin: 62px 0 0;
        padding: 0 20px
    }
    .title-one-info-about {
        margin-top: 25px;
        font-size: 18px;
        line-height: 24px
    }
    .desc-one-info-about {
        font-size: 17px;
        margin: 3px 0 0;
        line-height: 24px
    }
    .one-info-about {
        margin: 0 0 42px
    }
    .desc-bottom-about-cnt {
        margin: 42px 0 0
    }
}
@media only screen and (max-width: 425px) {
    .about-content-ip {
        margin: 33px 0 40px;
        padding: 0
    }
    .centred-about-cnt {
        width: 100%;
        padding: 0 20px
    }
    .centred-about-cnt blockquote,
    .centred-about-cnt p {
        font-size: 16px;
        line-height: 24px
    }
    .centred-about-cnt h1 {
        font-size: 25px
    }
    .centred-about-cnt h2 {
        font-size: 23px
    }
    .centred-about-cnt h3 {
        font-size: 21px
    }
    .centred-about-cnt h4 {
        font-size: 19px
    }
    .centred-about-cnt h5 {
        font-size: 17px
    }
    .centred-about-cnt h6 {
        font-size: 15px
    }
    .centred-full-desc-a,
    .centred-map-about-it,
    .centred-map-bottom {
        width: 100%
    }
    .centred-map-about-it {
        font-size: 24px;
        display: block;
        padding: 0 20px
    }
    .about-ma-cmn {
        width: 100%;
        max-width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .deals-about-ma {
        margin-bottom: 14px
    }
    .map-about-cnt {
        margin: 42px 0 0
    }
    .inner-map-about.top-ma {
        margin-top: 0;
        padding: 0
    }
    .inner-map-about.bottom-ma {
        margin-top: 20px
    }
    .title-map-about {
        font-size: 14px;
        margin: 0 0 20px
    }
    #map-about-static {
        width: 100%;
        margin: 0
    }
    .centred-full-desc-a {
        padding: 0 20px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a li,
    .centred-full-desc-a p {
        font-size: 16px
    }
    .centred-full-desc-a h1 {
        font-size: 26px
    }
    .centred-full-desc-a h2 {
        font-size: 24px
    }
    .centred-full-desc-a h3 {
        font-size: 22px
    }
    .centred-full-desc-a h4 {
        font-size: 20px
    }
    .centred-full-desc-a h5 {
        font-size: 18px
    }
    .centred-full-desc-a h6 {
        font-size: 16px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a p {
        line-height: 24px
    }
    .centred-full-desc-a blockquote,
    .centred-full-desc-a h1,
    .centred-full-desc-a h2,
    .centred-full-desc-a h3,
    .centred-full-desc-a h4,
    .centred-full-desc-a h5,
    .centred-full-desc-a h6,
    .centred-full-desc-a ol,
    .centred-full-desc-a p,
    .centred-full-desc-a ul {
        margin: 12px 0
    }
    .centred-full-desc-a ol,
    .centred-full-desc-a ul {
        padding: 0 0 0 18px
    }
    .centred-full-desc-a li {
        margin-bottom: 6px
    }
    .our-clients-about-cnt {
        margin: 62px 0 0;
        padding: 0 20px
    }
    .list-areas-about,
    .list-clients-about {
        margin: 52px 0 0
    }
    .title-inner-about-cnt h2 {
        font-size: 45px
    }
    .centred-list-ab-as,
    .centred-list-ab-cl {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .one-area-about {
        width: 140px
    }
    .one-client-about {
        width: 180px
    }
    .one-area-about,
    .one-client-about {
        margin: 0 0 42px;
        padding: 0
    }
    .is-icon-client-about {
        width: 60px;
        height: 60px
    }
    .is-icon-client-about:after,
    .is-icon-client-about:before {
        width: 37px;
        height: 35px;
        left: 2px;
        top: -4px
    }
    .our-areas-about-cnt {
        margin: 44px 0 0;
        padding: 42px 20px 12px
    }
    .info-area-about,
    .info-client-about {
        margin: 18px 0 0;
        font-size: 18px;
        line-height: 24px
    }
    .icon-area-about,
    .icon-one-info-about {
        height: 55px
    }
    .list-countries-a li:before {
        left: 0;
        margin: 0 auto;
        right: 0;
        width: 30px;
        height: 30px
    }
    .list-countries-a li {
        width: 25%;
        height: 35px;
        max-width: 100%;
        line-height: inherit;
        margin: 0 0 22px;
        padding: 6px 0;
        display: inline-block;
        text-align: center;
        font-size: 0
    }
    .countries-about-cnt {
        margin: 52px 0 0;
        padding: 0 20px
    }
    .bottom-info-about-cnt {
        margin: 62px 0 0;
        padding: 0 20px
    }
    .title-one-info-about {
        margin-top: 25px;
        font-size: 18px;
        line-height: 24px
    }
    .desc-one-info-about {
        font-size: 17px;
        margin: 3px 0 0;
        line-height: 24px
    }
    .centred-list-ab-if {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .one-info-about {
        margin: 0 0 42px;
        width: 200px;
        padding: 0
    }
    .desc-bottom-about-cnt {
        margin: 42px 0 0;
        padding: 0 20px
    }
    .centred-desc-ba {
        width: 100%;
        font-size: 24px;
        line-height: 30px
    }
    .circle-cb-about {
        bottom: -54vw;
        width: 90vw;
        height: 90vw
    }
}
.blog-content-ip,
.one-post-blog-ip,
.posts-blog-ip {
    width: 100%;
    position: relative
}
.circle-gray-blog {
    width: 42.5vw;
    height: 42.5vw;
    top: 40%;
    left: -20vw;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    background: rgba(249, 249, 249, .4)
}
.circle-gray-blog.anim-elem {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
.circle-gray-blog.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.circle-gray-blog.hv-disable {
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform .circle-gray-blog {
    display: none
}
.posts-blog-ip {
    padding-top: 119px
}
.one-post-blog-ip {
    width: 100%;
    display: block;
    border-bottom: 1px dashed #ECECEC
}
.one-post-blog-ip:last-child {
    border: none
}
.last-single-blog-cnt .one-post-blog-ip:last-child {
    margin: 0;
    padding: 0
}
.centred-blog-content-ip,
.centred-last-sp-cnt {
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.centred-blog-content-ip {
    width: 1200px
}
.one-post-blog-ip {
    margin: 0 0 60px;
    padding: 0 0 60px
}
.image-one-post-ss {
    position: relative;
    overflow: hidden;
    background: #ccc;
    display: block
}
.inner-image-one-post-ss {
    display: none;
    position: absolute;
    width: 102%;
    height: 102%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .3s cubic-bezier(.4, 0, .2, 1) .2s
}
.image-one-post-ss:after,
.image-one-post-ss:before {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.image-one-post-ss:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .5)
}
.image-one-post-ss:after {
    width: 27px;
    height: 26px;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(imgs/svg/arrow-blog.svg) center no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}
html:not(.mobile-platform) .image-one-post-ss:hover:after,
html:not(.mobile-platform) .image-one-post-ss:hover:before {
    opacity: 1
}
html:not(.mobile-platform) .image-one-post-ss:hover:after {
    -webkit-transform: none;
    transform: none
}
.image-one-post-blog {
    width: 600px;
    height: 450px
}
.image-one-post-project {
    width: 450px;
    height: 450px;
    border-radius: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.one-post-project-ip .inner-image-one-post-ss {
    width: 450px;
    height: 450px;
    right: inherit;
    bottom: inherit
}
.image-one-post-ss img {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.info-one-post-blog,
.info-one-post-project {
    position: relative;
    padding: 48px 0
}
.info-one-post-blog {
    width: 500px
}
.info-one-post-project {
    width: 450px
}
.inner-one-post-blog {
    width: 100%;
    overflow: hidden
}
.date-one-post-blog,
.date-one-post-project {
    color: #8b8b8b;
    font-family: ProximaNovaBold, sans-serif
}
.date-one-post-blog {
    font-size: 14px;
    margin-bottom: 66px
}
.date-one-post-project {
    font-size: 17px;
    margin-bottom: 63px
}
.date-one-post-blog,
.date-one-post-blog>*,
.date-one-post-project,
.date-one-post-project>* {
    white-space: nowrap;
    text-overflow: ellipsis
}
.date-one-post-blog>*,
.date-one-post-project>* {
    overflow: hidden
}
.title-one-post-blog {
    max-height: 54px;
    margin-bottom: 30px;
    font: 24px ProximaNovaExtraBold, sans-serif
}
.title-one-post-blog,
.title-one-post-blog>* {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 28px;
    text-overflow: ellipsis;
    text-decoration: none
}
.title-one-post-blog>* {
    overflow: hidden;
    color: #000;
    -webkit-transition: color .3s cubic-bezier(.455, .03, .515, .955);
    transition: color .3s cubic-bezier(.455, .03, .515, .955)
}
html:not(.mobile-platform) .title-one-post-blog>:hover {
    color: #fc8b0c
}
.desc-one-post-blog {
    color: #585858;
    font-size: 16px;
    line-height: 28px;
    max-height: 112px;
    margin-bottom: 52px
}
.link-to-one-post-blog {
    padding-bottom: 2px
}
.desc-one-post-blog>* {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}
.desc-one-post-blog,
.desc-one-post-blog>* {
    text-overflow: ellipsis
}
.desc-one-post-blog a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .desc-one-post-blog a:hover {
    text-decoration: underline
}
html:not(.mobile-platform) .one-post-blog-ip.anim-start,
html:not(.mobile-platform) .title-inside-page.anim-start h1 {
    opacity: 0;
    -webkit-transform: translateY(30vh);
    transform: translateY(30vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .title-inside-page.anim-start h1 i {
    color: #000;
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) .3s
}
html:not(.mobile-platform) .inner-image-one-post-ss {
    display: block
}
html:not(.mobile-platform) .one-post-blog-ip.anim-elem {
    pointer-events: none
}
html:not(.mobile-platform) .one-post-blog-ip.anim-elem .inner-one-post-blog {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) .2s
}
html:not(.mobile-platform) .one-post-blog-ip.anim-elem .date-one-post-blog,
html:not(.mobile-platform) .one-post-blog-ip.anim-elem .date-one-post-project {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}
html:not(.mobile-platform) .one-post-blog-ip.anim-elem .title-one-post-blog {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}
html:not(.mobile-platform) .one-post-blog-ip.anim-elem .desc-one-post-blog {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms
}
html:not(.mobile-platform) .one-post-blog-ip.anim-elem .link-to-one-post-blog {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
html:not(.mobile-platform) .one-post-blog-ip.anim-start.done,
html:not(.mobile-platform) .title-inside-page.anim-start.done h1 {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
html:not(.mobile-platform) .title-inside-page.anim-start.done h1 i {
    color: #fc8b0c
}
html:not(.mobile-platform) .one-post-blog-ip.anim-elem.done .inner-image-one-post-ss {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}
html:not(.mobile-platform) .one-post-blog-ip.anim-elem.pe-active {
    pointer-events: inherit
}
html:not(.mobile-platform) .one-post-blog-ip.anim-elem.done .inner-one-post-blog {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
@media only screen and (max-width: 1680px) {
    .centred-blog-content-ip {
        width: 1050px
    }
    .image-one-post-blog {
        width: 500px;
        height: 375px
    }
    .image-one-post-project,
    .image-one-post-project .inner-image-one-post-ss {
        width: 375px;
        height: 375px
    }
    .info-one-post-blog {
        width: 450px
    }
    .info-one-post-blog,
    .info-one-post-project {
        padding: 41px 0
    }
    .date-one-post-blog {
        margin-bottom: 35px;
        font-size: 13px
    }
    .date-one-post-project {
        font-size: 16px;
        margin-bottom: 31px
    }
    .title-one-post-blog {
        max-height: 47px;
        margin-bottom: 30px;
        font-size: 21px
    }
    .title-one-post-blog,
    .title-one-post-blog>* {
        line-height: 24px
    }
    .desc-one-post-blog {
        font-size: 15px;
        line-height: 26px;
        max-height: 101px;
        margin-bottom: 42px
    }
}
@media only screen and (max-width: 1440px) {
    .centred-blog-content-ip {
        width: 950px
    }
    .posts-blog-ip {
        padding-top: 104px
    }
    .image-one-post-blog {
        width: 450px;
        height: 337px
    }
    .info-one-post-blog {
        width: 420px;
        padding: 41px 0
    }
    .date-one-post-blog {
        margin-bottom: 28px;
        font-size: 13px
    }
    .title-one-post-blog {
        max-height: 43px;
        margin-bottom: 26px;
        font-size: 19px
    }
    .title-one-post-blog,
    .title-one-post-blog>* {
        line-height: 22px
    }
    .desc-one-post-blog {
        font-size: 14px;
        line-height: 24px;
        max-height: 93px;
        margin-bottom: 27px
    }
    .one-post-blog-ip {
        margin: 0 0 42px;
        padding: 0 0 42px
    }
}
@media only screen and (max-width: 1152px) {
    .posts-blog-ip {
        padding: 80px 0 0
    }
    .centred-blog-content-ip {
        width: 100%;
        max-width: 768px
    }
    .one-post-blog-ip {
        margin: 0 0 42px;
        padding: 0 0 42px
    }
    .one-post-blog-ip:last-child {
        border: none
    }
    .image-one-post-blog,
    .info-one-post-blog {
        width: calc(50% - 15px);
        height: 310px
    }
    .image-one-post-project {
        width: 310px;
        height: 310px
    }
    .image-one-post-project .inner-image-one-post-ss {
        display: none
    }
    .info-one-post-project {
        width: calc(100% - 340px)
    }
    .info-one-post-blog,
    .info-one-post-project {
        padding: 3px 0 0;
        overflow: hidden
    }
    .date-one-post-blog,
    .date-one-post-project {
        margin-bottom: 35px;
        font-size: 15px
    }
    .title-one-post-blog {
        max-height: 56px;
        margin-bottom: 18px;
        font-size: 21px
    }
    .title-one-post-blog,
    .title-one-post-blog>* {
        line-height: 29px
    }
    .desc-one-post-blog>*,
    .title-one-post-blog>* {
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
    .title-one-post-blog>* {
        -webkit-line-clamp: 2
    }
    .desc-one-post-blog>* {
        -webkit-line-clamp: 5
    }
    .desc-one-post-blog {
        font-size: 16px;
        line-height: 26px;
        max-height: 128px;
        margin-bottom: 27px
    }
}
@media only screen and (max-width: 768px) {
    .one-post-blog-ip {
        padding: 0 38px 42px
    }
    .last-single-blog-cnt .one-post-blog-ip:last-child {
        padding: 0 38px
    }
}
@media only screen and (max-width: 640px) and (orientation: portrait) {
    .centred-blog-content-ip {
        display: block
    }
    .centred-last-sp-cnt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .image-one-post-blog,
    .info-one-post-blog,
    .info-one-post-project {
        width: 100%
    }
    .info-one-post-blog,
    .info-one-post-project {
        height: auto;
        padding: 0;
        margin: 36px 0 0
    }
    .date-one-post-blog {
        font-size: 14px
    }
    .date-one-post-project {
        font-size: 16px
    }
    .date-one-post-blog,
    .date-one-post-project {
        margin-bottom: 13px
    }
    .desc-one-post-blog,
    .title-one-post-blog {
        max-height: inherit
    }
    .title-one-post-blog {
        margin-bottom: 29px;
        font-size: 20px
    }
    .desc-one-post-blog>*,
    .title-one-post-blog>* {
        -webkit-line-clamp: inherit
    }
    .title-one-post-blog,
    .title-one-post-blog>* {
        line-height: 28px
    }
    .desc-one-post-blog {
        margin-bottom: 32px
    }
}
.centred-info-con-cnt,
.message-form {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-box-direction: normal
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    .posts-blog-ip {
        padding: 55px 0 0
    }
    .one-post-blog-ip {
        padding: 0 20px 42px
    }
    .last-single-blog-cnt .one-post-blog-ip:last-child {
        padding: 0 20px
    }
    .image-one-post-blog,
    .info-one-post-blog {
        height: 260px
    }
    .image-one-post-blog {
        width: calc(55% - 15px)
    }
    .info-one-post-blog {
        width: calc(45% - 15px)
    }
    .desc-one-post-blog {
        max-height: 76px
    }
    .desc-one-post-blog>* {
        -webkit-line-clamp: 3
    }
    .date-one-post-blog {
        font-size: 15px
    }
    .date-one-post-project {
        font-size: 17px
    }
    .image-one-post-project {
        height: 310px;
        width: 310px
    }
    .info-one-post-project {
        width: calc(100% - 340px)
    }
}
@media only screen and (max-width: 425px) {
    .posts-blog-ip {
        padding: 60px 0 0
    }
    .one-post-blog-ip {
        padding: 0 20px 40px;
        margin: 0 0 40px
    }
    .last-single-blog-cnt .one-post-blog-ip:last-child {
        padding: 0 20px
    }
    .image-one-post-blog {
        height: 260px
    }
}
@media only screen and (max-width: 570px) and (max-height: 320px) and (orientation: landscape) {
    .one-post-blog-ip {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .image-one-post-blog,
    .info-one-post-blog {
        height: 245px
    }
    .image-one-post-blog {
        width: calc(55% - 15px)
    }
    .info-one-post-blog {
        width: calc(45% - 15px)
    }
    .info-one-post-blog,
    .info-one-post-project {
        margin: 0
    }
    .title-one-post-blog {
        max-height: 53px
    }
    .desc-one-post-blog {
        max-height: 76px;
        margin-bottom: 22px
    }
    .title-one-post-blog>* {
        -webkit-line-clamp: 2
    }
    .desc-one-post-blog>* {
        -webkit-line-clamp: 3
    }
}
.contacts-cnt,
.desc-contacts-cnt,
.info-contacts-cnt {
    width: 100%;
    position: relative
}
.contacts-cnt {
    margin: 81px 0 112px
}
.info-contacts-cnt {
    margin: 90px 0 0
}
.circle-gray-contact {
    position: absolute;
    width: 33.7vw;
    height: 33.7vw;
    bottom: -12vw;
    right: -7vw;
    border-radius: 50%;
    background: rgba(249, 249, 249, .4);
    z-index: -1
}
.circle-gray-contact.anim-elem {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s;
    transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s
}
.circle-gray-contact.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.circle-gray-contact.hv-disable {
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform .circle-gray-contact {
    display: none
}
.centred-desc-con-cnt {
    width: 760px;
    margin: 0 auto;
    position: relative;
    color: #585858;
    text-align: center
}
.centred-desc-con-cnt,
.centred-desc-con-cnt>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.centred-desc-con-cnt a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .centred-desc-con-cnt a:hover {
    text-decoration: underline
}
.centred-desc-con-cnt blockquote,
.centred-desc-con-cnt p {
    font-size: 18px;
    line-height: 26px
}
.centred-desc-con-cnt blockquote,
.centred-desc-con-cnt h1,
.centred-desc-con-cnt h2,
.centred-desc-con-cnt h3,
.centred-desc-con-cnt h4,
.centred-desc-con-cnt h5,
.centred-desc-con-cnt h6,
.centred-desc-con-cnt p {
    width: 100%;
    margin: 18px 0
}
.centred-desc-con-cnt h1,
.centred-desc-con-cnt h2,
.centred-desc-con-cnt h3,
.centred-desc-con-cnt h4,
.centred-desc-con-cnt h5,
.centred-desc-con-cnt h6 {
    line-height: 1.25;
    font-family: ProximaNovaBold, sans-serif
}
.centred-desc-con-cnt h1 {
    font-size: 28px
}
.centred-desc-con-cnt h2 {
    font-size: 26px
}
.centred-desc-con-cnt h3 {
    font-size: 24px
}
.centred-desc-con-cnt h4 {
    font-size: 22px
}
.centred-desc-con-cnt h5 {
    font-size: 20px
}
.centred-desc-con-cnt h6 {
    font-size: 18px
}
.centred-info-con-cnt {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.form-contacts-cnt {
    width: 460px
}
.fields-form-contacts {
    position: relative
}
.fields-form-contacts,
.one-field-form-contact {
    width: 100%
}
.one-field-form-contact {
    margin-bottom: 21px
}
.data-contacts-cnt {
    padding: 80px 80px 120px;
    width: 620px;
    background: #FDFDFD
}
.message-form {
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    visibility: hidden;
    border: 1px dashed #ccc;
    overflow: hidden
}
.links-follow-contact,
.map-about {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal
}
.sending-form-send {
    z-index: 1
}
.error-form-send,
.success-form-send {
    z-index: 2
}
.info-mf-fs,
.message-form {
    width: 100%;
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.info-mf-fs {
    font: 18px ProximaNovaExtraBold, sans-serif;
    padding: 0 50px;
    text-align: center;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.success-form-send .info-mf-fs {
    color: #fc8b0c
}
.error-form-send .info-mf-fs {
    color: #ff6d6d
}
.circle-sending {
    position: absolute;
    top: -45px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 100%
}
.cs-wr {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955) 150ms;
    transition: all .3s cubic-bezier(.455, .03, .515, .955) 150ms;
    width: 32px;
    height: 32px;
    background: #DBF8EF
}
.cs-md,
.cs-sm {
    top: 0
}
.cs-md {
    width: 24px;
    height: 24px;
    background: #B4ECDB
}
.sending-form-send.success .cs-md,
.sending-form-send.success .cs-wr {
    -webkit-animation: sendingCircle 1.5s cubic-bezier(.455, .03, .515, .955) 450ms infinite alternate;
    animation: sendingCircle 1.5s cubic-bezier(.455, .03, .515, .955) 450ms infinite alternate
}
.cs-sm {
    width: 14px;
    height: 14px;
    background: #fc8b0c;
    border: 2px solid #fc8b0c
}
.sending-form-send.success .cs-sm {
    -webkit-animation: sendingCircleInner 1.5s cubic-bezier(.455, .03, .515, .955) 450ms infinite alternate;
    animation: sendingCircleInner 1.5s cubic-bezier(.455, .03, .515, .955) 450ms infinite alternate
}
@-webkit-keyframes sendingCircle {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .9
    }
    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
@keyframes sendingCircle {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .9
    }
    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
@-webkit-keyframes sendingCircleInner {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .5
    }
    50% {
        background: 0 0;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}
@keyframes sendingCircleInner {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .5
    }
    50% {
        background: 0 0;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}
.sending-form-send .info-mf-fs {
    padding: 32px 0 0
}
.sending-form-send.success .cs-wr {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.message-form.success,
.message-form.success .info-mf-fs {
    opacity: 1
}
.message-form.success {
    visibility: visible
}
.message-form.success .info-mf-fs {
    -webkit-transform: none;
    transform: none
}
.info-success-fs,
.info-success-fs>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.field-contact {
    width: 100%;
    border: 1px dashed #ccc;
    font: 14px ProximaNovaBold, sans-serif;
    -webkit-transition: all .2s cubic-bezier(.455, .03, .515, .955);
    transition: all .2s cubic-bezier(.455, .03, .515, .955)
}
.field-contact.error {
    border-color: #ff6d6d
}
.submit-btn-contact.error {
    -webkit-animation: submitContact .5s cubic-bezier(.455, .03, .515, .955) normal forwards;
    animation: submitContact .5s cubic-bezier(.455, .03, .515, .955) normal forwards
}
.submit-btn-contact span {
    width: 100%;
    height: 100%;
    line-height: 58px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-transition: opacity .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: opacity .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: opacity .3s cubic-bezier(.455, .03, .515, .955), transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: opacity .3s cubic-bezier(.455, .03, .515, .955), transform .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .3s cubic-bezier(.455, .03, .515, .955)
}
.err,
.suc {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}
.submit-btn-contact.error .default,
.submit-btn-contact.success .default {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.submit-btn-contact.error .err,
.submit-btn-contact.success .suc {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    background: 0 0;
    pointer-events: none!important
}
#main-scll-gb,
#scroll-to-top,
.btn-nav-main.active,
.btn-nav-main.hv-disable,
.dashed-lines-main {
    pointer-events: none
}
.submit-btn-contact.error .err {
    color: #ff6d6d!important
}
.submit-btn-contact.success .suc {
    color: #fc8b0c!important
}
@-webkit-keyframes submitContact {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    15%,
    45%,
    75% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    30%,
    60% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}
@keyframes submitContact {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    15%,
    45%,
    75% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    30%,
    60% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}
.field-input {
    height: 50px;
    padding: 0 18px
}
.field-area {
    height: 143px;
    resize: none;
    padding: 10px 18px
}
.field-contact:active,
.field-contact:focus {
    border-color: #fc8b0c
}
.submit-form-contacts {
    width: 100%;
    position: relative
}
.submit-btn-contact {
    width: 185px;
    height: 60px;
    overflow: hidden
}
.one-data-contact {
    width: 100%;
    margin: -3px 0 17px;
    border-bottom: 1px dashed #ECECEC
}
.one-data-contact:last-child {
    border-bottom: none;
    margin-bottom: 0
}
.title-one-data-contact {
    width: 100%;
    position: relative;
    margin: 0 0 18px;
    color: #8b8b8b;
    font-size: 14px
}
.title-one-data-contact,
.title-one-data-contact>* {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.title-one-data-contact>* {
    width: 100%
}
.info-one-data-contacts,
.links-follow-contact {
    width: 100%;
    position: relative;
    margin: 0 0 14px
}
.info-one-data-contacts,
.info-one-data-contacts>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.info-one-data-contacts {
    color: #000;
    max-width: 100%;
    font: 20px ProximaNovaBold, sans-serif
}
.info-one-data-contacts p {
    width: 100%
}
.info-one-data-contacts>* {
    display: inline-block;
    vertical-align: top
}
.info-one-data-contacts a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color .3s cubic-bezier(.455, .03, .515, .955);
    transition: color .3s cubic-bezier(.455, .03, .515, .955)
}
html.mobile-platform .info-one-data-contacts a {
    color: #fc8b0c
}
html:not(.mobile-platform) .info-one-data-contacts a:hover {
    color: #fc8b0c
}
.info-one-data-contacts a[href^='tel:'],
.info-one-data-contacts a[href^='mailto:'] {
    white-space: nowrap
}
.links-follow-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.link-contact {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    margin: 0 17px 17px 0;
    position: relative;
    border-radius: 100%;
    text-decoration: none;
    background: #000;
    -webkit-transition: background .3s cubic-bezier(.455, .03, .515, .955);
    transition: background .3s cubic-bezier(.455, .03, .515, .955)
}
.link-contact:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}
html:not(.mobile-platform) .link-contact.link-vk:hover {
    background: #4C75A3
}
html:not(.mobile-platform) .link-contact.link-fb:hover {
    background: #3B5997
}
html:not(.mobile-platform) .link-contact.link-yt:hover {
    background: #D70409
}
html:not(.mobile-platform) .link-contact.link-tw:hover {
    background: #1DA1F3
}
.link-contact.link-vk:before {
    width: 13px;
    height: 7px;
    left: -1px;
    background: url(imgs/svg/vk-link.svg) center no-repeat;
    background-size: 100% 100%
}
.link-contact.link-fb:before {
    width: 5px;
    height: 11px;
    left: -1px;
    background: url(imgs/svg/fb-link.svg) center no-repeat;
    background-size: 100% 100%
}
.link-contact.link-yt:before {
    width: 13px;
    height: 9px;
    background: url(imgs/svg/yt-link.svg) center no-repeat;
    background-size: 100% 100%
}
.link-contact.link-tw:before {
    width: 11px;
    height: 10px;
    background: url(imgs/svg/tw-link.svg) center no-repeat;
    background-size: 100% 100%
}
.map-contacts-cnt {
    width: 100%;
    position: relative
}
.centred-map-con-cnt {
    width: 1200px;
    margin: 0 auto
}
#map-contact {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    background: #ccc
}
html:not(.mobile-platform) .centred-desc-con-cnt.anim-elem,
html:not(.mobile-platform) .data-contacts-cnt.anim-elem,
html:not(.mobile-platform) .form-contacts-cnt.anim-elem,
html:not(.mobile-platform) .map-contacts-cnt.anim-elem {
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .centred-desc-con-cnt.anim-elem,
html:not(.mobile-platform) .data-contacts-cnt.anim-elem,
html:not(.mobile-platform) .form-contacts-cnt.anim-elem {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .map-contacts-cnt.anim-elem {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}
html:not(.mobile-platform) .centred-desc-con-cnt.anim-elem.done,
html:not(.mobile-platform) .data-contacts-cnt.anim-elem.done,
html:not(.mobile-platform) .form-contacts-cnt.anim-elem.done,
html:not(.mobile-platform) .map-contacts-cnt.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
@media only screen and (max-width: 1680px) {
    .contacts-cnt {
        margin: 61px 0 102px
    }
    .centred-desc-con-cnt {
        width: 700px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt p {
        font-size: 16px;
        line-height: 22px
    }
    .centred-desc-con-cnt h1 {
        font-size: 26px
    }
    .centred-desc-con-cnt h2 {
        font-size: 24px
    }
    .centred-desc-con-cnt h3 {
        font-size: 22px
    }
    .centred-desc-con-cnt h4 {
        font-size: 20px
    }
    .centred-desc-con-cnt h5 {
        font-size: 18px
    }
    .centred-desc-con-cnt h6 {
        font-size: 16px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt h1,
    .centred-desc-con-cnt h2,
    .centred-desc-con-cnt h3,
    .centred-desc-con-cnt h4,
    .centred-desc-con-cnt h5,
    .centred-desc-con-cnt h6,
    .centred-desc-con-cnt p {
        margin: 14px 0
    }
    .info-contacts-cnt {
        margin: 70px 0 0
    }
    .centred-info-con-cnt {
        width: 1050px
    }
    .form-contacts-cnt {
        width: 420px
    }
    .data-contacts-cnt {
        width: 550px;
        padding: 60px 60px 100px
    }
    .one-data-contact {
        margin: -2px 0 24px
    }
    .title-one-data-contact {
        margin: 0 0 12px
    }
    .info-one-data-contacts {
        font-size: 18px
    }
    .info-one-data-contacts,
    .links-follow-contact {
        margin: 0 0 8px
    }
    .link-contact {
        width: 30px;
        height: 30px;
        margin: 0 12px 12px 0
    }
    .field-input {
        height: 45px;
        padding: 0 15px
    }
    .field-area {
        height: 123px;
        padding: 10px 15px
    }
    .one-field-form-contact {
        margin-bottom: 17px
    }
    .submit-btn-contact {
        width: 169px;
        height: 53px
    }
    .submit-btn-contact span {
        line-height: 52px
    }
    .centred-map-con-cnt {
        width: 1050px
    }
    #map-contact {
        height: 450px
    }
}
@media only screen and (max-width: 1440px) {
    .contacts-cnt {
        margin: 51px 0 88px
    }
    .centred-desc-con-cnt {
        width: 640px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt p {
        font-size: 15px;
        line-height: 21px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt h1,
    .centred-desc-con-cnt h2,
    .centred-desc-con-cnt h3,
    .centred-desc-con-cnt h4,
    .centred-desc-con-cnt h5,
    .centred-desc-con-cnt h6,
    .centred-desc-con-cnt p {
        margin: 12px 0
    }
    .centred-desc-con-cnt h1 {
        font-size: 25px
    }
    .centred-desc-con-cnt h2 {
        font-size: 23px
    }
    .centred-desc-con-cnt h3 {
        font-size: 21px
    }
    .centred-desc-con-cnt h4 {
        font-size: 19px
    }
    .centred-desc-con-cnt h5 {
        font-size: 17px
    }
    .centred-desc-con-cnt h6 {
        font-size: 15px
    }
    .info-contacts-cnt {
        margin: 64px 0 0
    }
    .centred-info-con-cnt {
        width: 950px
    }
    .form-contacts-cnt {
        width: 370px
    }
    .data-contacts-cnt {
        width: 500px;
        padding: 50px 50px 85px
    }
    .title-one-data-contact {
        margin: 0 0 10px;
        font-size: 13px
    }
    .info-mf-fs,
    .info-one-data-contacts {
        font-size: 16px
    }
    .info-one-data-contacts,
    .links-follow-contact {
        margin: 0 0 5px
    }
    .link-contact {
        margin: 0 10px 10px 0
    }
    .field-input {
        height: 42px
    }
    .field-area {
        height: 100px
    }
    .one-field-form-contact {
        margin-bottom: 17px
    }
    .submit-btn-contact {
        width: 155px;
        height: 50px
    }
    .submit-btn-contact span {
        line-height: 48px
    }
    .centred-map-con-cnt {
        width: 950px
    }
    #map-contact {
        height: 400px
    }
}
@media only screen and (max-width: 1152px) {
    .contacts-cnt {
        margin: 33px 0 55px
    }
    .centred-desc-con-cnt {
        width: 568px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt p {
        font-size: 17px;
        line-height: 25px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt h1,
    .centred-desc-con-cnt h2,
    .centred-desc-con-cnt h3,
    .centred-desc-con-cnt h4,
    .centred-desc-con-cnt h5,
    .centred-desc-con-cnt h6,
    .centred-desc-con-cnt p {
        margin: 13px 0
    }
    .centred-desc-con-cnt h1 {
        font-size: 26px
    }
    .centred-desc-con-cnt h2 {
        font-size: 24px
    }
    .centred-desc-con-cnt h3 {
        font-size: 22px
    }
    .centred-desc-con-cnt h4 {
        font-size: 20px
    }
    .centred-desc-con-cnt h5 {
        font-size: 18px
    }
    .centred-desc-con-cnt h6 {
        font-size: 16px
    }
    .centred-info-con-cnt {
        width: 460px;
        display: block
    }
    .map-contacts-cnt {
        margin: 80px 0 0
    }
    .one-data-contact {
        margin: 0 0 34px
    }
    .data-contacts-cnt,
    .form-contacts-cnt {
        width: 100%
    }
    .data-contacts-cnt {
        padding: 0;
        background: 0 0
    }
    .form-contacts-cnt {
        margin: 54px 0 0
    }
    .info-one-data-contacts,
    .links-follow-contact {
        margin: 0 0 10px
    }
    .title-one-data-contact {
        margin: 0 0 14px;
        font-size: 14px
    }
    .info-one-data-contacts {
        font-size: 18px
    }
    .info-one-data-contacts a {
        color: #fc8b0c
    }
    .link-contact {
        width: 32px;
        height: 32px;
        margin: 0 17px 17px 0
    }
    .centred-map-con-cnt {
        width: 100%
    }
    .one-field-form-contact {
        margin-bottom: 21px
    }
    .field-input {
        height: 50px;
        padding: 0 18px
    }
    .field-area {
        height: 143px;
        padding: 14px 18px
    }
    .submit-form-contacts {
        text-align: center
    }
    .submit-btn-contact {
        width: 181px;
        height: 56px
    }
    .submit-btn-contact span {
        line-height: 55px
    }
}
@media only screen and (max-width: 640px) {
    #map-contact {
        height: 350px
    }
    .centred-desc-con-cnt,
    .centred-info-con-cnt {
        width: 100%;
        padding: 0 38px
    }
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    .centred-desc-con-cnt {
        text-align: center;
        width: 460px;
        padding: 0 20px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt p {
        font-size: 16px;
        line-height: 24px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt h1,
    .centred-desc-con-cnt h2,
    .centred-desc-con-cnt h3,
    .centred-desc-con-cnt h4,
    .centred-desc-con-cnt h5,
    .centred-desc-con-cnt h6,
    .centred-desc-con-cnt p {
        margin: 12px 0
    }
    .centred-desc-con-cnt h1 {
        font-size: 25px
    }
    .centred-desc-con-cnt h2 {
        font-size: 23px
    }
    .centred-desc-con-cnt h3 {
        font-size: 21px
    }
    .centred-desc-con-cnt h4 {
        font-size: 19px
    }
    .centred-desc-con-cnt h5 {
        font-size: 17px
    }
    .centred-desc-con-cnt h6 {
        font-size: 15px
    }
    .info-contacts-cnt {
        margin: 70px 0 0
    }
    .centred-map-con-cnt {
        width: 100%
    }
    #map-contact {
        height: 300px
    }
}
@media only screen and (max-width: 425px) {
    .centred-desc-con-cnt,
    .submit-form-contacts {
        text-align: left
    }
    .centred-desc-con-cnt,
    .centred-info-con-cnt {
        width: 100%;
        padding: 0 20px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt p {
        font-size: 16px;
        line-height: 24px
    }
    .centred-desc-con-cnt blockquote,
    .centred-desc-con-cnt h1,
    .centred-desc-con-cnt h2,
    .centred-desc-con-cnt h3,
    .centred-desc-con-cnt h4,
    .centred-desc-con-cnt h5,
    .centred-desc-con-cnt h6,
    .centred-desc-con-cnt p {
        margin: 12px 0
    }
    .centred-desc-con-cnt h1 {
        font-size: 25px
    }
    .centred-desc-con-cnt h2 {
        font-size: 23px
    }
    .centred-desc-con-cnt h3 {
        font-size: 21px
    }
    .centred-desc-con-cnt h4 {
        font-size: 19px
    }
    .centred-desc-con-cnt h5 {
        font-size: 17px
    }
    .centred-desc-con-cnt h6 {
        font-size: 15px
    }
    .info-contacts-cnt {
        margin: 70px 0 0
    }
}
@media only screen and (max-width: 570px) and (max-height: 320px) and (orientation: landscape) {
    .centred-desc-con-cnt,
    .centred-map-con-cnt {
        width: 100%
    }
    .centred-info-con-cnt {
        width: 100%;
        padding: 0 20px
    }
}
.faq-content-ip {
    width: 100%;
    position: relative;
    margin: 115px 0 90px
}
.centred-faq-content-ip {
    width: 1024px;
    position: relative;
    margin: 0 auto
}
.answers-list-cnt,
.questions-list-cnt {
    width: 100%;
    position: relative
}
.circle-gray-faq,
.circle-green-faq {
    border-radius: 50%;
    position: absolute;
    z-index: -1
}
.circle-gray-faq {
    width: 42.5vw;
    height: 42.5vw;
    top: 20%;
    left: -5vw;
    background: rgba(249, 249, 249, .4)
}
.circle-green-faq {
    width: 30.5vw;
    height: 30.5vw;
    top: 70%;
    right: -3vw;
    background: rgba(244, 251, 250, .149)
}
.circle-gray-faq.anim-elem,
.circle-green-faq.anim-elem {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s;
    transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s
}
.circle-gray-faq.anim-elem.done,
.circle-green-faq.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.circle-gray-faq.hv-disable,
.circle-green-faq.hv-disable {
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform .circle-gray-faq,
html.mobile-platform .circle-green-faq {
    display: none
}
.questions-list-cnt {
    padding: 0 0 87px;
    margin: 0 0 93px;
    border-bottom: 1px dashed #ECECEC
}
.questions-list {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}
html:not(.mobile-platform) .questions-list-cnt {
    border-color: transparent;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955) 1s;
    transition: all .3s cubic-bezier(.455, .03, .515, .955) 1s
}
html:not(.mobile-platform) .inner-page.done .questions-list-cnt {
    border-color: #ECECEC
}
.questions-list li {
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
    font: 24px ProximaNovaExtraBold, sans-serif
}
.questions-list li:last-child {
    margin-bottom: 0
}
.questions-list li a {
    color: #313131;
    text-decoration: none;
    display: inline-block;
    position: relative;
    border-bottom: 1px solid transparent;
    -webkit-transition: color .3s cubic-bezier(.455, .03, .515, .955);
    transition: color .3s cubic-bezier(.455, .03, .515, .955)
}
.questions-list li.active a,
html:not(.mobile-platform) .questions-list li a:hover {
    color: #fc8b0c
}
.questions-list li,
.questions-list li a {
    overflow: hidden;
    text-overflow: ellipsis
}
.one-answer-cnt {
    width: 100%;
    position: relative;
    margin: 0 0 82px
}
.one-answer-cnt:last-child {
    margin-bottom: 0
}
.title-one-answer-cnt {
    position: relative;
    margin-bottom: 35px
}
.title-one-answer-cnt,
.title-one-answer-cnt>* {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fc8b0c;
    line-height: 30px;
    font: 24px ProximaNovaExtraBold, sans-serif
}
.title-one-answer-cnt>* {
    margin: 0
}
.desc-one-answer-cnt {
    width: 100%;
    margin: 0
}
.desc-one-answer-cnt,
.desc-one-answer-cnt>* {
    color: #585858;
    overflow: hidden;
    text-overflow: ellipsis
}
.desc-one-answer-cnt ol,
.desc-one-answer-cnt ul {
    padding: 0 0 0 18px
}
.trident-platform .desc-one-answer-cnt ol {
    padding: 0 0 0 20px
}
.desc-one-answer-cnt ol,
.desc-one-answer-cnt p,
.desc-one-answer-cnt ul {
    margin: 12px 0
}
.desc-one-answer-cnt li {
    margin: 0 0 6px
}
.desc-one-answer-cnt li:last-child {
    margin-bottom: 0
}
.desc-one-answer-cnt li,
.desc-one-answer-cnt p {
    font-size: 16px;
    line-height: 24px
}
.desc-one-answer-cnt a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .desc-one-answer-cnt a:hover {
    text-decoration: underline
}
html:not(.mobile-platform) .one-answer-cnt.anim-elem,
html:not(.mobile-platform) .questions-list.anim-elem {
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
#main-scll-gb,
#main-scll-gb:after,
.btn-nav-main {
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
html:not(.mobile-platform) .one-answer-cnt.anim-elem {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .one-answer-cnt.anim-elem.done,
html:not(.mobile-platform) .questions-list.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
@media only screen and (max-width: 1680px) {
    .title-inside-page {
        padding: 197px 0 0
    }
    .title-inside-page h1 {
        font-size: 90px
    }
    .faq-content-ip {
        margin: 100px 0 86px
    }
    .centred-faq-content-ip {
        width: 926px
    }
    .questions-list li,
    .title-one-answer-cnt,
    .title-one-answer-cnt>* {
        font-size: 21px;
        line-height: 27px
    }
    .questions-list li {
        margin-bottom: 14px
    }
    .one-answer-cnt {
        margin-bottom: 66px
    }
    .title-one-answer-cnt {
        margin-bottom: 19px
    }
    .desc-one-answer-cnt ol,
    .desc-one-answer-cnt p,
    .desc-one-answer-cnt ul {
        margin: 10px 0
    }
    .desc-one-answer-cnt ul {
        padding: 0 0 0 17px
    }
    .desc-one-answer-cnt li,
    .desc-one-answer-cnt p {
        font-size: 15px;
        line-height: 22px
    }
    .questions-list-cnt {
        padding: 0 0 60px;
        margin: 0 0 73px
    }
}
@media only screen and (max-width: 1440px) {
    .title-inside-page {
        padding: 177px 0 0
    }
    .title-inside-page h1 {
        font-size: 80px
    }
    .faq-content-ip {
        margin: 90px 0 73px
    }
    .centred-faq-content-ip {
        width: 826px
    }
    .questions-list li,
    .title-one-answer-cnt,
    .title-one-answer-cnt>* {
        font-size: 19px;
        line-height: 25px
    }
    .questions-list li {
        margin-bottom: 12px
    }
    .one-answer-cnt {
        margin-bottom: 53px
    }
    .title-one-answer-cnt {
        margin-bottom: 14px
    }
    .desc-one-answer-cnt ol,
    .desc-one-answer-cnt p,
    .desc-one-answer-cnt ul {
        margin: 10px 0
    }
    .desc-one-answer-cnt ol,
    .desc-one-answer-cnt ul {
        padding: 0 0 0 16px
    }
    .trident-platform .desc-one-answer-cnt ol {
        padding: 0 0 0 19px
    }
    .desc-one-answer-cnt li,
    .desc-one-answer-cnt p {
        font-size: 14px;
        line-height: 21px
    }
    .questions-list-cnt {
        padding: 0 0 47px;
        margin: 0 0 57px
    }
}
@media only screen and (max-width: 1152px) {
    .title-inside-page {
        padding: 152px 0 0
    }
    .title-inside-page h1 {
        font-size: 70px
    }
    .centred-faq-content-ip {
        width: 100%
    }
    .questions-list-cnt {
        padding: 0 38px 45px
    }
    .faq-content-ip {
        margin: 83px 0
    }
    .questions-list li,
    .title-one-answer-cnt,
    .title-one-answer-cnt>* {
        font-size: 23px;
        line-height: 29px
    }
    .answers-list-cnt {
        padding: 0 38px;
        margin: 60px 0 0
    }
    .one-answer-cnt {
        margin-bottom: 47px
    }
    .title-one-answer-cnt {
        margin-bottom: 10px
    }
    .desc-one-answer-cnt ol,
    .desc-one-answer-cnt ul {
        padding: 0 0 0 18px
    }
    .desc-one-answer-cnt ol,
    .desc-one-answer-cnt p,
    .desc-one-answer-cnt ul {
        margin: 14px 0
    }
    .desc-one-answer-cnt li,
    .desc-one-answer-cnt p {
        font-size: 16px;
        line-height: 22px
    }
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    .title-inside-page {
        padding: 132px 20px 0
    }
    .title-inside-page h1 {
        font-size: 56px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .questions-list-cnt {
        padding: 0 20px 43px
    }
    .answers-list-cnt {
        padding: 0 20px;
        margin: 40px 0 0
    }
    .faq-content-ip {
        margin: 53px 0 73px
    }
    .questions-list li,
    .title-one-answer-cnt,
    .title-one-answer-cnt>* {
        font-size: 20px;
        line-height: 26px
    }
    .questions-list li {
        margin-bottom: 10px
    }
    .one-answer-cnt {
        margin-bottom: 37px
    }
    .title-one-answer-cnt {
        margin-bottom: 10px
    }
}
@media only screen and (max-width: 425px) {
    .title-inside-page {
        padding: 132px 20px 0
    }
    .title-inside-page h1 {
        font-size: 56px;
        text-align: left
    }
    .questions-list-cnt {
        padding: 0 20px 43px
    }
    .answers-list-cnt {
        padding: 0 20px;
        margin: 40px 0 0
    }
    .faq-content-ip {
        margin: 53px 0 73px
    }
    .questions-list li,
    .title-one-answer-cnt,
    .title-one-answer-cnt>* {
        font-size: 20px;
        line-height: 26px
    }
    .questions-list li {
        margin-bottom: 10px
    }
    .one-answer-cnt {
        margin-bottom: 37px
    }
    .title-one-answer-cnt {
        margin-bottom: 10px
    }
}
#home-case {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}
#right-notice {
    left: 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;
    font: 16px ProximaNovaExtraBold, sans-serif
}
#right-notice a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) #right-notice a:hover {
    text-decoration: underline
}
#nav-main,
#right-notice {
    width: 110px;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 5
}
.info-right-notice {
    line-height: 110px;
    display: block;
    padding: 110px 0;
    max-height: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotateZ(180deg) translateX(4px);
    transform: rotateZ(180deg) translateX(4px)
}
.cn-video-layer-effects,
.list-buttons-nav-main {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
#nav-main {
    right: 0
}
.info-right-notice,
.info-right-notice>* {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.list-buttons-nav-main {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.btn-nav-main {
    width: 34px;
    height: 34px;
    color: #d9d9d9;
    border: none;
    background: 0 0;
    position: relative;
    padding: 0;
    margin: 0 0 10px;
    border-radius: 100%;
    font-size: 13px;
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.btn-nav-main:last-child {
    margin-bottom: 0
}
.btn-nav-main span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}
.btn-nav-main span.line-btn-nm {
    left: 18px
}
.num-btn-nm {
    left: 0;
    line-height: 34px
}
.btn-nav-main span.line-btn-nm:before {
    position: absolute;
    width: 15px;
    height: 2px;
    background: #000;
    bottom: 7px;
    left: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955) 150ms;
    transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955) 150ms;
    transition: transform .3s cubic-bezier(.455, .03, .515, .955) 150ms;
    transition: transform .3s cubic-bezier(.455, .03, .515, .955) 150ms, -webkit-transform .3s cubic-bezier(.455, .03, .515, .955) 150ms
}
#video-layer,
.cn-video-bg {
    bottom: 0;
    margin: auto;
    right: 0
}
.btn-nav-main.active {
    cursor: default
}
.arrow-about,
.btn-scll-main,
.circle-wr-map,
button.common-btn-green {
    cursor: pointer
}
.btn-nav-main.active,
html:not(.mobile-platform) .btn-nav-main:hover {
    color: #fff;
    background: #fc8b0c
}
.btn-nav-main.active span.line-btn-nm:before,
html:not(.mobile-platform) .btn-nav-main:hover span.line-btn-nm:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}
#screens-main {
    height: 100vh;
    z-index: 3;
    width: 100%;
    position: relative
}
.inside-screens {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}
.cn-screen-pd,
.cn-video-layer {
    position: relative
}
.inside-screens.active {
    opacity: 1
}
.inner-wrapper-slide {
    width: 100%;
    height: 100%;
    position: relative
}
.cn-screen-pd {
    width: 100%;
    height: 100%;
    padding: 110px;
    overflow: hidden;
    z-index: 9
}
.cn-main-screen {
    z-index: 2
}
.cn-video-bg {
    z-index: 3
}
html.mobile-platform .cn-video-layer {
    background: url(imgs/video-layer.jpg) center no-repeat;
    background-size: cover;
    -webkit-animation-play-state: running;
    animation-play-state: running
}
#video-layer {
    position: absolute;
    top: 0;
    left: 0
}
.cn-video-layer-effects {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 4;
    -webkit-box-shadow: inset 0 0 20em rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 20em rgba(0, 0, 0, .5)
}
html:not(.mobile-platform) .cn-video-layer-effects {
    background: url(imgs/mask-video.png)
}
.jalousie-wr {
    width: 100%;
    left: 0;
    opacity: 0;
    z-index: 3;
    -webkit-transition: opacity .3s ease-out 150ms;
    transition: opacity .3s ease-out 150ms
}
.jalousie,
.jalousie-wr {
    height: 100%;
    top: 0;
    position: absolute;
    overflow: hidden
}
.jalousie {
    width: 25%
}
.jalousie1 {
    left: 0
}
.jalousie2 {
    left: 25%
}
.jalousie3 {
    left: 50%
}
.jalousie4 {
    right: 0
}
.jalousie:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, 0, 1);
    transition: -webkit-transform .4s cubic-bezier(.4, 0, 0, 1);
    transition: transform .4s cubic-bezier(.4, 0, 0, 1);
    transition: transform .4s cubic-bezier(.4, 0, 0, 1), -webkit-transform .4s cubic-bezier(.4, 0, 0, 1)
}
.jalousie1:before {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.jalousie2:before {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}
.jalousie3:before {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}
.jalousie4:before {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
html:not(.mobile-platform) .inside-screens.done .jalousie-wr {
    opacity: 1
}
html:not(.mobile-platform) .inside-screens.done .jalousie:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}
.desc-video-layer,
.title-video-layer {
    width: 100%;
    margin: 0;
    color: #fff;
    overflow: hidden
}
.desc-video-layer {
    max-height: 97px;
    overflow: hidden;
    font: 36px ProximaNovaBold, sans-serif
}
.desc-video-layer a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .desc-video-layer a:hover {
    text-decoration: underline
}
.desc-video-layer>*,
.title-video-layer h1 {
    width: 90%;
    display: inline-block;
    margin: 0;
    white-space: nowrap;
    overflow: inherit;
    text-overflow: ellipsis
}
.title-video-layer h1 {
    font: 220px ProximaNovaExtraBold, sans-serif;
    letter-spacing: -.05em;
    text-transform: lowercase;
    line-height: .85
}
.btn-scll-main {
    width: 13px;
    background: 0 0;
    border: none;
    font: 11px ProximaNovaBold, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 147px;
    margin: 0 auto;
    color: #fff;
    padding: 0;
    z-index: 3
}
.name-btn-scll-main {
    display: inline-block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    -webkit-animation: textButtonWhiteScroll .9s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: textButtonWhiteScroll .9s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
@-webkit-keyframes textButtonWhiteScroll {
    from {
        opacity: 1
    }
    to {
        opacity: .5
    }
}
@keyframes textButtonWhiteScroll {
    from {
        opacity: 1
    }
    to {
        opacity: .5
    }
}
.circle-scll-main {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden
}
.circle-scll-inside-green,
.circle-scll-inside-white {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.circle-scll-main-wr {
    width: 38px;
    height: 38px;
    position: relative;
    margin: 21px 0 0 -12px;
    background: rgba(255, 255, 255, .15)
}
.circle-scll-inside-white {
    width: 28px;
    height: 28px;
    background: rgba(255, 255, 255, .2)
}
.circle-scll-inside-white,
.circle-scll-main-wr {
    -webkit-animation: circleButtonWhiteScroll 1.5s cubic-bezier(.455, .03, .515, .955) .3s infinite alternate;
    animation: circleButtonWhiteScroll 1.5s cubic-bezier(.455, .03, .515, .955) .3s infinite alternate
}
.circle-scll-inside-green {
    width: 16px;
    height: 16px;
    background: #fc8b0c;
    border: 2px solid #fc8b0c;
    -webkit-animation: circleButtonGreenScroll 1.5s cubic-bezier(.455, .03, .515, .955) 150ms infinite alternate;
    animation: circleButtonGreenScroll 1.5s cubic-bezier(.455, .03, .515, .955) 150ms infinite alternate
}
#scroll-to-top,
.cn-circle-main-screen,
.cn-circle-mini-double,
.cn-circle-mini-double:after,
.cn-circle-mini-green {
    border-radius: 100%
}
@-webkit-keyframes circleButtonWhiteScroll {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}
@keyframes circleButtonWhiteScroll {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}
@-webkit-keyframes circleButtonGreenScroll {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .55
    }
    50% {
        background: 0 0;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        background: #fc8b0c
    }
}
@keyframes circleButtonGreenScroll {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .55
    }
    50% {
        background: 0 0;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        background: #fc8b0c
    }
}
.cn-circle-main-screen,
.cn-circle-screen-pd,
.cn-video-bg,
.cn-video-layer-effects {
    position: absolute
}
.cn-video-bg,
.cn-video-layer,
.cn-video-layer-effects {
    width: 100%;
    height: 100%
}
.cn-video-bg,
.cn-video-layer-effects {
    top: 0;
    left: 0
}
.cn-circle-main-screen {
    width: 20.26vw;
    height: 20.26vw;
    right: -5.26vw;
    top: -4vw;
    z-index: 1;
    background: rgba(0, 172, 151, .05);
    -webkit-animation: circleMainScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMainScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
.cn-video-layer {
    overflow: hidden;
    -webkit-animation: videoLayerMP 15s alternate infinite paused;
    animation: videoLayerMP 15s alternate infinite paused
}
@-webkit-keyframes videoLayerMP {
    0% {
        -webkit-filter: hue-rotate(0)
    }
    100% {
        -webkit-filter: hue-rotate(300deg)
    }
}
@keyframes videoLayerMP {
    0% {
        -webkit-filter: hue-rotate(0)
    }
    100% {
        -webkit-filter: hue-rotate(300deg)
    }
}
.dashed-lines-main {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}
.one-line-main {
    position: absolute
}
.one-line-main1,
.one-line-main2,
.one-line-main3 {
    top: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: calc(100% - 220px);
    border-right: 1px dashed rgba(255, 255, 255, .2)
}
.one-line-main4 {
    height: 0;
    width: calc(100% - 220px);
    left: 0;
    right: 0;
    bottom: 168px;
    margin: 0 auto;
    border-top: 1px dashed #7E7D7E
}
.one-line-main1 {
    left: 28%
}
.one-line-main2 {
    left: 0;
    right: 0
}
.one-line-main3 {
    right: 28%
}
.cn-circle-mini-double,
.cn-circle-mini-green {
    position: absolute;
    z-index: 3;
    pointer-events: none
}
.cn-circle-mini-green {
    width: 28px;
    height: 28px;
    left: calc(28% - 14px);
    top: 179px;
    background: #fc8b0c
}
.cn-circle-mini-green:before {
    background: rgba(255, 153, 6, .3)
}
html.mobile-platform .cn-circle-mini-green {
    -webkit-animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform .cn-circle-mini-green:before {
    -webkit-animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
@-webkit-keyframes circleMiniGreen {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes circleMiniGreen {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes circleMiniGreenBefore {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
    100% {
        opacity: 0
    }
}
@keyframes circleMiniGreenBefore {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
    100% {
        opacity: 0
    }
}
.cn-circle-mini-double {
    width: 52px;
    height: 52px;
    right: calc(28% - 26px);
    top: 259px;
    background: #fff
}
html.mobile-platform .cn-circle-mini-double {
    -webkit-animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
.cn-circle-mini-double:after,
.cn-circle-mini-double:before,
.cn-circle-mini-green:before {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%
}
.cn-circle-mini-double:before,
.cn-circle-mini-green:before {
    width: 100%;
    height: 100%
}
.cn-circle-mini-double:after {
    width: 16px;
    height: 16px;
    border: 2px solid #fc8b0c;
    right: 0;
    bottom: 0;
    margin: auto
}
.cn-circle-mini-double:before {
    background: rgba(255, 255, 255, .2)
}
html.mobile-platform .cn-circle-mini-double:before {
    -webkit-animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) 1.5s infinite alternate;
    animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) 1.5s infinite alternate
}
html.mobile-platform .cn-circle-mini-double:after {
    -webkit-animation: circleMiniDoubleAfter 1.5s cubic-bezier(.455, .03, .515, .955) 1.5s infinite alternate;
    animation: circleMiniDoubleAfter 1.5s cubic-bezier(.455, .03, .515, .955) 1.5s infinite alternate
}
@-webkit-keyframes circleMiniDoubleAfter {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        background: 0 0
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0;
        background: #fc8b0c
    }
}
@keyframes circleMiniDoubleAfter {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        background: 0 0
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0;
        background: #fc8b0c
    }
}
#main-scll-gb {
    bottom: 37px;
    border: 2px solid #000;
    width: 26px;
    height: 36px;
    border-radius: 100px;
    background-size: 225%;
    -webkit-animation: nudgeMouse 5s ease-out infinite;
    animation: nudgeMouse 5s ease-out infinite;
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
#main-scll-gb.not-active {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
html:not(.mobile-platform) #main-scll-gb:hover {
    border-color: #fc8b0c
}
#main-scll-gb,
#scroll-to-top {
    background: 0 0;
    position: absolute;
    cursor: pointer;
    z-index: 9;
    margin: 0 auto;
    padding: 0;
    left: .5px;
    right: 0
}
#scroll-to-top {
    width: 60px;
    height: 60px;
    bottom: 165px;
    border: none;
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .2s ease-out .1s;
    transition: all .2s ease-out .1s
}
html.mobile-platform #scroll-to-top {
    display: none!important
}
#scroll-to-top.active {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    pointer-events: inherit;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1) 1.2s;
    transition: all .4s cubic-bezier(.4, 0, .2, 1) 1.2s
}
.dashed-line-about,
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem {
    pointer-events: none
}
#scroll-to-top span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}
.cicrle-scll-tt-shell {
    width: 100%;
    height: 100%;
    background: #D6F2F0;
    -webkit-animation: circleButtonUpScroll 1.5s cubic-bezier(.455, .03, .515, .955) .3s infinite alternate;
    animation: circleButtonUpScroll 1.5s cubic-bezier(.455, .03, .515, .955) .3s infinite alternate
}
.cicrle-scll-tt-inside,
.cicrle-scll-tt-shell {
    border-radius: 100%
}
.cicrle-scll-tt-inside {
    width: 44px;
    height: 44px;
    z-index: 2;
    background: #B5EDE2;
    -webkit-animation: circleButtonUpScroll 1.5s cubic-bezier(.455, .03, .515, .955) .1s infinite alternate;
    animation: circleButtonUpScroll 1.5s cubic-bezier(.455, .03, .515, .955) .1s infinite alternate
}
.arrow-scll-tt {
    width: 15px;
    height: 17px;
    background: url(imgs/svg/arrow-to-top.svg) center no-repeat;
    background-size: 100% 100%;
    z-index: 3
}
@-webkit-keyframes circleButtonUpScroll {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
@keyframes circleButtonUpScroll {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
#main-scll-gb:after,
#main-scll-gb:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
#main-scll-gb:before {
    width: 22px;
    height: 32px;
    border-radius: 100px
}
#main-scll-gb:after {
    background-color: #000;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 5s linear infinite;
    animation: trackBallSlide 5s linear infinite;
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
html:not(.mobile-platform) #main-scll-gb:hover:after {
    background-color: #fc8b0c
}
@-webkit-keyframes trackBallSlide {
    0%, 28%, 29.99%, 30% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-6px);
        transform: scale(1) translateY(-6px)
    }
    6% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(5px);
        transform: scale(.9) translateY(5px)
    }
    14% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(16px);
        transform: scale(.4) translateY(16px)
    }
    15%,
    19% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(-6px);
        transform: scale(.4) translateY(-6px)
    }
    36% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(5px);
        transform: scale(.9) translateY(5px)
    }
    44% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(16px);
        transform: scale(.4) translateY(16px)
    }
    45%,
    49% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(-6px);
        transform: scale(.4) translateY(-6px)
    }
    58%,
    59.99%,
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-6px);
        transform: scale(1) translateY(-6px)
    }
    66% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(5px);
        transform: scale(.9) translateY(5px)
    }
    74% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(16px);
        transform: scale(.4) translateY(16px)
    }
    75%,
    79% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(-6px);
        transform: scale(.4) translateY(-6px)
    }
    100%,
    88% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-6px);
        transform: scale(1) translateY(-6px)
    }
}
@keyframes trackBallSlide {
    0%, 28%, 29.99%, 30% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-6px);
        transform: scale(1) translateY(-6px)
    }
    6% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(5px);
        transform: scale(.9) translateY(5px)
    }
    14% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(16px);
        transform: scale(.4) translateY(16px)
    }
    15%,
    19% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(-6px);
        transform: scale(.4) translateY(-6px)
    }
    36% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(5px);
        transform: scale(.9) translateY(5px)
    }
    44% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(16px);
        transform: scale(.4) translateY(16px)
    }
    45%,
    49% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(-6px);
        transform: scale(.4) translateY(-6px)
    }
    58%,
    59.99%,
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-6px);
        transform: scale(1) translateY(-6px)
    }
    66% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(5px);
        transform: scale(.9) translateY(5px)
    }
    74% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(16px);
        transform: scale(.4) translateY(16px)
    }
    75%,
    79% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(-6px);
        transform: scale(.4) translateY(-6px)
    }
    100%,
    88% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-6px);
        transform: scale(1) translateY(-6px)
    }
}
@-webkit-keyframes nudgeMouse {
    0%, 30%, 60%, 90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20%,
    50%,
    80% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}
@keyframes nudgeMouse {
    0%, 30%, 60%, 90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20%,
    50%,
    80% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}
.cn-circle-screen-pd {
    width: 47.91vw;
    height: 47.91vw;
    left: -2.4vw;
    top: -18vw;
    overflow: hidden;
    border-radius: 100%;
    z-index: 2;
    background: #F9F9F9
}
html.mobile-platform .cn-circle-screen-pd {
    -webkit-animation: circleOtherScreen 10s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 10s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
@-webkit-keyframes circleOtherScreen {
    0% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }
}
@keyframes circleOtherScreen {
    0% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }
}
.inside-screen-pd {
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 1700px;
    margin: 0 auto
}
.centred-inside-pd {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}
.centred-inside-about,
.centred-inside-op {
    max-height: 754px
}
.title-and-info-pd {
    width: 100%;
    height: 90px;
    position: relative;
    margin: 20px 0 0;
    padding: 0 58px;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: ProximaNovaExtraBold, sans-serif
}
.title-screen-pd {
    height: 100%;
    width: auto
}
.count-about-screen,
.title-screen-about {
    max-width: 47.5%
}
.title-screen-pd h2 {
    width: auto;
    max-width: 100%;
    margin: 0;
    color: #000;
    text-transform: lowercase;
    line-height: 90px;
    letter-spacing: -.01em;
    font-size: 90px
}
.title-screen-pd span {
    display: inline
}
.count-about-screen,
.map-about {
    display: -webkit-box;
    display: -ms-flexbox
}
.title-screen-pd h2 i {
    font-style: normal;
    color: #fc8b0c
}
.is-count-as-nm,
.title-screen-pd h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.count-about-screen {
    width: auto;
    font-size: 36px;
    color: #313131;
    line-height: 36px;
    display: flex;
    margin-top: 57px;
    max-width: 376px
}
.one-title-ps,
.title-map-home {
    font: 18px ProximaNovaExtraBold, sans-serif
}
.is-count-as-nm,
.title-screen-our-projects {
    max-width: 100%
}
.val-count-as-nm {
    padding: 0 0 0 8px
}
.is-count-as-nm,
.val-count-as-nm {
    display: inline-block;
    vertical-align: top
}
.dashed-line-about {
    width: 0;
    height: calc(100% + 220px);
    position: absolute;
    z-index: 2;
    top: -110px;
    left: calc(14% - 24px);
    border-right: 1px dashed #ECECEC
}
.arrow-about {
    width: 26px;
    height: 27px;
    position: absolute;
    left: calc(14% - 36.5px);
    top: 35%;
    z-index: 9;
    padding: 0;
    border: none;
    background: 0 0
}
html.mobile-platform .arrow-about {
    -webkit-animation: arrowAbout 5s cubic-bezier(.455, .03, .515, .955) infinite;
    animation: arrowAbout 5s cubic-bezier(.455, .03, .515, .955) infinite
}
.arrow-about:after,
.arrow-about:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.arrow-about:before {
    background: url(imgs/svg/arrow-about.svg) center no-repeat;
    background-size: 100% 100%
}
.arrow-about:after {
    opacity: 0;
    background: url(imgs/svg/arrow-about-hv.svg) center no-repeat;
    background-size: 100% 100%
}
html:not(.mobile-platform) .arrow-about:hover:before {
    opacity: 0
}
html:not(.mobile-platform) .arrow-about:hover:after {
    opacity: 1
}
@-webkit-keyframes arrowAbout {
    0%, 30%, 60%, 90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20%,
    50%,
    80% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}
@keyframes arrowAbout {
    0%, 30%, 60%, 90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20%,
    50%,
    80% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}
.map-about {
    width: 76%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.map-image-about {
    width: 100%;
    position: relative
}
.map-image-about img {
    width: 100%;
    height: auto;
    max-height: 100%
}
.marker-map,
.title-map-home {
    width: auto;
    z-index: 5;
    position: absolute;
    white-space: nowrap
}
.title-map-home {
    bottom: 0;
    right: 59px;
    color: rgba(0, 0, 0, .31);
    text-align: center
}
.marker-map {
    margin: -26px 0 0 -26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.circle-wr-map {
    width: 26px;
    height: 26px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}
.eolica {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #aeafae;
}
.bioenergia {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #247014;
}
.combustion {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #910a0a;
}
.hidroelectrica {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #63b0f7;
}
.turbogas {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #995d07;
}
.ciclocomb {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #ea8518;
}
.nuclear {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #020202;
}
.cogeneracion {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #ec75f9;
}
.geotermica {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #860aa0;
}
.solar {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #c9c30d;
}
.transmision {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #0808f9;
}
.usuario {
    width: 18px;
    height: 18px;
    z-index: 2;
    background: #f9303b;
}
.circle-wr-map,
.inside-wr-map1 {
    -webkit-animation: mapCircle 3s cubic-bezier(.455, .03, .515, .955) .3s infinite alternate;
    animation: mapCircle 3s cubic-bezier(.455, .03, .515, .955) .3s infinite alternate
}
.inside-wr-map2 {
    width: 6px;
    height: 6px;
    z-index: 3;
    background: #fff;
    -webkit-animation: mapCircleInner 3s cubic-bezier(.455, .03, .515, .955) 150ms infinite alternate;
    animation: mapCircleInner 3s cubic-bezier(.455, .03, .515, .955) 150ms infinite alternate
}
.inside-wr-map1,
.inside-wr-map2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}
@-webkit-keyframes mapCircle {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .9
    }
    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
@keyframes mapCircle {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .9
    }
    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
@-webkit-keyframes mapCircleInner {
    0%, 50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}
@keyframes mapCircleInner {
    0%, 50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}
.circle-wr-map,
.inside-wr-map1,
.inside-wr-map2 {
    border-radius: 100%
}
.info-about-screen {
    width: 520px;
    position: absolute;
    left: 40px;
    bottom: 0;
    z-index: 5
}
.info-wr-map {
    white-space: nowrap;
    display: none;
    margin: -4px 0 0 10px;
    font: 14px ProximaNovaSemiBold, sans-serif;
    vertical-align: middle;
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.info-wr-map>* {
    margin: 1px 0
}
.circle-wr-map:hover~.info-wr-map {
    display: block
}
.count-map,
.list-op-content-screen {
    display: -webkit-box;
    display: -ms-flexbox
}
.count-map {
    display: flex
}
.currency-map {
    padding: 0 0 0 5px
}
.circle-wr-map-eolica:hover {
    background: #aeafae
}
.circle-wr-map-eolica:hover .inside-wr-map2 {
    background: #aeafae
}
.circle-wr-map-eolica:hover .inside-wr-map1 {
    background: #aeafae
}
.circle-wr-map-bioenergia:hover {
    background: #247014
}
.circle-wr-map-bioenergia:hover .inside-wr-map2 {
    background: #247014
}
.circle-wr-map-bioenergia:hover .inside-wr-map1 {
    background: #247014
}
.circle-wr-map-combustion:hover {
    background: #910a0a
}
.circle-wr-map-combustion:hover .inside-wr-map2 {
    background: #910a0a
}
.circle-wr-map-combustion:hover .inside-wr-map1 {
    background: #910a0a
}
.circle-wr-map-hidroelectrica:hover {
    background: #63b0f7
}
.circle-wr-map-hidroelectrica:hover .inside-wr-map2 {
    background: #63b0f7
}
.circle-wr-map-hidroelectrica:hover .inside-wr-map1 {
    background: #63b0f7
}
.circle-wr-map-turbogas:hover {
    background: #995d07
}
.circle-wr-map-turbogas:hover .inside-wr-map2 {
    background: #995d07
}
.circle-wr-map-turbogas:hover .inside-wr-map1 {
    background: #995d07
}
.circle-wr-map-ciclocomb:hover {
    background: #ea8518
}
.circle-wr-map-ciclocomb:hover .inside-wr-map2 {
    background: #ea8518
}
.circle-wr-map-ciclocomb:hover .inside-wr-map1 {
    background: #ea8518
}
.circle-wr-map-nuclear:hover {
    background: #020202
}
.circle-wr-map-nuclear:hover .inside-wr-map2 {
    background: #020202
}
.circle-wr-map-nuclear:hover .inside-wr-map1 {
    background: #020202
}
.circle-wr-map-cogeneracion:hover {
    background: #ec75f9
}
.circle-wr-map-cogeneracion:hover .inside-wr-map2 {
    background: #ec75f9
}
.circle-wr-map-cogeneracion:hover .inside-wr-map1 {
    background: #ec75f9
}
.circle-wr-map-geotermica:hover {
    background: #860aa0
}
.circle-wr-map-geotermica:hover .inside-wr-map2 {
    background: #860aa0
}
.circle-wr-map-geotermica:hover .inside-wr-map1 {
    background: #860aa0
}
.circle-wr-map-solar:hover {
    background: #c9c30d
}
.circle-wr-map-solar:hover .inside-wr-map2 {
    background: #c9c30d
}
.circle-wr-map-solar:hover .inside-wr-map1 {
    background: #c9c30d
}
.circle-wr-map-usuario:hover {
    background: #f9303b
}
.circle-wr-map-usuario:hover .inside-wr-map2 {
    background: #f9303b
}
.circle-wr-map-usuario:hover .inside-wr-map1 {
    background: #f9303b
}
.circle-wr-map-transmision:hover {
    background: #0808f9
}
.circle-wr-map-transmision:hover .inside-wr-map2 {
    background: #0808f9
}
.circle-wr-map-transmision:hover .inside-wr-map1 {
    background: #0808f9
}
.text-about-screen {
    width: 100%;
    max-height: 252px;
    position: relative;
    font-size: 17px;
    color: #585858;
    line-height: 8px
}
.text-about-screen>* {
    display: block;
    margin: 28px 0
}

.text-about-screen,
.text-about-screen>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.text-about-screen>:first-child {
    margin-top: 0
}
.text-about-screen>:last-child {
    margin-bottom: 0
}
.text-about-screen a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .text-about-screen a:hover {
    text-decoration: underline
}
.desc-one-op-cs a,
.name-one-op-cs,
a.link-screen {
    text-decoration: none
}
.link-screen-about {
    width: 100%;
    position: relative;
    margin: 32px 0 0
}
.link-screen {
    color: #272727;
    padding: 0 28px 0 0;
    display: inline-block;
    text-transform: lowercase;
    font: 16px ProximaNovaExtraBold, sans-serif
}
html:not(.mobile-platform) .link-screen {
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.inner-read-more {
    display: inline-block;
    position: relative
}
.inner-read-more span:after,
.inner-read-more span:before,
.inner-read-more:before {
    content: '';
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.inner-read-more:before {
    width: 100%;
    height: 2px;
    background: rgba(255, 153, 6, .2);
    left: 0;
    bottom: -3px
}
.inner-read-more span:after,
.inner-read-more span:before {
    width: 17px;
    height: 17px;
    right: -28px;
    top: 2px;
    bottom: 0;
    margin: auto 0
}
.inner-read-more span:before {
    background: url(imgs/svg/read-more.svg) center no-repeat;
    background-size: 100% 100%
}
.inner-read-more span:after {
    opacity: 0;
    background: url(imgs/svg/read-more-hv.svg) center no-repeat;
    background-size: 100% 100%
}
html:not(.mobile-platform) .link-screen:hover {
    color: #fc8b0c
}
html:not(.mobile-platform) .link-screen:hover .inner-read-more span:before {
    opacity: 0
}
html:not(.mobile-platform) .link-screen:hover .inner-read-more span:after {
    opacity: 1
}
html:not(.mobile-platform) .link-screen:hover .inner-read-more:before {
    background: #fc8b0c
}
.op-content-screen {
    width: 100%;
    height: calc(100% - 100px);
    padding: 0 58px;
    position: absolute;
    bottom: 0
}
.inside-op-content-screen {
    width: 100%;
    height: 100%;
    position: relative
}
.link-screen-op {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0 auto
}
.link-our-projects {
    border-radius: 40px;
    padding: 20px 65px 20px 40px;
    background: #fff;
    -webkit-box-shadow: 0 0 50px rgba(255, 153, 6, .12);
    box-shadow: 0 0 50px rgba(255, 153, 6, .12);
	position: absolute;
	right: 60px;
    bottom: 0px;
}
html:not(.mobile-platform) .link-our-projects:hover,
html:not(.mobile-platform) .link-service:hover {
    -webkit-animation: linkScreenShadow 1s cubic-bezier(.455, .03, .515, .955);
    animation: linkScreenShadow 1s cubic-bezier(.455, .03, .515, .955)
}
@-webkit-keyframes linkScreenShadow {
    0% {
        -webkit-box-shadow: 0 0 50px rgba(0, 172, 151, .12);
        box-shadow: 0 0 50px rgba(0, 172, 151, .12)
    }
    25%,
    75% {
        -webkit-box-shadow: 0 0 30px rgba(0, 172, 151, .12);
        box-shadow: 0 0 30px rgba(0, 172, 151, .12)
    }
    50% {
        -webkit-box-shadow: 0 0 70px rgba(0, 172, 151, .12);
        box-shadow: 0 0 70px rgba(0, 172, 151, .12)
    }
}
@keyframes linkScreenShadow {
    0% {
        -webkit-box-shadow: 0 0 50px rgba(0, 172, 151, .12);
        box-shadow: 0 0 50px rgba(0, 172, 151, .12)
    }
    25%,
    75% {
        -webkit-box-shadow: 0 0 30px rgba(0, 172, 151, .12);
        box-shadow: 0 0 30px rgba(0, 172, 151, .12)
    }
    50% {
        -webkit-box-shadow: 0 0 70px rgba(0, 172, 151, .12);
        box-shadow: 0 0 70px rgba(0, 172, 151, .12)
    }
}
.list-op-content-screen {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.desc-one-op-cs p,
.name-one-op-cs>* {
    -webkit-box-orient: vertical;
    display: -webkit-box
}
.one-op-content-screen {
    width: 30%;
    margin: 0 3.33333% 0 0;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    position: relative;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.list-op-content-screen .one-op-content-screen {
    height: 100%
}
.img-one-op-cs {
    width: 323px;
    height: 323px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #fff;
    display: block
}
html:not(.mobile-platform) .name-one-op-cs:hover,
html:not(.mobile-platform) .name-one-op-cs:hover>* {
    color: #fc8b0c
}
.img-one-op-cs:after,
.img-one-op-cs:before {
    content: '';
    position: absolute;
    margin: auto;
    z-index: 2;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.img-one-op-cs:before {
    border-radius: 100%;
    width: 103%;
    height: 103%;
    bottom: -2%;
    right: -2%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 29%, #fff 100%)
}
.img-one-op-cs:after {
    width: 27px;
    height: 26px;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 0;
    background: url(imgs/svg/arrow-projects.svg) center no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}
.hv-project {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    background: rgba(255, 255, 255, .5);
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
html:not(.mobile-platform) .img-one-op-cs:hover .hv-project {
    opacity: 1!important
}
html:not(.mobile-platform) .img-one-op-cs:hover:after {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.img-one-op-cs img {
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.info-one-op-cs {
    width: 66%;
    margin: -51px 0 0 164px;
    position: relative;
    z-index: 3
}
.country-one-op-cs,
.name-one-op-cs {
    width: 100%;
    font-family: ProximaNovaExtraBold, sans-serif;
    display: block
}
.name-one-op-cs {
    font-size: 30px;
    margin: 0 0 21px
}
.country-one-op-cs {
    font-size: 18px;
    color: #272727;
    margin: 0 0 15px
}
.name-one-op-cs {
    color: #000
}
.country-one-op-cs,
.country-one-op-cs>* {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.name-one-op-cs>* {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}
html:not(.mobile-platform) .name-one-op-cs,
html:not(.mobile-platform) .name-one-op-cs>* {
    -webkit-transition: all .2s cubic-bezier(.455, .03, .515, .955);
    transition: all .2s cubic-bezier(.455, .03, .515, .955)
}
.desc-one-op-cs {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    max-height: 61px
}
.desc-one-op-cs,
.desc-one-op-cs>* {
    text-overflow: ellipsis
}
.desc-one-op-cs a {
    color: #fc8b0c
}
html:not(.mobile-platform) .desc-one-op-cs a:hover {
    text-decoration: underline
}
.desc-one-op-cs p {
    margin: 15px 0;
    -webkit-line-clamp: 8
}
.desc-one-op-cs p:last-child {
    margin-bottom: 0
}
.centred-inside-others {
    max-height: 500px;
    bottom: 140px
}
.others-content-screen {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 58px
}
.inner-screen-service,
.one-record-blog-other {
    display: -ms-flexbox;
    -webkit-box-direction: normal
}
.one-other-content-blk {
    width: 33.333333%;
    height: 100%;
    padding-right: 21px;
    position: relative
}
.one-other-content-blk:last-child {
    padding-right: 0
}
.title-one-other-blk {
    width: 100%;
    padding: 0 0 38px;
    border-bottom: 1px dashed #ECECEC
}
.title-one-other-blk h3 {
    width: 100%;
    text-align: center;
    margin: 0;
    line-height: 60px;
    letter-spacing: -.01em;
    text-transform: lowercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 60px ProximaNovaExtraBold, sans-serif
}
.title-one-other-blk h3 i {
    font-style: normal;
    color: #fc8b0c
}
.inside-content-others,
.links-content-faq-other,
.one-link-faq-other {
    width: 100%
}
.inside-content-others {
    position: relative;
    padding: 36px 0 0
}
.links-content-faq-other {
    max-height: 235px;
    overflow: hidden
}
.one-link-faq-other {
    margin-bottom: 16px
}
.one-link-faq-other:last-child {
    margin-bottom: 0
}
.one-link-faq-other,
.one-link-faq-other>* {
    font-size: 15px;
    color: #313131;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;

}
.one-link-faq-other a {
    text-decoration: none
}
.one-link-faq-other a,
.one-link-faq-other a:before {
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.one-link-faq-other a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #B8EBE5;
    left: 0;
    bottom: -1px;
    opacity: 0
}
html:not(.mobile-platform) .one-link-faq-other a:hover {
    color: #fc8b0c
}
html:not(.mobile-platform) .one-link-faq-other a:hover:before {
    opacity: 1
}
.link-screen-other-faq,
.records-blog-other {
    width: 100%
}
.link-screen-other-faq {
    margin: 39px 0 0
}
.records-blog-other {
    max-height: 348px;
    overflow: hidden
}
.one-record-blog-other {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 15px
}
.one-record-blog-other:last-child {
    margin-bottom: 0
}
.image-record-blog-other {
    width: 101px;
    height: 101px;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    background: #ccc
}
.image-record-blog-other:after,
.image-record-blog-other:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.image-record-blog-other:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .5)
}
.image-record-blog-other:after {
    width: 18px;
    height: 18px;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(imgs/svg/arrow-blog.svg) center no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}
html:not(.mobile-platform) .image-record-blog-other:hover:after,
html:not(.mobile-platform) .image-record-blog-other:hover:before {
    opacity: 1
}
html:not(.mobile-platform) .image-record-blog-other:hover:after {
    -webkit-transform: none;
    transform: none
}
.image-record-blog-other img {
    width: auto;
    height: auto;
    max-width: calc(100% * 1.33333);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.info-record-blog-other {
    width: calc(100% - 101px);
    padding: 0 0 0 22px
}
.cmn-record-blog-other {
    width: 100%
}
.date-record-blog-other {
    color: #b2b2b2
}
.date-record-blog-other,
.desc-record-blog-other {
    font-size: 14px;
    line-height: 24px
}
.date-record-blog-other * {
    display: block
}
.cmn-record-blog-other,
.cmn-record-blog-other>*,
.one-contact-other-info,
.one-contact-other-info>* {

    overflow: hidden;
    text-overflow: ellipsis
}
.title-record-blog-other {
    font-size: 16px;
    line-height: 34px
}
.title-record-blog-other a {
    text-decoration: none;
    color: #000;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
html:not(.mobile-platform) .title-record-blog-other a:hover {
    color: #fc8b0c
}
.desc-contacts-other,
.desc-record-blog-other {
    width: 100%;
    color: #585858;
    overflow: hidden
}
.desc-record-blog-other {
    max-height: 48px
}
.desc-record-blog-other>* {
    max-width: 95%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}
.content-contacts-other {
    width: 100%;
    padding: 0 40px
}
.desc-contacts-other {
    font-size: 16px;
    line-height: 24px;
    max-height: 70px
}
.desc-contacts-other a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .desc-contacts-other a:hover {
    text-decoration: underline
}
.one-contact-other-info>* {
    display: inline-block;
    vertical-align: middle
}
.desc-contacts-other>* {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}
.desc-contacts-other,
.desc-contacts-other>*,
.desc-record-blog-other,
.desc-record-blog-other>* {
    text-overflow: ellipsis
}
.info-contacts-other {
    width: 100%;
    margin: 33px 0 0;
    max-height: 122px;
}
.one-contact-other-info {
    padding: 0 0 0 35px;
    margin-bottom: 24px;
    font-size: 17px;
    line-height: 24px;
    color: #313131;
    position: relative
}
.one-contact-other-info,
.one-contact-other-info>* {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}
.one-contact-other-info a {
    color: #313131;
    text-decoration: none;
    -webkit-transition: color .3s cubic-bezier(.455, .03, .515, .955);
    transition: color .3s cubic-bezier(.455, .03, .515, .955)
}
.one-contact-other-info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}
.one-contact-other-info.location:before {
    width: 18px;
    height: 24px;
    background: url(imgs/svg/location-contact.svg);
    background-size: 100% 100%
}
.one-contact-other-info.phone:before {
    width: 21px;
    height: 20px;
    background: url(imgs/svg/phone-contact.svg);
    background-size: 100% 100%
}
.one-contact-other-info.mail:before {
    width: 21px;
    height: 16px;
    background: url(imgs/svg/mail-contact.svg);
    background-size: 100% 100%
}
html:not(.mobile-platform) .one-contact-other-info a:hover {
    color: #fc8b0c
}
.one-contact-other-info:last-child {
    margin-bottom: 0
}
.link-to-contacts-page {
    width: 100%;
    margin-top: 46px
}
.common-btn-green {
    color: #fff;
    position: relative;
    border-radius: 40px;
    display: inline-block;
    background: #fc8b0c;
    border: 2px solid #fc8b0c;
    font: 16px ProximaNovaExtraBold, sans-serif;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
a.common-btn-green {
    text-decoration: none
}
html:not(.mobile-platform) .common-btn-green:not(:disabled):hover {
    background: #f2e230;
    color: #000
}
button.common-btn-green:disabled {
    cursor: default;
    background: #f2e230;
    color: #000
}
button.common-btn-green.error:disabled {
    background: 0 0;
    border-color: #ff6d6d!important
}
button.common-btn-green.success:disabled {
    background: 0 0;
    border-color: #fc8b0c!important
}
.is-link-to-contacts {
    padding: 20px 50px
}
.content-screen-service {
    width: 100%;
    height: 100%;
    max-height: calc(100% - 110px);
    padding: 20px 58px 0
}
.inner-screen-service {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}
.one-service-ms {
    height: calc(50% - 15px);
    margin: 0 30px 30px 0;
    position: relative
}
.one-service-ms:first-child {
    width: 37%;
    background: url(imgs/service-screen1.jpg) center no-repeat;
    background-size: cover
}
.one-service-ms:nth-child(2) {
    width: 33.5%;
    background: url(imgs/service-screen2.jpg) center no-repeat;
    background-size: cover
}
.one-service-ms:nth-child(5) {
    width: 40%;
    background: url(imgs/service-screen5.jpg) center no-repeat;
    background-size: cover
}
.one-service-ms:nth-child(4) {
    width: 30.5%;
    background: url(imgs/service-screen4.jpg) center no-repeat;
    background-size: cover
}
.one-service-ms:nth-child(3) {
    width: calc(32.5% - 110px);
    height: 75%;
    position: absolute;
    right: 0;
    top: 30px;
    margin: 0;
    background: url(imgs/service-screen3.jpg) center no-repeat;
    background-size: cover
}
.info-one-service-ms,
.num-one-service-ms {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.num-one-service-ms {
    z-index: 1;
    background: rgba(31, 31, 31, .8)
}
.num-inline-service-ms {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 17px;
    bottom: 3px;
    line-height: 80px;
    font: 80px ProximaNovaExtraBold, sans-serif;
    color: rgba(255, 255, 255, .12);
    pointer-events: none
}
.num-inline-service-ms>* {
    display: inline
}
.num-inline-service-ms i {
    font-style: normal
}
.info-one-service-ms {
    z-index: 2;
    position: relative;
    overflow: hidden
}
.inner-info-one-sms {
    width: 230px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(100% - 40px)
}
.inner-info-sms {
    width: 100%;
    overflow: hidden;
    font-family: ProximaNovaExtraBold, sans-serif
}
.inner-info-sms>* {
    max-width: 100%;
    overflow: inherit;
    text-overflow: ellipsis
}
.title-one-service-ms {
    color: #79c647;
    overflow: hidden;
    font-size: 36px;
    margin-bottom: 5px
}
.one-service-ms:first-child .title-one-service-ms,
.one-service-ms:last-child .title-one-service-ms {
    color: #fc8b0c
}
.desc-one-service-ms {
    color: #bebebe;
    font-size: 20px;
    line-height: 24px
}
.link-service {
    border-radius: 40px;
    padding: 20px 65px 20px 40px;
    background: #fff;
    -webkit-box-shadow: 0 0 50px rgba(0, 172, 151, .12);
    box-shadow: 0 0 50px rgba(0, 172, 151, .12);
    position: absolute;
    right: 88px;
    bottom: 15px
}
.desc-service-screen {
    width: auto;
    max-width: 660px;
    font: 18px ProximaNovaSemiBold, sans-serif;
    color: #585858;
    line-height: 24px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 11px
}
.desc-service-screen,
.desc-service-screen>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.desc-service-screen a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .desc-service-screen a:hover {
    text-decoration: underline
}
.desc-service-screen>* {
    max-width: 100%;
    max-height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.cn-circle-screen-screen {
    width: 44vw;
    height: 44vw;
    position: absolute;
    overflow: hidden;
    border-radius: 100%;
    right: -10vw;
    bottom: -1.1vw;
    z-index: 2;
    background: rgba(0, 172, 151, .05)
}
html.mobile-platform .cn-circle-screen-screen {
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) 5s infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) 5s infinite alternate
}
html:not(.mobile-platform) #main-scll-gb,
html:not(.mobile-platform) #right-notice .info-right-notice,
html:not(.mobile-platform) .arrow-about.anim-elem,
html:not(.mobile-platform) .btn-nav-main,
html:not(.mobile-platform) .btn-scll-main,
html:not(.mobile-platform) .cn-circle-mini-double,
html:not(.mobile-platform) .cn-circle-mini-green,
html:not(.mobile-platform) .cn-circle-screen-pd.anim-elem,
html:not(.mobile-platform) .cn-circle-screen-screen.anim-elem,
html:not(.mobile-platform) .cn-video-bg,
html:not(.mobile-platform) .cn-video-layer-effects,
html:not(.mobile-platform) .count-about-screen.anim-elem,
html:not(.mobile-platform) .desc-service-screen.anim-elem,
html:not(.mobile-platform) .desc-video-layer,
html:not(.mobile-platform) .info-about-screen.anim-elem,
html:not(.mobile-platform) .inside-content-others.anim-elem,
html:not(.mobile-platform) .link-our-projects.anim-elem,
html:not(.mobile-platform) .link-service.anim-elem,
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .country-one-op-cs,
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .desc-one-op-cs,
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .img-one-op-cs,
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .name-one-op-cs,
html:not(.mobile-platform) .map-about.anim-elem,
html:not(.mobile-platform) .one-service-ms.anim-elem,
html:not(.mobile-platform) .title-map-home.anim-elem,
html:not(.mobile-platform) .title-one-other-blk.anim-elem h3,
html:not(.mobile-platform) .title-screen-pd.anim-elem h2,
html:not(.mobile-platform) .title-video-layer {
    opacity: 0
}
html:not(.mobile-platform) #right-notice .info-right-notice,
html:not(.mobile-platform) .cn-video-bg,
html:not(.mobile-platform) .cn-video-layer-effects {
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out
}
html:not(.mobile-platform) .btn-nav-main {
    -webkit-transform: translateY(7vh);
    transform: translateY(7vh);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .img-one-op-cs {
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

html:not(.mobile-platform) .inside-screens.done .list-op-content-screen .one-op-content-screen.anim-elem .img-one-op-cs {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem:nth-child(1) .img-one-op-cs {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem:nth-child(2) .img-one-op-cs {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem:nth-child(3) .img-one-op-cs {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}
html:not(.mobile-platform) .btn-nav-main:nth-child(2) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}
html:not(.mobile-platform) .btn-nav-main:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .btn-nav-main:nth-child(4) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}
html:not(.mobile-platform) .btn-nav-main:nth-child(5) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .cn-circle-main-screen {
    opacity: 0!important;
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) 750ms;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) 750ms
}
html:not(.mobile-platform) .cn-video-bg,
html:not(.mobile-platform) .cn-video-layer-effects {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
html:not(.mobile-platform) .line-ms {
    position: absolute;
    z-index: 1;
    background: #000
}
html:not(.mobile-platform) .line-ms1,
html:not(.mobile-platform) .line-ms2 {
    left: 0
}
html:not(.mobile-platform) .line-ms2,
html:not(.mobile-platform) .line-ms3 {
    top: 0
}
html:not(.mobile-platform) .line-ms3,
html:not(.mobile-platform) .line-ms4 {
    right: 0
}
html:not(.mobile-platform) .line-ms1,
html:not(.mobile-platform) .line-ms4 {
    bottom: 0
}
html:not(.mobile-platform) .line-ms1,
html:not(.mobile-platform) .line-ms3 {
    width: 2px;
    height: 0
}
html:not(.mobile-platform) .line-ms2,
html:not(.mobile-platform) .line-ms4 {
    width: 0;
    height: 2px
}
@-webkit-keyframes lineMsHorizontal {
    to {
        width: 100%
    }
}
@keyframes lineMsHorizontal {
    to {
        width: 100%
    }
}
@-webkit-keyframes lineMsVertical {
    to {
        height: 100%
    }
}
@keyframes lineMsVertical {
    to {
        height: 100%
    }
}
html:not(.mobile-platform) .desc-video-layer,
html:not(.mobile-platform) .title-video-layer {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
html:not(.mobile-platform) .title-video-layer {
    -webkit-transition-delay: 950ms;
    transition-delay: 950ms
}
html:not(.mobile-platform) .desc-video-layer {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}
html:not(.mobile-platform) .cn-circle-mini-double,
html:not(.mobile-platform) .cn-circle-mini-green {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .cn-circle-mini-green {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}
html:not(.mobile-platform) .cn-circle-mini-double {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}
html:not(.mobile-platform) .cn-circle-mini-green.hv-disable {
    -webkit-animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html:not(.mobile-platform) .cn-circle-mini-green.hv-disable:before {
    -webkit-animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html:not(.mobile-platform) .cn-circle-mini-double.hv-disable {
    -webkit-animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html:not(.mobile-platform) .cn-circle-mini-double.hv-disable:before {
    -webkit-animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) 1.65s infinite alternate;
    animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) 1.65s infinite alternate
}
html:not(.mobile-platform) .cn-circle-mini-double.hv-disable:after {
    -webkit-animation: circleMiniDoubleAfter 1.5s cubic-bezier(.455, .03, .515, .955) 1.8s infinite alternate;
    animation: circleMiniDoubleAfter 1.5s cubic-bezier(.455, .03, .515, .955) 1.8s infinite alternate
}
html:not(.mobile-platform) .btn-scll-main {
    -webkit-transition: all .3s ease-out 1.85s;
    transition: all .3s ease-out 1.85s
}
html:not(.mobile-platform) .count-about-screen.anim-elem,
html:not(.mobile-platform) .desc-service-screen.anim-elem,
html:not(.mobile-platform) .title-map-home.anim-elem,
html:not(.mobile-platform) .title-one-other-blk.anim-elem h3,
html:not(.mobile-platform) .title-screen-pd.anim-elem h2 {
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .one-other-content-blk:nth-child(2) .title-one-other-blk.anim-elem h3 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .one-other-content-blk:nth-child(3) .title-one-other-blk.anim-elem h3 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .title-one-other-blk.anim-elem h3 i,
html:not(.mobile-platform) .title-screen-pd.anim-elem h2 i {
    color: #000;
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .inside-content-others.anim-elem {
    -webkit-transform: translateY(5vh);
    transform: translateY(5vh);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .one-other-content-blk:nth-child(1) .inside-content-others.anim-elem,
html:not(.mobile-platform) .one-other-content-blk:nth-child(1) .title-one-other-blk.anim-elem h3 i,
html:not(.mobile-platform) .title-screen-pd.anim-elem h2 i {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .one-other-content-blk:nth-child(2) .inside-content-others.anim-elem,
html:not(.mobile-platform) .one-other-content-blk:nth-child(2) .title-one-other-blk.anim-elem h3 i {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .one-other-content-blk:nth-child(3) .inside-content-others.anim-elem,
html:not(.mobile-platform) .one-other-content-blk:nth-child(3) .title-one-other-blk.anim-elem h3 i {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
html:not(.mobile-platform) .count-about-screen.anim-elem,
html:not(.mobile-platform) .desc-service-screen.anim-elem {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .title-map-home.anim-elem {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}
html:not(.mobile-platform) .map-about.anim-elem {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s;
    transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s
}
html:not(.mobile-platform) .info-about-screen.anim-elem {
    -webkit-transform: translateY(5vh);
    transform: translateY(5vh);
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1) .9s;
    transition: all .4s cubic-bezier(.4, 0, .2, 1) .9s
}
html:not(.mobile-platform) .arrow-about.anim-elem {
    -webkit-transform: translateY(-5vh);
    transform: translateY(-5vh);
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1) 1.2s;
    transition: all .4s cubic-bezier(.4, 0, .2, 1) 1.2s
}
html:not(.mobile-platform) .cn-circle-screen-pd.anim-elem,
html:not(.mobile-platform) .cn-circle-screen-screen.anim-elem {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}
html:not(.mobile-platform) .one-service-ms.anim-elem {
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .one-service-ms.anim-elem:nth-child(1) {
    -webkit-transform: translateX(-5vh);
    transform: translateX(-5vh);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .one-service-ms.anim-elem:nth-child(2) {
    -webkit-transform: translateY(5vh);
    transform: translateY(5vh);
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}
html:not(.mobile-platform) .one-service-ms.anim-elem:nth-child(4) {
    -webkit-transform: translateX(-5vh);
    transform: translateX(-5vh);
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
html:not(.mobile-platform) .one-service-ms.anim-elem:nth-child(5) {
    -webkit-transform: translateX(5vh);
    transform: translateX(5vh);
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}
html:not(.mobile-platform) .one-service-ms.anim-elem:nth-child(3) {
    -webkit-transform: translateY(5vh);
    transform: translateY(5vh);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}
html:not(.mobile-platform) .link-our-projects.anim-elem,
html:not(.mobile-platform) .link-service.anim-elem {
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .link-service.anim-elem {
    -webkit-transform: translateX(-5vh);
    transform: translateX(-5vh);
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}
html:not(.mobile-platform) .link-our-projects.anim-elem {
    -webkit-transform: translateY(5vh);
    transform: translateY(5vh);
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}
html:not(.mobile-platform) #main-scll-gb.done,
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem.hv-disable {
    pointer-events: inherit
}
html:not(.mobile-platform) .one-op-content-screen .inner-image-one-post-ss {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .country-one-op-cs,
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .desc-one-op-cs,
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .name-one-op-cs {
    -webkit-transform: translateY(5vh);
    transform: translateY(5vh);
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .name-one-op-cs {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .country-one-op-cs {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
html:not(.mobile-platform) .list-op-content-screen .one-op-content-screen.anim-elem .desc-one-op-cs {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
html:not(.mobile-platform) #main-scll-gb.done,
html:not(.mobile-platform) #right-notice.done .info-right-notice,
html:not(.mobile-platform) .inside-screens.done .arrow-about.anim-elem,
html:not(.mobile-platform) .inside-screens.done .btn-scll-main,
html:not(.mobile-platform) .inside-screens.done .cn-circle-mini-double,
html:not(.mobile-platform) .inside-screens.done .cn-circle-mini-green,
html:not(.mobile-platform) .inside-screens.done .cn-circle-screen-pd.anim-elem,
html:not(.mobile-platform) .inside-screens.done .cn-circle-screen-screen.anim-elem,
html:not(.mobile-platform) .inside-screens.done .cn-video-bg,
html:not(.mobile-platform) .inside-screens.done .cn-video-layer-effects,
html:not(.mobile-platform) .inside-screens.done .count-about-screen.anim-elem,
html:not(.mobile-platform) .inside-screens.done .desc-service-screen.anim-elem,
html:not(.mobile-platform) .inside-screens.done .desc-video-layer,
html:not(.mobile-platform) .inside-screens.done .info-about-screen.anim-elem,
html:not(.mobile-platform) .inside-screens.done .inside-content-others.anim-elem,
html:not(.mobile-platform) .inside-screens.done .link-our-projects.anim-elem,
html:not(.mobile-platform) .inside-screens.done .link-service.anim-elem,
html:not(.mobile-platform) .inside-screens.done .list-op-content-screen .one-op-content-screen.anim-elem .info-one-op-cs>a,
html:not(.mobile-platform) .inside-screens.done .list-op-content-screen .one-op-content-screen.anim-elem .info-one-op-cs>div,
html:not(.mobile-platform) .inside-screens.done .map-about.anim-elem,
html:not(.mobile-platform) .inside-screens.done .one-service-ms.anim-elem,
html:not(.mobile-platform) .inside-screens.done .title-map-home,
html:not(.mobile-platform) .inside-screens.done .title-one-other-blk.anim-elem h3,
html:not(.mobile-platform) .inside-screens.done .title-screen-pd.anim-elem h2,
html:not(.mobile-platform) .inside-screens.done .title-video-layer,
html:not(.mobile-platform) .list-buttons-nav-main.done .btn-nav-main {
    opacity: 1
}
html:not(.mobile-platform) .inside-screens.done .arrow-about.anim-elem,
html:not(.mobile-platform) .inside-screens.done .cn-circle-mini-double,
html:not(.mobile-platform) .inside-screens.done .cn-circle-mini-green,
html:not(.mobile-platform) .inside-screens.done .cn-circle-screen-pd.anim-elem,
html:not(.mobile-platform) .inside-screens.done .cn-circle-screen-screen.anim-elem,
html:not(.mobile-platform) .inside-screens.done .count-about-screen.anim-elem,
html:not(.mobile-platform) .inside-screens.done .desc-service-screen.anim-elem,
html:not(.mobile-platform) .inside-screens.done .desc-video-layer,
html:not(.mobile-platform) .inside-screens.done .info-about-screen.anim-elem,
html:not(.mobile-platform) .inside-screens.done .inside-content-others.anim-elem,
html:not(.mobile-platform) .inside-screens.done .link-our-projects.anim-elem,
html:not(.mobile-platform) .inside-screens.done .link-service.anim-elem,
html:not(.mobile-platform) .inside-screens.done .list-op-content-screen .one-op-content-screen.anim-elem .info-one-op-cs>a,
html:not(.mobile-platform) .inside-screens.done .list-op-content-screen .one-op-content-screen.anim-elem .info-one-op-cs>div,
html:not(.mobile-platform) .inside-screens.done .map-about.anim-elem,
html:not(.mobile-platform) .inside-screens.done .one-service-ms.anim-elem,
html:not(.mobile-platform) .inside-screens.done .title-map-home,
html:not(.mobile-platform) .inside-screens.done .title-one-other-blk.anim-elem h3,
html:not(.mobile-platform) .inside-screens.done .title-screen-pd.anim-elem h2,
html:not(.mobile-platform) .inside-screens.done .title-video-layer,
html:not(.mobile-platform) .list-buttons-nav-main.done .btn-nav-main {
    -webkit-transform: none;
    transform: none
}
html:not(.mobile-platform) .cn-circle-main-screen.hv-disable {
    opacity: 1!important
}
html:not(.mobile-platform) .list-buttons-nav-main.hv-disable .btn-nav-main {
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
html:not(.mobile-platform) .inside-screens.done .line-ms1,
html:not(.mobile-platform) .inside-screens.done .line-ms3 {
    -webkit-animation: lineMsVertical .6s cubic-bezier(.4, 0, .2, 1) normal forwards 150ms;
    animation: lineMsVertical .6s cubic-bezier(.4, 0, .2, 1) normal forwards 150ms
}
html:not(.mobile-platform) .inside-screens.done .line-ms2,
html:not(.mobile-platform) .inside-screens.done .line-ms4 {
    -webkit-animation: lineMsHorizontal .6s cubic-bezier(.4, 0, .2, 1) normal forwards 150ms;
    animation: lineMsHorizontal .6s cubic-bezier(.4, 0, .2, 1) normal forwards 150ms
}
html:not(.mobile-platform) .inside-screens.done .title-one-other-blk.anim-elem h3 i,
html:not(.mobile-platform) .inside-screens.done .title-screen-pd.anim-elem h2 i {
    color: #fc8b0c
}
html:not(.mobile-platform) .arrow-about.hv-disable {
    -webkit-animation: arrowAbout 5s cubic-bezier(.455, .03, .515, .955) infinite;
    animation: arrowAbout 5s cubic-bezier(.455, .03, .515, .955) infinite
}
html:not(.mobile-platform) .cn-circle-screen-pd.hv-disable {
    -webkit-transition: none!important;
    transition: none!important;
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
html:not(.mobile-platform) .cn-circle-screen-screen.hv-disable {
    -webkit-transition: none!important;
    transition: none!important;
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) 5s infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) 5s infinite alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
html:not(.mobile-platform) .link-our-projects.hv-disable,
html:not(.mobile-platform) .link-service.hv-disable {
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.process-cnt-ip-tp.wait .process-side-cnt,
.process-cnt-ip-tp.wait .tabs-process-cnt,
.tab-process.active,
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem {
    pointer-events: none
}
html:not(.mobile-platform) .inside-screens.done .list-op-content-screen .one-op-content-screen.anim-elem .inner-image-one-post-ss {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}
@media only screen and (max-width: 1680px) {
    .cn-screen-pd {
        padding: 100px
    }
    #nav-main,
    #right-notice {
        width: 100px
    }
    #right-notice {
        font-size: 15px
    }
    .info-right-notice {
        line-height: 100px;
        padding: 100px 0;
        -webkit-transform: rotateZ(180deg) translateX(1px);
        transform: rotateZ(180deg) translateX(1px)
    }
    .one-line-main1,
    .one-line-main2,
    .one-line-main3 {
        height: calc(100% - 200px)
    }
    .one-line-main4 {
        width: calc(100% - 200px);
        bottom: 158px
    }
    #main-scll-gb {
        bottom: 34px;
        width: 24px;
        height: 33px
    }
    #main-scll-gb,
    #scroll-to-top {
        left: 0
    }
    #main-scll-gb:before {
        width: 20px;
        height: 28px
    }
    .btn-nav-main {
        width: 32px;
        height: 32px;
        margin: 0 0 8px;
        font-size: 12px
    }
    .num-btn-nm {
        line-height: 33px
    }
    .btn-nav-main span.line-btn-nm {
        left: 19px
    }
    .btn-nav-main span.line-btn-nm:before {
        width: 14px;
        bottom: 6px
    }
    .title-map-home {
        right: 53px
    }
    .title-video-layer h1 {
        font-size: 190px
    }
    .desc-video-layer {
        max-height: 87px;
        font-size: 32px
    }
    .btn-scll-main {
        width: 12px;
        font-size: 10px;
        left: 0;
        bottom: 138px
    }
    .common-btn-green,
    .link-screen {
        font-size: 15px
    }
    .circle-scll-main-wr {
        width: 34px;
        height: 34px;
        margin: 17px 0 0 -11px
    }
    .count-about-screen {
        margin-top: 30px;
        max-width: 334px
    }
    .circle-scll-inside-white {
        width: 24px;
        height: 24px
    }
    .circle-scll-inside-green {
        width: 12px;
        height: 12px
    }
    .cn-circle-mini-green {
        width: 24px;
        height: 24px;
        left: calc(28% - 12px);
        top: 160px
    }
    .cn-circle-mini-double {
        width: 46px;
        height: 46px;
        right: calc(28% - 23px);
        top: 229px
    }
    .cn-circle-mini-double:after {
        width: 12px;
        height: 12px
    }
    .link-screen {
        padding: 0 25px 0 0
    }
    .inner-read-more span:after,
    .inner-read-more span:before {
        width: 15px;
        height: 15px;
        top: 0;
        right: -25px
    }
    .centred-inside-about,
    .centred-inside-op {
        max-height: 744px
    }
    .title-screen-pd h2 {
        line-height: 80px;
        font-size: 80px
    }
    .title-and-info-pd {
        height: 80px;
        margin: 50px 0 0;
        padding: 0 50px
    }
    .count-about-screen {
        font-size: 32px;
        line-height: 32px
    }
    .arrow-about {
        width: 24px;
        height: 25px;
        top: 30%
    }
    .info-about-screen {
        width: 460px;
        left: 30px
    }
    .text-about-screen {
        max-height: 253px;
        font-size: 16px;
        line-height: 26px
    }
    .text-about-screen>* {
        margin: 22px 0
    }
    .link-screen-about {
        margin: 24px 0 0
    }
    .desc-service-screen {
        max-width: 550px;
        font-size: 16px;
        line-height: 22px
    }
    .desc-service-screen>* {
        max-height: 44px
    }
    .content-screen-service {
        max-height: calc(100% - 130px);
        padding: 15px 50px 0
    }
    .one-service-ms {
        height: calc(50% - 13px);
        margin: 0 26px 26px 0
    }
    .one-service-ms:nth-child(3) {
        width: calc(32.5% - 92px);
        top: 26px
    }
    .inner-info-one-sms {
        width: 205px;
        height: calc(100% - 26px)
    }
    .num-inline-service-ms {
        right: 14px;
        font-size: 70px;
        line-height: 70px
    }
    .title-one-service-ms {
        font-size: 32px;
        margin-bottom: 3px
    }
    .desc-one-service-ms {
        font-size: 17px;
        line-height: 21px
    }
    .link-our-projects,
    .link-service {
        padding: 18px 56px 18px 34px
    }
    .link-service {
        right: 75px;
        bottom: 13px
    }
    .op-content-screen {
        height: calc(100% - 90px);
        padding: 0 50px
    }
    .list-op-content-screen {
        height: calc(100% - 51px)
    }
    .img-one-op-cs {
        width: 300px;
        height: 300px
    }
    .info-one-op-cs {
        margin: -50px 0 0 150px
    }
    .name-one-op-cs {
        font-size: 26px;
        margin: 0 0 25px
    }
    .country-one-op-cs {
        font-size: 17px;
        margin: 0 0 10px
    }
    .desc-one-op-cs {
        font-size: 15px;
        line-height: 23px;
        max-height: 60px
    }
    .others-content-screen {
        padding: 0 50px
    }
    .centred-inside-others {
        max-height: 415px;
        bottom: 100px
    }
    .title-one-other-blk {
        padding: 0 0 25px
    }
    .title-one-other-blk h3 {
        font-size: 50px;
        line-height: 50px
    }
    .inside-content-others {
        padding: 25px 0 0
    }
    .one-link-faq-other {
        margin-bottom: 14px
    }
    .one-link-faq-other,
    .one-link-faq-other>* {
        font-size: 14px
    }
    .link-screen-other-faq {
        margin: 30px 0 0
    }
    .records-blog-other {
        max-height: 312px
    }
    .one-record-blog-other {
        margin: 0 0 12px
    }
    .info-record-blog-other {
        width: calc(100% - 91px);
        padding: 0 0 0 18px
    }
    .title-record-blog-other {
        font-size: 15px;
        line-height: 30px
    }
    .date-record-blog-other,
    .desc-record-blog-other {
        font-size: 13px;
        line-height: 22px;
        max-height: 44px
    }
    .image-record-blog-other {
        width: 91px;
        height: 91px
    }
    .content-contacts-other {
        padding: 0 35px
    }
    .info-contacts-other {
        margin: 28px 0 0;
        max-height: 200px
    }
    .desc-contacts-other {
        font-size: 15px;
        line-height: 22px;
        max-height: 66px
    }
    .one-contact-other-info {
        padding: 0 0 0 32px;
        margin-bottom: 17px;
        font-size: 15px;
        line-height: 24px
    }
    .link-to-contacts-page {
        margin-top: 35px
    }
    .is-link-to-contacts {
        padding: 16px 40px
    }
    #scroll-to-top {
        width: 50px;
        height: 50px;
        bottom: 150px
    }
    .cicrle-scll-tt-inside {
        width: 35px;
        height: 35px
    }
    .arrow-scll-tt {
        width: 13px;
        height: 15px
    }
}
@media only screen and (max-width: 1600px) {
    .title-video-layer {
        margin-top: -30px
    }
    .title-video-layer h1 {
        font-size: 160px
    }
    .desc-video-layer {
        max-height: 71px;
        font-size: 26px
    }
    .cn-circle-mini-green {
        width: 20px;
        height: 20px;
        left: calc(28% - 10px);
        top: 140px
    }
    .cn-circle-mini-double {
        width: 40px;
        height: 40px;
        right: calc(28% - 20px);
        top: 169px
    }
    .cn-circle-mini-double:after {
        width: 10px;
        height: 10px
    }
    .circle-scll-main-wr {
        margin: 14px 0 0 -11px
    }
    .centred-inside-about,
    .centred-inside-op {
        max-height: 574px
    }
    .map-about {
        width: 70%
    }
    .title-and-info-pd {
        margin: 20px 0 0
    }
    .title-map-home {
        right: 51px;
        font-size: 16px
    }
    .content-screen-service {
        max-height: calc(100% - 100px);
        padding: 13px 50px 0
    }
    .num-inline-service-ms {
        right: 12px;
        font-size: 55px;
        line-height: 55px
    }
    .title-one-service-ms {
        font-size: 26px
    }
    .desc-one-service-ms {
        font-size: 15px;
        line-height: 19px
    }
    .link-screen-op {
        bottom: 0
    }
    .img-one-op-cs {
        width: 270px;
        height: 270px
    }
    .info-one-op-cs {
        margin: -46px 0 0 135px
    }
    .name-one-op-cs {
        font-size: 23px;
        margin: 0 0 23px
    }
    .country-one-op-cs {
        font-size: 16px;
        margin: 0 0 8px
    }
    .desc-one-op-cs {
        font-size: 14px;
        line-height: 22px;
        max-height: 52px
    }
    .desc-one-op-cs p {
        margin: 10px 0
    }
    #scroll-to-top {
        bottom: 125px
    }
}
@media only screen and (max-width: 1440px) {
    .cn-screen-pd {
        padding: 85px
    }
    #nav-main,
    #right-notice {
        width: 85px
    }
    #right-notice {
        font-size: 14px
    }
    .info-right-notice {
        line-height: 85px;
        padding: 85px 0;
        -webkit-transform: rotateZ(180deg) translateX(1px);
        transform: rotateZ(180deg) translateX(1px)
    }
    .title-video-layer {
        margin-top: 0
    }
    .title-video-layer h1 {
        font-size: 150px
    }
    .desc-video-layer {
        max-height: 66px;
        font-size: 24px
    }
    .common-btn-green,
    .link-screen {
        font-size: 14px
    }
    .one-line-main1,
    .one-line-main2,
    .one-line-main3 {
        height: calc(100% - 170px)
    }
    .one-line-main4 {
        width: calc(100% - 170px);
        bottom: 140px
    }
    .btn-scll-main {
        bottom: 120px
    }
    #main-scll-gb {
        bottom: 27px;
        width: 22px;
        height: 30px
    }
    #main-scll-gb:before {
        width: 18px;
        height: 26px
    }
    .link-screen {
        padding: 0 22px 0 0
    }
    .inner-read-more span:after,
    .inner-read-more span:before {
        width: 14px;
        height: 14px;
        right: -22px
    }
    .centred-inside-about,
    .centred-inside-op {
        max-height: 604px
    }

    .title-screen-pd h2 {
        line-height: 70px;
        font-size: 70px
    }
    .title-map-home {
        right: 30px
    }
    .title-screen-about {
        max-width: 100%
    }
    .title-and-info-pd {
        height: 70px;
        padding: 0 30px;
        margin: 50px 0 0
    }
    .count-about-screen {
        font-size: 28px;
        line-height: 28px;
        margin-top: 17px;
        max-width: 292px
    }
    .arrow-about {
        width: 22px;
        height: 23px;
        left: calc(14% - 34.5px)
    }
    .info-about-screen {
        width: 420px;
        left: 20px
    }
    .text-about-screen {
        max-height: 202px;
        font-size: 14px;
        line-height: 23px
    }
    .text-about-screen>* {
        margin: 18px 0
    }
    .link-screen-about {
        margin: 18px 0 0
    }
    .content-screen-service {
        max-height: calc(100% - 120px);
        padding: 13px 30px 0
    }
    .desc-service-screen {
        max-width: 480px;
        font-size: 14px;
        line-height: 20px
    }
    .one-service-ms {
        height: calc(50% - 10px);
        margin: 0 20px 20px 0
    }
    .one-service-ms:nth-child(3) {
        width: calc(32.5% - 76px);
        top: 20px
    }
    .inner-info-one-sms {
        width: 175px;
        height: calc(100% - 20px)
    }
    .title-one-service-ms {
        font-size: 22px
    }
    .desc-one-service-ms {
        font-size: 14px;
        line-height: 17px
    }
    .num-inline-service-ms {
        right: 10px;
        font-size: 45px;
        line-height: 45px
    }
    .link-our-projects,
    .link-service {
        padding: 16px 53px 16px 31px
    }
    .op-content-screen,
    .others-content-screen {
        padding: 0 30px
    }
    .link-service {
        right: 50px;
        bottom: 0
    }
    .list-op-content-screen {
        height: calc(100% - 46px)
    }
    .desc-one-op-cs {
        font-size: 13px;
        line-height: 21px;
        max-height: 50px
    }
    .centred-inside-others {
        max-height: 360px
    }
    .title-one-other-blk {
        padding: 0 0 15px
    }
    .title-one-other-blk h3 {
        font-size: 40px;
        line-height: 40px
    }
    .inside-content-others {
        padding: 15px 0 0
    }
    .links-content-faq-other {
        max-height: 212px
    }
    .one-link-faq-other {
        margin-bottom: 12px
    }
    .one-link-faq-other,
    .one-link-faq-other>* {
        font-size: 13px
    }
    .link-screen-other-faq {
        margin: 23px 0 0
    }
    .records-blog-other {
        max-height: 282px
    }
    .one-record-blog-other {
        margin: 0 0 12px
    }
    .info-record-blog-other {
        width: calc(100% - 85px);
        padding: 0 0 0 17px
    }
    .title-record-blog-other {
        font-size: 14px;
        line-height: 29px
    }
    .date-record-blog-other,
    .desc-record-blog-other {
        font-size: 13px;
        line-height: 20px;
        max-height: 37px
    }
    .image-record-blog-other {
        width: 85px;
        height: 85px
    }
    .content-contacts-other {
        padding: 0
    }
    .info-contacts-other {
        margin: 25px 0 0;
        max-height: 101px
    }
    .desc-contacts-other {
        font-size: 13px;
        line-height: 19px;
        max-height: 57px
    }
    .one-contact-other-info {
        padding: 0 0 0 32px;
        margin-bottom: 13px;
        font-size: 14px;
        line-height: 24px
    }
    .link-to-contacts-page {
        margin-top: 27px
    }
    #scroll-to-top {
        bottom: 120px
    }
}
@media only screen and (max-width: 1366px) {
    .title-video-layer {
        margin-top: -40px
    }
    .title-video-layer h1 {
        font-size: 135px
    }
    .desc-video-layer {
        max-height: 57px;
        font-size: 21px
    }
    .cn-circle-mini-green {
        top: 120px
    }
    .cn-circle-mini-double {
        top: 140px
    }
    .btn-scll-main {
        width: 10px;
        font-size: 9px
    }
    .centred-inside-about,
    .centred-inside-op {
        max-height: 470px
    }
    .title-and-info-pd {
        margin: 20px 0 0
    }
    .map-about {
        width: 67%
    }
    .arrow-about {
        top: 27%
    }
    .info-about-screen {
        width: 394px;
        left: 20px
    }
    .text-about-screen {
        max-height: 190px;
        font-size: 13px;
        line-height: 22px
    }
    .text-about-screen>* {
        margin: 14px 0
    }
    .link-screen-about {
        margin: 14px 0 0
    }
    .count-about-screen {
        margin-top: 4px
    }
    .content-screen-service {
        max-height: calc(100% - 90px)
    }
    .title-one-service-ms {
        font-size: 20px;
        margin-bottom: 5px
    }
    .desc-one-service-ms {
        font-size: 13px;
        line-height: 16px
    }
    .num-inline-service-ms {
        font-size: 40px;
        line-height: 40px
    }
    .img-one-op-cs {
        width: 230px;
        height: 230px
    }
    .info-one-op-cs {
        margin: -48px 0 0 115px;
        width: 70%
    }
    .name-one-op-cs {
        font-size: 19px;
        margin: 0 0 19px
    }
    .country-one-op-cs {
        font-size: 15px;
        margin: 0 0 5px
    }
    .desc-one-op-cs {
        font-size: 12px;
        line-height: 16px;
        max-height: 39px
    }
    .desc-one-op-cs p {
        margin: 7px 0
    }
    .centred-inside-others {
        bottom: 79px
    }
    #scroll-to-top {
        bottom: 100px
    }
    html.mobile-platform #main-scll-gb,
    html.mobile-platform #nav-main,
    html.mobile-platform #right-notice,
    html.mobile-platform .cn-circle-main-screen,
    html.mobile-platform .dashed-lines-main {
        display: none
    }
    html.mobile-platform .common-btn-green,
    html.mobile-platform .link-screen {
        font-size: 16px
    }
    html.mobile-platform .link-screen {
        padding: 0 28px 0 0
    }
    html.mobile-platform .inner-read-more span:after,
    html.mobile-platform .inner-read-more span:before {
        width: 17px;
        height: 17px;
        right: -28px
    }
    html.mobile-platform #screens-main {
        height: auto;
        min-height: calc(100vh - 96px);
        padding-top: 88px
    }
    html.mobile-platform .inside-screens {
        overflow: inherit;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    html.mobile-platform .centred-inside-pd,
    html.mobile-platform .inside-screens {
        height: auto;
        position: relative;
        z-index: 1
    }
    html.mobile-platform .centred-inside-others {
        bottom: inherit;
        max-height: inherit;
        max-width: 1024px
    }
    html.mobile-platform .inside-screens:first-child {
        z-index: 10
    }
    html.mobile-platform .inside-screens:nth-child(2) {
        z-index: 9
    }
    html.mobile-platform .inside-screens:nth-child(3) {
        z-index: 8
    }
    html.mobile-platform .inside-screens:nth-child(4) {
        z-index: 7
    }
    html.mobile-platform .inside-screens:nth-child(5) {
        z-index: 6
    }
    html.mobile-platform .inner-wrapper-slide {
        opacity: 1;
        -webkit-transition: none;
        transition: none
    }
    html.mobile-platform .cn-screen-pd {
        padding: 0
    }
    html.mobile-platform .cn-video-layer {
        height: 0;
        padding-bottom: 56.25%;
        background: url(imgs/video-layer.jpg) center no-repeat;
        background-size: cover;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
    html.mobile-platform #video-layer {
        display: none!important
    }
    html.mobile-platform .dashed-line-about,
    html.mobile-platform .name-btn-scll-main {
        display: none
    }
    html.mobile-platform .title-video-layer {
        margin-top: 0
    }
    html.mobile-platform .title-video-layer h1 {
        font-size: 14.3vw
    }
    html.mobile-platform .desc-video-layer {
        font-size: 2.4vw;
        max-height: 7vw
    }
    html.mobile-platform .cn-circle-mini-green {
        width: 17px;
        height: 17px;
        top: 20%;
        left: 30%
    }
    html.mobile-platform .cn-circle-mini-double {
        width: 28px;
        height: 28px;
        top: 8%;
        right: 22%
    }
    html.mobile-platform .cn-circle-mini-double:after {
        width: 6px;
        height: 6px
    }
    html.mobile-platform .btn-scll-main {
        bottom: 15px
    }
    html.mobile-platform .title-and-info-pd {
        margin: 92px 0 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: auto;
        padding: 0 38px
    }
    html.mobile-platform .centred-inside-op .title-and-info-pd {
        margin: 42px 0 0
    }
    html.mobile-platform .map-about {
        width: 100%;
        position: relative;
        margin: 69px 0 0;
        bottom: inherit
    }
    html.mobile-platform .centred-inside-about,
    html.mobile-platform .centred-inside-op {
        max-height: inherit;
        max-width: 1024px
    }
    html.mobile-platform .info-about-screen {
        width: 100%;
        left: inherit;
        bottom: inherit;
        position: relative;
        margin: 31px 0 0;
        padding: 0 38px
    }
    html.mobile-platform .text-about-screen {
        max-height: inherit;
        font-size: 16px;
        line-height: 24px
    }
    html.mobile-platform .link-screen-about {
        margin: 33px 0 0
    }
    html.mobile-platform .count-about-screen {
        font-size: 33px;
        line-height: 33px;
        margin: 87px 0 0
    }
    html.mobile-platform .arrow-about {
        width: 19px;
        height: 20px;
        top: 12%;
        left: 23.5%
    }
    html.mobile-platform .cn-circle-screen-pd {
        width: 61.91vw;
        height: 61.91vw;
        left: -14.4vw;
        top: -21vw
    }
    html.mobile-platform .desc-service-screen {
        width: 100%;
        max-width: 100%;
        font-size: 16px;
        line-height: 24px;
        padding: 0;
        margin: 49px 0 0
    }
    html.mobile-platform .desc-service-screen>* {
        display: block;
        max-height: inherit;
        -webkit-line-clamp: inherit
    }
    html.mobile-platform .content-screen-service {
        max-height: 100%;
        padding: 0 38px 135px;
        margin: 41px 0 0
    }
    html.mobile-platform .one-service-ms:first-child,
    html.mobile-platform .one-service-ms:nth-child(2),
    html.mobile-platform .one-service-ms:nth-child(4),
    html.mobile-platform .one-service-ms:nth-child(5) {
        width: calc(50% - 10px);
        height: 365px
    }
    html.mobile-platform .one-service-ms:first-child,
    html.mobile-platform .one-service-ms:nth-child(4) {
        margin: 0 20px 20px 0
    }
    html.mobile-platform .one-service-ms:nth-child(2),
    html.mobile-platform .one-service-ms:nth-child(3),
    html.mobile-platform .one-service-ms:nth-child(5) {
        margin: 0 0 20px
    }
    html.mobile-platform .one-service-ms:nth-child(3) {
        width: 100%;
        height: 262px;
        position: relative;
        top: inherit;
        right: inherit
    }
    html.mobile-platform .inner-info-one-sms {
        width: 100%;
        height: auto;
        padding: 0 34px
    }
    html.mobile-platform .title-one-service-ms {
        font-size: 34px;
        margin-bottom: 12px
    }
    html.mobile-platform .desc-one-service-ms {
        font-size: 18px;
        line-height: 24px
    }
    html.mobile-platform .num-inline-service-ms {
        font-size: 50px;
        line-height: 50px;
        right: 20px;
        bottom: 10px
    }
    html.mobile-platform .link-service {
        position: absolute;
        padding: 20px 68px 20px 40px;
        bottom: 50px;
        left: 38px;
        right: inherit
    }
    html.mobile-platform .cn-circle-screen-screen {
        width: 50vw;
        height: 50vw;
        right: -9vw;
        bottom: -5vw
    }
    html.mobile-platform .op-content-screen {
        position: relative;
        padding: 0 38px 50px;
        margin: 70px 0 0
    }
    html.mobile-platform .list-op-content-screen {
        height: auto;
        display: block;
        padding-bottom: 185px
    }
    html.mobile-platform .link-screen-op {
        bottom: 50px;
        text-align: left
    }
    html.mobile-platform .list-op-content-screen .one-op-content-screen {
        width: 100%;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 72px
    }
    html.mobile-platform .list-op-content-screen .one-op-content-screen:last-child {
        margin: 0
    }
    html.mobile-platform .img-one-op-cs {
        width: 310px;
        height: 310px
    }
    html.mobile-platform .list-op-content-screen .info-one-op-cs {
        margin: 0;
        width: calc(100% - 340px);
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    html.mobile-platform .list-op-content-screen .name-one-op-cs {
        font-size: 30px;
        margin: 0 0 42px
    }
    html.mobile-platform .list-op-content-screen .country-one-op-cs {
        font-size: 18px;
        margin: 0 0 12px
    }
    html.mobile-platform .list-op-content-screen .desc-one-op-cs {
        font-size: 16px;
        line-height: 23px;
        max-height: 53px
    }
    html.mobile-platform .list-op-content-screen .desc-one-op-cs p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
    html.mobile-platform .link-our-projects {
        padding: 20px 68px 20px 40px
    }
    html.mobile-platform .others-content-screen {
        padding: 0 38px;
        margin: 0 0 70px
    }
    html.mobile-platform .one-other-content-blk {
        width: 100%
    }
    html.mobile-platform .one-other-content-blk:first-child,
    html.mobile-platform .one-other-content-blk:nth-child(2) {
        display: none
    }
    html.mobile-platform .title-one-other-blk {
        padding: 0 0 30px
    }
    html.mobile-platform .title-one-other-blk h3 {
        font-size: 50px;
        line-height: 50px;
        text-align: left
    }
    html.mobile-platform .desc-contacts-other {
        font-size: 16px;
        line-height: 22px;
        max-height: inherit
    }
    html.mobile-platform .desc-contacts-other>* {
        display: block;
        -webkit-line-clamp: inherit
    }
    html.mobile-platform .inside-content-others {
        padding: 30px 0 0
    }
    html.mobile-platform .info-contacts-other {
        margin: 39px 0 0;
        max-height: inherit
    }
    html.mobile-platform .one-contact-other-info {
        padding: 0 0 0 36px;
        margin-bottom: 21px;
        font-size: 17px
    }
    html.mobile-platform .link-to-contacts-page {
        margin-top: 64px
    }
    html.mobile-platform .is-link-to-contacts {
        padding: 17px 49px
    }
    html.mobile-platform .title-map-home {
        bottom: inherit;
        position: relative;
        text-align: right;
        margin: 10px 0 0;
        padding: 0 39px 0 0;
        right: inherit
    }
}
@media only screen and (max-width: 1280px) and (min-height: 890px) {
    .title-video-layer {
        margin-top: 0
    }
    .centred-inside-others {
        bottom: 50px
    }
    .map-about {
        bottom: 0
    }
}
@media only screen and (max-width: 1152px) {
    html.mobile-platform .map-about {
        overflow-x: auto;
        overflow-y: hidden;
        display: block
    }
    html.mobile-platform .map-image-about {
        width: 1024px
    }
}
@media only screen and (max-width: 640px) and (orientation: portrait) {
    html.mobile-platform .title-and-info-pd {
        margin: 62px 0 0
    }
    html.mobile-platform .title-screen-pd h2 {
        line-height: 60px;
        font-size: 60px;
        white-space: normal
    }
    html.mobile-platform .count-about-screen {
        font-size: 28px;
        line-height: 28px
    }
    html.mobile-platform .title-one-service-ms {
        font-size: 26px;
        margin-bottom: 7px
    }
    html.mobile-platform .desc-one-service-ms {
        font-size: 16px;
        line-height: 21px
    }
    html.mobile-platform .list-op-content-screen .one-op-content-screen {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 52px
    }
    html.mobile-platform .info-one-op-cs,
    html.mobile-platform .list-op-content-screen .info-one-op-cs {
        margin: 36px 0 0;
        width: 100%
    }
    html.mobile-platform .list-op-content-screen .name-one-op-cs {
        margin: 0 0 24px
    }
    html.mobile-platform .list-op-content-screen .desc-one-op-cs {
        max-height: inherit
    }
    html.mobile-platform .list-op-content-screen .desc-one-op-cs p,
    html.mobile-platform .list-op-content-screen .name-one-op-cs>* {
        -webkit-line-clamp: inherit
    }
    html.mobile-platform .arrow-about {
        top: 6.5%
    }
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    html.mobile-platform #screens-main {
        padding-top: 68px
    }
    html.mobile-platform .title-and-info-pd {
        margin: 76px 0 0;
        padding: 0 20px
    }
    html.mobile-platform .info-about-screen {
        padding: 0 20px
    }
    html.mobile-platform .title-screen-pd h2 {
        line-height: 56px;
        font-size: 56px;
        white-space: normal
    }
    html.mobile-platform .title-one-other-blk h3 {
        font-size: 45px;
        line-height: 45px
    }
    html.mobile-platform .count-about-screen {
        font-size: 24px;
        line-height: 24px
    }
    html.mobile-platform .others-content-screen {
        margin: 0 0 77px;
        padding: 0 20px
    }
    html.mobile-platform .inner-info-one-sms {
        padding: 0 20px
    }
    html.mobile-platform .info-wr-map {
        font-size: 14px;
        margin: 0 0 0 10px
    }
    html.mobile-platform .cn-circle-mini-double,
    html.mobile-platform .cn-circle-mini-green {
        display: none
    }
    html.mobile-platform .map-about {
        width: 100%;
        margin: 84px 0 0
    }
    html.mobile-platform .title-map-home {
        padding: 0 20px 0 0;
        font-size: 14px
    }
    html.mobile-platform .list-op-content-screen .name-one-op-cs {
        font-size: 26px;
        margin: 0 0 30px
    }
    html.mobile-platform .list-op-content-screen .country-one-op-cs {
        margin: 0 0 4px
    }
    html.mobile-platform .list-op-content-screen {
        padding-bottom: 155px
    }
    html.mobile-platform .op-content-screen {
        padding: 0 20px 50px
    }
    html.mobile-platform .link-service {
        bottom: 30px;
        left: 20px
    }
    html.mobile-platform .link-screen-op {
        bottom: 20px
    }
    html.mobile-platform .content-screen-service {
        padding: 0 20px 135px
    }
    html.mobile-platform .link-our-projects,
    html.mobile-platform .link-service {
        -webkit-box-shadow: 0 0 30px rgba(0, 172, 151, .12);
        box-shadow: 0 0 30px rgba(0, 172, 151, .12)
    }
}
@media only screen and (max-width: 425px) {
    html.mobile-platform #screens-main {
        padding-top: 68px
    }
    html.mobile-platform .cn-screen-pd {
        padding: 0
    }
    html.mobile-platform .cn-video-layer {
        padding-bottom: 140%
    }
    html.mobile-platform .title-video-layer {
        margin-bottom: 17px
    }
    html.mobile-platform .info-wr-map {
        font-size: 14px;
        margin: 0 0 0 10px
    }
    html.mobile-platform .title-video-layer h1 {
        font-size: 76px;
        width: calc(100% - 40px)
    }
    html.mobile-platform .desc-video-layer {
        max-height: inherit;
        font-size: 17px
    }
    html.mobile-platform .desc-video-layer>* {
        width: 278px;
        white-space: normal
    }
    html.mobile-platform .cn-circle-mini-double,
    html.mobile-platform .cn-circle-mini-green {
        display: none
    }
    html.mobile-platform .btn-scll-main {
        bottom: 10px
    }
    html.mobile-platform .title-and-info-pd {
        margin: 52px 0 0;
        padding: 0 20px
    }
    html.mobile-platform .title-screen-pd h2 {
        line-height: 56px;
        font-size: 56px;
        white-space: normal
    }
    html.mobile-platform .arrow-about {
        top: 72px;
        left: 20px
    }
    html.mobile-platform .count-about-screen {
        font-size: 24px;
        max-width: calc(100% - 80px);
        line-height: 24px;
        margin: 14px 0 0;
        position: absolute;
        right: 20px;
        top: 66px
    }
    html.mobile-platform .map-about {
        width: 100%;
        margin: 30px 0 0
    }
    html.mobile-platform .map-image-about img {
        max-height: inherit
    }
    html.mobile-platform .info-about-screen {
        margin: 42px 0 0;
        padding: 0 20px
    }
    html.mobile-platform .desc-service-screen {
        font-size: 16px;
        line-height: 27px;
        margin: 34px 0 0
    }
    html.mobile-platform .content-screen-service {
        margin: 24px 0 0;
        padding: 0 20px 105px
    }
    html.mobile-platform .one-service-ms:first-child,
    html.mobile-platform .one-service-ms:nth-child(2),
    html.mobile-platform .one-service-ms:nth-child(3),
    html.mobile-platform .one-service-ms:nth-child(4),
    html.mobile-platform .one-service-ms:nth-child(5) {
        width: 100%;
        height: 325px;
        margin: 0 0 20px
    }
    html.mobile-platform .inner-info-one-sms {
        padding: 0 20px
    }
    html.mobile-platform .title-one-service-ms {
        font-size: 34px;
        margin-bottom: 10px
    }
    html.mobile-platform .desc-one-service-ms {
        font-size: 18px;
        line-height: 23px
    }
    html.mobile-platform .num-inline-service-ms {
        right: 15px;
        bottom: 5px
    }
    html.mobile-platform .link-service {
        left: 20px;
        bottom: 20px;
        -webkit-box-shadow: 0 0 30px rgba(0, 172, 151, .12);
        box-shadow: 0 0 30px rgba(0, 172, 151, .12)
    }
    html.mobile-platform .link-screen-op {
        bottom: 20px
    }
    html.mobile-platform .link-our-projects {
        -webkit-box-shadow: 0 0 30px rgba(0, 172, 151, .12);
        box-shadow: 0 0 30px rgba(0, 172, 151, .12)
    }
    html.mobile-platform .op-content-screen {
        padding: 0 20px 10px;
        margin: 52px 0 0
    }
    html.mobile-platform .list-op-content-screen {
        padding-bottom: 135px
    }
    html.mobile-platform .img-one-op-cs {
        width: 280px;
        height: 280px
    }
    html.mobile-platform .list-op-content-screen .name-one-op-cs {
        font-size: 26px;
        margin: 0 0 30px
    }
    html.mobile-platform .list-op-content-screen .country-one-op-cs {
        margin: 0 0 4px
    }
    html.mobile-platform .others-content-screen {
        margin: 32px 0 70px;
        padding: 0
    }
    html.mobile-platform .one-other-content-blk {
        padding: 0 20px
    }
    html.mobile-platform .one-other-content-blk:last-child {
        padding-right: 20px
    }
    html.mobile-platform .title-one-other-blk {
        padding: 0;
        border: none
    }
    html.mobile-platform .title-one-other-blk h3 {
        font-size: 45px;
        line-height: 45px
    }
    html.mobile-platform .one-contact-other-info,
    html.mobile-platform .one-contact-other-info>* {
        white-space: normal
    }
    html.mobile-platform .one-contact-other-info:before {
        top: 4px;
        bottom: inherit
    }
    html.mobile-platform .link-to-contacts-page {
        margin-top: 44px
    }
    html.mobile-platform .cn-circle-screen-pd {
        width: 90vw;
        height: 90vw;
        left: -26vw;
        top: -44vw
    }
    html.mobile-platform .cn-circle-screen-screen {
        width: 90vw;
        height: 90vw;
        right: -26vw;
        bottom: 0
    }
    html.mobile-platform .title-map-home {
        text-align: center;
        margin: 75px 0 0;
        padding: 0 20px;
        font-size: 14px
    }
}
.cell-our-service-fee p,
.list-links-tags-sb a,
.message-form-sf>span,
.num-side-process,
.tab-process,
.table-our-service-fee-cnt p strong,
.title-cmn-service h2 span>span {
    white-space: nowrap
}
@media only screen and (max-width: 570px) and (max-height: 320px) and (orientation: landscape) {
    html.mobile-platform .title-and-info-pd {
        margin: 52px 0 0
    }
    html.mobile-platform .desc-service-screen {
        margin: 29px 0 0
    }
    html.mobile-platform .list-op-content-screen .one-op-content-screen {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    html.mobile-platform .img-one-op-cs {
        width: 260px;
        height: 260px
    }
    html.mobile-platform .info-one-op-cs,
    html.mobile-platform .list-op-content-screen .info-one-op-cs {
        margin: 0;
        width: calc(100% - 290px)
    }
    html.mobile-platform .content-screen-service {
        padding: 0 20px 105px
    }
    html.mobile-platform .link-service {
        bottom: 20px;
        -webkit-box-shadow: 0 0 30px rgba(0, 172, 151, .12);
        box-shadow: 0 0 30px rgba(0, 172, 151, .12)
    }
    html.mobile-platform .list-op-content-screen .desc-one-op-cs {
        max-height: 53px
    }
    html.mobile-platform .list-op-content-screen .desc-one-op-cs p {
        -webkit-line-clamp: 2
    }
    html.mobile-platform .others-content-screen {
        margin: 15px 0 70px
    }
    html.mobile-platform .link-to-contacts-page {
        margin-top: 44px
    }
}
@media only screen and (max-width: 480px) and (max-height: 320px) and (orientation: landscape) {
    html.mobile-platform .one-service-ms:first-child,
    html.mobile-platform .one-service-ms:nth-child(2),
    html.mobile-platform .one-service-ms:nth-child(3),
    html.mobile-platform .one-service-ms:nth-child(4),
    html.mobile-platform .one-service-ms:nth-child(5) {
        width: 100%;
        height: 210px
    }
    html.mobile-platform .one-service-ms:first-child,
    html.mobile-platform .one-service-ms:nth-child(4) {
        margin: 0 0 20px
    }
    html.mobile-platform .img-one-op-cs {
        width: 260px;
        height: 260px
    }
    html.mobile-platform .info-one-op-cs,
    html.mobile-platform .list-op-content-screen .info-one-op-cs {
        margin: 36px 0 0;
        width: 100%
    }
    html.mobile-platform .list-op-content-screen .one-op-content-screen {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    html.mobile-platform .list-op-content-screen .desc-one-op-cs {
        max-height: inherit
    }
    html.mobile-platform .list-op-content-screen .desc-one-op-cs p {
        -webkit-line-clamp: inherit
    }
}
.sides-process-cnt,
.tabs-process-cnt,
.titles-process-side {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
.process-cnt-ip-tp,
.process-ctn-ip,
.process-meta-info {
    width: 100%;
    position: relative
}
.process-ctn-ip {
    margin: 118px 0 100px
}
.centred-process-cnt-ip {
    width: 44.01vw;
    position: relative;
    margin: 0 auto
}
.circle-cb-process,
.circle-lt-process {
    width: 42.5vw;
    height: 42.5vw;
    border-radius: 50%;
    position: absolute;
    z-index: -1
}
.circle-lt-process {
    top: 30%;
    left: -5vw;
    background: rgba(244, 251, 250, .149)
}
.circle-cb-process {
    bottom: -27vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(244, 251, 250, .302)
}
.circle-cb-process.anim-elem,
.circle-lt-process.anim-elem {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .circle-cb-process.anim-elem {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.circle-cb-process.anim-elem.done,
.circle-lt-process.anim-elem.done,
html.mobile-platform .circle-cb-process {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.circle-cb-process.hv-disable,
.circle-lt-process.hv-disable,
html.mobile-platform .circle-cb-process {
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform .circle-lt-process {
    display: none
}
.tabs-process-cnt {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 -.5px
}
html:not(.mobile-platform) .tabs-process-cnt {
    border-bottom: 1px dashed #ECECEC
}
.tab-process {
    border: 1px solid #fc8b0c;
    border-right-width: 0;
    color: #bababa;
    cursor: pointer;
    padding: 22px 56px;
    background: 0 0;
    font: 24px ProximaNovaExtraBold, sans-serif;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.tab-process:last-child {
    border-right-width: 1px
}
.tab-process.active {
    background: #fc8b0c;
    color: #fff;
    cursor: default
}
html:not(.mobile-platform) .tab-process:not(.active):hover {
    background: #f2e230;
    color: #000
}
.process-side-cnt {
    width: 100%;
    position: relative;
    margin: 118px 0 0
}
.process-cnt-ip-tp.wait {
    cursor: url(imgs/timeout.ico), auto
}
.process-side-cnt:after,
.process-side-cnt:before {
    content: '';
    position: absolute;
    width: 150%;
    height: 105%;
    top: -1%;
    background: #fff;
    z-index: 2;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.455, .03, .515, .955);
    transition: -webkit-transform .5s cubic-bezier(.455, .03, .515, .955);
    transition: transform .5s cubic-bezier(.455, .03, .515, .955);
    transition: transform .5s cubic-bezier(.455, .03, .515, .955), -webkit-transform .5s cubic-bezier(.455, .03, .515, .955)
}
.process-side-cnt:before {
    left: -25%;
    -webkit-transform-origin: left center;
    transform-origin: left center
}
.process-side-cnt:after {
    right: -25%;
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
    -webkit-transform-origin: right center;
    transform-origin: right center
}
.process-cnt-ip-tp.switch .process-side-cnt:after,
.process-cnt-ip-tp.switch .process-side-cnt:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
.one-process-side {
    width: 100%;
    display: none
}
.sides-process-cnt,
.titles-process-side {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}
.one-process-side.active {
    display: block
}
.titles-process-side {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.one-side-ps,
.one-title-ps {
    width: 50%;
    padding: 0 70px;
    position: relative
}
.one-title-ps,
.one-title-ps>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.one-title-ps {
    line-height: 24px
}
.cell-our-service-fee p,
.mobile-title-one-ps {
    font: 18px ProximaNovaExtraBold, sans-serif
}
.mobile-title-one-ps {
    width: 100%;
    position: relative;
    line-height: 24px;
    display: none
}
.mobile-title-one-ps,
.mobile-title-one-ps>* {
    color: #bababa;
    overflow: hidden;
    text-overflow: ellipsis
}
.mobile-title-one-ps>* {
    margin: 0!important
}
.one-side-ps a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .one-side-ps a:hover {
    text-decoration: underline
}
.one-title-ps {
    color: #bababa
}
.one-title-ps>* {
    width: 100%
}
.sides-info-process {
    width: 100%;
    position: relative;
    margin: 56px 0 0
}
.title-process-sides {
    position: relative;
    padding: 0 70px
}
.title-process-sides,
.title-process-sides>* {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    font: 20px ProximaNovaExtraBold, sans-serif;
    line-height: 25px
}
.sides-process-cnt {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 17px 0 0
}
.list-projects-cnt,
.top-services-cnt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row
}
.one-side-info-process {
    width: 100%;
    position: relative;
    margin: 0 0 37px
}
.one-side-info-process:last-child {
    margin: 0
}
.one-side-ps ol,
.one-side-ps ul {
    width: 100%;
    padding: 0 0 0 16px
}
.trident-platform .one-side-ps ol {
    padding: 0 0 0 20px
}
.one-side-ps ol li,
.one-side-ps p,
.one-side-ps ul li {
    font-size: 15px;
    line-height: 23px
}
.one-side-ps ol,
.one-side-ps p,
.one-side-ps ul {
    margin: 12px 0
}
.info-one-ps-hg>*,
.one-side-ps {
    overflow: hidden;
    text-overflow: ellipsis
}
.one-side-ps li {
    margin-bottom: 6px
}
.one-side-ps li:last-child {
    margin-bottom: 0
}
.one-side-ps>b,
.one-side-ps>strong {
    color: #585858
}
.circle-ps {
    border-radius: 100%;
    position: absolute;
    overflow: hidden
}
.circle-process-side {
    width: 38px;
    height: 38px;
    left: -19px;
    top: -8px;
    background: #ffd814
}
.medium-circle-ps {
    width: 28px;
    height: 28px;
    background: #ff9906
}
.small-circle-ps {
    width: 16px;
    height: 16px;
    background: #609e38;
    border: 2px solid #609e38
}
.one-process-side.active .circle-process-side,
.one-process-side.active .medium-circle-ps {
    -webkit-animation: circleButtonWhiteScroll 1.5s cubic-bezier(.455, .03, .515, .955) .3s infinite alternate;
    animation: circleButtonWhiteScroll 1.5s cubic-bezier(.455, .03, .515, .955) .3s infinite alternate
}
.one-process-side.active .small-circle-ps {
    -webkit-animation: circleButtonGreenScroll 1.5s cubic-bezier(.455, .03, .515, .955) 150ms infinite alternate;
    animation: circleButtonGreenScroll 1.5s cubic-bezier(.455, .03, .515, .955) 150ms infinite alternate
}
.medium-circle-ps,
.small-circle-ps {
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.num-side-process {
    width: auto;
    position: absolute;
    left: -100px;
    top: -4px;
    line-height: 38px;
    font: 36px ProximaNovaExtraBold, sans-serif
}
.num-side-process>* {
    display: inline
}
.process-meta-info {
    margin: 157px 0 0
}

.centred-process-meta-info {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    font: 40px ProximaNovaExtraBold, sans-serif;
    line-height: 48px;
    letter-spacing: -.01em
}
.centred-process-meta-info,
.centred-process-meta-info>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.centred-process-meta-info>* {
    width: 100%;
    text-align: center;
    display: block
}
.centred-process-meta-info a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .centred-process-meta-info a:hover {
    text-decoration: underline
}
html:not(.mobile-platform) .tabs-process-cnt.anim-elem {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) .1s
}
html:not(.mobile-platform) .centred-process-meta-info.anim-elem,
html:not(.mobile-platform) .one-side-info-process.anim-elem,
html:not(.mobile-platform) .titles-process-side.anim-elem {
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .one-side-info-process.anim-elem,
html:not(.mobile-platform) .titles-process-side.anim-elem {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .centred-process-meta-info.anim-elem {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
html:not(.mobile-platform) .one-side-info-process.anim-elem.default {
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important
}
html:not(.mobile-platform) .centred-process-meta-info.anim-elem.done,
html:not(.mobile-platform) .one-side-info-process.anim-elem.done,
html:not(.mobile-platform) .tabs-process-cnt.anim-elem.done,
html:not(.mobile-platform) .titles-process-side.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
@media only screen and (max-width: 1680px) {
    .process-ctn-ip {
        margin: 98px 0 77px
    }
    .tab-process {
        padding: 22px 52px;
        font-size: 21px
    }
    .process-side-cnt {
        margin: 98px 0 0
    }
    .sides-info-process {
        margin: 39px 0 0
    }
    .sides-process-cnt {
        margin: 7px 0 0
    }
    .one-title-ps {
        font-size: 16px;
        line-height: 22px
    }
    .one-side-ps,
    .one-title-ps,
    .title-process-sides {
        padding: 0 45px
    }
    .title-process-sides,
    .title-process-sides>* {
        font-size: 19px;
        line-height: 24px
    }
    .one-side-info-process {
        margin: 0 0 32px
    }
    .one-side-ps ol li,
    .one-side-ps p,
    .one-side-ps ul li {
        font-size: 14px;
        line-height: 21px
    }
    .one-side-ps li {
        margin-bottom: 5px
    }
    .num-side-process {
        left: -83px;
        top: -3px;
        line-height: 34px;
        font-size: 32px
    }
    .circle-process-side {
        width: 32px;
        height: 32px;
        left: -16px;
        top: -5px
    }
    .medium-circle-ps {
        width: 23px;
        height: 23px
    }
    .small-circle-ps {
        width: 13px;
        height: 13px
    }
    .process-meta-info {
        margin: 93px 0 0
    }
    .centred-process-meta-info {
        width: 900px;
        font-size: 34px;
        line-height: 40px
    }
}
@media only screen and (max-width: 1440px) {
    .process-ctn-ip {
        margin: 79px 0 77px
    }
    .tab-process {
        padding: 17px 38px;
        font-size: 17px
    }
    .process-side-cnt {
        margin: 80px 0 0
    }
    .sides-info-process {
        margin: 32px 0 0
    }
    .sides-process-cnt {
        margin: 5px 0 0
    }
    .one-title-ps {
        font-size: 15px
    }
    .title-process-sides,
    .title-process-sides>* {
        font-size: 18px;
        line-height: 23px
    }
    .one-side-info-process {
        margin: 0 0 28px
    }
    .one-side-ps ol li,
    .one-side-ps p,
    .one-side-ps ul li {
        font-size: 13px;
        line-height: 19px
    }
    .trident-platform .one-side-ps ol {
        padding: 0 0 0 19px
    }
    .num-side-process {
        top: -3px;
        left: -80px;
        line-height: 30px;
        font-size: 28px
    }
    .process-meta-info {
        margin: 67px 0 0
    }
    .centred-process-meta-info {
        width: 700px;
        font-size: 28px;
        line-height: 34px
    }
}
@media only screen and (max-width: 1152px) {
    .centred-inside-page {
        max-width: 100%;
        margin: 0
    }
    .centred-process-cnt-ip {
        width: 100%;
        max-width: 768px;
        padding: 0 38px
    }
    .process-ctn-ip {
        margin: 60px 0
    }
    .tab-process {
        padding: 20px 50px;
        font-size: 27px
    }
    .process-side-cnt {
        margin: 76px 0 0
    }
    .one-title-ps {
        font-size: 17px;
        padding: 0 67px
    }
    .sides-info-process {
        margin: 42px 0 0
    }
    .one-side-info-process {
        margin: 0 0 50px
    }
    .title-process-sides {
        padding: 70px 0 0
    }
    .title-process-sides,
    .title-process-sides>* {
        font-size: 21px;
        line-height: 23px
    }
    .sides-process-cnt {
        margin: 8px 0 0
    }
    .one-side-ps:first-child,
    .one-title-ps:first-child {
        padding: 0 50px 0 0
    }
    .one-side-ps:nth-child(2),
    .one-title-ps:nth-child(2) {
        padding: 0 0 0 50px
    }
    .one-side-ps ol,
    .one-side-ps ul {
        padding: 0 0 0 18px
    }
    .one-side-ps li {
        margin-bottom: 8px
    }
    .one-side-ps ol,
    .one-side-ps p,
    .one-side-ps ul {
        margin: 14px 0
    }
    .one-side-ps ol li,
    .one-side-ps p,
    .one-side-ps ul li {
        font-size: 16px;
        line-height: 22px
    }
    .circle-process-side {
        left: 0;
        top: 0
    }
    .num-side-process {
        top: 3px;
        left: 55px
    }
    .process-meta-info {
        margin: 76px 0 0
    }
    .centred-process-meta-info {
        width: 570px;
        font-size: 30px;
        line-height: 40px
    }
    .circle-cb-process {
        bottom: -33vw;
        width: 55vw;
        height: 55vw
    }
}
@media only screen and (max-width: 800px) {
    .circle-cb-process {
        bottom: -50vw;
        width: 75vw;
        height: 75vw
    }
}
@media only screen and (max-width: 640px) {
    #process-case .title-inside-page h1 {
        font-size: 10.3vw
    }
    .tab-process {
        padding: 18px 50px;
        font-size: 22px
    }
    .centred-process-meta-info {
        width: 484px;
        font-size: 25px;
        line-height: 31px
    }
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    #process-case .title-inside-page h1 {
        font-size: 56px
    }
    .tab-process {
        padding: 18px 50px;
        font-size: 22px
    }
    .centred-process-cnt-ip {
        padding: 0 20px
    }
}
@media only screen and (max-width: 425px) {
    #process-case .title-inside-page h1 {
        font-size: 56px
    }
    .centred-process-cnt-ip,
    .tabs-process-cnt {
        padding: 0 20px
    }
    .process-ctn-ip {
        margin: 62px 0
    }
    .tab-process {
        width: 50%;
        padding: 19px 0;
        font-size: 20px
    }
    .process-side-cnt {
        margin: 70px 0 0
    }
    .titles-process-side {
        display: none
    }
    .mobile-title-one-ps {
        display: block
    }
    .sides-info-process {
        margin: 42px 0 0
    }
    .one-side-info-process {
        margin: 0 0 50px
    }
    .title-process-sides {
        padding: 60px 0 0
    }
    .sides-process-cnt {
        margin: 35px 0 0;
        display: block
    }
    .one-side-ps {
        width: 100%;
        margin: 20px 0 0
    }
    .one-side-ps:first-child,
    .one-side-ps:nth-child(2),
    .one-title-ps:first-child,
    .one-title-ps:nth-child(2) {
        padding: 0
    }
    .process-meta-info {
        margin: 60px 0 0
    }
    .circle-cb-process {
        bottom: -48vw;
        width: 90vw;
        height: 90vw
    }
    .centred-process-meta-info {
        width: 100%;
        font-size: 24px;
        line-height: 32px;
        padding: 0 20px
    }
}
@media only screen and (max-width: 480px) and (max-height: 320px) and (orientation: landscape) {
    #process-case .title-inside-page h1 {
        font-size: 10.3vw
    }
    .process-ctn-ip {
        margin: 52px 0
    }
    .process-side-cnt {
        margin: 70px 0 0
    }
    .titles-process-side {
        display: none
    }
    .mobile-title-one-ps {
        display: block
    }
    .sides-info-process {
        margin: 42px 0 0
    }
    .one-side-info-process {
        margin: 0 0 50px
    }
    .title-process-sides {
        padding: 60px 0 0
    }
    .sides-process-cnt {
        margin: 35px 0 0;
        display: block
    }
    .one-side-ps {
        width: 100%;
        margin: 20px 0 0
    }
    .one-side-ps:first-child,
    .one-side-ps:nth-child(2),
    .one-title-ps:first-child,
    .one-title-ps:nth-child(2) {
        padding: 0
    }
    .process-meta-info {
        margin: 60px 0 0
    }
    .centred-process-meta-info {
        width: 100%;
        font-size: 24px;
        line-height: 32px;
        padding: 0 20px
    }
}
.projects-content-ip {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 15px 0 140px
}
.circle-gray-projects {
    position: absolute;
    width: 40vw;
    height: 40vw;
    bottom: -11vw;
    left: -12vw;
    border-radius: 50%;
    background: rgba(249, 249, 249, .4);
    z-index: -1
}
.circle-gray-projects.anim-elem {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s;
    transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s
}
.circle-gray-projects.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.circle-gray-projects.hv-disable {
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform .circle-gray-projects {
    display: none
}
#projects-case .centred-inside-page {
    max-width: 100%;
    padding: 0 110px
}
.list-projects-cnt {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.list-projects-cnt .one-op-content-screen {
    margin-top: 106px
}
html:not(.mobile-platform) .one-op-content-screen .inner-image-one-post-ss {
    z-index: 2
}
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem .country-one-op-cs,
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem .desc-one-op-cs,
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem .name-one-op-cs {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem .name-one-op-cs {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem .country-one-op-cs {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem .desc-one-op-cs {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem.pe-active {
    pointer-events: inherit
}
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem .img-one-op-cs {
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem.done .img-one-op-cs,
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem.done .info-one-op-cs>a,
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem.done .info-one-op-cs>div {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
html:not(.mobile-platform) .list-projects-cnt .one-op-content-screen.anim-elem.pe-active .name-one-op-cs {
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important
}
@media only screen and (max-width: 1680px) {
    #projects-case .centred-inside-page {
        max-width: 1700px;
        padding: 0
    }
    .projects-content-ip {
        margin: 26px auto 126px;
        max-width: calc(100% - 200px)
    }
    .list-projects-cnt .one-op-content-screen {
        margin-top: 96px
    }
    .list-projects-cnt .info-one-op-cs {
        margin: -40px 0 0 142px
    }
    .list-projects-cnt .img-one-op-cs {
        width: 283px;
        height: 283px
    }
    .list-projects-cnt .name-one-op-cs {
        font-size: 26px;
        margin: 0 0 15px
    }
    .list-projects-cnt .country-one-op-cs {
        font-size: 17px;
        margin: 0 0 10px
    }
    .list-projects-cnt .desc-one-op-cs {
        font-size: 15px;
        line-height: 23px;
        max-height: 56px
    }
    .list-projects-cnt .desc-one-op-cs p {
        margin: 10px 0 0
    }
}
@media only screen and (max-width: 1440px) {
    .projects-content-ip {
        margin: 20px auto 100px
    }
    .list-projects-cnt .one-op-content-screen {
        width: 370px;
        margin: 85px 50px 0
    }
    .list-projects-cnt .img-one-op-cs {
        width: 265px;
        height: 265px
    }
    .list-projects-cnt .info-one-op-cs {
        width: 69%;
        margin: -35px 0 0 133px
    }
    .list-projects-cnt .name-one-op-cs {
        font-size: 23px;
        margin: 0 0 12px
    }
    .list-projects-cnt .country-one-op-cs {
        font-size: 16px;
        margin: 0 0 8px
    }
    .list-projects-cnt .desc-one-op-cs {
        font-size: 14px;
        line-height: 21px;
        max-height: 51px
    }
    .list-projects-cnt .desc-one-op-cs p {
        margin: 8px 0 0
    }
}
@media only screen and (max-width: 1152px) {
    .projects-content-ip {
        margin: 24px 0 86px;
        width: 100%;
        max-width: 100%
    }
    .list-projects-cnt {
        padding: 0 38px;
        max-width: 768px
    }
    .list-projects-cnt .one-op-content-screen {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin: 62px 0 0
    }
    .list-projects-cnt .img-one-op-cs {
        width: 310px;
        height: 310px
    }
    .img-one-op-cs:before {
        display: none
    }
    .list-projects-cnt .info-one-op-cs {
        width: calc(100% - 340px);
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        position: relative
    }
    .list-projects-cnt .name-one-op-cs {
        font-size: 30px;
        margin: 0 0 42px
    }
    .list-projects-cnt .country-one-op-cs {
        font-size: 18px;
        margin: 0 0 12px
    }
    .list-projects-cnt .desc-one-op-cs {
        font-size: 16px;
        line-height: 23px;
        max-height: 53px
    }
    .list-projects-cnt .desc-one-op-cs p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}
@media only screen and (max-width: 640px) {
    .projects-content-ip {
        margin: 38px 0 100px
    }
    .list-projects-cnt .one-op-content-screen {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 76px 0 0
    }
    .list-projects-cnt .info-one-op-cs {
        width: 100%;
        margin: 36px 0 0
    }
    .list-projects-cnt .name-one-op-cs {
        margin: 0 0 24px
    }
    .list-projects-cnt .desc-one-op-cs {
        max-height: inherit
    }
    .list-projects-cnt .desc-one-op-cs p {
        -webkit-line-clamp: inherit
    }
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    .list-projects-cnt {
        padding: 0 20px
    }
    .list-projects-cnt .name-one-op-cs {
        font-size: 26px;
        margin: 0 0 30px
    }
    .list-projects-cnt .country-one-op-cs {
        margin: 0 0 4px
    }
}
@media only screen and (max-width: 425px) {
    .projects-content-ip {
        margin: 15px 0 76px
    }
    .list-projects-cnt {
        padding: 0 20px
    }
    .list-projects-cnt .img-one-op-cs {
        width: 280px;
        height: 280px
    }
    .list-projects-cnt .name-one-op-cs {
        font-size: 26px;
        margin: 0 0 30px
    }
    .list-projects-cnt .country-one-op-cs {
        margin: 0 0 4px
    }
    .list-projects-cnt .desc-one-op-cs {
        max-height: inherit
    }
}
@media only screen and (max-width: 570px) and (max-height: 320px) and (orientation: landscape) {
    .projects-content-ip {
        margin: 15px 0 76px
    }
    .list-projects-cnt .one-op-content-screen {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 62px 0 0
    }
    .list-projects-cnt .img-one-op-cs {
        width: 260px;
        height: 260px
    }
    .list-projects-cnt .info-one-op-cs {
        width: calc(100% - 290px);
        margin: 0
    }
    .list-projects-cnt .desc-one-op-cs {
        max-height: 53px
    }
    .list-projects-cnt .desc-one-op-cs p {
        -webkit-line-clamp: 2
    }
}
@media only screen and (max-width: 480px) and (max-height: 320px) and (orientation: landscape) {
    .list-projects-cnt .one-op-content-screen {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .list-projects-cnt .info-one-op-cs {
        width: 100%;
        margin: 36px 0 0
    }
    .list-projects-cnt .desc-one-op-cs {
        max-height: inherit
    }
    .list-projects-cnt .desc-one-op-cs p {
        -webkit-line-clamp: inherit
    }
}
.service-content-ip {
    width: 100%;
    position: relative;
    margin: 90px 0 130px
}
.desc-service-ip {
    width: 100%;
    position: relative;
    margin: 0
}
.centred-desc-service-ip {
    width: 1000px;
    margin: 0 auto;
    color: #585858
}
.centred-desc-service-ip a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .centred-desc-service-ip a:hover {
    text-decoration: underline
}
.centred-desc-service-ip>* {
    text-align: left
}
.centred-desc-service-ip blockquote,
.centred-desc-service-ip p {
    font-size: 20px;
    line-height: 28px;
}
.centred-desc-service-ip,
.centred-desc-service-ip>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.circle-gray-b-service,
.circle-gray-m-service {
    position: absolute;
    border-radius: 50%;
    z-index: -1
}
.circle-gray-b-service {
    width: 42.5vw;
    height: 42.5vw;
    top: 37%;
    left: -20vw;
    background: rgba(249, 249, 249, .4)
}
.circle-gray-m-service {
    width: 33.7vw;
    height: 33.7vw;
    bottom: -9vw;
    right: -9vw;
    background: rgba(244, 251, 250, .149)
}
.circle-gray-b-service.anim-elem,
.circle-gray-m-service.anim-elem {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
.circle-gray-m-service.anim-elem {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.circle-gray-b-service.anim-elem.done,
.circle-gray-m-service.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.circle-gray-b-service.hv-disable,
.circle-gray-m-service.hv-disable {
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform .circle-gray-b-service,
html.mobile-platform .circle-gray-m-service {
    display: none
}
.centred-desc-service-ip blockquote,
.centred-desc-service-ip h1,
.centred-desc-service-ip h2,
.centred-desc-service-ip h3,
.centred-desc-service-ip h4,
.centred-desc-service-ip h5,
.centred-desc-service-ip h6 {
    width: 100%;
    margin: 16px 0;
    font-family: ProximaNovaExtraBold, sans-serif
}
.centred-desc-service-ip h1,
.centred-desc-service-ip h2,
.centred-desc-service-ip h3,
.centred-desc-service-ip h4,
.centred-desc-service-ip h5,
.centred-desc-service-ip h6 {
    line-height: 1.25
}
.centred-desc-service-ip h1 {
    font-size: 28px
}
.centred-desc-service-ip h2 {
    font-size: 26px
}
.centred-desc-service-ip h3 {
    font-size: 24px
}
.centred-desc-service-ip h4 {
    font-size: 22px
}
.centred-desc-service-ip h5 {
    font-size: 20px
}
.centred-desc-service-ip h6 {
    font-size: 18px
}
.centred-desc-service-ip p {
    width: 100%;
    margin: 16px 0;
    font-family: ProximaNova, sans-serif;
	font-size: 14px
}
.top-services-cnt {
    width: 100%;
    max-width: 1700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 22px auto 0;
    padding: 0 110px
}
.form-calc-sf,
.table-our-service-fee {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
.one-top-service {
    width: 15%;
    margin: 100px 3.122222% 0
}
.one-top-service:nth-child(5n+1) {
    margin-left: 0
}
.one-top-service:nth-child(5n+5) {
    margin-right: 0
}
.icon-one-top-service {
    width: 100%;
    height: 70px;
    overflow: hidden;
    text-align: center;
    margin: 0 0 50px;
    position: relative
}
.icon-one-top-service img {
    width: auto;
    max-width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0
}
.icon-one-top-service img,
.one-top-service.hv-disable {
    -webkit-transition: all .4s cubic-bezier(.4, 0, 0, 1)!important;
    transition: all .4s cubic-bezier(.4, 0, 0, 1)!important
}
html:not(.mobile-platform) .one-top-service:hover {
    -webkit-filter: drop-shadow(0 0 20px rgba(255, 153, 6, .8));
    filter: drop-shadow(0 0 20px rgba(255, 153, 6, .8))
}
html:not(.mobile-platform) .one-top-service:hover .icon-one-top-service img {
    -webkit-filter: contrast(175%) brightness(3%);
    filter: contrast(175%) brightness(3%)
}
.desc-one-top-service {
    width: 100%;
    font-size: 18px;
    color: #585858
}
.desc-one-top-service,
.desc-one-top-service>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.desc-one-top-service>* {
    width: 100%;
    text-align: center
}
.desc-one-top-service a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .desc-one-top-service a:hover {
    text-decoration: underline
}
.desc-one-top-service b,
.desc-one-top-service strong {
    width: 100%;
    display: inline-block;
    color: #000;
    font: 20px ProximaNovaExtraBold, sans-serif
}
.desc-one-top-service b,
.desc-one-top-service p,
.desc-one-top-service strong {
    line-height: 24px
}
.our-service-fee-cnt,
.title-cmn-service {
    width: 100%
}
.our-service-fee-cnt {
    position: relative;
    margin: 88px 0 0
}
.title-cmn-service h2 {
    width: 100%;
    margin: 0;
    font: 60px ProximaNovaExtraBold, sans-serif;
    color: #000;
    text-align: center;
    letter-spacing: -.01em
}
.title-cmn-service h2 span {
    display: inline
}
.title-cmn-service h2 i {
    font-style: normal;
    color: #fc8b0c
}
.table-our-service-fee-cnt {
    width: 100%;
    margin: 78px 0 0;
    text-align: center
}
.table-our-service-fee-cnt p {
    width: 100%;
    text-align: center;
    font-size: 18px
}
.table-our-service-fee {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.cell-our-service-fee {
    width: auto;
    background: #F3FBF9;
    border: 1px solid #fc8b0c;
    border-right: none
}
.cell-our-service-fee p {
    width: auto;
    display: inline-block;
    letter-spacing: -.01em;
    font-weight: bolder;
    padding: 20px 75px
}
.cell-our-service-fee:last-child {
    border-right: 1px solid #fc8b0c
}
.calculate-fee-service {
    width: 100%;
    position: relative;
    margin: 36px 0 0
}
.centred-calc-service-fee,
.form-calc-sf {
    width: auto;
    max-width: 100%
}
.centred-calc-service-fee {
    margin: 0 0 35px
}
.centred-calc-service-fee:nth-child(2) {
    margin-bottom: 0
}
.form-calc-sf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.message-form-sf {
    width: 100%;
    text-align: center;
    font: 18px ProximaNovaExtraBold, sans-serif;
    line-height: 27px;
    letter-spacing: -.01em;
    display: none
}
.message-form-sf.calculated {
    display: block
}
.message-form-sf>span {
    display: inline
}
.title-calc-sf {
    width: auto;
    font: 16px ProximaNovaExtraBold, sans-serif;
    letter-spacing: -.01em;
    color: #585858;
    margin: 0 23px 0 0
}
.field-service {
    width: 261px;
    height: 50px;
    border: 1px dashed #ccc;
    font-size: 16px;
    padding: 0 15px;
    background: #fff;
    margin: 0 25px 0 0;
    text-align: center;
    color: #585858;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.field-service.error {
    border-color: #ff6d6d
}
.field-service.success {
    border-color: #fc8b0c
}
.submit-calc-fee {
    padding: 16px 49px 14px
}
.desc-our-service-fee-cnt {
    width: 100%;
    position: relative;
    margin: 52px 0 0
}
.centred-desc-service-fc {
    width: 1000px;
    margin: 0 auto;
    color: #585858;
    letter-spacing: -.01em;
    font: 16px ProximaNovaExtraBold, sans-serif;
    line-height: 28px
}
.centred-desc-service-fc a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .centred-desc-service-fc a:hover {
    text-decoration: underline
}
.centred-desc-service-fc mark {
    padding: 1px 3px
}
.centred-desc-service-fc>* {
    width: 100%;
    display: block
}
.centred-desc-service-fc,
.centred-desc-service-fc>* {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}
.our-offer-cnt {
    width: 100%;
    position: relative;
    margin: 121px 0 0
}
.centred-our-offer-cnt {
    width: 1200px;
    position: relative;
    margin: 0 auto
}
.our-offer-cnt-list {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 11px 0 0
}
.one-our-offer-cnt {
    width: 50%;
    position: relative;
    margin: 77px 0 0;
    padding: 0 5% 0 0
}
.one-our-offer-cnt:nth-child(2n+2) {
    padding: 0 0 0 5%
}
.icon-one-our-offer-cnt {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 0 45px
}
.icon-one-offer {
    width: 107px;
    height: 107px;
    border-radius: 100%;
    background: #FAFDFD;
    position: relative;
    overflow: hidden
}
.icon-one-offer img {
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    max-width: 50%;
    max-height: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.icon-one-our-offer-cnt,
.icon-one-our-offer-cnt img {
    -webkit-transition: all .4s cubic-bezier(.4, 0, 0, 1);
    transition: all .4s cubic-bezier(.4, 0, 0, 1)
}
html:not(.mobile-platform) .one-our-offer-cnt:hover .icon-one-our-offer-cnt {
    -webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, .1))
}
html:not(.mobile-platform) .one-our-offer-cnt:hover .icon-one-our-offer-cnt img {
    -webkit-filter: contrast(175%) brightness(3%);
    filter: contrast(175%) brightness(3%)
}
.desc-one-offer,
.title-one-offer {
    position: relative
}
.desc-one-offer a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .desc-one-offer a:hover {
    text-decoration: underline
}
.title-one-offer {
    margin: 0 0 6px
}
.desc-one-offer {
    font-size: 18px;
    line-height: 24px;
    color: #585858
}
.title-one-offer,
.title-one-offer>* {
    font: 20px ProximaNovaExtraBold, sans-serif;
    line-height: 28px
}
.title-one-offer>* {
    margin: 0
}
.desc-one-offer,
.desc-one-offer>*,
.title-one-offer,
.title-one-offer>* {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}
html:not(.mobile-platform) .calculate-fee-service.anim-elem,
html:not(.mobile-platform) .centred-desc-service-fc.anim-elem,
html:not(.mobile-platform) .centred-desc-service-ip.anim-elem,
html:not(.mobile-platform) .one-our-offer-cnt.anim-elem,
html:not(.mobile-platform) .one-top-service.anim-elem,
html:not(.mobile-platform) .table-our-service-fee-cnt.anim-elem,
html:not(.mobile-platform) .table-our-service-fee.anim-elem,
html:not(.mobile-platform) .title-cmn-service.anim-elem h2 {
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .calculate-fee-service.anim-elem,
html:not(.mobile-platform) .centred-desc-service-fc.anim-elem,
html:not(.mobile-platform) .one-our-offer-cnt.anim-elem,
html:not(.mobile-platform) .one-top-service.anim-elem,
html:not(.mobile-platform) .table-our-service-fee-cnt.anim-elem,
html:not(.mobile-platform) .table-our-service-fee.anim-elem,
html:not(.mobile-platform) .title-cmn-service.anim-elem h2 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .title-cmn-service.anim-elem h2 i {
    color: #000;
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s;
    transition: all .6s cubic-bezier(.4, 0, .2, 1) .6s
}
html:not(.mobile-platform) .calculate-fee-service.anim-elem.done,
html:not(.mobile-platform) .centred-desc-service-fc.anim-elem.done,
html:not(.mobile-platform) .centred-desc-service-ip.anim-elem.done,
html:not(.mobile-platform) .one-our-offer-cnt.anim-elem.done,
html:not(.mobile-platform) .one-top-service.anim-elem.done,
html:not(.mobile-platform) .table-our-service-fee-cnt.anim-elem.done,
html:not(.mobile-platform) .table-our-service-fee.anim-elem.done,
html:not(.mobile-platform) .title-cmn-service.anim-elem.done h2 {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
html:not(.mobile-platform) .title-cmn-service.anim-elem.done h2 i {
    color: #fc8b0c
}
@media only screen and (max-width: 1680px) {
    .service-content-ip {
        margin: 70px 0 100px
    }
    .centred-desc-service-ip {
        width: 860px
    }
    .centred-desc-service-ip blockquote,
    .centred-desc-service-ip h1,
    .centred-desc-service-ip h2,
    .centred-desc-service-ip h3,
    .centred-desc-service-ip h4,
    .centred-desc-service-ip h5,
    .centred-desc-service-ip h6,
    .centred-desc-service-ip p {
        margin: 13px 0
    }
    .centred-desc-service-ip blockquote,
    .centred-desc-service-ip p {
        font-size: 18px;
        line-height: 25px
    }
    .centred-desc-service-ip h1 {
        font-size: 26px
    }
    .centred-desc-service-ip h2 {
        font-size: 24px
    }
    .centred-desc-service-ip h3 {
        font-size: 22px
    }
    .centred-desc-service-ip h4 {
        font-size: 20px
    }
    .centred-desc-service-ip h5 {
        font-size: 18px
    }
    .centred-desc-service-ip h6,
    .desc-one-top-service {
        font-size: 16px
    }
    .top-services-cnt {
        margin: 0;
        padding: 0 100px
    }
    .one-top-service {
        margin: 75px 3.122222% 0
    }
    .icon-one-top-service {
        height: 60px;
        margin: 0 0 35px
    }
    .desc-one-top-service b,
    .desc-one-top-service strong {
        font-size: 18px
    }
    .desc-one-top-service b,
    .desc-one-top-service p,
    .desc-one-top-service strong {
        line-height: 22px
    }
    .our-offer-cnt {
        margin: 88px 0 0
    }
    .title-cmn-service h2 {
        font-size: 50px
    }
    .table-our-service-fee-cnt {
        margin: 58px 0 0
    }
    .centred-our-offer-cnt {
        width: 1050px
    }
    .cell-our-service-fee p {
        font-size: 16px;
        padding: 17px 55px
    }
    .desc-our-service-fee-cnt {
        margin: 42px 0 0
    }
    .centred-calc-service-fee {
        margin: 0 0 30px
    }
    .calculate-fee-service {
        margin: 30px 0 0
    }
    .field-service {
        height: 45px
    }
    .submit-calc-fee {
        padding: 14px 49px 12px
    }
    .message-form-sf {
        font-size: 16px;
        line-height: 25px
    }
    .centred-desc-service-fc {
        font-size: 14px;
        line-height: 23px
    }
    .our-offer-cnt-list {
        margin: 0
    }
    .one-our-offer-cnt {
        margin: 63px 0 0
    }
    .icon-one-offer {
        width: 87px;
        height: 87px
    }
    .icon-one-our-offer-cnt {
        margin: 0 0 35px
    }
    .title-one-offer {
        margin: 0 0 4px
    }
    .title-one-offer,
    .title-one-offer>* {
        font-size: 18px;
        line-height: 23px
    }
    .desc-one-offer {
        font-size: 16px;
        line-height: 22px
    }
}
@media only screen and (max-width: 1440px) {
    .service-content-ip {
        margin: 60px 0 85px
    }
    .centred-desc-service-ip {
        width: 760px
    }
    .centred-desc-service-ip blockquote,
    .centred-desc-service-ip h1,
    .centred-desc-service-ip h2,
    .centred-desc-service-ip h3,
    .centred-desc-service-ip h4,
    .centred-desc-service-ip h5,
    .centred-desc-service-ip h6,
    .centred-desc-service-ip p {
        margin: 10px 0
    }
    .centred-desc-service-ip blockquote,
    .centred-desc-service-ip p {
        font-size: 16px;
        line-height: 22px
    }
    .centred-desc-service-ip h1 {
        font-size: 24px
    }
    .centred-desc-service-ip h2 {
        font-size: 22px
    }
    .centred-desc-service-ip h3 {
        font-size: 20px
    }
    .centred-desc-service-ip h4 {
        font-size: 18px
    }
    .centred-desc-service-ip h5 {
        font-size: 16px
    }
    .centred-desc-service-ip h6,
    .desc-one-top-service {
        font-size: 14px
    }
    .top-services-cnt {
        margin: 25px 0 0;
        padding: 0 85px
    }
    .one-top-service {
        width: 190px;
        margin: 50px 40px 0
    }
    .one-top-service:nth-child(5n+1) {
        margin-left: 40px
    }
    .one-top-service:nth-child(5n+5) {
        margin-right: 40px
    }
    .icon-one-top-service {
        height: 50px;
        margin: 0 0 28px
    }
    .desc-one-top-service b,
    .desc-one-top-service strong {
        font-size: 16px
    }
    .desc-one-top-service b,
    .desc-one-top-service p,
    .desc-one-top-service strong {
        line-height: 20px
    }
    .our-service-fee-cnt {
        margin: 100px 0 0
    }
    .our-offer-cnt {
        margin: 85px 0 0
    }
    .table-our-service-fee-cnt {
        margin: 50px 0 0
    }
    .centred-our-offer-cnt {
        width: 950px
    }
    .cell-our-service-fee p {
        font-size: 15px;
        padding: 16px 45px
    }
    .desc-our-service-fee-cnt {
        margin: 35px 0 0
    }
    .centred-calc-service-fee {
        margin: 0 0 24px
    }
    .centred-desc-service-fc {
        font-size: 14px;
        line-height: 23px
    }
    .our-offer-cnt-list {
        margin: 15px 0 0
    }
    .one-our-offer-cnt {
        margin: 55px 0 0;
        padding: 0 3.5% 0 0
    }
    .one-our-offer-cnt:nth-child(2n+2) {
        padding: 0 0 0 3.5%
    }
    .icon-one-offer {
        width: 75px;
        height: 75px
    }
    .icon-one-our-offer-cnt {
        margin: 0 0 30px
    }
    .title-one-offer {
        margin: 0 0 4px
    }
    .title-one-offer,
    .title-one-offer>* {
        font-size: 17px;
        line-height: 22px
    }
    .desc-one-offer {
        font-size: 15px;
        line-height: 21px
    }
}
@media only screen and (max-width: 1152px) {
    .service-content-ip {
        margin: 33px 0 69px
    }
    .desc-service-ip {
        width: 100%;
        padding: 0 38px
    }
    .centred-desc-service-ip {
        width: 540px
    }
    .centred-desc-service-ip h1 {
        font-size: 27px
    }
    .centred-desc-service-ip h2 {
        font-size: 25px
    }
    .centred-desc-service-ip h3 {
        font-size: 23px
    }
    .centred-desc-service-ip h4 {
        font-size: 21px
    }
    .centred-desc-service-ip h5 {
        font-size: 19px
    }
    .centred-desc-service-ip h6,
    .desc-one-top-service {
        font-size: 17px
    }
    .centred-desc-service-ip blockquote,
    .centred-desc-service-ip p {
        font-size: 17px;
        line-height: 23px
    }
    .centred-desc-service-ip blockquote,
    .centred-desc-service-ip h1,
    .centred-desc-service-ip h2,
    .centred-desc-service-ip h3,
    .centred-desc-service-ip h4,
    .centred-desc-service-ip h5,
    .centred-desc-service-ip h6,
    .centred-desc-service-ip p {
        margin: 13px 0;
        font-family: ProximaNovaSemiBold, sans-serif
    }
    .top-services-cnt {
        margin: 78px 0 0;
        padding: 0
    }
    .one-top-service {
        width: 50%;
        margin: 0 0 59px;
        padding: 0 10% 0 0
    }
    .one-top-service:last-child {
        padding: 0 5%
    }
    .one-top-service:nth-child(2n+2) {
        padding: 0 0 0 10%
    }
    .one-top-service:nth-child(5n+1) {
        margin-left: 0
    }
    .one-top-service:nth-child(5n+5) {
        margin-right: 0
    }
    .icon-one-top-service {
        height: 69px;
        margin: 0 0 31px
    }
    .desc-one-top-service b,
    .desc-one-top-service p,
    .desc-one-top-service strong {
        line-height: 23px
    }
    .desc-one-top-service b,
    .desc-one-top-service strong {
        font-size: 21px
    }
    .our-service-fee-cnt {
        margin: 83px 0 0
    }
    .title-cmn-service h2 {
        font-size: 60px
    }
    .table-our-service-fee-cnt {
        margin: 47px 0 0
    }
    .table-our-service-fee {
        max-width: 100%
    }
    .calculate-fee-service {
        margin: 36px 0 0
    }
    .field-service {
        height: 50px
    }
    .submit-calc-fee {
        padding: 16px 49px 14px
    }
    .cell-our-service-fee p {
        font-size: 18px;
        padding: 20px 64px
    }
    .desc-our-service-fee-cnt {
        margin: 43px 0 0
    }
    .centred-desc-service-fc {
        font-size: 18px;
        line-height: 25px;
        width: 100%
    }
    .our-offer-cnt {
        margin: 123px 0 0
    }
    .centred-our-offer-cnt {
        width: calc(100% - 96px)
    }
    .our-offer-cnt-list {
        margin: 0
    }
    .one-our-offer-cnt {
        margin: 40px auto 25px;
        padding: 0;
        width: 100%;
        max-width: 600px
    }
    .one-our-offer-cnt:nth-child(2n+2) {
        padding: 0
    }
    .icon-one-our-offer-cnt {
        margin: 0 0 37px;
        text-align: center
    }
    .icon-one-offer {
        width: 107px;
        height: 107px;
        display: inline-block
    }
    .title-one-offer,
    .title-one-offer>* {
        font-size: 20px;
        line-height: 26px
    }
    .desc-one-offer {
        font-size: 18px;
        line-height: 24px
    }
    .desc-one-offer,
    .title-one-offer {
        text-align: center
    }
}
@media only screen and (max-width: 640px) {
    .centred-desc-service-ip,
    .centred-our-offer-cnt {
        width: 100%
    }
    .one-top-service:nth-child(2n+2) {
        padding: 0 0 0 7%
    }
    .cell-our-service-fee p {
        font-size: 16px;
        padding: 18px 44px
    }
    .form-calc-sf {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .title-calc-sf {
        margin: 0 0 20px
    }
    .field-service {
        margin: 0 0 22px;
        width: 80%
    }
    .centred-calc-service-fee {
        margin: 0 0 34px
    }
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    .service-content-ip {
        margin: 36px 0 62px
    }
    .centred-desc-service-ip {
        width: 440px
    }
    .cell-our-service-fee,
    .centred-our-offer-cnt {
        width: 100%
    }
    .desc-service-ip {
        padding: 0 20px
    }
    .centred-desc-service-ip h1 {
        font-size: 25px
    }
    .centred-desc-service-ip h2 {
        font-size: 23px
    }
    .centred-desc-service-ip h3 {
        font-size: 21px
    }
    .centred-desc-service-ip h4 {
        font-size: 19px
    }
    .centred-desc-service-ip h5 {
        font-size: 17px
    }
    .centred-desc-service-ip h6 {
        font-size: 15px
    }
    .centred-desc-service-ip blockquote,
    .centred-desc-service-ip p {
        font-size: 16px;
        line-height: 22px
    }
    .centred-desc-service-ip blockquote,
    .centred-desc-service-ip h1,
    .centred-desc-service-ip h2,
    .centred-desc-service-ip h3,
    .centred-desc-service-ip h4,
    .centred-desc-service-ip h5,
    .centred-desc-service-ip h6,
    .centred-desc-service-ip p {
        text-align: center
    }
    .top-services-cnt {
        margin: 70px 0 0
    }
    .one-top-service {
        margin: 0 0 56px;
        padding: 0 5% 0 0
    }
    .one-top-service:last-child {
        padding: 0 2.5%
    }
    .one-top-service:nth-child(2n+2) {
        padding: 0 0 0 5%
    }
    .icon-one-top-service {
        height: 62px;
        margin: 0 0 22px
    }
    .desc-one-top-service {
        font-size: 16px;
        padding: 0 10%
    }
    .desc-one-top-service b,
    .desc-one-top-service p,
    .desc-one-top-service strong {
        line-height: 21px
    }
    .desc-one-top-service b,
    .desc-one-top-service strong {
        font-size: 18px
    }
    .our-service-fee-cnt {
        margin: 46px 0 0
    }
    .title-cmn-service h2 {
        font-size: 45px;
        display: block;
        text-align: center
    }
    .title-cmn-service h2 span {
        margin-right: -10px
    }
    .table-our-service-fee-cnt {
        margin: 42px 0 0
    }
    .table-our-service-fee-cnt p {
        font-size: 16px
    }
    .cell-our-service-fee p {
        padding: 18px 16px
    }
    .desc-our-service-fee-cnt {
        margin: 37px 0 0
    }
    .centred-desc-service-fc {
        font-size: 16px;
        line-height: 22px
    }
    .our-offer-cnt {
        margin: 83px 0 0
    }
    .our-offer-cnt-list {
        margin: 22px 0 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .one-our-offer-cnt {
        margin: 40px 0 15px;
        width: 50%;
        padding: 0 5% 0 0
    }
    .one-our-offer-cnt:last-child {
        padding: 0 2.5%
    }
    .one-our-offer-cnt:nth-child(2n+2) {
        padding: 0 0 0 5%
    }
    .icon-one-our-offer-cnt {
        margin: 0 0 27px
    }
    .icon-one-offer {
        width: 87px;
        height: 87px;
        display: inline-block
    }
    .title-one-offer,
    .title-one-offer>* {
        font-size: 18px;
        line-height: 24px
    }
    .desc-one-offer {
        font-size: 16px;
        line-height: 22px
    }
}
@media only screen and (max-width: 425px) {
    .service-content-ip {
        margin: 36px 0 62px
    }
    .desc-service-ip {
        padding: 0 20px
    }
    #service-case .title-inside-page h1 {
        text-align: center
    }
    .centred-desc-service-ip h1 {
        font-size: 25px
    }
    .centred-desc-service-ip h2 {
        font-size: 23px
    }
    .centred-desc-service-ip h3 {
        font-size: 21px
    }
    .centred-desc-service-ip h4 {
        font-size: 19px
    }
    .centred-desc-service-ip h5 {
        font-size: 17px
    }
    .centred-desc-service-ip h6 {
        font-size: 15px
    }
    .centred-desc-service-ip blockquote,
    .centred-desc-service-ip p {
        font-size: 16px;
        line-height: 22px
    }
    .top-services-cnt {
        margin: 70px 0 0
    }
    .one-top-service {
        width: 100%;
        margin: 0 0 56px;
        padding: 0
    }
    .one-top-service:last-child,
    .one-top-service:nth-child(2n+2) {
        padding: 0
    }
    .icon-one-top-service {
        height: 62px;
        margin: 0 0 22px
    }
    .desc-one-top-service {
        font-size: 16px;
        padding: 0 10%
    }
    .desc-one-top-service b,
    .desc-one-top-service p,
    .desc-one-top-service strong {
        line-height: 21px
    }
    .desc-one-top-service b,
    .desc-one-top-service strong {
        font-size: 18px
    }
    .our-service-fee-cnt {
        margin: 46px 0 0
    }
    .title-cmn-service h2 {
        font-size: 45px
    }
    .calculate-fee-service {
        margin: 30px 0 0
    }
    .table-our-service-fee-cnt {
        margin: 42px 0 0
    }
    .table-our-service-fee-cnt p {
        font-size: 16px
    }
    .cell-our-service-fee {
        width: 100%;
        border-right: 1px solid #fc8b0c;
        border-bottom: none
    }
    .cell-our-service-fee:last-child {
        border-bottom: 1px solid #fc8b0c
    }
    .cell-our-service-fee p {
        padding: 18px 16px
    }
    .desc-our-service-fee-cnt {
        margin: 37px 0 0
    }
    .centred-desc-service-fc {
        font-size: 16px;
        line-height: 22px
    }
    .field-service {
        margin: 0 0 22px;
        width: 100%
    }
    .centred-calc-service-fee {
        margin: 0 0 26px
    }
    .our-offer-cnt {
        margin: 83px 0 0
    }
    .table-our-service-fee {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .centred-our-offer-cnt {
        width: 100%
    }
    .our-offer-cnt-list {
        margin: 22px 0 0
    }
    .one-our-offer-cnt {
        margin: 40px 0 15px;
        text-align: center
    }
    .icon-one-our-offer-cnt {
        margin: 0 0 27px
    }
    .icon-one-offer {
        width: 87px;
        height: 87px;
        display: inline-block
    }
    .title-one-offer,
    .title-one-offer>* {
        font-size: 18px;
        line-height: 24px
    }
    .desc-one-offer {
        font-size: 16px;
        line-height: 22px
    }
}
@media only screen and (max-width: 570px) and (max-height: 320px) and (orientation: landscape) {
    .form-calc-sf {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .title-calc-sf {
        margin: 0 0 20px
    }
    .field-service {
        margin: 0 0 22px;
        width: 80%
    }
    .centred-calc-service-fee {
        margin: 0 0 26px
    }
}
.centred-tags-single-blog,
.links-sb-cnt,
.tags-sb-cnt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
.desc-single-blog-cnt,
.inner-single-blog,
.last-single-blog-cnt,
.single-blog-cnt,
.tags-single-blog-cnt,
.top-data-single-blog {
    width: 100%;
    position: relative
}
.circle-gray-b-sbp,
.circle-gray-m-sbp {
    position: absolute;
    border-radius: 50%;
    z-index: -1
}
.circle-gray-b-sbp {
    width: 42.5vw;
    height: 42.5vw;
    top: 37%;
    left: -20vw;
    background: rgba(249, 249, 249, .4)
}
.circle-gray-m-sbp {
    width: 33.7vw;
    height: 33.7vw;
    bottom: -6vw;
    right: -6vw;
    background: rgba(244, 251, 250, .149)
}
.circle-gray-b-sbp.anim-elem,
.circle-gray-m-sbp.anim-elem {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
.circle-gray-m-sbp.anim-elem {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.circle-gray-b-sbp.anim-elem.done,
.circle-gray-m-sbp.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.circle-gray-b-sbp.hv-disable,
.circle-gray-m-sbp.hv-disable {
    -webkit-animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleOtherScreen 5s cubic-bezier(.455, .03, .515, .955) infinite alternate
}
html.mobile-platform .circle-gray-b-sbp,
html.mobile-platform .circle-gray-m-sbp {
    display: none
}
.single-blog-cnt {
    padding: 226px 0 120px
}
.centred-single-blog-cnt {
    width: 1200px;
    position: relative;
    margin: 0 auto
}
.date-single-blog,
.date-single-project {
    margin: 0 0 30px;
    font-family: ProximaNovaBold, sans-serif;
    color: #8b8b8b;
    text-align: center
}
.date-single-blog {
    font-size: 14px
}
.date-single-project {
    font-size: 17px
}
.date-single-blog,
.date-single-blog>*,
.date-single-project,
.date-single-project>* {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.date-single-blog>*,
.date-single-project>* {
    width: 100%;
    display: block
}
.desc-single-blog,
.desc-single-project {
    overflow: hidden;
    color: #585858
}
.title-single-blog,
.title-single-blog>* {
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 48px ProximaNovaExtraBold, sans-serif;
    line-height: 54px
}
.title-single-blog>* {
    margin: 0
}
.desc-single-blog img {
    height: auto;
    display: block;
    margin: 0;
    padding: 0
}
.image-single-blog {
    height: 500px;
    position: relative;
    overflow: hidden;
    margin: 62px 0 34px
}
.image-single-blog img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}
.desc-single-blog a {
    color: #fc8b0c;
    text-decoration: none
}
html:not(.mobile-platform) .desc-single-blog a:hover {
    text-decoration: underline
}
.desc-single-blog blockquote,
.desc-single-blog ol li,
.desc-single-blog p,
.desc-single-blog ul li {
    font-size: 17px;
    line-height: 25px
}
.desc-single-blog ul {
    padding: 0 0 0 18px
}
.desc-single-blog ol {
    padding: 0 0 0 22px
}
.desc-single-blog li {
    margin-bottom: 6px
}
.desc-single-blog li:last-child {
    margin-bottom: 0
}
.desc-single-blog blockquote,
.desc-single-blog figure,
.desc-single-blog h1,
.desc-single-blog h2,
.desc-single-blog h3,
.desc-single-blog h4,
.desc-single-blog h5,
.desc-single-blog h6,
.desc-single-blog ol,
.desc-single-blog p,
.desc-single-blog ul,
.desc-single-blog>img {
    width: calc(100% - 190px);
    margin: 28px auto
}
.desc-single-blog figure {
    text-align: center
}
.desc-single-blog figure a {
    width: 100%;
    display: block
}
.desc-single-blog figure img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline-block;
    margin: 0
}
.desc-single-blog h1,
.desc-single-blog h2,
.desc-single-blog h3,
.desc-single-blog h4,
.desc-single-blog h5,
.desc-single-blog h6 {
    line-height: 1.25;
    font-family: ProximaNovaExtraBold, sans-serif
}
.desc-single-blog h1 {
    font-size: 27px
}
.desc-single-blog h2 {
    font-size: 25px
}
.desc-single-blog h3 {
    font-size: 23px
}
.desc-single-blog h4 {
    font-size: 21px
}
.desc-single-blog h5 {
    font-size: 19px
}
.desc-single-blog h6,
.tags-sb-cnt {
    font-size: 17px
}
.desc-single-blog,
.desc-single-blog>* {
    overflow: hidden;
    text-overflow: ellipsis
}
.tags-single-blog-cnt {
    margin: 42px 0 0;
    padding: 52px 0 38px;
    border-top: 1px dashed #ECECEC;
    border-bottom: 1px dashed #ECECEC
}
.centred-tags-single-blog {
    width: 1010px;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.inner-sp-sh {
    width: 100%
}
.tags-sb-cnt {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.tags-title-sb {
    display: inline-block;
    text-transform: uppercase;
    color: #313131
}
.list-links-tags-sb {
    width: auto;
    max-width: 100%;
    padding: 0 0 0 7px;
    overflow: hidden
}
.list-links-tags-sb a {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    position: relative;
    color: #606060;
    text-decoration: none;
    margin: 0 2px 0 0;
    -webkit-transition: color .3s cubic-bezier(.455, .03, .515, .955);
    transition: color .3s cubic-bezier(.455, .03, .515, .955)
}
html:not(.mobile-platform) .list-links-tags-sb a:hover {
    color: #fc8b0c
}
.list-links-tags-sb a:after {
    content: ',';
    position: relative;
    right: 0;
    color: #606060!important
}
.list-links-tags-sb a:last-child:after {
    display: none
}
.links-sb-cnt {
    width: auto;
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.links-sb-cnt.inner-sp-sh {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.share-singleBlog {
    position: relative;
    margin: 0 14px 14px;
    border: none;
    padding: 0;
    background: 0 0;
    float: none;
    font-size: 0;
    text-decoration: none
}
.share-singleBlog:first-child {
    margin-left: 0
}
.share-singleBlog>span {
    display: none!important
}
.inner-sp-sh .share-singleBlog {
    margin: 0 28px 14px 0
}
.share-singleBlog:after,
.share-singleBlog:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955)
}
.share-singleBlog:after,
html:not(.mobile-platform) .share-singleBlog:hover:before {
    opacity: 0
}
html:not(.mobile-platform) .share-singleBlog:hover:after {
    opacity: 1
}
.share-ln {
    width: 15px;
    height: 14px
}
.share-tw {
    width: 15px;
    height: 12px
}
.share-fb {
    width: 9px;
    height: 15px
}
.share-gp,
.share-pt {
    width: 15px;
    height: 15px
}
.share-tw:before {
    background: url(imgs/svg/tw-share.svg) center no-repeat;
    background-size: 100% 100%
}
.share-fb:before {
    background: url(imgs/svg/fb-share.svg) center no-repeat;
    background-size: 100% 100%
}
.share-gp:before {
    background: url(imgs/svg/gp-share.svg) center no-repeat;
    background-size: 100% 100%
}
.share-ln:before {
    background: url(imgs/svg/ln-share.svg) center no-repeat;
    background-size: 100% 100%
}
.share-pt:before {
    background: url(imgs/svg/pt-share.svg) center no-repeat;
    background-size: 100% 100%
}
.share-tw:after {
    background: url(imgs/svg/tw-share-hv.svg) center no-repeat;
    background-size: 100% 100%
}
.share-fb:after {
    background: url(imgs/svg/fb-share-hv.svg) center no-repeat;
    background-size: 100% 100%
}
.share-gp:after {
    background: url(imgs/svg/gp-share-hv.svg) center no-repeat;
    background-size: 100% 100%
}
.share-ln:after {
    background: url(imgs/svg/ln-share-hv.svg) center no-repeat;
    background-size: 100% 100%
}
.share-pt:after {
    background: url(imgs/svg/pt-share-hv.svg) center no-repeat;
    background-size: 100% 100%
}
.last-single-blog-cnt {
    margin-top: 91px
}
.one-last-sb-cnt {
    width: 100%;
    position: relative;
    padding-bottom: 71px;
    margin-bottom: 71px;
    border-bottom: 1px dashed #ECECEC
}
.one-last-sb-cnt:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none
}
.centred-last-sb-cnt,
.centred-last-sp-cnt {
    position: relative;
    margin: 0 auto
}
.centred-last-sb-cnt {
    width: 1200px
}
.centred-last-sp-cnt {
    width: 1010px
}
html:not(.mobile-platform) .date-single-blog.anim-elem,
html:not(.mobile-platform) .date-single-project.anim-elem,
html:not(.mobile-platform) .desc-single-blog.anim-elem,
html:not(.mobile-platform) .title-single-blog.anim-elem {
    opacity: 0;
    -webkit-transform: translateY(15vh);
    transform: translateY(15vh);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .title-single-blog.anim-elem {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .inner-single-blog.anim-elem .inner-image-one-post-ss {
    top: 0;
    z-index: 2;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
html:not(.mobile-platform) .desc-single-blog.anim-elem {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
html:not(.mobile-platform) .links-sb-cnt.anim-elem .share-singleBlog,
html:not(.mobile-platform) .tags-sb-cnt.anim-elem .list-links-tags-sb,
html:not(.mobile-platform) .tags-sb-cnt.anim-elem .tags-title-sb {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}
html:not(.mobile-platform) .links-sb-cnt.anim-elem .share-singleBlog:nth-child(1),
html:not(.mobile-platform) .tags-sb-cnt.anim-elem .tags-title-sb {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
html:not(.mobile-platform) .links-sb-cnt.anim-elem .share-singleBlog:nth-child(2),
html:not(.mobile-platform) .tags-sb-cnt.anim-elem .list-links-tags-sb {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
html:not(.mobile-platform) .links-sb-cnt.anim-elem .share-singleBlog:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
html:not(.mobile-platform) .links-sb-cnt.anim-elem .share-singleBlog:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}
html:not(.mobile-platform) .links-sb-cnt.anim-elem .share-singleBlog:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}
html:not(.mobile-platform) .date-single-blog.anim-elem.done,
html:not(.mobile-platform) .date-single-project.anim-elem.done,
html:not(.mobile-platform) .desc-single-blog.anim-elem.done,
html:not(.mobile-platform) .title-single-blog.anim-elem.done {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
html:not(.mobile-platform) .inner-single-blog.anim-elem.done .inner-image-one-post-ss {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}
html:not(.mobile-platform) .links-sb-cnt.anim-elem.done .share-singleBlog,
html:not(.mobile-platform) .tags-sb-cnt.anim-elem.done .list-links-tags-sb,
html:not(.mobile-platform) .tags-sb-cnt.anim-elem.done .tags-title-sb {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
@media only screen and (max-width: 1680px) {
    .single-blog-cnt {
        padding: 196px 0 120px
    }
    .centred-single-blog-cnt {
        width: 1050px
    }
    .date-single-blog {
        font-size: 13px
    }
    .date-single-project {
        font-size: 16px
    }
    .date-single-blog,
    .date-single-project {
        margin: 0 0 20px
    }
    .title-single-blog,
    .title-single-blog>* {
        font-size: 42px;
        line-height: 48px
    }
    .image-single-blog {
        height: 450px;
        margin: 52px 0 30px
    }
    .desc-single-blog blockquote,
    .desc-single-blog ol li,
    .desc-single-blog p,
    .desc-single-blog ul li {
        font-size: 15px;
        line-height: 22px
    }
    .desc-single-blog blockquote,
    .desc-single-blog figure,
    .desc-single-blog h1,
    .desc-single-blog h2,
    .desc-single-blog h3,
    .desc-single-blog h4,
    .desc-single-blog h5,
    .desc-single-blog h6,
    .desc-single-blog ol,
    .desc-single-blog p,
    .desc-single-blog ul,
    .desc-single-blog>img {
        width: calc(100% - 140px);
        margin: 22px auto
    }
    .desc-single-blog h1 {
        font-size: 25px
    }
    .desc-single-blog h2 {
        font-size: 23px
    }
    .desc-single-blog h3 {
        font-size: 21px
    }
    .desc-single-blog h4 {
        font-size: 19px
    }
    .desc-single-blog h5 {
        font-size: 17px
    }
    .desc-single-blog h6,
    .tags-sb-cnt {
        font-size: 15px
    }
    .desc-single-blog ul {
        padding: 0 0 0 17px
    }
    .desc-single-blog ol {
        padding: 0 0 0 21px
    }
    .centred-tags-single-blog {
        width: 910px
    }
    .tags-single-blog-cnt {
        margin: 30px 0 0;
        padding: 32px 0 18px
    }
    .share-singleBlog {
        margin: 0 11px 14px
    }
    .inner-sp-sh .share-singleBlog {
        margin: 0 22px 14px 0
    }
    .last-single-blog-cnt {
        margin-top: 71px
    }
    .centred-last-sb-cnt {
        width: 1050px
    }
    .centred-last-sp-cnt {
        width: 935px
    }
    .one-last-sb-cnt {
        padding-bottom: 51px;
        margin-bottom: 51px
    }
}
@media only screen and (max-width: 1440px) {
    .single-blog-cnt {
        padding: 176px 0 84px
    }
    .centred-single-blog-cnt {
        width: 950px
    }
    .date-single-project {
        font-size: 15px
    }
    .date-single-blog,
    .date-single-project {
        margin: 0 0 15px
    }
    .title-single-blog,
    .title-single-blog>* {
        font-size: 36px;
        line-height: 42px
    }
    .image-single-blog {
        height: 400px;
        margin: 45px 0 27px
    }
    .desc-single-blog blockquote,
    .desc-single-blog ol li,
    .desc-single-blog p,
    .desc-single-blog ul li {
        font-size: 14px;
        line-height: 21px
    }
    .desc-single-blog li {
        margin-bottom: 4px
    }
    .desc-single-blog blockquote,
    .desc-single-blog figure,
    .desc-single-blog h1,
    .desc-single-blog h2,
    .desc-single-blog h3,
    .desc-single-blog h4,
    .desc-single-blog h5,
    .desc-single-blog h6,
    .desc-single-blog ol,
    .desc-single-blog p,
    .desc-single-blog ul,
    .desc-single-blog>img {
        width: calc(100% - 75px);
        margin: 18px auto
    }
    .desc-single-blog h1 {
        font-size: 24px
    }
    .desc-single-blog h2 {
        font-size: 22px
    }
    .desc-single-blog h3 {
        font-size: 20px
    }
    .desc-single-blog h4 {
        font-size: 18px
    }
    .desc-single-blog h5 {
        font-size: 16px
    }
    .desc-single-blog h6,
    .tags-sb-cnt {
        font-size: 14px
    }
    .centred-tags-single-blog {
        width: 875px
    }
    .tags-single-blog-cnt {
        margin: 27px 0 0
    }
    .share-singleBlog {
        margin: 0 10px 14px
    }
    .last-single-blog-cnt {
        margin-top: 65px
    }
    .centred-last-sb-cnt {
        width: 950px
    }
    .one-last-sb-cnt {
        padding-bottom: 45px;
        margin-bottom: 45px
    }
}
@media only screen and (max-width: 1152px) {
    .centred-tags-single-blog,
    .tags-sb-cnt,
    .top-data-single-blog {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .single-blog-cnt {
        padding: 155px 0 84px
    }
    .desc-single-blog-cnt {
        padding: 0 38px
    }
    .centred-single-blog-cnt {
        width: 100%
    }
    .top-data-single-blog {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .date-single-blog,
    .date-single-project {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .title-single-blog {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .image-single-blog {
        margin: 0 0 36px;
        height: 310px
    }
    .date-single-blog,
    .date-single-project {
        margin: 0 0 14px;
        font-size: 15px
    }
    .title-single-blog,
    .title-single-blog>* {
        font-size: 30px;
        line-height: 36px
    }
    .desc-single-blog {
        margin: 42px 0 0
    }
    .desc-single-blog blockquote,
    .desc-single-blog figure,
    .desc-single-blog h1,
    .desc-single-blog h2,
    .desc-single-blog h3,
    .desc-single-blog h4,
    .desc-single-blog h5,
    .desc-single-blog h6,
    .desc-single-blog ol,
    .desc-single-blog p,
    .desc-single-blog ul,
    .desc-single-blog>img {
        width: 100%;
        margin: 18px auto
    }
    .desc-single-blog blockquote,
    .desc-single-blog ol li,
    .desc-single-blog p,
    .desc-single-blog ul li {
        font-size: 16px;
        line-height: 23px
    }
    .desc-single-blog h1 {
        font-size: 26px
    }
    .desc-single-blog h2 {
        font-size: 24px
    }
    .desc-single-blog h3 {
        font-size: 22px
    }
    .desc-single-blog h4 {
        font-size: 20px
    }
    .desc-single-blog h5 {
        font-size: 18px
    }
    .desc-single-blog h6,
    .tags-sb-cnt {
        font-size: 16px
    }
    .tags-single-blog-cnt {
        padding: 47px 38px 33px;
        margin: 48px 0 0
    }
    .centred-tags-single-blog {
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .inner-tags-sb {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .tags-sb-cnt {
        margin: 0 0 22px;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .list-links-tags-sb {
        padding: 0;
        text-align: center
    }
    .links-sb-cnt {
        max-width: 100%
    }
    .list-links-tags-sb a {
        line-height: 16px
    }
    .share-singleBlog:first-child {
        margin-left: 14px
    }
    .tags-title-sb {
        margin-bottom: 8px
    }
    .inner-sp-sh .share-singleBlog,
    .share-singleBlog {
        margin: 0 14px 14px
    }
    .inner-sp-sh {
        text-align: center
    }
    .last-single-blog-cnt {
        margin-top: 60px
    }
    .one-last-sb-cnt {
        padding-bottom: 0;
        max-width: 100%;
        margin-bottom: 0
    }
    .centred-last-sb-cnt,
    .centred-last-sp-cnt {
        width: 100%;
        max-width: 768px
    }
}
@media only screen and (max-width: 640px) and (orientation: portrait) {
    .centred-tags-single-blog,
    .one-post-blog-ip {
        display: block
    }
}
@media only screen and (max-width: 740px) and (max-height: 425px) and (orientation: landscape) {
    .single-blog-cnt {
        padding: 135px 0 84px
    }
    .desc-single-blog-cnt {
        padding: 0 20px
    }
    .date-single-blog {
        font-size: 14px
    }
    .date-single-blog,
    .date-single-project {
        text-align: center
    }
    .title-single-blog,
    .title-single-blog>* {
        font-size: 26px;
        line-height: 32px;
        text-align: center
    }
    .image-single-blog {
        height: 260px
    }
    .desc-single-blog {
        margin: 24px 0 0
    }
    .centred-tags-single-blog {
        display: block
    }
    .tags-single-blog-cnt {
        padding: 30px 20px 20px;
        margin: 50px 0 0
    }
    .inner-tags-sb {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .links-sb-cnt {
        max-width: 100%
    }
    .tags-sb-cnt {
        margin: 0 0 22px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .list-links-tags-sb {
        padding: 0;
        text-align: center
    }
    .list-links-tags-sb a {
        line-height: 16px
    }
    .share-singleBlog {
        margin: 0 14px 14px
    }
    .share-singleBlog:first-child {
        margin-left: 14px
    }
    .tags-title-sb {
        margin-bottom: 8px
    }
    .last-single-blog-cnt {
        margin-top: 60px
    }
}
@media only screen and (max-width: 425px) {
    .single-blog-cnt {
        padding: 135px 0 80px
    }
    .desc-single-blog-cnt {
        padding: 0 20px
    }
    .date-single-blog {
        font-size: 14px
    }
    .date-single-blog,
    .date-single-project {
        text-align: left
    }
    .title-single-blog,
    .title-single-blog>* {
        font-size: 26px;
        line-height: 32px;
        text-align: left
    }
    .image-single-blog {
        height: 260px
    }
    .desc-single-blog {
        margin: 24px 0 0
    }
    .tags-single-blog-cnt {
        padding: 37px 20px 26px;
        margin: 42px 0 0
    }
    .last-single-blog-cnt {
        margin-top: 60px
    }
    .image-one-post-project {
        width: 280px;
        height: 280px;
        padding-bottom: 0
    }
    .info-one-post-project {
        width: 100%;
        padding: 34px 0 0;
        margin: 0
    }
}
@media only screen and (max-width: 570px) and (max-height: 320px) and (orientation: landscape) {
    .one-post-blog-ip {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .centred-last-sp-cnt .one-post-blog-ip {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .image-one-post-project {
        height: 260px;
        width: 260px
    }
    .info-one-post-project {
        width: calc(100% - 290px)
    }
}
@media only screen and (max-width: 480px) and (max-height: 320px) and (orientation: landscape) {
    .one-post-blog-ip {
        display: block
    }
    .info-one-post-blog {
        height: auto
    }
    .desc-one-post-blog,
    .title-one-post-blog {
        max-height: inherit
    }
    .desc-one-post-blog>*,
    .title-one-post-blog>* {
        -webkit-line-clamp: inherit
    }
    .centred-blog-content-ip,
    .centred-last-sp-cnt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .image-one-post-blog {
        width: 100%;
        height: 280px
    }
    .image-one-post-project {
        height: 280px;
        width: 280px
    }
    .info-one-post-blog,
    .info-one-post-project {
        width: 100%;
        margin: 36px 0 0
    }
}