@charset "UTF-8";

body {
    font-family: 'Gotham Pro', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #909090;
    margin: 0;
    padding: 0;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
}

:active,
:focus {
    outline: none !important;
}

.description_line {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.inline_block_center,
.flex_center,
.block_center {
    margin-left: auto;
    margin-right: auto;
}

.block_center {
    display: block;
}

.flex_center {
    display: -webkit-box;
    display: flex;
}

.inline_block_center {
    display: -webkit-box;
    display: flex;
}

@-webkit-keyframes go {
    100% {
        offset-distance: 100%;
    }
}

@keyframes go {
    100% {
        offset-distance: 100%;
    }
}

@-webkit-keyframes button_action_animation {
    0% {
        -webkit-clip-path: circle(10px at calc(100% - 24px) 21px);
        clip-path: circle(10px at calc(100% - 24px) 21px);
    }
    50% {
        -webkit-clip-path: circle(120% at 80% 21px);
        clip-path: circle(120% at 80% 21px);
    }
    100% {
        -webkit-clip-path: circle(10px at calc(100% - 24px) 21px);
        clip-path: circle(10px at calc(100% - 24px) 21px);
    }
}

@keyframes button_action_animation {
    0% {
        -webkit-clip-path: circle(10px at calc(100% - 24px) 21px);
        clip-path: circle(10px at calc(100% - 24px) 21px);
    }
    50% {
        -webkit-clip-path: circle(120% at 80% 21px);
        clip-path: circle(120% at 80% 21px);
    }
    100% {
        -webkit-clip-path: circle(10px at calc(100% - 24px) 21px);
        clip-path: circle(10px at calc(100% - 24px) 21px);
    }
}

#line_default {
    offset-path: path('M679 42.4751C723.982 58.0268 778.309 71.5754 833.5 94.8557C865.82 108.489 897.113 121.238 920.5 136.265C949.952 155.188 966.865 176.008 957.5 187.477C943.353 204.803 915.369 217.884 842 222.558C762.379 227.63 635.35 223.495 575.5 222.629C460.5 220.963 338 216.282 338 216.282C174.5 212.034 83.8306 231.262 86.5 277.31C89.6358 331.404 238.767 344.519 387 347.816C522.395 350.827 657.041 346.293 679 344.196C695.806 342.591 746.45 338.505 803.5 334.344C902.6 327.115 1021.03 325.566 1015 378.86C1005.5 462.834 814 486.757 737.5 486.757C661 486.757 540.748 473.9 387 449.164C211 420.847 56.3047 387.648 50.4998 469.181C44.695 550.714 330.229 522.685 414.5 584.401C427.266 593.75 458.127 610.279 487.737 657.146C504.515 683.701 519.533 720.659 534 769.925M534 769.925L536.5 762.602L527 764.555L534 769.925Z');
    visibility: visible;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    position: relative;
    top: -10px;
    left: 100px;
}

#line_default.active {
    -webkit-animation: go 3400ms 1 ease-in-out;
    animation: go 3400ms 1 ease-in-out;
}

#line_default.fade {
    opacity: 0;
    visibility: hidden;
}

.custom_dash_button_with_icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #468adc;
    text-decoration: none;
    font-weight: 600;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 18px;
    padding: 7px 15px;
    position: relative;
    left: -15px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.form-bottom-box .custom_dash_button_with_icon {
    left: 0;
    padding: 5px 15px;
}

.form-bottom-box .custom_dash_button_with_icon .hover_block {
    -webkit-clip-path: circle(10px at calc(100% - 23px) 19px);
    clip-path: circle(10px at calc(100% - 23px) 19px);
}

.form-bottom-box .custom_dash_button_with_icon span,
.form-bottom-box .custom_dash_button_with_icon {
    font-size: 15px;
}

.custom_dash_button_with_icon > span {
    display: inline-block;
    position: relative;
    margin: 0 !important;
    color: #468adc;
    z-index: 2;
}

.custom_dash_button_with_icon svg {
    position: relative;
    left: 5px;
    -webkit-transition: all.2s ease;
    transition: all.2s ease;
}
/* div#kviz {
    visibility: visible;
    padding: 16px;
} */
div#kviz {
    padding: 40px 32px 50px;
}
div#kviz .brif-form-tit {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 80px;
}

div#kviz .bl-after {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
/* or 150% */
    text-align: center;
    color: #494949;
    margin-bottom: 100px;
}

div#kviz .bl-after span {
    font-weight: 600;
    color: #1E4BA5;
}

div#kviz.rev-form .custom_dash_button {
    width: 60%;
    margin-bottom: 30px;
}
.custom_dash_button_with_icon .hover_block {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 15px;
    color: #ffffff;
    line-height: 100%;
    background: transparent;
    font-weight: 600;
    position: absolute;
    z-index: 5;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-clip-path: circle(10px at calc(100% - 24px) 21px);
    clip-path: circle(10px at calc(100% - 24px) 21px);
}

.custom_dash_button_with_icon .hover_block svg {
    cursor: pointer;
}

.custom_dash_button_with_icon .hover_block svg,
.custom_dash_button_with_icon .hover_block span {
    position: relative;
    z-index: 10;
    margin: 0 !important;
}

.custom_dash_button_with_icon:active svg {
    left: 10px;
}

.custom_dash_button_with_icon .hover_block:before {
    content: '';
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    position: absolute;
    background: #FE9914;
    -webkit-transition: all.6s ease;
    transition: all.6s ease;
    width: 100%;
    border-radius: 30px;
}

.custom_dash_button_with_icon:hover .hover_block {
    -webkit-clip-path: circle(120% at 80% 21px);
    clip-path: circle(120% at 80% 21px);
}

.custom_dash_button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    padding: 11px 25px;
    background: #FE9914;
    position: relative;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    cursor: pointer;
    border-radius: 30px;
    border: 1px solid #FE9914;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1);
}

.custom_dash_button,
.custom_dash_button > span,
.custom_dash_button > svg,
.custom_dash_button > svg path {
    -webkit-transition: all.4s ease;
    transition: all.4s ease;
}

.custom_dash_button.bg {
    color: #ffffff;
    background: #468adc;
}

#review .custom_dash_button,
#vacancy .custom_dash_button,
.rev-form .custom_dash_button,
.form-bottom-box .custom_dash_button,
.video-review .custom_dash_button,
.start-box .custom_dash_button,
.tarif .custom_dash_button {
    padding: 11px 20px 11px 25px;
}

.custom_dash_button > span {
    display: inline-block;
    position: relative;
    left: 0;
    margin: 0!important;
    color: #ffffff;
    z-index: 2;
}

.custom_dash_button > svg {
    position: relative;
    margin-left: 15px;
    left: 0;
}

.custom_dash_button > svg path:first-child {
    fill: #468ADC;
}

.custom_dash_button.bg > span {
    color: #ffffff;
}

.custom_dash_button:hover {
    box-shadow: -20px 0px 60px rgba(0, 0, 0, 0.35);
    background: #468ADC;
    border-color: #468ADC;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.custom_dash_button:hover > span {
    color: #ffffff;
    left: -5px;
}

.custom_dash_button:hover > svg {
    left: 5px;
}

.custom_dash_button:hover > svg path:first-child {
    fill: #FE9914;
}

body.nightmode{
    -webkit-filter: invert(100) hue-rotate(180deg);
    filter: invert(100) hue-rotate(180deg);
    background: rgba(0, 0, 80, .15);
}
body.nightmode img {
    -webkit-filter: invert(100) hue-rotate(180deg);
    filter: invert(100) hue-rotate(180deg);
}

a {
    text-decoration: none;
    -webkit-transition: color ease 0.2s;
    transition: color ease 0.2s;
    color: #909090;
}

a:hover {
    color: #FE9914;
}

img {
    max-width: 100%;
}

main {
    position: relative;
    overflow: hidden;
}

h1,.h1 {
    display: block;
    font-size: 45px;
    line-height: 125%;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 0;
    color: #004BA5;
}

h3 {
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 0;
}

h4 {
    display: block;
    font-size: 50px;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
    color: #004BA5;
    line-height: 56px;
}

.about-desc-box h4 {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 20px;
    text-align: left;
    color: #FE9914;
}

h5 {
    display: block;
    font-size: 30px;
    margin: 0 0 30px;
    padding: 0;
    line-height: 38px;
    color: #468ADC;
    font-weight: 700;
}

.elements-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -1;
}

.elements-bg img {
    display: block;
    position: absolute;
}

.element-1 {
    left: 0;
    top: 0%;
}

.element-2 {
    right: 0;
    top: 17%;
}

.element-3 {
    right: 0%;
    top: 53%;
}

.element-4 {
    left: 0;
    top: 63%;
}

.element-5 {
    left: 0;
    top: 5%;
}

.element-6 {
    right: 0;
    top: 10%;
}

.element-7 {
    right: 0;
    top: 10%;
}

.element-8 {
    left: 0;
    top: 30%;
}

.element-9 {
    top: 30%;
    left: 0;
}

.element-10 {
    top: 3%;
    right: 0;
}

.element-11 {
    top: 4200px;
    right: -70%;
}

.element-12 {
    top: 4800px;
    left: -50%;
}

.content {
    margin: 0 0 80px;
}

@-webkit-keyframes slide {
    0% {
        left: 0;
    }
    5% {
        left: -3px;
    }
    10% {
        left: 0;
    }
    15% {
        left: 3px;
    }
    20% {
        left: 0;
    }
    25% {
        left: -3px;
    }
    30% {
        left: 0;
    }
    35% {
        left: 3px;
    }
    40% {
        left: 0;
    }
    100% {
        left: 0;
    }
}

@keyframes slide {
    0% {
        left: 0;
    }
    5% {
        left: -3px;
    }
    10% {
        left: 0;
    }
    15% {
        left: 3px;
    }
    20% {
        left: 0;
    }
    25% {
        left: -3px;
    }
    30% {
        left: 0;
    }
    35% {
        left: 3px;
    }
    40% {
        left: 0;
    }
    100% {
        left: 0;
    }
}

[class$="_dragger_bar"] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation-name: slide;
    animation-name: slide;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

[class$="_dragger_bar"]:active,
[class$="draggerContainer"]:hover [class$="_dragger_bar"] {
    -webkit-animation: unset;
    animation: unset;
}

/* header */
header {
    z-index: 20;
    padding: 10px 0;
    position: relative;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    top: 0;
}

header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 150px;
    left: 0;
    top: 0;
    /*background: url(../images/header-bg-gray.svg) no-repeat center top;*/
    background: url(../images/header-bg-white.svg) no-repeat right 0px;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    z-index: 1;
}

.logo {
    display: table;
    margin: 20px 0 0;
    position: relative;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    z-index: 2;
    min-width: 230px;
}

.logo:hover {
    color: #909090;
}


.menutop {
    display: table;
    margin: 5px 0 0 auto;
    padding: 0;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    visibility: visible;
    opacity: 1;
    font-weight: 400;
    position: relative;
    z-index: 2;
}

.menutop li:last-child {
    margin-right: 0;
}

.menutop li {
    display: inline-block;
}

.menutop li a {
    color: #999999;
    font-size: 18px;
    display: block;
    height: 75px;
    line-height: 75px;
    width: 110px;
    font-weight: 500;
    text-align: center;
    -webkit-transition: background ease 0.3s, color ease 0.3s, font-weight linear 0s;
    transition: background ease 0.3s, color ease 0.3s, font-weight linear 0s;
    background: url("../images/menu-hover.svg") no-repeat;
    background-position: 1px 5px;
    background-size: 0px;
}

.menutop li a:hover, .menutop li a.active {
    color: #fff;
    background-size: 110px;
    font-weight: 700;
    background-position: 0px 9px;
}

.menu-list {
    display: table;
    margin: 185px 0 0;
    padding: 0;
}

.desc-box-title,
.menu-list li.menu-list-title {
    font-weight: bold;
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 100%;
    color: #FFFFFF;
}

.menu-list li {
    display: block;
}

.menu-list li a {
    display: block;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    margin: 30px 0;
    -webkit-transition: color ease 0.2s;
    transition: color ease 0.2s;
}

.menu-list li a.active {
    font-weight: 700;
}

.menu-list li a:hover, .menu-list li a.active {
    color: #FE9914;
}

.dark li a {
    font-weight: normal;
}

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

.social-y {
    display: table;
    padding: 0 15px 0 0;
    margin: 300px 0 0 auto;
}

.social-y li {
    display: block;
    margin: 15px 0;
}

.social-y li a {
    display: block;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
    opacity: 0.5;
}

.social-y li a:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.foot {
    display: table;
    padding: 0 15px 0 0;
    margin: 300px 0 0 auto;
}

.foot li {
    display: block;
    margin: 15px 0;
}

li.new_soc_icons a {
    position: relative;
    display: block;
    -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,.15));
    filter: drop-shadow(0 0 10px rgba(0,0,0,.15));
}

