html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

.contact-modal-form .iti {
    width: 100%;
}

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

:-moz-placeholder {
    color: #666;
    opacity: 1
}

::-moz-placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
    color: #666
}

body input:required:valid,
body textarea:required:valid {
    color: #666
}

body,
html {
    height: 100%;
    overflow-x: hidden
}

body {
    font-size: 16px;
    min-width: 320px;
    position: relative;
    line-height: 1.65;
    font-family: "PT Sans", sans-serif;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch
}

input,
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

textarea {
    resize: none
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.text-center {
    text-align: center
}

::-moz-selection {
    background-color: #fb8c00;
    color: #fff
}

::selection {
    background-color: #fb8c00;
    color: #fff
}

.projects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px
}

.projects a {
    margin: 15px 1.6666%
}

@media only screen and (max-width:1200px) {
    .projects a {
        margin: 15px auto
    }
}

@media only screen and (max-width:992px) {
    .projects a {
        margin: 15px auto
    }
}

.project {
    padding: 20px 0;
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    font-family: "PT Sans", sans-serif
}

.project p {
    margin: 10px 0
}

.project h3 {
    margin: 20px 0 0 0;
    font-weight: 700
}

.project h2 {
    margin: 60px 0 0 0;
    font-family: Montserrat, sans-serif
}

.project__header--info {
    margin-top: 10px
}

.project__header--info-key {
    margin: 0
}

.project__header--info-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 5px 0
}

.project__header--info-value {
    line-height: 20px
}

.project__header--info-key {
    width: 200px;
    font-size: 16px;
    color: rgba(51, 51, 51, .5)
}

.project__header .bages {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.project__header .bages svg {
    width: 165px
}

.project__header .bages a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 30px
}

.project__header .bages img {
    width: 165px;
    margin: 20px 0
}

.project__content img {
    width: 100%;
    margin: 30px 0;
    font-size: 30px;
    line-height: 40px
}

.project__footer--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.project__footer--links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 165px
}

.project__footer--links img {
    margin: 5px;
    width: 165px
}

.project__footer--links svg {
    margin: 10px;
    width: 48px;
    height: 48px
}

.project__footer--links a:last-child {
    margin-left: 10px
}

@media only screen and (max-width:768px) {

    .project__footer,
    .project__header {
        padding: auto 30px
    }
}

.page-content,
.page-content-width {
    padding: 60px 0
}

.page-content .project__footer,
.page-content .project__header,
.page-content-width .project__footer,
.page-content-width .project__header,
.page-content-width>.list,
.page-content-width>.quote,
.page-content-width>div>ul,
.page-content-width>h1,
.page-content-width>h2,
.page-content-width>h3,
.page-content-width>h4,
.page-content-width>h5,
.page-content-width>h6,
.page-content-width>ol,
.page-content-width>p,
.page-content-width>p>a,
.page-content-width>ul,
.page-content>.list,
.page-content>.quote,
.page-content>div>ul,
.page-content>h1,
.page-content>h2,
.page-content>h3,
.page-content>h4,
.page-content>h5,
.page-content>h6,
.page-content>ol,
.page-content>p,
.page-content>p>a,
.page-content>ul {
    width: 50%;
    min-width: 700px;
    max-width: 800px;
    margin: 0 auto;
    color: #333;
    font-size: 20px;
    line-height: 1.5;
    font-family: "PT Sans", sans-serif
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content-width h1,
.page-content-width h2,
.page-content-width h3 {
    font-family: Montserrat, sans-serif;
    line-height: 1.33
}

.page-content img,
.page-content-width img {
    max-width: 100%;
    width: auto;
    margin: 0 auto
}

.page-content h2,
.page-content-width h2 {
    font-size: 30px;
    margin: 30px auto
}

.page-content a,
.page-content-width a {
    color: #333
}

.page-content-width>p>a:hover,
.page-content>p>a:hover {
    color: #fb8c00
}

.page-content .quote a,
.page-content .quote h1,
.page-content .quote h2,
.page-content .quote h3,
.page-content .quote h4,
.page-content .quote h5,
.page-content .quote h6,
.page-content .quote ol,
.page-content .quote p,
.page-content .quote ul,
.page-content-width .quote a,
.page-content-width .quote h1,
.page-content-width .quote h2,
.page-content-width .quote h3,
.page-content-width .quote h4,
.page-content-width .quote h5,
.page-content-width .quote h6,
.page-content-width .quote ol,
.page-content-width .quote p,
.page-content-width .quote ul {
    margin: 0
}

.page-content img,
.page-content-width img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    height: auto
}

.page-content ul,
.page-content-width ul {
    padding-left: 30px
}

.page-content ul li,
.page-content-width ul li {
    padding-left: 10px
}

.page-content .list,
.page-content-width .list {
    padding-left: 0
}

.page-content .blog-width h2,
.page-content .blog-width p,
.page-content-width .blog-width h2,
.page-content-width .blog-width p {
    padding: 0;
    margin-left: 0;
    margin-right: 0
}

.page-content .blog-width a,
.page-content .blog-width h1,
.page-content .blog-width h2,
.page-content .blog-width h3,
.page-content .blog-width h4,
.page-content .blog-width h5,
.page-content .blog-width h6,
.page-content .blog-width ol,
.page-content .blog-width p,
.page-content .blog-width ul,
.page-content .container a,
.page-content .container h1,
.page-content .container h2,
.page-content .container h3,
.page-content .container h4,
.page-content .container h5,
.page-content .container h6,
.page-content .container ol,
.page-content .container p,
.page-content .container ul,
.page-content-width .blog-width a,
.page-content-width .blog-width h1,
.page-content-width .blog-width h2,
.page-content-width .blog-width h3,
.page-content-width .blog-width h4,
.page-content-width .blog-width h5,
.page-content-width .blog-width h6,
.page-content-width .blog-width ol,
.page-content-width .blog-width p,
.page-content-width .blog-width ul,
.page-content-width .container a,
.page-content-width .container h1,
.page-content-width .container h2,
.page-content-width .container h3,
.page-content-width .container h4,
.page-content-width .container h5,
.page-content-width .container h6,
.page-content-width .container ol,
.page-content-width .container p,
.page-content-width .container ul {
    width: auto;
    min-width: 0;
    margin: 0
}

.page-content .blog-width a,
.page-content .container a,
.page-content-width .blog-width a,
.page-content-width .container a {
    color: #333;
    text-decoration: none
}

.page-content .project__header--info,
.page-content-width .project__header--info {
    margin-top: 10px
}

.page-content .project__header--info-key,
.page-content-width .project__header--info-key {
    margin: 0
}

.page-content .project__header--info-row,
.page-content-width .project__header--info-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.page-content .project__header--info-key,
.page-content-width .project__header--info-key {
    width: 200px;
    font-size: 16px
}

.page-content .project__header .bages svg,
.page-content-width .project__header .bages svg {
    width: 165px
}

.page-content .project__header .bages a,
.page-content-width .project__header .bages a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 30px
}

.page-content .project__header .bages img,
.page-content-width .project__header .bages img {
    width: 165px;
    margin: 20px 0
}

.page-content .project__footer--info,
.page-content-width .project__footer--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-content .project__footer--links,
.page-content-width .project__footer--links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 165px
}

.page-content .project__footer--links img,
.page-content-width .project__footer--links img {
    width: 165px
}

.page-content .project__footer--links svg,
.page-content-width .project__footer--links svg {
    width: 48px;
    height: 48px
}

.page-content .project__footer--links a:last-child,
.page-content-width .project__footer--links a:last-child {
    margin-left: 10px
}

.page-content-width .list,
.page-content-width .quote,
.page-content-width a,
.page-content-width h1,
.page-content-width h2,
.page-content-width h3,
.page-content-width h4,
.page-content-width h5,
.page-content-width h6,
.page-content-width ol,
.page-content-width p,
.page-content-width ul {
    width: 80%;
    min-width: 700px;
    max-width: 800px
}

