@charset "UTF-8";
@import url('fonts.css');

/* reset ---------------------------------------------------------------------------------------------------------------------- */
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, dfn, del, p, blockquote, fieldset, input, textarea, select, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, button {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th, dfn, del {
    font-weight: normal;
    font-style: normal;
}

ul, ol {
    list-style: none;
}

fieldset, img {
    border: none;
}

caption, th {
    text-align: left;
}

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

input[type="button"], input[type="submit"], input[type="reset"], button {
    cursor: pointer;
    line-height: normal;
}

button, input {
    *overflow: visible;
    line-height: normal;
}

textarea {
    overflow: auto;
    resize: none;
}

article, aside, figcaption, figure, footer, header, nav, section {
    display: block;
}

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

:focus {
    outline: none;
}

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

h1 {
    color: #2b4b81;
    font: 55px RobotoSlabRegular;
}

h2 {
    color: #2b4b81;
    font: 50px RobotoSlabRegular;
}

h3 {
    color: #2b4b81;
    font: 45px RobotoSlabRegular;
}

h4 {
    color: #2b4b81;
    font: 40px RobotoSlabRegular;
}

h5 {
    color: #2b4b81;
    font: 35px RobotoSlabRegular;
}

h6 {
    color: #2b4b81;
    font: 30px RobotoSlabRegular;
}

img[align="left"] {
    margin-right: 25px;
    margin-bottom: 20px;
    margin-top: 2px;
    float: left;
}

img[align="right"] {
    margin-left: 25px;
    margin-bottom: 20px;
    margin-top: 2px;
    float: right;
}

/* tools ---------------------------------------------------------------------------------------------------------------------- */
.clear {
    clear: both;
    display: block;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

html[xmlns] .clearfix, .clearfix {
    display: block;
}

* + html .clearfix {
    display: inline-block;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.display-block {
    display: block !important;
}

.overflow-hidden {
    overflow: hidden;
    display: block;
}

input[type=checkbox] {
    display: none;
}

.checkbox label:before {
    border-radius: 4px;
}

input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 24px;
    background: #ff7d00;
}

input[type=radio] {
    display: none;
}

.radio label:before {
    border-radius: 50%;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #ffffff;
    font-size: 60px;
    line-height: 27px;
    text-align: center;
}

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    color: #ffffff;
    font: 16px/16px RobotoSlabRegular;
}

.radio label, .checkbox label {
    padding-left: 41px;
}

.radio label:before, .checkbox label:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: -5px;
    border: 0 solid #bbbbbb;
    background: #ffffff;
}