li.new_soc_icons a svg path {
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

li.new_soc_icons a svg {
    display: block;
    position: relative;
    top: 2px;
}

li.new_soc_icons a:hover svg [fill] {
    fill: #ffffff;
}

li.new_soc_icons a:hover svg [fill]:first-child {
    fill: #fe9914;
}


.foot li a {
    display: block;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
}

.foot li a:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.desc-box {
    display: table;
    font-size: 18px;
    margin: 185px 0 0 auto;
    line-height: 24px;
    position: relative;
    color: #ffffff;
}

.desc-box-item {
    display: -webkit-box;
    display: flex;
    margin-bottom: 30px;
    font-weight: 300;
}

.desc-box-item a {
    font-weight: 500;
}

.desc-box-item .icon {
    min-width: 20px;
    margin-right: 15px;
}

.desc-box-item .data {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.desc-box-item .data.phones {
    display: block;
}

.data-phones-item {
    line-height: 145%;
}

.desc-box-item.socials .icon {
    max-width: 90px;
    font-weight: 500;
}

.desc-box-item.socials {
    -webkit-box-align: center;
    align-items: center;
}

.desc-box-item-list ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.desc-box-item-list .new_soc_icons {
    margin-right: 10px;
}

.desc-box-item .data .open-heading {
    max-width: 60px;
    margin-right: 15px;
    font-weight: 500;
}

.desc-box-bg {
    position: absolute;
    bottom: -100px;
    left: -170px;
    z-index: -1;
}

.desc-box a {
    color: #ffffff;
}

.desc-box a:hover {
    color: #fe9914;
}

.desc-box b {
    display: block;
    font-size: 30px;
    color: #ffffff;
    line-height: 35px;
}

/* menu pop */
#menuArea input {
    display: none;
}

.open {
    background-color: #fff;
    width: 30px;
    height: 4px;
    display: block;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    top: 0;
    margin: 3px -5px 0 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

.open:before {
    content: "";
    background-color: #fff;
    width: 30px;
    height: 4px;
    display: block;
    border-radius: 2px;
    position: relative;
    top: -8px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.open:after {
    content: "меню";
    background-color: transparent;
    width: 30px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 2px;
    position: relative;
    top: 1px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.menuOpen {
    width: 66px;
    height: 69px;
    display: -webkit-box;
    display: flex;
    cursor: pointer;
    float: right;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    top: 5px;
    z-index: 9;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.menuOpen .icon {

}

.menuOpen .line {
    width: 45px;
    height: 5px;
    display: block;
    margin-bottom: 3px;
    border-radius: 30px;
    background-color: #468ADC;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.menuOpen.active .line:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 0;
}

.menuOpen.active .line:first-child + span {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -5px;
}

.menuOpen.active .line:last-child {
    opacity: 0;
    width: 0;
    visibility: hidden;
}

.menuOpen:hover .open:before {
    top: -9px;
}

.menuOpen:hover .open:after {
    top: 2px;
}

.menuOpen:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.menu {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(16, 68, 130, 0.93);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1001;
}

.menu .container {
    margin-bottom: 30px;
}

.menu label {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    background-size: 100%;
    cursor: pointer;
}

.menuContent {
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999;
}

.menuContent .parallax-3 {
    top: 17vw;
    left: 5vw;
}

.menuContent .parallax-3-1 {
    top: unset;
    bottom: 5vw;
    left: 45vw;
}

.menuContent .parallax-1 {
    top: 3vw;
    left: 5vw;
}

.menuContent.is-sticky {
    position: relative;
    height: 100%;
    overflow-y: auto;
    z-index: 999;
}

.menuEffects {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.menuEffects ul {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.checked {
    width: 100%;
    overflow: hidden;
}

body.checked header {
    z-index: 25;
}

body.checked .menutop {
    opacity: 0;
    visibility: hidden;
}

.vacancy-content h4 {
    text-align: left;
}

.menuEffects.active {
    z-index: 1003;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.menuEffects.active ul {
    opacity: 1;
}

#sticky-wrapper.is-sticky .menutop,
#sticky-wrapper.is-sticky .menuOpen {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.menuOpen.active .open {
    background-color: transparent;
}

.menuOpen.active .open:before {
    content: "";
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.menuOpen.active .open:after {
    content: "";
    background-color: white;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: 0;
    height: 4px;
    right: 0;
    z-index: 1;
}

#menuToggle:not(:checked) ~ .menuEffects ul {
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
}

/* breadcrumbs */
.breadcrumbs {
    margin: 0 0 20px;
    position: relative;
    z-index: 22;
}

.breadcrumbs.bread-header {
    margin: 65px 0 20px;
}

.breadcrumbs span {
    font-weight: 700;
    font-size: 12px;
    color: #FE9914;
}

.breadcrumbs a {
    font-weight: 400;
    font-size: 12px;
}

.breadcrumbs svg {
    margin: 0 10px -2px;
}

.breadcrumbs ul {
    display: block;
    margin: 0;
    padding: 0;
}

.breadcrumbs ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
}

.breadcrumbs ul li img {
    margin: 0 0 -2px 0;
}

.breadcrumbs.bread-service svg path {
    stroke: #fff;
}

.breadcrumbs.bread-service a,
.breadcrumbs.bread-service span,
.breadcrumbs.bread-service {
    color: #fff;
}



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



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

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

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

.parallax-el {
    -webkit-filter: unset;
    filter: unset;
    -webkit-transition: all.6s ease;
    transition: all.6s ease;
    position: absolute;
}

.parallax-el svg {
    -webkit-animation-name: spin-parallax;
    animation-name: spin-parallax;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.parallax-el path {
    opacity: .9;
}

.parallax-1 svg {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}

.parallax-1 svg {
    width: 9.375vw;
    height: 9.475vw;
}

.parallax-2 svg {
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
}

.parallax-2 svg {
    width: 8.375vw;
    height: 8.475vw;
}

.parallax-3 svg {
    -webkit-animation-name: spin-parallax-2;
    animation-name: spin-parallax-2;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
}

.parallax-3 svg {
    width: 3.6458333333333335vw;
    height: 3.7458333333333335vw;
}







/* first-box */
.first-box {
    margin-top: -200px;
    margin-bottom: 40px;
    padding: 250px 0 0;
    display: block;
    background: #468adc;
    clip-path: url(#mask1);
    -webkit-clip-path: url(#mask1);
    min-height: 970px;
}

.first-box-wrapper {
    -webkit-filter: drop-shadow(-7px 20px 10px rgba(70,138,220,.4));
    filter: drop-shadow(-7px 20px 10px rgba(70,138,220,.4));
}

.first-box-container {
    position: relative;
}

.first-box-container .parallax-1 {
    left: 1vw;
    top: 300px;
}

.first-box-container .parallax-2 {
    right: 1vw;
    top: 400px;
}

.first-box-container .parallax-3 {
    left: 10vw;
    top: 350px;
}

.first-box-bg {
    position: relative;
    left: -50px;
    max-width: 130%;
    margin-top: -100px;
}

.first-box .footer-logo {
    margin: 0;
}

.first-box-desc {
    display: block;
    font-size: 45px;
    margin: 30px 0;
}

.first-box .textrotator {
    color: #fdfdfd;
    letter-spacing: 1px;
    font-weight: 600;
}

.first-box .text-anim {
    border-color: #fdfdfd;
}

.first-box-desc h1 {
    display: block;
    font-size: 45px;
    font-weight: 400;
    margin: 0 0 30px;
    padding: 0;
    line-height: 58px;
    min-width: 640px;
    color: #ffffff;
}

.first-box .custom_dash_button_with_icon {
    left: 0;
}

.first-box-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #ffffff;
    text-align: justify;
    max-width: 400px;
    margin-bottom: 40px;
}

.first-box .nobg-but {
    margin: 30px 0 0;
}

.first-box-img {
    margin: -150px 0 0;
    position: relative;
    z-index: -1;
}







/* services-home */
.services-home {
    position: relative;
}

.services-home .parallax-1 {
    right: 50px;
    top: calc(90% + 10px);
}

.services-home .parallax-3 {
    right: 250px;
    top: calc(90% + 60px);
}

.services-home-line {
    min-height: 540px;
    background: url(https://dev.dash-agency.com.ua/wp-content/themes/dash/css/../images/services-home-line.svg) no-repeat center 95px;
    background-size: 25%;
}

.services-home-box {
    position: relative;
    cursor: pointer ;
    margin: 0 0 30px;
    padding: 0 20px 0 0;
    display: block;
}

.ser-left .services-home-box {
    margin-top: 40px;
}

.ser-right .services-home-box {
    padding: 0 0 0 20px;
}

.ser-right .services-home-box:before {
    content: '';
    position: absolute;
    left: 100px;
    top: 50%;
    width: 100%;
    height: calc(100% + 200px);
    background: url(../images/services-home-hover2.svg) no-repeat center;
    background-size: contain;
    z-index: -1;
    -webkit-transform: scale(0.8) translate(0, -50%);
    -ms-transform: scale(0.8) translate(0, -50%);
    transform: scale(0.8) translate(0, -50%);
    opacity: 0;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.ser-right .services-home-box:hover:before {
    content: '';
    opacity: 1;
    left: 10px;
    top: 80%;
    -webkit-transform: scale(1.3) translate(0, -50%);
    -ms-transform: scale(1.3) translate(0, -50%);
    transform: scale(1.3) translate(0, -50%);
}

.services-home-box:before {
    content: '';
    position: absolute;
    left: -100px;
    top: 50%;
    width: 100%;
    height: calc(100% + 200px);
    background: url(../images/services-home-hover.svg) no-repeat center;
    background-size: contain;
    z-index: -1;
    -webkit-transform: scale(0.8) translate(0, -50%);
    -ms-transform: scale(0.8) translate(0, -50%);
    transform: scale(0.8) translate(0, -50%);
    opacity: 0;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.services-home-box:hover .custom_dash_button_with_icon .hover_block {
    -webkit-clip-path: circle(120% at 80% 21px);
    clip-path: circle(120% at 80% 21px);
}

.services-home-box:hover:before {
    content: '';
    left: 10px;
    opacity: 1;
    top: 80%;
    -webkit-transform: scale(1.3) translate(0, -50%);
    -ms-transform: scale(1.3) translate(0, -50%);
    transform: scale(1.3) translate(0, -50%);
}

.services-home-box:hover .services-home-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.services-home-box p:before {
    position: absolute;
    content: '';
    width: 10%;
    height: 100%;
    border-radius: 30px;
    background: #FE9914;
    left: -10px;
    z-index: -1;
    top: 1px;
    opacity: 0;
    -webkit-transition: width ease 0.3s, opacity ease 0.3s;
    transition: width ease 0.3s, opacity ease 0.3s;
}

.services-home-box:hover p:before {
    width: 115%;
    opacity: 1;
}

.services-home-img {
    display: inline-block;
    width: 38%;
    -webkit-filter: grayscale(50);
    filter: grayscale(50);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.services-home-img img {
    max-width: 100%;
}

.ser-right .services-home-text {
    padding: 0 0 0 25px;
}

.services-home-text {
    display: inline-block;
    width: 60%;
    vertical-align: top;
    margin: 40px 0 0;
}

.services-home-box p {
    display: table;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/link.svg) no-repeat right center;
    padding: 7px 35px 3px 0;
    color: #468ADC;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin: 0;
    position: relative;
}

.services-home-box:hover p {
    color: #fff;
}

.services-home-box:hover .text {
    color: #ffffff;
}

.services-home-box .text {
    display: block;
    max-width: 270px;
    margin: 10px 0;
    line-height: 26px;
    font-size: 16px;
    font-weight: 300;
}

/* services-list */

.services-list-left {
    display: table;
    position: relative;
    max-width: 660px;
}

.services-list-left:before {
    content: '';
    position: absolute;
    left: -100px;
    top: 50%;
    width: 100%;
    height: calc(100% + 200px);
    background: url(../images/services-home-hover.svg) no-repeat center;
    background-size: contain;
    z-index: -1;
    -webkit-transform: scale(.8) translate(0,-50%);
    -ms-transform: scale(.8) translate(0,-50%);
    transform: scale(.8) translate(0,-50%);
    opacity: 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.services-list-left:hover .services-list-left-text .text {
    color: #fff;
}

.services-list-left:hover .custom_dash_button_with_icon .hover_block {
    -webkit-clip-path: circle(120% at 80% 21px);
    clip-path: circle(120% at 80% 21px);
}

.services-list-left:hover:before {
    content: '';
    left: -90px;
    opacity: 1;
    top: 80%;
    -webkit-transform: scale(1.3) translate(0,-50%);
    -ms-transform: scale(1.3) translate(0,-50%);
    transform: scale(1.3) translate(0,-50%);
}

.services-list-left.design:hover:before {
    content: '';
    left: -90px;
    opacity: 1;
    top: 80%;
    -webkit-transform: scale(1.3) translate(0,-50%);
    -ms-transform: scale(1.3) translate(0,-50%);
    transform: scale(1.3) translate(0,-50%);
}

.services-list-left:hover .services-list-left-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.services-list-left-img {
    display: inline-block;
    max-width: 280px;
    -webkit-filter: grayscale(50);
    filter: grayscale(50);
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.services-list-left-text {
    display: inline-block;
    max-width: 300px;
    vertical-align: top;
    margin: 40px 40px 0 40px;
    min-height: 200px;
}

.services-list-left-text .text {
    display: block;
    font-weight: 300;
    line-height: 26px;
    color: #104482;
    margin: 10px 0 0;
    font-size: 16px;
}

.ppc {
    margin: 50px 0 0 260px;
}

.ppc .services-list-left-img {
    margin: -110px 0 0 -30px;
}

.services-list1 .parallax-wrap {
    position: relative;
}

.thanks-page {
    position: relative;
}

.thanks-page .parallax-1 {
    top: 10vw;
    left: 3vw;
}

.thanks-page .parallax-3 {
    top: 8vw;
    left: 10vw;
}

.services-list1 .parallax-wrap .parallax-1 {
    top: 10vw;
    left: 3vw;
}

.services-list1 .parallax-wrap .parallax-3 {
    top: 8vw;
    left: 10vw;
}

.services-list .parallax-wrap2 {
    position: relative;
}

.services-list .parallax-wrap2 .parallax-1 {
    top: -10vw;
    left: 3vw;
}

.services-list .parallax-wrap2 .parallax-3 {
    top: -15vw;
    left: 10vw;
}

.services-list-box1 {
    background: url(../images/services-list-bg1.svg) no-repeat center 250px;
    padding: 0;
}

.services-list-box2 {
    background: url(../images/services-list-bg2.svg) no-repeat center bottom;
    padding: 10px 0 150px;
}

.services-list-box3 {
    background: url(../images/services-list-bg3.svg) no-repeat center top;
    padding: 10px 0 110px;
}

.design {
    margin: 50px auto 0 0;
}

.seo {
    margin: 50px 0 0 auto;
}

.web {
    margin: 100px 0 0 250px;
}

.ser-but {
    position: relative;
    left: 65px;
    min-width: 270px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.service-employee {
    background: url(../images/service-employee.svg) center center/cover no-repeat;
    padding: 120px 0;
}

.content.services {
    position: relative;
}

.content.services .parallax-1 {
    top: 40%;
    right: 3vw;
}

.content.services .parallax-3 {
    top: 60%;
    right: 1vw;
}

.service-employee .services {
    margin-bottom: 20px;
}

.service-employee .services h5 {
    margin-bottom: 20px;
}


/* about */
.about {
    position: relative;
}

.about .parallax-1 {
    top: 1vw;
    left: 12vw;
}

.about .parallax-3 {
    top: 10vw;
    left: 10vw;
}

.page-about .parallax-1 {
    top: 7vw;
    right: 5vw;
    left: unset;
}

.page-about .parallax-3 {
    top: 5vw;
    right: 3vw;
    left: unset;
}

.about .video-in-code {
    min-height: 490px;
    border-radius: 20px;
}

.about .video-in-code iframe {
    border-radius: 20px;
}

.about-top-img {
    margin: 0;
    text-align: right;
    position: relative;
}

.about-tit {
    display: block;
    font-size: 45px;
    text-align: center;
    font-weight: bold;
    color: #004BA5;
    margin: 0 0 40px;
}

.about-desc-box {
    display: block;
    margin: 0;
}





.desc-box-contacts a {
    color: #104482;
    font-weight: 500;
}

.desc-box-contacts {
    color: #104482;
    margin-left: 0;
    margin-top: 0 !important;
}

.desc-box-contacts .desc-box-item .data {
    max-width: 250px;
}




/* team */
.team {
    margin: 0 0 120px;
    position: relative;
}


.team .parallax-1 {
    right: 4vw;
    top: -2vw;
}

.team .parallax-3 {
    right: 4vw;
    top: 10vw;
}


.team-people {
    position: relative;
    margin: 0 0 110px;
}

.vac-img2 {
    width: 150%;
}

.team-people .custom_dash_button {
    margin-top: 30px;
}

.team-people .to-up {
    margin: -190px -78px 0;
}

.team-people .parallax-1 {
    left: 3vw;
    top: 18vw;
}

.team-people .parallax-3 {
    left: 12vw;
    top: 28vw;
}

.team-people.page-employee .parallax-1 {
    left: unset;
    top: 85%;
    right: 3vw;
}

.team-people.page-employee .parallax-3 {
    left: unset;
    top: 82%;
    right: 5vw;
}

.team-people h4 {
    position: relative;
    top: 70px;
    text-align: left;
}

.svg-team-people {
    position: absolute;
    z-index: -1;
    left: -60px;
    top: 0;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.team h1 {
    margin-bottom: 0;
}

.team .video-in-code {
    min-height: 655px;
    margin: 60px 0 0;
    border-radius: 20px;
}

.team .video-in-code iframe {
    border-radius: 20px;
}

.team .nobg-but {
    margin: 60px auto 0;
}

.team-tit {
    display: table;
    background: url(../images/team-tit.svg) no-repeat center;
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    width: 410px;
    height: 415px;
    margin: -30px 0 0 -50px;
}

.team-tit span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 70px;
}

.team-human {
    max-width: 260px;
    margin: 30px auto;
    position: relative;
}

.team-human span {
    display: block;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    color: #FE9914;
    margin: 5px 0;
}

.team-human b {
    display: block;
    text-align: right;
    font-weight: normal;
}

.team-human:hover .team-human-visible {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.team-human:hover .team-human-hidden  {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.team-human .team-human-hidden img {
    bottom: 12px;
    position: relative;
}

.team-human:hover .team-human-hidden img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.team-human-visible {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);

}
.team-human-visible img {
    width: 100%;
}

.team-human-hidden {
    position: absolute;
    width: 100%;
    top: 0;
    background: url(../images/human-bg.png) no-repeat center;
    background-size: contain;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.team-human-hidden img {
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
    display: block;
    margin: 0 auto;
}

.svgs {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

/* case-list */
.case-popular_news_section h2 {
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    color: #468adc;
    margin-top: 0;
}

.case-popular_news_section {
    padding: 60px 0 100px;
}

.case-popular_news_section .blog-latest {
    margin-bottom: 0;
}


.case-slider_caption {
    margin-top: 75px;
}

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

.case-slider_caption h2 {
    margin-top: 0;
}

.case-list {
    background: url('../images/case-bg.svg') center center/cover no-repeat;
    padding: 150px 0;
    margin-bottom: 30px;
}

.case-list h4 {
    text-align: left;
}

.case-list-box {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.case-list-box:hover .case-hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.case-list-box:hover .case-visible {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.case-hover {
    -webkit-transition: all ease .6s;
    transition: all ease .6s;
    position: absolute;
    top: 50px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 90%;
    opacity: 0;
    height: 380px;
    z-index: 2;
    left: 5%;
}

.case-other {
    position: relative;
}

.case-other .parallax-1 {
    top: -7vw;
    left: 2vw;
}

.case-other .parallax-3 {
    top: 4vw;
    left: 10vw;
}

.case-other .case-hover {
    top: 5px;
    -webkit-filter: drop-shadow(0 0 10px #fe9914);
    filter: drop-shadow(0 0 10px #fe9914);
}

.case-visible {
    min-height: 400px;
    -webkit-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

.case-other .case-visible {
    margin-bottom: 30px;
}

.case-list-box-img {
    display: block;
    background-size: cover !important;
    height: 460px;
    border-radius: 10px;
    position: relative;
}

.case-other .insvg {
    height: 390px;
    width: 110%;
    top: 10px;
    left: -5%;
}

.case-other .case-list-box-img {
    display: block;
    background-size: cover !important;
    height: 430px;
    border-radius: 10px;
    position: relative;
}

.case-list-box-img p {
    display: -webkit-box;
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 100px;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(255,255,255,.3);
}

.case-list-box-img p img {
    display: block;
    margin: 0 auto;
    max-width: 250px;
    max-height: 250px;
}

.case-list-box span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0 0;
    color: #104482;
    line-height: 120%;
}

.case-page-logo .insvg {
    width: 475px;
    height: 335px;
    margin: 0 auto;
}

.case-page-logo .insvg-box img {
    margin-bottom: 0;
}

.insvg {
    height: 370px;
    background-size: cover !important;
    position: relative;
    display: table;
    width: 100%;
    clip-path: url(#keycon);
    -webkit-clip-path: url(#keycon);
}

.insvg:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(254,153,20, 0.8);
}

.insvg-box {
    padding: 0 80px 0 40px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.insvg-box b {
    color: #ffffff !important;
    font-weight: bold;
    text-align: justify;
    display: block;
    line-height: 24px;
    font-size: 16px;
}

.insvg-box img {
    display: block;
    margin: 0 auto 20px;
    max-width: 220px;
    max-height: 80px;
}

.nobg-but {
    display: table;
    margin: 0 auto;
    background: url(../images/link.svg) no-repeat right center transparent;
    padding: 8px 32px 8px 0;
    font-size: 18px;
    font-weight: bold;
    color: #468ADC;
    cursor: pointer;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    position: relative;
    border: 0;
}

.nobg-but:hover {
    color: #fff;
}

.nobg-but:hover:before {
    opacity: 1;
    width: 110%;
}

.nobg-but:before {
    position: absolute;
    content: '';
    width: 10%;
    height: 100%;
    background: #FE9914;
    border-radius: 30px;
    left: -7%;
    top: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

.case-slider {
    margin: 0 0 80px;
}

.case-other-box {
    display: block;
    position: relative;
    max-width: 270px;
    margin: 20px auto;
}

.case-other .case-list-box {
    min-height: 520px;
}

.case-other-box-img {
    display: block;
    height: 270px;
    background-size: cover !important;
    border-radius: 10px;
    position: relative;
}

.case-other-box span {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0 0;
}

.case-other-box p {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}

.case-other-box p img {
    display: block;
    margin: 0 auto;
    max-width: 250px;
    max-height: 250px;
}

.case-page-slider {
    margin: 0 -20px 80px;
}

.case-page-slider-box {
    display: block;
    min-height: 150px;
    margin: 0 20px;
}

.case-page-sample {
    margin: 40px 0;
}

.text-box img {
    margin: 20px 0;
}

.text-box ul {
    padding: 0;
}
.title-box .h2,
.text-box .h2,
.title-box h2,
.text-box h2 {
    font-size: 30px;
    line-height: 40px;
    color: #468ADC;
	font-weight: 700;
}
.title-box .h2,
.title-box h2 {
    margin-top: 0;
}

.text-box li span,
.text-box li {
    list-style: none;
    margin-bottom: 15px;
    font-weight: 600 !important;
    color: #FE9914;
}

.text-box li a {
    font-weight: 600 !important;
    color: #FE9914;
}

.text-box li a svg path {
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.text-box li a:hover svg path {
    fill: #468ADC;
}

.text-box li a:hover {
    color: #468ADC;
}

.text-box ul li:before {
    content: url("../images/text-box-before.svg");
    display: inline-block;
    margin-right: 6px;
}
.text-box ol li:before {
    content: url("../images/text-box-before.svg");
    display: inline-block;
    margin-right: 6px;
}
.text-box ol {
    list-style: none;
    counter-reset: li;
}
.text-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #104482;
    margin-right: 8px;
}
.text-box ol li{font-weight: 400 !important;margin: 0 0 25px;font-family: "Gotham Pro", sans-serif;font-size: 18px;text-align: justify;line-height: 30px;color: #104482;}    
.text-box li svg {
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.case-page-sample .text-box {
    margin: 0;
}

.case-page-caption_block {
    margin-bottom: 70px;
}

.case-slider_caption img {
    margin: 0;
}

.case-page .text-box {
    margin: 0 0 30px;
}

.case-page .portfolio-case-slider {
    margin: 0 0 30px;
}

/* blog-list */
.blog-list-menu {
    display: block;
    margin: 0 0 10px;
    padding: 0;
}

.blog-list-menu li {
    display: inline-block;
    margin: 0 40px 0 0;
    font-weight: bold;
}

.blog-list-menu li:first-child {
    margin-left: 0;
}
.blog-list-menu li:last-child {
    margin-right: 0;
}

.blog-list-menu .active a svg {
    -webkit-transform: translate(-50%, -45%) scale(.9);
    -ms-transform: translate(-50%, -45%) scale(.9);
    transform: translate(-50%, -45%) scale(.9);
}

.blog-list-menu .active a {
    display: block;
    color: #fff !important;
    padding: 0;
}

.blog-list-menu li a {
    display: block;
    position: relative;
    line-height: 14px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.blog-list-menu li a span {
    position: relative;
    z-index: 1;
}

.blog-list-menu li a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    -webkit-transform: translate(-50%, -45%) scale(0);
    -ms-transform: translate(-50%, -45%) scale(0);
    transform: translate(-50%, -45%) scale(0);
    z-index: 0;
}

.blog-list-menu li a:hover svg {
    -webkit-transform: translate(-50%, -45%) scale(.9);
    -ms-transform: translate(-50%, -45%) scale(.9);
    transform: translate(-50%, -45%) scale(.9);
}

.blog-list-menu li a:hover {
    color: #ffffff;
}

.blog-list-box {
    display: block;
    position: relative;
    min-height: 320px;
    background-size: cover !important;
    border-radius: 10px;
    margin: 30px 0 0;
}

.blog-latest-slider .slick-next {
    right: -90px;
}

.blog-latest-slider .slick-prev {
    left: -90px;
}

.blog-latest-slider-right .blog-list-box-text-info {
    max-width: 100%;
    width: 100%;
}

.blog-latest-slider-right .blog-list-box .image:before,
.blog-list-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 10px;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}

.blog-latest-slider-right .blog-list-box:hover .image:before,
.blog-list-box:hover:before {
    background: rgba(16, 68, 130, 0.85);
}

.blog-page-box:hover:before {
    background: rgba(0, 0, 0, 0.5);
}

.blog-latest-slider-right .blog-list-box:before {
    display: none;
}

.blog-page-box:before {
    background: rgba(0, 0, 0, 0.50);
}

.blog-list-box-text {
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
    bottom: 0;
    width: 100%;
    padding: 20px 40px 35px;
}

.blog-list-box .date {
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    top: 30px;
    width: 147px;
    padding: 6px 0;
    color: #ffffff;
    background: #FE9914;
    border-radius: 0px 20px 20px 0px;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
}

.blog-list-box-text-info {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 15px;
    font-weight: 600;
    -webkit-box-ordinal-group: 2;
    order: 1;
    color: #ffffff !important;
}

.blog-list-box-text .blog-list-box-text-more {
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.blog-list-box:hover .blog-list-box-text-more {
    color: #FE9914;
}

.blog-list-box-text-info span:first-child {
    margin-bottom: 10px;
}

.blog-list-box-text-info span {
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
}

.blog-list-box-text-info svg {
    margin: 0 15px 0 0;
}

.blog-list-box-text-info i {
    display: table;
    font-weight: 600;
    font-style: normal;
    margin: 0 0 0 auto;
}

.blog-page-box h1,
.blog-list-box-text b {
    font-size: 30px;
    line-height: 36px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    display: inline-block;
    width: 100%;
}

.blog-page-box h1 {
    color: #ffffff;
    line-height: 30px;
}

.category_page h1 {
    margin-bottom: 10px;
}

.category_page .parallax-1 {
    left: 5vw;
    top: 18vw;
}

.category_page .parallax-3 {
    left: 10vw;
    top: 15vw;
}

.category_page .blog-list-heading {
    margin-bottom: 20px;
}

.category_page .blog-list-box {
    margin-top: 50px;
}

.category_page .blog-list-box p {
    width: 95px;
    height: 95px;
    line-height: 100px;
    right: -10px;
}

.category_page .blog-list-box:hover b {
    text-decoration: underline;
}

.category_page .blog-list-box-text b {
    color: #ffffff;
    margin-bottom: 5px;
}

.blog-latest-slider-left .blog-page-box h1,
.blog-latest-slider-left .blog-list-box-text b {
    margin-bottom: 25px;
}

.blog-list-box-text-caption {
    max-width: 65%;
    color: #ffffff;
}

.blog-list-box:hover .blog-list-box-text-more {
    text-decoration: underline;
}

.blog-list-box p {
    display: block;
    position: absolute;
    right: -20px;
    top: -30px;
    width: 105px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 110px;
    margin: 0;
    height: 105px;
    background: url(../images/category-bg.svg) no-repeat center;
    background-size: contain;
}

.blog-page-box {
    min-height: 300px;
    margin: 0 0 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.blog-page-box h1 {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    max-width: 60%;
}

.blog-page-content {
    padding-right: 25px;
}

.blog-page-content .blog-list-box-text {
    padding: 20px 35px 20px 20px;
}

.blog-page-box-caption {
    position: relative;
}

.blog-page {
    margin: 50px 0 40px;
}

.blog-page ul {
    list-style-image: url("../images/list_bullet.png");
}

.blog-page ul li {
    line-height: 20px;
    margin-bottom: 10px;
}

.author-box {
    display: block;
    margin: 70px 0 0;
}

.blog-page .author-box {
    margin-top: 25px;
}

.blog-page .author-box b {
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
}

.blog-page .author-box span {
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
}

.author-box_social {
    display: -webkit-box;
    display: flex;
}

.author-box_social h5 {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 49px;
    margin-right: 15px;
}

.blog-page .new_soc_icons {
    margin-bottom: 0;
}

.author-box_info,
.blog-page .author-box {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.author-box_info_image {
    -webkit-filter: drop-shadow(0px 4px 6px rgba(0,0,0,.2));
    filter: drop-shadow(0px 4px 6px rgba(0,0,0,.2));
}

.author-box_info img {
    margin-right: 15px;
    -webkit-clip-path: url(#mask1);
    clip-path: url(#mask1);
}

.author-box_info_content {
}

.case-page .author-box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.author-box b {
    font-size: 18px;
    font-weight: 300;
    color: #FE9914;
    display: block;
    margin: 0 0 5px;
}

.author-box span {
    display: block;
    font-weight: 300;
}

.social-x {
    display: table;
    margin: 0;
    padding: 0;
}

.case-page .social-x {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.case-page .author-box h5 {
    margin-right: 20px;
    margin-bottom: 0;
}

.popular-list {
    display: block;
    margin-left: -15px;
    padding: 0 0 10px 40px;
    border-left: 1px solid #468ADC;
}

.popular-list-tit {
    display: block;
    font-size: 24px;
    line-height: 39px;
    color: #468ADC;
    font-weight: bold;
}

.popular-list ul {
    display: block;
    margin: 0;
    padding: 0;
}

.popular-list ul li {
    display: block;
    margin: 20px 0;
    line-height: 18px;
}

.popular-list ul li:last-child {
    margin-bottom: 0;
}

.popular-list ul li a {
    color: #104482;
}

.popular-list ul li a:hover {
    color: #fe9914;
}

.pagination {
    display: table;
    margin: 30px auto 0;
    padding: 0;
}

.pagination li {
    display: inline-block;
    font-size: 18px;
    margin: 0 4px;
}

.pagination li a {
    display: block;
    padding: 7px 10px 5px 8px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    position: relative;
    min-width: 30px;
    text-align: center;
}

.pagination li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/pagination-hover-bg.svg) no-repeat center;
    background-size: contain;
    opacity: 0;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.pagination li a:hover {
    color: #468ADC;
}

.pagination li a:hover:before {
    color: #468ADC;
    opacity: 1;
}

.pagination li span.current {
    display: block;
    background: url(../images/pagination-bg.svg) no-repeat center;
    background-size: contain;
    color: #fff;
    padding: 7px 10px 5px 8px;
    min-width: 30px;
    text-align: center;
}

.blog-latest-slider-left {
    display: inline-block;
    width: 68.3760%;
    vertical-align: top;
    padding: 0 30px 0 0;
}

.blog-latest-slider-right {
    display: inline-block;
    width: 29%;
}

.blog-latest-slide .blog-list-box {
    margin: 30px 0;
}

.blog-latest-slider-left .blog-list-box {
    height: 430px;
    border: 1px solid #000000;
}

.blog-latest-slider-right .blog-list-box {
    min-height: 200px;
}

.blog-latest-slider-right .blog-list-box:hover .blog-list-box-text b {
    color: #fe9914;
}

.blog-latest-slider-right .blog-list-box b {
    font-size: 14px;
    line-height: 18px;
}

.blog-latest-slider-right .blog-list-box-text {
    padding: 20px;
    flex-wrap: wrap;
}

.blog-list-box-text-caption-text {
    font-weight: 300;
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}

.blog-latest-slider-right .blog-list-box p {
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
    right: -28px;
    top: -28px;
}

.blog-latest-slider-right .blog-list-box-text-info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 7px;
}

.blog-latest-slider-right .blog-list-box-text-info span {
    color: #909090;
    margin-right: 20px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-bottom: 0;
}

.blog-list-box .date svg {
    margin-right: 10px;
}

.blog-latest-slider-right .blog-list-box .date {
    top: 12px;
}

.blog-latest-slider-right .blog-list-box-text-caption {
    max-width: 100%;
}

.blog-latest-slider-right .blog-list-box-text b {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
}

.blog-latest-slider-right .blog-list-box-text-caption {
    color: #000000;
}

.blog-latest-slider-right .blog-list-box-text {
    position: relative;
    left: 0;
    top: 0;
    padding: 12px 0 0;
}

.blog-latest-slider-right .blog-list-box .image {
    position: relative;
    border-radius: 10px;
    height: 114px;
    width: 100%;
}

.blog-list-social-title {
    font-weight: bold;
    font-size: 14px;
    line-height: 13px;
    color: #468ADC;
    margin-bottom: 15px;
}

.blog-list-social-item {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 10px;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.1));
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,.1));
}

.blog-list-social-item:last-child {
    margin-right: 0;
}

.blog-list-social-item svg .bg,
.blog-list-social-item svg .obj path {
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.blog-list-social-item:hover svg .bg {
    fill: #FE9914;
}

.blog-list-social-item:hover svg .obj path {
    fill: #ffffff;
}







/* video-review */
.video-in-box {
    display: block;
    margin:  auto;
    padding: 15px;
}

.video-in-box:hover .video-in-code:before {
    opacity: 1;
}

.video-in-code:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/play.svg) no-repeat center rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.video-in-code {
    display: block;
    background: #ccc;
    min-height: 320px;
    border-radius: 10px;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden;
}

.video-in-code iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.video-in-name {
    display: table;
    font-size: 18px;
    color: #104482;
    font-weight: bold;
    margin: 20px 0 5px;
}

.video-in-desc {
    display: table;
    font-size: 18px;
    color: #909090;
    font-weight: 300;
}

.video-in-fb {
    display: table;
    float: right;
    margin: 15px 15px 0 0;
    -webkit-filter: drop-shadow(2px 4px 6px rgba(0,0,0,.15));
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,.15));
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.video-in-fb:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: drop-shadow(2px 4px 6px rgba(0,0,0,.25));
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,.25));
}

.video-in-fb .bg,
.video-in-fb .obj path {
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.video-in-fb:hover .bg {
    fill: #FE9914;
}

.video-in-fb:hover .obj path {
    fill: #ffffff;
}

.but-lg {
    display: table;
    margin: 30px auto;
    font-size: 18px;
    color: #468ADC;
    font-weight: bold;
    border: 1px solid #468ADC;
    border-radius: 30px;
    padding: 10px 20px;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.but-lg:hover {
    background: #468ADC;
    color: #fff;
}

.slick-disabled {
    -webkit-filter: grayscale(50);
    filter: grayscale(50);
    cursor: default !important;
    opacity: 0;
}

.slick-disabled:hover {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-prev, .slick-next {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    top: calc(50% - 12px);
}

.slick-prev:hover, .slick-next:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.testimonial-page .video-review-slider {
    padding: 0;
    margin: 0 -15px;
}

.testimonial-page .video-in-code {
    border-radius: 20px;
}

.testimonial-page .video-in-fb {
    margin-right: 0;
}

.testimonial-page .clients-content.clients-bg {
    background: unset;
    padding: 50px 0 0;
}


.testimonial-page .text-review {
    background: url("../images/text-review-bg-2.svg") center top/cover no-repeat;
    margin-top: 0;
}

.video-review-slider, .text-review-slider, .text-review-slider-text {
    padding: 0 40px;
}

.text-review-slider-text .slick-prev {
    left: -25px;
}

.text-review-slider-text .slick-next {
    right: -25px;
}

.fixbuttons {
    z-index: 1002;
    position: relative;
}

/* text-review */
.text-review {
    position: relative;
    padding: 120px 0 100px;
    margin-top: -50px;
    margin-bottom: 50px;
    z-index: 1;
    background: url('../images/text-review-bg.svg') center top/cover no-repeat;
}

.text-review .custom_dash_button {
    min-width: 270px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@-webkit-keyframes slow_jump {
    0% {
        top: 0;
    }
    50% {
        top: -20px;
    }
    100% {
        top: 0;
    }
}

@keyframes slow_jump {
    0% {
        top: 0;
    }
    50% {
        top: -20px;
    }
    100% {
        top: 0;
    }
}

.text-review-slider .draggable {
    padding: 50px 0 20px;
    top: -50px;
}

.text-review-box {
    display: table;
    margin: 0 auto;
    max-width: 190px;
    width: 100%;
    -webkit-transition: -webkit-transform ease 0.3s;
    transition: -webkit-transform ease 0.3s;
    transition: transform ease 0.3s;
    transition: transform ease 0.3s, -webkit-transform ease 0.3s;
}

.text-review-box.without_socials .review-txt,
.text-review-box.without_socials .review-desc {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.text-review-box .image .square_padding {
    padding-bottom: 100%;
}

.text-review-box .image {
    position: relative;
    -webkit-perspective: 200px;
    perspective: 200px;
    display: block;
    -webkit-transition: all.6s ease;
    transition: all.6s ease;
}

.text-review-box .image .front {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.text-review-box .image .front,
.text-review-box .image .back {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all.6s ease;
    transition: all.6s ease;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.text-review-box .image .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.text-review-box:hover .image {
    -webkit-animation-name: slow_jump;
    animation-name: slow_jump;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
}

.text-review-box:hover .image .back {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.text-review-box:hover .image .front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.text-review-box b {
    display: table;
    font-size: 18px;
    color: #FE9914;
    margin: 15px 0 5px;
}

.text-review-box span {
    display: table;
    font-weight: 300;
}

.text-review-box .soc {
    display: table;
    float: right;
    margin: 20px 10px 0 0;
    -webkit-transition: -webkit-transform ease 0.2s;
    transition: -webkit-transform ease 0.2s;
    transition: transform ease 0.2s;
    transition: transform ease 0.2s, -webkit-transform ease 0.2s;
    -webkit-filter: drop-shadow(3px 1px 10px rgba(0,0,0,.15));
    filter: drop-shadow(3px 1px 10px rgba(0,0,0,.15));
}


.text-review-box .soc:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: drop-shadow(3px 1px 15px rgba(0,0,0,.35));
    filter: drop-shadow(3px 1px 15px rgba(0,0,0,.35));
}

.text-review-box .soc svg path {
    -webkit-transition: all.2s ease;
    transition: all.2s ease;
}

.text-review-box .soc:hover svg .bg {
    fill: #fe9914;
}

.text-review-box .soc:hover svg .obj path {
    fill: #fff;
}

.text-review-box .image img {
    width: 100%;
    max-height: 300px;
    max-width: none !important;
}

.rev-box {
    display: block;
}

.rev-box-tit {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 15px;
    font-size: 30px;

    line-height: 36px;
    color: #FE9914;
    font-weight: bold;
}

.rev-box-tit a {
    display: inline-block;
    position: relative;
    -webkit-transition: -webkit-transform ease .2s;
    transition: -webkit-transform ease .2s;
    transition: transform ease .2s;
    transition: transform ease .2s, -webkit-transform ease .2s;
    left: 15px;
    top: 2px;
    -webkit-filter: drop-shadow(2px 4px 6px rgba(0,0,0,.15));
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,.15));
}

.rev-box-tit a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.rev-box-desc {
    display: block;
    font-size: 14px;
    font-weight: 300;
}

.rev-box-text {
    display: block;
    margin: 20px 0 0;
    font-size: 18px;
    color: #104482;
    font-weight: 400;
    line-height: 25px;
}

.video-review-slider .slick-next {
    right: -100px;
}

.video-review-slider .slick-prev {
    left: -100px;
}

.video-review-slider-row .slick-prev {
    left: -100px;
}

.video-review-slider-row .slick-next {
    right: -100px;
}

.clients-content.clients-bg {
    padding: 120px 0;
    background: url('../images/clients-bg.svg') center center/cover no-repeat;
}

#mCSB_2_scrollbar_horizontal {
    max-width: calc(100% - 60px);
    top: calc(100% + 20px);
}

.clients-content .mCSB_container {
    padding: 35px 0;
}

.clients-content .mCSB_1_scrollbar {
    width: 100%;
    max-width: calc(100% - 70px);
}

.clients-slider {
    width: calc(100% + 30px);
}

.clients-row {
    margin: 0 -50px;
}

.clients-slider-box {
    display: block;
    text-align: center;
    margin: 20px auto;
    width: 185px;
    height: 85px;
    position: relative;
    cursor: pointer;
    line-height: 85px;
}

.clients-content h4 {
    text-align: left;
    margin-bottom: 0;
}

.clients-slider-box .hover-block {
    position: absolute;
    top: calc(50% + 20px);
    left: calc(50% - 10px);
    z-index: -1;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    visibility: hidden;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    opacity: 0;
}

.clients-slider-box:hover .hover-block {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    visibility: visible;
    opacity: 1;
}

.clients-slider-box img {
    margin: 0 auto;
    -webkit-filter: grayscale(50);
    filter: grayscale(50);
    -webkit-transition: -webkit-filter ease-out 0.3s;
    transition: -webkit-filter ease-out 0.3s;
    transition: filter ease-out 0.3s;
    transition: filter ease-out 0.3s, -webkit-filter ease-out 0.3s;
    vertical-align: middle;
}

.clients-slider-box:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.clients-slider {
    margin: 0 0 100px;
}

.clients {
    margin: 0 0 40px;
}

/* specialist slider */
.specialist {
    position: relative;
    margin-bottom: 10px;
}
.specialist .container {
    position: relative;
    z-index: 1;
}

.specialist-slider {
    margin: 0 0 100px;
}

.specialist-slider-box {
    display: block;
    text-align: center;
    padding: 0 20px;
}

.specialist-slider-box svg {
    max-width: 190px !important;
    margin: 0 auto;
}


.specialist-slider-box img {
    width: 100%;
    max-height: 100%;
    max-width: none;
}

.specialist-slider-box-name {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #FE9914;
    margin: 10px 0 0;
    line-height: 23px;
}

#mCSB_1_scrollbar_horizontal {
    max-width: calc(100% - 80px);
    top: calc(100% + 20px);
}

/* services-top */
.services-top {
    -webkit-clip-path: url(#mask1);
    clip-path: url(#mask1);
    background: #468ADC;
    min-height: 810px;
    padding-top: 210px;
    margin-top: -205px;
}

.services-top h5,
.services-top h1 {
    color: #ffffff;
}

.services-top h1 {
    margin-bottom: 25px;
    font-size: 50px;
    line-height: 56px;
}

.services-top h5 {
    margin-bottom: 30px;
    font-weight: 400;
}

.services-top .text-single {
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 35px;
}

.services-top .custom_dash_button {
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.service-top-wrapper {
    -webkit-filter: drop-shadow(-7px 20px 10px rgba(70,138,220,.3));
    filter: drop-shadow(-7px 20px 10px rgba(70,138,220,.3));
}

.services-top-img {
    margin: 0;
    position: relative;
    z-index: -1;
}

.services-top-img-svg {
    left: 60px;
    top: -60px;
    max-width: 100%;
    position: absolute;
    z-index: -1;
}

.top_wrapper_parallax {
    position: relative;
    z-index: 1;
}

.top_wrapper_parallax .parallax-1 {
    right: 10vw;
    top: 5vw;
}

.top_wrapper_parallax .parallax-3 {
    right: 15vw;
    top: 20vw;
}

/* why-us */


.why-us {
    position: relative;
}

.why-us .parallax-1 {
    top: 15vw;
    left: 3vw;
}

.why-us .parallax-3 {
    left: 10vw;
    top: 10vw;
}

.why-us-box-img {
    display: -webkit-box;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 85px;
    height: 85px;
    background: url(../images/why-bg.svg) no-repeat center;
}

.work .why-us-box-img {
    background: url(../images/why-bg-2.svg) no-repeat center;
}

/* why-us */
.content.work .why-us-box-img {
    margin: 0 auto;
}

.why-us-box-img img {
    margin: 15px 0 0 13px;
}

.why-us-box.why-us_service {
    margin-bottom: 30px;
}

.why-us-box.why-us_service span {
    color: #104482;
}

.why-us-box.why-us_service .why-us-box-img {
    background: url(../images/why_bg-2.svg) -2px 4px/cover no-repeat;
}

.content.description {
    position: relative;
}

.content.description .parallax-1 {
    right: 10vw;
    top: 60%;
}

.content.description .parallax-3 {
    top: 85%;
    right: 10vw;
}

.content.description h4,
.why-us h4 {
    text-align: left;
}

.why-us-box span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 20px 0 0;
    text-align: center;
    color: #909090;
}

.why-us-box b {
    display: block;
    font-size: 30px;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    color: #468ADC;
    margin: 30px 0 0;
}

.why-img-pos {
    display: block;
    width: 46px;
    height: 46px;
    background-size: contain;
    position: relative;
    top: 0;
    left: -3px;
}

.why-us-box-img-1 {background: url(../images/tri.svg) no-repeat center;}
.why-us-box-img-2 {background: url(../images/values.svg) no-repeat center;background-size: contain;}
.why-us-box-img-3 {background: url(../images/strategy.svg) no-repeat center;background-size: contain;}
.why-us-box-img-4 {background: url(../images/mission.svg) no-repeat center;background-size: contain;}
.why-us-box-img-5 {background: url(../images/star.svg) no-repeat center;}
.why-us-box-img-6 {background: url(../images/tri.svg) no-repeat center;}
.why-us-box-img-7 {background: url(../images/tri.svg) no-repeat center;}
.why-us-box-img-8 {background: url(../images/star.svg) no-repeat center;}
.why-us-box-img-9 {background: url(../images/tri.svg) no-repeat center;}
.why-us-box-img-10 {background: url(../images/star.svg) no-repeat center;}
.why-us-box-img-11 {background: url(../images/tri.svg) no-repeat center;}
.why-us-box-img-12 {background: url(../images/tri.svg) no-repeat center;}
.why-us-box-img-13 {background: url(../images/star.svg) no-repeat center;}
.why-us-box-img-14 {background: url(../images/tri.svg) no-repeat center;}
.why-us-box-img-15 {background: url(../images/tri.svg) no-repeat center;}
.why-us-box-img-16 {background: url(../images/tri.svg) no-repeat center;}

.benefits .why-us-box-img-2 {background: url(../images/values2.svg) no-repeat center;background-size: contain;}
.benefits .why-us-box-img-3 {background: url(../images/strategy2.svg) no-repeat center;background-size: contain;}
.benefits .why-us-box-img-4 {background: url(../images/mission2.svg) no-repeat center;background-size: contain;}


.content.work .why-us-box-img-5 {background: url(../images/experience.svg) no-repeat center;background-size: contain;}
.content.work .why-us-box-img-4 {background: url(../images/clients.svg) no-repeat center;background-size: contain;}
.content.work .why-us-box-img-3 {background: url(../images/projects.svg) no-repeat center;background-size: contain;}
.content.work .why-us-box-img-2 {background: url(../images/employee.svg) no-repeat center;background-size: contain;}

.employee-page .vac-img {
    margin-top: -400px;
}

.benefits .why-us-box b,
.benefits .why-us-box span {
    color: #fff;
}

.work .why-us-box {
    display: table;
    text-align: center;
    margin: 10px auto 30px;
}

.work .why-us-box b {
    margin: 12px 0 10px;
}

.work .why-us-box span {
    margin: 0;
}

.work h4 {
    text-align: left;
    margin-bottom: 70px;
}

.to-ma {
    padding: 40px 0 0;
}

/* step */
.step {
    margin: 60px 0 200px;
    padding: 150px 0 350px;
    background: url("../images/step-bg2.svg") center/cover no-repeat;
}

.step h4 {
    text-align: left;
}

.step-box {
    display: block;
    background: url(../images/step-bg.svg) no-repeat center;
    background-size: contain;
    max-width: 705px;
    height: 505px;
    position: relative;
    margin: -50px auto 0;
}

#work-stage-5-0 {top: 39%;left: -2%;}
#work-stage-5-1 {top: 86%;left: 33%;}
#work-stage-5-2 {top: -8%;left: 44%;}
#work-stage-5-3 {top: 63%;left: 75%;}
#work-stage-5-4 {top: 5%;left: 95%;}

.work {
    position: relative;
}

.work .parallax-1 {
    top: 90%;
    right: 3vw;
}

.work .parallax-3 {
    top: 90%;
    right: 2vw;}

.step-box .description-map-box {
    min-width: 250px;
}

.step-box .description-map-box p {
    display: block;
    color: #104482;
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    margin: 8px 0 0;
}

/* tarif */
.tarif {
    margin: 0 0 30px;
    position: relative;
    padding: 140px 0;
    background: url(../images/tarif-block-bg.svg) center center/cover no-repeat;
}

.tarif .parallax-1 {
    top: 50%;
    left: 5vw;
}

.tarif .parallax-3 {
    top: 70%;
    left: 4vw;
}

.tarif h4 {
    text-align: left;
    margin-bottom: 35px;
}

#mCSB_3_scrollbar_horizontal {
    max-width: calc(100% - 60px);
    min-width: calc(100% - 60px);
}

.custom_dash_button.service-package {
    margin: 0 auto 40px;
    max-width: 270px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    /*max-width: calc(100% - 60px);*/
}

.tarif-box-list {
    padding: 0 30px 30px;
    height: 100%;
}

.tarif-box-list ul {
    padding: 0;
    list-style: none;
    counter-reset: line-number;
}

.tarif-box-list li {
    padding: 0;
    display: -webkit-box;
    display: flex;
    counter-increment: line-number;
    color: #909090;
    font-size: 18px;
    -webkit-box-align: center;
    align-items: center;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 20px;
}

.tarif-box-list li:before {
    content: counter(line-number);
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    background: url("../images/tarif-list-item.svg") center center/cover no-repeat;
    position: relative;
    margin-right: 10px;
    min-width: 40px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.tarif-box {
    display: block;
    border-radius: 30px;
    margin: 0 auto 15px;
    background: #ffffff;
    min-height: 250px;
    position: relative;
    box-shadow: 0 0 10px rgba(0 0 0 / 7%);
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.tarif-box:hover {
    box-shadow: 0 0 20px rgba(0 0 0 / 14%);
}

.tarif-box:after {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 100px;
    font-weight: 700;
    line-height: 90px;
    color: #F4F4F4;
}

.tarif-box.box-1:after {
    content: '1';
}

.tarif-box.box-2:after {
    content: '2';
}

.tarif-box.box-3:after {
    content: '3';
}


.tarif-box-heading {
    background: url(../images/tarif-bg.svg) no-repeat 0 0;
    padding: 25px 30px;
    min-height: 181px;
    border-radius: 30px;
}

.tarif-box-title {
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 15px;
    max-width: 60%;
}

.tarif-box-short {
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    max-width: 100%;
}

.tarif-box-price_block {
    padding: 0 30px;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 70px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: end;
    align-items: flex-end;
}

.tarif-box-old_price {
    color: #909090;
    text-decoration: line-through;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    min-width: 100%;
}

.tarif-box-price {
    color: #004BA5;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    min-width: 100%;
}

.tarif-box.empty-box {
    padding-bottom: 1px;
}

.tarif-box-price h5 {
    color: #004BA5;
}

.tarif-box .tarif-box-heading {
    background: #004BA5;
}

.tarif-box.box-2 .tarif-box-heading {
    background: #468ADC;
}

.tarif-box.box-1 .tarif-box-heading {
    background: #91BCE8;
}

.tarif-box.box-2 .tarif-box-price {
    color: #468ADC;
}

.tarif-box.box-2 h5 {
    color: #468ADC;
}

.tarif-box.box-1 .tarif-box-price {
    color: #91BCE8;
}

.tarif-box.box-1 h5 {
    color: #91BCE8;
}

.tarif-box i {
    display: block;
    text-align: right;
    padding: 0 25px 5px;
    text-decoration: line-through;
    font-style: normal;
    height: 0px;
}

.tarif-box p {
    display: block;
    padding: 10px 20px 20px;
    text-align: right;
    font-size: 30px;
    color: #468ADC;
    margin: 0;
}

/* description */
.description-desc {
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: #104482;
    line-height: 30px;
}

.description-map {
    display: block;
    background: url(../images/line-num-bg-test.svg) no-repeat center top;
    background-size: contain;
    width: 100%;
    height: 806px;
    position: relative;
    margin: -70px 0 0;
}

.description-map-box {
    display: block;
    max-width: 180px;
    position: absolute;
}

.description-map-box span {
    display: -webkit-box;
    display: flex;
    width: 65px;
    height: 82px;
    background: url(../images/desc-num-bg.svg) no-repeat center bottom;
    font-size: 40px;
    color: #ffffff;
    font-weight: 700;
    margin: 0 0 10px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.description-map-box b {
    font-size: 18px;
    font-weight: bold;
    color: #468ADC;
}

#stage-9-0 {left: 74%;top: -5%;}
#stage-9-1 {left: 77%;top: 15%;}
#stage-9-2 {left: 9%;top: 16%;}
#stage-9-3 {left: 30%;top: 31.2%;}
#stage-9-4 {left: 67%;top: 30.5%;}
#stage-9-5 {left: 80%;top: 46%;}
#stage-9-6 {left: 5%;top: 40%;}
#stage-9-7 {left: 37%;top: 60.5%;}
#stage-9-8 {left: 46.5%;top: 78%;}

#stage-8-0 {
    left: 56%;
    top: -2%;
}

#stage-8-1 {
    left: 47%;
    top: 21%;
}

#stage-8-2 {
    left: 20%;
    top: 22%;
}

#stage-8-3 {
    left: 37%;
    top: 35.2%;
}

#stage-8-4 {
    left: 65%;
    top: 35.5%;
}

#stage-8-5 {
    left: 76%;
    top: 51%;
}

#stage-8-6 {
    left: 15%;
    top: 45%;
}

#stage-8-7 {
    left: 39%;
    top: 65%;
}


#stage-7-0 {left: 74%;top: -5%;}
#stage-7-1 {left: 77%;top: 15%;}
#stage-7-2 {left: 9%;top: 16%;}
#stage-7-3 {left: 30%;top: 31.2%;}
#stage-7-4 {left: 80%;top: 46%;}
#stage-7-5 {left: 5%;top: 40%;}
#stage-7-6 {left: 37%;top: 60.5%;}

#stage-6-0 {left: 74%;top: -5%;}
#stage-6-1 {left: 9%;top: 16%;}
#stage-6-2 {left: 67%;top: 30.5%;}
#stage-6-3 {left: 80%;top: 46%;}
#stage-6-4 {left: 5%;top: 40%;}
#stage-6-5 {left: 37%;top: 60.5%;}

/* problem */
.problem-slider {
    margin: 0 0 100px;
}

.problem {
    margin-top: 50px;
}

.problem-box {
    display: block;
    min-height: 260px;
    background: #468ADC;
    background-size: 300px;
    border-radius: 30px;
    margin: 0 15px;
    transition: all.3s ease;
    box-shadow: 0 0 10px rgba(0, 75, 165, 0.52);
}

.problem-box:hover {
    background: #004BA5;
}

.problem-box span {
    display: block;
    padding: 30px;
    color: #ffffff;
    min-height: 90px;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
}

.problem-box b {
    display: block;
    color: #ffffff;
    text-align: right;
    padding: 30px 30px;
    font-weight: bold;
    font-size: 30px;
    line-height: 39px;
}

.problem-slider .slick-slide {
    padding: 20px 0;
}

/* benefits */
.benefits {
    background: url("../images/benefits-bg.svg") center center/cover no-repeat;
    padding: 80px 0 70px;
}

.benefits-wrap {
    position: relative;
}

.benefits-wrap > svg {
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 820px;
    height: 110px;
    top: -10px;
}

.benefits h4 {
    color: #fff;
}

.benefits-box {
    display: block;
    font-size: 18px;
    padding: 0 0 0 50px;
    line-height: 30px;
    margin: 20px 0;
    font-weight: 300;
    position: relative;
    z-index: 10;
}
.benefits-box img {
    margin-bottom: -9px;
    margin-right: 5px;
    margin-left: -43px;
    position: relative;
    left: -7px;
}

/* portfolio slider */
#mCSB_4_scrollbar_horizontal {
    max-width: 100%;
}

.portfolio-case-slider,
.portfolio-slider {
    margin: 0 0 100px;
}

.portfolio-case-slider .slick-list,
.portfolio-slider .slick-list {
    overflow-x: auto;
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -50px !important;
}

.mCSB_dragger {
    width: 23px !important;
    height: 23px !important;
    margin: -4px 0 0 0 !important;
}

.mCSB_dragger_bar {
    width: 23px !important;
    height: 26px !important;
    background: url("../images/scroll.svg") no-repeat center !important;
    margin: 0 !important;
}

.mCSB_draggerRail {
    border-radius: 10px !important;
}

.mCSB_scrollTools {
    display: block;
    margin: 0 auto;
    max-width: 40%;
}

.contact-page {
    position: relative;
}

.contact-page .parallax-3 {
    top: 12vw;
    left: 10vw;
}

.contact-page .parallax-1 {
    top: 0;
    left: 2vw;
}

.portfolio-short-box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 215px;
    background-size: cover !important;
    margin: 18px 8px;
    border-radius: 10px;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.portfolio-short h4 {
    text-align: left;
}

.portfolio-short {
    position: relative;
}

.portfolio-short .parallax-1 {
    top: 0;
    left: 1vw;
}

.portfolio-short .parallax-3 {
    left: 9vw;
    top: 13vw;
}

.portfolio-case-slider .portfolio-short-box {
    min-height: 190px;
    margin: 15px 0;
}

.portfolio-short-box:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* contacts */
.map-box {
    display: block;
    position: relative;
    padding: 30px 0 0;
    height: 100%;
    width: 100%;
    max-width: 570px;
    min-height: 350px;
}

.city {
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin: 50px 0 40px;
    color: #104482;
}

.contacts-list {
    display: block;
    margin: 40px 0 0;
    padding: 0;
}

.contacts-list li {
    font-size: 18px;
    margin: 30px 0 0;
    padding: 5px 0 5px 35px;
    font-weight: 300;
    display: block;
    line-height: 24px;
}

.contacts-social {
    display: block;
    margin: 70px 0 0;
    padding: 0;
}

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

.contacts-social li a {
    display: block;
    -webkit-transition: -webkit-transform ease 0.2s;
    transition: -webkit-transform ease 0.2s;
    transition: transform ease 0.2s;
    transition: transform ease 0.2s, -webkit-transform ease 0.2s;
}

.contacts-social li a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.map-box:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/map-bg.svg") no-repeat center;
    background-size: contain;
    z-index: -1;
}

/* thanks */
.thanks-box-in {
    display: table;
    margin: 0 0 0 auto;
}

.thanks-box-tit {
    display: block;
    font-size: 45px;
    font-weight: bold;
    color: #004BA5;
}

.thanks-box-desc p,
.thanks-box-desc ul,
.thanks-box-desc ol {
    margin: 0;
}

.thanks-box-desc {
    display: table;
    font-size: 30px;
    font-weight: bold;
    margin: 25px 0 30px;
    color: #468ADC;
}


.thanks-box {
    margin-top: 50px;
}

.thanks-box-img img {
    max-width: 100%;
}

/* 404 */
.four-box-in {
    display: table;
    margin: -180px 0 0 auto;
}

.page404 {
    position: relative;
}

.page404 .parallax-3 {
    top: -2vw;
    right: 10vw;
}

.page404 .parallax-1 {
    right: 3vw;
    top: 1vw;
}

.four-box-tit {
    display: block;
    text-align: right;
    font-size: 45px;
    color: #004BA5;
    font-weight: bold;
}

.four-box-desc {
    display: table;
    font-size: 30px;
    line-height: 130%;
    font-weight: bold;
    color: #468ADC;
    margin: 15px 0 20px;
}

.thanks-but,
.four-box-but {
    width: 270px;
    max-width: 270px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

/* chart */
.chart-box {
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(#E1F0FF), color-stop(59.14%, rgba(234, 245, 255, 0)));
    background: linear-gradient(0deg, #E1F0FF 0%, rgba(234, 245, 255, 0) 59.14%);
    border-radius: 25px;
    padding: 20px 35px;
}

.chart-box.archive {
    background: #fff;
}

.chart-in {
    display: block;
    padding: 13px 0;
}

/*.chart-in:hover .chart-line {
	background: #FE9914;
}

.chart-in:hover .chart-line b {
	color: #FE9914;
}*/

.chart-in.loaded .chart-line {
    background: #FE9914;
}

.chart-in.loaded .chart-line b {
    color: #FE9914;
}

.chart-in span {
    display: inline-block;
    width: 29%;
    font-size: 18px;
    font-weight: bold;
    color: #468ADC;
}

.chart-line-bg {
    display: inline-block;
    width: 70%;
    background: #DADADA;
    border-radius: 7px;
}

.chart-line {
    background: #468ADC;
    border-radius: 7px;
    position: relative;
    height: 8px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.chart-line b {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    top: -19px;
    font-weight: normal;
    color: #468ADC;
    font-size: 16px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.start-box {
    display: block;
    max-width: 370px;
}

.start_box-image {
    margin-top: -100px;
}

.psd {
    margin: 50px auto 30px !important;
}

.start-box-tit {
    font-size: 18px;
    font-weight: bold;
    color: #FEB24F;
    margin: 10px 0 25px;
    text-align: center;
}

.start-box .custom_dash_button {
    width: 100%;
    max-width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.blue-but {
    display: table;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 40px;
    position: relative;
    z-index: 1;
}

.blue-but:hover {
    color: #468ADC;
}

.blue-but:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #468ADC;
    left: 0;
    top: 0;
    border-radius: 30px;
    z-index: -2;
}

.blue-but:hover:after {
    opacity: 1;
    width: 103%;
    margin: 0 0 0 -3px;
    border-color: #468ADC;
}

.blue-but:after {
    position: absolute;
    content: '';
    border: 1px solid transparent;
    width: 10%;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    border-radius: 30px;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    z-index: -1;
}

.border-but {
    display: table;
    margin: 30px auto 0;
    border-radius: 30px;
    border: 1px solid #468ADC;
    color: #468ADC;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 35px;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    position: relative;
    background: transparent;
    cursor: pointer;
    z-index: 2;
}

.border-but.border-but-white {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}

.border-but:hover:before {
    opacity: 1;
    width: 100%;
}

.border-but.border-but-white:hover:before {
    opacity: 1;
    width: 100%;
    background-color: #fff;
}

.border-but:before {
    position: absolute;
    content: '';
    width: 10%;
    top: 0;
    left: 0;
    height: 100%;
    background: #468ADC;
    border-radius: 30px;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    z-index: -1;
}
.border-but.border-but-white:before {
    position: absolute;
    content: '';
    width: 10%;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    border-radius: 30px;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    z-index: -1;
}

.border-but:hover {
    color: #fff;
}

.border-but.border-but-white:hover {
    color: #468ADC;
}

/* form bottom */
.form-bottom {
    background: url('../images/service-brif-bg.svg') center center/cover no-repeat;
    padding: 70px 0 200px;
    margin-bottom: -150px;
}

.form-bottom-box .brif {
    max-width: 370px;
}

.form-bottom-box .custom_dash_button {
    max-width: 100%;
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.form-bottom-box .brif input::-webkit-input-placeholder, .form-bottom-box .brif textarea::-webkit-input-placeholder {
    color: rgba(255,255,255,.5);
}

.form-bottom-box .brif input:-ms-input-placeholder, .form-bottom-box .brif textarea:-ms-input-placeholder {
    color: rgba(255,255,255,.5);
}

.form-bottom-box .brif input::-ms-input-placeholder, .form-bottom-box .brif textarea::-ms-input-placeholder {
    color: rgba(255,255,255,.5);
}

.form-bottom-box .brif input::placeholder,
.form-bottom-box .brif textarea::placeholder {
    color: rgba(255,255,255,.5);
}

.form-bottom-box .brif input,
.form-bottom-box .brif textarea {
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.5);
    color: #ffffff;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    padding: 0 25px;
    height: 50px;
}

.form-bottom-box .brif input:hover,
.form-bottom-box .brif textarea:hover,
.form-bottom-box .brif input:focus,
.form-bottom-box .brif textarea:focus {
    border: 1px solid #ffffff;
}

.form-bottom-box .brif textarea {
    padding: 20px 25px;
    border-radius: 30px;
    height: 100px;
}

.form-bottom-box-title {
    display: block;
    font-size: 50px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #fff;
}

.form-bottom-img {
    text-align: right;
    padding-right: 65px;
}

.inpbuttwo {
    display: table;
    margin: 15px auto 0;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    border: 0;
    cursor: pointer;
    background: url(../images/orange-right.svg) no-repeat right center;
    padding: 5px 35px 5px 0;
    -webkit-transition: color ease 0.3s;
    transition: color ease 0.3s;
}

.inpbuttwo:hover {
    color: #FE9914;
}

/* catch-form */
.catch-form .parallax-1 {
    right: 5vw;
    top: .5vw;
}

.catch-form .parallax-3 {
    right: 3vw;
    top: 10vw;
}

.catch-form {
    background: url(../images/catch-bg.svg) center/cover no-repeat;
    padding: 90px 0 80px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.catch-form .subscription {
    max-width: 1180px;
    margin: 0 auto;
}

.catch-form h4 {
    color: #fff;
    margin-bottom: 25px;
    line-height: 39px;
}

.catch-form .inp-box input::-webkit-input-placeholder {
    color: rgba(255,255,255,.5);
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    font-size: 18px;
}

.catch-form .inp-box input:-ms-input-placeholder {
    color: rgba(255,255,255,.5);
    -ms-transition: all.3s ease;
    transition: all.3s ease;
    font-size: 18px;
}

.catch-form .inp-box input::-ms-input-placeholder {
    color: rgba(255,255,255,.5);
    -ms-transition: all.3s ease;
    transition: all.3s ease;
    font-size: 18px;
}

.catch-form .inp-box input::placeholder {
    color: rgba(255,255,255,.5);
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    font-size: 18px;
}

.catch-form .inp-box input {
    height: 50px;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,.5);
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
    font-size: 18px;
    color: rgba(255,255,255,1);
    padding: 0 20px -0px 30px;
}

.catch-form .inp-box input:focus::-webkit-input-placeholder, .catch-form .inp-box input:hover::-webkit-input-placeholder {
    color: rgba(255,255,255,1);
}

.catch-form .inp-box input:focus:-ms-input-placeholder, .catch-form .inp-box input:hover:-ms-input-placeholder {
    color: rgba(255,255,255,1);
}

.catch-form .inp-box input:focus::-ms-input-placeholder, .catch-form .inp-box input:hover::-ms-input-placeholder {
    color: rgba(255,255,255,1);
}

.catch-form .inp-box input:focus::placeholder,
.catch-form .inp-box input:hover::placeholder {
    color: rgba(255,255,255,1);
}


.catch-form .inp-box input:focus,
.catch-form .inp-box input:hover {
    border-color: rgba(255,255,255,1);
}

.catch-form .inp-box input,
.catch-form .inp-box textarea,
.catch-form .inp-box select,
.catch-form .inp-box button,
.catch-form .inp-box {
    width: 100%;
    display: block;
}

.catch-form .custom_dash_button {
    max-width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}



/* subscribe */
.subscribe {
    background: url(../images/subscribe-bg.svg) no-repeat center;
    background-size: contain;
    padding: 90px 0 80px;
}

.subscribe-box-tit {
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin: 15px 0 30px;
}

.subscribe-box {
    display: block;
}

.sub-inp {
    display: inline-block;
    background: transparent;
    border: none;
    border-bottom: 1px solid #909090;
    font-size: 14px;
    padding: 8px 3px;
    width: 200px;
    margin: 0 30px 0 0;
}

.sub-but {
    display: inline-block !important;
}

/* vacancy */
.boy-box {
    display: table;
    margin: 30px auto;
    position: relative;
}

.boy-box:hover .vacancy-box-hidden {
    -webkit-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    opacity: 1;
}

.boy-box:hover .vacancy-box-visible {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.content.vacancy {
    position: relative;
}

.content.vacancy .parallax-1 {
    top: 40%;
    right: 5vw;
}

.content.vacancy .parallax-3 {
    top: 30%;
    right: 3vw;
}

.vacancy-box-visible {
    text-align: center;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.vacancy-box-visible span {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #FE9914;
    max-width: 170px;
    margin: 5px 0 0;
}

.vacancy-box-hidden {
    opacity: 0;
    position: absolute;
    top: -20px;
    text-align: center;
    left: 50%;
    width: 270px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transform: translate(-50%) scale(0.5);
    -ms-transform: translate(-50%) scale(0.5);
    transform: translate(-50%) scale(0.5);
    z-index: 2;
}

.vacancy-box-hidden .custom_dash_button {
    max-width: 270px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 270px;
}

.vacancy-box-hidden img {
    max-width: 185px;
    margin-bottom: 5px;
}

.vac-img {
    margin: -500px 0 0;
    position: relative;
    z-index: -1;
}

.to-up {
    margin-top: -150px;
}

/* book boy */
.content.book-boy {
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 0;
    color: #104482;
    line-height: 30px;
    padding: 60px 0;
}

.book-boy h1 {
    margin-bottom: 15px;
}

.text-box {
    font-weight: 400;
    margin: 0 0 25px;
    font-family: "Gotham Pro", sans-serif;
    font-size: 18px;
    text-align: justify;
    line-height: 30px;
    color: #104482;
}
.text-box .h2,
.text-box .h2 span,
.text-box h2,
.text-box h2 span {
    font-family: Gotham Pro, sans-serif;
    font-weight: bold !important;
    font-size: 30px;
    line-height: 39px;
    color: #468ADC;
}

.custom-list {
    list-style-image: url(../images/list-style.svg);
    font-size: 18px;
    font-weight: 300;
}

.custom-list li {
    margin: 10px 0;
}

.blue-text {
    font-weight: bold;
    color: #468ADC;
    font-size: 30px;
    line-height: 135%;
}

.orange-text {
    font-weight: bold;
    color: #FE9914;
}

.text-anim {
    display: inline-table;
    border-left: 4px solid #909090;
    font-size: 30px;
    font-weight: 300;
    vertical-align: top;
    height: 80px;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    line-height: 38px;
    letter-spacing: 1px;
}

.text-anim-top {
    border-left: 2px solid #909090;
    font-size: 14px;
    line-height: normal;
    height: 38px;
    font-weight: 600;
    color: #8c8c8c;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}

.textrotator {
    vertical-align: middle;
    display: table-cell;
}

.footer-logo img {
    display: inline-block;
}

.text-review-slider .slick-slide {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

/* footer */
footer {
    padding: 150px 0 0;
    margin-bottom: -2px;
    position: relative;
    z-index: 1000;
    background: url('../images/footer-bg.svg') center center/cover no-repeat;
}

footer .parallax-1 {
    right: 1vw;
    top: 1vw;
}

footer .parallax-3 {
    right: 7vw;
    top: 10vw;
}

footer img {
    max-width: none;
}

.foot {
    position: fixed;
    top: calc(50% - 57px);
    right: 20px;
    margin: 0;
    padding: 0;
}

.footer-logo {
    display: table;
    margin: 0 0 -60px;
}

.footer-tit {
    font-size: 30px;
    font-weight: bold;
    color: #104482;
    margin: 70px 0 20px;
}

.footer-tit.with_border {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 50px;
    padding-top: 15px;
}

.footer-menu {
    display: inline-table;
    margin: 0;
    padding: 0;
    width: 48%;
}

.footer-menu li {
    display: block;
}

.footer-menu li a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #104482;
    margin: 15px 0 0;
    -webkit-transition: color ease 0.2s;
    transition: color ease 0.2s;
}

.footer-menu li a:hover {
    color: #FE9914;
}

.footer-slider-anim {
    position: relative;
    top: -30px;
}

.footer-slider-anim:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/slider-bg.svg") no-repeat center;
    background-size: contain;
    left: 0;
    top: 0;
    -webkit-animation: footer infinite linear 9s;
    animation: footer infinite linear 9s;
}

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

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

.footer-slider {
    width: 100%;
}

.footer-slide img {
    display: block;
    width: 100%;
	height: auto;
}

.footer-slide {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.pd {
    padding: 80px 0 0;
}

.preza {
    display: table;
    margin: 15px auto 0;
    color: #468ADC;
}

.copyr {
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 75px 0 45px;
    color: #ffffff;
    background: url('../images/footer-copyr-bg.svg') center center/cover no-repeat;
}

.footer-slider-anim {
    padding: 0 10px;
    overflow: hidden;
}

.copyr-block {
    max-width: 150px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 22px;
    color: rgba(255,255,255,.5);
    font-weight: 400;
}

.copyr-soc-title {
    margin-bottom: 15px;
}

.copyr-soc-item svg path,
.copyr-soc-item {
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.copyr-soc-item:hover {
    -webkit-filter: drop-shadow(2px 4px 6px rgba(0,0,0,.15));
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,.15));
}

.copyr-soc-item:hover svg .bg {
    fill: #fe9914;
}

.copyr-soc-item:hover svg .obj path {
    fill: #ffffff;
}

.fixbtn {
    position: fixed;
    bottom: 20px;
    -webkit-transition: bottom ease 0.3s, -webkit-transform ease 0.3s;
    transition: bottom ease 0.3s, -webkit-transform ease 0.3s;
    transition: transform ease 0.3s, bottom ease 0.3s;
    transition: transform ease 0.3s, bottom ease 0.3s, -webkit-transform ease 0.3s;
    -webkit-filter: drop-shadow(2px 4px 6px rgba(0,0,0,.15));
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,.15));
    width: 70px;
    height: 70px;
    right: 20px;
}

.fixbtn svg {
    width: 100%;
}

.fixbtn svg path {
    width: 100%;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.fixbtn:hover svg .bg {
    fill: #fe9914;
    stroke: #fe9914;
}

.upbtn:hover {
    bottom: 35px;
}

.telbtn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* form */
.form-tit {
    display: block;
    text-align: center;
    font-size: 20px;
    margin: 5px 0 30px;
    font-weight: 500;
}

.inp-error, .inp-box {
    position: relative;
    display: inline-block;
}

form.review.inp-error:before {
    display: none;
}

.inp-error input {
    border-bottom: 1px solid #FE9914;
}

.inp-error:before {
    content: 'Это поле обязательное';
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    font-size: 13px;
    color: #FE9914;
}
.inp-errorr:before {
    content: 'Некоректний код номера';
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    font-size: 13px;
    color: #FE9914;
}
.inp-error-text {
    display: block;
    color: #FE9914;
    margin: 20px 0;
}

.inp {
    display: block;
    width: 100%;
    border: none;
    font-size: 18px;
    padding: 10px 12px;
    border-bottom: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.inpbut {
    display: table;
    padding: 10px 18px;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #468ADC;
    border-radius: 30px;
    color: #468ADC;
    font-weight: bold;
    margin: 70px auto 0;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    background: transparent;
}

.inpbut:hover {
    background: #468ADC;
    color: #fff;
}

.rev-form .inpbut {
    margin: 40px auto 0;
}

.rev-form .inp::-webkit-input-placeholder {
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.rev-form .inp:-ms-input-placeholder {
    -ms-transition: all.3s ease;
    transition: all.3s ease;
}

.rev-form .inp::-ms-input-placeholder {
    -ms-transition: all.3s ease;
    transition: all.3s ease;
}

.rev-form .inp::placeholder {
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.rev-form .inp {
    height: 50px;
    border-radius: 30px;
    border: 1px solid rgba(218,218,218,1);
    padding: 0 25px;
    color: #104482;
    font-weight: 700;
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.rev-form .inp::-webkit-input-placeholder {
    color: rgba(218,218,218,1);
    font-weight: 500;
}

.rev-form .inp:-ms-input-placeholder {
    color: rgba(218,218,218,1);
    font-weight: 500;
}

.rev-form .inp::-ms-input-placeholder {
    color: rgba(218,218,218,1);
    font-weight: 500;
}

.rev-form .inp::placeholder {
    color: rgba(218,218,218,1);
    font-weight: 500;
}

.rev-form .custom_dash_button {
    width: 100%;
    max-width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.rev-form .inp:hover::-webkit-input-placeholder, .rev-form .inp:focus::-webkit-input-placeholder {
    color: #104482;
}

.rev-form .inp:hover:-ms-input-placeholder, .rev-form .inp:focus:-ms-input-placeholder {
    color: #104482;
}

.rev-form .inp:hover::-ms-input-placeholder, .rev-form .inp:focus::-ms-input-placeholder {
    color: #104482;
}

.rev-form .inp:hover::placeholder,
.rev-form .inp:focus::placeholder {
    color: #104482;
}

.rev-form .inp:hover,
.rev-form .inp:focus {
    border-color: #104482;
}

.rev-form textarea.inp {
    height: 100px;
    padding-top: 20px;
}

.form-lit-box {
    display: inline-block;
    width: 48%;
}

.form-lit-box .inp {
    margin: 0 !important;
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(10,10,10,0.7);
    z-index: 1004;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    visibility: hidden;
    top: 180px;
    position: absolute;
    z-index: 1005;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.brif-form {
    background: url(../images/pop-bg.svg) no-repeat -150px 50px #E7E7E7;
    border-radius: 75px;
    padding: 150px 110px 60px;
    width: 100%;
    max-width: 576px;
}

.rev-pop {
    background: #ffffff;
    border-radius: 40px;
    padding: 50px 60px;
    width: 100%;
    max-width: 700px;
    box-shadow: 5px 10px 0px rgba(0, 0, 0, 0.05);
}

.rev-form {
    background: #ffffff;
    padding: 40px 75px 50px;
    border-radius: 30px;
    width: 100%;
    max-width: 550px;
}

.brif-form-tit {
    display: block;
    text-align: center;
    font-size: 40px;
    line-height: 47px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #004BA5;
}

.brif-form .inp-error, .rev-form .inp-error {
    display: block;
}

.rev-box-image {
    margin-right: 30px;
}

.rev-box-imageClip {
    max-width: 100px;
    -webkit-filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
    filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
}

.rev-box-heading {
    display: -webkit-box;
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #C6C6C6;
    margin-bottom: 20px;
}

.close-reveal-modal {
    position: absolute;
    top: -55px;
    right: -70px;
    width: 67px;
    height: 67px;
    background: url(../images/close-bg.svg) no-repeat center;
    line-height: 82px;
    cursor: pointer;
}

.close-reveal-modal img {
    -webkit-transition: -webkit-transform ease-out 0.3s;
    transition: -webkit-transform ease-out 0.3s;
    transition: transform ease-out 0.3s;
    transition: transform ease-out 0.3s, -webkit-transform ease-out 0.3s;
    margin: 0 0 0 18px;
}

.close-reveal-modal:hover img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

textarea, input {
    font-family: 'Gotham Pro', sans-serif;
    font-weight: normal;
}

textarea {
    resize: none;
}

*:focus {
    outline: none;
}

.rev-form .inp-box {
    display: block;
    margin-bottom: 30px;
}

.rev-form ::-webkit-input-placeholder, .brif-form ::-webkit-input-placeholder, .form-bottom-box ::-webkit-input-placeholder {
    color:#fff;
}

.rev-form :-ms-input-placeholder, .brif-form :-ms-input-placeholder, .form-bottom-box :-ms-input-placeholder {
    color:#fff;
}

.rev-form ::-ms-input-placeholder, .brif-form ::-ms-input-placeholder, .form-bottom-box ::-ms-input-placeholder {
    color:#fff;
}

.rev-form ::placeholder, .brif-form ::placeholder, .form-bottom-box ::placeholder {
    color:#fff;
}


/*post comments*/

#respond { }
#reply-title { }
#cancel-comment-reply-link { }
#commentform { }
#author { }
#email { }
#url { }
#comment
#submit
.comment-notes { }
.required { }
.comment-form-author { }
.comment-form-email { }
.comment-form-url { }
.comment-form-comment { }
.comment-form-cookies-consent { }
.form-allowed-tags { }
.form-submit

#respond {
    background: #fbfbfb;
    padding:0 10px 0 10px;
}

/* Highlight active form field */

#respond input[type=text], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
}

#author, #email {
    font-family: "Open Sans", "Droid Sans", Arial;
    font-style:italic;
    color:#1d1d1d;
    letter-spacing:.1em;
}

#url  {
    color: #1d1d1d;
    font-family: "Luicida Console", "Courier New", "Courier", monospace;
}

#submit {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #44c767), to(#5cbf2a));
    background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color:#44c767;
    border-radius:28px;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:16px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
}

#submit:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #5cbf2a), to(#44c767));
    background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
    background-color:#5cbf2a;
}
#submit:active {
    position:relative;
    top:1px;
}

.serv-buts {
    width: 100%;
    max-width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: unset;
}

.all-services h4 {
    margin-bottom: 40px;
}

.all-services.front-page {
    padding-bottom: 0;
}

.onoffswitch {
    position: relative;
    -webkit-perspective: 80px;
    perspective: 80px;
    display: inline-table;
    cursor: pointer;
    padding-bottom: 30px;
    vertical-align: top;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; cursor: pointer;
    height: 5px; padding: 0; line-height: 5px;
    border: 0px solid #FFFFFF; border-radius: 19px;
    background-color: #9E9E9E;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    width: 40px;
    position: relative;
    margin: 0 auto;
}
.onoffswitch-label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: -7px;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 31px;
    border-radius: 19px;
    background-image: url("../images/services-ico/onoff.svg");
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: drop-shadow(0 6px 12px #757575);
    filter: drop-shadow(0 6px 12px #757575);
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.onoffswitch-label:after {
    content: "off";
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FE9914;
    text-transform: uppercase;
    position: absolute;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    width: 100%;
    text-align: center;
    bottom: -17px;
}

.onoffswitch-checkbox:checked ~ .onoffswitch-label:after {
    content: "on";
}

.onoffswitch-checkbox:checked ~ .onoffswitch-label {
    background-color: #DADADA;
}
.onoffswitch-checkbox:checked ~ .onoffswitch-label,
.onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
    border-color: #DADADA;
}
.onoffswitch-checkbox:checked ~ .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
    right: 0px;
    top: -3px;
    width: 28px;
    height: 28px;
    -webkit-filter: drop-shadow(0 3px 3px rgba(0,0,0,.15));
    filter: drop-shadow(0 3px 3px rgba(0,0,0,.15));
}



@-webkit-keyframes bloom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    33% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    66% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}



@keyframes bloom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    33% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    66% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.onoffswitch .ims {
    -webkit-animation-name: bloom;
    animation-name: bloom;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.onoffswitch:nth-child(1) .ims {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.onoffswitch:nth-child(2) .ims {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.onoffswitch:nth-child(3) .ims {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.onoffswitch:nth-child(4) .ims {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.onoffswitch:nth-child(5) .ims {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.onoffswitch:nth-child(6) .ims {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.onoffswitch .ims .back,
.onoffswitch .ims .front {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    height: 100%;
    left: 0;
    top: 0;
}

.onoffswitch .ims .front {
    -webkit-filter: grayscale(50);
    filter: grayscale(50);
}

.onoffswitch .ims .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.onoffswitch-checkbox:checked + .ims .back {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.onoffswitch-checkbox:checked + .ims .front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.onoffswitch-checkbox:checked + .ims {
    -webkit-animation: none;
    animation: none;
}

.ims {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}

.ims img {
    position: absolute;
    bottom: 10px;
    max-height: 100px;
}



.all-services {
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    padding-bottom: 70px;
    margin: 0;
    position: relative;
}

.all-services.front-page .parallax-el {
    display: none;
}

.all-services .parallax-1 {
    right: 10vw;
    top: -4vw;
}

.all-services .parallax-3 {
    right: 7vw;
    top: 7vw;
}

.all-services.front-page {
    margin-bottom: 60px;
}

.all-services h5 {
    color: #468ADC;
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 50px;
}

.all-services h1 {
    margin-bottom: 20px;
}

#custom-legend > ul:nth-child(2) {
    display: none;
}

#custom-legend ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0 15px;
    font-family: "Gotham Pro", sans-serif;
    font-size: 12px;
    list-style: none;
}

#custom-legend ul li {
    margin: 0 20px;
}

#custom-legend ul li,
#custom-legend ul li span {
    display: inline-block;
}

#custom-legend ul li span svg {
    position: relative;
    top: 7px;
    margin-right: 5px;
}

#custom-legend ul li span svg:nth-child(2) {
    display: none;
}

#forecast {
    background: -webkit-gradient(linear, left bottom, left top, from(#E1F0FF), color-stop(59.14%, rgba(234, 245, 255, 0)));
    background: linear-gradient(0deg, #E1F0FF 0%, rgba(234, 245, 255, 0) 59.14%);
    border-radius: 25px;
}

.video-form {
    width: 100%;
    max-width: 1200px;
    min-height: 675px;
    background: #000;
}

.video-form iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#contact-map {
    -webkit-clip-path: url(#mapcon);
    clip-path: url(#mapcon);
}

#sticky-wrapper {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: relative;
    z-index: 1004;
}

.is-sticky header:before {
    content: '';
    position: absolute;
    top: -10px;
}

.is-sticky header {
    top: -10px !important;
}

.is-sticky .logo {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    width: 260px;
}





iframe {
    border: 0;
}

.brif-form .inp-box, .form-bottom-box .inp-box {
    display: block;
    margin-bottom: 25px;
}

*::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track,
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: #dadada;
}

*::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #468adc;
    border-radius: 5px;
}

.slick-slider .slick-list,
.slick-slider {
    touch-action: auto !important;
    -ms-touch-action: auto !important;
}


.slick-arrow svg rect,
.slick-arrow svg path {
    -webkit-transition: all.3s ease;
    transition: all.3s ease;
}

.slick-arrow:hover svg [fill],
.slick-arrow:hover svg [fill] {
    fill: #fe9914;
}

.text-review .slick-prev {
    left: -90px;
}

.text-review .slick-next {
    right: -90px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #dadada !important;
}

.callback_button {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1002;
}

@-webkit-keyframes callback_button-blum-blum {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    90% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes callback_button-blum-blum {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    90% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.callback_button-animation_path {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: callback_button-blum-blum;
    animation-name: callback_button-blum-blum;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.callback_button-text {
    color: #fe9914;
    position: absolute;
    top: -120px;
    -webkit-transition: all.8s ease;
    transition: all.8s ease;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    left: -15px;
}

.callback_button:hover .callback_button-animation_path {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.callback_button:hover .callback_button-text {
    top: -100px;
}
.seo_text {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
	line-height: 141%;
}
section.content.all {
    margin-top: 170px;
}

section.content.all h4 {
    text-align: left;
}
.row.all_usl .col-lg-12 {
    display: flex;
    flex-wrap: wrap;
}

.row.all_usl .col-lg-12 .col-lg-4 a {
    margin-bottom: 30px;
}
.col-md-4.order-md-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.col-md-4.order-md-1 a img {
    max-width: 83px;
    margin-right: 30px;
}
a#callback_button {
    display: none !important;
}
@media only screen and (max-width : 991px) {
	.services-top-img {
	 display:none;
	}
}
header .col-lg-8.d-none.d-lg-block.d-xl-block {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.bl-kont {
    margin-left: -52px;
}
.bl-kont {
    display: flex;
    z-index: 100;
    justify-content: flex-start;
    align-items: center;
}

.bl-kont a {
    margin-right: 5px;
}

.bl-kont a {
    color: #FE9915;
    /* font-family: Montserrat; */
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.bl-kont a:hover{
	color: #0F5EBC;
}
span.mobik {
    display: none;
}
.bl-kont a:nth-child(1):hover svg {
    display: none;
}

.bl-kont a:nth-child(2):hover svg {
    display: none;
}

.bl-kont a:nth-child(1):hover:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10_6)'%3E%3Cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='url(%23paint0_linear_10_6)'/%3E%3Cpath d='M17.8407 6.90468L15.6985 17.7094C15.6985 17.7094 15.3985 18.4594 14.5735 18.0984L9.62817 14.3062L7.82817 13.4391L4.80005 12.4219C4.80005 12.4219 4.33598 12.2578 4.28911 11.8969C4.24223 11.5359 4.81411 11.3437 4.81411 11.3437L16.8516 6.62343C16.8516 6.61874 17.8407 6.1828 17.8407 6.90468Z' fill='white'/%3E%3Cpath d='M9.24375 17.5875C9.24375 17.5875 9.09844 17.5734 8.92031 17.0062C8.74219 16.439 7.82812 13.439 7.82812 13.439L15.0984 8.82185C15.0984 8.82185 15.5203 8.56873 15.5016 8.82185C15.5016 8.82185 15.5766 8.86873 15.3516 9.07498C15.1266 9.28591 9.64219 14.2172 9.64219 14.2172' fill='%23D2E4F0'/%3E%3Cpath d='M11.522 15.7594L9.56729 17.5453C9.56729 17.5453 9.4126 17.6625 9.24854 17.5875L9.62354 14.2734' fill='%23B5CFE4'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10_6' x1='12' y1='0' x2='12' y2='23.9124' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232B819F'/%3E%3Cstop offset='1' stop-color='%23156687'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_10_6'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
}

.bl-kont a:nth-child(2):hover:before {
    content: "";
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.29999C6.53827 1.29999 1.30005 6.53821 1.30005 13C1.30005 19.4618 6.53827 24.7 13 24.7C19.4618 24.7 24.7001 19.4618 24.7001 13C24.7001 6.53821 19.4618 1.29999 13 1.29999ZM12.8607 6.32111C12.8984 6.16017 13.0448 6.08815 13.0705 6.07541C13.1378 6.04213 13.1979 6.03719 13.3185 6.02679C13.3185 6.02679 13.4223 6.02003 13.5133 6.02263C16.6068 6.10557 19.2785 8.30179 19.6633 11.6287C19.6891 11.851 19.733 12.1139 19.7458 12.6552C19.7484 12.7636 19.7502 12.9605 19.6171 13.0873C19.557 13.1445 19.4881 13.17 19.44 13.1825C19.3732 13.1677 19.2679 13.1339 19.187 13.0452C19.0775 12.9251 19.0716 12.7688 19.0687 12.7153C19.0362 12.1113 18.9507 11.5078 18.8118 10.9189C18.2976 8.73573 16.3156 7.01271 14.0829 6.76311C13.8235 6.73399 13.5632 6.70539 13.3024 6.69343C13.1256 6.68537 12.9499 6.65261 12.8807 6.53405C12.8305 6.44695 12.8552 6.34477 12.8607 6.32111ZM14.0757 8.37693C14.07 8.37589 13.9454 8.37511 13.7878 8.33377C13.6638 8.30127 13.5671 8.27449 13.4935 8.18947C13.4238 8.10887 13.4049 8.01007 13.402 7.93623C13.4179 7.87929 13.4514 7.79375 13.5286 7.73135C13.6376 7.64321 13.7751 7.64841 13.8398 7.65153C15.6632 7.74253 16.743 8.79839 16.743 8.79839C16.8366 8.88991 17.2284 9.28147 17.5693 9.91665C17.9803 10.6826 18.0989 11.3958 18.1371 11.8326C18.1465 11.9322 18.1439 12.0798 18.0752 12.2317C18.0469 12.2941 18.0149 12.363 17.9398 12.4173C17.8485 12.4834 17.7497 12.4883 17.7074 12.4878C17.6603 12.4701 17.6015 12.4399 17.5498 12.3864C17.483 12.3172 17.4523 12.2418 17.4489 12.2106C17.3527 11.3737 17.2217 10.5562 16.7069 9.84931C16.0532 8.95231 15.1276 8.55477 14.0757 8.37693ZM16.4601 11.5572C16.4424 11.7998 16.3439 11.8893 16.3192 11.9103C16.2456 11.9725 16.1606 11.9896 16.1091 11.9953C16.0496 11.9836 15.9651 11.9571 15.8965 11.8893C15.7948 11.7886 15.7818 11.6503 15.7766 11.6051C15.7524 11.3953 15.6019 10.7239 15.2584 10.4143C15.0436 10.2206 14.747 10.1184 14.313 10.0555C14.1388 10.0303 13.9698 9.99491 13.9087 9.87947C13.8622 9.79133 13.8939 9.69175 13.9035 9.66029C13.9748 9.43045 14.2535 9.36415 14.2756 9.35947C14.4607 9.38547 15.644 9.56773 16.1851 10.4476C16.4778 10.9236 16.47 11.4218 16.4601 11.5572ZM19.7187 18.0744C19.2749 18.6149 18.8461 19.1841 18.3204 19.6365C17.8691 20.0247 17.2789 20.0715 16.6915 19.8315C11.8662 17.8615 8.40533 14.5121 6.40931 9.67823C6.35913 9.55707 6.31857 9.43175 6.27593 9.30773C5.90231 8.22275 6.01489 7.80129 6.90513 7.07147C7.19607 6.83279 7.50755 6.61673 7.82345 6.41159C8.35437 6.06683 8.93833 6.07099 9.33977 6.55459C10.0069 7.35877 10.6434 8.20013 11.191 9.08855C11.5997 9.75181 11.4536 10.1272 10.8537 10.6267C10.7152 10.7421 10.5664 10.8456 10.4276 10.9608C10.0805 11.2491 9.93387 11.5929 10.087 12.0489C10.7581 14.0483 12.1584 15.3124 14.1105 15.984C14.3375 16.062 14.6921 15.8868 14.9404 15.7458C15.1258 15.6405 15.2345 15.4008 15.378 15.2214C15.7657 14.7365 16.3928 14.5314 16.9104 14.8598C17.8358 15.4468 18.7224 16.0989 19.5921 16.7669C19.7785 16.9101 19.8238 17.2369 19.9244 17.4577C19.843 17.7153 19.8318 17.9366 19.7187 18.0744Z' fill='%23511D7B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
}

@media only screen and (max-width : 991px) {
header .col-lg-8.d-none.d-lg-block.d-xl-block {
    width: 90px;
    margin-left: -90px;
}

span.fon-nomob {
    display: none;
}

span.mobik {
        display: flex;
        margin-top: -4px;
        width: 26px;
        height: 26px;
        background-image: url('/wp-content/themes/dash/images/1.png');
        background-position: center;
        background-repeat: no-repeat;
    }
.bl-kont {
        margin-top: -7px;
        margin-left: -20px;
    }
}
.container.partnerr p {
    color: #104482;
    font-family: "Gotham Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

.container.partnerr h1:before {
    content: "";
    width: 142.626px;
    height: 148.212px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='143' height='149' viewBox='0 0 143 149' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.210425 84.6614C4.97443 129.404 97.8596 164.351 128.34 140.466C158.822 116.582 135.671 8.49023 104.255 0.829748C72.8408 -6.83074 -4.55368 39.9186 0.210425 84.6614Z' fill='%23B8DCFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    z-index: -1;
    margin-top: 30px;
    margin-left: -60px;
}

.bl-partner {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
    margin-bottom: 50px;
}

.on-partner {
    width: 16.6666%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 63px;
}


.container.partnerr h1 {
    margin-bottom: -10px;
	text-transform:uppercase;
}

/* Для перелинковки */
.related-links {
    background-color: #f9f9f9; /* Светлый фон для выделения блока */
    padding: 15px;
    border-radius: 5px;
    margin-top: 20px;
}

.related-links h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333; /* Цвет заголовка */
}

.related-links ul {
    list-style-type: none; /* Убираем маркеры списка */
    padding-left: 0;
}

.related-links li {
    margin-bottom: 5px;
}

.related-links a {
    color: #1a73e8; /* Цвет ссылок */
    text-decoration: none; /* Убираем подчеркивание */
}

.related-links a:hover {
    text-decoration: underline; /* Подчеркивание при наведении */
}
.seo_text h2 {
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 0;
}

.seo_text h3 {
    font-size: 1.5em;
    font-weight: 700;
    margin: 10px 0 30px;
    padding: 0;
}
.desc-box.infoot {
    margin: 0;
}

.desc-box.infoot svg {
    fill: #fff;
}

.desc-box.infoot .desc-box-item {
    margin-bottom: 5px;
}

.desc-box.infoot .desc-box-item a {
    font-size: 15px;
}
@media only screen and (max-width : 991px) {
.desc-box.infoot .lang span a {
    font-size: 14px;
}

.desc-box.infoot {
    text-align: center;
    margin: 0px auto 20px;
}

.desc-box.infoot .desc-box-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lang_twoo {
    display: flex;
    justify-content: center;
}
}

/*************************AUTHOR************************************/
.col-12.down-bl-user {
    margin-top: 70px;
}
section.content.about.page-about.erttre h4 {
    color: #468ADC;
    /* font-family: Inter; */
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.4px;
}


section.content.about.page-about.erttre  h1 {
    color: #468ADC;
}

.rg-img-user.col-sm-12.col-lg-7 {
    /* color: #000; */
    /* font-family: Inter; */
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
        font-weight: 400;
    margin: 0 0 25px;
    font-family: "Gotham Pro", sans-serif;
    font-size: 18px;
    text-align: justify;
    line-height: 30px;
    color: #104482;
}

.rg-img-user.col-sm-12.col-lg-7 a {
    color: #909090 !important;

}
.rg-img-user.col-sm-12.col-lg-7 a:hover{
    color: #FE9914 !important;
}
img.foto-author {
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

.lf-img-user span {
    color: #468ADC;
    text-align: center;
    /* font-family: Inter; */
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.28px;
    margin-top: 20px;
    position: relative;
    display: flex;
}
.all-stati .image {
    height: 350px;
    border-radius: 50px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); 
    background-size: cover !important;
}

.all-stati .blog-list-box {
    margin: 0 20px;
    border-radius: 0;
}
.all-stati  .blog-list-box:before{
   border-radius: 50px;
}
.all-stati  .slick-list.draggable {
    margin-left: -20px;
    margin-right: -20px;
}

.all-stati .slick-prev {
    left: -60px;
}

.all-stati .slick-next {
    right: -60px;
}
.author-box_info_image img {
    width: 89px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-left: 13px;
    padding-top: 9px;
}
.chat-ikon {
    position: fixed;
     right: 30px;
    bottom: 120px;
    z-index: 1000;
}

.bl-vspl {
    display: none;
}

.sam-ikon {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    background: #000;
    z-index: 10000;
    position: relative;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.3s;
}

.sam-ikon:hover {
    transform: rotate(90deg);
    transition: all 0.3s;
}

.bl-vspl.active {
    display: flex;
    width: 266px;
    height: 133px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #94CAFF;
    box-shadow: 4px 4px 30px 4px rgba(0, 0, 0, 0.25);
    z-index: 100;
    position: absolute;
    left: -260px;
    top: -110px;
    flex-direction: column;
    padding: 16px;
}

.zag-chata {
    color: #FFF;
    text-align: center;
    /* font-family: Inter; */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: -44px;
}
.bl-vspl a.custom_dash_button {
    font-size: 14px;
}
.text-box a {
    color: #104482;
    text-decoration: underline;
    font-weight: 700;
}

.text-box a:hover {
    color: #fe9914;
}
@media only screen and (max-width : 991px) {
.lf-img-user span {
    font-size: 1rem;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}

section.content.about.page-about.erttre h4 {
    font-size: 31px;
    line-height: 110%;
}

.rg-img-user.col-sm-12.col-lg-7 {
    margin-top: 30px;
    font-size: 18px;
}

.col-12.down-bl-user {
    margin-bottom: 90px;
}
.bl-vspl.active {
    top: -120px;
    left: -230px;
}
}
/*************************AUTHOR************************************/
/*************************NEW FORM**********************************/
section.content.form-bottom-new .form-bottom-box {
    background: #fff;
    border-radius: 10px;
    background: #94CAFF;
    max-width: 1350px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 950px;
    margin: auto;
    padding: 112px 47px 47px 47px;
    position: relative;
}

section.content.form-bottom-new span.form-bottom-box-title {
    color: #104482;
    text-align: center;
    /* font-family: Inter; */
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

span.form-bottom-box-title-smoll {
    color: #FFF;
    text-align: center;
    /* font-family: Inter; */
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 145.833% */
    display: flex;
}

form.brif.new {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin-top: 30px;
    justify-content: space-between;
}
form.brif.new .inp-box {
    width: 48%;
}

form.brif.new .inp-box input {
    background: #fff;
    color: #000;
}

form.brif.new .inp-box input::placeholder {
    color: #D2D2D2;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

form.brif.new {
    max-width: 1200px;
    width: 100%;
    justify-content: space-between;
}

form.brif.new button.flex_center.custom_dash_button {
    max-width: 310px;
}
section.content.form-bottom-new .form-bottom-box:before {
    content: "";
    background-image: url('/wp-content/themes/dash/images/logo.svg');
    position: absolute;
    width: 126px;
    height: 44px;
    top: 15px;
    left: 15px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.text-box>section:nth-child(1) {
    display: none;
}
section.content.form-bottom-new.smollform .container {
    padding: 0;
}

section.content.form-bottom-new.smollform span.form-bottom-box-title {
    font-size: 31px;
    margin-bottom: 0;
}

section.content.form-bottom-new.smollform .form-bottom-box {
    padding: 80px 15px 47px 15px;
}

section.content.form-bottom-new.smollform form.brif.new .inp-box {
    width: 31.3%;
}

section.content.form-bottom-new.smollform form.brif.new button.flex_center.custom_dash_button {
    width: 31.3%;
    margin: 0;
    height: 50px;
}
.bl-new-form-ezd {
    border-radius: 10px;
    border: 2px solid #FE9914;
    background: #FDFDFD;
    box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.25);
    color: #468ADE;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px;
    width: 100%;
    margin-top: 45px;
    max-width: 290px;
   
}
.bl-new-form-ezd.fixed{
position: fixed;
    top: 60px;
}    
.megdu {
    color: #468ADE;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bl-viber-telegram {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
}

.bl-viber-telegram a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    color: #468ADE;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bl-viber-telegram a svg {
    width: 48px;
    height: 48px;
}
section.content.services-slider {
    padding-top: 40px;
}

section.content.services-slider h4 {
    text-align: left;
}
.sam-lider ul.slick-dots {
    display: flex !important;
    list-style: none;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.sam-lider ul.slick-dots li button {
    font-size: 0;
}

.sam-lider ul.slick-dots li button {
    width: 25px;
    height: 24px;
    margin: 0 5px;
    border-radius: 50%;
    border: none;
}

ul.slick-dots li.active button {}

.sam-lider ul.slick-dots li.slick-active button {
    background: #468adc;
}

.sam-lider {
    /* margin: 0 55px; */
}
.sam-lider .slick-list{
    /* margin: 0 55px; */
}
.sam-lider .slick-prev {
    margin-left: -50px;
}

.sam-lider .slick-next {
    margin-right: -50px;
}
.sam-lider .slick-slide {
    border-radius: 15px;
    border-radius: 15px;
    background: #D9D9D9;
    box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.25);
    margin: 15px 50px;
}
@media only screen and (max-width : 991px) {
section.content.form-bottom-new .form-bottom-box {
    padding: 71px 15px 15px 15px;
}

section.content.form-bottom-new span.form-bottom-box-title {
    font-size: 31px;
}

span.form-bottom-box-title-smoll {
    font-size: 14px;
    line-height: normal;
}

form.brif.new button.flex_center.custom_dash_button {
    max-width: 100%;
}
form.brif.new .inp-box {
    width: 100%;
}
    section.content.form-bottom-new.smollform form.brif.new .inp-box{
        width: 100%;  
    }
 section.content.form-bottom-new.smollform form.brif.new button.flex_center.custom_dash_button{
      width: 100%;  
 } 
.bl-new-form-ezd.fixed {
    display: none;
} 
.sam-lider.slick-initialized.slick-slider.slick-dotted {
    margin: 0;
}

.sam-lider .slick-prev {
    display: none !important;
}

.sam-lider .slick-next {
    display: none !important;
}

.sam-lider ul.slick-dots li button {
    width: 20px;
    height: 20px;
}

section.content.services-slider {
    padding-top: 0;
} 
section.content.services-slider h4 {
    text-align: center;
}  
.sam-lider .slick-slide{margin: 15px 10px;}    
}
/*************************NEW FORM**********************************/
/*************************NEW_SERVIS**********************************/
.service-top-wrapper.all-serves h5.subtitle-single {
    font-size: 24px;
    line-height: normal;
}
.col-lg-12.zagalovok-serves-block {
    color: #0F1E38;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 110% */
    letter-spacing: -0.8px;
}

.col-lg-12.podzagalovok-serves-block {
    color: #6B7A90;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.9px; /* 155% */
    margin-bottom: 34px;
}

.odna-uslug {
    padding: 22px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 8px 24px 0 rgba(17, 38, 146, 0.08);
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    min-height: 400px;
}

.ikonka {
    display: flex;
    width: 64px;
    height: 64px;
    padding: 15px 0;
    flex-direction: column;
    align-items: center;
    border-radius: 18px;
    background: linear-gradient(145deg, #EDF5FF 0%, #E7EEFF 100%);
}

.zag-uslug {
    color: #0F1E38;
    /* font-family: Inter; */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 125% */
}
.zag-uslug a {
    color: #0F1E38;
}
.text-uslug {
    color: #6B7A90;
    /* font-family: Inter; */
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.25px; /* 155% */
}

.on-metka {
    display: flex;
    padding: 8px 11px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 999px;
    border: 1px solid #E1EAFF;
    background: linear-gradient(180deg, #F0F5FF 0%, #EAF1FF 100%);
    color: #468ADC;
    /* font-family: Inter; */
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px; /* 100% */
}

.metka {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 24px;
}
.top-block-usl {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    display: flex;
}
.odna-uslug a {
    width: 100%;
    /* display: flex; */
    min-width: 250px;
    text-align: center;
}

.odna-uslug a span {
    width: 100%;
}
.case-page .text-box img {
    height: auto !important;
}
.col-xl-5.col-lg-4.col-md-5.new_foot {
    display: flex;
}

.onblocc {
    width: 50%;
}

.footer-tit.with_border {
    border-top: 0;
    margin-top: 130px;
}

ul.footer-menu {
    width: 100%;
}
@media only screen and (max-width : 991px) {
.odna-uslug {
    min-height: 0;
}
    .copyr .col-md-4.order-md-1 {
    flex-wrap: wrap;
    gap: 16px;
}

.copyr-logo {
    order: 0;
    width: 100%;
    margin-bottom: 0 !important;
}

.copyr .col-md-4.order-md-1 a {
    order: 1;
    margin-bottom: 20px;
}
.col-md-4.order-md-1 a img {
    margin-right: 0;
}    
}
/*************************NEW_SERVIS**********************************/