html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
body,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ul {
    list-style: none
}

ol {
    list-style-position: inside
}

blockquote,
q {
    quotes: none
}

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

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

h1,
h2,
h3,
h4,
h5 {
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    margin: 10px 0 20px 0
}

html {
    height: 100%
}

a {
    text-decoration: none;
    color: #fff
}

textarea,
input {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    transition: box-shadow .2s linear;
    -webkit-transition: box-shadow .2s linear;
    -moz-transition: box-shadow .2s linear;
    -ms-transition: box-shadow .2s linear;
    -o-transition: box-shadow .2s linear
}

textarea:focus,
input:focus {
    outline: none
}

textarea {
    resize: none;
    overflow: auto
}

em,
i {
    font-style: italic
}

* {
    outline: none
}

.empty-src {
    height: 100px;
    width: 100px;
    max-width: auto
}

.clear {
    clear: both
}

.right {
    float: right
}

.left {
    float: left
}

.table {
    display: table;
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed
}

.table-caption {
    background: #999
}

.row {
    display: table-row
}

.cell {
    display: table-cell;
    width: 10%;
    padding: 5px;
    vertical-align: middle;
    box-sizing: border-box
}

.table .row .cell a {
    text-decoration: underline;
    color: #008
}

.article img {
    max-width: 100%;
    height: auto !important
}

.article ol {
    counter-reset: myCounter
}

.article ol>li {
    list-style: none;
    position: relative;
    padding: 0 0 0 35px;
    min-height: 23px
}

.article ol>li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    color: #fff;
    background: #588ffc;
    position: absolute;
    text-align: center;
    top: 2px;
    left: 0;
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(88, 143, 252, .5);
    font-size: 80%
}

.article p img {
    display: inline-block;
    text-align: center;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto
}

.article p img[style*="float:right"],
.article p img[style*="float:right"] {
    max-width: 50% !important;
    margin-left: 15px;
    margin-bottom: 30px
}

.article p img[style*="float:left"],
.article p img[style*="float:left"] {
    max-width: 50% !important;
    margin-right: 15px;
    margin-bottom: 30px
}

.article p {
    margin-bottom: 20px
}

.article ol,
.article ul {
    margin-bottom: 20px
}

.article li {
    margin-left: 3%;
    margin-bottom: 10px
}

.article ul li {
    list-style: disc
}

.article a {
    color: #eee;
    font-weight: 700;
    text-decoration: underline
}

.article a:hover {
    color: #fff
}

.article h1 {
    font-size: 200%
}

.article h2 {
    font-size: 150%
}

.article h3 {
    font-size: 135%
}

.article h4 {
    font-size: 125%
}

.article img[style="float:left"],
.article img[style="float:left"] {
    margin: 10px 10px 10px 0
}

.article img[style="float:right"],
.article img[style="float:right"] {
    margin: 10px 0 10px 10px
}

.development-info table,
.article table {
    width: 100%;
    margin-bottom: 20px
}

.development-info table {
    margin-top: 20px
}

.development-info table td,
.article table td {
    border: 1px solid #000;
    padding: 3px 5px
}

.development-info table p {
    margin: 0
}

.article table td+td {
    text-align: center
}

.article .modal {
    cursor: zoom-in
}

@font-face {
    font-family: "HelveticaRegular";
    src: url("../fonts/HelveticaRegular.eot");
    src: url("../fonts/HelveticaRegular.woff2") format("woff2"), url("../fonts/HelveticaRegular.woff") format("woff"), url("../fonts/HelveticaRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "HelveticaLight";
    src: url('../fonts/HelveticaLight.eot');
    src: url('../fonts/HelveticaLight.woff2') format("woff2"), url('../fonts/HelveticaLight.woff') format("woff"), url('../fonts/HelveticaLight.ttf') format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "HelveticaMedium";
    src: url('../fonts/HelveticaMedium.eot');
    src: url('../fonts/HelveticaMedium.woff2') format("woff2"), url('../fonts/HelveticaMedium.woff') format("woff"), url('../fonts/HelveticaMedium.ttf') format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "HelveticaBold";
    src: url('../fonts/HelveticaBold.eot');
    src: url('../fonts/HelveticaBold.woff2') format("woff2"), url('../fonts/HelveticaBold.woff') format("woff"), url('../fonts/HelveticaBold.ttf') format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "DaysRegular";
    src: url("../fonts/DaysRegular.eot");
    src: url("../fonts/DaysRegular.woff2") format("woff2"), url("../fonts/DaysRegular.woff") format("woff"), url("../fonts/DaysRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

body {
    width: 100%;
    background: #ccc;
    font: 100% HelveticaLight, Arial, sans-serif;
    color: #333745;
    line-height: 1;
    height: 100%
}

.wrapper {
    margin: auto;
    box-sizing: border-box;
    height: 100%
}

.content {
    overflow-x: hidden
}

.partners-box .capt1,
.connect-us-box .capt1,
#about-us .capt1,
#main-page h2,
#main-page h3,
#main-page .capt1 {
    font: 225% "HelveticaLight";
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0
}

.mmix-head-start {
    font: 225% "HelveticaLight";
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative
}

.main-box {
    width: 100%;
    height: 100%;
    min-height: 660px;
    background: url(../img/bg.webp);
    background-size: cover;
    position: relative
}

.main-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

img {
    max-width: 100%;
    height: auto;
}

.main-box video {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    z-index: 0
}

.header {
    height: 124px;
    margin-bottom: -128px;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.header.fixed-header .logo a {
    background: url(../img/logo-sm.png) center no-repeat;
    height: 102px;
    width: 165px;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0 auto;
    left: 0
}

.header.fixed-header .header-center .logo img {
    display: none
}

.header.fixed-header .header-center {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB8CAYAAACoqdqWAAAAHUlEQVR4AWOI7P+za2CIUUJL3+I7g5qa2uORQQAA6I0HG04KGREAAAAASUVORK5CYII=') repeat-x;
    -webkit-background-size: contain;
    background-size: contain
}

.header.fixed-header .header-menu>li,
.header.fixed-header .town>li {
    margin-top: 7px;
    margin-bottom: 0
}

.header.fixed-header .header-bg,
.header.fixed-header>div {
    height: 100px
}

.header.fixed-header .header-menu,
.header.fixed-header .town {
    height: 59px
}

.header.fixed-header .drop-menu-main-sub {
    top: 102%
}

.header.fixed-header .breadcrumbs-wrap,
.header.fixed-header .phone {
    font-size: 17px;
    background-size: 17px auto
}

.header .mini-container {
    max-width: 454px;
    width: 100%;
    display: block;
    float: right;
    padding: 0 2.3%;
    box-sizing: border-box
}

.header:after {
    content: '';
    display: block;
    clear: both
}

.header-right .mini-container {
    float: left
}

.header .header-center {
    width: 372px;
    float: left;
    height: auto
}

.header-center .logo a {
    display: block;
    border-radius: 0 0 70% 70%;
    width: 372px;
    height: auto;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.header-center .logo img {
    max-width: 100%;
    display: block
}

.header-bg {
    height: 124px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB8CAYAAACoqdqWAAAAHUlEQVR4AWOI7P+za2CIUUJL3+I7g5qa2uORQQAA6I0HG04KGREAAAAASUVORK5CYII=') repeat-x;
    -webkit-background-size: contain;
    background-size: contain
}

.header-right,
.header-left {
    float: left;
    width: 50%;
    height: 124px;
    box-sizing: border-box;
    font-size: 113%
}

.header-left {
    margin-right: -187px;
    padding-right: 187px
}

.header-right {
    margin-left: -187px;
    padding-left: 187px
}

.drop-down {
    position: relative
}

.drop-menu-main-sub {
    width: 630%;
    right: 0;
    top: 118%;
    z-index: 9999;
    position: relative
}

.main-nav .drop-menu-main-sub {
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    flex-direction: row
}

.main-nav .button-menu {
    width: 50%;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none !important;
    cursor: pointer;
    transition: .2s;
    user-select: none
}

.main-nav-inn {
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
    display: none;
    z-index: 9999;
    position: relative
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .main-nav-inn {
        height: 100%
    }
}

.main-nav-submenu {
    width: 300px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.main-nav-submenu-top {
    padding-bottom: 30px
}

.main-nav-homebtn {
    display: block;
    width: 100%;
    height: 200px;
    color: #fff;
    line-height: 200px;
    text-align: center;
    font-size: 60px;
    border: 1px solid transparent;
    transition: .2s;
    cursor: pointer;
    position: relative
}

.main-nav-homebtn:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: #fff
}

.main-nav-homebtn i {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzNTIgMjczLjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1MiAyNzMuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwOS4zLDkuNEw5LDExNC40Yy02LDUuOC05LDEzLjctOSwyMi40YzAsOC43LDMsMTYuNSw5LDIyLjRsMTAwLjMsMTA1LjRjMTEuOSwxMi41LDMxLjMsMTIuNSw0My4yLDANCglzMTEuOS0zMi43LDAtNDUuMkwxMDQuNCwxNjloMjE3YzE2LjksMCwzMC42LTE0LjMsMzAuNi0zMnMtMTMuNy0zMi0zMC42LTMyaC0yMTdsNDguMi01MC40YzExLjktMTIuNSwxMS45LTMyLjcsMC00NS4yDQoJQzE0MC42LTMuMSwxMjEuMy0zLjEsMTA5LjMsOS40eiIvPg0KPC9zdmc+DQo=');
    background-repeat: no-repeat;
    background-position: left 60% center;
    background-size: 55px auto;
    transition: .2s
}

.main-nav-homebtn:hover i {
    background-position: left 45% center
}

.main-nav-submenu-bottom .button-menu {
    width: 90%;
    color: #fff;
    margin: 0 0 20px 10%;
    text-transform: uppercase;
    font-size: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .2s;
    line-height: 75px
}

.main-nav-submenu-bottom .button-menu.active {
    width: 100%;
    font-size: 24px;
    min-height: 85px;
    line-height: 85px;
    margin-left: 0
}

.main-nav-submenu-bottom .develop-btn {
    border-right: 5px solid #d97747;
    border-bottom: none
}

.main-nav-submenu-bottom .support-btn {
    border-right: 5px solid #349251;
    border-top: none
}

.main-nav-submenu-bottom .promt-btn {
    border-right: 5px solid #2b3e6d;
    border-bottom: none
}

.main-nav-submenu-bottom .progress-btn {
    border-right: 5px solid #c22d2c;
    border-top: none
}

.main-nav-content {
    flex: 1 1 auto;
    overflow: auto
}

.main-nav-content ul {
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px 10px;
    box-sizing: border-box
}

.main-nav-content a {
    padding: 8px 20px 8px 70px;
    display: block;
    margin: 0 2px;
    position: relative;
    transition: all .15s linear
}

.main-nav-content a:hover {
    text-decoration: underline;
    background: url(../img/mmix.png) 0 center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.dropdown {
    display: none
}

.dropdown>ul {
    margin-top: -5px;
    padding: 3px 0
}

.dropdown>ul a {
    padding: 8px 20px 8px 25px;
    display: block;
    margin: 0 2px;
    position: relative;
    transition: all .1s linear
}

.dropdown>ul a:hover {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2), inset 2px 0 5px rgba(0, 0, 0, .2), inset -2px 0 5px rgba(0, 0, 0, .2), inset 0 2px 5px rgba(0, 0, 0, .2), inset 0 -2px 5px rgba(0, 0, 0, .2), rgba(255, 255, 255, .1) 0 1px 0, rgba(255, 255, 255, .1) 1px 0 0, rgba(255, 255, 255, .1) -1px 0 0
}

ul.drop-menu-main-sub {
    text-align: left
}

ul.drop-menu-main-sub .nav-capt,
ul.drop-menu-main-sub>li>a {
    display: block;
    text-transform: uppercase;
    padding: 20px 10px;
    height: 50px;
    padding: 0 75px 0 25px;
    line-height: 50px;
    font-size: 150%;
    color: #fff;
    cursor: pointer
}

ul.drop-menu-main-sub .nav-capt {
    padding: 20px;
    user-select: none
}

ul.drop-menu-main-sub .develop-btn {
    background: #e1973f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') right 32px center no-repeat;
    border-bottom: 5px solid #d97747
}

ul.drop-menu-main-sub .support-btn {
    background: #70a857 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') right 32px center no-repeat;
    border: none;
    border-bottom: 5px solid #349251
}

ul.drop-menu-main-sub .promt-btn {
    background: #2a6298 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') right 32px center no-repeat;
    border-bottom: 5px solid #2b3e6d
}

ul.drop-menu-main-sub .progress-btn {
    background: #d0483a url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') right 32px center no-repeat;
    border: none;
    border-bottom: 5px solid #c22d2c
}

ul.develop-btn-bg {
    background: #d97747
}

.main-nav .develop-btn.active,
.main-nav .develop-btn:hover {
    background-color: #d97747
}

ul.support-btn-bg {
    background: #349251
}

.main-nav .support-btn.active,
.main-nav .support-btn:hover {
    background-color: #349251
}

ul.promt-btn-bg {
    background: #2b3e6d
}

.main-nav .promt-btn.active,
.main-nav .promt-btn:hover {
    background-color: #2b3e6d
}

ul.progress-btn-bg {
    background: #c22d2c
}

.main-nav .progress-btn.active,
.main-nav .progress-btn:hover {
    background-color: #c22d2c
}

.header-menu,
.town {
    height: 76px
}

.town {
    white-space: nowrap
}

.header-right .town {
    float: left
}

.header-menu>li,
.town>li {
    display: inline-block;
    margin: 14px 0
}

.header-menu>li {
    float: right
}

.town li+li {
    margin-left: 18px
}

.header-menu>li+li {
    margin-right: 18px
}

.header-menu .menu-btn,
.lang-switch-block li a,
.header-menu>li>a,
.town li a {
    display: inline-block;
    padding: 14px 10px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid transparent;
    border-radius: 17px;
    transition: border .2s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -ms-transition: border .2s linear;
    -o-transition: border .2s linear
}

.header-menu .menu-btn,
.lang-switch-block li a,
.header-menu>li>a,
.town li.active a,
.town li a:hover {
    border: 2px solid #fff;
    border-radius: 17px
}

.header-menu .menu-btn,
.lang-switch-block li a,
.header-menu>li>a {
    width: 50px
}

.lang-switch-block li a {
    background: #6287d5;
    margin-top: 2px
}

.breadcrumbs-wrap {
    display: table;
    height: 45px;
    table-layout: fixed
        max-width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    mask-image: linear-gradient(to right, black 85%, transparent 100%);
}

.breadcrumbs {
    color: #fff;
    display: table-row
}

.breadcrumbs li {
    display: table-cell;
    vertical-align: middle;
    color: #fff
}

.breadcrumbs li span,
.breadcrumbs li a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px;
    color: inherit;
    font-weight: 400;
    line-height: 45px;
    /* height: 45px; */
    overflow: hidden;
    word-break: break-all
}

.breadcrumbs li:hover a,
.breadcrumbs li:hover span {
    word-break: normal !important;
    transition: all .2s linear;
    white-space: nowrap
}

.breadcrumbs li a img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
    height: 20px;
    width: 21px;
    max-width:none;
}

.bc-separator {
    padding: 0 4px
}

.header .phone {
    float: right;
    color: #fff;
    clear: both;
    min-height: 16px;
    font-size: 113%;
    padding: 12px 0 12px 30px;
}

.header-right .header-menu {
    text-align: center;
    float: right
}

.header .menu-btn {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAEklEQVR42mP8DwQMwwuM+gkKAEdeC/h1ts8XAAAAAElFTkSuQmCC') center center no-repeat;
    display: inline-block;
    height: 50px;
    cursor: pointer
}

.main-nav {
    z-index: 99999999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 4% 60px;
    height: 100vh;
    background: rgba(0, 0, 0, .9);
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    animation: main-nav-anim .2s ease-out
}

@keyframes main-nav-anim {
    0% {
        transform: scale(1.3);
        opacity: 0
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

.nav-close-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.nav-close {
    position: fixed;
    top: 0;
    right: 0;
    padding: 15px;
    font-size: 80px;
    color: #fff;
    cursor: pointer;
    line-height: .5;
    z-index: 999999999
}

.dropdown2 {
    display: none
}

.noscroll {
    overflow: hidden !important
}

.header .auth-key {
    background: url(../img/key.png) center center no-repeat
}

.our-job {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-top: 283px;
    position: absolute;
    top: 20%;
    bottom: 2%
}

.our-job-item {
    width: 33.33%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 200
}

.our-job-item.z1 {
    z-index: 1
}

.line-arrow-l {
    width: 10%;
    position: absolute;
    top: 0;
    top: 35px;
    bottom: 35px;
    padding: 35px 0;
    left: -9%;
    box-sizing: border-box;
    background: url('data:image/jpeg;base64,/9j/4aaqskzjrgabaqaaaqabaad/2wbdaaokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/2wbdaqokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/waarcaabaaedasiaahebaxeb/8qafqabaqaaaaaaaaaaaaaaaaaaaax/xaaueaeaaaaaaaaaaaaaaaaaaaaa/8qafaebaaaaaaaaaaaaaaaaaaaaap/eabqraqaaaaaaaaaaaaaaaaaaaad/2gamaweaahedeqa/alqap//z') center repeat-y
}

.line-arrow-l .top {
    width: 50%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('data:image/jpeg;base64,/9j/4aaqskzjrgabaqaaaqabaad/2wbdaaokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/2wbdaqokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/waarcaabaaedasiaahebaxeb/8qafqabaqaaaaaaaaaaaaaaaaaaaax/xaaueaeaaaaaaaaaaaaaaaaaaaaa/8qafaebaaaaaaaaaaaaaaaaaaaaap/eabqraqaaaaaaaaaaaaaaaaaaaad/2gamaweaahedeqa/alqap//z') center repeat-x
}

.line-arrow-l .middle {
    width: 50%;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 0;
    background: url('data:image/jpeg;base64,/9j/4aaqskzjrgabaqaaaqabaad/2wbdaaokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/2wbdaqokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/waarcaabaaedasiaahebaxeb/8qafqabaqaaaaaaaaaaaaaaaaaaaax/xaaueaeaaaaaaaaaaaaaaaaaaaaa/8qafaebaaaaaaaaaaaaaaaaaaaaap/eabqraqaaaaaaaaaaaaaaaaaaaad/2gamaweaahedeqa/alqap//z') center repeat-x
}

.line-arrow-l .bottom {
    width: 50%;
    height: 1px;
    background: url('data:image/jpeg;base64,/9j/4aaqskzjrgabaqaaaqabaad/2wbdaaokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/2wbdaqokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/waarcaabaaedasiaahebaxeb/8qafqabaqaaaaaaaaaaaaaaaaaaaax/xaaueaeaaaaaaaaaaaaaaaaaaaaa/8qafaebaaaaaaaaaaaaaaaaaaaaap/eabqraqaaaaaaaaaaaaaaaaaaaad/2gamaweaahedeqa/alqap//z') center repeat-x;
    position: absolute;
    bottom: 0;
    left: 0
}

.line-arrow-r {
    width: 10%;
    position: absolute;
    top: 0;
    top: 35px;
    bottom: 35px;
    padding: 35px 0;
    right: -9%;
    box-sizing: border-box;
    background: url('data:image/jpeg;base64,/9j/4aaqskzjrgabaqaaaqabaad/2wbdaaokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/2wbdaqokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/waarcaabaaedasiaahebaxeb/8qafqabaqaaaaaaaaaaaaaaaaaaaax/xaaueaeaaaaaaaaaaaaaaaaaaaaa/8qafaebaaaaaaaaaaaaaaaaaaaaap/eabqraqaaaaaaaaaaaaaaaaaaaad/2gamaweaahedeqa/alqap//z') center repeat-y
}

.line-arrow-r .top {
    width: 50%;
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
    background: url('data:image/jpeg;base64,/9j/4aaqskzjrgabaqaaaqabaad/2wbdaaokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/2wbdaqokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/waarcaabaaedasiaahebaxeb/8qafqabaqaaaaaaaaaaaaaaaaaaaax/xaaueaeaaaaaaaaaaaaaaaaaaaaa/8qafaebaaaaaaaaaaaaaaaaaaaaap/eabqraqaaaaaaaaaaaaaaaaaaaad/2gamaweaahedeqa/alqap//z') center repeat-x
}

.line-arrow-r .middle {
    width: 50%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background: url('data:image/jpeg;base64,/9j/4aaqskzjrgabaqaaaqabaad/2wbdaaokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/2wbdaqokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/waarcaabaaedasiaahebaxeb/8qafqabaqaaaaaaaaaaaaaaaaaaaax/xaaueaeaaaaaaaaaaaaaaaaaaaaa/8qafaebaaaaaaaaaaaaaaaaaaaaap/eabqraqaaaaaaaaaaaaaaaaaaaad/2gamaweaahedeqa/alqap//z') center repeat-x
}

.line-arrow-r .bottom {
    width: 50%;
    height: 1px;
    background: url('data:image/jpeg;base64,/9j/4aaqskzjrgabaqaaaqabaad/2wbdaaokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/2wbdaqokcgokcgsmdaspea4qdxyuexmufiiyghgagcizicugicugmy03lcksny1rqdg4qffet0ppxnflzxgpii+7u/v/waarcaabaaedasiaahebaxeb/8qafqabaqaaaaaaaaaaaaaaaaaaaax/xaaueaeaaaaaaaaaaaaaaaaaaaaa/8qafaebaaaaaaaaaaaaaaaaaaaaap/eabqraqaaaaaaaaaaaaaaaaaaaad/2gamaweaahedeqa/alqap//z') center repeat-x;
    position: absolute;
    bottom: 0;
    right: 0
}

.our-job-item .substrate {
    width: 89%;
    background: #fff;
    padding: 10% 0 7%;
    border: 1px solid #a1a1a1;
    margin: 0 auto;
    color: #4d4f59;
    font-family: "HelveticaBold";
    text-align: center;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.our-job-item .substrate h1 {
    text-align: center;
    margin: 0
}

.our-job-item .substrate span {
    display: block;
    line-height: 1
}

.our-job-item .substrate .sp1 {
    font-size: 213%
}

.our-job-item .substrate .sp2 {
    display: inline-block;
    font-size: 300%;
    padding: 0 15px 5px;
    border-bottom: 1px solid #797A83
}

.our-job-item .substrate .sp3 {
    font: 155% HelveticaLight;
    margin-top: 7px
}

.substrate h1 {
    color: inherit;
}

.our-job-item .substrate .sp4 {
    font: 225% HelveticaLight;
    margin-top: 2px
}

.our-job-item .substrate .sp4:after {
    content: ':'
}

.separator {
    height: 30vh;
    min-height: 160px
}

.main-btn {
    width: 326px;
    height: 70px;
    display: block;
    padding: 0 75px 0 25px;
    line-height: 70px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') 270px center no-repeat;
    font-size: 150%;
    color: #fff;
    text-transform: uppercase;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left !important;
    user-select: none
}

.main-btn .active {
    display: block !important
}

.develop-btn {
    background: #e1973f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') right 32px center no-repeat;
    border-bottom: 5px solid #d97747
}

.support-btn {
    background: #70a857 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') right 32px center no-repeat;
    border-top: 5px solid #349251
}

.promt-btn {
    background: #2a6298 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') right 32px center no-repeat;
    border-bottom: 5px solid #2b3e6d
}

.progress-btn {
    background: #d0483a url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') right 32px center no-repeat;
    border-top: 5px solid #c22d2c
}

.develop-btn ul {
    background: #d97747
}

.support-btn ul {
    background: #349251
}

.promt-btn ul {
    background: #2b3e6d
}

.progress-btn ul {
    background: #c22d2c
}

.our-job-item li>ul {
    display: none;
    width: 100%;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 999;
    padding: 25px;
    box-sizing: border-box;
    cursor: default
}

.our-job-item>ul>li {
    cursor: pointer;
    position: relative;
    text-align: center
}

.our-job-item li ul li {
    list-style: square;
    font-size: 74%;
    line-height: 1.2;
    text-align: left;
    text-transform: none;
    padding: 2px 0;
    margin-left: 10px
}

.our-job-item li ul li a:hover {
    text-decoration: underline !important
}

.galaxy-box {
    width: 100%;
    background: #15171f;
    padding-bottom: 140px;
    position: relative
}

.galaxy-box h2,
.galaxy-box h3,
.galaxy-box .capt1 {
    display: inline-block;
    padding-bottom: 25px;
    margin-bottom: 22px;
    color: #fff;
    border-bottom: 1px solid #fff
}

.galaxy-text {
    margin: 0 0 0 6%;
    padding-top: 100px;
    width: 28%;
    position: relative;
    margin-bottom: -10%;
    z-index: 1
}

.galaxy-dscr {
    color: #969595;
    min-height: 96px
}

.tilt-up-wrap {
    overflow: hidden;
    height: 50px;
    margin-top: -45px;
    position: absolute;
    width: 100%
}

.tilt-up-l {
    width: 51%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: -50%;
    transform: skewY(2.5deg);
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    background: #15171f
}

.tilt-up-r {
    width: 51%;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: -50%;
    transform: skewY(-2.5deg);
    -webkit-transform: skewY(-2.5deg);
    -moz-transform: skewY(-2.5deg);
    -ms-transform: skewY(-2.5deg);
    -o-transform: skewY(-2.5deg);
    background: #15171f
}

.tilt-up-wrap.white .tilt-up-r,
.tilt-up-wrap.white .tilt-up-l {
    background: #fff
}

.galaxy {
    height: 616px;
    margin-top: 100px
}

.galaxy>div {
    height: 100%;
    float: left;
    position: relative;
    background-size: 100% 100%
}

.galaxy>div .point {
    position: absolute;
    width: 15px;
    height: 15px;
    padding: 17px;
    cursor: pointer;
    z-index: 100
}

.galaxy>div .point-start {
    position: absolute;
    width: 15px;
    height: 15px;
    z-index: 150 !important
}

.galaxy>div .point:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #588ffc;
    box-shadow: 0 0 25px 2px #588ffc
}

.galaxy0 {
    width: 15%
}

.galaxy-start {
    background: none !important
}

.galaxy1 {
    width: 14.78%;
    background: url(../img/galaxy-bg1.png) right center no-repeat
}

.galaxy2 {
    width: 16.62%;
    background: url(../img/galaxy-bg2.png) center no-repeat
}

.galaxy3 {
    width: 13.95%;
    background: url(../img/galaxy-bg3.png) center no-repeat
}

.galaxy4 {
    width: 6.73%;
    background: url(../img/galaxy-bg4.png) center no-repeat
}

.galaxy5 {
    width: 17%;
    background: url(../img/galaxy-bg5.png) center no-repeat
}

.galaxy6 {
    width: 4%;
    background: url(../img/galaxy-bg6.png) center no-repeat
}

.galaxy7 {
    width: 11.91%;
    background: url(../img/galaxy-bg7.png) left center no-repeat;
    background-size: 50% 100% !important
}

.galaxy0 .point {
    right: -32px;
    bottom: -12px
}

.galaxy0 .point-start {
    right: -32px;
    bottom: -12px
}

.galaxy1 .point {
    right: -27px;
    bottom: 98px
}

.galaxy2 .point {
    right: -28px;
    bottom: 158px
}

.galaxy3 .point {
    right: -26px;
    bottom: 286px
}

.galaxy4 .point {
    right: -26px;
    bottom: 426px
}

.galaxy5 .point {
    right: -23px;
    bottom: 489px
}

.galaxy6 .point {
    right: -25px;
    bottom: 560px
}

#slon {
    position: absolute;
    top: -50px;
    left: -60px;
    width: 97px;
    height: 78px;
    z-index: 155;
    background: url(../img/mmix.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

#slon {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.galaxy-message {
    position: absolute;
    padding: 5px 35px;
    width: 309px;
    color: #94979e;
    box-sizing: border-box;
    font: 85% Arial;
    cursor: default;
    border-left: 1px solid #393F4D;
    border-right: 1px solid #393F4D;
    transition: all .5s;
    transform: scale(.85)
}

.galaxy-message-top {
    position: absolute;
    bottom: 100%;
    left: -1px;
    right: -1px;
    height: 46px
}

.galaxy-message-top-l:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 50px;
    background-color: #393F4D;
    transform: rotate(48deg);
    transform-origin: bottom left
}

.galaxy-message-top-l:after {
    content: '';
    position: absolute;
    left: 37px;
    bottom: 33px;
    width: 48%;
    height: 1px;
    background-color: #393F4D
}

.galaxy-message-top-r:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 38px;
    background-color: #393F4D;
    transform: rotate(-48deg);
    transform-origin: bottom right
}

.galaxy-message-top-r:after {
    content: '';
    position: absolute;
    right: 29px;
    bottom: 25px;
    width: 48%;
    height: 1px;
    background-color: #393F4D
}

.galaxy-message-bottom {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    height: 44px
}

.galaxy-message-bottom-l:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 38px;
    background-color: #393F4D;
    transform: rotate(-48deg);
    transform-origin: top left
}

.galaxy-message-bottom-l:after {
    content: '';
    position: absolute;
    left: 28px;
    top: 24px;
    width: 48%;
    height: 1.2px;
    background-color: #393F4D
}

.galaxy-message-bottom-r:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 50px;
    background-color: #393F4D;
    transform: rotate(51deg);
    transform-origin: top right
}