/* typography ---------------------------------------------------------------------------------------------------------------------- */
a {
    color: #242424;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

a:focus {
}

a:active {
}

a > img {
    vertical-align: bottom;
}

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

.text,
.text p,
.text td,
.text li {
}

.text p {
    padding-bottom: 20px;
}

.text a:visited {
}

.text h1 {
}

.text h2 {
}

.text h3 {
}

.text h4 {
}

.text h5 {
}

.text h6 {
}

.text ul, .banner-info-bottom-text ul {
    list-style: inside disc;
    display: block;
}

.text ol, .banner-info-bottom-text ol {
    list-style: inside decimal;
    display: block;
}

.text ul ul, .text ol ol, .banner-info-bottom-text ul ul, .banner-info-bottom-text ol ol {
    padding: 0 0 0 40px;
}

.text li {
    color: #737373;
    font: 17px/23px RobotoSlabRegular !important;
}

.banner-info-bottom-text ol {
    margin-bottom: 20px;
}

.banner-info-bottom-text ol li {
    font-family: RobotoSlabRegular;
    color: #4a4a4a;
}

.text blockquote {
}

.text dfn {
}

.text hr {
    clear: both;
}

.text code,
.text pre {
    font-family: "Courier New", Courier, monospace;
}

.text .image-left {
    margin: 0 20px 20px 0;
    float: left;
}

.text .image-right {
    margin: 0 0 20px 20px;
    float: right;
}

.text .image-center {
    display: block;
    margin: 0 auto 20px;
}

.text table {
}

.text table td {
    padding: 0;
    border: 1px solid #000;
}

.text table tr:first-child td {
}

/*  grid ---------------------------------------------------------------------------------------------------------------------- */
html {
    height: 100%;
}

body {
    min-height: 100%;
    height: 100%;
    min-width: 100%;
    background: #eff6fb;
}

.main {
    min-height: 100%;
    height: 100%;
}

.container {
    max-width: initial;
    width: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 99%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 99%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 97%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------- */

header.main-page-bg {
    background: url('../images/bg-m-b.jpg') repeat-x;
}

@media (min-width: 992px) {
    header.main-page-bg {
        height: 885px;
    }
}

header .main-page-bg-img {
    background: url('../images/bg-m.jpg') no-repeat 50% 0;
    width: 100%;
    height: inherit;
    margin: 0 auto;
}

header.page-bg {
    background: none;
}

@media (min-width: 768px) {
    header.page-bg {
        background: url('../images/bg-b.jpg') repeat-x;
    }
}

@media (min-width: 992px) {
    header.page-bg {
        background: url('../images/bg-b.jpg') repeat-x;
    }
}

@media (min-width: 1200px) {
    header.page-bg {
        background: url('../images/bg-b.jpg') repeat-x;
    }
}

header .info-contacts .info .home-ico {
    display: block;
    width: 13px;
    height: 13px;
    background: url('../images/home-ico.png') no-repeat -13px 0;
    float: left;
    margin: 20px 0 0 15px;
}

@media (min-width: 992px) {
    header .info-contacts .info .home-ico {
        margin: 21px 0 0 26px;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .info .home-ico {
        margin: 24px 0 0 26px;
    }
}

header .info-contacts .info .home-ico:hover {
    background: url('../images/home-ico.png') no-repeat 0 0;
}

header .info-contacts .info .sl {
    float: left;
    margin: 16px 0 0 15px;
    font: 14px RobotoSlabRegular;
    color: #ffffff;
    letter-spacing: 0.3px;
}

@media (min-width: 330px) {
    header .info-contacts .info .sl {
        font-size: 14px;
    }
}

@media (min-width: 576px) {
    header .info-contacts .info .sl {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    header .info-contacts .info .sl {
        margin: 17px 0 0 24px;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .info .sl {
        margin: 20px 0 0 24px;
    }
}

header .info-contacts .info .phone {
    float: left;
    margin: 12px 0 0 15px;
    font: 20px RobotoSlabBold;
    color: #ffffff;
    background: url('../images/phone.svg') no-repeat;
    background-size: 12px;
    padding: 1px 0 0 20px;
    order: 0;
    width: initial;
    display: block;
    text-decoration: none;
    height: 31px;
}

@media (min-width: 485px) {
    header .info-contacts .info .phone {
        order: 4;
        width: initial;
    }
}

@media (min-width: 992px) {
    header .info-contacts .info .phone {
        margin: 14px 0 0 39px;
        padding: 0 0 0 17px;
        background-position: 0 4px;
        background-size: 9px;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .info .phone {
        margin: 17px 0 0 39px;
        padding: 1px 0 0 20px;
    }
}

header .info-contacts .info .phone a {
    color: #f5f5f5;
    text-decoration: none;
}

header .info-contacts .info .email {
    float: left;
    margin: 20px 0 0 15px;
    background: url('../images/email.svg') no-repeat;
    background-size: 23px;
    padding-left: 35px;
    font: 15px RobotoSlabRegular;
    color: #ffffff;
    display: none;
    width: 20px;
    height: 30px;
    font-size: 0;
}

@media (min-width: 375px) {
    header .info-contacts .info .email {
        display: block;
    }
}

@media (min-width: 550px) {
    header .info-contacts .info .email {
        margin-left: 55px;
    }
}

@media (min-width: 768px) {
    header .info-contacts .info .email {
        padding-left: 35px;
    }
}

@media (min-width: 992px) {
    header .info-contacts .info .email {
        margin: 20px 0 0 30px;
        background-size: 23px;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .info .email {
        margin: 20px 0 0 20px;
        background: url('../images/email.svg') no-repeat 0 3px;
        font-size: 15px;
        width: initial;
        height: initial;
        background-size: 24px;
    }
}

header .info-contacts .info .email a {
    color: #ffffff;
    text-decoration: none;
}

header .info-contacts .navig .email {
    padding-top: 1px;
    padding-right: 3px;
}

header .info-contacts .navig .email a {
    font-size: 24px;
    color: #79ad75;
}

header .info-contacts .info .skype {
    float: left;
    margin: 18px 0 0 7px;
    display: none;
}

@media (min-width: 410px) {
    header .info-contacts .info .skype {
        display: block;
    }
}

@media (min-width: 992px) {
    header .info-contacts .info .skype {
        margin: 18px 0 0 30px;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .info .skype {
        margin: 20px 0 0 30px;
    }
}

header .info-contacts .skype a {
    display: block;
    padding-left: 30px;
    text-decoration: none;
    color: #ffffff;
    font: 15px RobotoSlabRegular;
    font-size: 0;
    width: 20px;
    height: 30px;
}

header .info-contacts .skype.skype-white a {
    background: url('../images/skype-white.svg') no-repeat 0 0;
    background-size: 17px;
}

@media (min-width: 992px) {
    header .info-contacts .skype.skype-white a {
        background-size: 20px;
    }
}

header .info-contacts .skype.skype-blue a {
    background: url('../images/skype-blue.svg') no-repeat 0 0;
    background-size: 17px;
}

@media (min-width: 992px) {
    header .info-contacts .skype.skype-blue a {
        background-size: 20px;
    }
}

header .info-contacts .info .whatsapp {
    float: left;
    margin: 10px 0 0 6px;
    display: none;
}

@media (min-width: 440px) {
    header .info-contacts .info .whatsapp {
        display: block;
    }
}

@media (min-width: 992px) {
    header .info-contacts .info .whatsapp {
        margin: 11px 0 0 30px;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .info .whatsapp {
        margin: 14px 0 0 20px;
    }
}

header .info-contacts .info .whatsapp a {
    display: block;
    font-size: 27px;
    color: #ffffff;
}

header .info-contacts .navig .whatsapp a {
    font-size: 24px;
    color: #79ad75;
}

header .info-contacts .info .viber {
    float: left;
    margin: 17px 0 0 11px;
}

header .info-contacts .info .viber a {
    display: block;
    width: 27px;
    height: 28px;
    background: url('../images/viber.png') no-repeat 0 0;
}

header .info-contacts .info .telegram {
    float: left;
    margin: 11px 0 0 13px;
    display: none;
}

@media (min-width: 480px) {
    header .info-contacts .info .telegram {
        display: block;
    }
}

@media (min-width: 992px) {
    header .info-contacts .info .telegram {
        margin: 12px 0 0 30px;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .info .telegram {
        margin: 14px 0 0 20px;
    }
}

header .info-contacts .info .telegram a {
    display: block;
    font-size: 27px;
    color: #ffffff;
}

header .info-contacts .navig .telegram {
    margin: 1px 0 0 0;
}

header .info-contacts .navig .telegram a {
    font-size: 24px;
    color: #40c1f7;
}

header .info-contacts .info .login {
    float: right;
    background: #1e4989;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 -2px 11px -10px rgba(0, 0, 0, 0.25);
    background: none;
    margin: 16px 0 0 1px;
}

@media (min-width: 768px) {
    header .info-contacts .info .login {
        border-radius: 0 9px 0 0;
        min-width: 90px;
        box-shadow: none;
        margin: 15px 0 0 0;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .info .login {
        margin: 21px 0 0 0;
    }
}

header .info-contacts .info .login a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font: 15px RobotoSlabRegular;
    background: url('../images/login.svg') no-repeat 0 2px;
    padding-left: 20px;
    width: 70px;
}

header .navig .bg-light {
    background: #ffffff !important;
}

header .info-contacts .navig {
    background: #ffffff;
    -moz-border-radius: 0px 0px 10px 10px !important;
    -webkit-border-radius: 0px 0px 10px 10px !important;
    -khtml-border-radius: 0px 0px 10px 10px !important;
    border-radius: 0px 0px 10px 10px !important;
    min-height: 59px;
}

@media (min-width: 768px) {
    header .info-contacts .navig {
        background: #ffffff;
        border-radius: 0 0 9px 9px;
        height: 61px;
        box-shadow: 0 5px 7px 1px rgba(89, 207, 255, 0.25);
    }
}

header .info-contacts .navig a.logo {
    display: block;
    height: 51px;
    float: left;
    margin: 11px 0 5px 20px;
}

@media (min-width: 992px) {
    header .info-contacts .navig a.logo {
        margin: 11px 0 0 20px;
    }
}

header .info-contacts .navig a.logo .logo-img {
    height: 32px;
    display: inline;
    padding-top: 2px;
}

@media (min-width: 375px) {
    header .info-contacts .navig a.logo {
        height: 40px;
    }
}

header .info-contacts .navig a.logo .logo-text {
    height: 24px;
    display: inline;
    padding-left: 10px;
}

@media (min-width: 375px) {
    header .info-contacts .navig a.logo .logo-text {
        height: 30px;
    }
}

header .navbar-box {
    position: absolute;
    background: #fff;
    z-index: 1;
    right: 0;
    padding: 20px;
    min-width: 250px;
}

@media (min-width: 992px) {
    header .navbar-box {
        position: static;
        background: none;
        padding: 0;
    }
}

header .info-contacts .navig .menu {
    display: block;
    padding: 10px 8px 0 16px !important;
}

header .info-contacts .navig nav {
    display: block;
    float: left;
}

header .info-contacts .navig nav .navbar-box > ul {
    margin: 18px 0 0 98px;
}

header .info-contacts .navig nav .navbar-box > ul > li {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 0 20px 0;
}

@media (min-width: 992px) {
    header .info-contacts .navig nav .navbar-box > ul > li {
        padding: 0 41px 0 0;
    }
}

@media (min-width: 1050px) {
    header .info-contacts .navig nav .navbar-box > ul > li {
        padding: 0 55px 0 0;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .navig nav .navbar-box > ul > li {
        padding: 0 72px 0 0;
    }
}

header .info-contacts .navig nav .navbar-box ul li a {
    color: #233e6a;
    font: 20px PFDinTextCompProMedium;
    letter-spacing: 0.9px;
    text-decoration: none;
    display: block;
    padding-left: 1px;
    position: relative;
}

@media (min-width: 992px) {
    header .info-contacts .navig nav .navbar-box > ul > li > a {
        height: 43px;
    }
}

header .info-contacts .navig nav .navbar-box > ul > li .sub-menu a {
    font: 17px PFDinTextCompProMedium;
}

header .info-contacts .navig nav .navbar-box > ul > li > a::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    background-color: #ff9000;
    -webkit-transition: all .1s ease;
    transition: all 0.3s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

header .info-contacts .navig nav .navbar-box ul li:not(.active) a:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

header .info-contacts .navig nav .navbar-box ul > li.active > a {
    color: #ff9000;
    border-bottom: 3px solid #ff9000;
}

header .info-contacts .navig nav .navbar-box ul > li .sub-menu {
    background: #ffffff;
    font: 16px RobotoSlabBold;
    z-index: 1000;
    width: 100%;
    display: none;
}

@media (min-width: 992px) {
    header .info-contacts .navig nav .navbar-box ul > li .sub-menu {
        position: absolute;
        left: 0;
        box-shadow: 0 4px 8px 2px rgba(89, 207, 255, 0.25);
        border-radius: 0 0 11px 11px;
        padding-bottom: 10px;
    }
}

header .info-contacts .navig nav .navbar-box ul > li .sub-menu {
    padding: 10px;
}

@media (min-width: 992px) {
    header .info-contacts .navig nav .navbar-box ul > li .sub-menu {
        padding: 10px 20px 10px 20px;
    }
}

header .info-contacts .navig nav .navbar-box ul > li .sub-menu li {
    padding-bottom: 10px;
}

header .info-contacts {
    padding-top: 0;
}

@media (min-width: 768px) {
    header .info-contacts {
        padding-top: 28px;
    }
}

header .info-contacts .info {
    background: #1d3f79;
    -moz-border-radius: 9px 9px 0 0;
    -webkit-border-radius: 9px 9px 0 0;
    -khtml-border-radius: 9px 9px 0 0;
    border-radius: 9px 9px 0 0;
    margin-top: 12px;
    display: block !important;
    flex-wrap: initial !important;
    order: 0;
    width: 100%;
    height: 55px;
    box-sizing: initial;
}

@media (min-width: 992px) {
    header .info-contacts .info {
        border-radius: 10px 10px 0 0;
    }
}

@media (min-width: 1200px) {
    header .info-contacts .info {
        height: 61px;
    }
}

header .info-contacts .navig nav {
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0 0 10px 10px;
}

header .menu-short {
    display: none;
}

@media (min-width: 576px) {
    header .menu-short {
        display: inline-block;
        margin: 18px 0 0 20px;
    }
}

@media (min-width: 992px) {
    header .menu-short {
        display: none;
    }
}

header .menu-short a {
    text-transform: uppercase;
    color: #1d3f79;
    font: 20px PFDinTextCompProMedium;
}

.comp-info {
    margin-top: 25px;
}

.comp-info ul {
    background: url('../images/vert-bg.png') repeat-y;
}

.comp-info ul li {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font: 18px RobotoSlabRegular;
    background: url('../images/vert-bg.png') repeat-y 100% 0;
}

.comp-info ul li span {
    float: left;
    letter-spacing: 0.1px;
}

.comp-info ul li span:first-child {
    font: 40px RobotoSlabBold;
}

.comp-info ul li span:nth-child(2) {
    position: relative;
    top: 14px;
    left: 10px;
}

.comp-info ul li.two span:nth-child(2) {
    top: 0;
}

.comp-info ul li.two.projects span:nth-child(2) {
    top: 1px;
}

.comp-info ul li.two.yandex span:first-child {
    position: relative;
    top: 3px;
}

.comp-info ul li:first-child {
    width: 218px;
    padding-left: 68px;
}

.comp-info ul li:nth-child(2) {
    width: 252px;
    padding-left: 38px;
}

.comp-info ul li:nth-child(3) {
    width: 219px;
    padding-left: 70px;
}

.comp-info ul li:nth-child(4) {
    width: 246px;
    padding-left: 43px;
}

.home-banners {
    position: relative;
    margin-top: 30px;
}

.home-banners .banner {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 9999px 80px;
    background-size: 50%;
}

@media (min-width: 768px) {
    .home-banners .banner {
        background-position: 100% 50%;
        background-size: 40%;
    }
}

@media (min-width: 992px) {
    .home-banners .banner {
        background-position: 100% 7px;
        background-size: auto;
    }
}

.home-banners .banner .name {
    color: #ffffff;
    font: 24px/30px RobotoSlabRegular;
    margin-left: 55px;
}

@media (min-width: 400px) {
    .home-banners .banner .name {
        padding-top: 20px;
        font: 26px/30px RobotoSlabRegular;
    }
}

@media (min-width: 576px) {
    .home-banners .banner .name {
        padding-top: 45px;
        font: 26px/30px RobotoSlabRegular;
    }
}

@media (min-width: 576px) {
    .home-banners .banner .name {
        font: 42px/42px RobotoSlabRegular;
    }
}

@media (min-width: 992px) {
    .home-banners .banner .name {
        padding-top: 25px;
        font: 56px/54px RobotoSlabRegular;
        letter-spacing: -3px;
    }
}

.home-banners .banner .name span {
    color: #1d3f79;
    font: 32px RobotoSlabRegular;
}

@media (min-width: 992px) {
    .home-banners .banner .name span {
        font: 56px/54px RobotoSlabRegular;
    }
}

.home-banners .banner .desc {
    color: #233e6a;
    font: 20px RobotoSlabRegular;
    margin-top: 25px;
}

@media (min-width: 992px) {
    .home-banners .banner .desc {
        color: #233e6a;
        font: 20px RobotoSlabRegular;
        margin-top: 29px;
        margin-left: 55px;
    }
}

.home-banners .banner ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #233e6a;
    font: 20px RobotoSlabRegular;
    background: url("../images/banner-li.png") no-repeat;
    padding-left: 67px;
    min-height: 54px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .home-banners .banner ul li {
        width: 400px;
        font: 17px RobotoSlabRegular;
    }
}

@media (min-width: 992px) {
    .home-banners .banner ul li {
        padding-left: 80px;
        width: 500px;
        font: 20px RobotoSlabRegular;
    }
}

.home-banners .banner .request {
    margin: 18px auto 0 auto;
    width: 229px;
}

@media (min-width: 992px) {
    .home-banners .banner .request {
        margin: 120px auto 0 auto;
    }
}

.home-banners .banner .request a {
    display: table-cell;
    border-radius: 25px;
    background: #37baf5;
    width: 229px;
    height: 54px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    font: 18px PFDinTextCompProRegular;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
}

.home-banners .owl-dots {
    margin-top: 0;
}

.home-banners .info-status {
    color: #ffffff;
    font: 12px RobotoSlabRegular;
    background: url("../images/info-status-sep.png") no-repeat 0 50%;
}

@media (min-width: 576px) {
    .home-banners .info-status {
        font: 18px RobotoSlabRegular;
    }
}

.home-banners .info-status:nth-child(1) {
    background: none;
}

@media (min-width: 1200px) {
    .home-banners .info-status:nth-child(1) {
        background: url("../images/info-status-sep.png") no-repeat 0 50%;
    }
}

.home-banners .info-status:nth-child(2) {
    background: url("../images/info-status-sep.png") no-repeat 0 50%;
}

.home-banners .info-status:nth-child(3) {
    background: none;
}

@media (min-width: 992px) {
    .home-banners .info-status:nth-child(3) {
        background: url("../images/info-status-sep.png") no-repeat 0 50%;
    }
}

.home-banners .info-status:nth-child(4) {
    background: url("../images/info-status-sep.png") no-repeat 0 50%;
}

@media (min-width: 1200px) {
    .home-banners .info-status:nth-child(4) {
        background: url("../images/info-status-sep.png") no-repeat 0 50%, url("../images/info-status-sep.png") no-repeat 100% 50%;
    }
}

.home-banners .info-status .info-status-num {
    font: 20px RobotoSlabBold;
}

@media (min-width: 576px) {
    .home-banners .info-status .info-status-num {
        font: 40px RobotoSlabBold;
    }
}

.home-banners .bg-word {
    background-size: contain !important;;
}

@media (min-width: 992px) {
    .home-banners .bg-word {
        background-size: auto !important;
    }
}

.info-status-scoring {
    min-width: 20px;
    min-height: 53px;
    display: block;
}

.info-status-scoring img {
    height: 40px;
}

.works {
    margin-top: 50px;
    background: url("../images/portfolio-bg.png") no-repeat 50% 20px;
    min-height: 300px;
    position: relative;
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .works {
        padding-bottom: 50px;
    }
}

.portfolio-page .works {
    background: #ffffff url("../images/portfolio-bg-blue.png") no-repeat 50% 0;
}

.reviews-portfolio-page-block {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
}

@media (min-width: 1200px) {
    .reviews-portfolio-page-block {
        width: 750px;
        margin: 0 auto;
    }
}

.reviews-portfolio-page .reviews-box .reviews-portfolio-page-block .rev-text {
    width: initial;
    line-height: 31px;
    font-size: 18px;
    margin-bottom: 75px;
    font-style: italic;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.reviews-portfolio-page .reviews .reviews-box .reviews-ico {
    margin-bottom: 25px;
}

.reviews-portfolio-page .reviews .reviews-box .rev-author {
    text-align: center;
    margin-bottom: 40px;
}

.works .link-all {
    margin-top: 10px;
    text-align: center;
}

.works-type a {
    display: inline-block;
    width: 263px;
    height: 55px;
    background: #ffffff;
    border-radius: 26px;
    vertical-align: middle;
    text-align: center;
    font: 18px RobotoSlabRegular;
    color: #1d3f79;
    text-decoration: none;
    padding-top: 15px;
    letter-spacing: 0.2px;
    position: relative;
    box-shadow: 0 0 16px 0 rgba(127, 148, 165, 0.31);
}

@media (min-width: 576px) {
    .works-type a {
        margin-left: 5px;
    }
}

@media (min-width: 768px) {
    .works-type a {
        margin-left: 21px;
    }
}

.portfolio-page .works .works-type {
    position: relative;
    top: -28px;
}

.portfolio-page .works .works-tab {
    margin-top: 0;
}

@media (min-width: 992px) {
    .portfolio-page .works .works-tab {
        margin-top: 28px;
    }
}

.works-type a:first-child {
    margin-left: 0;
}

.works-type a:hover, .works-type a.active {
    background: url('../images/orng-ye-bg.png') repeat-x;
    color: #ffffff;
}

.works-type a.active::after {
    border: 9px solid transparent;
    content: "";
    top: 100%;
    left: 50%;
    position: absolute;
    height: 0;
    width: 0;
    border-color: #ffc500 rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
    margin-left: -10px;
}

.works .works-tab {
    margin-top: 25px;
    position: relative;
}

@media (min-width: 992px) {
    .works .works-tab {
        margin-top: 85px;
    }
}

.works .works-tab ul li {
    box-shadow: none;
}

@media (min-width: 1200px) {
    .works .works-tab ul li {
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.12);
    }
}

.works .works-tab ul li .name {
    min-height: 78px;
}

.works .works-tab ul li.active {
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.35);
}

.works .works-tab#works-tab-all {
    display: block;
}

.works .works-tab {
    display: none;
}

.works .works-tab ul li .plus-ico {
    background: url('../images/portfolio-plus-ico.png') 0 0 no-repeat;
    width: 68px;
    height: 69px;
    display: block;
    position: absolute;
    right: -26px;
    z-index: 10;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .works .works-tab ul li .plus-ico {
        display: block;
        right: -34px;
    }
}

.works .works-tab ul li.active .plus-ico {
    background: url('../images/portfolio-plus-ico.png') -81px 0 no-repeat;
}

.works .works-tab ul li.active .name {
    color: #ff7a00;
}

.works.works-box-page {
    margin-top: 114px;
    background: none;
}

.works.works-box-page .title {
    font: 48px RobotoSlabRegular;
    color: #2b4b81;
}

.works.works-box-page .title span {
    color: #ff9000;
}

.works.works-box-page .works-tab {
    margin-top: 64px;
}

.works.works-box-page .text {
    font: 17px RobotoSlabRegular;
    color: #4a4a4a;
    text-align: center;
    max-width: 970px;
    margin: 44px auto 0 auto;
}

.works.works-box-page .text p {
    font: 17px RobotoSlabRegular;
}

.works.works-box-page .link-all-pos-1 {
    margin-top: 16px;
}

.works.works-box-page .link-all-pos-2 {
    margin-top: 52px;
}

.btn-blue-radius {
    color: #ffffff;
    border-radius: 21px;
    background: #39bbf5;
    width: -moz-fit-content;
    width: fit-content;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    font: 16px PFDinTextCompProRegular;
    padding: 12px 43px;
    letter-spacing: 0.6px;
}

.btn-blue-radius:hover {
    color: #ffffff;
}

.white-blue-radius {
    background: #ffffff;
    display: block;
    border-radius: 20px;
    border: 1px solid #eff6fb;
    width: 168px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    color: #37baf5;
    font: 16px PFDinTextCompProRegular;
    text-transform: uppercase;
}

.white-blue-radius span {
    display: block;
    margin-top: 9px;
    letter-spacing: 0.8px;
}

.all-projects {
    margin-top: 5px;
    text-align: center;
}

@media (min-width: 992px) {
    .all-projects {
        margin-top: 65px;
        text-align: center;
    }
}

.title {
    font: 35px/43px RobotoSlabRegular;
    color: #2b4b81;
    text-align: center;
}

@media (min-width: 576px) {
    .title {
        font: 55px/58px RobotoSlabRegular;
        color: #2b4b81;
        text-align: center;
    }
}

.services {
    background: url('../images/technology-bg.png') no-repeat 50% 92px;
}

.services .title {
    margin-top: 40px;
}

@media (min-width: 576px) {
    .services .title {
        margin-top: 80px;
    }
}

.services.services-more {
    padding-right: 15px;
    padding-left: 15px;
}

/*@media (min-width: 992px) {
    .services.services-more {
        padding-right: 15px;
        padding-left: 15px;
    }
}*/
.services.services-more .title {
    margin-top: 0;
    font: 35px/43px RobotoSlabRegular;
}

@media (min-width: 992px) {
    .services.services-more .title {
        font: 55px/58px RobotoSlabRegular;
    }
}

.services.services-more .title h1 {
    margin-top: 0;
    font: 35px/41px RobotoSlabRegular;
}

@media (min-width: 992px) {
    .services.services-more .title h1 {
        font: 55px/57px RobotoSlabRegular;
    }
}

.services .services-box {
    margin-top: 100px;
    width: 100%;
}

.services.services-more .services-box {
    margin-top: 35px;
}

.services .services-box-head {
    width: 100%;
}

.services .services-box-head .item > a {
    display: table-cell;
    padding: 16px 7px 20px 7px;
    color: #ffffff;
    font: 16px RobotoSlabRegular;
    vertical-align: top;
    background: #1d3f79;
    text-align: center;
    text-decoration: none;
    border-top: 4px solid #1d3f79;
}

.services .services-box-head .row {
    margin-left: 0;
    margin-right: 0;
}

.services .services-box-items {
    width: 100%;
}

.services .services-box-items > a {
    display: block;
    padding: 12px 7px 16px 7px;
    color: #ffffff;
    font: bold 16px RobotoSlabRegular !important;
    vertical-align: top;
    background: #1d3f79;
    text-align: center;
    text-decoration: none;
    border-top: 4px solid #1d3f79;
    border-radius: 11px;
    margin-bottom: 10px;
    width: 90%;
}

@media (min-width: 992px) {
    .services .services-box-items > a {
        display: table-cell;
        padding: 16px 7px 20px 7px;
        border-radius: 0;
        margin-bottom: 0;
        font-weight: normal;
        width: auto;
    }
}

.services .services-box-items .row {
    margin-left: 0;
    margin-right: 0;
}

.services .services-box-items a:first-child {
    border-radius: 11px;
}

@media (min-width: 992px) {
    .services .services-box-items a:first-child {
        border-radius: 11px 0 0 0;
    }
}

.services .services-box-items a:last-child {
    border-radius: 11px;
}

@media (min-width: 992px) {
    .services .services-box-items a:last-child {
        border-radius: 0 11px 0 0;
    }
}

.services.services-more .services-box-head .item > a {
    background: #1baef5;
    border-top: 4px solid #1baef5;
    border-bottom: 1px solid #3bb9f6;
    padding: 9px 7px 9px 7px;
    font: 13px/18px RobotoSlabRegular;
    height: 64px;
    overflow-y: hidden;
    display: block;
}

@media (min-width: 576px) {
    .services.services-more .services-box-head .item > a {
        font: 15px/18px RobotoSlabRegular;
    }
}

.services.services-more .services-box-head a:nth-child(2) {
    border-radius: 0 11px 0 0;
}

@media (min-width: 768px) {
    .services.services-more .services-box-head a:nth-child(2) {
        border-radius: 0;
    }
}

.services.services-more .services-box-head a:nth-child(4) {

}

@media (min-width: 768px) {
    .services.services-more .services-box-head a:nth-child(4) {
        border-radius: 0 11px 0 0;
    }
}

@media (min-width: 992px) {
    .services.services-more .services-box-head a:nth-child(4) {
        border-radius: 0;
    }
}

.services .services-box-head .item > a.active, .services .services-box-head .item > a[class="col-6 col-md-3 col-lg"]:hover, .services .services-box-head .item > a[class="col-6 col-md-3 col-lg last-child-radius"]:hover, .services-box-items a.active {
    background: #ffffff;
    color: #ff9000;
    font: 13px RobotoSlabBold;
    border-top: 4px solid #ff9000;
    border-bottom: 1px solid #ffffff;
}

@media (min-width: 576px) {
    .services .services-box-head .item > a.active, .services .services-box-head .item > a[class="col-6 col-md-3 col-lg"]:hover, .services .services-box-head .item > a[class="col-6 col-md-3 col-lg last-child-radius"]:hover, .services-box-items a.active {
        font: 16px RobotoSlabBold;
    }
}

@media (min-width: 992px) {
    .services .services-box-head .item:first-child > a {
        border-radius: 11px 0 0 0;
    }

    .services .services-box-head .item:last-child a {
        border-radius: 0 11px 0 0;
    }
}

@media (min-width: 992px) {
    .services .services-box-head a.last-child-radius {
        border-radius: 0 11px 0 0;
    }
}

.services .services-box-head .service-sub-menu {
    position: absolute;
    top: 60px;
    left: 0;
    background: #ffffff;
    font: 16px RobotoSlabBold;
    box-shadow: 0 4px 8px 2px rgba(89, 207, 255, 0.25);
    z-index: 1000;
    width: 100%;
    border-radius: 0 0 11px 11px;
    display: none;
}

.services .services-box-head .service-sub-menu a {
    font: 16px RobotoSlabBold;
    color: #1d3f79;
}

.services .services-box-head .service-sub-menu a:hover {
    color: #1baef5;
}

.services .services-box-head .service-sub-menu .active {
    background: url('../images/orange-dot.png') no-repeat 0 54%;
}

.services .services-box-head .service-sub-menu .active a {
    color: #ff9000;
}

.services .services-box-head .service-sub-menu ul {
    margin-top: 0.3rem;
    padding-bottom: 1.7rem;
}

.services .services-box-head .service-sub-menu ul li {
    padding: 5px 30px 5px 23px;
    display: inline-block;
}

.services .services-data-items .services-data {
    display: none;
    background: #ffffff;
}

.services .services-data-items .services-data:first-child {
    display: block;
}

.services.services-more .services-data {
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .services.services-more .services-data {
        padding-bottom: 15px;
        border-radius: 0 0 10px 10px;
    }
}

@media (min-width: 992px) {
    .services.services-more .services-data {
        padding-bottom: 0;
    }
}

.service-num {
    /*width: 730px;*/
    margin: 0 auto;
    padding-top: 58px;
}

.service-num-1, .service-num-2 {
    float: left;
    min-height: 64px;
    min-width: 64px;
    color: #4a4a4a;
    font: 24px/26px RobotoSlabRegular;
}

.service-num-1 {
    background: url('../images/service-num-bg-1.png') no-repeat 0 12px;
    padding-left: 100px;
}

.service-num-1 .service-num-1-1 {
    float: left;
    display: block;
    font: 64px RobotoSlabBold;
    color: #ff9000;
}

.service-num-1 .service-num-1-2 {
    float: left;
    display: block;
    margin-left: 24px;
    padding-top: 16px;
}

.service-num-2 {
    background: url('../images/service-num-bg-2.png') no-repeat 0 12px;
    padding-left: 90px;
    margin-left: 88px;
}

.service-num-2 .service-num-2-1 {
    float: left;
    display: block;
    font: 64px RobotoSlabBold;
    color: #39bcf4;
}

.service-num-2 .service-num-2-2 {
    float: left;
    display: block;
    margin-left: 23px;
    padding-top: 16px;
}

.service-num-text {
    display: block;
    font: 30px RobotoSlabBold;
}

@media (min-width: 340px) {
    .service-num-text {
        font: 38px RobotoSlabBold;
    }
}

@media (min-width: 576px) {
    .service-num-text {
        font: 54px RobotoSlabBold;
    }
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    .service-num-text {
        font: 64px RobotoSlabBold;
    }
}

.service-num-text.orange {
    color: #ff9000;
}

.service-num-text.blue {
    color: #39bcf4;
}

.service-cont-text {
    color: #4a4a4a;
    font: 13px/15px RobotoSlabRegular;
}

@media (min-width: 340px) {
    .service-cont-text {
        font: 15px/17px RobotoSlabRegular;
    }
}

@media (min-width: 992px) {
    .service-cont-text {
        font: 24px/26px RobotoSlabRegular;
    }
}

.service-squ {
    padding-top: 20px;
    margin-left: 0.1rem;
}

@media (min-width: 992px) {
    .service-squ {
        padding-top: 20px;
        margin-left: 6.4rem;
    }
}

.service-squ .elem {
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .service-squ .elem {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.service-elem-bg {
    min-width: 40px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    margin-top: 6px;
}

@media (min-width: 576px) {
    .service-elem-bg {
        min-width: 64px;
        width: 64px;
        height: 64px;
        margin-top: 13px;
    }
}

.service-elem-bg.service-elem-q {
    background-position: 0 0;
}

.service-elem-bg.service-elem-a {
    background-position: 0 -178px;
}

@media (min-width: 768px) {
    .service-elem-bg.service-elem-a {
        background-position: -75px 0;
    }
}

.service-elem-bg.service-elem-p {
    background-position: 0 -61px;
}

@media (min-width: 768px) {
    .service-elem-bg.service-elem-p {
        background-position: 0 -99px;
    }
}

.service-elem-bg.service-elem-y {
    background-position: 0 -237px;
}

@media (min-width: 768px) {
    .service-elem-bg.service-elem-y {
        background-position: -75px -102px;
    }
}

.service-elem-bg.service-elem-n {
    background-position: 0 -122px;
}

@media (min-width: 768px) {
    .service-elem-bg.service-elem-n {
        background-position: 0 -201px;
    }
}

.service-elem-bg.service-elem-g {
    background-position: 0 -297px;
}

@media (min-width: 768px) {
    .service-elem-bg.service-elem-g {
        background-position: -75px -203px;
    }
}

.service-info {
    padding-top: 30px;
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    .service-info {
        padding-top: 89px;
        padding-bottom: 20px;
    }
}

.service-info .service-info-col {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 992px) {
    .service-info .service-info-col {
        background: url("../images/service-info-col-bg.png") repeat-y 100% 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.service-info .service-info-col:nth-child(2n+1) {
    background: #eff6fb;
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 992px) {
    .service-info .service-info-col:nth-child(2n+1) {
        background: url("../images/service-info-col-bg.png") repeat-y 100% 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .service-info .service-info-col:last-child {
        background: none;
    }
}

.services .service-info .service-info-col .title-b {
    font: 24px RobotoSlabBold;
    color: #2b4b81;
    text-align: center;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .services .service-info .service-info-col .title-b {
        width: 205px;
    }
}

.services .service-info .service-info-col .title-b.title-head {
    position: relative;
}

@media (min-width: 992px) {
    .services .service-info .service-info-col .title-b.title-head {
        top: -23px;
    }
}

.services .service-info .service-info-col .title-b.title-head-2 {
    margin-top: 0;
}

.services .service-info .text {
    font: 17px RobotoSlabRegular;
    color: #737373;
}

@media (min-width: 992px) {
    .services .service-info .text {
        padding: 0 40px 25px 45px;
    }
}

.services .services-data .text, .services .services-data .text p {
    font: 17px/23px RobotoSlabRegular;
    color: #737373;
}

.services .services-data .text .desc-pos {
    margin: 78px auto 0 auto;
    max-width: 950px;
}

.services .services-data .text .orange-selected {
    margin-top: 60px;
}

@media (min-width: 992px) {
    .services .services-data .text .orange-selected {
        margin-top: 116px;
    }
}

.services .services-data .text .orange-selected .item {
    background: url("../images/orange-selected.png") no-repeat 0 2px;
    padding: 0 55px 19px 66px;
    color: #233e6a;
    font: 18px RobotoSlabBold;
    min-height: 60px;
}

.services .services-data .text .separ-blue {
    background: url("../images/separ-blue.png") repeat-x;
    width: 100%;
    height: 2px;
    margin: 32px auto 0 auto;
}

.services .services-data .text .price {
    color: #4a4a4a;
    font: 30px RobotoSlabRegular;
    text-align: center;
    margin-top: 31px;
}

.services .services-data .text .price span {
    color: #ff9000;
    font: 65px RobotoSlabBold;
    padding: 0 10px;
}

.services .service-info .service-info-col .text.text2 {
    margin-top: 16px;
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    .services .service-info .service-info-col .text.text2 {
        padding-bottom: 0;
    }
}

.services .service-info .service-info-col .text b, .services .service-info .service-info-col .text strong {
    font: 17px RobotoSlabBold;
    color: #4a4a4a;
}

.services .service-info .service-info-col .text ul {
    margin-top: 42px;
}

.services .service-info .service-info-col .text ul li {
    background: url("../images/service-info-col-li.png") no-repeat 0 9px;
    list-style: none;
    padding: 0 0 15px 25px;
    font: 17px RobotoSlabRegular;
    color: #737373;
    margin-left: 30px;
}

@media (min-width: 992px) {
    .services .service-info .service-info-col .text ul li {
        padding: 0 0 25px 25px;
    }
}

.services .service-info .service-info-col .text .links-list {
    margin-top: 21px;
}

.services .service-info .service-info-col .text .links-list a {
    display: inline-block;
    width: 169px;
    color: #00b2ff;
    font: 14px RobotoSlabRegular;
    padding-bottom: 10px;
    vertical-align: top;
    font-weight: 600;
}

.services .service-info .service-info-col .text .links-list a:nth-child(2n) {
    min-width: 125px;
}

.services .service-text {
    padding-top: 20px;
}

.services .service-requests {
    margin-top: 50px;
}

.services.services-more .service-requests {
    margin-top: 12px;
}

.services .service-requests a {
    display: block;
    vertical-align: top;
    width: 287px;
    height: 89px;
    border-radius: 9px;
    color: #ffffff;
    font: 15px/20px RobotoSlabBold;
    text-decoration: none;
    letter-spacing: 0.5px;
}

@media (min-width: 380px) {
    .services .service-requests a {
        width: 316px;
        font: 16px/20px RobotoSlabBold;
    }
}

.services .service-requests a span {
    display: block;
}

.services .service-requests a.requests-p span {
    padding-left: 89px;
    padding-right: 20px;
}

.service-tariff .tariff-data {
    color: #2b4b81;
}

.service-tariff-cms {
    margin-top: 57px;
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .service-tariff-cms {
        padding-bottom: 45px;
    }
}

.service-tariff-cms .service-tariff {
    vertical-align: top;
}

.service-tariff-cms .service-tariff ul {
    margin: 40px 0 0 10px;
}

.service-tariff-cms .service-tariff ul li, .tariff-data {
    display: inline-block;
    color: #2b4b81;
    font: 18px RobotoSlabBold;
    height: 52px;
    padding: 0 13px 0 70px;
    text-align: left;
}

.service-tariff-cms .service-tariff ul li:last-child {
    padding-right: 0;
}

.service-tariff-cms .service-tariff .tariff-1 {
    background: url("../images/tariff-1.png") no-repeat 6px 0;
}

.service-sep {
    width: 30px;
    height: 6px;
    background: #1d3f79;
}

.tariff-data {
    color: #1498e3;
}

.service-tariff-cms .service-tariff .tariff-2, .tariff-business {
    background: url("../images/tariff-2.png") no-repeat 6px 0;
}

.service-tariff-cms .service-tariff .tariff-3, .tariff-elit {
    background: url("../images/tariff-3.png") no-repeat 6px 0;
}

.tariff-otn {
    background: url("../images/tariff-4.png") no-repeat;
}

.service-tariff-cms .service-tariff ul li .price, .tariff-data .price {
    display: block;
    color: #ff9000;
}

.service-tariff-cms .name {
    color: #2b4b81;
    font: 24px RobotoSlabBold;
    text-align: center;
}

.service-tariff-cms .service-cms ul {
    margin: 29px 0 0 15px;
}

@media (min-width: 992px) {
    .service-tariff-cms .service-cms ul {
        margin: 29px 0 0 48px;
    }
}

.service-tariff-cms .service-cms ul li {
    display: inline-block;
    vertical-align: top;
    padding-right: 60px;
}

.service-tariff-cms .service-cms ul li:last-child {
    padding-right: 0;
}

.btn-more {
    display: inline-block;
    border-radius: 18px;
    border: 1px solid #c2e3f8;
    background: #eff6fb;
    margin: 0 auto 0 auto;
    height: 40px;
    text-decoration: none;
    text-align: center;
    color: #1d3f79;
    font: 16px PFDinTextCompProRegular;
    text-transform: uppercase;
    padding: 0 15px;
    min-width: 168px;
}

.btn-more span {
    display: block;
    margin-top: 10px;
    letter-spacing: 0.8px;
}

.advantages {
    background: #152d5b url("../images/advantages-bg.jpg") no-repeat 50% 0;
    position: relative;
    background-size: cover;
}

.advantages .advantages-box {
    padding: 93px 0 65px;
    background: url("../images/white-str.png") no-repeat 50% 0;
}

.services .advantages .advantages-box {
    background: url("../images/light-blue-str.png") no-repeat 50% 0;
}

.advantages .advantages-box .title {
    color: #ffffff;
}

.advantages .advantages-box .text {
    color: #ffffff;
    font: 21px RobotoSlabRegular;
    margin: 53px auto 0 auto;
    max-width: 930px;
    width: 100%;
    text-align: center;
}

.advantages .advantages-box .jcarousel6 {
    margin-top: 43px;
}

.advantages .advantages-box .adv-img {
    display: block;
    text-align: center;
}

.advantages .advantages-box .adv-line {
    display: block;
    font-size: 0;
    width: 37px;
    height: 3px;
    background: #ffffff;
    margin: 34px auto 0 auto;
}

.advantages .advantages-box .adv-name {
    display: block;
    text-align: center;
    color: #ffffff;
    font: 21px RobotoSlabBold;
    margin: 51px auto 0 auto;
    width: 300px;
}

.advantages .advantages-box .adv-text {
    display: block;
    color: #ffffff;
    font: 17px RobotoSlabRegular;
    margin: 43px 0 0 20px;
}

.advantages .advantages-box .owl-carousel .owl-item img {
    width: auto;
}

.advantages .advantages-box .owl-theme .owl-dots {
    margin-top: 2rem;
}

.advantages-box .more a {
    display: block;
    border-radius: 20px;
    border: 1px solid #52769c;
    margin: 25px auto 0 auto;
    width: 168px;
    height: 38px;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    font: 16px PFDinTextCompProRegular;
    text-transform: uppercase;
}

.advantages-box .more a span {
    display: block;
    margin-top: 10px;
    letter-spacing: 0.8px;
}

.advantages .advantages-box .no-ico {
    max-height: 117px;
}

.advantages .advantages-box .owl-theme .owl-nav .owl-prev, .advantages .advantages-box .owl-theme .owl-nav .owl-next {
    top: 111px;
    display: none;
}

@media (min-width: 576px) {
    .advantages .advantages-box .owl-theme .owl-nav .owl-prev, .advantages .advantages-box .owl-theme .owl-nav .owl-next {
        top: 190px;
        display: block;
    }
}

@media (min-width: 992px) {
    .advantages .advantages-box .owl-theme .owl-nav .owl-prev, .advantages .advantages-box .owl-theme .owl-nav .owl-next {
        top: 415px;
    }
}

.advantages .advantages-box .owl-theme .owl-nav .owl-prev {
    left: -5px;
    background: url('/images/to_left_2.png') 0 0 !important;
}

.advantages .advantages-box .owl-theme .owl-nav .owl-next {
    right: -5px;
    background: url('/images/to_right_2.png') 0 0 !important;
}

.reviews {
    background: #ffcc00 url("../images/reviews-bg.png") repeat-x;
    position: relative;
}

.home-page .reviews .reviews-box {
    background: none;
}

@media (min-width: 992px) {
    .home-page .reviews .reviews-box {
        background: url("../images/reviews-str.png") no-repeat 50% 0;
    }
}

.services .reviews .reviews-box {
    background: url("../images/reviews-str.png") no-repeat 50% 0;
}

.portfolio-page .reviews .reviews-box {
    background: url("../images/decided-str.png") no-repeat 50% 0;
}

.reviews-portfolio-page .reviews .reviews-box {
    background: url("../images/reviews-portfolio-page.png") no-repeat 50% 0;
}

.light-blue-str .reviews .reviews-box {
    background: url("../images/light-blue-str.png") no-repeat 50% 0;
}

.dark-blue-str .reviews .reviews-box {
    background: url("../images/dark-blue-str.png") no-repeat 50% 0;
}

.reviews .reviews-box {
    padding: 30px 0 30px;
}

@media (min-width: 992px) {
    .reviews .reviews-box {
        padding: 82px 0 63px;
    }
}

.reviews .reviews-bg {
    background: url("../images/reviews-word.png") no-repeat 50% 51px;
}

.reviews .reviews-box .title {
    color: #ffffff;
}

.reviews .reviews-box .reviews-ico {
    background: url("../images/reviews-ico.png") no-repeat;
    width: 118px;
    height: 99px;
    margin: 27px auto 0 auto;
}

.reviews .reviews-box .rev-name {
    color: #152d5b;
    font: 25px/30px RobotoSlabRegular;
    display: block;
    width: 275px;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .reviews .reviews-box .rev-name {
        width: 300px;
        font-size: 25px;
    }
}

@media (min-width: 768px) {
    .reviews .reviews-box .rev-name {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .reviews .reviews-box .rev-name {
        font-size: 30px;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .reviews .reviews-box .rev-name {
        width: 300px;
    }
}

.reviews-portfolio-page .reviews .reviews-box .rev-name {
    width: initial;
    text-align: center;
    margin-bottom: 40px;
}

.reviews .reviews-box .reviews-ico-list {
    display: block;
    background: url("../images/reviews-ico-list.png") no-repeat;
    width: 35px;
    height: 28px;
    margin: 30px auto 0 auto;
}

@media (min-width: 992px) {
    .reviews .reviews-box .reviews-ico-list {
        margin: 30px 0 0;
    }
}

.reviews .reviews-box .rev-text {
    color: #152d5b;
    font: italic 17px arial;
    display: block;
    margin-top: 23px;
}

.reviews .reviews-box .rev-author {
    color: #152d5b;
    font: 16px RobotoSlabRegular;
    display: block;
    margin-top: 47px;
}

.reviews .reviews-box .rev-author b {
    font-family: RobotoSlabBold;
}

.reviews-box .more a {
    display: block;
    border-radius: 20px;
    border: 1px solid #eff6fb;
    margin: 46px auto 0 auto;
    width: 168px;
    height: 38px;
    text-decoration: none;
    text-align: center;
    color: #0993e2;
    font: 16px PFDinTextCompProRegular;
    text-transform: uppercase;
    background: #eff6fb;
}

.reviews-box .more a span {
    display: block;
    margin-top: 9px;
    letter-spacing: 0.8px;
}

.reviews .owl-dots {
    margin-top: 3rem;
}

.reviews .owl-theme .owl-dots .owl-dot.active span, .reviews .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff7800;
}

.reviews .owl-theme .owl-dots .owl-dot span {
    border: 2px solid #ffffff;
}

.reviews .reviews-box .owl-theme .owl-nav .owl-prev, .reviews .reviews-box .owl-theme .owl-nav .owl-next {
    top: 210px;
}

@media (min-width: 992px) {
    .reviews .reviews-box .owl-theme .owl-nav .owl-prev, .reviews .reviews-box .owl-theme .owl-nav .owl-next {
        top: 415px;
    }
}

.reviews .reviews-box .owl-item .item {
    margin-left: 10px;
    position: relative;
    z-index: 1;
    padding-left: 50px;
    padding-right: 50px;
    background: url('../images/reviews-li-bg.png') repeat-y 100% 0;
}

.clients {
    position: relative;
    background: url("../images/yellow-str.png") no-repeat 50% 0;
}

.clients .clients-box {
    padding: 30px 0 30px;
    background: url("../images/clients-word.png") no-repeat 50% 65px;
}

@media (min-width: 992px) {
    .clients .clients-box {
        padding: 107px 0 161px;
    }
}

.clients-type {
    margin: 30px auto 0 auto;
}

@media (min-width: 992px) {
    .clients-type {
        margin: 101px auto 0 auto;
    }
}

.clients-type a {
    display: inline-block;
    width: 263px;
    height: 55px;
    background: #ffffff;
    border-radius: 26px;
    vertical-align: middle;
    text-align: center;
    font: 18px RobotoSlabRegular;
    color: #1d3f79;
    text-decoration: none;
    padding-top: 15px;
    letter-spacing: 0.2px;
    position: relative;
}

@media (min-width: 992px) {
    .clients-type a {
        margin-left: 30px;
    }
}

.clients-type a:hover, .clients-type a.active {
    background: url('../images/orng-ye-bg.png') repeat-x;
    color: #ffffff;
}

.clients-type a.active::after {
    border: 9px solid transparent;
    content: "";
    top: 100%;
    left: 50%;
    position: absolute;
    height: 0;
    width: 0;
    border-color: #ffc500 rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
    margin-left: -10px;
}

.clients .clients-tabs {
    position: relative;
    margin-top: 30px;
}

@media (min-width: 992px) {
    .clients .clients-tabs {
        margin-top: 123px;
    }
}

.clients .clients-tabs .clients-tab {
    display: none;
}

.clients .clients-tabs .clients-tab#clients-tab-1 {
    display: block;
}

.clients-tabs .owl-carousel .owl-item img {
    width: auto;
}

.waves {
    background: #37bff7 url("../images/light-blue-str.png") no-repeat 50% 0;
    position: relative;
}

.waves-page {
    background: #37bff7;
    position: relative;
}

.waves .waves-box {
    padding: 50px 0 30px;
}

@media (min-width: 992px) {
    .waves .waves-box {
        padding: 93px 0 72px;
        background: url("../images/waves-word.png") no-repeat 50% 170px;
    }
}

.waves .waves-box .title {
    color: #ffffff;
}

.waves .waves-box .jcarousel10 {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .waves .waves-box .jcarousel10 {
        margin-top: 100px;
    }
}

.waves .waves-box .jcarousel10 > ul > li .adv-img {
    display: block;
    text-align: center;
    overflow: hidden;
    width: 360px;
    height: 220px;
    border-radius: 10px 10px 0 0;
}

.waves .waves-box .jcarousel10 > ul > li .adv-name {
    display: block;
    text-align: center;
    color: #233e6a;
    font: 21px RobotoSlabBold;
    margin: 43px auto 0 auto;
    width: 300px;
    min-height: 113px;
}

.waves .waves-box .jcarousel10 > ul > li .adv-name a {
    color: #233e6a;
}

.waves .waves-box .jcarousel10 > ul > li .adv-text {
    display: block;
    color: #6e6e6e;
    font: 16px RobotoSlabRegular;
    margin: 24px auto 52px auto;
    width: 270px;
}

.waves .waves-box .articles-items .item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 5px 7px rgba(176, 176, 176, 0.2);
}

.waves .waves-box .articles-items .item .adv-img {
    display: block;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 220px;
    border-radius: 10px 10px 0 0;
}

.waves .waves-box .articles-items .item .adv-img img {
    width: 100%;
}

.waves .waves-box .articles-items .item .adv-name {
    display: block;
    text-align: center;
    color: #233e6a;
    font: 21px RobotoSlabBold;
    margin: 43px auto 0 auto;
    width: 300px;
    min-height: 113px;
}

.waves .waves-box .articles-items .item .adv-name a {
    color: #233e6a;
}

.waves .waves-box .articles-items .item .adv-text {
    display: block;
    color: #6e6e6e;
    font: 16px RobotoSlabRegular;
    margin: 24px auto 52px auto;
    width: 270px;
}

.waves-box .more a {
    display: block;
    border-radius: 20px;
    border: 1px solid #eff6fb;
    margin: 20px auto 0 auto;
    width: 168px;
    height: 38px;
    text-decoration: none;
    text-align: center;
    color: #37bef6;
    font: 16px PFDinTextCompProRegular;
    text-transform: uppercase;
    background: #eff6fb;
}

@media (min-width: 992px) {
    .waves-box .more a {
        margin: 47px auto 0 auto;
    }
}

.waves-box .more a span {
    display: block;
    margin-top: 10px;
    letter-spacing: 0.8px;
}

.projects {
    position: relative;
}

@media (min-width: 992px) {
    .projects {
        background: #eff6fb url("../images/blue-str.png") no-repeat 50% 0;
    }
}

.projects .projects-box {
    padding-top: 35px;
    padding-bottom: 10px;
    background: url("../images/projects-word.png") no-repeat 50% 165px;
}

@media (min-width: 992px) {
    .projects .projects-box {
        padding-top: 93px;
        padding-bottom: 141px;
    }
}

.projects .projects-list {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .projects .projects-list {
        margin-top: 103px;
    }
}

.projects .projects-data {
    border-radius: 10px;
    background: #ffffff;
    width: 100%;
    vertical-align: top;
    margin-right: 30px;
    box-shadow: 0 0 33px 2px #e2e2e2;
    padding-bottom: 120px;
    position: relative;
}

.projects .projects-data:last-child {
    margin-right: 0;
}

.projects .projects-data .img {
    text-align: center;
    padding-top: 45px;
}

.projects .projects-data .text {
    width: 265px;
    margin: 42px auto 0 auto;
    color: #1d3f79;
    font: 17px RobotoSlabRegular;
}

.projects .projects-data .text b {
    font: 17px RobotoSlabBold;
}

.projects .projects-data .info {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
}

.projects .projects-data .download {
    text-align: center;
    color: #1d3f79;
    font: 18px RobotoSlabBold;
    min-height: 7px;
}

.projects .projects-data .link {
    width: 265px;
    margin: 17px auto 46px auto;
    text-align: center;
    color: #37bff7;
    font: 18px RobotoSlabBold;
}

.projects .projects-data .link a {
    color: #37bff7;
}

.projects .projects-data .link a:nth-child(2) {
    margin-left: 50px;
}

.content {
    margin-top: 40px;
    padding-bottom: 24px;
}

.content h1 {
    color: #2b4b81;
    font: 55px RobotoSlabRegular;
    text-align: center;
}

.content .text {
    margin: 30px 0 20px;
    font: 16px/26px RobotoSlabRegular;
}

.content .text p {
    font: 16px/26px RobotoSlabRegular;
    margin: 15px 0;
}

.content .text ul, .content .text ol {
    margin: 15px 0 15px 3px;
}

.content .text ul li, .content .text ol li {
    font: 16px/26px RobotoSlabRegular;
}

.specoffers {
    background: #ffffff;
    padding: 77px 0 80px 0;
}

.specoffers.specoffers-d {
    background: #eff6fb;
    padding: 35px 0 69px 0;
}

.specoffers.specoffers-d .title {
    color: #ffa530;
    font: 30px RobotoSlabBold;
    width: 100%;
}

@media (min-width: 992px) {
    .specoffers.specoffers-d .title {
        color: #ffa530;
        font: 80px RobotoSlabBold;
        width: 100%;
    }
}

.specoffers .title {
    margin: 0 auto;
}

.specoffers .columns {
    margin: 62px 0 0 0;
}

.specoffers .columns .column-3 {
    width: 100%;
    height: 347px;
    margin: 0 0 29px;
    border-radius: 11px;
    text-align: center;
    color: #ffffff;
    font: 30px RobotoSlabBold;
}

.specoffers .columns .column-3:nth-child(3n) {
    margin-right: 0;
}

.specoffers .columns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.specoffers .columns .spec-box {
    font: 30px RobotoSlabBold;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .specoffers .columns .spec-box {
        width: 272px;
    }
}

.specoffers.specoffers-d .columns .spec-text {
    color: #fcfdfe;
    font: 21px/29px RobotoSlabBold;
    margin: 0 auto;
    max-width: 400px;
}

@media (min-width: 768px) {
    .specoffers.specoffers-d .columns .spec-text {
        width: 265px;
    }
}

.specoffers.specoffers-d .columns .spec-text .free {
    color: #ffa530;
    text-transform: uppercase;
}

.specoffers .columns .elem-1 {
    background: #1d3f79 url('../images/logo-big-bg.png') no-repeat 0 37px;
}

.specoffers .columns .elem-1 .spec-box {
    padding-top: 66px;
}

.specoffers .columns .elem-1 .spec-free {
    font: 36px RobotoSlabBold;
}

.specoffers.specoffers-d .elem-1 {
    background: #2b4b81;
}

.specoffers.specoffers-d .columns .elem-1 .spec-box {
    padding-top: 66px;
}

.specoffers.specoffers-d .columns .elem-1 .spec-text {
    margin-top: 14px;
}

.specoffers.specoffers-d .columns .elem-2 .spec-box {
    padding-top: 66px;
}

.specoffers.specoffers-d .columns .elem-3 .spec-box {
    padding-top: 40px;
}

.specoffers.specoffers-d .columns .elem-4 .spec-box {
    padding-top: 76px;
}

.specoffers.specoffers-d .columns .elem-4 .spec-text {
    margin-top: 17px;
}

.specoffers.specoffers-d .columns .elem-5 .spec-box {
    padding-top: 56px;
}

.specoffers.specoffers-d .columns .elem-5 .spec-text {
    margin-top: 23px;
}

.specoffers.specoffers-d .columns .elem-6 .spec-box {
    padding-top: 66px;
}

.specoffers .columns .elem-2 {
    background: #ffcc00 url('../images/logo-big-bg.png') no-repeat -374px 37px;
}

.specoffers .columns .elem-2 .spec-box {
    padding-top: 53px;
    color: #1d3f79;
}

.specoffers .columns .elem-2 .spec-red {
    color: #ff4e00;
    font: 30px RobotoSlabBold;
}

.specoffers .columns .elem-2 .spec-free {
    font: 30px RobotoSlabBold;
}

.specoffers .columns .elem-2 .spec-modul {
    margin-top: 10px;
    font: 30px RobotoSlabBold;
}

.specoffers.specoffers-d .elem-2 {
    background: #ffa530;
}

.specoffers .columns .elem-3 {
    background: #1d3f79 url('../images/logo-big-bg.png') no-repeat -777px 37px;
}

.specoffers .columns .elem-3 .spec-box {
    padding-top: 36px;
    width: 310px;
}

.specoffers.specoffers-d .elem-3 {
    background: #37baf5;
}

.specoffers .columns .elem-4 {
    background: #ff9c00 url('../images/logo-big-bg.png') no-repeat 0 -345px;
}

.specoffers .columns .elem-4 .spec-box {
    padding-top: 69px;
}

.specoffers .columns .elem-4 .spec-free {
    font: 38px/39px RobotoSlabBold;
}

.specoffers .columns .elem-4 .spec-img {
    margin: 2px 0 4px 0;
}

.specoffers.specoffers-d .elem-4 {
    background: #37baf5;
}

.specoffers .columns .elem-5 {
    background: #1d3f79 url('../images/logo-big-bg.png') no-repeat -374px -347px;
}

.specoffers .columns .elem-5 .spec-box {
    padding-top: 47px;
    line-height: 36px;
}

.specoffers.specoffers-d .elem-5 {
    background: #d4e1eb;
}

.specoffers.specoffers-d .elem-5 .spec-text {
    color: #2b4b81;
}

.specoffers .columns .elem-6 {
    background: #37bff7 url('../images/logo-big-bg.png') no-repeat -777px -345px;
}

.specoffers .columns .elem-6 .spec-box {
    padding-top: 75px;
    line-height: 34px;
}

.specoffers .columns .elem-6 .spec-free {
    font: 30px RobotoSlabBold;
}

.specoffers .columns .elem-6 .spec-img {
    margin: 2px 0 4px 0;
}

.specoffers.specoffers-d .elem-6 {
    background: #ffffff;
}

.specoffers.specoffers-d .elem-6 .spec-text {
    color: #2b4b81;
    line-height: 24px;
}

.specoffers .columns .spec-orange {
    font: 36px RobotoSlabBold;
    color: #ff9c00;
}

.specoffers .columns .spec-free {
    color: #ffffff;
}

.specoffers .columns .spec-yellow {
    font: 30px RobotoSlabBold;
    color: #fdd01a;
}

.specoffers .columns .spec-perc {
    font: 76px RobotoSlabBold;
    color: #fdd01a;
}

.specoffers .columns .spec-blue {
    font: 38px RobotoSlabBold;
    color: #1d3f79;
}

.specoffers .columns .spec-img {
    margin: 8px 0 10px 0;
}

.specoffers.specoffers-d .columns .spec-img {
    margin: 3px 0 10px 0;
}

.specoffers.specoffers-d .columns .spec-img-text {
    margin: 15px 0 10px 0;
    font: 92px RobotoSlabBold;
    color: #fcfdfe;
}

.specoffers.specoffers-mob .title {
    text-transform: uppercase;
    font-size: 25px;
}

@media (min-width: 360px) {
    .specoffers.specoffers-mob .title {
        font-size: 29px;
    }
}

.specoffers.light-blue-str {
    background: url("../images/light-blue-str.png") no-repeat 50% 0;
}

.about {
    background: #37bff7 url("../images/light-blue-str.png") no-repeat 50% 0;
}

.about.about-str {
    background: #37bff7 url("../images/light-blue-str.png") no-repeat 50% 0;
}

@media (min-width: 768px) {
    .about.about-str {
        background: #37bff7 url("../images/white-str.png") no-repeat 50% 0;
    }
}

.about .about-box {
    padding: 45px 0 0;
    background: url("../images/about-word.png") no-repeat 50% 145px;
}

@media (min-width: 992px) {
    .about .about-box {
        padding: 96px 0 95px;
    }
}

.about .about-box .title {
    color: #ffffff;
}

.about .about-box .columns {
    margin-top: 43px;
}

@media (min-width: 992px) {
    .about .about-box .columns {
        margin-top: 83px;
    }
}

.about .about-box .columns .column-2 {
    background: url("../images/check-blue.png") no-repeat;
    color: #ffffff;
    width: 100%;
    min-height: 85px;
    font: 18px/22px RobotoSlabBold;
    margin-bottom: 24px;
    padding-left: 70px;
    padding-right: 40px;
}

@media (min-width: 992px) {
    .about .about-box .columns .column-2 {
        font: 20px/24px RobotoSlabBold;
        padding-left: 80px;
    }
}

.about .about-box .columns .column-2:nth-child(2n) {
    padding-right: 0;
}

.decided {
    background: #1d3f79;
}

.decided.blue-str {
    background: #1d3f79 url("../images/blue-str.png") no-repeat 50% 0;
}

.decided.white-str {
    background: #1d3f79 url("../images/white-str.png") no-repeat 50% 0;
}

.decided.decided-portfolio-page {
    background: #1d3f79;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1d3f79), to(#2e93cb));
    background: -webkit-linear-gradient(#1d3f79, #2e93cb);
    background: -moz-linear-gradient(#1d3f79, #2e93cb);
    background: -ms-linear-gradient(#1d3f79, #2e93cb);
    background: -o-linear-gradient(#1d3f79, #2e93cb);
    background: linear-gradient(#1d3f79, #2e93cb);
}

@media (min-width: 992px) {
    .decided.decided-portfolio-page {
        background: #1d3f79;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1d3f79), to(#2e93cb));
        background: -webkit-linear-gradient(#1d3f79, #2e93cb);
        background: -moz-linear-gradient(#1d3f79, #2e93cb);
        background: -ms-linear-gradient(#1d3f79, #2e93cb);
        background: -o-linear-gradient(#1d3f79, #2e93cb);
        background: linear-gradient(#1d3f79, #2e93cb);
    }
}

@media (min-width: 1200px) {
    .decided.decided-portfolio-page {
        background: #308ec9 url('../images/decided-portfolio-page.jpg') repeat-x;
    }
}

.decided.decided-portfolio-page .decided-box {
    padding-bottom: 80px;
}

.decided .decided-box {
    padding: 55px 0 95px 0;
    width: 1010px;
}

.works.works-develop.works-develop-seo.works-develop-portfolio-page.blue-str {
    background: url("../images/blue-str.png") no-repeat 50% 0;
}

.works.works-develop.works-develop-seo.works-develop-portfolio-page {
    background: url("../images/decided-portfolio-page-angle-top.png") no-repeat 50% 0;
    padding-top: 60px !important;
    width: 320px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .works.works-develop.works-develop-seo.works-develop-portfolio-page {
        width: initial;
    }
}

.works.works-develop.works-develop-seo.works-develop-portfolio-page .title {
    width: auto;
    margin: 0 auto 50px auto;
    font-size: 25px;
    line-height: initial;
}

@media (min-width: 768px) {
    .works.works-develop.works-develop-seo.works-develop-portfolio-page .title {
        font-size: 35px;
    }
}

@media (min-width: 992px) {
    .works.works-develop.works-develop-seo.works-develop-portfolio-page .title {
        width: auto;
        font-size: 40px;
    }
}

@media (min-width: 1200px) {
    .works.works-develop.works-develop-seo.works-develop-portfolio-page .title {
        width: 750px;
        font-size: 45px;
    }
}

.decided-portfolio-page-bg {
    background: url('../images/decided-portfolio-page-bg.png') no-repeat center center;
}

.decided .decided-box .title {
    margin: 0;
    text-align: left;
    color: #ffffff;
    font: 44px RobotoSlabRegular;
}

.decided .form-left {
    float: left;
}

.decided .form-right {
    float: left;
}

.decided .form-box {
    margin-top: 25px;
}

@media (min-width: 1200px) {
    .decided .form-box {
        margin-top: 73px;
    }
}

.decided .form-box .name {
    font: 21px RobotoSlabBold;
    color: #ffffff;
    letter-spacing: 1px;
}

.decided .form-box .inp-first {
    margin-top: 27px;
}

.decided .form-box .inp-textarea {
    margin-top: 20px;
}

.decided .form-box .inp-textarea textarea {
    height: 67px;
    width: 300px;
}

@media (min-width: 1200px) {
    .decided .form-box .inp-textarea textarea {
        width: 458px;
    }
}

.decided .decided-services {
    margin-top: 28px;
    width: auto;
}

@media (min-width: 1200px) {
    .decided .decided-services {
        width: 540px;
    }
}

.decided .decided-services .checkbox {
    float: left;
    width: 265px;
    margin: 0 10px 21px 0;
}

.decided .decided-services .checkbox:nth-child(2n) {
    margin-right: 0;
}

.decided .comment-box {
    margin-top: 12px;
}

.portfolio .portfolio-links {
    margin-top: 40px;
    position: relative;
    z-index: 12;
}

@media (min-width: 992px) {
    .portfolio .portfolio-links {
        margin-top: 63px;
    }
}

.portfolio .portfolio-links a.elem-port {
    display: inline-block;
    border: 1px solid #d1dbe4;
    border-radius: 9px;
    color: #38bcf4;
    font: 16px RobotoSlabRegular;
    text-decoration: none;
    width: 100%;
    height: 56px;
    margin-left: 24px;
    background: #ffffff url("../images/select-ico.png") no-repeat 95% 50%;
    position: relative;
}

@media (min-width: 345px) {
    .portfolio .portfolio-links a.elem-port {
        font: 18px RobotoSlabRegular;
    }
}

.portfolio .portfolio-links a.elem-port.active {
    background: linear-gradient(to top, #ffcc00, #ff7800);
    color: #ffffff;
    font: 18px RobotoSlabBold;
    border: 1px solid #99a0a7;
}

.portfolio .portfolio-links a.elem-port:first-child {
    margin-left: 0;
}

.portfolio .portfolio-links a.elem-port > span {
    display: block;
    margin: 16px 0 0 28px;
}

@media (min-width: 345px) {
    .portfolio .portfolio-links a.elem-port > span {
        margin: 14px 0 0 28px;
    }
}

.portfolio .portfolio-links a.elem-port > img {
    display: none;
}

.portfolio .portfolio-links a.elem-port.active > img {
    position: absolute;
    top: 21px;
    right: 20px;
    display: block;
    z-index: 13;
}

.portfolio .portfolio-links .portfolio-links-w-1 {
    left: 15px;
}

.portfolio .portfolio-links .portfolio-links-w-2 {
    left: 405px;
}

.portfolio .portfolio-links .portfolio-links-w-3 {
    left: 575px;
}

.portfolio .portfolio-list {
    position: relative;
    margin: 35px 0 60px 0;
}

.portfolio .portfolio-list .elem {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 9px;
    box-shadow: 0 5px 7px rgba(176, 176, 176, 0.2);
    position: relative;
}

.portfolio .portfolio-list .elem > a {
    display: block;
    text-decoration: none;
    padding: 0 0 40px 0;
}

.portfolio .portfolio-list .elem span.img {
    overflow: hidden;
    width: 100%;
    height: 250px;
    border-radius: 9px 9px 0 0;
    display: block;
}

.portfolio .portfolio-list .elem span.img img {
    width: 100%;
}

.portfolio .portfolio-list .elem span.name {
    color: #233e6a;
    text-align: center;
    font: 21px/26px RobotoSlabRegular;
    margin: 40px 43px 0 43px;
    letter-spacing: -0.5px;
    display: block;
    height: 53px;
    overflow-y: hidden;
}

.portfolio .portfolio-list .elem span.types {
    color: #b1b1b1;
    font: italic 14px/20px Arial;
    margin: 20px 30px 0 30px;
    text-align: center;
    display: block;
    height: 40px;
}

.portfolio .portfolio-list .elem span.info {
    color: #b1b1b1;
    font: italic 14px/20px Arial;
    margin: 15px 30px 0 30px;
    text-align: center;
    display: block;
}

.portfolio .portfolio-list .elem span.info .info-blue {
    color: #37bff7;
}

.portfolio .portfolio-list .elem .plus-ico {
    background: url('../images/portfolio-plus-ico.png') 0 0 no-repeat;
    width: 68px;
    height: 69px;
    display: block;
    position: absolute;
    top: 20px;
    right: -32px;
    z-index: 10;
    cursor: pointer;
}

.portfolio .portfolio-list .elem.active, .portfolio-items .elem.active {
    background: #ff7b00;
}

.portfolio .portfolio-list .elem.active .plus-ico {
    background: url('../images/portfolio-plus-ico.png') -81px 0 no-repeat;
}

.portfolio .portfolio-list .elem.active .name {
    color: #ff7a00;
}

.portfolio .portfolio-list .elem .portfolio-part-2, .portfolio-items .elem .portfolio-part-2 {
    display: none;
}

.portfolio .portfolio-list .elem.active .portfolio-part-1, .portfolio-items .elem.active .portfolio-part-1 {
    display: none;
}

.portfolio .portfolio-list .elem.active .portfolio-part-2, .portfolio-items .elem.active .portfolio-part-2 {
    display: block;
    min-height: 360px;
    border-radius: 9px;
    padding-bottom: 65px;
}

.portfolio .portfolio-list .elem.active .portfolio-part-2 span.name-2, .portfolio-items .elem.active .portfolio-part-2 span.name-2 {
    display: block;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    padding-top: 35px;
    width: 300px;
    height: 123px;
    overflow-y: hidden;
    font: 24px RobotoSlabBold;
}

.portfolio .portfolio-list .elem.active .portfolio-part-2 span.desc, .portfolio-items .elem.active .portfolio-part-2 span.desc {
    display: block;
    color: #ffffff;
    text-align: center;
    width: 240px;
    max-height: 245px;
    overflow-y: hidden;
    margin: 0 auto;
    padding-top: 25px;
    font: italic 17px/22px arial;
}

.portfolio .portfolio-list .elem.active .portfolio-part-2 .link, .portfolio-items .elem.active .portfolio-part-2 .link {
    display: block;
    width: 240px;
    height: 40px;
    margin: 20px auto 0 auto;
    border-radius: 18px;
    background: #ffffff;
    text-align: center;
    color: #37bff7;
    font: bold 16px/40px arial;
}

.portfolio .portfolio-list .elem.active .portfolio-part-2 a.link span, .portfolio-items .elem.active .portfolio-part-2 a.link span {
    display: block;
    padding-top: 11px;
}

.visit-steps-box-no-bg .visit-steps .visit-steps-box {
    background: none;
}

.visit-steps .visit-steps-box {
    background: url("../images/white-str.png") no-repeat 50% 0;
    padding-top: 42px;
}

.visit-steps .visit-steps-box .title {
    color: #2b4b81;
    font: 48px RobotoSlabRegular;
}

.visit-steps .visit-steps-box .visit-steps-lines {
    margin-top: 83px;
}

.visit-steps .visit-steps-box .visit-steps-line {
    background: url("../images/orange-selected-bold.png") no-repeat 0 0;
    min-height: 64px;
    padding-left: 95px;
    float: left;
    color: #233e6a;
    font: 18px RobotoSlabBold;
}

@media (min-width: 1200px) {
    .visit-steps .visit-steps-box .visit-steps-line {
        width: 287px;
        min-height: 70px;
    }
}

.visit-steps .visit-steps-box .visit-steps-line.visit-steps-direc {
    width: 139px;
    background: url("../images/visit-steps-direc.png") no-repeat 50% 50%;
    padding: 0;
}

.faq {
    margin-top: 0;
    padding-bottom: 20px;
}

.faq .faq-box .faq-list {
    margin: 55px 0 68px;
}

.faq .faq-list-elem {
    background: #ffffff;
    margin-bottom: 3px;
    padding: 20px;
    position: relative;
    border-radius: 8px;
    z-index: 2;
}

@media (min-width: 576px) {
    .faq .faq-list-elem {
        padding: 39px 0 37px 60px;
    }
}

.faq .faq-list-elem .yellow-bottom {
    background: url("../images/yellow-bottom.png") no-repeat;
    width: 49px;
    height: 49px;
    display: block;
    position: absolute;
    top: 28px;
    right: 35px;
}

.faq .faq-list-elem.active .yellow-bottom {
    background: url("../images/yellow-bottom-active.png") no-repeat;
}

.faq .faq-list-elem.active {
    box-shadow: 0 8px 46px 0 rgba(0, 0, 0, 0.11);
    z-index: 3;
}

.faq .faq-list-elem .faq-name {
    color: #2b4b81;
    font: 19px RobotoSlabBold;
    display: block;
    text-decoration: none;
    width: 100%;
}

@media (min-width: 768px) {
    .faq .faq-list-elem .faq-name {
        font: 21px RobotoSlabBold;
        width: 90%;
    }
}

.faq .faq-list-elem .faq-text {
    color: #fe7418;
    font: 18px RobotoSlabRegular;
    border-left: 1px solid #fe7418;
    padding-left: 30px;
    display: none;
    margin-top: 27px;
    width: 95%;
}

@media (min-width: 768px) {
    .faq .faq-list-elem .faq-text {
        width: 83%;
    }
}

.price-develop {
    margin: 20px 0;
}

.price-develop .price-develop-box {
    background: #ffffff url('../images/light-blue-str.png') no-repeat 50% 0;
    padding-top: 57px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

.price-develop .price-develop-tab {
    margin-top: 60px;
    padding: 0 30px 50px 0;
    position: relative;
}

@media (min-width: 576px) {
    .price-develop .price-develop-tab {
        padding-left: 30px;
    }
}

.price-develop .price-develop-box .title {
    width: 100%;
    margin: 0 auto;
    font-size: 48px;
}

@media (min-width: 768px) {
    .price-develop .price-develop-box .title {
        width: 60%;
    }
}

.price-develop .price-develop-box .price-develop-tab .list {
    width: 1000px;
    border-bottom: 1px solid #e9eef2;
    padding: 17px 0;
}

@media (min-width: 576px) {
    .price-develop .price-develop-box .price-develop-tab .list {
        width: 1080px;
    }
}

.price-develop .price-develop-box .price-develop-tab .list:last-child {
    border-bottom: 0 solid #e9eef2;
}

.price-develop .price-develop-box .price-develop-tab .name {
    font: 20px RobotoSlabBold;
    margin-top: 18px;
}

.price-develop .price-develop-box .price-develop-tab .name-service {
    font: 16px RobotoSlabRegular;
    color: #233e6a;
    padding-left: 25px;
}

@media (min-width: 576px) {
    .price-develop .price-develop-box .price-develop-tab .name-service {
        padding-left: 40px;
    }
}

.price-develop .price-develop-box .price-develop-tab .grey {
    color: #bac6d0;
}

.price-develop .price-develop-box .price-develop-tab .blue {
    color: #5dc8f6;
}

.price-develop .price-develop-box .price-develop-tab .blue-strong {
    color: #233e6a;
}

.price-develop .price-develop-box .price-develop-tab .orange {
    color: #ffa530;
}

.price-develop .price-develop-box .price-develop-tab .desc {
    font: 20px RobotoSlabRegular;
}

.price-develop .price-develop-box .price-develop-tab .price {
    font: 24px RobotoSlabRegular;
    color: #4a4a4a;
}

.price-develop .price-develop-box .price-develop-tab .price span {
    font: 36px RobotoSlabBold;
    color: #ff9000;
}

.price-develop .border-price {
    border-radius: 8px;
    width: 255px;
    height: calc(100% - 30px);
    position: absolute;
    opacity: 0.8;
}

.price-develop .border-price-grey {
    left: 240px;
    border: 21px solid #d4e1eb;
}

@media (min-width: 576px) {
    .price-develop .border-price-grey {
        left: 305px;
    }
}

.price-develop .border-price-blue {
    left: 500px;
    border: 21px solid #5dc8f6;
}

@media (min-width: 576px) {
    .price-develop .border-price-blue {
        left: 580px;
    }
}

.price-develop .border-price-orange {
    left: 760px;
    border: 21px solid #ffa530;
}

@media (min-width: 576px) {
    .price-develop .border-price-orange {
        left: 855px;
    }
}

.price-info-box {
    background: #ffffff;
    padding: 50px 0 21px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.price-info {
    background: #eff6fb;
    width: 97%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.price-info .desc {
    color: #2b4b81;
    font: 21px/23px RobotoSlabRegular;
}

.price-info .btn {
    padding: 20px 50px;
    background: #73cff8;
    border: 0;
    border-radius: 33px;
    font: 18px RobotoSlabRegular;
    color: #ffffff;
}

#TB-overlay-portfoliio {
    background-color: #000;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.25;
    position: fixed;
    top: 0;
    z-index: 10;
}

.window-grey {
    position: absolute;
    top: 80px;
    /*width: 583px;*/
    background: #ffffff;
    z-index: 11;
    border-radius: 16px;
    box-shadow: 0 8px 46px rgba(0, 0, 0, 0.35);
    display: none;
}

.window-grey .p-head {
    background: #eff6fb;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: 65px;
}

.window-grey .p-head .p-title {
    float: left;
    margin: 16px 0 0 30px;
    font: 24px RobotoSlabBold;
    color: #ff7d00;
}

.window-grey .p-head .p-next {
    float: right;
    color: #37bff7;
    font: bold 16px arial;
    margin: 22px 21px 0 0;
}

.window-grey .p-head .p-next a {
    color: #37bff7;
    font: italic bold 16px arial;
    text-decoration: none;
}

.window-grey .p-head .p-next a img {
    vertical-align: middle;
    padding-left: 10px;
}

.window-grey a.p-line {
    border-top: 1px solid #dde8ef;
    text-decoration: none;
}

.window-grey .p-line:last-child {
    border-bottom: 1px solid #dde8ef;
}

.window-grey .p-check {
    display: inline-block;
    width: 51px;
    height: 51px;
    vertical-align: middle;
    border-right: 1px solid #dde8ef;
    background: #ffffff url('../images/p-check.png') 0 0;
    cursor: pointer;
}

.window-grey .active .p-check {
    background: #ff7d00 url('../images/p-check.png') 0 -51px;
}

.window-grey .p-name {
    display: inline-block;
    vertical-align: middle;
    padding-left: 23px;
    color: #37bff7;
    font: 18px RobotoSlabRegular;
}

.window-grey .active .p-name {
    color: #ff7d00;
}

.window-grey .p-footer a {
    display: inline-block;
    text-decoration: none;
}

.window-grey .p-footer a span {
    display: block;
    margin-top: 10px;
}

.window-grey .p-footer a.p-done {
    background: #ff7d00;
    width: 154px;
    height: 46px;
    text-align: center;
    font: 18px RobotoSlabBold;
    color: #ffffff;
    border-radius: 22px;
}

.window-grey .p-footer a.p-clear {
    text-align: center;
    width: 154px;
    color: #99a9c4;
    font: italic 16px Arial;
}

.window-grey .p-footer a.p-clear img {
    vertical-align: middle;
    padding-left: 10px;
}

.window-grey .p-footer-links {
    margin: 23px 0 25px 28px;
}

.blue-radius-light-white-bg, .blue-2-radius-light-white-bg {
    display: block;
    border-radius: 18px;
    border: 1px solid #c2e3f8;
    background: #ffffff;
    margin: 0 auto;
    width: 168px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    color: #1d3f79;
    font: 16px PFDinTextCompProRegular;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.blue-2-radius-light-white-bg {
    color: #37baf5;
}

.blue-radius-light-white-bg span, .blue-2-radius-light-white-bg span {
    display: block;
    margin-top: 10px;
}

.form-box .form-right {
    margin-left: 0;
}

@media (min-width: 1200px) {
    .form-box .form-right {
        margin-left: 110px;
    }
}

.form-box .inp {
    margin-bottom: 23px;
}

.form-box .inp input[type="text"], .form-box .inp textarea {
    border-radius: 8px;
    border: 0;
    padding: 15px 23px 16px 23px;
    color: #95a4ab;
    font: 18px RobotoSlabRegular;
}

.form-box .inp input[type="text"] {
    width: 314px;
    height: 53px;
}

.form-box .desc {
    font: italic 14px Arial;
    color: #b1b1b1;
    margin: 0 0 22px;
}

.form-box .desc span {
    color: #ff7d00;
}

.form-box label {
    font-size: 16px;
}

.form-box .form-submit {
    text-align: center;
}

.form-box .form-submit input[type='submit'], .form-box .form-submit input[type='button'] {
    border: 0;
    background: #ff7d00 url("../images/submit-ico-1.png") no-repeat 47px 49%;
    border-radius: 35px;
    color: #ffffff;
    font: 24px RobotoSlabBold;
    height: 73px;
    width: 304px;
    margin-top: 48px;
    padding-left: 56px;
}

.develop-box .title {
    margin-top: 70px;
}

.develop-box .text {
    color: #4a4a4a;
    font: 18px RobotoSlabRegular;
    text-align: center;
}

.develop-box .service-num {
    padding-top: 32px;
}

.works-develop {
    background: url("../images/white-str.png") 50% 0 no-repeat;
    margin-top: 0;
}

.works-develop.works-develop-seo {
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .works-develop.works-develop-seo {
        padding-bottom: 70px;
    }
}

.works-develop .works-box {
    padding-top: 40px;
}

@media (min-width: 768px) {
    .works-develop .works-box {
        padding-top: 35px;
    }
}

@media (min-width: 992px) {
    .works-develop .works-box {
        padding-top: 80px;
    }
}

.works-develop .price-info-box {
    padding-top: 20px;
    position: relative;
    top: 92px;
}

a.plus-ico {
    background: url('../images/portfolio-plus-ico.png') 0 0 no-repeat;
    width: 68px;
    height: 69px;
    display: inline-block;
}

.module-ico-box .module-ico {
    color: #2b4b81;
    font: 15px RobotoSlabBold;
    padding-left: 55px;
    min-height: 50px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.module-ico-box .module-ico a {
    color: #2b4b81;
    text-decoration: underline;
}

.module-ico-box .module-ico a:hover {
    text-decoration: none;
}

.module-ico-box .module-ico span {
    font: 15px RobotoSlabRegular;
}

.module-ico-cms {
    margin-top: 20px;
}

@media (min-width: 992px) {
    .module-ico-cms {
        margin-top: 97px;
    }
}

.rates-box .title {
    font: 35px/40px RobotoSlabRegular;
    color: #2b4b81;
}

@media (min-width: 768px) {
    .rates-box .title {
        font: 48px RobotoSlabRegular;
    }
}

.rates-box.rates-box-blue {
    background: #ffffff url('../images/light-blue-str.png') no-repeat 50% 0;
}

.rates-box .text-head {
    font: 17px RobotoSlabRegular;
    color: #737373;
    padding: 0 40px 25px 45px;
}

.rates-list {
    margin-top: 90px;
}

.rates-list .rate-d {
    border: 21px solid #f2f8fc;
    border-radius: 8px;
    margin-bottom: 27px;
    padding: 0 25px 200px 25px;
    min-height: 400px;
    position: relative;
}

@media (min-width: 768px) {
    .rates-list .rate-d {
        padding: 0 33px 190px 33px;
    }
}

.rates-list .rate-d .name {
    text-align: center;
    color: #2b4b81;
    font: 24px/29px RobotoSlabBold;
    min-height: 73px;
    width: 93%;
    left: 50%;
    transform: translateX(-50%);
}

.rates-list .rate-d2 .name {
    padding-top: 1.8rem;
    text-align: center;
    color: #2b4b81;
    font: 24px/29px RobotoSlabBold;
    min-height: 73px;
    width: 70%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.rates-list .elem .rate-d2.active .name {
    color: #ffffff;
    font: 29px/35px RobotoSlabRegular;
    top: -0.8rem;
}

.rates-list .elem .rate-d2.service-index.active .name {
    top: 1rem;
}

.rates-list .rate-d .text, .rates-list .rate-d2 .text {
    font: 14px/17px RobotoSlabRegular;
    color: #4a4a4a;
}

@media (min-width: 768px) {
    .rates-list .rate-d .text, .rates-list .rate-d2 .text {
        font: 15px/18px RobotoSlabRegular;
    }
}

.rates-list .rate-d2.active .text {
    visibility: hidden;
}

.rates-list .rate-d .more, .rates-list .rate-d2 .more {
    margin: 16px 0 15px 0;
    display: block;
}

.rates-list .rate-d .tariff-data {
    margin: 25px 0 0 0;
    font: 14px RobotoSlabBold;
}

@media (min-width: 360px) {
    .rates-list .rate-d .tariff-data {
        margin: 25px 0 0 24px;
        font: 18px RobotoSlabBold;
    }
}

.rates-list .rate-d2 .tariff-data {
    margin: 0 0 0 24px;
    font: 14px RobotoSlabBold;
    display: block;
}

@media (min-width: 360px) {
    .rates-list .rate-d2 .tariff-data {
        margin: 0 0 0 24px;
        font: 18px RobotoSlabBold;
    }
}

.rates-list .banner {
    background-repeat: no-repeat;
    max-width: 362px;
    height: 523px;
    position: relative;
}

.rates-list .banner .name {
    font: 29px RobotoSlabRegular;
    color: #ffffff;
    width: 75%;
}

.rates-list .banner .btn-box {
    position: absolute;
    bottom: 50px;
}

.rates-list .elem a.rate-d .tariff-data-box {
    position: absolute;
    bottom: 20px;
    height: 150px;
    display: block;
}

.rates-list .elem > div {
    cursor: pointer;
}

.rates-list .elem .rate-d2 .tariff-data-box {
    position: absolute;
    bottom: 20px;
    height: 140px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 255px;
}

@media (min-width: 576px) {
    .rates-list .elem .rate-d2 .tariff-data-box {
        bottom: 3px;
    }
}

.rates-list .elem .rate-d2.active {
    border-radius: 20px;
    background-color: #37baf5;
    background-position: 50% 40%;
    background-repeat: no-repeat;
}

.rates-list .elem a.rate-d.active .tariff-data, .rates-list .elem .rate-d2.active .tariff-data, .rates-list .elem .rate-d2.active .more {
    display: none !important;
}

.rates-list .rate-d .send-req, .rates-list .rate-d2 .send-req, .rates-list .rate-d2 .more-req {
    visibility: hidden;
}

.rates-list .rate-d.active .send-req, .rates-list .rate-d2.active .send-req, .rates-list .rate-d2.active .more-req {
    visibility: visible;
    background: #ff7d00;
    background: linear-gradient(to top, #ffcc00, #ff7800);
    width: 225px;
    height: 54px;
    border-radius: 24px;
    font: 18px PFDinTextCompProMedium;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    left: 15px;
    bottom: 20px;
    top: 0;
}

.rates-list .rate-d2.service-index.active .more-req {
    bottom: 50px;
}

.rates-list .rate-d2.active .more-req {
    top: auto;
}

.rates-list .elem .rate-d2 {
    background: #f2f8fc;
    margin-bottom: 27px;
    position: relative;
    height: calc(100% - 27px);
}

.rates-list .elem .rate-d2.service-index {
    background-color: #ffffff;
    background-size: contain;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 0 33px 2px #e2e2e2;
}

.rates-list .elem .rate-d2.active.service-index {
    background-color: #36b9f4;
}

.rates-list .elem .rate-d2 .elem-data {
    background: #ffffff;
    display: block;
    margin: 21px;
    height: calc(100% - 42px);
}

.rates-list .elem .rate-d2.active .elem-data {
    background: none;
}

.rates-list .elem .rate-d2 .elem-data .text {
    margin-left: 31px;
    margin-right: 30px;
    padding-bottom: 193px;
    padding-top: 6.5rem;
}

.rates-list .elem .rate-d2.service-index .elem-data .text {
    padding-bottom: 110px;
    margin-left: 40px;
    margin-right: 35px;
}

.rates-list .elem .rate-d2.service-index .elem-data .text, .rates-list .elem .rate-d2.service-index .elem-data .text p {
    color: #737373;
    font: 17px RobotoSlabRegular;
}

.milestones {
    background: #ffcc00 url("../images/reviews-bg.png") repeat-x;
    position: relative;
}

.milestones .milestones-box {
    padding-top: 30px;
    padding-left: 15px;
    background: url("../images/white-str.png") no-repeat 50% 0;
}

@media (min-width: 992px) {
    .milestones .milestones-box {
        padding-top: 97px;
        padding-left: 65px;
    }
}

.milestones .milestones-box .milestones-list {
    margin-top: 2rem;
}

@media (min-width: 992px) {
    .milestones .milestones-box .milestones-list {
        margin-top: 4.8rem;
    }
}

.milestones .milestones-box .milestones-bg {
    background: url("../images/milestones-bg.png") no-repeat 48% 27px;
    min-height: 200px;
}

.milestones-box .title {
    color: #ffffff;
}

.milestones-box .text {
    color: #ffffff;
    font: 21px RobotoSlabBold;
}

.milestones-box .milestones-elem {
    min-height: 74px;
    font: 16px RobotoSlabBold;
    color: #152d5b;
    padding: 0 4rem 0 5.7rem;
    margin-bottom: 2.7rem;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

@media (min-width: 576px) {
    .milestones-box .milestones-elem {
        font: 20px RobotoSlabBold;
    }
}

@media (min-width: 992px) {
    .milestones-box .milestones-elem {
        margin-bottom: 3.6rem;
    }
}

.milestones-box .milestones-elem a {
    color: #37baf5;
    text-decoration: underline;
}

.milestones-box .milestones-elem a:hover {
    text-decoration: none;
    color: #ffffff;
}

.milestones-box .milestones-seo-elem-1 {
    background: url("../images/milestones-seo-elem-1-bg.png") no-repeat 6px 0;
    min-height: 65px;
}

.milestones-box .milestones-seo-elem-2 {
    background: url("../images/milestones-seo-elem-2-bg.png") no-repeat 10px 0;
    min-height: 73px;
}

.milestones-box .milestones-seo-elem-3 {
    background: url("../images/milestones-seo-elem-3-bg.png") no-repeat 0 0;
    min-height: 57px;
}

.milestones-box .milestones-seo-elem-4 {
    background: url("../images/milestones-seo-elem-4-bg.png") no-repeat 0 0;
    min-height: 70px;
}

.milestones-box .milestones-seo-elem-5 {
    background: url("../images/milestones-seo-elem-5-bg.png") no-repeat 0 0;
    min-height: 66px;
}

.milestones-box .milestones-seo-elem-6 {
    background: url("../images/milestones-seo-elem-6-bg.png") no-repeat 0 0;
    min-height: 73px;
}

.milestones-box .milestones-seo-elem-7 {
    background: url("../images/milestones-seo-elem-7-bg.png") no-repeat 0 0;
    min-height: 55px;
}

.milestones-box .milestones-seo-elem-8 {
    background: url("../images/milestones-seo-elem-8-bg.png") no-repeat 0 0;
    min-height: 70px;
}

.milestones-box .milestones-seo-elem-9 {
    background: url("../images/milestones-seo-elem-9-bg.png") no-repeat 0 0;
    min-height: 58px;
}

.develop-info {
    position: relative;
}

.develop-info .develop-info-str {
    background: url("../images/yellow-str.png");
    position: absolute;
    width: 88px;
    height: 25px;
    z-index: 2;
    left: calc(50% - 44px);
}

.develop-info .elem {
    min-height: 100px;
}

@media (min-width: 768px) {
    .develop-info .elem {
        min-height: 162px;
    }
}

.develop-info .elem-1 {
    background: #37bff7;
}

.develop-info .elem-2 {
    background: #1d3f79;
}

.develop-info .develop-info-bg a {
    color: #ffffff;
}

.develop-info .develop-info-bg {
    max-width: 450px;
    width: 100%;
    min-height: 69px;
    font: 18px/22px RobotoSlabBold;
    color: #ffffff;
    padding-left: 115px;
}

@media (min-width: 992px) {
    .develop-info .develop-info-bg {
        padding-top: 9px;
        font: 30px/36px RobotoSlabBold;
    }
}

.develop-info .develop-info-1-bg {
    background: url("../images/develop-info-1-bg.png") no-repeat 0 50%;
    max-width: 550px;
    width: 100%;
}

.develop-info .develop-info-2-bg {
    background: url("../images/develop-info-2-bg.png") no-repeat 0 50%;
    margin-left: 0;
}

@media (min-width: 992px) {
    .develop-info .develop-info-2-bg {
        margin-left: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .develop-info .develop-info-2-bg {
        margin-left: 8rem;
    }
}

@media (min-width: 768px) {
    .develop-info-bg-addition {
        background: url("../images/addition-services-bg.png") 50.03% 0 no-repeat !important;
        background-color: #eff6fb;
    }
}

.develop-info-bg-addition.bg-white {
    background-color: #ffffff !important;
}

.addition-services {
    background: none;
}

.addition .title {
    font: 30px/35px RobotoSlabRegular;
    color: #2b4b81;
    text-align: center;
}

@media (min-width: 576px) {
    .addition-services .title {
        font: 35px/43px RobotoSlabRegular;
    }
}

.addition-services .addition-services-box {
    background: url("../images/services-word.png") 50% 49% no-repeat;
}

@media (min-width: 992px) {
    .addition-services .addition-services-box {
        padding: 137px 0 160px 0;
    }
}

.addition-services .addition-services-box .text {
    font: 21px RobotoSlabBold;
    color: #1d3f79;
}

.addition-services .addition-services-box .elem {
    width: auto;
    height: 131px;
    border-radius: 7px;
    font: 18px RobotoSlabBold;
    color: #1d3f79;
    padding: 10px 30px 10px 0;
    box-shadow: 0 8px 46px 0 rgba(0, 0, 0, 0.1);
    margin-top: 0.9rem;
}

@media (min-width: 768px) {
    .addition-services .addition-services-box .elem {
        margin-top: 1.8rem;
    }
}

@media (min-width: 1200px) {
    .addition-services .addition-services-box .elem {
        margin-top: 5.7rem;
    }
}

.addition-services .addition-services-box .elem-s {
    font: 14px RobotoSlabBold;
}

@media (min-width: 576px) {
    .addition-services .addition-services-box .elem-s {
        font: 16px RobotoSlabBold;
    }
}

.addition-services .addition-services-box .elem {
    background-position: 40px 50%;
    background-repeat: no-repeat;
    padding-left: 118px;
}

.addition-services .addition-services-box .elem-1 {
    background: url("../images/addition-services-elem-1.png") 40px 50% no-repeat;
    padding-left: 118px;
}

.addition-services .addition-services-box .elem-2 {
    background: url("../images/addition-services-elem-2.png") 80px 50% no-repeat;
    padding-left: 161px;
}

.addition-services .addition-services-box .elem-3 {
    background: url("../images/addition-services-elem-3.png") 74px 50% no-repeat;
    padding-left: 164px;
}

.addition-services .addition-services-box .elem-4 {
    background: url("../images/addition-services-elem-4.png") 40px 50% no-repeat;
    padding-left: 118px;
}

.addition-services .addition-services-box .elem-5 {
    background: url("../images/addition-services-elem-5.png") 40px 50% no-repeat;
    padding-left: 118px;
}

.addition-services .addition-services-box .elem-6 {
    background: url("../images/addition-services-elem-6.png") 40px 50% no-repeat;
    padding-left: 118px;
}

.btn-blue {
    background: #37baf5;
    display: block;
    width: 175px;
    height: 50px;
    border-radius: 22px;
    padding-top: 15px;
    color: #ffffff;
    font: 18px PFDinTextCompProRegular;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.btn-yellow-orange {
    display: inline-block;
    height: 55px;
    border-radius: 24px;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0.2px;
    background: linear-gradient(to top, #ffcc00, #ff7800);
    font: 18px PFDinTextCompProMedium;
    text-transform: uppercase;
}

.btn-yellow-orange:hover {
    color: #ffffff;
}

.btn-yellow-orange span {
    padding-top: 17px;
    display: block;
}

.w-60 {
    width: 60% !important;
}

.m-6 {
    margin: 3.5rem !important;
}

.mt-6,
.my-6 {
    margin-top: 3.5rem !important;
}

.mr-6,
.mx-6 {
    margin-right: 3.5rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 3.5rem !important;
}

.ml-6,
.mx-6 {
    margin-left: 3.5rem !important;
}

.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
    flex-wrap: wrap;
}

.seo-ico {
    color: #2b4b81;
    font: 15px RobotoSlabBold;
    padding-left: 55px;
    min-height: 50px;
    display: flex;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.seo-ico a {
    color: #2b4b81;
    text-decoration: underline;
}

.seo-ico a:hover {
    text-decoration: none;
}

footer {
    background: #1d3f79;
    border-bottom: 32px solid #37bff7;
}

footer .footer-container {
    padding-bottom: 60px;
}

footer nav {
    padding-top: 68px;
}

footer nav .bg:first-child {
    background: none;
}

footer nav .bg {
    display: inline-block;
    vertical-align: top;
    background: url('../images/vert-bg-blue.png') repeat-y;
    padding-left: 55px;
    padding-bottom: 11px;
}

footer nav .bg .headline {
    font: 19px RobotoSlabBold;
    color: #ffffff;
    position: relative;
    top: -7px;
}

footer nav .bg > ul {
    margin-top: 34px;
}

footer nav .bg > ul > li {
    font: 18px PFDinTextCompProRegular;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

footer nav .bg > ul > li a {
    color: #ffffff;
    text-decoration: none;
}

footer nav .bg > ul > li.active a, footer nav .bg > ul > li.active, footer nav .bg > ul > li a:hover {
    color: #ff7e00;
}

footer .logo-2 {
    display: block;
    background: url('../images/logo-white.svg') no-repeat;
    background-size: 100%;
    width: 207px;
    height: 36px;
    margin: 30px auto 0 auto;
}

@media (min-width: 768px) {
    footer .logo-2 {
        margin: 30px 0 0 0;
        background-size: 207px;
        width: 207px;
        height: 34px;
    }
}

@media (min-width: 992px) {
    footer .logo-2 {
        margin: 0;
    }
}

footer .contacts {
    padding-top: 45px;
}

@media (min-width: 768px) {
    footer .contacts {
        padding-top: 63px;
    }
}

footer .contacts .copyright {
    color: #37bff7;
    text-transform: uppercase;
    font: 12px RobotoSlabRegular;
    margin: 18px 0 0 3px;
    letter-spacing: 1.4px;
}

footer .contacts .contacts-1 {
    padding-left: 20px;
}

footer .contacts .contacts-2 {
    padding-left: 34px;
}

@media (min-width: 992px) {
    footer .contacts .contacts-2 {
        padding-left: 15px;
    }
}

footer .contacts .contacts-2 .address-box {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    footer .contacts .contacts-2 .address-box {
        width: auto;
    }
}

footer .contacts .contacts-2 a {
    color: #37bff7;
    font: 15px RobotoSlabRegular;
    display: block;
    margin: 2px 0 0 35px;
}

@media (min-width: 992px) {
    footer .contacts .contacts-2 a {
        margin: 2px 0 0 40px;
    }
}

footer .contacts .contacts-3 {
    padding-left: 30px;
}

footer .contacts .contacts-3 .contacts-3-box {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    footer .contacts .contacts-3 .contacts-3-box {
        width: auto;
    }
}

footer .contacts .contacts-3 .social-list {
    margin-top: 14px;
}

footer .contacts .contacts-3 .social-list .skype, .contact-text .skype {
    display: inline-block;
    width: 24px;
    height: 25px;
    background: url('../images/skype-blue-white.svg') no-repeat 0 0;
    background-size: 25px;
    margin-right: 10px;
}

footer .contacts .contacts-3 .social-list .whatsapp, .contact-text .whatsapp {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../images/whatsapp.svg') no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

footer .contacts .address {
    background: url('../images/address.svg') no-repeat 0 6px;
    background-size: 19px;
    padding-left: 35px;
    font: 15px/25px RobotoSlabRegular;
    color: #f5f5f5;
    width: 270px;
    margin: 0 auto;
    text-align: left;
}

@media (min-width: 992px) {
    footer .contacts .address {
        width: auto;
        margin: 0;
        padding-left: 40px;
    }
}

footer .contacts .telegram, .contact-text .telegram {
    font: 29px/25px RobotoSlabRegular;
    color: #40c1f7;
    margin-right: 8px;
}

footer .contacts .vk, .contact-text .vk {
    font: 30px/25px RobotoSlabRegular;
    color: #40c1f7;
}

footer .contacts .phone, .contact-text .phone {
    font: 20px RobotoSlabBold;
    color: #f5f5f5;
}

.contact-text .phone {
    color: #40c1f7;
}

footer .contacts .phone i, .contact-text .phone i {
    color: #40c1f7;
    font: 25px RobotoSlabBold;
    position: relative;
    top: 3px;
}

footer .contacts .phone a {
    color: #f5f5f5;
    text-decoration: none;
}

footer .contacts .email, .contact-text .email {
    background: url('../images/email-blue.svg') no-repeat 0 4px;
    background-size: 23px;
    font: 15px RobotoSlabRegular;
    color: #f5f5f5;
    padding-left: 36px;
    margin-top: 11px;
}

footer .contacts .email a, .contact-text .email a {
    color: #f5f5f5;
    text-decoration: none;
}

.contact-text .email a {
    color: #40c1f7;
}

footer .social-cir {
    color: #40c1f7;
    display: inline-flex;
    border: 1px #40c1f7 solid;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 0 5px;
}

footer a.social-cir:hover {
    color: #ffffff;
}

footer .social-cir i {
    margin: auto;
}

footer .social-cir.telegram-cir {
    font: 29px/25px RobotoSlabRegular;
}

footer .social-cir.vk-cir {
    font: 29px/25px RobotoSlabRegular;
}

.our-team .text > p {
    font-size: 17px;
    color: #ffffff;
    font-family: RobotoSlabRegular;
}

.our-team .text > p strong {
    font-family: RobotoSlabBold;
}

.portfolio-page .content {
    margin-bottom: 0;
    padding-bottom: 0;
}

.portfolio-page .content h1 {
    line-height: 55px;
    padding-left: 230px;
    padding-right: 230px;
    margin-bottom: 10px;
}

@media (min-width: 300px) {
    .portfolio-page .content h1 {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 24px;
        line-height: initial;
    }
}

@media (min-width: 576px) {
    .portfolio-page .content h1 {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 35px;
        line-height: initial;
    }
}

@media (min-width: 768px) {
    .portfolio-page .content h1 {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 45px;
        line-height: initial;
    }
}

@media (min-width: 992px) {
    .portfolio-page .content h1 {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 50px;
        line-height: initial;
    }
}

@media (min-width: 1200px) {
    .portfolio-page .content h1 {
        padding-left: 240px;
        padding-right: 240px;
        font-size: 55px;
        line-height: 60px;
    }
}

.portfolio-page .content.container {
    position: relative;
    margin-top: 45px;
}

.portfolio-page-back-link {
    background: #ffffff url("../images/portfolio-page-back-link.png") no-repeat 20px 16px;
    display: block;
    width: 170px;
    height: 40px;
    position: absolute;
    line-height: 41px;
    padding-left: 50px;
    color: #37bef6 !important;
    font-family: PFDinTextCompProRegular;
    font-size: 17px;
    text-transform: uppercase;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 9px 0 rgba(89, 207, 255, 0.22);
    -moz-box-shadow: 0 0 9px 0 rgba(89, 207, 255, 0.22);
    box-shadow: 0 0 9px 0 rgba(89, 207, 255, 0.22);
    top: 10px;
}

.portfolio-page-back-link {
    position: static;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .portfolio-page-back-link {
        position: absolute;
        margin-bottom: 20px;
    }
}

body a.portfolio-page-back-link:hover {
    color: #37bef6 !important;
}

.portfolio-page .home-banners {
    margin-top: 0;
    margin-bottom: 50px;
}

.collapse.navbar-collapse.navbar-box {
    background: #ffffff;
    z-index: 1000;
}

.portfolio-page .home-banners .jcarousel {
    min-height: 763px;
    margin-bottom: 0;
}

.portfolio-page .jcarousel-control-prev, .portfolio-page .jcarousel-control-next {
    top: 370px;
}

.portfolio-page .jcarousel-control-next {
    background: url("../images/to_right_blue.png") 0 0;
}

.portfolio-page .jcarousel-control-prev {
    left: 0;
    background: url("../images/to_left_blue.png") 0 0;
}

.portfolio-page .jcarousel-pagination-current-page {
    text-align: center;
    margin-top: 15px;
}

.portfolio-page .jcarousel-pagination-current-page > p {
    display: inline-block;
}

.portfolio-page .jcarousel-current-page {
    color: #37bff7;
    font-weight: bold;
    margin-left: 20px;
    font-size: 20px;
}

.portfolio-page .jcarousel li {
    display: block;
    margin: 30px;
}

.portfolio-page .jcarousel li img {
    -webkit-box-shadow: 0 0 30px 0 rgba(89, 207, 255, 0.4);
    -moz-box-shadow: 0 0 30px 0 rgba(89, 207, 255, 0.4);
    box-shadow: 0 0 30px 0 rgba(89, 207, 255, 0.4);
}

.banner-info-bottom {
    width: auto;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .banner-info-bottom {
        width: 1075px;
    }
}

body .main.portfolio-page .banner-info-bottom {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

@media (min-width: 1200px) {
    body .main.portfolio-page .banner-info-bottom {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.banner-info-bottom-left > .row {
    min-height: 40px;
    line-height: 27px;
    border-top: #dee3e7 solid 1px;
    font-family: RobotoSlabRegular;
    font-size: 16px;
    color: #233e6a;
}

@media (min-width: 768px) {
    .banner-info-bottom-left > .row {
        line-height: 40px;
    }
}

.banner-info-bottom-left > div a {
    color: #40c1f7;
    text-decoration: underline;
}

.banner-info-bottom-left > div:first-child {
    border-top: none;
}

.banner-info-bottom-left > div:first-child + div + div + div span a {
    display: inline-block;
    margin-left: 20px;
    text-decoration: none;
    border-bottom: #40c1f7 dashed 1px;
    line-height: 20px;
}

.banner-info-bottom-center {
    background: url("../images/banner-info-bottom-center.png") no-repeat;
    width: 176px;
    height: 176px;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    clear: both;
}

@media (min-width: 1200px) {
    .banner-info-bottom-center {
        margin-left: initial;
        margin-right: initial;
        float: left !important;
        clear: initial;
    }
}

.banner-info-bottom-center strong, .banner-info-bottom-center span {
    display: block;
    text-align: center;
}

.banner-info-bottom-center strong {
    font-family: RobotoSlabBold;
    font-size: 45px;
    color: #233e6a;
    line-height: 40px;
    padding-top: 54px;
}

.banner-info-bottom-center span {
    font-family: PFDinTextCompProMedium;
    font-size: 21px;
    color: #233e6a;
    text-transform: uppercase;
}

.banner-info-bottom-right {
    margin-top: 5px;
    width: auto;
    float: none !important;
}

@media (min-width: 1200px) {
    .banner-info-bottom-right {
        width: 335px;
        float: left !important;
    }
}

.banner-info-bottom-right p {
    font-family: RobotoSlabBold;
    font-size: 17px;
    color: #233e6a;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: center;
}

@media (min-width: 1200px) {
    .banner-info-bottom-right p {
        text-align: left;
    }
}

.requests-site {
    background: #ff9000 url("../images/requests-1-bg.png") no-repeat 26px 50%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22);
    padding: 25px 0 25px 89px;
    display: block;
    color: #ffffff !important;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
    width: 315px;
    margin: 0 auto;
}

.banner-info-bottom-text p {
    font-family: RobotoSlabRegular;
    color: #4a4a4a;
}

.stage-work-box {
    width: 1140px;
    background: #ffffff url("../images/light-blue-str.png") no-repeat 50% 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    z-index: 1000;
    position: relative;
    padding-bottom: 70px;
}

@media (min-width: 1200px) {
    .stage-work-box {
        width: 1140px;
    }
}

.stage-work-list-item {
    width: 115px;
    float: left;
    margin-right: 6px;
    font-size: 16px;
    color: #233e6a;
    font-family: RobotoSlabRegular;
    padding-top: 20px;
    margin-bottom: 10px;
}

.stage-work-block .title {
    margin-bottom: 35px;
    font-size: 25px;
}

@media (min-width: 992px) {
    .stage-work-block .title {
        font-size: 35px;
    }
}

@media (min-width: 1200px) {
    .stage-work-block .title {
        font-size: 45px;
    }
}

.stage-work-list-one {
    background: url('../images/stage-work-list-one.png') no-repeat top left;
}

.stage-work-list-two {
    background: url('../images/stage-work-list-two.png') no-repeat top left;
}

.stage-work-list-three {
    background: url('../images/stage-work-list-three.png') no-repeat top left;
}

.stage-work-list-four {
    background: url('../images/stage-work-list-four.png') no-repeat top left;
}

.stage-work-list-five {
    background: url('../images/stage-work-list-five.png') no-repeat top left;
}

.stage-work-list-six {
    background: url('../images/stage-work-list-six.png') no-repeat top left;
}

.stage-work-list-seven {
    background: url('../images/stage-work-list-seven.png') no-repeat top left;
}

.stage-work-list-eight {
    background: url('../images/stage-work-list-eight.png') no-repeat top left;
}

.stage-work-list-nine {
    background: url('../images/stage-work-list-nine.png') no-repeat top left;
}

.stage-work-list-1 {
    background: url('../images/stage-work-list-one.png') no-repeat top left;
}

.stage-work-list-2 {
    background: url('../images/stage-work-list-two.png') no-repeat top left;
}

.stage-work-list-3 {
    background: url('../images/stage-work-list-three.png') no-repeat top left;
}

.stage-work-list-4 {
    background: url('../images/stage-work-list-four.png') no-repeat top left;
}

.stage-work-list-5 {
    background: url('../images/stage-work-list-five.png') no-repeat top left;
}

.stage-work-list-6 {
    background: url('../images/stage-work-list-six.png') no-repeat top left;
}

.stage-work-list-7 {
    background: url('../images/stage-work-list-seven.png') no-repeat top left;
}

.stage-work-list-8 {
    background: url('../images/stage-work-list-eight.png') no-repeat top left;
}

.stage-work-list-9 {
    background: url('../images/stage-work-list-nine.png') no-repeat top left;
}

.stage-work-list-10 {
    background: url('../images/stage-work-list-one.png') no-repeat top left;
}

.stage-work-list-11 {
    background: url('../images/stage-work-list-two.png') no-repeat top left;
}

.stage-work-list-12 {
    background: url('../images/stage-work-list-three.png') no-repeat top left;
}

.stage-work-list {
    margin-bottom: 35px;
    margin-left: 6px;
}

.stage-work-banner-element {
    display: none;
}

.stage-work-banner-element.current {
    display: block;
}

.stage-work-banner-box {
    position: relative;
}

.stage-work-banner-menu {
    position: static;
    top: 15px;
    right: 0;
    margin-bottom: 35px;
}

@media (min-width: 1200px) {
    .stage-work-banner-menu {
        position: absolute;
        margin-bottom: 0;
    }
}

.stage-work-banner-menu-item {
    background: url('../images/stage-work-banner-menu-item.png') no-repeat top left;
    font-size: 17px;
    color: #233e6a;
    font-family: RobotoSlabBold;
    min-height: 38px;
    line-height: 38px;
    padding-left: 62px;
    cursor: pointer;
    margin: 0 auto 20px auto;
    width: 300px;
}

@media (min-width: 576px) {
    .stage-work-banner-menu-item {
        margin: 0 auto 20px auto;
    }
}

@media (min-width: 768px) {
    .stage-work-banner-menu-item {
        margin: 0 auto 20px auto;
    }
}

@media (min-width: 992px) {
    .stage-work-banner-menu-item {
        margin: 0 auto 20px auto;
    }
}

@media (min-width: 1200px) {
    .stage-work-banner-menu-item {
        margin: 0 0 20px 0;
    }
}

.stage-work-banner-menu-item:hover, .stage-work-banner-menu-item.current {
    text-decoration: underline;
    color: #ff9000;
}

.stage-work-banner-menu-item-mobile {
    display: block;
    background: #f9fdff;
    width: 216px;
    height: 40px;
    border: #c2e3f8 solid 1px;
    padding-left: 0;
    text-align: center;
    font-family: PFDinTextCompProRegular;
    color: #233e6a;
    position: relative;
    top: 35px;
    line-height: 40px;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 17px;
}

.stage-work-banner-menu-item-mobile:hover, .stage-work-banner-menu-item-mobile.current {
    text-decoration: underline;
    color: #ff9000;
}

.stage-work-banner-element img {
    max-width: 100%;
}

.portfolio-page footer .contacts {
    margin-top: 0;
}

.portfolio-page-back-link-box {
    width: auto;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 1200px) {
    .portfolio-page-back-link-box {
        width: 1170px;
        margin: 0 auto;
        position: relative;
    }
}

.collapse.navbar-collapse.navbar-box {
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0 0 10px 10px;
}

.stage-work-box {
    width: auto;
}

.stage-work-banner-menu-item-mobile {
    position: static;
    width: 300px;
}

@media (min-width: 576px) {
    .stage-work-banner-menu-item-mobile {
        position: static;
        width: 345px;
    }
}

@media (min-width: 768px) {
    .stage-work-banner-menu-item-mobile {
        position: static;
        width: 345px;
    }
}

@media (min-width: 992px) {
    .stage-work-banner-menu-item-mobile {
        position: static;
        width: 345px;
    }
}

@media (min-width: 1200px) {
    .stage-work-banner-menu-item-mobile {
        position: relative;
        width: 210px;
    }
}

.reviews-portfolio-page .title {
    font-size: 25px;
}

@media (min-width: 576px) {
    .reviews-portfolio-page .title {
        font-size: 30px;
    }
}

@media (min-width: 768px) {
    .reviews-portfolio-page .title {
        font-size: 35px;
    }
}

@media (min-width: 992px) {
    .reviews-portfolio-page .title {
        font-size: 45px;
    }
}

@media (min-width: 1200px) {
    .reviews-portfolio-page .title {
        font-size: 55px;
    }
}

.decided .decided-box .title {
    font-size: 25px;
}

@media (min-width: 576px) {
    .decided .decided-box .title {
        font-size: 30px;
    }
}

@media (min-width: 768px) {
    .decided .decided-box .title {
        font-size: 35px;
    }
}

@media (min-width: 992px) {
    .decided .decided-box .title {
        font-size: 40px;
    }
}

@media (min-width: 1200px) {
    .decided .decided-box .title {
        font-size: 45px;
    }
}

.banner-info-bottom-left > div strong {
    float: none;
    width: auto;
}

@media (min-width: 576px) {
    .banner-info-bottom-left > div strong {
        float: left;
        width: 100px;
    }
}

@media (min-width: 1200px) {
    .banner-info-bottom-left > div strong {
        float: left;
        width: 100px;
    }
}

.banner-info-bottom-left, .banner-info-bottom-center, .banner-info-bottom-right {
    margin-bottom: 20px;
}

/*.banner-info-bottom-left > div span {
    float: none;
    width: auto;
    display: block;
}

@media (min-width: 576px) {
    .banner-info-bottom-left > div span {
        float: right;
        width: 320px;
    }
}

@media (min-width: 1200px) {
    .banner-info-bottom-left > div span {
        float: right;
        width: 320px;
    }
}*/

.requests-site {
    width: 290px;
}

.form-box .form-submit input[type='submit'], .form-box .form-submit input[type='button'] {
    background: #ff7d00 url("../images/submit-ico-1.png") no-repeat 30px 49%;
    width: 263px;
    margin-top: 20px;
    padding-left: 30px;
}

.form-box .inp input[type="text"] {
    width: 300px;
}

.form-box .form-submit input[type='submit'], .form-box .form-submit input[type='button'] {
    background: #ff7d00 url("../images/submit-ico-1.png") no-repeat 47px 49%;
    width: 304px;
    margin-top: 48px;
    padding-left: 56px;
}

.form-box .inp input[type="text"] {
    width: 314px;
}

a.col-empty {
    cursor: auto;
}

.modal-window .modal-title {
    font: 18px RobotoSlabBold;
    color: #2b4b81;
}

@media (min-width: 576px) {
    .modal-window .modal-title {
        font: 24px RobotoSlabBold;
    }
}

.modal-window .modal-header {
    border-bottom: 0;
}

.modal-window .modal-body {
    padding-top: 0;
}

.modal-window .close {
    color: #a4a3a3;
    font: 1.5rem/1.5rem RobotoSlabBold;
    padding: 0.6rem 2rem 0 2rem;
}

@media (min-width: 576px) {
    .modal-window .close {
        font: 2rem/2rem RobotoSlabBold;
    }
}

.modal-window .modal-footer {
    border-top: 0;
}

.modal-window .field-title {
    font: 16px RobotoSlabBold;
    color: #37bff7;
}

@media (min-width: 576px) {
    .modal-window .field-title {
        font: 18px RobotoSlabBold;
    }
}

.modal-window#requestModal .modal-lg {
    max-width: 100%;
}

@media (min-width: 576px) {
    .modal-window#requestModal .modal-lg {
        max-width: 90%;
    }
}

@media (min-width: 992px) {
    .modal-window#requestModal .modal-lg {
        max-width: 960px;
    }
}

.modal-window#costModal .modal-lg {
    max-width: 100%;
}

@media (min-width: 576px) {
    .modal-window#costModal .modal-lg {
        max-width: 90%;
    }
}

@media (min-width: 1200px) {
    .modal-window#costModal .modal-lg {
        max-width: 1137px;
    }
}

.modal-window .modal-header .close {
    margin: 0;
    padding: 0;
}

@media (min-width: 576px) {
    .modal-window .modal-header .close {
        padding: 0 15px 0 0;
    }
}

.form .field input[type='text'] {
    border: 1px solid #d1dbe4;
    border-radius: 9px;
    padding: 18px 10px;
    margin: 5px 0;
    color: #4a4a4a;
    width: 100%;
    height: auto;
    font: 18px RobotoSlabRegular;
}

.form .field input[type='text']::placeholder {
    opacity: 0.6;
}

.form .field .info {
    font: 14px RobotoSlabRegular;
    color: #919191;
}

.form .field .checkbox label {
    color: #4a4a4a;
    font: 18px/20px RobotoSlabRegular;
    min-height: 36px;
}

.roboto-slab-regular-18 {
    color: #4a4a4a;
    font: 18px/20px RobotoSlabRegular;
}

.form .field .radio label:before, .form .field .checkbox label:before {
    width: 29px;
    height: 29px;
    border: 1px solid #d1dbe4;
    border-radius: 4px;
}

.form .field input[type=checkbox]:checked + label:before {
    font-size: 19px;
}

.form .field textarea {
    width: 100%;
    border: 1px solid #d1dbe4;
    border-radius: 9px;
    padding: 10px;
    color: #4a4a4a;
    font: 18px RobotoSlabRegular;
    height: 88px;
}

.form .field select {
    border: 1px solid #d1dbe4;
    border-radius: 9px;
    padding: 16px 10px;
    margin: 5px 0;
    color: #4a4a4a;
    width: 100%;
    height: 62px;
    font: 18px RobotoSlabRegular;
    display: block;
    line-height: 1.4;
    vertical-align: top;
    outline: 0;
    background: #ffffff url("../images/select-ico.png") no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
}

.form .field select option {
    font: 18px RobotoSlabRegular;
}

.form .field.mt-request-3 {
    margin-top: 1.4rem;
}

.form .field.mt-request-4 {
    margin-top: 0.6rem;
}

.form .field input[type='submit'], .form .field input[type='button'] {
    width: 206px;
    height: 58px;
    background: #ff7d00;
    background: linear-gradient(to top, #ffcc00, #ff7800);
    box-shadow: 0 0 9px 0 #ff7d00;
    border: 0;
    border-radius: 9px;
    color: #ffffff;
    font: 20px RobotoSlabBold;
}

.form .field.field-url-1 input[type="text"] {
    max-width: 384px;
}

.form .field.field-url-1 input[type="text"]::placeholder {
    font-style: italic;
}

.form .field.field-email-1 input[type="text"] {
    max-width: 384px;
    padding-left: 16px;
}

.form .field.field-email-1 input[type="text"]::placeholder {
    font-style: italic;
}

.form .field .radio label::before, .form .field .checkbox label::before {
    top: 4px;
    bottom: 0;
}

.form .field .checkbox label .text-checkbox {
    display: inline-block;
    min-height: inherit;
    vertical-align: middle;
}

.modal-window#costModal .count-requests {
    color: #4a4a4a;
    font: 16px RobotoSlabRegular;
}

.modal-window#costModal .check-comm {
    position: relative;
    top: -3px;
}

.modal-window .ui-slider-handle {
    width: 30px !important;
    height: 30px !important;
    top: 50% !important;
    background: url("../images/slider-orange.png") no-repeat 50% 50% !important;
    border: none !important;
    margin-top: -15px !important;
    margin-left: -15px !important;
    cursor: pointer !important;
    outline: none !important;
}

.modal-window .ui-widget.ui-widget-content {
    border: 1px solid #d1dbe4;
    border-radius: 2px;
    box-shadow: 0 0 0 10px #f1f2f5;
}

.modal-window .ui-slider-horizontal {
    height: 9px;
}

.modal-window .ui-widget-header {
    background: #ff7d00;
    background: linear-gradient(to top, #ffb411, #ff7800);
    border-radius: 1px !important;
    min-height: 7px;
}

.modal-window .value-requests {
    width: 98%;
    margin-left: 2px;
}

@media (min-width: 1200px) {
    .modal-window .value-requests {
        width: 307px;
    }
}

.modal-window .value-requests .slider-data {
    color: #4a4a4a;
    font: 16px RobotoSlabRegular;
}

.portfolio-main-page.portfolio-page h1 {
    font-size: 49px;
}

@media (min-width: 360px) {
    .portfolio-main-page.portfolio-page h1 {
        font-size: 55px;
    }
}

.portfolio-main-page.portfolio-page .works {
    margin-top: 80px;
}

@media (min-width: 992px) {
    .portfolio-main-page.portfolio-page .works {
        margin-top: 50px;
    }
}

.portfolio-main-page.portfolio-page .works-type a {
    width: 100%;
}

.orange-btn-radius-white {
    display: block;
    background: #ff7d00;
    border-radius: 30px;
    color: #ffffff;
    width: 100%;
    max-width: 300px;
    height: 63px;
    font: 21px RobotoSlabBold;
    text-transform: uppercase;
}

.orange-btn-radius-white:hover {
    text-decoration: none;
    color: #ffffff;
}

.navig-portfolio a, .navig-portfolio ul li.disabled span, .navig-common a, .navig-common ul li.disabled span {
    display: inline-block;
    width: 65px;
    height: 65px;
    background: #ff7d00;
    font: 24px/60px RobotoSlabBold;
    border-radius: 50%;
    color: #ffffff;
    margin: 0 10px 8px 10px;
}

.navig-portfolio a:hover, .navig-common a:hover {
    text-decoration: none;
    color: #ffffff;
}

.form-group.required label::after {
    content: ' *';
    color: #cc0000;
    font-size: 0.9em;
}

.form-group .help-block {
    color: #cc0000;
    font: 14px RobotoSlabRegular;
}

.modal-body .sub-service-res-text {
    font: 18px RobotoSlabBold;
}

.portfolio-list .pagination li, .navig-common .pagination li {
    display: inline-block;
}

.stage-work-list-desktop-bg {
    max-width: 100%;
}

@media (min-width: 998px) {
    .stage-work-list-desktop-bg {
        background: url('../images/stage-work-list-banner-1.png') no-repeat;
        background-size: contain;
        min-height: 595px;
    }
}

.stage-work-list-mobile-bg {
    max-width: 100%;
}

@media (min-width: 998px) {
    .stage-work-list-mobile-bg {
        background: url('../images/stage-work-list-banner-mobile.png') no-repeat 50% 0;
        background-size: contain;
        min-height: 631px;
    }
}

.stage-work-desktop-element {
    text-align: center;
}

@media (min-width: 998px) {
    .stage-work-desktop-element {
        text-align: left;
    }
}

.stage-work-desktop-element img {
    position: relative;
    max-width: 100%;
}

@media (min-width: 998px) {
    .stage-work-desktop-element img {
        top: 24px;
        left: 93px;
    }
}

.stage-work-mobile-element {
    text-align: center;
}

@media (min-width: 998px) {
    .stage-work-mobile-element {
        text-align: left;
    }
}

.stage-work-mobile-element a {
    display: block;
    min-height: 550px;
    overflow: hidden;
}

.stage-work-mobile-element img {
    position: relative;
    max-width: 100%;
}

@media (min-width: 998px) {
    .stage-work-mobile-element img {
        top: 88px;
        left: calc(50% - 135px);
        max-width: 266px;
    }
}

.stage-work-mobile {
    display: none;
}

.company-scoring {
    background: #ffffff url("../images/light-blue-str.png") no-repeat 50% 0;
}

.scoring-items {
    padding-left: 15px;
    padding-right: 15px;
}

.our-team {
    background: url("../images/reviews-str.png") no-repeat 50% 0, url("../images/waves-word.png") no-repeat 50% 170px, linear-gradient(#37bff7, #37bff7);
    padding-bottom: 4.5rem;
}

.our-team.white-str {
    background: url("../images/white-str.png") no-repeat 50% 0, url("../images/waves-word.png") no-repeat 50% 170px, linear-gradient(#37bff7, #37bff7);
    padding-bottom: 4.5rem;
}

.our-team .title {
    color: #ffffff;
}

.our-team .photo {
    overflow: hidden;
    max-width: 100%;
    width: 268px;
    height: 268px;
    border-radius: 50%;
    border: 5px solid #ffffff;
}

.our-team .photo img {
    width: auto;
    min-width: 268px;
    min-height: 268px;
}

.our-team .photo img.avatar {
    width: 268px;
}

.our-team .desc {
    font: 18px/28px 'Montserrat', sans-serif;
    color: #ffffff;
    font-weight: 500;
}

.our-team .user .name {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
}

.our-team .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 3rem;
}

.our-team .owl-theme .owl-dots .owl-dot.active span {
    background: #ff9000;
}

.our-team .owl-theme .owl-dots .owl-dot span {
    background: #ffffff;
    border: 1px solid #ffffff;
}

.our-team.white-str li {
    color: #ffffff;
    font-family: RobotoSlabRegular;
}

.our-team.white-str a {
    color: #ffffff;
    text-decoration: underline;
}

.bg-light-blue {
    background: #eff6fb !important;
}

.reviews.company-review .reviews-box {
    background: url("../images/light-blue-str.png") no-repeat 50% 0;
}

.reviews.light-blue-str {
    background: url("../images/light-blue-str.png") no-repeat 50% 0, #ffcc00 url("../images/reviews-bg.png") repeat-x;
}

.certificate {
    background: #eff6fb url("../images/blue-str.png") no-repeat 50% 0;
    padding-bottom: 1.5rem;
}

.certificate .title {
    color: #2b4b81;
}

.certificate .photo img {
    width: auto;
    max-width: 100%;
    border: 1px solid #eff6fb;
}

.certificate .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 3rem;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #37bff7;
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 10px;
}

.text-grey, .text-grey p {
    font: 17px/23px RobotoSlabRegular !important;
    color: #737373;
}

.text.text-grey h1, .text.text-grey h2, .text.text-grey h3, .text.text-grey h4 {
    text-align: center;
}

.yellow-str {
    background: url("../images/yellow-str.png") no-repeat 50% 0;
}

.light-blue-str {
    background: url("../images/light-blue-str.png") no-repeat 50% 0;
}

.blue-str {
    background: url("../images/blue-str.png") no-repeat 50% 0;
}

.dark-blue-str {
    background: url("../images/dark-blue-str.png") no-repeat 50% 0;
}

.grecaptcha-badge {
    display: none;
}

.owl-carousel .owl-stage {
    margin-left: auto;
    margin-right: auto;
}