@media only screen and (max-width:768px) {

    .page-content .project__footer,
    .page-content .project__header,
    .page-content>.list,
    .page-content>.quote,
    .page-content>div>ul,
    .page-content>h1,
    .page-content>h2,
    .page-content>h3,
    .page-content>h4,
    .page-content>h5,
    .page-content>h6,
    .page-content>ol,
    .page-content>p,
    .page-content>ul {
        width: 100%;
        padding: 0 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 0;
        margin: 0 auto
    }

    .page-content>div>ul,
    .page-content>ol,
    .page-content>ul {
        margin-left: 20px
    }

    .page-content>h2 {
        margin: 20px auto 10px auto
    }

    .page-content>.quote {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 15px;
        padding: 0 15px
    }

    .page-content .project__footer,
    .page-content .project__header {
        width: 100%;
        margin: auto 30px;
        max-width: 100%;
        margin: 0
    }

    .page-content .project__footer--info-key,
    .page-content .project__header--info-key {
        width: 100px;
        margin-right: 15px
    }

    .page-content .project__footer .bages,
    .page-content .project__header .bages {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:480px) {

    .page-content h1,
    .page-content h2 {
        font-size: 24px
    }

    .page-content>div>ul,
    .page-content>ol,
    .page-content>ul {
        margin-left: 20px
    }

    .page-content>.quote {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 10px;
        padding: 0 10px
    }
}

.blog__block {
    padding: 40px 0
}

.blog__block p {
    font-size: 20px;
    line-height: 1.5
}

.blog__block h2 {
    margin: 0;
    padding-bottom: 30px;
    font-size: 30px;
    line-height: 1.33;
    font-family: Montserrat, sans-serif
}

.blog__block ul {
    font-size: 20px;
    line-height: 1.5;
    padding: 0 1em
}

.blog__block ul li {
    padding-left: 1em
}

.blog__block img {
    width: 100%;
    height: auto;
    margin: 30px 0
}

.blog__list {
    padding: 30px 0
}

.blog__video {
    width: 100%;
    height: 420px;
    background-color: grey
}

.blog__quote {
    font-size: 20px;
    font-style: italic;
    line-height: 1.5;
    width: 100%;
    border-left: 2px solid #1d2029;
    padding-left: 60px
}

.blog__quote h3,
.blog__quote p {
    padding-bottom: 30px
}

.blog__quote h3:last-child,
.blog__quote p:last-child {
    padding-bottom: 0
}

.blog__quote h3 {
    font-weight: 700;
    margin: 0
}

.title {
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.title h1,
.title h2,
.title-center__title,
.title-left__title {
    font-family: Montserrat, sans-serif;
    font-size: 48px;
    line-height: 60px;
    margin: 0
}

.title p {
    font-size: 18px;
    line-height: 30px;
    margin: 0
}

.title-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.title-left__line {
    height: 72px;
    width: 4px;
    background-color: #fb8c00;
    margin-right: 25px
}

.title-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.title-center__text {
    text-align: center
}

.title-center__line {
    height: 4px;
    width: 72px;
    background-color: #fb8c00;
    margin-top: 25px
}

.amp-wrapper .title-left {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.amp-wrapper .title-left__line {
    margin-top: .7em;
    height: 40px
}

@media only screen and (max-width:768px) {

    .title-center h1,
    .title-center h2,
    .title-left h1,
    .title-left h2 {
        font-size: 30px;
        line-height: 40px
    }

    .title-left__line {
        margin-right: 15px
    }

    .amp-wrapper .title-left__line {
        margin-top: .5em;
        height: 30px
    }
}

@media only screen and (max-width:480px) {
    .title-left {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .title-left__line {
        width: 4px;
        height: 40px
    }
}

.list {
    padding: 30px 0;
    font-size: 18px;
    line-height: 1.5;
    font-family: "PT Sans", sans-serif;
    color: #333;
    padding-left: 0
}

.list__item {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.list__item:last-child {
    margin-bottom: 0
}

.list__item--icon {
    padding-right: 30px
}

.list__item--icon svg {
    width: 30px;
    height: 30px
}

.list__item--text {
    font-weight: 700
}

.list__item--text span {
    font-weight: 400
}

@media only screen and (max-width:768px) {
    .list__item--icon {
        padding-right: 10px
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #fb8c00;
    width: 100%;
    white-space: normal;
    margin: 0;
    padding: 0;
    list-style: none
}

.breadcrumbs>span {
    padding: 0 7px;
    color: #fff;
    opacity: .7
}

.breadcrumbs>li a {
    color: #fb8c00;
    text-decoration: none
}

.breadcrumbs>li a:hover {
    color: #fdb504
}

.breadcrumbs>li p {
    color: #fff;
    opacity: .7
}

.raiting {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.raiting__accent {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: block;
    position: static;
    width: 125px
}

.raiting__accent svg {
    display: inline;
    float: left;
    fill: #fb8c00;
    width: 25px;
    height: 25px
}

.raiting__stars {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline
}

.raiting__stars svg {
    float: left;
    fill: rgba(51, 51, 51, .2);
    width: 25px;
    height: 25px
}

.raiting__procent {
    overflow: hidden;
    display: block
}

.raiting__procent--absolute {
    position: absolute;
    width: 125px;
    height: 30px
}

.modal {
    display: none
}

.modal__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: 100vh;
    z-index: 100;
    overflow: hidden;
    background-color: rgba(29, 32, 41, .8)
}

.modal__block {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 101;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 90vw;
    max-height: 100vh
}

.modal__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modal__btn svg {
    fill: #f8f8f8;
    opacity: .5;
    width: 28px;
    height: 28px;
    margin-right: -4px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.modal__btn button {
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    cursor: pointer;
    outline: 0
}

.modal__btn button:hover svg {
    fill: #fb8c00;
    opacity: 1
}

.modal__content {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    background: #fff
}

.modal__content-response {
    width: 760px;
    max-width: 100%;
    padding: 50px 100px 65px 100px
}

#modal-review .modal__content {
    padding: 50px
}

.modal.active {
    display: block
}

@media only screen and (max-width:768px) {
    .modal__content {
        overflow-y: auto
    }

    .modal__block {
        max-width: 90vw;
        max-height: 88vh
    }

    .modal__content {
        padding: 0 20px
    }

    .modal__content-response {
        padding: 20px
    }
}

.quote {
    font-size: 20px;
    font-style: italic;
    line-height: 1.5;
    width: 100%;
    border-left: 2px solid #1d2029;
    padding-left: 60px
}

.quote h3,
.quote p {
    padding-bottom: 30px
}

.quote h3:last-child,
.quote p:last-child {
    padding-bottom: 0
}

.quote h3 {
    font-weight: 700;
    margin: 0
}

.quote a,
.quote h1,
.quote h2,
.quote h3,
.quote h4,
.quote h5,
.quote h6,
.quote p,
.quote ul {
    margin: 0
}

.recommend {
    width: 100%;
    max-width: 100%;
    height: 320px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.recommend__item {
    width: 33.33333%;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: rgba(51, 51, 51, .5);
    cursor: pointer;
    text-decoration: none;
    font-weight: 700;
    -webkit-transition: -webkit-background-size 2s ease-in;
    transition: -webkit-background-size 2s ease-in;
    transition: background-size 2s ease-in;
    transition: background-size 2s ease-in, -webkit-background-size 2s ease-in;
    -moz-transition: background-size 2s ease-in;
    -ms-transition: background-size 2s ease-in;
    -o-transition: background-size 2s ease-in;
    -webkit-transition: background-size 2s ease-in
}

.recommend__item:focus,
.recommend__item:hover {
    -webkit-background-size: 120% 120%;
    background-size: 120%
}

.recommend__item:focus .recommend__text,
.recommend__item:hover .recommend__text {
    color: #fb8c00
}

.recommend__bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    padding: 30px
}

.recommend__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.recommend__text {
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    color: #fff
}

.recommend__line {
    margin-top: 20px;
    background-color: #fb8c00;
    width: 60px;
    height: 2px
}

@media only screen and (max-width:1200px) {
    .recommend__item {
        width: 50%
    }

    .recommend__item:last-child {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .recommend {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .recommend__item {
        width: 100%
    }

    .recommend__bg {
        padding: 100px 30px
    }
}

.error {
    width: 100vw;
    min-height: 100vh;
    background-color: #1d2029
}

.error--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.error--block {
    padding-top: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.error--image,
.error--text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px
}

.error--text {
    color: #fff
}

.error--text__content>h2 {
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px;
    font-size: 44px
}

.error--text__content>p {
    font-family: "PT Sans", sans-serif;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 400
}

.error--text__link {
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    padding: 5px 20px;
    border: 2px solid #fb8c00;
    color: #fff;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
    margin-top: 40px
}

.error--text__link:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fb8c00
}

.error--text--image {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.error--text--image img {
    width: 80%
}

.error-header {
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:768px) {
    .error--block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 20px
    }

    .error--image,
    .error--text {
        width: 100%
    }
}

.share-content {
    width: 100%;
    border-top: solid 1px #e8e8e9;
    padding: 10px 0
}

.share-content>p {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.share-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
}

.share-item {
    margin: 5px;
    width: 40px;
    height: 40px
}

.share-item:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.paginator {
    font-size: 20px;
    color: rgba(51, 51, 51, .5);
    text-transform: lowercase;
    padding: 15px 0;
    font-family: "PT Sans", sans-serif
}

.paginator>nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.paginator>nav>a {
    text-decoration: none;
    color: #333
}

.paginator>nav>a:hover {
    color: #fb8c00
}

.paginator>nav>span {
    color: #fb8c00
}

.paginator>nav>a,
.paginator>nav>span {
    padding: 0 7.5px
}

.paginator>nav>a:first-child,
.paginator>nav>a:last-child,
.paginator>nav>span:first-child,
.paginator>nav>span:last-child {
    display: block;
    content: '';
    padding-top: 9px
}

.paginator>nav>a:first-child:before,
.paginator>nav>span:first-child:before {
    content: url(/assets/img/svg/baseline-chevron_left-24px.svg)
}

.paginator>nav>a:last-child:after,
.paginator>nav>span:last-child:after {
    content: url(/assets/img/svg/baseline-chevron_right-24px.svg)
}

.paginator>nav>.disabled:first-child:before {
    content: ""
}

.paginator>nav>.disabled:last-child:after {
    content: ""
}

.contact-block {
    padding-top: 60px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.contact-block__item {
    height: 100%;
    width: 25%;
    padding: 15px;
    font-family: "PT Sans", sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contact-block__item-last {
    width: 100%
}

.contact-block__item-last .contact-block__item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.contact-block__head {
    font-size: 14px;
    line-height: 1.43;
    color: rgba(51, 51, 51, .5);
    letter-spacing: .8px;
    margin-bottom: 10px;
    font-weight: 700
}

.contact-block__content a,
.contact-block__content p {
    text-decoration: none;
    color: #333;
    font-size: 18px
}

.contact-block__content span {
    margin: 0;
    font-family: "PT Sans", sans-serif;
    color: #333;
    font-size: 20px
}

.contact-block__content a {
    font-size: 20px;
    font-weight: 700
}

.contact-block__item-last {
    width: 100%;
    margin: 10px 0;
    border-top: 2px solid rgba(0, 0, 0, .1)
}

.contact-block__item-last .contact-block__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.contact-block__item-last .contact-block__content a,
.contact-block__item-last .contact-block__content p {
    padding: 15px;
    width: 25%
}

@media only screen and (max-width:1200px) {
    .contact-block__item {
        width: 50%;
        padding: 10px
    }

    .contact-block__item-last .contact-block__content a,
    .contact-block__item-last .contact-block__content p {
        width: 50%
    }
}

@media only screen and (max-width:550px) {
    .contact-block__item {
        width: 100%;
        padding: 15px
    }

    .contact-block__item-last .contact-block__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contact-block__item-last .contact-block__content a,
    .contact-block__item-last .contact-block__content p {
        width: 100%
    }
}

.map-block {
    color: #333;
    margin-top: 40px
}

.map-block__head {
    font-size: 30px;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif
}

.map-block__content {
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    margin-bottom: 40px
}

.map-block__map {
    width: 100%;
    height: 740px
}

.vacancy__item {
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    margin-bottom: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.vacancy__title {
    font-size: 18px;
    color: #333;
    padding-right: 20px
}

.vacancy__hot {
    background-color: #fb8c00;
    width: 30px;
    height: 16px;
    color: #fff;
    font-size: 11px;
    letter-spacing: .8px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.site-map {
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    max-width: 100%;
    width: 100%;
    line-break: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.site-map a {
    color: #333;
    text-decoration: none;
    padding: 2px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.site-map a:hover {
    color: #fb8c00
}

.site-map>ul>li {
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.site-map>ul>li>ul>li {
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.site-map ul {
    list-style: none
}

.video {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0
}

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

.gallery {
    margin: -8px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    justify-items: stretch
}

.gallery__item {
    float: left;
    display: inline-block;
    max-height: 100%;
    min-height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery__item-1 {
    grid-column: span 2;
    grid-row: span 2;
    max-height: 325px
}

.gallery__item-2 {
    grid-column: span 1;
    grid-row: span 1;
    max-height: 155px
}

.gallery__item-3 {
    grid-column: span 1;
    grid-row: span 2;
    max-height: 320px
}

.gallery__item img {
    min-height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:768px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr)
    }

    .gallery__item-1 {
        grid-column: span 1;
        grid-row: span 2
    }

    .gallery__item-2 {
        grid-column: span 1;
        grid-row: span 1
    }

    .gallery__item-3 {
        grid-column: span 1;
        grid-row: span 2
    }
}

@media only screen and (max-width:480px) {
    .gallery {
        grid-template-columns: repeat(1, 1fr)
    }

    .gallery__item-1 {
        grid-column: span 1;
        grid-row: span 1
    }

    .gallery__item-2 {
        grid-column: span 1;
        grid-row: span 1
    }

    .gallery__item-3 {
        grid-column: span 1;
        grid-row: span 1
    }
}

.icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0
}

.icons__title {
    text-decoration: none;
    color: #333
}

.icons__title span {
    font-weight: 700
}

.icons-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.icons-horizontal .icons__item {
    width: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.icons-horizontal .icons__img {
    width: 120px;
    height: 120px;
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.icons-horizontal .icons__img img {
    width: 64px;
    height: 64px;
    max-width: 64px
}

.icons-horizontal .icons__title {
    width: 120px;
    font-size: 18px
}

.icons-horizontal-big {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.icons-horizontal-big .icons__item {
    width: 20%;
    min-width: 180px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.icons-horizontal-big .icons__item:hover a span {
    color: #fb8c00
}

.icons-horizontal-big .icons__item>a {
    text-decoration: none;
    color: #333
}

.icons-horizontal-big .icons__img {
    width: 160px;
    height: 160px;
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.icons-horizontal-big .icons__img:hover {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    background-color: #fff
}

.icons-horizontal-big .icons__img img {
    width: 64px;
    height: 64px;
    max-width: 64px
}

.icons-horizontal-big .icons__title {
    width: 160px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #333
}

.icons-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.icons-vertical .icons__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 60px
}

.icons-vertical .icons__item:last-child {
    padding-bottom: 0
}

.icons-vertical .icons__img {
    width: 120px;
    height: 120px;
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    min-width: 120px
}

.icons-vertical .icons__img img {
    width: 64px;
    height: 64px;
    max-width: 64px
}

.icons-vertical .icons__title {
    font-size: 18px
}

.icons-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.icons-wrap .icons__item {
    width: 16.666%;
    min-width: 170px;
    margin: 0 0 80px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.icons-wrap .icons__item>a {
    text-decoration: none
}

.icons-wrap .icons__item:hover a span {
    color: #fb8c00
}

.icons-wrap .icons__img {
    width: 160px;
    height: 160px;
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.icons-wrap .icons__img:hover {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    background-color: #fff
}

.icons-wrap .icons__img img {
    width: 64px;
    height: 64px;
    max-width: 64px
}

.icons-wrap .icons__title {
    text-align: center;
    width: 160px;
    font-size: 18px;
    text-decoration: none
}

@media only screen and (max-width:1300px) {
    .icons-wrap .icons__item {
        width: 20%
    }
}

@media only screen and (max-width:1080px) {

    .icons-horizontal-big .icons__item,
    .icons-wrap .icons__item {
        width: 25%
    }
}

@media only screen and (max-width:820px) {

    .icons-horizontal-big .icons__item,
    .icons-wrap .icons__item {
        width: 33.33333%
    }
}

@media only screen and (max-width:585px) {

    .icons-horizontal-big .icons__item,
    .icons-wrap .icons__item {
        width: 50%
    }
}

@media only screen and (max-width:768px) {
    .icons-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .icons__item {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:480px) {
    .icons-horizontal-big {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .icons-horizontal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .icons__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-bottom: 40px
    }

    .icons__img {
        width: 60px;
        height: 60px;
        margin-right: 20px;
        margin-bottom: 0;
        min-width: 60px
    }

    .icons__img img {
        width: 32px;
        height: 32px
    }

    .icons__title {
        width: 100%
    }

    .icons-horizontal-big .icons__item,
    .icons-wrap .icons__item {
        width: 100%
    }

    .icons-vertical .icons__img {
        width: 60px;
        height: 60px;
        margin-right: 20px;
        margin-bottom: 0;
        min-width: 60px
    }

    .icons-vertical .icons__img img {
        width: 32px;
        height: 32px
    }
}

.header .menu ul,
.header .menu ul ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.header .menu ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 30px
}

.header .menu ul li .menu__animation {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 25px 0 8px;
    cursor: pointer;
    text-transform: uppercase
}

.header .menu ul li .menu__animation:last-child {
    margin-right: 0
}

.header .menu ul li .menu__animation a,
.header .menu ul li .menu__animation span {
    margin: 0 10px;
    color: #fff;
    border-bottom: 3px solid transparent;
    text-decoration: none
}

.header .menu ul li .menu__animation a:hover,
.header .menu ul li .menu__animation span:hover {
    border-bottom: 3px solid #fb8c00
}

.header .menu ul li .menu__animation ul {
    position: absolute;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .3em;
    padding: 0;
    top: -99999999%;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.header .menu ul li .menu__animation ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    list-style: none;
    background-color: #fff;
    width: 160px;
    padding: 7px 20px;
    cursor: pointer;
    text-transform: none;
    text-align: left
}

.header .menu ul li .menu__animation ul li a,
.header .menu ul li .menu__animation ul li span {
    width: 100%;
    color: #333
}

.header .menu ul li .menu__animation ul li a:hover,
.header .menu ul li .menu__animation ul li span:hover {
    color: #fb8c00;
    border-bottom: 3px solid transparent
}

.header .menu ul li .menu__animation:hover ul {
    top: auto;
    opacity: 1
}

.header .menu ul li .menu__animation:hover ul li {
    border: none
}

.triangle {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .5);
    margin: 0 0 0 .3em;
    margin: 0 auto;
    float: right
}

.triangle-drop {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    margin: 0 auto
}

@media only screen and (max-width:1200px) {
    .header .menu ul {
        padding: 0
    }

    .header .menu ul li .menu__animation a,
    .header .menu ul li .menu__animation span {
        margin: 0 4px
    }
}

.mobile {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #1d2029;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 10;
    font-size: 20px;
    overflow-x: auto;
    top: 0;
}

.mobile__contacts {
    font-family: "PT Sans", sans-serif
}

.mobile__contacts .contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mobile__contacts .contact a,
.mobile__contacts .contact p {
    color: #fb8c00
}

.mobile__contacts .contact__city {
    width: 150px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}

.mobile__contacts .contact__city span {
    color: #fff;
    font-weight: 400
}

.mobile__contacts.show {
    -webkit-transition: right .4s ease-in 0s;
    -o-transition: right .4s ease-in 0s;
    transition: right .4s ease-in 0s;
    right: 0
}

.mobile__contacts.hidden {
    right: 100%;
    -webkit-transition: right .4s ease-in .3s;
    -o-transition: right .4s ease-in .3s;
    transition: right .4s ease-in .3s
}

.mobile__contacts .mobile__btn {
    z-index: 11;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mobile__contacts span {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase
}

.mobile__contacts ul {
    padding: 0;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #1d2029
}

.mobile__menu.show {
    -webkit-transition: left .4s ease-in 0s;
    -o-transition: left .4s ease-in 0s;
    transition: left .4s ease-in 0s;
    left: 0
}

.mobile__menu.show li .menu__animation {
    -webkit-transition: .4s ease-in .3s;
    -o-transition: .4s ease-in .3s;
    transition: .4s ease-in .3s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.mobile__menu.hidden {
    left: 100%;
    -webkit-transition: left .4s ease-in .3s;
    -o-transition: left .4s ease-in .3s;
    transition: left .4s ease-in .3s
}

.mobile__menu.hidden li .menu__animation {
    -webkit-transition: .4s ease-in 0s;
    -o-transition: .4s ease-in 0s;
    transition: .4s ease-in 0s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.mobile__menu .mobile__btn {
    z-index: 11;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mobile__menu li,
.mobile__menu ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.88
}

.mobile__menu a:hover {
    border-bottom: 2px solid #fb8c00
}

.mobile__menu ul a {
    border-bottom: 2px solid #1d2029
}

.mobile__menu ul ul {
    background-color: #25272e
}

.mobile__menu ul ul li {
    width: 100vw
}

.mobile__menu ul ul a {
    border-bottom: 2px solid #25272e
}

.mobile__menu ul ul a:hover {
    border-bottom: 2px solid #25272e;
    color: #fb8c00
}

.mobile__menu ul .triangle-drop {
    display: none
}

.mobile__menu li {
    position: relative;
    overflow: hidden
}

.mobile__menu li .menu__animation {
    -webkit-transition: .3s ease-out .5s;
    -o-transition: .3s ease-out .5s;
    transition: .3s ease-out .5s
}

.mobile__menu li .menu__animation a,
.mobile__menu li .menu__animation span {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase
}

.mobile__btn {
    padding: 20px 20px 5px 20px;
    border: none;
    background-color: transparent;
    fill: #fff;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mobile__btn svg {
    cursor: pointer;
    width: 36px;
    height: 36px;
    fill: #fb8c00
}

.mobile__btn__content {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

.container {
    width: 1160px;
    margin: 0 auto
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

p {
    margin: 0
}

a[href^=tel] {
    color: #000
}

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

.m-0>div {
    margin: 0
}

.caption {
    font-family: Montserrat, sans-serif;
    font-size: 3.75em;
    line-height: 1.23em;
    margin: 0
}

.blog-width {
    width: 50%;
    min-width: 700px;
    max-width: 800px;
    margin: 0 auto
}

.wrapper {
    background-color: #fff;
    color: #333;
    font-family: "PT Sans", sans-serif
}

.white {
    color: #fff
}

.without-link .btn-block,
.without-title .title {
    display: none
}

@media only screen and (max-width:1200px) {
    .container {
        width: 80%;
        min-width: 720px
    }
}

@media only screen and (max-width:992px) {
    .container {
        width: 90%;
        min-width: 0
    }
}

@media only screen and (max-width:768px) {
    .container {
        width: 90%
    }

    .blog-width {
        width: 100%;
        padding: 0 2em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 0
    }
}

@media only screen and (max-width:480px) {
    .container {
        width: 90%
    }
}

@media only screen and (max-width:320px) {
    .container {
        width: 95%
    }
}

.btn-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0
}

.btn-block a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    letter-spacing: .8px;
    font-weight: 700;
    color: rgba(51, 51, 51, .5);
    background: 0 0;
    border: 1px solid #e8e8e9;
    padding: 8px 20px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none
}

.btn-block a svg {
    width: 18px;
    height: 18px;
    margin-left: 10px;
    fill: rgba(51, 51, 51, .5)
}

.btn-block a:hover {
    border-color: #fb8c00;
    color: #fb8c00
}

.btn-block a:hover svg {
    fill: #fb8c00
}

.btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-family: "PT Sans", sans-serif;
    padding: 10px 20px;
    cursor: pointer;
    outline: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn>svg {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    fill: #fff
}

.dev-types .btn-accent,
.header .btn-accent {
    letter-spacing: .5px;
    background-color: #fb8c00;
    text-decoration: none
}

.dev-types .btn-accent:focus,
.dev-types .btn-accent:hover,
.header .btn-accent:focus,
.header .btn-accent:hover {
    background-color: #fdb504
}

footer .btn-accent {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    opacity: .7;
    background-color: rgba(255, 255, 255, .07);
    color: rgba(255, 255, 255, .5);
    border: 1px solid rgba(255, 255, 255, .5)
}

footer .btn-accent:focus,
footer .btn-accent:hover {
    color: #fff;
    background-color: #fdb504
}

.btn-lang {
    padding: 10px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .07)
}

.btn-lang a {
    color: rgba(255, 255, 255, .5);
    text-decoration: none
}

.btn-lang:focus a,
.btn-lang:hover a {
    color: #fb8c00
}

.btn-social {
    padding: 0;
    background-color: transparent;
    margin: 2.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn-social>img,
.btn-social>svg {
    width: 40px;
    height: 40px;
    margin: 0;
    fill: none
}

.btn-social>img:focus,
.btn-social>img:hover,
.btn-social>svg:focus,
.btn-social>svg:hover {
    background-color: #fdb504
}

.btn-back {
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .07)
}

.btn-back>svg {
    margin: 0;
    width: 24px;
    height: 24px;
    fill: #fb8c00
}

.btn-back:hover {
    background-color: #fb8c00
}

.btn-back:hover svg {
    fill: #fff
}

.is-active {
    background-color: rgba(255, 255, 255, .07)
}

.back-btn {
    position: fixed;
    padding-bottom: 20px;
    -webkit-transition: opacity 1.2s;
    -o-transition: opacity 1.2s;
    transition: opacity 1.2s;
    opacity: 0;
    visibility: collapse;
    width: 100%
}

.back-btn .container {
    visibility: collapse;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.back-btn .container button {
    visibility: visible
}

.back-btn.active {
    opacity: 1;
    -webkit-transition: opacity 1.2s;
    -o-transition: opacity 1.2s;
    transition: opacity 1.2s;
    bottom: 0
}

.header__long,
.header__short {
    background-color: #1d2029
}

.header {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -1;
    width: 100%
}

.header .header__menu .menu__mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0
}

.header .header__menu .menu__mob .mob__btn {
    border: none;
    background-color: transparent
}

.header .header__menu .menu__mob .mob__btn svg {
    fill: #fff;
    width: 36px;
    height: 36px
}

.header .header__menu .menu__mob .mob__btn:hover {
    cursor: pointer
}

.header .header__menu .menu__mob .mob__btn:focus svg,
.header .header__menu .menu__mob .mob__btn:hover svg {
    fill: #fb8c00
}

.header .header__menu .menu__mob .mob__btn:focus {
    outline: 0
}

.header__long {
    margin-bottom: 60px
}

@media only screen and (max-width:800px) {
    .header .menu {
        display: none
    }

    .header__short {
        height: auto
    }
}

@media only screen and (max-width:480px) {
    .header__long {
        margin-bottom: 20px
    }
}

.menu__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mob__btn {
    border: none;
    background-color: transparent;
    fill: #fff
}

.mob__btn svg {
    width: 36px;
    height: 36px
}

@media only screen and (max-width:1200px) {
    .menu__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (max-width:800px) {
    .header__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__menu .menu__nav--links {
        display: none
    }

    .header__menu .menu__mob {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 1em;
        background-color: transparent
    }
}

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 30px
}

.nav__item {
    display: inline;
    text-transform: uppercase;
    margin: 0 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-bottom: 3px solid transparent
}

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

.nav__item:first-child {
    margin: 0;
    padding: 0
}

.nav__item:hover {
    border-bottom: 3px solid #fb8c00
}

.nav__drop {
    position: absolute;
    margin-top: 128px;
    padding: 0;
    z-index: 3;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.nav__drop--item {
    list-style: none;
    background-color: #fff;
    width: 160px;
    padding: 7px 20px;
    cursor: pointer;
    text-transform: none
}

.nav__drop--item a {
    color: #333
}

.nav__drop--item a:hover {
    color: #fb8c00
}

.dropable__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.dropable__content .triangle {
    width: 100%
}

.dropable:hover ul {
    opacity: 1
}

@media only screen and (max-width:1200px) {
    .nav {
        padding: 0
    }

    .nav__drop {
        display: none
    }

    .nav__item:first-child {
        margin: 0 8px
    }

    .triangle {
        display: none
    }
}

.content-short {
    padding: 30px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content-short__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 70%;
    word-wrap: break-word;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-short__contacts {
    width: 30%;
    color: #fff;
    text-align: right
}

.content-short__title {
    width: 100%;
    max-width: 100%
}

.content-short__title h1,
.content-short__title p {
    max-width: 100%;
    white-space: normal
}

@media only screen and (max-width:768px) {
    .content-short__contacts {
        display: none
    }

    .content-short__body {
        width: 100%;
        overflow: visible
    }

    .content-short__body-bg,
    .content-short__body-img,
    .content-short__body-text {
        min-height: 0;
        height: auto
    }

    .content-short__body-bg,
    .content-short__body-img {
        display: none
    }

    .content-short__title {
        margin-top: 30px
    }

    .content-short .title {
        width: 100%;
        max-width: 100%
    }

    .content-short .title h1 {
        max-width: 100%;
        white-space: normal
    }
}

.header .content {
    padding-top: 75px;
    color: #fff;
    height: auto
}

.header .content__block {
    max-width: 760px;
    max-height: 532px;
    width: 70%
}

.header .content__block-bg {
    border: 3px solid #fb8c00;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 30px
}

.header .content__block-img {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    margin-top: 30px;
    z-index: 2
}

.header .content__block-text {
    margin-top: 30px;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    word-break: break-word
}

.header .content__block-text>h1 {
    padding: 1em;
    word-break: break-word;
    white-space: normal;
    overflow: hidden
}

.header .content__block-bg,
.header .content__block-img,
.header .content__block-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 336px;
    position: absolute;
    width: 49%;
    height: 532px;
    max-width: 700px
}

.header .content__phones {
    width: 30%;
    min-width: 200px;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.phone-block {
    margin: 10px 0 15px
}

.phone-block__city {
    text-transform: uppercase;
    font-weight: 700;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    letter-spacing: 1px
}

.phone-block__phone a {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    color: #fff;
    text-decoration: none
}

.rotated {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.rotated-block {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rotated-block__line {
    display: inline;
    width: 2em;
    height: 3px;
    background-color: #fb8c00;
    margin: 0 1em
}

.rotated-block__text {
    font-size: 14px;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: right;
    margin: 0 .5em
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width:1200px) {
    .header .content .rotated {
        display: none
    }

    .header .content__block-bg,
    .header .content__block-img,
    .header .content__block-text {
        height: 39%
    }

    .header .content__block-bg>h1,
    .header .content__block-img>h1,
    .header .content__block-text>h1 {
        font-size: 2.5em;
        padding: 1em
    }

    .header .content__block-text>p {
        font-size: 3em;
        padding: .5em
    }
}

@media only screen and (max-width:992px) {
    .header .content {
        padding-top: 10px
    }

    .header .content__phones {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 350px
    }

    .header .content__block-bg,
    .header .content__block-img,
    .header .content__block-text {
        height: 336px
    }

    .header .content__block-bg>h1,
    .header .content__block-img>h1,
    .header .content__block-text>h1 {
        font-size: 2.5em;
        padding: 1em
    }
}

@media only screen and (max-width:768px) {
    .header {
        min-height: 360px;
        height: auto
    }

    .header .content__phones {
        display: none
    }

    .header .content__block {
        width: 100%;
        position: relative;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .header .content__block-text {
        margin: 0;
        width: 100%
    }

    .header .content__block-bg,
    .header .content__block-img,
    .header .content__block-text {
        min-height: 0;
        height: auto
    }

    .header .content__block-bg,
    .header .content__block-img {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .header {
        min-height: 360px;
        height: auto
    }

    .header .content__block-bg,
    .header .content__block-img,
    .header .content__block-text {
        min-height: 0
    }

    .header .content__block-text {
        margin-top: 20px
    }

    .header .content__block-text>h1 {
        padding: 0;
        font-size: 2em
    }
}

@media only screen and (max-width:320px) {
    .header {
        height: auto
    }

    .header .content__block-text {
        padding: .5em
    }

    .header .content__block-text>h1 {
        padding: 0;
        font-size: 2em
    }
}

footer {
    background-color: #1d2029;
    width: 100%;
    padding: 40px 0
}

.footer__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.footer__content--block {
    width: 29%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__content--block .footer__content--title,
.footer__content--block ul {
    width: 100%;
    font-size: 1em;
    color: #fff;
    font-family: "PT Sans", sans-serif;
    padding: 0;
    margin: 0
}

.footer__content--block .footer__content--title li,
.footer__content--block ul li {
    line-height: 20px;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    text-decoration: none;
    list-style: none;
    margin-bottom: 10px;
    font-weight: 400;
    width: 100%
}

.footer__content--block .footer__content--title li a,
.footer__content--block .footer__content--title li span,
.footer__content--block ul li a,
.footer__content--block ul li span {
    line-height: 20px;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    text-decoration: none
}

.footer__content--block .footer__content--title li a,
.footer__content--block ul li a {
    cursor: pointer
}

.footer__content--block .footer__content--title li a:hover,
.footer__content--block ul li a:hover {
    color: #fb8c00
}

.footer__content--block .footer__content--title li:first-child,
.footer__content--block ul li:first-child {
    margin-top: 10px
}

.footer__content--block .footer__content--title li:last-child,
.footer__content--block ul li:last-child {
    margin-bottom: 15px
}

.footer__content--block-last {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__content--block-last ul {
    width: 80%
}

.footer__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.footer__buttons--lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__buttons--lang a,
.footer__buttons--lang span {
    width: 40px;
    height: 40px;
    padding: 10px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .07);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase
}

.footer__buttons--lang span {
    background-color: rgba(255, 255, 255, .07);
    color: #fff
}

.footer__buttons--lang a {
    color: rgba(255, 255, 255, .5);
    text-decoration: none
}

.footer__buttons--lang a:focus,
.footer__buttons--lang a:hover {
    color: #fb8c00
}

.footer__credantials {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 20px 0
}

.footer__credantials--copy {
    width: 100%;
    color: rgba(255, 255, 255, .5)
}

.footer__credantials--social {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.contact {
    margin-bottom: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.contact__city {
    width: 120px
}

.contact__body {
    width: 100%;
    text-align: left;
    color: #fff
}

.contact__body p {
    margin-top: 5px
}

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

.contact__body button {
    padding: 5px
}

@media only screen and (max-width:1200px) {
    .footer__buttons {
        margin-left: 0
    }
}

@media only screen and (max-width:768px) {
    .footer__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__content--block {
        width: 100%;
        margin-bottom: 2em
    }

    .footer__credantials {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }

    .footer__credantials--copy {
        padding: 1em 0
    }

    .footer__credantials--social {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.dev-types {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    padding-bottom: 40px
}

.dev-types .hoverable {
    overflow: hidden;
    height: 264px;
    width: 400px;
    margin: 2.5% 0;
    position: relative
}

.dev-types .hoverable:hover {
    position: inherit;
    z-index: 100
}

.dev-types .hoverable:hover:before {
    display: none
}

.dev-types .hoverable:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 6em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.dev-types .type {
    padding: 3em 2em;
    width: 400px;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    color: #333;
    -webkit-transition: all .5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .5s cubic-bezier(.25, .8, .25, 1);
    transition: all .5s cubic-bezier(.25, .8, .25, 1);
    background-color: #fff
}

.dev-types .type:hover {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    position: absolute
}

.dev-types .type__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5em
}

.dev-types .type__header--icon>img {
    width: 68px;
    height: 68px
}

.dev-types .type__header--title {
    min-height: 50px;
    height: auto;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 30px
}

.dev-types .type__header--line {
    width: 2em;
    border-bottom: 1px solid #fb8c00
}

.dev-types .type__body {
    text-align: center
}

.dev-types .type__body--text {
    overflow-y: hidden;
    font-size: 18px;
    margin-bottom: 2em;
    font-family: "PT Sans", sans-serif
}

@media only screen and (max-width:1200px) {
    .dev-types .hoverable {
        overflow: visible;
        height: 100%
    }

    .dev-types .type:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        position: inherit
    }

    .dev-types .type__header--title {
        height: 150px
    }

    .dev-types .type__body--text {
        height: 300px
    }
}

@media only screen and (max-width:480px) {
    .dev-types .type {
        width: 80%;
        margin: 0 auto;
        left: 10%
    }

    .dev-types .type__header--title {
        height: auto
    }

    .dev-types .type__body--text {
        height: auto
    }

    .dev-types .hoverable {
        width: 100%;
        margin: 10px;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

.accent-line {
    background-color: #fb8c00;
    color: #fff;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.accent-line__block {
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.accent-line--button button {
    color: #fb8c00;
    letter-spacing: 1.5px;
    font-weight: 700;
    background-color: #fff;
    border: none;
    padding: 10px 20px;
    outline: 0;
    cursor: pointer
}

.accent-line--button button:hover {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #b86700
}

@media only screen and (max-width:768px) {
    .accent-line__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (max-width:480px) {
    .accent-line__block {
        height: 150px
    }
}

.how-to-contact {
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: center;
    background-color: #1d2029;
    padding: 60px 0
}

.how-to-contact__title {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px
}

.how-to-contact__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.how-to-contact__text {
    max-width: 500px;
    width: 50%
}

.how-to-contact__text p {
    margin-bottom: 25px;
    color: rgba(255, 255, 255, .5);
    font-size: 18px;
    line-height: 30px
}

.how-to-contact__text p:last-child {
    margin-bottom: 0
}

.how-to-contact__phones .contacts {
    padding: 0;
    -webkit-padding-start: 0
}

.how-to-contact__phones .contacts-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.how-to-contact__phones .contacts-accent {
    text-align: left;
    color: #fb8c00
}

.how-to-contact__phones .contacts li {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px
}

.how-to-contact__phones .contacts li:last-child {
    margin-bottom: 0
}

.how-to-contact__phones .contacts li p {
    padding-left: 20px;
    padding-bottom: 5px
}

.contact__body {
    margin-top: -5px
}

@media only screen and (max-width:768px) {
    .how-to-contact ul {
        padding: 0
    }

    .how-to-contact__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .how-to-contact__text {
        width: 100%;
        padding-bottom: 2em
    }
}

.slide-track {
    width: 90%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.slide-track__list {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.btn-arrow {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #e8e8e9;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    outline: 0
}

.btn-arrow svg {
    fill: rgba(51, 51, 51, .5);
    width: 18px;
    height: 18px
}

.btn-arrow:hover {
    border-color: #fb8c00
}

.btn-arrow:hover svg {
    fill: #fb8c00
}

.carousel {
    height: 160px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-bg {
    background: url(/assets/img/content/main/imageMainAboutCompahyBig.jpg);
    padding: 120px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-bg .form-content,
.form-modal {
    width: 760px;
    max-width: 100%;
    padding: 50px 100px 50px 100px;
    background-color: #fff
}

.form-bg .form-content p.title,
.form-modal p.title {
    width: 100%;
    font-family: Montserrat, sans-serif;
    line-height: 1.33;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 48px;
    margin: 0 auto 30px auto
}

.form-bg .form-content p,
.form-modal p {
    text-align: center;
    margin-bottom: 40px
}

.form-bg .form-content .form-calculate>div,
.form-bg .form-content form>div,
.form-bg .form-content>div,
.form-modal .form-calculate>div,
.form-modal form>div,
.form-modal>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap-flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-bg .form-content .form-calculate>div>div,
.form-bg .form-content form>div>div,
.form-bg .form-content>div>div,
.form-modal .form-calculate>div>div,
.form-modal form>div>div,
.form-modal>div>div {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 7.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 65px
}

.form-bg .form-content .form-calculate>div>div label,
.form-bg .form-content form>div>div label,
.form-bg .form-content>div>div label,
.form-modal .form-calculate>div>div label,
.form-modal form>div>div label,
.form-modal>div>div label {
    display: none
}

.form-bg .form-content .form-calculate>div>div span,
.form-bg .form-content form>div>div span,
.form-bg .form-content>div>div span,
.form-modal .form-calculate>div>div span,
.form-modal form>div>div span,
.form-modal>div>div span {
    display: none;
    color: #fe3400;
    font-family: "PT Sans", sans-serif;
    font-style: italic;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    width: 100%
}

.form-bg .form-content .form-calculate>div div.half,
.form-bg .form-content form>div div.half,
.form-bg .form-content>div div.half,
.form-modal .form-calculate>div div.half,
.form-modal form>div div.half,
.form-modal>div div.half {
    width: 50%
}

.form-bg .form-content .form-calculate>div div.half-not_resize,
.form-bg .form-content form>div div.half-not_resize,
.form-bg .form-content>div div.half-not_resize,
.form-modal .form-calculate>div div.half-not_resize,
.form-modal form>div div.half-not_resize,
.form-modal>div div.half-not_resize {
    width: 50%
}

.form-bg .form-content .form-calculate>div div.invalid,
.form-bg .form-content form>div div.invalid,
.form-bg .form-content>div div.invalid,
.form-modal .form-calculate>div div.invalid,
.form-modal form>div div.invalid,
.form-modal>div div.invalid {
    padding-bottom: 0
}

.form-bg .form-content .form-calculate>div div.invalid>input,
.form-bg .form-content form>div div.invalid>input,
.form-bg .form-content>div div.invalid>input,
.form-modal .form-calculate>div div.invalid>input,
.form-modal form>div div.invalid>input,
.form-modal>div div.invalid>input {
    border: 1px solid #fe3400
}

.form-bg .form-content .form-calculate>div div.invalid>input:focus,
.form-bg .form-content form>div div.invalid>input:focus,
.form-bg .form-content>div div.invalid>input:focus,
.form-modal .form-calculate>div div.invalid>input:focus,
.form-modal form>div div.invalid>input:focus,
.form-modal>div div.invalid>input:focus {
    border: 1px solid #fe3400
}

.form-bg .form-content .form-calculate>div div.invalid>span,
.form-bg .form-content form>div div.invalid>span,
.form-bg .form-content>div div.invalid>span,
.form-modal .form-calculate>div div.invalid>span,
.form-modal form>div div.invalid>span,
.form-modal>div div.invalid>span {
    display: block
}

.form-bg .form-content .form-calculate>div div.disabled,
.form-bg .form-content form>div div.disabled,
.form-bg .form-content>div div.disabled,
.form-modal .form-calculate>div div.disabled,
.form-modal form>div div.disabled,
.form-modal>div div.disabled {
    cursor: not-allowed;
    pointer-events: none
}

.form-bg .form-content .form-calculate>div div.disabled>label,
.form-bg .form-content form>div div.disabled>label,
.form-bg .form-content>div div.disabled>label,
.form-modal .form-calculate>div div.disabled>label,
.form-modal form>div div.disabled>label,
.form-modal>div div.disabled>label {
    color: rgba(51, 51, 51, .3);
    pointer-events: none
}

.form-bg .form-content .form-calculate>div div.disabled>label:before,
.form-bg .form-content form>div div.disabled>label:before,
.form-bg .form-content>div div.disabled>label:before,
.form-modal .form-calculate>div div.disabled>label:before,
.form-modal form>div div.disabled>label:before,
.form-modal>div div.disabled>label:before {
    fill: rgba(51, 51, 51, .3);
    pointer-events: none
}

.form-bg .form-content .form-calculate>div div.no-height,
.form-bg .form-content form>div div.no-height,
.form-bg .form-content>div div.no-height,
.form-modal .form-calculate>div div.no-height,
.form-modal form>div div.no-height,
.form-modal>div div.no-height {
    height: 0
}

.form-bg .form-content .form-calculate>div input,
.form-bg .form-content form>div input,
.form-bg .form-content>div input,
.form-modal .form-calculate>div input,
.form-modal form>div input,
.form-modal>div input {
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-bg .form-content .form-calculate>div input,
.form-bg .form-content .form-calculate>div textarea,
.form-bg .form-content form>div input,
.form-bg .form-content form>div textarea,
.form-bg .form-content>div input,
.form-bg .form-content>div textarea,
.form-modal .form-calculate>div input,
.form-modal .form-calculate>div textarea,
.form-modal form>div input,
.form-modal form>div textarea,
.form-modal>div input,
.form-modal>div textarea {
    font-size: 18px;
    width: 100%;
    color: #333;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    border: 1px solid #e8e8e9;
    caret-color: #fb8c00;
    width: 100%
}

.form-bg .form-content .form-calculate>div input:focus,
.form-bg .form-content .form-calculate>div input:hover,
.form-bg .form-content .form-calculate>div textarea:focus,
.form-bg .form-content .form-calculate>div textarea:hover,
.form-bg .form-content form>div input:focus,
.form-bg .form-content form>div input:hover,
.form-bg .form-content form>div textarea:focus,
.form-bg .form-content form>div textarea:hover,
.form-bg .form-content>div input:focus,
.form-bg .form-content>div input:hover,
.form-bg .form-content>div textarea:focus,
.form-bg .form-content>div textarea:hover,
.form-modal .form-calculate>div input:focus,
.form-modal .form-calculate>div input:hover,
.form-modal .form-calculate>div textarea:focus,
.form-modal .form-calculate>div textarea:hover,
.form-modal form>div input:focus,
.form-modal form>div input:hover,
.form-modal form>div textarea:focus,
.form-modal form>div textarea:hover,
.form-modal>div input:focus,
.form-modal>div input:hover,
.form-modal>div textarea:focus,
.form-modal>div textarea:hover {
    border: 1px solid #fb8c00
}

.form-bg .form-content .form-calculate>div input::-webkit-input-placeholder,
.form-bg .form-content .form-calculate>div textarea::-webkit-input-placeholder,
.form-bg .form-content form>div input::-webkit-input-placeholder,
.form-bg .form-content form>div textarea::-webkit-input-placeholder,
.form-bg .form-content>div input::-webkit-input-placeholder,
.form-bg .form-content>div textarea::-webkit-input-placeholder,
.form-modal .form-calculate>div input::-webkit-input-placeholder,
.form-modal .form-calculate>div textarea::-webkit-input-placeholder,
.form-modal form>div input::-webkit-input-placeholder,
.form-modal form>div textarea::-webkit-input-placeholder,
.form-modal>div input::-webkit-input-placeholder,
.form-modal>div textarea::-webkit-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-bg .form-content .form-calculate>div input::-moz-placeholder,
.form-bg .form-content .form-calculate>div textarea::-moz-placeholder,
.form-bg .form-content form>div input::-moz-placeholder,
.form-bg .form-content form>div textarea::-moz-placeholder,
.form-bg .form-content>div input::-moz-placeholder,
.form-bg .form-content>div textarea::-moz-placeholder,
.form-modal .form-calculate>div input::-moz-placeholder,
.form-modal .form-calculate>div textarea::-moz-placeholder,
.form-modal form>div input::-moz-placeholder,
.form-modal form>div textarea::-moz-placeholder,
.form-modal>div input::-moz-placeholder,
.form-modal>div textarea::-moz-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-bg .form-content .form-calculate>div input:-ms-input-placeholder,
.form-bg .form-content .form-calculate>div textarea:-ms-input-placeholder,
.form-bg .form-content form>div input:-ms-input-placeholder,
.form-bg .form-content form>div textarea:-ms-input-placeholder,
.form-bg .form-content>div input:-ms-input-placeholder,
.form-bg .form-content>div textarea:-ms-input-placeholder,
.form-modal .form-calculate>div input:-ms-input-placeholder,
.form-modal .form-calculate>div textarea:-ms-input-placeholder,
.form-modal form>div input:-ms-input-placeholder,
.form-modal form>div textarea:-ms-input-placeholder,
.form-modal>div input:-ms-input-placeholder,
.form-modal>div textarea:-ms-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-bg .form-content .form-calculate>div input::-ms-input-placeholder,
.form-bg .form-content .form-calculate>div textarea::-ms-input-placeholder,
.form-bg .form-content form>div input::-ms-input-placeholder,
.form-bg .form-content form>div textarea::-ms-input-placeholder,
.form-bg .form-content>div input::-ms-input-placeholder,
.form-bg .form-content>div textarea::-ms-input-placeholder,
.form-modal .form-calculate>div input::-ms-input-placeholder,
.form-modal .form-calculate>div textarea::-ms-input-placeholder,
.form-modal form>div input::-ms-input-placeholder,
.form-modal form>div textarea::-ms-input-placeholder,
.form-modal>div input::-ms-input-placeholder,
.form-modal>div textarea::-ms-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-bg .form-content .form-calculate>div input::placeholder,
.form-bg .form-content .form-calculate>div textarea::placeholder,
.form-bg .form-content form>div input::placeholder,
.form-bg .form-content form>div textarea::placeholder,
.form-bg .form-content>div input::placeholder,
.form-bg .form-content>div textarea::placeholder,
.form-modal .form-calculate>div input::placeholder,
.form-modal .form-calculate>div textarea::placeholder,
.form-modal form>div input::placeholder,
.form-modal form>div textarea::placeholder,
.form-modal>div input::placeholder,
.form-modal>div textarea::placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-bg .form-content .form-calculate>div input textarea,
.form-bg .form-content .form-calculate>div textarea textarea,
.form-bg .form-content form>div input textarea,
.form-bg .form-content form>div textarea textarea,
.form-bg .form-content>div input textarea,
.form-bg .form-content>div textarea textarea,
.form-modal .form-calculate>div input textarea,
.form-modal .form-calculate>div textarea textarea,
.form-modal form>div input textarea,
.form-modal form>div textarea textarea,
.form-modal>div input textarea,
.form-modal>div textarea textarea {
    height: 100%
}

.form-bg .form-content .form-calculate>div>div>button,
.form-bg .form-content form>div>div>button,
.form-bg .form-content>div>div>button,
.form-modal .form-calculate>div>div>button,
.form-modal form>div>div>button,
.form-modal>div>div>button {
    outline: 0;
    width: 400px;
    margin: 20px auto 0 auto;
    padding: 20px 20px 20px 20px;
    font-size: 18px;
    border: none;
    background-color: #fb8c00;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.form-bg .form-content .form-calculate>div>div>button:hover,
.form-bg .form-content form>div>div>button:hover,
.form-bg .form-content>div>div>button:hover,
.form-modal .form-calculate>div>div>button:hover,
.form-modal form>div>div>button:hover,
.form-modal>div>div>button:hover {
    background-color: #fdb504;
    font-weight: 700;
    letter-spacing: .07px
}

.form-bg .form-content .form-calculate>div .input-file,
.form-bg .form-content form>div .input-file,
.form-bg .form-content>div .input-file,
.form-modal .form-calculate>div .input-file,
.form-modal form>div .input-file,
.form-modal>div .input-file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 30px
}

.form-bg .form-content .form-calculate>div .right,
.form-bg .form-content form>div .right,
.form-bg .form-content>div .right,
.form-modal .form-calculate>div .right,
.form-modal form>div .right,
.form-modal>div .right {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.form-bg .form-content .form-calculate>div .center,
.form-bg .form-content form>div .center,
.form-bg .form-content>div .center,
.form-modal .form-calculate>div .center,
.form-modal form>div .center,
.form-modal>div .center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-bg .form-content .form-calculate>div>.label label,
.form-bg .form-content form>div>.label label,
.form-bg .form-content>div>.label label,
.form-modal .form-calculate>div>.label label,
.form-modal form>div>.label label,
.form-modal>div>.label label {
    display: inline-block;
    font-size: 14px;
    color: rgba(51, 51, 51, .6);
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    cursor: pointer
}

.form-bg .form-content .form-calculate>div>.label label:before,
.form-bg .form-content form>div>.label label:before,
.form-bg .form-content>div>.label label:before,
.form-modal .form-calculate>div>.label label:before,
.form-modal form>div>.label label:before,
.form-modal>div>.label label:before {
    content: url(/assets/img/general/baseline-attach_file-24px.svg);
    color: rgba(51, 51, 51, .6);
    position: absolute;
    margin-left: -25px;
    width: 20px;
    height: 20px
}

.form-bg .form-content .form-calculate>div>.label.invalid label,
.form-bg .form-content form>div>.label.invalid label,
.form-bg .form-content>div>.label.invalid label,
.form-modal .form-calculate>div>.label.invalid label,
.form-modal form>div>.label.invalid label,
.form-modal>div>.label.invalid label {
    color: #fe3400
}

.form-bg .form-content .form-calculate>div input[type=file],
.form-bg .form-content form>div input[type=file],
.form-bg .form-content>div input[type=file],
.form-modal .form-calculate>div input[type=file],
.form-modal form>div input[type=file],
.form-modal>div input[type=file] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.form-bg .form-content .form-calculate>div a,
.form-bg .form-content form>div a,
.form-bg .form-content>div a,
.form-modal .form-calculate>div a,
.form-modal form>div a,
.form-modal>div a {
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(51, 51, 51, .6);
    font-size: 14px;
    margin: 0 7.5px;
    height: 100%
}

.form-bg .form-content .form-calculate>div a:before,
.form-bg .form-content form>div a:before,
.form-bg .form-content>div a:before,
.form-modal .form-calculate>div a:before,
.form-modal form>div a:before,
.form-modal>div a:before {
    content: url(/assets/img/general/baseline-get_app-24px.svg);
    color: rgba(51, 51, 51, .6);
    fill: rgba(51, 51, 51, .6);
    position: absolute;
    margin-left: -25px;
    width: 20px;
    height: 20px
}

.form-bg .form-content .form-calculate>div .file__block,
.form-bg .form-content form>div .file__block,
.form-bg .form-content>div .file__block,
.form-modal .form-calculate>div .file__block,
.form-modal form>div .file__block,
.form-modal>div .file__block {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin: 10px 0
}

.form-bg .form-content .form-calculate>div .file__block--item,
.form-bg .form-content form>div .file__block--item,
.form-bg .form-content>div .file__block--item,
.form-modal .form-calculate>div .file__block--item,
.form-modal form>div .file__block--item,
.form-modal>div .file__block--item {
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #e8e8e9;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-bg .form-content .form-calculate>div .file__block--item-fill,
.form-bg .form-content form>div .file__block--item-fill,
.form-bg .form-content>div .file__block--item-fill,
.form-modal .form-calculate>div .file__block--item-fill,
.form-modal form>div .file__block--item-fill,
.form-modal>div .file__block--item-fill {
    height: 100%;
    width: 50%;
    background-color: #e8e8e9;
    position: absolute;
    z-index: 1
}

.form-bg .form-content .form-calculate>div .file__block--item__block,
.form-bg .form-content form>div .file__block--item__block,
.form-bg .form-content>div .file__block--item__block,
.form-modal .form-calculate>div .file__block--item__block,
.form-modal form>div .file__block--item__block,
.form-modal>div .file__block--item__block {
    width: 100%;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 20px;
    font-size: 14px;
    color: rgba(51, 51, 51, .5);
    line-height: 14px
}

.form-bg .form-content .form-calculate>div .file__block--item__block-name,
.form-bg .form-content form>div .file__block--item__block-name,
.form-bg .form-content>div .file__block--item__block-name,
.form-modal .form-calculate>div .file__block--item__block-name,
.form-modal form>div .file__block--item__block-name,
.form-modal>div .file__block--item__block-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 100%
}

.form-bg .form-content .form-calculate>div .file__block--item__block-name span,
.form-bg .form-content form>div .file__block--item__block-name span,
.form-bg .form-content>div .file__block--item__block-name span,
.form-modal .form-calculate>div .file__block--item__block-name span,
.form-modal form>div .file__block--item__block-name span,
.form-modal>div .file__block--item__block-name span {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.form-bg .form-content .form-calculate>div .file__block--item__block-tools,
.form-bg .form-content form>div .file__block--item__block-tools,
.form-bg .form-content>div .file__block--item__block-tools,
.form-modal .form-calculate>div .file__block--item__block-tools,
.form-modal form>div .file__block--item__block-tools,
.form-modal>div .file__block--item__block-tools {
    max-width: 30%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-bg .form-content .form-calculate>div .file__block--item__block-tools-btn,
.form-bg .form-content form>div .file__block--item__block-tools-btn,
.form-bg .form-content>div .file__block--item__block-tools-btn,
.form-modal .form-calculate>div .file__block--item__block-tools-btn,
.form-modal form>div .file__block--item__block-tools-btn,
.form-modal>div .file__block--item__block-tools-btn {
    width: 50px;
    height: 50px;
    position: relative;
    height: 100%;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form-bg .form-content .form-calculate>div .file__block--item__block-tools-btn button,
.form-bg .form-content form>div .file__block--item__block-tools-btn button,
.form-bg .form-content>div .file__block--item__block-tools-btn button,
.form-modal .form-calculate>div .file__block--item__block-tools-btn button,
.form-modal form>div .file__block--item__block-tools-btn button,
.form-modal>div .file__block--item__block-tools-btn button {
    margin: 0;
    border: none;
    outline: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    padding: 5px;
    width: 100%;
    height: 100%
}

.form-bg .form-content .form-calculate>div .file__block--item__block-tools-btn svg,
.form-bg .form-content form>div .file__block--item__block-tools-btn svg,
.form-bg .form-content>div .file__block--item__block-tools-btn svg,
.form-modal .form-calculate>div .file__block--item__block-tools-btn svg,
.form-modal form>div .file__block--item__block-tools-btn svg,
.form-modal>div .file__block--item__block-tools-btn svg {
    width: 14px;
    height: 14px
}

.form-modal {
    padding: 50px 100px 65px 100px
}

@media only screen and (max-width:1200px) {
    .form-bg {
        padding: 120px 100px
    }

    .form-bg .form-content,
    .form-modal {
        padding: 50px 70px
    }
}

@media only screen and (max-width:768px) {
    .form-bg {
        padding: 120px 0
    }

    .form-bg .form-content,
    .form-modal {
        padding: 20px 30px
    }

    .form-bg .form-content p.title,
    .form-modal p.title {
        font-size: 24px
    }

    .form-bg .form-content p,
    .form-bg .form-content p.title,
    .form-modal p,
    .form-modal p.title {
        margin-bottom: 10px
    }

    .form-bg .form-content form>div>div>button,
    .form-modal form>div>div>button {
        width: 100%;
        margin-top: 10px
    }

    .form-bg .form-content>.form>div>div.half,
    .form-bg .form-content>form>div>div.half,
    .form-modal>.form>div>div.half,
    .form-modal>form>div>div.half {
        width: 100%
    }

    .form-bg .form-content .form-calculate>div>div>button,
    .form-modal .form-calculate>div>div>button {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .form-bg {
        padding: 120px 0
    }

    .form-bg .form-content,
    .form-modal {
        padding: 50px 10px
    }

    .form-bg .form-content>form>div>div.half,
    .form-modal>form>div>div.half {
        width: 100%
    }

    .form-bg .form-content form>div textarea,
    .form-modal form>div textarea {
        height: 50px
    }

    .form-bg .form-content form>div>div>button,
    .form-modal form>div>div>button {
        padding: 15px;
        margin-top: 10px
    }

    .form-bg .form-content--form-mob,
    .form-modal--form-mob {
        padding: 0 20px
    }

    .file__block--item__block-name {
        width: 50%
    }

    .file__block--item__block-name span {
        width: 40%;
        position: absolute
    }
}

.form-horizontal {
    background-color: #f8f8f8;
    padding: 60px 0
}

.form-horizontal__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-horizontal__content,
.form-horizontal__text {
    width: 50%
}

.form-horizontal__text {
    padding-right: 50px
}

.form-horizontal__text-title {
    font-family: Montserrat, sans-serif;
    line-height: 1.33;
    font-size: 30px;
    margin-bottom: 20px
}

.form-horizontal__text-content {
    font-size: 18px;
    line-height: 1.67;
    margin-bottom: 40px
}

.form-horizontal__content>form>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-horizontal__content>form>div>div {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 7.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 65px
}

.form-horizontal__content>form>div div label {
    display: none
}

.form-horizontal__content>form>div div span {
    display: none;
    color: #fe3400;
    font-family: "PT Sans", sans-serif;
    font-style: italic;
    font-size: 12px;
    line-height: 15px
}

.form-horizontal__content>form>div div.half {
    width: 50%
}

.form-horizontal__content>form>div div.invalid {
    padding-bottom: 0
}

.form-horizontal__content>form>div div.invalid>input {
    border: 1px solid #fe3400
}

.form-horizontal__content>form>div div.invalid>input:focus {
    border: 1px solid #fe3400
}

.form-horizontal__content>form>div div.invalid>span {
    display: inline
}

.form-horizontal__content>form>div div.disabled {
    cursor: not-allowed;
    pointer-events: none
}

.form-horizontal__content>form>div div.disabled>label {
    color: rgba(51, 51, 51, .3);
    pointer-events: none
}

.form-horizontal__content>form>div div.disabled>label:before {
    fill: rgba(51, 51, 51, .3);
    pointer-events: none
}

.form-horizontal__content>form>div input {
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-horizontal__content>form>div input,
.form-horizontal__content>form>div textarea {
    font-size: 18px;
    width: 100%;
    color: #333;
    padding: 10px 20px;
    outline: 0;
    border: 1px solid #e8e8e9;
    caret-color: #fb8c00;
    width: 100%
}

.form-horizontal__content>form>div input:focus,
.form-horizontal__content>form>div input:hover,
.form-horizontal__content>form>div textarea:focus,
.form-horizontal__content>form>div textarea:hover {
    border: 1px solid #fb8c00
}

.form-horizontal__content>form>div input::-webkit-input-placeholder,
.form-horizontal__content>form>div textarea::-webkit-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-horizontal__content>form>div input::-moz-placeholder,
.form-horizontal__content>form>div textarea::-moz-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-horizontal__content>form>div input:-ms-input-placeholder,
.form-horizontal__content>form>div textarea:-ms-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-horizontal__content>form>div input::-ms-input-placeholder,
.form-horizontal__content>form>div textarea::-ms-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-horizontal__content>form>div input::placeholder,
.form-horizontal__content>form>div textarea::placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-horizontal__content>form>div input textarea,
.form-horizontal__content>form>div textarea textarea {
    height: 100%
}

.form-horizontal__content>form>div-contact,
.form-horizontal__content>form>div-name {
    width: 50%
}

.form-horizontal__content>form>div-about,
.form-horizontal__content>form>div-mail {
    width: 100%
}

.form-horizontal__content>form>div-name {
    padding-right: 8px
}

.form-horizontal__content>form>div-contact {
    padding-left: 8px
}

.form-horizontal__content>form>div textarea {
    height: 200px
}

.form-horizontal__content>form>div-button {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form-horizontal__content>form>div button {
    margin: 0 7.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-self: flex-end;
    outline: 0;
    padding: 10px 20px;
    font-size: 18px;
    border: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fb8c00;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.form-horizontal__content>form>div button:focus,
.form-horizontal__content>form>div button:hover {
    background-color: #fdb504
}

.form-horizontal__content>form>div .input-file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 30px
}

.form-horizontal__content>form>div .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form-horizontal__content>form>div .label label {
    display: block;
    font-size: 14px;
    color: rgba(51, 51, 51, .6);
    width: 100%;
    height: 50px;
    cursor: pointer
}

.form-horizontal__content>form>div .label label:before {
    content: url(/assets/img/general/baseline-attach_file-24px.svg);
    color: rgba(51, 51, 51, .6);
    position: absolute;
    width: 20px;
    height: 20px
}

.form-horizontal__content>form>div input[type=file] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.form-horizontal__content>form>div input[type=file]>a {
    color: #333;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(51, 51, 51, .6);
    font-size: 14px;
    height: 50px;
    margin: 0 7.5px
}

.form-horizontal__content>form>div input[type=file]>a:before {
    content: url(/assets/img/general/baseline-get_app-24px.svg);
    color: rgba(51, 51, 51, .6);
    fill: rgba(51, 51, 51, .6);
    position: absolute;
    margin-left: -25px;
    width: 20px;
    height: 20px
}

.form-horizontal__content>form>div input[type=file] .file__block {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin: 10px 0
}

.form-horizontal__content>form>div input[type=file] .file__block--item {
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #e8e8e9;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-horizontal__content>form>div input[type=file] .file__block--item-fill {
    height: 100%;
    width: 50%;
    background-color: #e8e8e9;
    position: absolute;
    z-index: 1
}

.form-horizontal__content>form>div input[type=file] .file__block--item__block {
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 20px;
    font-size: 14px;
    color: rgba(51, 51, 51, .5);
    line-height: 14px
}

.form-horizontal__content>form>div input[type=file] .file__block--item__block-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 100%
}

.form-horizontal__content>form>div input[type=file] .file__block--item__block-name span {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.form-horizontal__content>form>div input[type=file] .file__block--item__block-tools {
    max-width: 30%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-horizontal__content>form>div input[type=file] .file__block--item__block-tools-btn {
    width: 50px;
    height: 50px;
    position: relative;
    height: 100%;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form-horizontal__content>form>div input[type=file] .file__block--item__block-tools-btn button {
    margin: 0;
    border: none;
    outline: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    padding: 5px;
    width: 100%;
    height: 100%
}

.form-horizontal__content>form>div input[type=file] .file__block--item__block-tools-btn svg {
    width: 14px;
    height: 14px
}

@media only screen and (max-width:992px) {

    .form-horizontal__content,
    .form-horizontal__text {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .form-horizontal__content>form>div div.half {
        width: 100%
    }
}

.form-career {
    background-color: #f8f8f8;
    padding: 60px 0;
    margin-bottom: -60px
}

.form-career__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-career__text {
    width: 100%
}

.form-career__text-title {
    font-family: Montserrat, sans-serif;
    line-height: 1.33;
    font-size: 30px;
    margin-bottom: 20px
}

.form-career__text-content {
    font-size: 18px;
    line-height: 1.67;
    margin-bottom: 40px
}

.form-career__content>form>div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    justify-items: stretch
}

.form-career__content>form>div>div {
    height: 65px;
    grid-column: span 1;
    grid-row: span 1;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 7.5px
}

.form-career__content>form>div>div label {
    display: none
}

.form-career__content>form>div>div span {
    display: none;
    color: #fe3400;
    font-family: "PT Sans", sans-serif;
    font-style: italic;
    font-size: 12px;
    line-height: 15px
}

.form-career__content>form>div div.big {
    grid-column: span 2;
    grid-row: span 4;
    width: 100%;
    height: 100%
}

.form-career__content>form>div div.invalid {
    padding-bottom: 0
}

.form-career__content>form>div div.invalid>input {
    border: 1px solid #fe3400
}

.form-career__content>form>div div.invalid>input:focus {
    border: 1px solid #fe3400
}

.form-career__content>form>div div.invalid>span {
    display: inline
}

.form-career__content>form>div div.disabled {
    cursor: not-allowed;
    pointer-events: none
}

.form-career__content>form>div div.disabled>label {
    color: rgba(51, 51, 51, .3);
    pointer-events: none
}

.form-career__content>form>div div.disabled>label:before {
    fill: rgba(51, 51, 51, .3);
    pointer-events: none
}

.form-career__content>form>div input,
.form-career__content>form>div textarea {
    font-size: 18px;
    width: 100%;
    height: 100%;
    color: #333;
    padding: 10px 20px;
    outline: 0;
    border: 1px solid #e8e8e9;
    caret-color: #fb8c00
}

.form-career__content>form>div input:focus,
.form-career__content>form>div input:hover,
.form-career__content>form>div textarea:focus,
.form-career__content>form>div textarea:hover {
    border: 1px solid #fb8c00
}

.form-career__content>form>div input::-webkit-input-placeholder,
.form-career__content>form>div textarea::-webkit-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-career__content>form>div input::-moz-placeholder,
.form-career__content>form>div textarea::-moz-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-career__content>form>div input:-ms-input-placeholder,
.form-career__content>form>div textarea:-ms-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-career__content>form>div input::-ms-input-placeholder,
.form-career__content>form>div textarea::-ms-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-career__content>form>div input::placeholder,
.form-career__content>form>div textarea::placeholder {
    color: rgba(51, 51, 51, .5)
}

.form-career__content>form>div input {
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-career__content>form>div textarea {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px
}

.form-career__content>form>div button {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-self: flex-end;
    outline: 0;
    padding: 10px 20px;
    font-size: 18px;
    border: none;
    background-color: #fb8c00;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.form-career__content>form>div button:focus,
.form-career__content>form>div button:hover {
    background-color: #fdb504
}

.form-career__content>form>div .input-file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 50px;
    margin: 0 7.5px 15px 7.5px
}

.form-career__content>form>div .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.form-career__content>form>div>.label label {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 14px;
    color: #fb8c00;
    width: 100%;
    cursor: pointer;
    margin-left: 25px
}

.form-career__content>form>div>.label label:before {
    content: url(/assets/img/general/baseline-attach_file-24px.svg);
    color: #fb8c00;
    position: absolute;
    margin-left: -25px;
    width: 20px;
    height: 20px
}

.form-career__content>form>div input[type=file] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.form-career__content>form>div a {
    color: #333;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(51, 51, 51, .6);
    font-size: 14px;
    height: 50px;
    margin: 0 7.5px
}

.form-career__content>form>div a:before {
    display: none
}

.form-career__content>form>div .file__block {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin: 10px 0
}

.form-career__content>form>div .file__block--item {
    width: 100%;
    height: 40px;
    border: 1px solid #e8e8e9;
    margin-bottom: 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-career__content>form>div .file__block--item-fill {
    height: 100%;
    width: 50%;
    background-color: #e8e8e9;
    position: absolute;
    z-index: 1
}

.form-career__content>form>div .file__block--item__block {
    padding: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(51, 51, 51, .5);
    line-height: 14px
}

.form-career__content>form>div .file__block--item__block-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 65%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 100%;
    white-space: nowrap
}

.form-career__content>form>div .file__block--item__block-tools {
    max-width: 30%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-career__content>form>div .file__block--item__block-tools-btn {
    width: 50px;
    height: 50px;
    position: relative;
    height: 100%;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form-career__content>form>div .file__block--item__block-tools-btn button {
    margin: 0;
    border: none;
    outline: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    padding: 5px;
    width: 100%;
    height: 100%
}

.form-career__content>form>div .file__block--item__block-tools-btn svg {
    width: 14px;
    height: 14px
}

@media only screen and (max-width:992px) {
    .form-career__content>form>div {
        grid-template-columns: repeat(2, 1fr)
    }

    .form-career__content>form>div div.big {
        grid-column: span 1
    }
}

@media only screen and (max-width:480px) {
    .form-career__content>form>div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.our-works {
    margin: 40px 0;
    padding: 40px 0
}

.our-works__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33.33333%
}

.our-works__content {
    margin: 40px 0;
    color: #333;
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    line-height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.our-works__content--item {
    text-decoration: none;
    width: 100%;
    padding: 20px 20px 40px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.our-works__content--item:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.our-works__content--item:hover h3 {
    color: #fb8c00
}

.our-works__content--item img {
    width: 100%
}

.our-works__content--item__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px
}

.our-works__content--item__header .our-works__content--item__title {
    font-size: 25px;
    color: #333;
    font-family: Montserrat, sans-serif;
    margin: 0 20px 0 0;
    white-space: normal;
    overflow: hidden;
    max-width: 70%;
    word-wrap: break-word
}

.our-works__content--item__header .snippet {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background-color: rgba(51, 51, 51, .5);
    height: 20px;
    padding: 0 10px;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    letter-spacing: .8px
}

.our-works__content--item .our-works__content--item__subtitle {
    font-size: 12px;
    color: rgba(51, 51, 51, .5);
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    margin: 0;
    line-height: 2;
    padding-bottom: 5px
}

.our-works__content--item p {
    font-size: 18px;
    color: #333;
    font-family: "PT Sans", sans-serif;
    line-height: 1.67;
    letter-spacing: normal
}

@media only screen and (max-width:1200px) {
    .our-works__content {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .our-works__content--item {
        width: 340px
    }

    .our-works__wrap {
        width: 50%
    }

    .our-works__wrap:last-child {
        display: none
    }
}

@media only screen and (max-width:992px) {
    .our-works__content--item {
        width: 320px
    }
}

@media only screen and (max-width:768px) {
    .our-works__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .our-works__content--item {
        width: 100%
    }

    .our-works__wrap {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .our-works__content--item:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.rewiews,
.rewiews-page {
    background-color: #f8f8f8;
    padding: 40px 0
}

.rewiews-page__content,
.rewiews__content {
    margin: 40px 0;
    color: #333;
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    line-height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rewiews-page__content-wrap,
.rewiews__content-wrap {
    margin: 40px 0;
    color: #333;
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    line-height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 40px 0
}

.rewiews-page__content-wrap__width,
.rewiews__content-wrap__width {
    width: 33.33333%;
    min-width: 365px;
    margin: 20px 0
}

.rewiews-page__content-wrap--item,
.rewiews__content-wrap--item {
    margin: 0 auto;
    width: 355px;
    height: 100%;
    min-height: 580px
}

.rewiews-page__content--item,
.rewiews-page__content-wrap--item,
.rewiews__content--item,
.rewiews__content-wrap--item {
    width: 350px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    background-color: #fff;
    padding: 10px 30px 30px 30px
}

.rewiews-page__content--item__img,
.rewiews-page__content-wrap--item__img,
.rewiews__content--item__img,
.rewiews__content-wrap--item__img {
    width: 100%;
    height: 140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rewiews-page__content--item__img img,
.rewiews-page__content-wrap--item__img img,
.rewiews__content--item__img img,
.rewiews__content-wrap--item__img img {
    max-width: 100%;
    max-height: 100%
}

.rewiews-page__content--item__header,
.rewiews-page__content-wrap--item__header,
.rewiews__content--item__header,
.rewiews__content-wrap--item__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px
}

.rewiews-page__content--item__title,
.rewiews-page__content-wrap--item__title,
.rewiews__content--item__title,
.rewiews__content-wrap--item__title {
    font-size: 18px;
    color: #333;
    font-family: "PT Sans", sans-serif;
    font-weight: 700
}

.rewiews-page__content--item__body,
.rewiews-page__content-wrap--item__body,
.rewiews__content--item__body,
.rewiews__content-wrap--item__body {
    font-size: 18px;
    color: #333;
    font-family: "PT Sans", sans-serif;
    line-height: 1.67;
    letter-spacing: normal;
    padding-bottom: 20px
}

.rewiews-page__content button,
.rewiews-page__content-wrap button,
.rewiews__content button,
.rewiews__content-wrap button {
    border: none;
    background: 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: rgba(51, 51, 51, .5);
    font-size: 14px;
    text-decoration: none;
    cursor: pointer
}

.rewiews-page__content button:hover,
.rewiews-page__content-wrap button:hover,
.rewiews__content button:hover,
.rewiews__content-wrap button:hover {
    color: #fb8c00
}

.rewiews-page {
    padding: 30px 0
}

.rewiews-page .rewiews__content-wrap {
    margin: 0
}

@media only screen and (max-width:1345px) {
    .rewiews__content-wrap__width {
        width: 50%
    }
}

@media only screen and (max-width:1200px) {
    .rewiews__content--item {
        width: 340px
    }

    .rewiews__content--item:last-child {
        display: none
    }
}

@media only screen and (max-width:992px) {
    .rewiews__content--item {
        width: 320px
    }
}

@media only screen and (max-width:805px) {
    .rewiews__content-wrap__width {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .rewiews__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .rewiews__content--item {
        width: 100%
    }

    .rewiews__content--item:first-child {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:480px) {
    .rewiews__content-wrap {
        margin: -60px -5%
    }

    .rewiews__content-wrap--item {
        width: 104%;
        margin: 0;
        margin-left: -2%
    }

    .rewiews__content--item img {
        width: 120%;
        margin-left: -10%
    }

    .rewiews-page__content-wrap {
        min-width: 0
    }
}

.dev-process {
    background-color: #fff;
    margin: 40px 0;
    padding: 40px 0
}

.dev-process__content {
    width: 100%;
    color: #333;
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding: 40px 0
}

.dev-process__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 150px
}

.dev-process__item-text {
    padding: 0 0 30px 30px
}

.dev-process__item-text li {
    font-weight: 700;
    padding-bottom: 10px;
    margin-left: 1em
}

.dev-process__item-graph {
    position: relative
}

.dev-process__item-line {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: 50%;
    margin-top: 30%;
    border-left: dashed 4px #f8f8f8;
    z-index: 0
}

.dev-process__item-line-mob {
    display: none
}

.dev-process__item-loop,
.dev-process__item-loop2 {
    position: absolute;
    width: 150px;
    height: 120px;
    margin-left: -77%;
    margin-top: -55%;
    border: dashed 4px #f8f8f8;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dev-process__item-loop2 {
    height: 200px;
    margin-top: -130%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.dev-process__item-unloop {
    position: absolute;
    width: 150px;
    height: 100%;
    margin-left: -77%;
    margin-top: 55%;
    border-left: dashed 4px #f8f8f8;
    border-top: dashed 4px #f8f8f8
}

.dev-process__item-in {
    position: absolute;
    width: 150px;
    height: 150%;
    margin-left: -77%;
    margin-top: -160%;
    border-left: dashed 4px #f8f8f8;
    border-bottom: dashed 4px #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.dev-process__item-in2 {
    position: absolute;
    width: 150px;
    height: 100%;
    margin-left: -77%;
    margin-top: -120%;
    border-left: dashed 4px #f8f8f8;
    border-bottom: dashed 4px #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.dev-process__item-in3 {
    position: absolute;
    width: 150px;
    height: 100%;
    margin-left: -50%;
    margin-top: -140%;
    border-left: dashed 4px #f8f8f8;
    border-bottom: dashed 4px #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.dev-process__item-arrows {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 0 20px 0
}

.dev-process__item-arrows .icon {
    fill: #dadada;
    color: #dadada;
    width: 16px;
    height: 16px
}

.dev-process__item-loop,
.dev-process__item-unloop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.dev-process__item-loop p,
.dev-process__item-unloop p {
    font-size: 12px;
    color: #dadada;
    font-weight: 700;
    text-transform: uppercase;
    width: 60%;
    margin: 5px;
    line-height: 15px
}

.dev-process__item-icon {
    z-index: 1;
    position: relative;
    width: 120px;
    height: 120px;
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dev-process__item-icon img,
.dev-process__item-icon svg {
    width: 64px;
    height: 64px
}

.dev-process__item-custom {
    margin: 40px 0 40px 150px
}

@media only screen and (max-width:768px) {
    .dev-process__item-custom {
        margin: 0
    }

    .dev-process__item-line-mob {
        display: inline
    }

    .dev-process__item-loop,
    .dev-process__item-unloop {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .dev-process__item-custom {
        margin: 0
    }

    .dev-process__item-icon {
        width: 60px;
        height: 60px;
        background-color: #f8f8f8;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .dev-process__item-icon svg {
        width: 32px;
        height: 32px
    }

    .dev-process__item-line {
        border-left: dashed 2px #f8f8f8
    }

    .dev-process__item-line-mob {
        display: inline
    }

    .dev-process__item-loop,
    .dev-process__item-unloop {
        display: none
    }
}

.blog-populars {
    background-color: #fff;
    padding: 40px 0
}

.blog-populars__content {
    width: 100%;
    color: #333;
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    line-height: 30px
}

@media only screen and (max-width:480px) {
    .blog-populars__title h1 {
        line-height: 40px;
        font-size: 30px
    }
}

.about-us-write {
    width: 100%;
    background-color: #fff
}

.about-us-write__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.about-us-write__item {
    margin: 10px;
    margin-bottom: 20px;
    color: #333;
    text-decoration: none;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    letter-spacing: .8px;
    width: 14.8%;
    min-width: 160px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.about-us-write__item:hover {
    color: #fb8c00
}

.about-us-write__img {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 160px;
    height: 160px
}

.about-us-write__img img {
    width: 100%
}

.about-us-write__subtitle {
    padding: 20px 0
}

@media only screen and (max-width:768px) {
    .about-us-write__body {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .about-us-write__img {
        width: 120px;
        height: 120px
    }
}

.blog__item {
    padding: 15px;
    margin: 15px 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    color: #333
}

.blog__item:hover {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    cursor: pointer
}

.blog__item:hover h4 {
    color: #fb8c00
}

.blog__item--img {
    width: 35%
}

.blog__item--img img {
    width: 100%
}

.blog__item--body {
    width: 58%
}

.blog__item--body-title {
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.33;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 15px
}

.blog__item--body h6 {
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    line-height: 2.14;
    color: rgba(51, 51, 51, .5);
    margin: 10px 0 30px 10px;
    font-weight: 400
}

.blog__item--body p {
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    line-height: 1.5;
    color: #333
}

@media only screen and (max-width:992px) {
    .blog__item--img {
        width: 30%
    }

    .blog__item--body {
        width: 65%
    }

    .blog__item--body-text {
        font-size: 18px
    }
}

@media only screen and (max-width:480px) {
    .blog__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blog__item:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .blog__item--img {
        width: 120%;
        margin-left: -10%
    }

    .blog__item--body {
        width: 100%
    }

    .blog__item--body-title {
        font-size: 24px;
        line-height: 32px
    }
}

.devices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.devices-item {
    width: 50%
}

.devices-content {
    max-width: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.devices-img {
    padding: 32px
}

.devices-img img {
    width: 68px;
    height: 68px
}

.devices-title {
    text-align: center
}

.devices-line {
    width: 40px;
    height: 2px;
    margin: 20px;
    background-color: #fb8c00
}

.devices-text {
    text-align: center
}

.icons-vertical {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.icons-vertical__item {
    width: 100%;
    padding: 30px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.icons-vertical__icon {
    width: 20%;
    min-width: 120px
}

.icons-vertical__icon-bg {
    height: 120px;
    width: 120px;
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.icons-vertical__icon-bg svg {
    width: 64px;
    height: 64px
}

.icons-vertical__body {
    padding-left: 30px;
    width: 80%;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700
}

.icons-vertical__body span {
    font-weight: 400
}

.icons-horisontal {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.icons-horisontal__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 120px;
    margin: 20px
}

.icons-horisontal__icon {
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    background-color: #f8f8f8
}

.icons-horisontal__icon svg {
    width: 64px;
    height: 64px
}

.icons-horisontal__text {
    font-size: 18px
}

@media only screen and (max-width:560px) {
    .icons-horisontal {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.why-woxapp {
    background-color: #fff;
    padding: 40px 0
}

.why-woxapp .why-woxapp__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.why-woxapp__long-photo {
    width: 33%;
    margin-right: 5%;
    position: relative
}

.why-woxapp__long-photo img {
    max-width: 342px;
    position: absolute;
    width: 100%;
    max-height: 1700px
}

.why-woxapp__info {
    width: 62%
}

.why-woxapp__title {
    padding-bottom: 10px
}

.why-woxapp__list {
    padding-bottom: 30px
}

.why-woxapp__stats {
    width: 106%;
    height: 730px;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 41%;
    padding-top: 80px;
    padding: 80px 100px 0 41%;
    margin-left: -3%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.why-woxapp__stats--decoration {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50%
}

.why-woxapp__stats--decoration__rotated {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.why-woxapp__stats--decoration__line {
    margin: 0 1em;
    height: 3px;
    width: 2em;
    background-color: #fb8c00
}

.why-woxapp__stats--decoration__text {
    float: left;
    display: inline
}

.why-woxapp__stats--row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 100px
}

.why-woxapp__stats--column {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100px
}

.why-woxapp__stats .with-border {
    border-left: 1px solid rgba(255, 255, 255, .07)
}

.why-woxapp__stats--subtitle,
.why-woxapp__stats--text,
.why-woxapp__stats--title {
    font-family: "PT Sans", sans-serif
}

.why-woxapp__stats--title {
    font-weight: 100;
    text-align: center;
    font-size: 64px;
    line-height: 78px;
    letter-spacing: normal;
    color: #fb8c00
}

.why-woxapp__stats--title span {
    font-size: 36px
}

.why-woxapp__stats--subtitle {
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px
}

.why-woxapp__stats--text {
    padding: 0 15%;
    text-align: center;
    color: #fff
}

.why-woxapp__team {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: -50px
}

.why-woxapp__team--info {
    width: 33%;
    color: #333;
    margin-right: 5%;
    padding-right: 4%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 30px
}

.why-woxapp__team--photo {
    width: 58%
}

.why-woxapp__team--photo img {
    width: 100%
}

.why-woxapp__team--title {
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

.why-woxapp__team--text {
    font-size: 18px;
    margin-top: 10px
}

.why-woxapp__team--line {
    height: 2px;
    width: 2em;
    background-color: #fb8c00;
    margin: 10px 0
}

@media only screen and (max-width:1200px) {
    .why-woxapp__stats--text {
        padding: 0 5%
    }
}

@media only screen and (max-width:992px) {
    .why-woxapp__team--info {
        padding: 0;
        width: 37%;
        margin-right: 4%
    }
}

@media only screen and (max-width:768px) {
    .why-woxapp__long-photo {
        width: 37%;
        margin-right: 3%
    }

    .why-woxapp__long-photo img {
        max-height: 1168px
    }

    .why-woxapp__title {
        padding-bottom: 0
    }

    .why-woxapp__list {
        padding-bottom: 0;
        margin-top: -25px
    }

    .why-woxapp__stats {
        width: 120%;
        height: 500px;
        margin: 0 -10%;
        padding: 20px 10%
    }

    .why-woxapp__stats--decoration {
        height: 60%;
        width: 20%
    }

    .why-woxapp__stats--row {
        margin: 30px 0
    }

    .why-woxapp__team {
        margin-top: -20px
    }

    .why-woxapp__team--info {
        padding-top: 30px;
        line-height: 25px
    }
}

@media only screen and (max-width:480px) {
    .why-woxapp__long-photo {
        display: none
    }

    .why-woxapp__title {
        padding-bottom: 10px
    }

    .why-woxapp__info {
        width: 100%
    }

    .why-woxapp__stats {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .why-woxapp__stats--decoration {
        display: none
    }

    .why-woxapp__stats--column {
        width: 100%
    }

    .why-woxapp__stats .with-border {
        display: none
    }

    .why-woxapp__team {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .why-woxapp__team--info {
        width: 50%
    }

    .why-woxapp__team--photo {
        width: 100%
    }

    .why-woxapp__team--photo img {
        width: 100%
    }
}

.what-first {
    margin: 30px auto
}

.what-first__item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    font-family: "PT Sans", sans-serif;
    margin-bottom: 50px
}

.what-first__question {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    border: none;
    outline: 0;
    background: 0 0;
    text-align: left
}

.what-first__question-icon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 30px
}

.what-first__question-icon svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 20px;
    height: 20px
}

.what-first__answer {
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 65px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow-y: hidden;
    height: 0;
    opacity: 0
}

.what-first__answer ul {
    padding-left: 25px
}

.what-first__answer ul li {
    padding-left: 10px
}

.active .what-first__question-icon svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.active .what-first__answer {
    height: auto;
    opacity: 1
}

@media only screen and (max-width:480px) {
    .what-first__question-icon {
        margin-right: 10px
    }
}

.mob {
    display: none
}

.mob__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    border: none;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.mob__btn>svg {
    fill: #fff;
    width: 24px;
    height: 24px
}

@media only screen and (max-width:800px) {
    .mob {
        display: block
    }
}