.galaxy-message-bottom-r:after {
    content: '';
    position: absolute;
    right: 39px;
    top: 31px;
    width: 48%;
    height: 1.2px;
    background-color: #393F4D
}

.galaxy-message-capt {
    text-transform: uppercase;
    color: #fff;
    font: 170% DaysRegular;
    margin: 0 0 15px 0
}

.galaxy1 .galaxy-message {
    bottom: 175%;
    right: 60%
}

.galaxy2 .galaxy-message {
    top: 190%;
    left: 80%
}

.galaxy3 .galaxy-message {
    bottom: 170%;
    right: 85%
}

.galaxy4 .galaxy-message {
    top: 200%;
    left: 90%
}

.galaxy5 .galaxy-message {
    bottom: 180%;
    left: -580%
}

.point.active .galaxy-message {
    -ms-filter: none;
    filter: none;
    transform: scale(1)
}

.point.active .galaxy-message:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    bottom: 0;
    width: 1px
}

.point.active .galaxy-message:after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 1px
}

.point.active .galaxy-message:before,
.point.active .galaxy-message:after,
.point.active .galaxy-message-top-l:before,
.point.active .galaxy-message-top-l:after,
.point.active .galaxy-message-top-r:before,
.point.active .galaxy-message-top-r:after,
.point.active .galaxy-message-bottom-l:after,
.point.active .galaxy-message-bottom-l:before,
.point.active .galaxy-message-bottom-r:before,
.point.active .galaxy-message-bottom-r:after {
    box-shadow: 0 0 20px 1px #588ffc;
    -moz-box-shadow: 0 0 20px 1px #588ffc;
    -webkit-box-shadow: 0 0 20px 1px #588ffc;
    -ms-box-shadow: 0 0 20px 1px #588ffc;
    -o-box-shadow: 0 0 20px 1px #588ffc
}

@-moz-document url-prefix() {
    .point.active .galaxy-message:before,
    .point.active .galaxy-message:after,
    .point.active .galaxy-message-top-l:before,
    .point.active .galaxy-message-top-l:after,
    .point.active .galaxy-message-top-r:before,
    .point.active .galaxy-message-top-r:after,
    .point.active .galaxy-message-bottom-l:after,
    .point.active .galaxy-message-bottom-l:before,
    .point.active .galaxy-message-bottom-r:before,
    .point.active .galaxy-message-bottom-r:after {
        box-shadow: 0 0 20px 2px #588ffc;
        -moz-box-shadow: 0 0 20px 2px #588ffc
    }
}

.portfolio-main-box {
    padding: 90px 0 50px;
    background: #fff;
    position: relative
}

.portfolio-main-box .capt1,
.portfolio-main-box h3 {
    display: inline-block;
    padding-bottom: 20px;
    margin-left: 3%;
    color: #578ffc;
    border-bottom: 1px solid #578ffc;
    margin: 10px 0
}

.portfolio-slider-wrap {
    padding: 50px 7.81% 0
}

.portfolio-slider:after {
    content: '';
    display: block;
    clear: both
}

.bx-next,
.bx-prev,
.partners-slider .slick-arrow,
.portfolio-slider-wrap .slick-arrow {
    position: absolute;
    top: 0;
    width: 8%;
    height: 100%;
    z-index: 1;
    border: none;
    font-size: 0;
    cursor: pointer
}

.bx-wrapper {
    position: relative
}

.bx-prev,
.partners-slider .slick-prev,
.portfolio-slider-wrap .slick-prev {
    left: -65px;
    background: url(../img/portfolio-slider-left.png) center 35% no-repeat
}

.bx-prev {
    left: -15% !important
}

.bx-next {
    right: -15% !important
}

.bx-next,
.partners-slider .slick-next,
.portfolio-slider-wrap .slick-next {
    right: -65px;
    background: url(../img/portfolio-slider-right.png) center 35% no-repeat
}

.portfolio-item {
    width: 66.6%;
    margin: 0 30px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent
}

.portfolio-item:hover {
    border-bottom: 2px solid #4d7cdb
}

.portfolio-item a.img-wrap {
    display: block;
    margin-bottom: 25px;
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    transition: all .3s linear
}

.portfolio-item a.img-wrap:before {
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAMAAAAPkIrYAAAAjVBMVEVHcEzg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4OC8QqivAAAALnRSTlMA4eKY5CSPzrw625Pe6Nd7i1ydgKhirid1X7TdVoWjxtJsb7n0B0rLL9/lZz8T82TT/wAAAkhJREFUWMPt2NuWmjAUBuAgghJUIACDMyCIeBo7vP/jVYLUYBJKNnR1rXb+Cy+CfCYYckJIEIssz4t8s9lgjK9aJ/PPOZu6COP8HIVIHLcCJDuKKL8CZSGgjAqYgrf2UCvjLYdewAuVlPQW2eO6IJUc6ls++PIUammyHmEpWcv6ltmE1vzPWqbMshIvDG+3kMark/z4jWVLrEDUp1yQtRV30FOvpYutQGz5ECvsewmptR7+7KNBlhHGvp+6rmnauk6w7H88bW/7fVHEcbFd/7LibhtT0e/19q+wlFjiUbTPspnvdaxLpWqZ7Pcc1jqoWi1V8tZM0WobmCa8ldMh0Xom6LXaWh3QSWJl3Lhq9dfqvZ0XOtbmdT4yeyyGerwIPtR6NnC01dYqYgYOoOUyDbzHG/G8Xqgxlttp4D0J/w4NtNKXWo2w/NdaIWTRguRpacMsh6eawfGx6npYeIBViKh7ceCwc9ogq52Cgv65dojVLu52aLzVdKSKoAmsN1pgoyks+i+maBoLXTwLTWUNWzOtJrVWE1rat/UvW4aS9d7srSRWYqgkk1gEun9c81YMtXLeOpZA68Rbj4WVciKEeAt5kJrVs4HAQl++Wcem0es0n3UIIc2u4TMKgt2OkPtF03Xojm0uO1uQ5yiblgDWm2y21Ca0rlBrN2G9yH9g6fwF/HctQ7ZYoWvMs5L1RS2Tv0D3VuVSJRl7zMEdN0EiWEWFUEs0Uy1glHD1ejwDR1FhimWOtfoUd92GPdydtUe+149VE4yzROT8BI2LaNREDRWWAAAAAElFTkSuQmCC') no-repeat;
    background-size: contain;
    position: absolute;
    width: 71px;
    height: 71px;
    top: 40%;
    left: 50%;
    margin: -35px 0 0 -35px;
    opacity: 0;
    z-index: 1;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.portfolio-item a.img-wrap:hover:before {
    top: 50%;
    opacity: 1
}

.portfolio-item a.img-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.portfolio-item a.img-wrap:hover:after {
    opacity: 1
}

.portfolio-item .portfolio-item-text {
    padding: 10px 0 5px;
    color: #fff
}

.portfolio-item .portfolio-item-dscr {
    font: 150% "HelveticaLight";
    color: #212121
}

.portfolio-item .img-wrap img {
    width: 100%
}

.tilt-down-wrap {
    overflow: hidden;
    height: 120px;
    margin-bottom: -110px;
    bottom: 0;
    position: absolute;
    width: 100%
}

.tilt-down-l {
    width: 50.1%;
    height: 120px;
    position: absolute;
    left: 0;
    top: -50%;
    transform: skewY(6deg);
    -webkit-transform: skewY(6deg);
    -moz-transform: skewY(6deg);
    -ms-transform: skewY(6deg);
    -o-transform: skewY(6deg);
    background: #fff
}

.tilt-down-r {
    width: 50%;
    height: 120px;
    position: absolute;
    right: 0;
    top: -50%;
    transform: skewY(-6deg);
    -webkit-transform: skewY(-6deg);
    -moz-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    -o-transform: skewY(-6deg);
    background: #fff
}

.our-chips-box {
    padding: 100px 0 130px;
    border-top: 2px solid #2F3036;
    background: #20222A;
    overflow: hidden;
    color: #fff;
    text-align: center
}

.our-chips-box .container:after {
    content: '';
    display: block;
    clear: both
}

.our-chips-box .capt1 {
    text-align: center
}

.content-box img {
    margin-top: 20px!important;
    border: 2px solid;
}

.chips-item {
    width: 19%;
    padding: 1% 3% 0;
    margin-right: -4px;
    display: inline-block;
    vertical-align: top
}

.chips-item:hover .chips-item-dscr {
    border-bottom: 4px solid #3A6ED4
}

.chips-item .chips-item-top {
    width: 150px;
    height: 150px;
    margin: auto;
    background-image: url(../img/our-chips-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative
}


@keyframes pulseGlow {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

.chips-item-top:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(../img/our-chips-bg.png);
    background-repeat: no-repeat;
    background-position: -150px 0;
    
    /* Устанавливаем анимацию */
    animation: pulseGlow 3s ease-in-out infinite;
    /* Убираем старый opacity и transition, анимация сама ими управляет */
}

.chips-item:hover .chips-item-top:after {
    opacity: 1
}

.chips-item .chips-item-caption {
    /* height: 45px; */
    font: 125% HelveticaLight;
    text-transform: uppercase;
    margin-top: -20px;
    padding-bottom: 0px;
    overflow: hidden
}

.chips-item .chips-item-caption h3 {
    text-align: center;
    font-size: 20px!important;
    margin-bottom: 10px!important;
}

.chips-item-dscr {
    color: #97a9bd;
    font: 88% Arial, sans-serif;
    padding-bottom: 15px;
    border-bottom: 4px solid transparent;
    transition: border .5s linear;
    -webkit-transition: border .5s linear;
    -moz-transition: border .5s linear;
    -ms-transition: border .5s linear;
    -o-transition: border .5s linear
}

.connect-us-box {
    background: #578ffc;
    padding: 50px 0 45px;
    background: #fff
}

.connect-us-box .capt1,
.connect-us-box h3 {
    text-align: center
}

.connect-us-box .leave-application {
    width: 40.31%;
    margin: 25px auto;
    text-align: center
}

.connect-us-box form {
    width: 80.47%;
    margin: auto;
    text-align: center
}

.connect-us-box form:after {
    content: '';
    display: block;
    clear: both
}

.connect-us-box form label {
    text-align: left;
    display: block;
    padding: 6px 0;
    height: 28px;
    box-sizing: border-box
}

.connect-us-box form .blue {
    color: #3a6ed4
}

.connect-us-box form p {
    clear: both;
    padding: 10px 0 20px
}

.connect-us-box2 {
    color: #fff
}

.connect-us-box form input.input-form,
.connect-us-box form textarea {
    border: 1px solid #3e72d9;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    font: 100% "HelveticaLight"
}

.connect-us-box form input.input-form:focus,
.connect-us-box form textarea:focus {
    box-shadow: 0 0 13px 3px #20222a
}

form input.error,
form textarea.error {
    box-shadow: 0 0 13px 3px #d35447;
    border: 1px solid #d35447 !important
}

.connect-us-box input.error:focus,
.connect-us-box textarea.error:focus {
    border: 1px solid #3e72d9 !important
}

.connect-us-box form textarea {
    height: 170px;
    line-height: 1.1;
    padding: 10px;
    overflow-y: auto;
    margin: 0
}

.btn-blue {
    width: auto;
    display: inline-block;
    border: none;
    background: #005dff;
    color: #fff;
    padding: 15px 25px 14px;
    font-size: 112.5%;
    text-transform: uppercase;
    border-bottom: 5px solid #4d7cdb;
    cursor: pointer;
    transition: border .1s linear, background .1s linear
}

.btn-blue:hover {
    background: #d0483a;
    border-bottom: 5px solid #c22d2c
}

.btn-blue.brief-btn {
    background: #0000ff !important;
    border-bottom: 5px solid #c22d2c;
}

.btn-blue:active {
    box-shadow: 0 5px 15px 1px #c22d2c
}

.connect-us-box form .form-left {
    float: left;
    width: 48.5%
}

.connect-us-box form .form-right {
    width: 48.5%;
    float: right
}

.direction-box {
    padding: 50px 0 70px;
    background: #fff
}

.direction-box h3 {
    color: #212121;
    text-align: center;
    margin-bottom: 30px
}

.direction-dscr {
    width: 44%;
    margin: auto;
    margin-bottom: 50px;
    text-align: center;
    color: #9f9f9f
}

.direction-lr {
    float: left;
    width: 29%;
    padding-right: 20px;
    box-sizing: border-box
}

.direction-center {
    width: 42%;
    float: left
}

.direction-center .slide-wrap {
    width: 96%;
    height: 289px;
    margin: auto;
    border: 1px solid #A9A9A9;
    overflow: hidden
}

.direction-center .slide-wrap img {
    width: 100%
}

.direction-lr a {
    color: #a1a1a1
}

.direction-lr .ul-left {
    color: #a1a1a1;
    font-size: 113%
}

.direction-lr .ul-left li a {
    display: block;
    padding: 13px 15px;
    position: relative;
    padding-left: 45px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear
}

.direction-lr .ul-left li a:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    border: 1px solid #4d4f59;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear
}

.direction-lr .ul-left li a:hover {
    background: #d97747;
    color: #fff
}

.direction-lr .ul-left li a:hover:before {
    border: 1px solid #fff;
    background: #fff;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear
}

.direction-lr .ul-left li a.active {
    background: #d97747;
    color: #fff
}

.direction-lr .ul-left li a.active:before {
    content: '';
    border: 1px solid #fff;
    background: #fff
}

.direction-lr .ul-left li a.active:after {
    content: '';
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 19px;
    width: 14px;
    height: 14px;
    background: #005dff
}

.direction-lr .ul-right {
    padding: 0 5%
}

.direction-lr .ul-right li+li {
    border-top: 1px solid #A1A1A1
}

.direction-lr .ul-right li a {
    display: block;
    padding: 10px 0;
    font-size: 150%;
    transition: color .2s linear;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -ms-transition: color .2s linear;
    -o-transition: color .2s linear
}

.direction-lr .ul-right li a:hover {
    color: #000
}

.direction-lr .ul-right li a span {
    display: inline-block;
    width: 41px;
    height: 41px;
    background: #d97747;
    line-height: 41px;
    text-align: center;
    color: #fff;
    margin-right: 15px;
    border-radius: 50%
}

.result-box {
    background: #005dff;
    padding: 50px 0 40px;
    position: relative;
    text-align: center;
    color: #fff;
    cursor: default
}

.result-box h3 {
    text-align: center;
    color: #fff;
    margin-bottom: 60px
}

.result-item {
    display: block;
    width: 33.33%;
    padding: 30px 2% 25px;
    margin: 0 -3px;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    box-sizing: border-box;
    transition: background .2s ease-in-out, border .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: background .2s ease-in-out, border .2s ease-in-out;
    -ms-transition: background .2s ease-in-out, border .2s ease-in-out;
    -o-transition: background .2s ease-in-out, border .2s ease-in-out
}

.result-item:first-child {
    margin-left: -2px;
    outline: 1px solid red
}

.result-item:hover {
    background: rgba(255, 255, 255, .2);
    border-left: 1px solid #A2C1FF;
    border-right: 1px solid #A2C1FF
}

.result-item .result-img {
    display: block;
    width: 100%;
    height: 200px;
    margin: auto;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.result-item .result-caption {
    display: block;
    text-transform: uppercase;
    margin-bottom: 30px;
    font: 300% HelveticaBold
}

.result-item .result-dscr {
    font: 100%/1.2 "Arial"
}

.result-box .tilt-down-l {
    background: #005dff
}

.result-box .tilt-down-r {
    background: #005dff
}

.reviews-box {
    padding: 180px 0 25px;
    background: #fff;
    font-size: 113%;
    line-height: 1.2;
    color: #3e3e3e;
    overflow: hidden
}

.reviews-item:after {
    content: '';
    display: block;
    clear: both
}

.reviews-item {
    clear: both
}

.reviews-item+.reviews-item {
    padding-top: 65px
}

.reviews-left {
    color: #969595;
    width: 46%;
    float: left;
    padding-left: 1.25%
}

.reviews-right {
    width: 46%;
    float: right;
    padding-right: 1.25%
}

.reviews-left .img-wrap {
    width: 143px;
    height: 143px;
    margin: 2% 9% 2% 0;
    overflow: hidden;
    padding: 0;
    float: left;
    border: 5px solid #005dff;
    border-radius: 50%
}

.reviews-left .img-wrap img {
    max-width: 100%;
    width: 100%
}

.reviews-item .rev-capt1,
.reviews-item h4 {
    font: 166% "HelveticaLight";
    text-transform: none;
    margin-bottom: 0;
    color: #d97747;
    text-align: left
}

.reviews-item .rev-capt2,
.reviews-item h5 {
    color: #005dff;
    display: inline-block;
    text-transform: uppercase;
    font: 200% "HelveticaLight";
    border-bottom: 1px solid #005dff;
    padding-bottom: 23px;
    margin-bottom: 40px
}

.reviews-item p.caption {
    color: #005dff;
    margin-bottom: 15px
}

.reviews-l-bottom-item {
    display: inline-block
}

.reviews-l-bottom-item+.reviews-l-bottom-item {
    margin-left: 14.9%
}

.reviews-l-bottom-item .inner {
    width: 205px;
    height: 205px;
    padding: 65px 0 0 45px;
    box-sizing: border-box;
    border: 2px solid #005dff;
    border-radius: 50%;
    margin: auto;
    position: relative;
    color: #005dff
}

.reviews-l-bottom-item .inner p.up {
    font: 133% "HelveticaRegular";
    height: auto;
    position: relative;
    z-index: 1
}

.reviews-l-bottom-item .inner p.down {
    text-transform: uppercase;
    font: 266% "HelveticaBold";
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 170%;
    margin-right: -70%;
    height: 53px
}

.reviews-l-bottom-item .inner p.down span {
    font-size: 29%;
    position: relative;
    z-index: 1
}

.reviews-l-bottom-item.red .inner {
    border: 2px solid #d97747;
    color: #d97747
}

.reviews-l-bottom-item .inner:after {
    content: '';
    width: 100px;
    height: 110px;
    display: block;
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: #fff
}

.reviews-item-all {
    padding-bottom: 60px;
    position: relative
}

.neighbors .button,
.reviews-item-wrap button {
    position: absolute;
    bottom: 0;
    padding: 0 8px;
    color: #3e3e3e;
    font: 100% "HelveticaLight";
    border: none;
    background: none;
    cursor: pointer;
    z-index: 1000
}

.neighbors .button span,
.reviews-item-wrap button span {
    padding-bottom: 6px;
    transition: border .1s linear;
    -webkit-transition: border .1s linear;
    -moz-transition: border .1s linear;
    -ms-transition: border .1s linear;
    -o-transition: border .1s linear;
    color: #3e3e3e
}

.neighbors .button a:hover {
    text-decoration: none
}

.neighbors .button {
    position: static;
    display: inline-block
}

.neighbors li {
    display: inline-block;
    vertical-align: top;
    width: 33.3%
}

.neighbors .button:hover span,
.reviews-item-wrap button:hover span {
    border-bottom: 2px solid #d97747
}

.rev-prev {
    left: 0
}

.neighbors .link-up:before,
.neighbors .link-prev:before,
.rev-prev:before {
    content: '<';
    font-family: Courier;
    margin-right: 8px;
    color: #d97747;
    font-weight: 700
}

.rev-next {
    right: 0 !important
}

.neighbors .link-up:after,
.neighbors .link-next:after,
.rev-next:after {
    content: '>';
    font-family: Courier;
    margin-left: 8px;
    color: #d97747;
    font-weight: 700
}

.neighbors .link-up {
    position: relative;
    margin: 0 15px 10px;
    text-align: center
}

.neighbors .link-up:before {
    position: absolute;
    left: -10px;
    transform: rotate(90deg)
}

.neighbors .link-up:after {
    position: absolute;
    right: -10px;
    transform: rotate(-90deg)
}

.neighbors {
    padding-top: 50px
}

.neighbors .link-next {
    float: right;
    text-align: right;
    margin-top: 20px
}

.neighbors .link-prev {
    float: left;
    margin-top: 20px
}

.neighbors-wrap {
    background: #fff;
    padding: 50px 0 85px
}

.connect-us-box2 {
    background: #20222a
}

.connect-us-box2 .font-gray,
.connect-us-box2 .leave-application {
    color: #9f9f9f
}

form#comment-form textarea:focus,
form#comment-form input.comments-input:focus,
.connect-us-box2 form input.input-form:focus,
.connect-us-box2 form textarea:focus {
    box-shadow: 0 0 13px 3px #3a6ed4
}

.footer-top .container {
    padding: 0 13%
}

.footer-top {
    background: #005dff;
    padding: 45px 0 20px
}

.footer-top:after {
    content: '';
    display: block;
    clear: both
}

.footer-top-item {
    width: 33.33%;
    text-align: left;
    float: left;
    padding-bottom: 15px
}

.footer-top-item ul {
    display: inline-block;
    text-align: left
}

.footer-top-item li {
    padding: 2px 0
}

.footer-top-item.f1 {
    text-align: left
}

.footer-top-item.f2 {
    text-align: center
}

.footer-top-item.f3 {
    text-align: right
}

.footer-top-item a {
    display: block;
    height: 45px;
    text-transform: uppercase;
    color: #fff;
    font: 14px "HelveticaLight"
}

.footer-top-item a:hover {
    color: #20222a
}

.footer-top hr {
    border: none;
    background: #fff;
    width: 200px;
    clear: both;
    margin: 0 auto 10px;
    height: 1px
}

.footer-info-wrap {
    width: 100%;
    display: table;
    table-layout: fixed;
    color: #fff
}

.footer-info {
    width: 33.33%;
    display: table-cell;
    vertical-align: middle
}

.footer-info ul {
    padding: 7px 0;
    padding-left: 37px;
    display: inline-block;
    min-height: 20px
}

.footer-info ul li {
    padding: 1px 0
}

.footer-info-2 {
    text-align: center
}

.footer-info-3 {
    text-align: right
}

.footer-info-1 ul {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAQAAACrvNDJAAABUElEQVR42pWVBxEDIRBFI+EkIAEJJwEJJ+EkIAEJSEACLrCBg5cCw8Bu2v30bX/r5HYdODL7VSdLBjLHNbeDCtTrbpAAd83NUAkUwrv8PYlM5MQobaLigU3Gy6yIbIueF1+SXBWNglnqc4CX2b9HobPiaUhr9g2V42mIGWaDYZKYwTfctiX5Lu2/T0YWNyESQyXQ4Eag2nrRB0KkYROOu0i2AL6nbJ+CPgY9VeF4ArU3Ms5lG3UDDWf/vbWCSL1yjiWy7rUdEpZk2ehoNyZaVoRktiVOa+bYcaR1jhgSK2wTa4zZYoljszJ1mu7EKeHZ1wXslkluj+bL87Vwym5ITs3nPi26fcc3hTsGd5WnnCXfy3HHi3BWrtgu+Xr14aOb5mzbiBPTK9pNcxrVriBqe8sZMb+5JKfkK+LEP3LOfBX/OUF9hYbQma4A/3iF339jdzKga1kOQDsHAAAAAElFTkSuQmCC') 0 center no-repeat
}

.footer-info-2 ul {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAQAAAC4a5A9AAAAX0lEQVR42u3KRxUDMRAE0YZgKANhIA0EQREUQTEDiUE5x43HTb9v/UoSQWVMJSRhfCuk5wrfTDhz+CPMpJHlT+gaga8wPMIjPMJf5+t+DIWn63pC6544/0wSQWNMI6QLFAr0ptPanLkAAAAASUVORK5CYII=') 0 center no-repeat
}

.footer-info-3 ul {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAQAAADnA9SiAAABFUlEQVR42p2UUbGFMAwFkVAJlYAEHGChGuqjGkACEpBQCZVQB/s+OrmQmZLy2F/mBOawyfQdVjbyt6gnUgA+DCBwAlA5gfif6MxGpVFIALh3UUckc3ESATjeVXWgSQQaYVRVoqCprL94tT5ZqtJkZgLCPq5Kc+BIXMy9qgpPxGli46LYVWkqi44D6f7eikXGt7jCy4ADA6lKxbXC2IROXBtA4onC3IsrhY0RJ64X7yrMQoVOx/04rD33zruuD3FbYaLoasZhtzZ+xxlxpbCBGS/WDs7DX2sfMWp7jCfzhLcG5La0lh2TBbvsXt+O8RGLCEnZoRQ2YNHnS4YqAyxw+oD97Cg0lmkE5SazPnaHxE0IZLHxHX+FBqgVBehVPgAAAABJRU5ErkJggg==') 0 center no-repeat
}

.footer-bottom {
    padding: 17px 0 15px;
    color: #fff;
    background: #20222a
}

.footer-bottom:after {
    content: '';
    display: block;
    clear: both
}

.footer-bottom .footer-item {
    width: 33.33%;
    height: 100%;
    float: left;
    text-align: center
}

.footer-bottom p {
    line-height: 1;
    padding-left: 10.5%;
    font-size: 113%;
    text-align: left
}

.footer-bottom p+p {
    font-size: 88%;
    padding-top: 2px
}

ul.social {
    text-align: center;
    padding-top: 3px
}

.social li {
    display: inline-block;
    margin: 0 6px
}

.footer .social a {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/social-sprite.webp) no-repeat
}

.footer .social .fb {
    background-position: -24px 0
}

.footer .social .in {
    background-position: -96px 0
}

.footer .social .tw {
    background-position: -48px 0
}

.footer .social .gp {
    background-position: -72px 0
}

.footer .social .vk:hover {
    background-position: 0 -24px
}

.footer .social .fb:hover {
    background-position: -24px -24px
}

.footer .social .in:hover {
    background-position: -96px -24px
}

.footer .social .tw:hover {
    background-position: -48px -24px
}

.footer .social .gp:hover {
    background-position: -72px -24px
}

.footer-bottom .nav {
    text-align: center;
    overflow: hidden;
    padding-top: 4px
}

.footer-bottom .nav li {
    display: inline-block;
    padding: 0 19px
}

.footer-bottom .nav li+li {
    border-left: 1px solid #fff;
    height: 18px
}

.footer-bottom .nav li a {
    display: inline-block;
    text-transform: uppercase;
    padding-bottom: 6px;
    border-bottom: 2px solid transparent;
    font-size: 113%
}

.footer-bottom li.active a,
.footer-bottom .nav li a:hover {
    border-bottom: 2px solid #fff
}

.contacts-map {
    height: 655px;
    position: relative;
    width: 100%;
    top: -30px;
    margin-bottom: -30px;
    overflow: hidden
}

#map-bloking {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer
}

.contacts-map iframe {
    margin-top: -100px;
    width: 100%;
    height: 180%
}

.our-contacts-box {
    background: #15171f;
    color: #fff;
    font: 160% "HelveticaLight"
}

.our-contacts {
    padding: 80px 3% 16px
}

.our-contacts:after {
    content: '';
    display: block;
    clear: both
}

.our-contacts h1 {
    display: inline-block;
    font: inherit;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 30px;
    border-bottom: 1px solid #fff;
    font-size: 141%
}

.our-contacts .tilt-up-l,
.our-contacts .tilt-up-r {
    background: #15171f
}

.our-contacts-item {
    width: 48.2%;
    padding: 0 .9%;
    float: left
}

#contacts-page .connect-us-box h3 {
    display: inline-block;
    font: 225% "HelveticaLight";
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 30px;
    margin: 0 0 20px 3.9%;
    border-bottom: 1px solid #fff
}

.our-contacts-item ul {
    padding: 20px 0 20px 100px;
    margin: 52px 0;
    box-sizing: border-box
}

ul.contacts-address {
    background: url(../img/address.png) 0 center no-repeat
}

ul.contacts-email {
    background: url(../img/email.png) 0 center no-repeat
}

ul.contacts-phones {
    background: url(../img/phones.png) 0 center no-repeat;
    display: inline-block
}

.contacts-photo-wrap {
    min-height: 550px;
    overflow: hidden;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.contacts-photo-wrap img {
    min-width: 100%;
    min-height: 100%
}

#contacts-page .article {
    margin: 40px auto;
    padding: 20px 20px 1px;
    max-width: 800px;
    background: #20222a;
    background: rgba(32, 34, 42, .8);
    color: #fff;
    line-height: 1.3
}

#contacts-page .font-gray,
#contacts-page .leave-application {
    color: #fff
}

.people-box {
    /*background:url(../img/fon_1.webp) bottom center repeat;*/
    background-size: cover
}

.bg-animate {
    -webkit-animation: bg-animate 60s infinite linear;
    -moz-animation: bg-animate 60s infinite linear;
    -ms-animation: bg-animate 60s infinite linear;
    -o-animation: bg-animate 60s infinite linear;
    animation: bg-animate 60s infinite linear
}

@-webkit-keyframes bg-animate {
    from {
        background-position: top center
    }
    to {
        background-position: bottom center
    }
}

@-moz-keyframes bg-animate {
    from {
        background-position: top center
    }
    to {
        background-position: bottom center
    }
}

@-ms-keyframes bg-animate {
    from {
        background-position: top center
    }
    to {
        background-position: bottom center
    }
}

@-o-keyframes bg-animate {
    from {
        background-position: top center
    }
    to {
        background-position: bottom center
    }
}

@keyframes Beanbg-animate {
    from {
        background-position: top center
    }
    to {
        background-position: bottom center
    }
}

.header-stars {
    padding: 335px 0 80px;
    min-height: auto;
    background: url(../img/backgound-vast2.png) center center;
    /* background-size: cover; */
    text-align: center;
    color: #97a9bd;
    font: 78% "Arial";
    line-height: 1.3
}

.header-stars h1,
.header-stars h2,
.header-stars h3,
.header-stars .header-caption {
    color: #fff;
    text-align: center;
    padding-bottom: 35px;
    font: 257% "HelveticaLight";
    text-transform: uppercase;
    border-bottom: none !important
}

.header-stars .header-dscr {
    width: 80%;
    margin: auto
}

.portfolio-box {
    background: #15171f
}

.left-block {
    float: left;
    width: 70.7%;
    padding-top: 85px
}

.portfolio-search {
    padding-bottom: 31px;
    position: relative
}

.portfolio-search form:after,
.portfolio-search:after {
    content: '';
    display: block;
    clear: both
}

.portfolio-search ul.portfolio-select {
    float: left;
    width: 212px;
    height: 55px;
    border-bottom: 5px solid #4d7cdb;
    background: #005dff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAQAAAAXtxYXAAAASElEQVR42mXKtwEFIRDEUBVJRkYNdEFEw8w350+72TwBGWngS8sAMrO+X8X1v0/Ss/bEvNLhmZhRIn4kJeXBTh6sRKxE7OTNHzd4fSVbhdhJAAAAAElFTkSuQmCC') 90% center no-repeat
}

.portfolio-search ul.portfolio-select>li {
    position: relative
}

.portfolio-search ul.portfolio-select>li>a {
    padding: 18px 20px 0 15px !important;
    height: 60px
}

.portfolio-search ul.portfolio-select li a {
    display: block;
    text-transform: uppercase;
    padding: 14px 15px;
    box-sizing: border-box;
    font: 112% "HelveticaLight";
    color: #fff;
    transition: all 0s linear
}

.portfolio-search ul.portfolio-select li ul a:hover {
    background: #005dff
}

.portfolio-search ul.portfolio-select li ul {
    display: none;
    width: 100%;
    background: #4d7cdb;
    position: absolute;
    z-index: 999
}

.portfolio-search form {
    padding-left: 230px
}

.portfolio-search form input.input-search {
    float: left;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 0 60px 0 23px;
    border: 1px solid #4d7cdb;
    line-height: 60px;
    font: 130% "HelveticaLight";
    color: #15171f;
    transition: box-shadow .1s linear;
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    -ms-transition: box-shadow .1s linear;
    -o-transition: box-shadow .1s linear
}

.portfolio-search form input:focus {
    box-shadow: 0 0 15px 1px #005dff
}

.portfolio-search form .btn {
    float: left;
    width: 60px;
    height: 60px;
    border: none;
    border-bottom: 5px solid #4d7cdb;
    margin-left: -60px;
    position: relative;
    z-index: 1;
    background: #005dff url(../img/search-btn.png) center center no-repeat
}

.portfolio-search form .btn:active {
    box-shadow: inset 0 0 10px 5px #4d7cdb
}

.portfolio-items-wrap {
    padding-bottom: 28px;
    margin-left: -2%
}

.portfolio-items-wrap:after {
    content: '';
    display: block;
    clear: both
}

#portfolio-page .left-block {
    float: none;
    width: 100%
}

#portfolio-page .portfolio-item {
    width: 18%;
    min-height: 265px;
    font: 80% "HelveticaLight";
    color: #3e3e3e;
    margin: 0 -4px 40px 2%
}

#portfolio-page .portfolio-item-dscr {
    overflow: hidden
}

#portfolio-page .portfolio-item a.img-wrap {
    margin-bottom: 20px;
    height: 176px
}

.sidebar {
    float: right;
    width: 26.95%;
    font: 24px "Arial";
    color: #596274;
    padding-top: 35px;
    margin-bottom: 70px;
}

.sidebar h5 {
    margin: -6px 0 10px;
    color: #fff;
    font: 36px "HelveticaLight";
    display: inline-block;
    padding-bottom: 26px;
    border-bottom: 1px solid #fff
}

.sidebar ul li {
    margin: 15px 0
}

.sidebar ul li a {
    color: #fff;
}

.sidebar ul li.active a,
.sidebar ul li a:hover {
    color: #fff
}

.about-us-box {
    background: #fff
}

.about-us-box .tilt-up-l,
.about-us-box .tilt-up-r {
    background: #fff
}

.our-team {
    padding: 50px 0 0;
    color: #3e3e3e;
    font: 113% "HelveticaLight"
}

.our-team .team-capt,
.our-team h2 {
    padding-bottom: 20px;
    margin: 0 0 0 3.8%;
    border-bottom: 1px solid #878788;
    display: inline-block;
    font: 200% "HelveticaLight";
    text-transform: uppercase;
    color: #212121
}

.team-wrap {
    width: 75.78%;
    margin: 65px auto 0;
    text-align: center
}

.team-wrap .team-item {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 -2px !important;
    padding: 0 1.66% 55px;
    border: 2px solid;
    border-radius: 31px;
    padding: 20px;
    padding-bottom: 35px;
    margin: 0 20px !important;
    margin-bottom: 20px !important;
}

.team-wrap .team-item {
    transition: all 0.3s ease; /* Добавь это в основной стиль, чтобы эффект был плавным */
}

.team-wrap .team-item:hover {
    transform: translateY(-5px); /* Поднимаем */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Мягкая тень */
    border-color: #0056b3; /* Можно подсветить рамку цветом бренда */
}

.team-wrap .team-item {
    border: 1px solid #f0f0f0; /* Еле заметная рамка */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); /* Очень мягкая тень */
    background: #fff;
}

.team-wrap a.team-link {
    display: block;
    margin-bottom: 20px;
    padding: 10px 0;
    position: relative;
    transition: all .2s linear;
    text-decoration: none !important;
    font: 92% "HelveticaMedium";
    text-align: center;
    color: #212121;
    text-transform: uppercase;
    transition: all .1s linear
}

.team-wrap a.team-link:hover {
    background: linear-gradient(#4e7ad3, #252b3b);
    background: -webkit-linear-gradient(#4e7ad3, #252b3b);
    background: -moz-linear-gradient(#4e7ad3, #252b3b);
    background: -ms-linear-gradient(#4e7ad3, #252b3b);
    background: -o-linear-gradient(#4e7ad3, #252b3b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7ad3', endColorstr='#252b3b', GradientType=0);
    color: #fff !important
}

.team-wrap a.team-link:hover:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid #fff
}

.team-wrap a.team-link:hover:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border: 8px solid transparent;
    border-top: 8px solid #fff;
    border-right: 8px solid #fff
}

.team-wrap .team-link span {
    display: block;
    text-transform: lowercase
}

.team-wrap .team-dscr {
    /* text-align: left */
}

.team-photo {
    padding-top: 20px;
    width: 72.03%;
    margin: auto
}

.team-photo img {
    width: 100%;
    height: auto;
    display: block
}

.department-box .tilt-up-l,
.department-box .tilt-up-r {
    background: #20222a
}

.department-box {
    background: #20222a;
    padding-bottom: 1px
}

.department-box .h2,
.department-box h2 {
    padding-bottom: 20px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    font: 225% "HelveticaLight";
    display: inline-block;
    margin: 0 0 55px 3.82%
}

.staff-wrap {
    padding: 85px 0 0
}

.staff-item {
    margin-bottom: 95px;
    color: #97a9bd;
    display: table;
    width: 100%;
    font: 94% "HelveticaLight"
}

.staff-item:after {
    content: '';
    display: block;
    clear: both
}

.staff-item-left {
    width: 50%;
    display: table-cell;
    vertical-align: bottom;
    padding-right: 25px;
    text-align: right;
    box-sizing: border-box;
    position: relative
}

.staff-item-inner {
    position: absolute;
    top: 0;
    right: 25px;
    left: 25%
}

.staff-item-right {
    width: 50%;
    display: table-cell;
    vertical-align: top
}

.staff-item .staff-item-right .img-wrap {
    max-width: 270px;
    max-height: 270px;
    overflow: hidden
}

.staff-item .staff-item-right .img-wrap img {
    max-width: 100%;
    max-height: 100%
}

.staff-item-left .name {
    text-transform: uppercase;
    color: #fff;
    font-size: 240%
}

.staff-item-left .profession-dscr {
    padding: 110px 0 0 25%;
    text-align: left;
    text-indent: 12px
}

.elephant-box {
    background: #20222a;
    padding-bottom: 20px;
    overflow: hidden
}

.elephant-box .tilt-up-l,
.elephant-box .tilt-up-r {
    background: #20222a
}

.elephant-items {
    height: 508px;
    margin-bottom: 12px;
    color: #97a9bd;
    font: 94% "Arial"
}

.elephant-items:last-child .date {
    background: url(../img/dot-bg-last.png) right 125px no-repeat
}

.elephant-items .date {
    float: left;
    width: 17.6%;
    min-width: 110px;
    text-align: right;
    color: #fff;
    font: 24px "HelveticaLight"
}

.elephant-items .date img {
    margin: -17px -21px -8px 0
}

.elephant-items .date-top {
    padding-bottom: 7px
}

.elephant-inform {
    margin-left: 20.22%
}

.elephant-inform-top {
    position: relative
}

.elephant-inform-top:before {
    content: '';
    width: 7px;
    position: absolute;
    bottom: -6%;
    top: 120px;
    left: -31px;
    background: url(../img/dot-bg.png) repeat-y
}

.elephant-items:last-child .elephant-inform-top:after {
    content: '';
    width: 7px;
    position: absolute;
    top: 120px;
    bottom: -6%;
    left: -31px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 7, 0) 17%, rgba(32, 34, 42, 1) 77%, rgba(32, 34, 42, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 7, 0) 17%, rgba(32, 34, 42, 1) 77%, rgba(32, 34, 42, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 7, 0) 17%, rgba(32, 34, 42, 1) 77%, rgba(32, 34, 42, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#20222a', GradientType=0)
}

#news-page .elephant-inform-top:before {
    bottom: -10%
}

#news-page .elephant-inform-top:after {
    bottom: -10%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 7, 0) 90%, rgba(32, 34, 42, 1) 100%, rgba(32, 34, 42, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 7, 0) 90%, rgba(32, 34, 42, 1) 100%, rgba(32, 34, 42, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 7, 0) 90%, rgba(32, 34, 42, 1) 100%, rgba(32, 34, 42, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#20222a', GradientType=0)
}

.elephant-inform .img-wrap {
    float: right;
    width: 270px;
    max-height: 270px;
    overflow: hidden;
    margin-left: 15px;
    text-align: right
}

.elephant-inform .img-wrap img {
    max-width: 100%;
    max-height: 100%
}

.elephant-inform .news-capt,
.elephant-inform h1 {
    font: 36px "HelveticaLight";
    color: #fff;
    text-align: right;
    margin-top: 0
}

.elephant-inform-dscr {
    clear: right;
    padding-top: 35px;
    height: 52px;
    overflow: hidden
}

.elephant-inform .buttonts-wrap {
    padding: 22px 0 27px;
    border-bottom: 1px solid #fff
}

.elephant-inform .social {
    float: right;
    padding-top: 18px;
    color: #fff;
    font: 93%/24px Arial
}

.elephant-inform ul.social li {
    margin: 0 0
}

.elephant-inform ul.social li+li {
    margin-left: 20px
}

.elephant-inform .comments-tags {
    padding-top: 20px;
    color: #fff
}

.elephant-inform .comments-tags:after {
    content: '';
    display: block;
    clear: both
}

.elephant-inform ul.hashtags {
    color: #596274;
    text-align: right
}

.elephant-inform ul.hashtags li {
    display: inline
}

.elephant-inform .comments-count {
    float: left;
    padding-right: 30px
}

.elephant-inform ul.hashtags li+li {
    margin-left: 5px
}

.elephant-inform ul.hashtags li a {
    color: #fff
}

.elephant-inform ul.hashtags li a:hover {
    color: #fff
}

.news-box {
    background: #20222a
}

#news-page .date {
    background: url(../img/news-bg.png) right 125px no-repeat
}

#news-page .elephant-inform-dscr {
    height: auto;
    padding-bottom: 100px
}

.social-tags-wrap {
    border-bottom: 1px solid #596274;
    border-top: 1px solid #596274;
    padding: 20px 0;
    overflow: hidden
}

#news-page .social-tags-wrap .social {
    float: left;
    padding: 0
}

#news-page .social-tags-wrap .hashtags {
    float: right;
    padding-top: 3px;
    color: #596274
}

#news-page .elephant-items {
    height: auto;
    margin-bottom: 30px
}

.pagination-wrap {
    text-align: center
}

.pagination {
    text-align: right
}

ul.pagination {
    display: inline-block;
    padding: 60px 0 30px
}

ul.pagination li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 10px
}

ul.pagination li.disabled {
    cursor: not-allowed
}

ul.pagination li.active a {
    border-color: #d0483a
}

ul.pagination a,
ul.pagination span {
    display: block;
    padding: 7px 11px;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    transition: all .1s linear
}

ul.pagination li a:hover {
    border-color: #d0483a
}

ul.pagination .disabled span,
ul.pagination .control a {
    padding: 3px 8px !important
}

ul.pagination li img {
    display: block
}

.comments-block {
    margin: 5px 0;
    color: #fff;
    padding: 25px 0
}

.comments-block h6 {
    padding-bottom: 20px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    font: 225% "HelveticaLight";
    display: inline-block;
    margin: 0 0 30px
}

.comment {
    margin: 10px 0 20px
}

.comment:after {
    content: '';
    display: block;
    clear: both
}

#comment-form .img-wrap,
.comments-block .img-wrap {
    float: left;
    margin: 0 25px 0 0;
    width: 45px;
    height: 45px;
    overflow: hidden
}

#comment-form .img-wrap img,
.comments-block .img-wrap img {
    max-width: 100%;
    max-height: 100%
}

.comment-top {
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    float: left;
    margin-bottom: 10px;
    color: #596274;
    font-weight: 700;
    overflow: hidden;
    font: 16px "Arial"
}

.comment-right-top {
    height: 28px
}

.comment-right-top .comment-reply {
    float: right
}

.comment-right-top a {
    text-decoration: underline !important;
    color: #fff
}

.comment-right-top a:hover {
    text-decoration: none !important
}

.comment-date {
    display: inline-block
}

.answer {
    margin-left: 9.83%
}

.add-comment {
    padding: 25px 0 0
}

.add-comment .img-wrap {
    float: left
}

#comment-new-link {
    font-size: 120%;
    padding-top: 30px
}

.comment-reply+form#comment-form {
    margin-top: 20px
}

form#comment-form .form-right {
    float: right;
    margin-left: -70px;
    padding-left: 70px;
    box-sizing: border-box;
    width: 100%
}

form#comment-form:after,
.add-comment:after {
    content: '';
    display: block;
    clear: both
}

form#comment-form input.comments-input {
    height: 32px;
    margin: 0 0 10px;
    width: 49%
}

form#comment-form input.comments-input,
form#comment-form textarea {
    font: 14px "Arial";
    border: 1px solid #666;
    padding: 6px 10px
}

form#comment-form textarea {
    height: 150px;
    box-sizing: border-box;
    margin-bottom: 33px
}

.comments-block .btn-blue {
    float: right;
    clear: both
}

.partners-box .capt1,
.temporarily-content h1,
.development-wrap .caption-h3,
.dev-case-box .capt1,
#portfolio-page h3,
#development-page h3,
#development-page h3,
#case-page h3,
#site-dev-page h3 {
    font: 257% "HelveticaLight";
    padding: 20px 0 25px;
    margin-left: 3.75%;
    color: #fff;
    border-bottom: 1px solid #fff
}

#site-dev-page .advantage-cooperation .capt1 {
    margin-left: 0
}

.site-dev-box {
    background: #15171f;
    padding-bottom: 1px;
    font: 88% Arial;
    color: #969595;
    padding-top: 1px
}

.site-dev-box h3 {
    color: #fff
}

.site-dev-box .tilt-up-l,
.site-dev-box .tilt-up-r {
    background: #15171f
}

.dev-table {
    margin: 70px 0
}

.dev-item .cell {
    vertical-align: top;
    padding-bottom: 20px
}

.dev-item .cell1 {
    width: 11.32%;
    text-align: right;
    background: url(../img/dot-bg.png) right -2px repeat-y;
    position: relative
}

.dev-item .cell1:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(/files/img/galaxy-star2.png);
    top: -15px;
    right: -21px;
    z-index: 1
}

.dev-item .cell2 {
    width: 88.68%;
    padding-left: 75px
}

.dev-item:last-child .cell1:after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 7, 0) 17%, rgba(21, 23, 31, 1) 77%, rgba(21, 23, 31, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 7, 0) 17%, rgba(21, 23, 31, 1) 77%, rgba(21, 23, 31, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 7, 0) 17%, rgba(21, 23, 31, 1) 77%, rgba(21, 23, 31, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#15171f', GradientType=0)
}

.dev-item .step {
    font: 171% Arial;
    color: #fff;
    margin: -5px 0 7px
}

.dev-item .dev-dscr {
    text-indent: 12px
}

.advantage-cooperation {
    background: #fff;
    padding: 20px 0 100px;
    font: 100% "HelveticaLight"
}

.advantage-cooperation ul {
    text-align: center;
    color: #595a5e;
    text-transform: uppercase;
    position: relative;
    width: 100%
}

.advantage-cooperation ul li {
    display: inline-block;
    vertical-align: bottom;
    width: 15%;
    cursor: default
}

.advantage-cooperation ul li span.av-text {
    display: none;
    width: 36%;
    color: #6f6f6f;
    text-align: center;
    margin: auto;
    text-transform: none
}

.advantage-cooperation ul li .edge-caption {
    display: block
}

.advantage-cooperation ul li.active span.av-text,
.advantage-cooperation ul li:hover span.av-text {
    display: block;
    position: absolute;
    top: 280px;
    left: 0;
    right: 0
}

.advantage-cooperation ul li span.av-img {
    display: inline-block;
    width: 120px;
    height: 120px;
    margin-bottom: 30px;
    border-radius: 50%;
    border: 2px solid #588ffc;
    background: url(../img/advantage.png) 0 0 no-repeat
}

.advantage-cooperation ul li.av1 {
    margin-right: -30px
}

.advantage-cooperation ul li.av6 {
    margin-left: -30px
}

.advantage-cooperation ul li.av3,
.advantage-cooperation ul li.av4 {
    margin-bottom: 190px
}

.advantage-cooperation ul li.av2,
.advantage-cooperation ul li.av5 {
    margin-bottom: 115px
}

.advantage-cooperation ul li.av2 .av-img {
    background-position: -120px 0
}

.advantage-cooperation ul li.av3 .av-img {
    background-position: -240px 0
}

.advantage-cooperation ul li.av4 .av-img {
    background-position: -360px 0
}

.advantage-cooperation ul li.av5 .av-img {
    background-position: -480px 0
}

.advantage-cooperation ul li.av6 .av-img {
    background-position: -600px 0
}

.advantage-cooperation ul li.active .av-img,
.advantage-cooperation ul li:hover .av-img {
    background: #588ffc url(../img/advantage-hover.png) 0 0 no-repeat
}

.advantage-cooperation ul li.av2.active .av-img,
.advantage-cooperation ul li.av2:hover .av-img {
    background-position: -120px 0
}

.advantage-cooperation ul li.av3.active .av-img,
.advantage-cooperation ul li.av3:hover .av-img {
    background-position: -240px 0
}

.advantage-cooperation ul li.av4.active .av-img,
.advantage-cooperation ul li.av4:hover .av-img {
    background-position: -360px 0
}

.advantage-cooperation ul li.av5.active .av-img,
.advantage-cooperation ul li.av5:hover .av-img {
    background-position: -480px 0
}

.advantage-cooperation ul li.av6.active .av-img,
.advantage-cooperation ul li.av6:hover .av-img {
    background-position: -600px 0
}

.dev-case-box {
    background: #20222a;
    padding: 20px 0 85px
}

.dev-case-box h3 {
    color: #fff
}

.partners-box .capt1,
.dev-case-box .capt1 {
    text-transform: uppercase
}

#case-page .mini-form {
    background-color: inherit;
    padding-bottom: 65px
}

#portfolio-page .connect-us-box h3,
#development-page .connect-us-box h3,
#case-page .connect-us-box h3,
#site-dev-page .connect-us-box h3 {
    display: block;
    padding: 0;
    border: none
}

.case-box {
    background: #15171f;
    color: #969595
}

#case-page .case-box h3 {
    padding: 0 0 25px;
    color: #fff;
    margin: -7px 0 0
}

#case-page .case-box h2 {
    font-size: 27px;
    padding: 0 0 25px;
    color: #fff;
    margin: -7px 0 0
}

.case-top {
    padding: 60px 0 42px
}

.case-middle {
    clear: both;
    padding-bottom: 27px
}

.case-bottom {
    clear: both;
    padding: 0 0 60px
}

.case-top:after,
.case-middle:after,
.case-bottom:after {
    content: '';
    display: block;
    clear: both
}

.case-left-block {
    width: 30%;
    float: left;
    box-sizing: border-box
}

.case-right-block {
    float: right;
    width: 70%;
    box-sizing: border-box
}

.case-middle .case-left-block,
.case-top .case-left-block {
    padding: 0 6.25% 0 3.75%
}

.case-logo {
    text-align: center;
    padding-bottom: 55px
}

.case-logo img {
    max-width: 100%;
    max-width: 250px
}

.site-page-rewiev img {
    width: 100%
}

#case-page .dev-item .cell1 {
    width: 40px;
    position: relative
}

#case-page .dev-item .cell2 {
    padding: 0 7.8% 20px 5.15%
}

.slider-site {
    width: 92% !important;
    margin: -15px auto 0;
    margin-top: 40px
}

.slider-site-item {
    margin: 15px;
    transition: box-shadow .1s linear;
    width: auto
}

.slider-site .slick-current,
.slider-site .slider-site-item:hover {
    box-shadow: 0 0 25px 3px #0084ff
}

.site-page-rewiev .slick-arrow,
.slider-site .slick-arrow,
.slider-site .owl-prev,
.slider-site .owl-next {
    position: absolute;
    top: 0;
    width: 4%;
    height: 100%;
    z-index: 1;
    font-size: 0;
    border: none;
    cursor: pointer
}

.site-page-rewiev .slick-arrow {
    width: 25px;
    top: 15px;
    bottom: 15px;
    height: auto
}

.site-page-rewiev .slick-arrow:hover {
    background-color: rgba(255, 255, 255, .1);
    box-shadow: 0 0 10px rgba(255, 255, 255, .2)
}

.site-page-rewiev .slick-prev,
.slider-site .slick-prev,
.slider-site .owl-prev {
    left: -4%;
    background: url(../img/portfolio-slider-left.png) left 35% no-repeat
}

.site-page-rewiev .slick-prev {
    left: -15px
}

.site-page-rewiev .slick-prev:hover {
    cursor: url(../img/portfolio-slider-left.png), url(../img/portfolio-slider-left.cur), pointer
}

.site-page-rewiev .slick-next,
.slider-site .slick-next,
.slider-site .owl-next {
    right: -4%;
    background: url(../img/portfolio-slider-right.png) right 35% no-repeat
}

.site-page-rewiev .slick-next {
    right: -15px
}

.site-page-rewiev .slick-next:hover {
    cursor: url(../img/portfolio-slider-right.png), url(../img/portfolio-slider-right.cur), pointer
}

.case-photo-block {
    padding: 35px 0 0;
    margin-left: -5%
}

.case-photo-block:after {
    content: '';
    display: block;
    clear: both
}

.case-photo-block .photo-item {
    width: 20%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 20px 5%
}

.case-photo-block .img-wrap {
    border: 4px solid #005dff;
    border-radius: 50%;
    overflow: hidden;
    max-height: 126px;
    margin-bottom: 20px
}

.case-photo-block img {
    width: 100%;
    display: block
}

.case-photo-block .photo-item-dscr {
    font: 14px "HelveticaLight";
    text-transform: uppercase;
    color: #fff;
    display: block
}

#case-page .reviews-left {
    margin-top: 75px;
    width: 100%;
    font: 113% "HelveticaLight";
    padding-left: 0
}

#case-page .reviews-left .img-wrap {
    width: 150px;
    height: 150px;
    margin: 2% 9% 2% 0;
    padding: 0
}

#case-page .reviews-left h4 {
    color: #005dff;
    padding: 12px 0;
    font: 166% HelveticaLight;
    text-transform: capitalize
}

.case-bottom .case-right-block {
    padding-top: 112px;
    text-align: center;
    overflow: hidden
}

.reviews-work-done {
    text-align: left;
    padding-bottom: 15px
}

.reviews-right ul li,
.reviews-work-done ul li {
    padding-left: 25px;
    position: relative;
    line-height: 1.2;
    min-height: 25px;
    margin-bottom: 5px
}

.reviews-right ul li:before,
.reviews-work-done ul li:before {
    content: '';
    width: 23px;
    height: 23px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAA7UlEQVR42rWVIQyDMBREl1TW4i1e1csm86beK8y8qRd4g593eDM1hw8WH3bimpAffjfWdslLJv4eXe9Kb60+98fbtJD2xNYWe7CDmfKqK94oj5RXW3ESr6ADpjg04CjcSagSJsVzEvO7K5aSidKEr92MRASuajPIQnE2HJvIzHWU7WQD4Zs4MpABGH2OARLOu6xY7p8yN4q5F7A5uZWrIUHMDSczvd5pys9+SDwwx2bIf/eL3Bw7K8MCq9wOVXohLIWrfZY10xlLD8iqiJd/XqXyIHkt4OIrjA8IQjwVi48CPuAJYmpVs9v86n5/ABECot3Fj1X6AAAAAElFTkSuQmCC') center center no-repeat;
    position: absolute;
    top: -5px;
    left: 0
}

.case-bottom .case-right-block .reviews-l-bottom-item {
    font-size: 113%;
    text-align: left
}

#case-page .reviews-l-bottom-item .inner:after {
    content: '';
    background: #15171f
}

.development-box {
    background: #15171f
}

.development-wrap {
    padding: 45px 0 45px;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #7E7E80
}

.development-wrap .caption-wrap {
    text-align: center;
    padding-bottom: 50px
}

.development-wrap .caption-h3 {
    padding-top: 0 !important;
    color: #fff;
    text-transform: uppercase;
    overflow: hidden;
    margin: 0
}

.development-bottom {
    padding-top: 25px
}

.development-item-wrap {
    border: 1px solid #969595;
    padding: 10px;
    width: 44%;
    margin: 20px 1%;
    display: inline-block;
    vertical-align: top;
    transition: all .1s linear;
    overflow: hidden
}

.development-item-wrap:hover {
    border: 1px solid #596274
}

.development-item-wrap .table {
    table-layout: fixed
}

.development-item {
    display: table-row
}

.development-item:hover .sprite-anim {
    animation: sprite .8s steps(6) infinite alternate
}

.development-item .sprite-anim>div {
    height: 100%
}

.development-item:hover .dev-dscr {
    color: #969595
}

.development-item>div {
    display: table-cell;
    vertical-align: middle
}

.development-item .dev-dscr {
    padding: 1% 5%;
    color: #596274;
    font: 120% Arial;
    transition: all .1s linear
}

.development-item .dev-dscr .caption {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px
}

.development-item .sprite-anim {
    width: 131px;
    height: 111px;
    margin: 0 4%
}

@keyframes sprite {
    from {
        background-position: 0
    }
    to {
        background-position: -786px
    }
}

.temporarily-content,
.development-info {
    background: #fff;
    color: #667;
    font: 100% "HelveticaRegular";
    padding: 100px 0 170px;
    text-align: justify
}

.development-info {
    padding-bottom: 100px
}

.development-info a {
    color: #005dff
}

.development-info a:hover {
    text-decoration: underline
}

.development-info+.neighbors-wrap {
    padding-top: 0;
    margin-top: -40px
}

.advantage-cooperation h1,
.advantage-cooperation h2,
.advantage-cooperation h3,
.advantage-cooperation h4,
.advantage-cooperation h5,
.advantage-cooperation h6,
.advantage-cooperation .capt1,
.development-info h1,
.development-info h2,
.development-info h3,
.development-info h4,
.development-info h5,
.development-info h6 {
    display: block !important;
    font: 225% "HelveticaLight";
    text-align: center;
    margin: 0 0 35px;
    text-transform: none;
    color: #595a5e !important
}

.temporarily-content {
    margin-top: 20px;
    font-size: 16px;
    background: #15171f !important;
    color: #d0d0d0 !important
}

.site-dev-box .container,
.development-info .container {
    padding: 0 10.25%
}

.temporarily-content p,
.development-info p {
    margin-top: 20px
}

.temporarily-content ol,
.temporarily-content ul,
.development-info ul,
.development-info ol {
    margin: 20px 0 0 15px
}

.temporarily-content ul li,
.development-info ul li {
    padding-left: 7px;
    position: relative
}

.temporarily-content ul li:before,
.development-info ul li:before {
    content: '–';
    position: absolute;
    top: 0;
    left: 0
}

.jq-drop-parent {
    position: relative
}

.jq-drop-btn {
    overflow: hidden
}

.lang-switch-block,
.jq-toggled-block {
    display: none;
    position: absolute
}

.current-lang {
    background: #004db7
}

.ticket-comment-body1 {
    box-shadow: 0 0 3px 2px #393E4E;
    padding: 5px
}

.ya-share2__badge {
    background-color: transparent !important
}

.ya-share2__list {
    margin: 0 !important
}

.ya-share2__list li {
    /* margin-left: 20px !important */
}

.ya-share2,
.social-share {
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

.ya-share2 li:before,
.social-share li:before {
    content: '' !important
}

.dark .ya-share2,
.dark .social-share {
    color: #596274
}

.ya-share2__item a span.ya-share2__icon {
    background: url(../img/social-sprite.webp) no-repeat !important
}

.dark .ya-share2__item a span.ya-share2__icon {
    background: url(../img/social-sprite2.png) no-repeat !important
}

.ya-share2__item:hover {
    opacity: 1 !important
}

.ya-share2__item_service_facebook a span.ya-share2__icon {
    background-position: -24px 0 !important
}

.ya-share2__item_service_twitter a span.ya-share2__icon {
    background-position: -48px 0 !important
}

.ya-share2__item_service_gplus a span.ya-share2__icon {
    background-position: -72px 0 !important
}

.ya-share2__item_service_vkontakte a span.ya-share2__icon:hover {
    background-position: 0 -24px !important
}

.ya-share2__item_service_facebook a span.ya-share2__icon:hover {
    background-position: -24px -24px !important
}

.ya-share2__item_service_twitter a span.ya-share2__icon:hover {
    background-position: -48px -24px !important
}

.ya-share2__item_service_gplus a span.ya-share2__icon:hover {
    background-position: -72px -24px !important
}

.dark .ya-share2__item_service_facebook a span.ya-share2__icon {
    background-position: -24px 0 !important
}

.dark .ya-share2__item_service_twitter a span.ya-share2__icon {
    background-position: -48px 0 !important
}

.dark .ya-share2__item_service_gplus a span.ya-share2__icon {
    background-position: -72px 0 !important
}

.dark .ya-share2__item_service_vkontakte a span.ya-share2__icon:hover {
    background-position: 0 -24px !important
}

.dark .ya-share2__item_service_facebook a span.ya-share2__icon:hover {
    background-position: -24px -24px !important
}

.dark .ya-share2__item_service_twitter a span.ya-share2__icon:hover {
    background-position: -48px -24px !important
}

.dark .ya-share2__item_service_gplus a span.ya-share2__icon:hover {
    background-position: -72px -24px !important
}

.slick-slide img {
    max-width: 100%
}

.cd-tabs-content>div {
    display: none
}

.cd-tabs-content>div.selected {
    display: block;
    -webkit-animation: cd-fade-in .5s;
    -moz-animation: cd-fade-in .5s;
    animation: cd-fade-in .5s
}

@keyframes cd-fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

#site-search-results {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #fff;
    left: 230px;
    right: 0;
    padding-top: 35px;
    box-shadow: 0 2px 3px #000, 2px 2px 3px #000, -2px 2px 3px #000
}

.emoticon-sad {
    text-align: center;
    font-size: 120%
}

.emoticon-sad p span {
    background: #005dff;
    padding: 5px 10px;
    color: #fff
}

.emoticon-sad img {
    margin-top: 30px;
    width: 100%;
    display: block
}

.sisea-results-list {
    margin-left: -2%;
    text-align: center
}

#site-search-results .portfolio-item {
    width: 30%
}

.development-level2 {
    padding-bottom: 30px;
    text-align: center
}

.development-level2 li {
    display: inline-block;
    width: 45%;
    padding-left: 5%;
    margin: 0 -2px;
    text-align: center;
    margin-bottom: 15px
}

,
.development-level2 a {
    border-bottom: 1px solid #7f7f7f;
    padding: 10px;
    color: #596274;
    font: 170% Arial;
    transition: all .2s linear;
    position: relative;
    text-align: left
}

#development-page .development-level2 .sprite-anim2 {
    background: url('data:image/png;base64,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C0BBSzbb6Bze55tjrd1bANZozERUChaAAld0NxljvF9PESO3PJTLPaExE1Ep+CKgp5ZMptMBF/jmOGufkWJB5/oBohLxBOBHipCNULiiUgTrBwcHdyvMRFQyngA8pDKZdwqQ9Q6yeGRy395bFUYiKgtPABVqbGysF8h6jSxn3FUjIyMTGllE5eAJoEKJhoYPAjjTN8c5mxvK57+pMBJR2XgCqEA6nT4aEI2365wAlwFwCllEZeMJoAIFkSsMcLxvjoW7Zzif/7nCSEQV4QmgTGdlMqda6z7mm2OtLRiRVRozEVWKJ4AyJZxbJ8bM9c0xRm4f7O19SGMmokrxBFCGs1tXpJzDexWiRk2xqPKxYSIfPAGUIWEKGyAm4Zvj4D7X39+/S2MmIh8sgBK1ZDKvd5A3+ie5p8fr6/klnxQI/C9AacRZnUt+Aazb+sADexRyiLzxBFCC5kzm3QBafXOss9vrgS8pjESkgieAUjhZaq0t+MaIyOp8Pj+pMRKRBt4XoEQt2WyjK7qbILgAFfy5OWd/MZTP+98ohEgRC6BMLZlMZxGy0ZT3KUAHZ88dzOfvr9pgRBVgAVRGXvgosKxHCR8IcnDfHcrl3j4LcxGVxfs97bh6ateuh4475pjbpK7uGQfJCNAw3eMsMAngwqd37XpmlkckOiKeABSk0+mjJ0VWO+s+ag65TNh9cTCX+1BtJiOaGQtA0VmZzKkJ4Dpn3XuMMQlYu6dYl1z64JYtT9V6NqLpsACqoCWbbS5au1GA+4dyuXW1noeIaoPXWRAREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREYXV/wNPdjP0QS5twQAAAABJRU5ErkJggg==') no-repeat 0 center;
    width: 131px;
    height: 111px;
    margin: 0 4%;
    background-size: contain
}

.development-level2 a:before {
    display: none;
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 0;
    background: #fff;
    transition: width .3s linear
}

.development-level2 a:after {
    display: none;
    position: absolute;
    right: 0;
    bottom: -1px;
    height: 1px;
    width: 0;
    background: #fff;
    transition: width .3s linear
}

.development-level2 a:hover:before {
    display: none;
    left: auto;
    right: 50%;
    width: 50%
}

.development-level2 a:hover:after {
    display: none;
    right: auto;
    left: 50%;
    width: 50%
}

.header-stars article {
    padding: 0 10.25%;
    text-align: justify
}

.header-stars article p {
    margin-top: 15px;
    font-size: 18px;
}

.header-stars article ol,
.header-stars article ul {
    margin: 15px 0 0 15px
}

.header-stars article ul li {
    padding-left: 15px;
    position: relative
}

.header-stars article ul li:before {
    content: "–";
    position: absolute;
    top: 0;
    left: 0
}

article h1 {
    margin: 0 0 20px !important;
    padding: 0 !important
}

article h2 {
    margin: 20px 0 0 !important;
    padding: 0 !important;
    font-size: 170% !important
}

article h3 {
    margin: 20px 0 0 !important;
    padding: 0 !important;
    font-size: 150% !important
}

article h4 {
    margin: 20px 0 0 !important;
    padding: 0 !important
}

#site-dev-page .tilt-up-wrap>div {
    background: #fff
}

ul.sitemaphtml>li {
    padding-top: 20px
}

ul.sitemaphtml>li>a {
    font-weight: 700
}

ul.sitemaphtml li {
    padding: 2px 0
}

ul.sitemaphtml .sub-menu>ul>li>a {
    border-bottom: 1px solid #000
}

ul.sitemaphtml .sub-menu .sub-menu a {
    border: none
}

ul.sitemaphtml a {
    color: #fff
}

ul.sitemaphtml li ul {
    padding-left: 20px
}

.white-bg {
    background: #fff
}

.error-404 {
    float: left;
    width: 50%;
    padding: 0 5%;
    text-align: center;
    line-height: 1.3;
    font-size: 125%;
    padding-top: 50px
}

#error404 .white-bg {
    padding-top: 50px
}

.text-404 {
    color: #005dff;
    font-size: 700%;
    font-weight: 700;
    text-align: center;
    padding: 50px 0 0
}

.error-404-img img {
    display: block
}

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

.content-box {
    padding: 50px 0 80px;
    background: #005dff;
    color: #fff
}

#main-page .content-box .article h1 {
    font: 225% "HelveticaLight";
    text-transform: uppercase;
    margin: 10px 0;
    text-align: center;
    padding: 25px 0 15px
}

#main-page .content-box .article h2 {
    font-size: 180%;
    text-align: center;
    padding: 25px 0 15px
}

#main-page .content-box .article h3,
#main-page .content-box .article h4,
#main-page .content-box .article h5,
#main-page .content-box .article h6 {
    font-size: 165%;
    text-align: center;
    padding: 25px 0 15px
}

#main-page .content-box .article {
    color: #fff;
    width: 70%;
    margin: auto
}

.new-type-file input[type=file] {
    display: none
}

.form-wrap-file {
    text-align: center
}

form label.new-type-file {
    cursor: pointer;
    line-height: 24px;
    position: static;
    padding: 10px 25px;
    border: 1px solid #005dff;
    display: inline-block;
    height: auto;
    line-height: 1;
    margin-bottom: 17px;
    border-bottom: 4px solid #4d7cdb;
    user-select: none
}

.file-text {
    position: absolute;
    left: 0;
    margin-top: -17px;
    text-align: center;
    display: block;
    width: 100%;
    white-space: nowrap;
    color: #6bbc81;
    font-size: 14px
}

.fr-name {
    display: none
}

a.tmp {
    color: #252b3b;
    display: block;
    margin-top: 15px;
    font-size: 85%;
    text-align: left
}

.footer-bottom p.footer-icg-wrap {
    font-size: 80%
}

.typed,
.typed-cursor {
    display: inline-block !important;
    font-size: 185%;
    padding-top: 5px
}

.text-right {
    text-align: right
}

.formCapt {
    text-align: center;
    font-size: 23px;
    padding-bottom: 30px
}

.dark-miniform .connect-us-box {
    background: #15171f;
    color: #fff
}

.sl-w-next {
    background: url(../img/portfolio-slider-right.png) center 35% no-repeat !important;
    right: -9% !important
}

.sl-w-prev {
    background: url(../img/portfolio-slider-left.png) center 35% no-repeat !important;
    left: -9% !important
}

.text-center {
    text-align: center
}

#news-page .article a {
    color: #b6bcc1
}

@media (max-height:800px) {
    .main-nav-homebtn {
        height: 150px;
        line-height: 150px
    }
    .main-nav {
        padding: 1% 50px
    }
    .nav-close {
        padding: 10px 5px;
        font-size: 70px
    }
}

@media (max-width:1460px) {
    .sl-w-prev {
        left: -20px !important;
        width: 50px !important
    }
    .sl-w-next {
        right: -20px !important;
        width: 50px !important
    }
}

@media (max-width:1199px) {
    .our-job-item h1 .sp1 {
        font-size: 185%
    }
    .our-job-item h1 .sp2 {
        font-size: 200%
    }
    .our-job-item h1 .sp3 {
        font-size: 140%
    }
    .our-job-item h1 .sp4 {
        font-size: 200%
    }
    .line-arrow-l {
        left: -5%
    }
    .line-arrow-r {
        right: -5%
    }
    .reviews-l-bottom-item+.reviews-l-bottom-item {
        margin-left: 3%
    }
    .galaxy-message-capt {
        font-size: 155%
    }
    .container {
        padding: 0 15px
    }
    .main-btn {
        width: 300px;
        background-position: right 25px center
    }
    .main-box .container {
        padding: 0 0
    }
    .chips-item {
        width: 42%
    }
    .reviews-l-bottom-item.red {
        float: right
    }
    .error-404-img img {
        max-width: 100%
    }
    .error-404 {
        width: 45%;
        padding: 0 5% 0 0
    }
    .error-404-img {
        width: 50%;
        float: right;
        align-self: flex-end
    }
    .white-bg .container:after {
        content: '';
        display: block;
        clear: both
    }
    #error404 .white-bg .container {
        display: flex
    }
    .header-stars {
        min-height: 40px;
        padding-bottom: 50px
    }
    .our-contacts-item ul {
        padding-left: 80px
    }
    .development-item .dev-dscr .caption {
        font-size: 24px
    }
    .advantage-dscr li {
        font-size: 90%
    }
    .elephant-inform .news-capt,
    .elephant-inform h1 {
        font-size: 28px
    }
    .reviews-box {
        overflow: hidden
    }
    #case-page .mini-form {
        padding-top: 0
    }
}

.secondary-serv-menu-mobile {
    display: none;
    width: 50%
}

.secondary-serv-menu-mobile a {
    width: 100%;
    height: 100% !important;
    padding: 15px !important;
    text-align: center;
    border: 1px solid #fff;
    display: flex !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none
}

.secondary-serv-menu-mobile a span {
    margin: auto
}

@media (max-width:1165px) {
    .header-center .logo img {
        /*display:none*/
    }
    .header-left,
    .header-right {
        margin: 0 0 0 0;
        padding: 0 0 0 0
    }
    .header .header-center {
        width: auto
    }
    .header-center .logo a {
        /*background:url(../img/logo-sm.png)*/
        center no-repeat;
        height: 126px;
        width: 165px;
        -webkit-background-size: contain;
        background-size: contain;
        position: absolute;
        left: 0
    }
    .header-left {
        text-align: right
    }
    .town li+li {
        margin-left: 10px;
        font-size: 90%
    }
    .breadcrumbs-wrap {
        margin-top: 48px;
    }
}

@media (max-width:991px) {
    .wrapper {
        height: auto
    }
    .main-box {
        min-height: 850px;
        height: auto;
        padding-bottom: 50px
    }
    .our-job {
        display: flex;
        padding-top: 240px;
        margin-top: 0;
        position: static;
        flex-direction: column;
        justify-content: center
    }
    .our-job-item {
        width: 100%;
        order: 2;
        z-index: auto
    }
    .our-job-item.z1 {
        order: 1
    }
    .separator {
        height: auto;
        min-height: auto
    }
    .line-arrow-l,
    .line-arrow-r {
        display: none
    }
    .result-item .result-caption {
        font-size: 200%
    }
    .main-btn {
        margin-top: 20px
    }
    .reviews-item .rev-capt1,
    .reviews-item h4 {
        font-size: 135%
    }
    .reviews-item .rev-capt2,
    .reviews-item h5 {
        font-size: 140%
    }
    .footer-top .container {
        padding: 0 15px
    }
    .footer-bottom p {
        padding-left: 0
    }
    #main-page .content-box .article {
        width: 90%
    }
    .connect-us-box .leave-application {
        width: auto
    }
    .connect-us-box form {
        width: 100%
    }
    .support-btn {
        border-top: none;
        border-bottom: 5px solid #349251
    }
    .progress-btn {
        border-top: none;
        border-bottom: 5px solid #c22d2c
    }
    .galaxy>div {
        width: auto;
        height: auto;
        background: none;
        margin-top: 50px;
        float: none
    }
    .galaxy>div:before {
        content: '';
        width: 7px;
        position: absolute;
        bottom: -60px;
        top: 41px;
        left: 22px;
        background: url(../img/dot-bg.png) repeat-y
    }
    .galaxy-text {
        width: 50%
    }
    .galaxy {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: space-between;
        align-items: center
    }
    .galaxy>div .point {
        position: static;
        width: auto;
        height: auto;
        background-position: left top;
        background-size: 50px 50px
    }
    .galaxy>div .point:before {
        margin: 0;
        left: 17px;
        top: 17px;
        right: auto;
        bottom: auto
    }
    .galaxy .galaxy0 {
        width: 378px
    }
    .galaxy0 .point-start {
        right: auto;
        bottom: auto;
        left: -32px;
        top: -12px
    }
    .galaxy-message {
        position: static;
        margin-left: 35px
    }
    #slon {
        top: -7px;
        left: -8px
    }
    .galaxy6,
    .galaxy7 {
        display: none
    }
    .header-stars {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 350px;
        padding-top: 230px;
        /* background-image: none;
        background: #15171f; */
    }
    .breadcrumbs-wrap {
        width: 216%;
        display: block;
        height: auto;
        margin-left: -25px;
        padding: 5px 10px;
        text-align: left
    }
    .fixed-header .breadcrumbs-wrap {
        display: none
    }
    .breadcrumbs {
        display: block
    }
    .breadcrumbs li {
        display: inline;
        font-size: 85%
    }
    .breadcrumbs li span,
    .breadcrumbs li a {
        display: inline;
        height: auto;
        line-height: 1.8;
        word-break: break-word
    }
    .header-stars h1,
    .header-stars h2,
    .header-stars .header-caption {
        font-size: 245%
    }
    .temporarily-content h1,
    .development-wrap .caption-h3,
    .dev-case-box .capt1,
    #portfolio-page h3,
    #development-page h3,
    #development-page h3,
    #case-page h3,
    #site-dev-page h3 {
        font-size: 200%
    }
    .dev-item .step {
        font-size: 155%
    }
    .dev-item .dev-dscr {
        text-indent: 0
    }
    .case-photo-block .photo-item {
        width: 28%
    }
    .team-wrap {
        width: 100%
    }
    .case-middle .case-left-block,
    .case-top .case-left-block {
        padding: 0 3%
    }
    .case-bottom .case-right-block .reviews-l-bottom-item {
        float: left;
        text-align: center
    }
    .case-bottom .case-right-block .reviews-l-bottom-item.red {
        float: right
    }
    .case-bottom .case-right-block .reviews-l-bottom-item .inner {
        width: 145px;
        height: 145px;
        padding: 45px 0 0 0
    }
    .case-bottom .case-right-block .reviews-l-bottom-item .inner:after {
        width: 70px;
        height: 77px
    }
    .case-bottom .case-right-block .reviews-l-bottom-item .inner p.down {
        width: 105%;
        font-size: 170%
    }
    .our-contacts-item {
        float: none;
        width: 98%
    }
    .contacts-map {
        height: 700px
    }
    .advantage-cooperation ul li {
        width: 32%;
        margin: 0 0 30px 0 !important
    }
    .advantage-cooperation {
        padding-bottom: 50px
    }
    #news-page .sidebar {
        display: none
    }
    #news-page .left-block {
        float: none;
        width: auto
    }
    .elephant-items .date {
        width: 140px
    }
    .elephant-inform {
        margin-left: 160px
    }
    .elephant-inform .news-capt,
    .elephant-inform h1 {
        font-size: 28px
    }
    .elephant-inform .img-wrap {
        height: auto;
        max-height: 270px
    }
    #elephant-page .sidebar {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 70px
    }
    #elephant-page .sidebar ul li {
        display: inline-block;
        width: 48%
    }
    #elephant-page .left-block {
        float: none;
        width: auto
    }
    #portfolio-page .sidebar {
        display: none
    }
    #portfolio-page .left-block {
        float: none;
        width: auto
    }
    #portfolio-page .portfolio-item {
        width: 31%
    }
    .our-contacts-item.text-right {
        text-align: left
    }
    .sl-w-prev {
        left: -4% !important
    }
    .sl-w-next {
        right: -4% !important
    }
    #pdopage .pagination {
        padding-top: 0
    }
    .advantage-cooperation ul li.active span.av-text,
    .advantage-cooperation ul li:hover span.av-text {
        display: inline;
        position: static
    }
    .advantage-cooperation ul li span.av-text {
        display: inline
    }
    .advantage-cooperation ul li {
        vertical-align: top
    }
}

@media (max-width:900px) {
    .breadcrumbs-wrap {
        width: 200%;
        margin-left: -15px
    }
}

@media (max-width:767px) {
    .breadcrumbs-wrap {
        margin-top: 125px
    }
    .town {
        display: none
    }
    .secondary-serv-menu-mobile {
        display: flex
    }
    #main-page .content-box .article {
        width: 100%
    }
    .our-job-item h1 {
        width: 100%;
        margin-bottom: 20px
    }
    .result-item {
        width: 100%
    }
    .galaxy-text {
        width: 96%;
        padding-top: 50px
    }
    .chips-item {
        width: 94%
    }
    .connect-us-box form .form-right,
    .connect-us-box form .form-left {
        width: 100%;
        float: none
    }
    .reviews-right,
    .reviews-left {
        width: 100%;
        float: none
    }
    .reviews-left {
        text-align: center
    }
    .reviews-right {
        margin-top: 25px;
        text-align: center
    }
    .reviews-right ul {
        text-align: left
    }
    .reviews-left .img-wrap {
        display: inline-block;
        float: none;
        margin-right: 0
    }
    .reviews-item .rev-capt1 {
        text-align: center
    }
    .reviews-item p.caption {
        margin: 15px 0 0
    }
    .reviews-l-bottom-item .inner {
        width: 145px;
        height: 145px;
        padding: 45px 0 0 0
    }
    .reviews-l-bottom-item .inner:after {
        width: 70px;
        height: 77px
    }
    .reviews-l-bottom-item {
        float: left
    }
    .reviews-l-bottom-item .inner p.down {
        width: 105%;
        font-size: 170%
    }
    .reviews-l-bottom-item .inner p.down span {
        font-size: 30%
    }
    .reviews-item+.reviews-item {
        margin-right: 5px
    }
    .reviews-item-wrap button.rev-next {
        bottom: -15px
    }
    .reviews-item-wrap button.rev-prev {
        bottom: 10px
    }
    #main-page .content-box .article h1 {
        font-size: 200%
    }
    #main-page .content-box .article h2 {
        font-size: 140%
    }
    #main-page .content-box .article h3 {
        font-size: 130%
    }
    #main-page h2,
    #main-page h3,
    #main-page .capt1 {
        font-size: 170%
    }
    .footer-top-item {
        width: 100%;
        text-align: center
    }
    .footer-top {
        text-align: center
    }
    .footer-top-item.f1 {
        text-align: center;
        order: 1
    }
    .footer-top-item.f2 {
        text-align: center;
        order: 2
    }
    .footer-top-item.f3 {
        text-align: center;
        order: 0
    }
    .footer-info-wrap {
        order: 4;
        display: block
    }
    .footer-info {
        display: block;
        width: auto;
        margin-top: 10px
    }
    .footer-info-3 {
        text-align: center
    }
    .footer-top hr {
        order: 3
    }
    .footer-top-item ul {
        text-align: center
    }
    .footer-top .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: space-between;
        align-items: center
    }
    .footer-top-item li {
        margin-top: 8px
    }
    .footer-bottom .footer-item {
        width: auto;
        float: none;
        order: 1;
        margin-top: 10px
    }
    .footer-bottom .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: space-between;
        align-items: center
    }
    .footer-bottom .footer-bottom-item-n2 {
        order: 0
    }
    .footer-bottom .footer-bottom-item-n1 {
        order: 2
    }
    .header-left {
        width: 45%
    }
    .header-right {
        width: 55%
    }
    .header .phone {
        font-size: 85%;
        background-size: 14px 22px;
        padding-left: 20px;
        margin-top: 0
    }
    .galaxy-box .container {
        overflow: hidden
    }
    .our-job {
        padding-top: 200px
    }
    .content-box {
        padding: 30px 0 50px
    }
    .reviews-box {
        padding-top: 120px
    }
    .our-chips-box {
        /* padding: 120px 0 60px */
        padding: 120px 0 60px
    }
    .portfolio-main-box {
        padding: 50px 0 0
    }
    .galaxy-box {
        padding-bottom: 50px
    }
    .galaxy {
        margin-top: 50px;
        padding-bottom: 35px
    }
    .main-box {
        min-height: 810px
    }
    #error404 .white-bg .container {
        display: block
    }
    .error-404 {
        width: 100%
    }
    .error-404-img {
        width: auto
    }
    .case-left-block {
        width: 60%;
        float: none;
        margin: 0 auto;
    }
    .case-right-block {
        width: 100%;
        float: none;
        margin-top: 50px
    }
    .article h1,
    .department-box h2,
    .comments-block h6,
    .elephant-inform .news-capt,
    .elephant-inform h1,
    .development-info h1,
    #contacts-page .connect-us-box h3,
    .our-contacts h1,
    .our-team .team-capt,
    .our-team h2,
    .connect-us-box .capt1,
    .connect-us-box h3,
    .header-stars h1,
    .header-stars h2,
    .header-stars .header-caption,
    .temporarily-content h1,
    .development-wrap .caption-h3,
    .dev-case-box .capt1,
    #portfolio-page h3,
    #development-page h3,
    #development-page h3,
    #case-page h3,
    #site-dev-page h3 {
        font-size: 19px
    }
    #case-page .reviews-left .img-wrap {
        margin-right: 0
    }
    #case-page .reviews-left h4 {
        text-align: center
    }
    .case-bottom .case-right-block {
        padding-top: 0
    }
    .team-wrap .team-item {
        width: auto;
        display: block
    }
    .team-photo {
        width: 95%
    }
    .case-photo-block .photo-item {
        width: 44%
    }
    .case-photo-block .img-wrap {
        max-height: 155px
    }
    .our-contacts-box {
        font-size: 120%
    }
    .our-contacts-item ul {
        padding-left: 70px
    }
    ul.contacts-address {
        background-size: 45px 53px
    }
    ul.contacts-email {
        background-size: 53px 50px
    }
    ul.contacts-phones {
        background-size: 33px 53px
    }
    .contacts-photo-wrap {
        min-height: 200px
    }
    .connect-us-box {
        text-align: center
    }
    .development-item .dev-dscr .caption {
        font-size: 20px
    }
    .development-wrap {
        padding-top: 50px
    }
    .temporarily-content,
    .development-info {
        padding: 70px 0 50px
    }
    .site-dev-box .container,
    .development-info .container {
        padding: 0 15px
    }
    .dev-case-box {
        padding: 0 0 40px
    }
    .development-level2 li {
        width: auto;
        display: block;
        padding-left: 0
    }
    .development-level2 a {
        font-size: 150%
    }
    .development-info h2 {
        font-size: 150% !important
    }
    .development-info h3 {
        font-size: 135% !important
    }
    .development-info h4,
    .development-info h5,
    .development-info h6 {
        font-size: 120% !important
    }
    .header-stars article {
        padding: 0 0
    }
    .advantage-cooperation ul li {
        /* width: 48% */
        width:100%;
        display: flex;
        flex-direction: column;
        align-items:center;
        margin-bottom: 45px !important;
    }
    .advantage-cooperation ul li span.av-img {
        margin-bottom: 12px;
    }
    .advantage-cooperation .edge-caption {
        padding: 10px 10px 2px 10px;
        margin: 0;
        font-weight: bold;
        font-size: 23px;
    }
    .advantage-cooperation ul li span.av-text {
        width:100%;
        margin-top: 10px;
    }
    .header-stars h2 {
        font-size: 20px !important;
        height: 60px;
    }
    .header-stars h3 {
        font-size: 20px !important
    }
    .header-stars h4,
    .header-stars h5,
    .header-stars h6 {
        font-size: 18px !important
    }
    .elephant-inform .img-wrap {
        max-width: 270px;
        width: auto;
        float: none;
        display: inline-block;
        margin-left: 0
    }
    .elephant-items .date {
        font-size: 110%;
        width: 100%;
        min-width: auto;
        text-align: left;
        float: none
    }
    .elephant-inform-top:before {
        top: 90px;
        display: none
    }
    .elephant-items .date img {
        display: none
    }
    .elephant-inform {
        margin-left: 0
    }
    .elephant-inform h1 {
        min-height: 100px;
        clear: both;
        padding-top: 20px;
        text-align: center
    }
    .elephant-items .date p {
        display: inline-block
    }
    #comment-form .img-wrap,
    .comments-block .img-wrap {
        margin-right: 15px
    }
    form#comment-form .form-right {
        padding-left: 60px
    }
    #news-page .elephant-inform-dscr {
        padding-bottom: 40px;
        text-align: justify;
        padding-top: 15px
    }
    .elephant-inform-top {
        text-align: center
    }
    .article h2 {
        font-size: 140%
    }
    .article h3 {
        font-size: 130%
    }
    .article h4,
    .article h5,
    .article h6 {
        font-size: 120%
    }
    #news-page .left-block {
        padding-top: 60px
    }
    .header-stars .header-dscr {
        width: auto
    }
    #about-us-page .header-stars .header-dscr {
        text-align: justify
    }
    .staff-wrap {
        padding-top: 55px
    }
    .staff-item {
        display: block
    }
    .staff-item-left {
        display: block;
        width: auto;
        padding-right: 0
    }
    .staff-item-inner {
        position: static
    }
    .staff-item-left .profession-dscr {
        padding: 20px 0 30px
    }
    .staff-item-left .name {
        font-size: 175%
    }
    .staff-item-right {
        width: auto;
        display: block;
        text-align: center
    }
    .staff-item .staff-item-right .img-wrap {
        display: inline-block
    }
    .elephant-inform .buttonts-wrap:after {
        content: '';
        display: block;
        clear: both
    }
    .elephant-items {
        height: auto;
        margin-bottom: 80px
    }
    .elephant-inform .news-capt {
        text-align: center
    }
    .pagination ul.pagination li {
        margin-bottom: 15px
    }
    #portfolio-page .portfolio-item {
        width: 48%;
        min-height: auto
    }
    .portfolio-item .portfolio-item-dscr {
        font-size: 115%
    }
    .portfolio-search ul.portfolio-select {
        float: none;
        width: auto
    }
    .portfolio-search form {
        padding-left: 0;
        float: none;
        margin-top: 25px
    }
    #site-search-results {
        left: 0
    }
    #portfolio-page .sisea-results-list .portfolio-item {
        width: 46%
    }
    .emoticon-sad p {
        line-height: 1.5
    }
    #portfolio-page .left-block {
        padding-top: 50px
    }
    .development-item-wrap {
        width: 93%;
        margin: 15px auto
    }
    .breadcrumbs-wrap {
        width: 221%;
        margin-left: -5px
    }
    .sl-w-prev,
    .sl-w-next {
        display: none !important
    }
    .neighbors li {
        width: 49%;
        order: 1
    }
    .neighbors li.text-center {
        width: 100%;
        order: 0
    }
    .neighbors ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap
    }
    .news-category-title {
        color: #005dff;
        text-align: center;
        font-weight: bold;
    }
    #elephant-page .sidebar ul li {
        display: block;
        width: auto
    }
    .comment-top {
        height: auto
    }
    .ticket-comment-link {
        display: none !important
    }
    .comments-block .img-wrap {
        float: left
    }
    .our-contacts-item ul {
        margin: 20px 0
    }
    ul.drop-menu-main-sub>li>a {
        height: auto;
        line-height: 1.2;
        padding: 10px 50px 10px 20px;
        font-size: 120%
    }
    .dropdown>ul a {
        padding: 5px 15px 5px 20px
    }
    .partners-slider .slick-prev {
        left: 0;
        width: 48px;
    }
    .partners-slider .slick-next {
        right: 0;
        width: 48px;
    }
    .development-item .dev-dscr {
        padding-left: 0
    }
    form#comment-form input.comments-input {
        width: 100%
    }
    .case-top {
        padding-bottom: 0
    }
    .main-nav-content ul {
        padding: 10px
    }
    .drop-menu-main-sub {
        flex-direction: column
    }
    .main-nav .button-menu {
        width: 100%
    }
    .main-nav {
        padding: 60px 0 0 0
    }
    .main-nav-content {
        padding-left: 50px
    }
    .main-nav-submenu-bottom {
        display: none
    }
    .main-nav-submenu-top {
        padding-bottom: 0
    }
    .main-nav-submenu {
        width: 0
    }
    .main-nav-homebtn {
        width: 50px;
        height: auto;
        border-color: #fff;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        line-height: normal;
        font-size: 0
    }
    .main-nav-homebtn i {
        background-size: 35px auto
    }
    .main-nav-content a {
        padding: 8px 15px
    }
    .main-nav-content li {
        display: block;
        width: 100%
    }
    .main-nav-content a:hover {
        background: none
    }
}

#dark-form .int-phonemask-select-code {
    color: #000
}

.connect-us-box.mini-form .int-phonemask-input,
#dark-form .int-phonemask-input {
    background-color: #fff
}

.iti {
    width: 100%;
    color: #000
}

.partners-box {
    background-color: #20222a;
    padding-top: 0;
    padding-bottom: 180px
}

.partners-box .container {
    padding-top: 60px
}

.partners-box .tilt-up-l,
.partners-box .tilt-up-r {
    background-color: #20222a
}

.partners-slider-wrap {
    padding-top: 65px
}

.partners-item {
    text-align: center
}

.partners-item .img-wrap {
    /* height: 150px */
}

.partners-item img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block !important;
    vertical-align: middle
}

.portfolio-item-dscr {
    color: #fff !important;
    padding-top: 15px;
    font: 150% "HelveticaLight";
    color: #fff
}

.scrollToTop {
    width: 65px;
    height: 65px;
    line-height: 60px;
    text-align: center;
    background: rgba(0, 0, 0, .3) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMDAgMTkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMDAgMTkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS13aWR0aDoyMDtzdHJva2UtbGluZWNhcDpyb3VuZDt9DQo8L3N0eWxlPg0KPGxpbmUgY2xhc3M9InN0MCIgeDE9IjEwMCIgeTE9IjEwIiB4Mj0iMTAiIHkyPSIxODAiLz4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxMDAiIHkxPSIxMCIgeDI9IjE5MCIgeTI9IjE4MCIvPg0KPGxpbmUgY2xhc3M9InN0MCIgeDE9IjEwIiB5MT0iMTgwIiB4Mj0iMTAwIiB5Mj0iMTM3LjUiLz4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxOTAiIHkxPSIxODAiIHgyPSIxMDAiIHkyPSIxMzcuNSIvPg0KPC9zdmc+DQo=') center no-repeat;
    background-size: 30px 30px;
    color: #fff;
    text-decoration: none;
    position: fixed;
    right: 10px;
    bottom: 25px;
    display: none;
    transition: background .15s linear;
    border-radius: 50%;
    font-size: 25px;
    z-index: 9999
}

.scrollToTop:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .6);
    color: #fff
}

#site-search-results .portfolio-item:hover a.img-wrap:before {
    background-image: none
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .4)
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .8);
    transition: .2s
}

::-webkit-scrollbar-thumb:hover {
    background: #000
}

.main-nav-content::-webkit-scrollbar-track {
    background: transparent;
    background: #111
}

.main-nav-content::-webkit-scrollbar-thumb {
    background: #111;
    background: #aaa;
    transition: .2s
}

.main-nav-content::-webkit-scrollbar-thumb:hover {
    background: #000
}

.jq-dropdown {
    position: absolute;
    z-index: 1039;
    display: none
}

.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
    min-width: 160px;
    max-width: 360px;
    list-style: none;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    overflow: visible;
    padding: 4px 0;
    margin: 0
}

.jq-dropdown .jq-dropdown-panel {
    padding: 10px
}

.jq-dropdown.jq-dropdown-tip {
    margin-top: 8px
}

.jq-dropdown.jq-dropdown-tip:before {
    position: absolute;
    top: -6px;
    left: 9px;
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ddd;
    display: inline-block
}

.jq-dropdown.jq-dropdown-tip:after {
    position: absolute;
    top: -5px;
    left: 10px;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    display: inline-block
}

.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
    left: auto;
    right: 9px
}

.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
    left: auto;
    right: 10px
}

.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
    max-height: 180px;
    overflow: auto
}

.jq-dropdown .jq-dropdown-menu li {
    list-style: none;
    padding: 0 0;
    margin: 0;
    line-height: 18px
}

.jq-dropdown .jq-dropdown-menu label,
.jq-dropdown .jq-dropdown-menu li>a {
    display: block;
    color: inherit;
    text-decoration: none;
    line-height: 18px;
    padding: 3px 15px;
    margin: 0;
    white-space: nowrap
}

.jq-dropdown .jq-dropdown-menu label:hover,
.jq-dropdown .jq-dropdown-menu li>a:hover {
    background-color: #f2f2f2;
    color: inherit;
    cursor: pointer
}

.jq-dropdown .jq-dropdown-menu .jq-dropdown-divider {
    font-size: 1px;
    border-top: solid 1px #e5e5e5;
    padding: 0;
    margin: 5px 0
}

.intl-tel-input .flag {
    width: 20px;
    height: 11px;
    background: url("../img/flags.png")
}

.intl-tel-input {
    position: relative
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 50px;
    margin-left: 0
}

.intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px
}

.intl-tel-input .flag-dropdown:hover {
    cursor: pointer
}

.intl-tel-input .flag-dropdown:hover .selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input input[disabled]+.flag-dropdown:hover {
    cursor: default
}

.intl-tel-input input[disabled]+.flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input .selected-flag {
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
    width: 45px;
    height: 100%;
    padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .arrow {
    position: relative;
    top: 50%;
    margin-top: -2px;
    left: 25px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    text-align: left;
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: white;
    border: 1px solid #CCC;
    width: 430px;
    max-height: 200px;
    overflow-y: scroll
}

.intl-tel-input .country-list .flag {
    display: inline-block
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.intl-tel-input .country-list .country {
    padding: 5px 10px;
    color: #000
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input .country-list .flag,
.intl-tel-input .country-list .country-name {
    margin-right: 6px
}

.intl-tel-input .ac {
    height: 10px;
    background-position: 0 0
}

.intl-tel-input .ad {
    height: 14px;
    background-position: -22px 0
}

.intl-tel-input .ae {
    height: 10px;
    background-position: -44px 0
}

.intl-tel-input .af {
    height: 14px;
    background-position: -66px 0
}

.intl-tel-input .ag {
    height: 14px;
    background-position: -88px 0
}

.intl-tel-input .ai {
    height: 10px;
    background-position: -110px 0
}

.intl-tel-input .al {
    height: 15px;
    background-position: -132px 0
}

.intl-tel-input .am {
    height: 10px;
    background-position: -154px 0
}

.intl-tel-input .ao {
    height: 14px;
    background-position: -176px 0
}

.intl-tel-input .aq {
    height: 14px;
    background-position: -198px 0
}

.intl-tel-input .ar {
    height: 13px;
    background-position: -220px 0
}

.intl-tel-input .as {
    height: 10px;
    background-position: -242px 0
}

.intl-tel-input .at {
    height: 14px;
    background-position: -264px 0
}

.intl-tel-input .au {
    height: 10px;
    background-position: -286px 0
}

.intl-tel-input .aw {
    height: 14px;
    background-position: -308px 0
}

.intl-tel-input .ax {
    height: 13px;
    background-position: -330px 0
}

.intl-tel-input .az {
    height: 10px;
    background-position: -352px 0
}

.intl-tel-input .ba {
    height: 10px;
    background-position: -374px 0
}

.intl-tel-input .bb {
    height: 14px;
    background-position: -396px 0
}

.intl-tel-input .bd {
    height: 12px;
    background-position: -418px 0
}

.intl-tel-input .be {
    height: 15px;
    background-position: -440px 0
}

.intl-tel-input .bf {
    height: 14px;
    background-position: -460px 0
}

.intl-tel-input .bg {
    height: 12px;
    background-position: -482px 0
}

.intl-tel-input .bh {
    height: 12px;
    background-position: -504px 0
}

.intl-tel-input .bi {
    height: 12px;
    background-position: -526px 0
}

.intl-tel-input .bj {
    height: 14px;
    background-position: -548px 0
}

.intl-tel-input .bl {
    height: 14px;
    background-position: -570px 0
}

.intl-tel-input .bm {
    height: 10px;
    background-position: -592px 0
}

.intl-tel-input .bn {
    height: 10px;
    background-position: -614px 0
}

.intl-tel-input .bo {
    height: 14px;
    background-position: -636px 0
}

.intl-tel-input .bq {
    height: 14px;
    background-position: -658px 0
}

.intl-tel-input .br {
    height: 14px;
    background-position: -680px 0
}

.intl-tel-input .bs {
    height: 10px;
    background-position: -702px 0
}

.intl-tel-input .bt {
    height: 14px;
    background-position: -724px 0
}

.intl-tel-input .bv {
    height: 15px;
    background-position: -746px 0
}

.intl-tel-input .bw {
    height: 14px;
    background-position: -768px 0
}

.intl-tel-input .by {
    height: 10px;
    background-position: -790px 0
}

.intl-tel-input .bz {
    height: 14px;
    background-position: -812px 0
}

.intl-tel-input .ca {
    height: 10px;
    background-position: -834px 0
}

.intl-tel-input .cc {
    height: 10px;
    background-position: -856px 0
}

.intl-tel-input .cd {
    height: 15px;
    background-position: -878px 0
}

.intl-tel-input .cf {
    height: 14px;
    background-position: -900px 0
}

.intl-tel-input .cg {
    height: 14px;
    background-position: -922px 0
}

.intl-tel-input .ch {
    height: 15px;
    background-position: -944px 0
}

.intl-tel-input .ci {
    height: 14px;
    background-position: -961px 0
}

.intl-tel-input .ck {
    height: 10px;
    background-position: -983px 0
}

.intl-tel-input .cl {
    height: 14px;
    background-position: -1005px 0
}

.intl-tel-input .cm {
    height: 14px;
    background-position: -1027px 0
}

.intl-tel-input .cn {
    height: 14px;
    background-position: -1049px 0
}

.intl-tel-input .co {
    height: 14px;
    background-position: -1071px 0
}

.intl-tel-input .cp {
    height: 14px;
    background-position: -1093px 0
}

.intl-tel-input .cr {
    height: 12px;
    background-position: -1115px 0
}

.intl-tel-input .cu {
    height: 10px;
    background-position: -1137px 0
}

.intl-tel-input .cv {
    height: 12px;
    background-position: -1159px 0
}

.intl-tel-input .cw {
    height: 14px;
    background-position: -1181px 0
}

.intl-tel-input .cx {
    height: 10px;
    background-position: -1203px 0
}

.intl-tel-input .cy {
    height: 14px;
    background-position: -1225px 0
}

.intl-tel-input .cz {
    height: 14px;
    background-position: -1247px 0
}

.intl-tel-input .de {
    height: 12px;
    background-position: -1269px 0
}

.intl-tel-input .dg {
    height: 10px;
    background-position: -1291px 0
}

.intl-tel-input .dj {
    height: 14px;
    background-position: -1313px 0
}

.intl-tel-input .dk {
    height: 15px;
    background-position: -1335px 0
}

.intl-tel-input .dm {
    height: 10px;
    background-position: -1357px 0
}

.intl-tel-input .do {
    height: 14px;
    background-position: -1379px 0
}

.intl-tel-input .dz {
    height: 14px;
    background-position: -1401px 0
}

.intl-tel-input .ea {
    height: 14px;
    background-position: -1423px 0
}

.intl-tel-input .ec {
    height: 14px;
    background-position: -1445px 0
}

.intl-tel-input .ee {
    height: 13px;
    background-position: -1467px 0
}

.intl-tel-input .eg {
    height: 14px;
    background-position: -1489px 0
}

.intl-tel-input .eh {
    height: 10px;
    background-position: -1511px 0
}

.intl-tel-input .er {
    height: 10px;
    background-position: -1533px 0
}

.intl-tel-input .es {
    height: 14px;
    background-position: -1555px 0
}

.intl-tel-input .et {
    height: 10px;
    background-position: -1577px 0
}

.intl-tel-input .eu {
    height: 14px;
    background-position: -1599px 0
}

.intl-tel-input .fi {
    height: 12px;
    background-position: -1621px 0
}

.intl-tel-input .fj {
    height: 10px;
    background-position: -1643px 0
}

.intl-tel-input .fk {
    height: 10px;
    background-position: -1665px 0
}

.intl-tel-input .fm {
    height: 11px;
    background-position: -1687px 0
}

.intl-tel-input .fo {
    height: 15px;
    background-position: -1709px 0
}

.intl-tel-input .fr {
    height: 14px;
    background-position: -1731px 0
}

.intl-tel-input .ga {
    height: 15px;
    background-position: -1753px 0
}

.intl-tel-input .gb {
    height: 10px;
    background-position: -1775px 0
}

.intl-tel-input .gd {
    height: 12px;
    background-position: -1797px 0
}

.intl-tel-input .ge {
    height: 14px;
    background-position: -1819px 0
}

.intl-tel-input .gf {
    height: 14px;
    background-position: -1841px 0
}

.intl-tel-input .gg {
    height: 14px;
    background-position: -1863px 0
}

.intl-tel-input .gh {
    height: 14px;
    background-position: -1885px 0
}

.intl-tel-input .gi {
    height: 10px;
    background-position: -1907px 0
}

.intl-tel-input .gl {
    height: 14px;
    background-position: -1929px 0
}

.intl-tel-input .gm {
    height: 14px;
    background-position: -1951px 0
}

.intl-tel-input .gn {
    height: 14px;
    background-position: -1973px 0
}

.intl-tel-input .gp {
    height: 14px;
    background-position: -1995px 0
}

.intl-tel-input .gq {
    height: 14px;
    background-position: -2017px 0
}

.intl-tel-input .gr {
    height: 14px;
    background-position: -2039px 0
}

.intl-tel-input .gs {
    height: 10px;
    background-position: -2061px 0
}

.intl-tel-input .gt {
    height: 13px;
    background-position: -2083px 0
}

.intl-tel-input .gu {
    height: 11px;
    background-position: -2105px 0
}

.intl-tel-input .gw {
    height: 10px;
    background-position: -2127px 0
}

.intl-tel-input .gy {
    height: 12px;
    background-position: -2149px 0
}

.intl-tel-input .hk {
    height: 14px;
    background-position: -2171px 0
}

.intl-tel-input .hm {
    height: 10px;
    background-position: -2193px 0
}

.intl-tel-input .hn {
    height: 10px;
    background-position: -2215px 0
}

.intl-tel-input .hr {
    height: 10px;
    background-position: -2237px 0
}

.intl-tel-input .ht {
    height: 12px;
    background-position: -2259px 0
}

.intl-tel-input .hu {
    height: 10px;
    background-position: -2281px 0
}

.intl-tel-input .ic {
    height: 14px;
    background-position: -2303px 0
}

.intl-tel-input .id {
    height: 14px;
    background-position: -2325px 0
}

.intl-tel-input .ie {
    height: 10px;
    background-position: -2347px 0
}

.intl-tel-input .il {
    height: 15px;
    background-position: -2369px 0
}

.intl-tel-input .im {
    height: 10px;
    background-position: -2391px 0
}

.intl-tel-input .in {
    height: 14px;
    background-position: -2413px 0
}

.intl-tel-input .io {
    height: 10px;
    background-position: -2435px 0
}

.intl-tel-input .iq {
    height: 14px;
    background-position: -2457px 0
}

.intl-tel-input .ir {
    height: 12px;
    background-position: -2479px 0
}

.intl-tel-input .is {
    height: 15px;
    background-position: -2501px 0
}

.intl-tel-input .it {
    height: 14px;
    background-position: -2523px 0
}

.intl-tel-input .je {
    height: 12px;
    background-position: -2545px 0
}

.intl-tel-input .jm {
    height: 10px;
    background-position: -2567px 0
}

.intl-tel-input .jo {
    height: 10px;
    background-position: -2589px 0
}

.intl-tel-input .jp {
    height: 14px;
    background-position: -2611px 0
}

.intl-tel-input .ke {
    height: 14px;
    background-position: -2633px 0
}

.intl-tel-input .kg {
    height: 12px;
    background-position: -2655px 0
}

.intl-tel-input .kh {
    height: 13px;
    background-position: -2677px 0
}

.intl-tel-input .ki {
    height: 10px;
    background-position: -2699px 0
}

.intl-tel-input .km {
    height: 12px;
    background-position: -2721px 0
}

.intl-tel-input .kn {
    height: 14px;
    background-position: -2743px 0
}

.intl-tel-input .kp {
    height: 10px;
    background-position: -2765px 0
}

.intl-tel-input .kr {
    height: 14px;
    background-position: -2787px 0
}

.intl-tel-input .kw {
    height: 10px;
    background-position: -2809px 0
}

.intl-tel-input .ky {
    height: 10px;
    background-position: -2831px 0
}

.intl-tel-input .kz {
    height: 10px;
    background-position: -2853px 0
}

.intl-tel-input .la {
    height: 14px;
    background-position: -2875px 0
}

.intl-tel-input .lb {
    height: 14px;
    background-position: -2897px 0
}

.intl-tel-input .lc {
    height: 10px;
    background-position: -2919px 0
}

.intl-tel-input .li {
    height: 12px;
    background-position: -2941px 0
}

.intl-tel-input .lk {
    height: 10px;
    background-position: -2963px 0
}

.intl-tel-input .lr {
    height: 11px;
    background-position: -2985px 0
}

.intl-tel-input .ls {
    height: 14px;
    background-position: -3007px 0
}

.intl-tel-input .lt {
    height: 12px;
    background-position: -3029px 0
}

.intl-tel-input .lu {
    height: 12px;
    background-position: -3051px 0
}

.intl-tel-input .lv {
    height: 10px;
    background-position: -3073px 0
}

.intl-tel-input .ly {
    height: 10px;
    background-position: -3095px 0
}

.intl-tel-input .ma {
    height: 14px;
    background-position: -3117px 0
}

.intl-tel-input .mc {
    height: 15px;
    background-position: -3139px 0
}

.intl-tel-input .md {
    height: 10px;
    background-position: -3160px 0
}

.intl-tel-input .me {
    height: 10px;
    background-position: -3182px 0
}

.intl-tel-input .mf {
    height: 14px;
    background-position: -3204px 0
}

.intl-tel-input .mg {
    height: 14px;
    background-position: -3226px 0
}

.intl-tel-input .mh {
    height: 11px;
    background-position: -3248px 0
}

.intl-tel-input .mk {
    height: 10px;
    background-position: -3270px 0
}

.intl-tel-input .ml {
    height: 14px;
    background-position: -3292px 0
}

.intl-tel-input .mm {
    height: 14px;
    background-position: -3314px 0
}

.intl-tel-input .mn {
    height: 10px;
    background-position: -3336px 0
}

.intl-tel-input .mo {
    height: 14px;
    background-position: -3358px 0
}

.intl-tel-input .mp {
    height: 10px;
    background-position: -3380px 0
}

.intl-tel-input .mq {
    height: 14px;
    background-position: -3402px 0
}

.intl-tel-input .mr {
    height: 14px;
    background-position: -3424px 0
}

.intl-tel-input .ms {
    height: 10px;
    background-position: -3446px 0
}

.intl-tel-input .mt {
    height: 14px;
    background-position: -3468px 0
}

.intl-tel-input .mu {
    height: 14px;
    background-position: -3490px 0
}

.intl-tel-input .mv {
    height: 14px;
    background-position: -3512px 0
}

.intl-tel-input .mw {
    height: 14px;
    background-position: -3534px 0
}

.intl-tel-input .mx {
    height: 12px;
    background-position: -3556px 0
}

.intl-tel-input .my {
    height: 10px;
    background-position: -3578px 0
}

.intl-tel-input .mz {
    height: 14px;
    background-position: -3600px 0
}

.intl-tel-input .na {
    height: 14px;
    background-position: -3622px 0
}

.intl-tel-input .nc {
    height: 10px;
    background-position: -3644px 0
}

.intl-tel-input .ne {
    height: 15px;
    background-position: -3666px 0
}

.intl-tel-input .nf {
    height: 10px;
    background-position: -3686px 0
}

.intl-tel-input .ng {
    height: 10px;
    background-position: -3708px 0
}

.intl-tel-input .ni {
    height: 12px;
    background-position: -3730px 0
}

.intl-tel-input .nl {
    height: 14px;
    background-position: -3752px 0
}

.intl-tel-input .no {
    height: 15px;
    background-position: -3774px 0
}

.intl-tel-input .np {
    height: 15px;
    background-position: -3796px 0
}

.intl-tel-input .nr {
    height: 10px;
    background-position: -3811px 0
}

.intl-tel-input .nu {
    height: 10px;
    background-position: -3833px 0
}

.intl-tel-input .nz {
    height: 10px;
    background-position: -3855px 0
}

.intl-tel-input .om {
    height: 10px;
    background-position: -3877px 0
}

.intl-tel-input .pa {
    height: 14px;
    background-position: -3899px 0
}

.intl-tel-input .pe {
    height: 14px;
    background-position: -3921px 0
}

.intl-tel-input .pf {
    height: 14px;
    background-position: -3943px 0
}

.intl-tel-input .pg {
    height: 15px;
    background-position: -3965px 0
}

.intl-tel-input .ph {
    height: 10px;
    background-position: -3987px 0
}

.intl-tel-input .pk {
    height: 14px;
    background-position: -4009px 0
}

.intl-tel-input .pl {
    height: 13px;
    background-position: -4031px 0
}

.intl-tel-input .pm {
    height: 14px;
    background-position: -4053px 0
}

.intl-tel-input .pn {
    height: 10px;
    background-position: -4075px 0
}

.intl-tel-input .pr {
    height: 14px;
    background-position: -4097px 0
}

.intl-tel-input .ps {
    height: 10px;
    background-position: -4119px 0
}

.intl-tel-input .pt {
    height: 14px;
    background-position: -4141px 0
}

.intl-tel-input .pw {
    height: 13px;
    background-position: -4163px 0
}

.intl-tel-input .py {
    height: 11px;
    background-position: -4185px 0
}

.intl-tel-input .qa {
    height: 8px;
    background-position: -4207px 0
}

.intl-tel-input .re {
    height: 14px;
    background-position: -4229px 0
}

.intl-tel-input .ro {
    height: 14px;
    background-position: -4251px 0
}

.intl-tel-input .rs {
    height: 14px;
    background-position: -4273px 0
}

.intl-tel-input .ru {
    height: 14px;
    background-position: -4295px 0
}

.intl-tel-input .rw {
    height: 14px;
    background-position: -4317px 0
}

.intl-tel-input .sa {
    height: 14px;
    background-position: -4339px 0
}

.intl-tel-input .sb {
    height: 10px;
    background-position: -4361px 0
}

.intl-tel-input .sc {
    height: 10px;
    background-position: -4383px 0
}

.intl-tel-input .sd {
    height: 10px;
    background-position: -4405px 0
}

.intl-tel-input .se {
    height: 13px;
    background-position: -4427px 0
}

.intl-tel-input .sg {
    height: 14px;
    background-position: -4449px 0
}

.intl-tel-input .sh {
    height: 10px;
    background-position: -4471px 0
}

.intl-tel-input .si {
    height: 10px;
    background-position: -4493px 0
}

.intl-tel-input .sj {
    height: 15px;
    background-position: -4515px 0
}

.intl-tel-input .sk {
    height: 14px;
    background-position: -4537px 0
}

.intl-tel-input .sl {
    height: 14px;
    background-position: -4559px 0
}

.intl-tel-input .sm {
    height: 15px;
    background-position: -4581px 0
}

.intl-tel-input .sn {
    height: 14px;
    background-position: -4603px 0
}

.intl-tel-input .so {
    height: 14px;
    background-position: -4625px 0
}

.intl-tel-input .sr {
    height: 14px;
    background-position: -4647px 0
}

.intl-tel-input .ss {
    height: 10px;
    background-position: -4669px 0
}

.intl-tel-input .st {
    height: 10px;
    background-position: -4691px 0
}

.intl-tel-input .sv {
    height: 12px;
    background-position: -4713px 0
}

.intl-tel-input .sx {
    height: 14px;
    background-position: -4735px 0
}

.intl-tel-input .sy {
    height: 14px;
    background-position: -4757px 0
}

.intl-tel-input .sz {
    height: 14px;
    background-position: -4779px 0
}

.intl-tel-input .ta {
    height: 10px;
    background-position: -4801px 0
}

.intl-tel-input .tc {
    height: 10px;
    background-position: -4823px 0
}

.intl-tel-input .td {
    height: 14px;
    background-position: -4845px 0
}

.intl-tel-input .tf {
    height: 14px;
    background-position: -4867px 0
}

.intl-tel-input .tg {
    height: 13px;
    background-position: -4889px 0
}

.intl-tel-input .th {
    height: 14px;
    background-position: -4911px 0
}

.intl-tel-input .tj {
    height: 10px;
    background-position: -4933px 0
}

.intl-tel-input .tk {
    height: 10px;
    background-position: -4955px 0
}

.intl-tel-input .tl {
    height: 10px;
    background-position: -4977px 0
}

.intl-tel-input .tm {
    height: 14px;
    background-position: -4999px 0
}

.intl-tel-input .tn {
    height: 14px;
    background-position: -5021px 0
}

.intl-tel-input .to {
    height: 10px;
    background-position: -5043px 0
}

.intl-tel-input .tr {
    height: 14px;
    background-position: -5065px 0
}

.intl-tel-input .tt {
    height: 12px;
    background-position: -5087px 0
}

.intl-tel-input .tv {
    height: 10px;
    background-position: -5109px 0
}

.intl-tel-input .tw {
    height: 14px;
    background-position: -5131px 0
}

.intl-tel-input .tz {
    height: 14px;
    background-position: -5153px 0
}

.intl-tel-input .ua {
    height: 14px;
    background-position: -5175px 0
}

.intl-tel-input .ug {
    height: 14px;
    background-position: -5197px 0
}

.intl-tel-input .um {
    height: 11px;
    background-position: -5219px 0
}

.intl-tel-input .un {
    height: 14px;
    background-position: -5241px 0
}

.intl-tel-input .us {
    height: 11px;
    background-position: -5263px 0
}

.intl-tel-input .uy {
    height: 14px;
    background-position: -5285px 0
}

.intl-tel-input .uz {
    height: 10px;
    background-position: -5307px 0
}

.intl-tel-input .va {
    height: 15px;
    background-position: -5329px 0
}

.intl-tel-input .vc {
    height: 14px;
    background-position: -5346px 0
}

.intl-tel-input .ve {
    height: 14px;
    background-position: -5368px 0
}

.intl-tel-input .vg {
    height: 10px;
    background-position: -5390px 0
}

.intl-tel-input .vi {
    height: 14px;
    background-position: -5412px 0
}

.intl-tel-input .vn {
    height: 14px;
    background-position: -5434px 0
}

.intl-tel-input .vu {
    height: 12px;
    background-position: -5456px 0
}

.intl-tel-input .wf {
    height: 14px;
    background-position: -5478px 0
}

.intl-tel-input .ws {
    height: 10px;
    background-position: -5500px 0
}

.intl-tel-input .xk {
    height: 15px;
    background-position: -5522px 0
}

.intl-tel-input .ye {
    height: 14px;
    background-position: -5544px 0
}

.intl-tel-input .yt {
    height: 14px;
    background-position: -5566px 0
}

.intl-tel-input .za {
    height: 14px;
    background-position: -5588px 0
}

.intl-tel-input .zm {
    height: 14px;
    background-position: -5610px 0
}

.intl-tel-input .zw {
    height: 10px;
    background-position: -5632px 0
}

.label-form+.input-form,
.label-form {
    visibility: hidden;
    position: absolute;
    z-index: -100;
    width: 10%
}

.chat {
    position: fixed;
    right: 10px;
    bottom: 100px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #476ec0;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3);
    padding: 20px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    transition: box-shadow .2s ease-in;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 201
}

@media (max-width:500px) {
    .chat {
        right: 20px;
        bottom: 20px
    }
}

.chat:hover {
    box-shadow: 0 5px 20px 0 #000
}

.chat__messenger {
    display: block;
    width: 205px;
    font-size: 13px;
    background: #fff;
    color: #2d2d2d;
    border-radius: 5px;
    line-height: 1.5;
    border: 1px solid #dbdbdb;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3);
    position: absolute;
    bottom: 100%;
    margin-bottom: 8px;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in;
    visibility: hidden
}

.chat__messenger:after {
    content: "";
    border-style: solid;
    background: 0 0;
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    top: auto;
    right: 26px;
    bottom: -7px;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    border-width: 8px 8px 0;
    border-color: #fff transparent transparent
}

.chat.isOpen .chat__messenger:after {
    opacity: 1;
    visibility: visible
}

.chat__messenger-item {
    font-size: 14px;
    padding: 10px;
    display: flex;
    text-decoration: none;
    color: #2d2d2d;
    transition: background-color .2s ease-in
}

.chat__messenger-item:hover {
    background-color: #f3f3f3
}

.chat__messenger-icon {
    width: 20px;
    margin-right: 14px
}

.chat.isOpen .chat__messenger {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.chat__icon {
    width: 100%;
    height: 100%;
    position: relative
}

.chat__icon-message {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale(1);
    transition: transform .2s ease-in, opacity .2s ease-in
}

.chat__icon-close,
.isOpen .chat__icon-message {
    opacity: 0;
    transform: scale(0)
}

.chat__icon-close {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform .2s ease-in, opacity .2s ease-in
}

.isOpen .chat__icon-close {
    opacity: 1;
    transform: scale(.6)
}

@media (max-width:767px) {
    .chat {
        width: 60px;
        height: 60px;
        padding: 13px
    }
    .scrollToTop {
        display: none !important
    }
}

.regions-links-wrap {
    padding: 40px 0 45px;
    background: #20222a
}

.regions-links {
    text-align: center
}

.regions-links li {
    display: inline-block;
    padding: 0 15px 25px
}

.regions-links li a {
    color: #fff;
    text-decoration: underline
}

#main-page .article table td {
    border-color: #fff;
    vertical-align: middle;
    padding: 5px
}

#main-page .article table td p {
    margin-bottom: 0
}

.content-form input[name="mail"] {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.content-form {
    text-align: center;
    padding: 10px 25%
}

.content-form .input-form {
    margin-bottom: 10px;
    border: 1px solid #3e72d9;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    color: #20222a;
    font: 100% "HelveticaLight";
    background-color: #fff
}

.content-form [type="submit"] {
    margin-top: 15px
}

@media(max-width:767px) {
    .content-form {
        padding: 10px 0
    }
}

article p img {
    max-width: 100%;
    height: auto
}

a.g-form-btn {
    width: auto;
    display: inline-block;
    border: none;
    background: #005dff;
    color: #fff;
    padding: 25px 45px 24px;
    font-size: 112.5%;
    text-transform: uppercase;
    border-bottom: 5px solid #4d7cdb;
    cursor: pointer;
    transition: border .1s linear, background .1s linear
}

a.g-form-btn:hover {
    background: #d0483a;
    border-bottom: 5px solid #c22d2c
}

.mistakes {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    padding: 7px 10px 10px;
    margin: 30px 0;
    background: #E3E9EC
}

#mistake {
    background: rgba(0, 0, 0, .65);
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%
}

#m_window {
    position: absolute;
    background: #fff;
    border: 5px solid #aaa;
    width: 290px;
    min-height: 350px;
    height: auto;
    z-index: 150
}

#m_frame {
    border: 0;
    overflow: auto;
    width: 100%;
    height: auto;
    min-height: 350px
}

@media(max-width:600px) {
    .header-callback {
        display: none;
    }
}