@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic.eot');
    src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSans-Bold.woff') format('woff'),

        url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSans-Semibold.woff') format('woff'),

        url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSansLight-Italic.woff') format('woff'),

        url('../fonts/OpenSansLight-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'),

        url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSans.woff') format('woff'),

        url('../fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSans-Extrabold.woff') format('woff'),

        url('../fonts/OpenSans-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSans-Italic.woff') format('woff'),

        url('../fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSans-ExtraboldItalic.woff') format('woff'),

        url('../fonts/OpenSans-ExtraboldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSans-Light.woff') format('woff'),

        url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Semibold.woff') format('woff'),
        url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraboldItalic.eot');
    src: url('../fonts/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-ExtraboldItalic.woff') format('woff'),
        url('../fonts/OpenSans-ExtraboldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Italic.woff') format('woff'),
        url('../fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Extrabold.eot');
    src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Extrabold.woff') format('woff'),
        url('../fonts/OpenSans-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans.woff') format('woff'),
        url('../fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiboldItalic.eot');
    src: url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'),
        url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSansLight-Italic.eot');
    src: url('../fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSansLight-Italic.woff') format('woff'),
        url('../fonts/OpenSansLight-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.main-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .main-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .main-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .main-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .main-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .main-carousel .owl-item img {
    display: block;
    // width: 100%;
    -webkit-transform-style: preserve-3d; }
  .main-carousel .owl-nav.disabled,
  .main-carousel .owl-dots.disabled {
    display: none; }
  .main-carousel .owl-nav .owl-prev,
  .main-carousel .owl-nav .owl-next,
  .main-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .main-carousel.owl-loaded {
    display: block; }
  .main-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .main-carousel.owl-hidden {
    opacity: 0; }
  .main-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .main-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .main-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .main-carousel.owl-rtl {
    direction: rtl; }
  .main-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .main-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.main-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.main-carousel .owl-animated-in {
  z-index: 0; }

.main-carousel .owl-animated-out {
  z-index: 1; }

.main-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.main-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.main-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.main-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.main-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease; }

.main-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.main-carousel .owl-video-playing .owl-video-tn,
.main-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.main-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.main-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.facts-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .facts-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .facts-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .facts-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .facts-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .facts-carousel .owl-item img {
    display: block;
    // width: 100%;
    -webkit-transform-style: preserve-3d; }
  .facts-carousel .owl-nav.disabled,
  .facts-carousel .owl-dots.disabled {
    display: none; }
  .facts-carousel .owl-nav .owl-prev,
  .facts-carousel .owl-nav .owl-next,
  .facts-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .facts-carousel.owl-loaded {
    display: block; }
  .facts-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .facts-carousel.owl-hidden {
    opacity: 0; }
  .facts-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .facts-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .facts-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .facts-carousel.owl-rtl {
    direction: rtl; }
  .facts-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .facts-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.facts-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.facts-carousel .owl-animated-in {
  z-index: 0; }

.facts-carousel .owl-animated-out {
  z-index: 1; }

.facts-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.facts-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.facts-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.facts-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.facts-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease; }

.facts-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.facts-carousel .owl-video-playing .owl-video-tn,
.facts-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.facts-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.facts-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

body {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
}

h2 {
    color: #00aeff;
    font-size: 45px;
    margin: 100px 0;
    text-transform: uppercase;
    font-weight: 400;
}

img {
    width: 100%;
}

a {
    cursor: pointer;
}

.btn {
    width: 380px;;
    height: 60px;
    background: #00aeff;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin-top: 25px;
    margin-right: 15%;
    text-align: center;
    line-height: 55px;
    float: right;
    -webkit-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
}

.btn:hover {
    color: #fff;
    background-color: #009ae2;
}
.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.container {
    width: 100%;
}
.visible {
    display: flex !important;
}


a:hover {
    color: #00aeff;
}

.tab-list-item:active,
.btn:active {
    background-color: #0299df;
}

.clearfix {
    clear: both;
}

.main {
    background-image: url('../img/main.png');
}

.section-content {
    width: calc(100% - 210px);
    float: right;
    height: 100%;
}

.content {
    width: 100%;
    height: 980px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.news
{
    height:  100%;
}
.left-nav {
    width: 210px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.36);
    height: 100%;
    z-index: 100;;
}

.head-logo {
    text-align: center;
    margin-top: 63px;
}
.head-logo img {
    width: 60%;
}

.left-menu,
#sub-menu {
    margin-top: 30%;;
    list-style: none;
}

.left-menu li,
#sub-menu li {
    text-transform: uppercase;
    margin: 21px 0;;
}

.left-menu li a,
#sub-menu li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    display: block;
}

#sub-menu {
    margin-top: 0;
    transition: all .1s;
    padding-left: 15px;
    position: fixed;
    left: 210px;
    height: 100%;
    background-color: rgba(0,0,0, 0.36);
    top: 0;
    flex-direction: column;
    display: none;

}


#sub-menu li {
    margin: 6px 0;;
    height: 40px;
    line-height: 40px;;

}

#sub-menu li a:hover {
    background-color: #00aeff;
    color: #fff;
}

#sub-menu li a {
    font-size: 13px;
    height: 100%;
    padding: 0 20px;

}

.left-menu li a.active,
.language a.active {
    font-weight: 600;
    color: #0384bf;
}

.language {
    font-size: 14px;
    display: inline-block;
}

.right-menu .language a {
    display: inherit;
}

.left-menu li a i {
    color: #85878b;
}

.contacts {
    height: 180px;
    position: absolute;
    bottom: 0;
    width: 210px;;
}

.phone {
    width: 128px;
    margin: 0 auto;
}
.phone a{
    color: #ababab;
    font-size: 16px;
    margin: 0;
}

.phone a:hover {
    color: #337ab7;
}

.copyright {
    font-size: 14px;
    color: #ababab;
    width: 128px;
    margin: 0 auto;
    margin-top: 20px;;
}

.language {
    width: 128px;
    margin: 0 auto;
    margin-top: 20px;
}

.language a {
    color: #ababab;
    
}

.social {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 128px;
    margin: 0 auto;
    margin-top: 20px;
}

.social-item {
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
}

.social-item:nth-child(1) {
    background-image: url('../img/fb.png');
}

.social-item:nth-child(2) {
    background-image: url('../img/twitter.png');
}

.social-item:nth-child(3) {
    background-image: url('../img/insta.png');
}

.social-item:nth-child(4) {
    background-image: url('../img/vk.png');
}

.social-item:hover:nth-child(1) {
    background-image: url('../img/fb-blue.png');
}

.social-item:hover:nth-child(2) {
    background-image: url('../img/twitter-blue.png');
}

.social-item:hover:nth-child(3) {
    background-image: url('../img/insta-blue.png');
}

.social-item:hover:nth-child(4) {
    background-image: url('../img/vk-blue.png');
}
.head-text {
    text-align: center;
    width: 80%;
    position: static;
    margin: 0 auto;
    margin-top: 20%;
}
.modal_close
{
    width: 29px;
    height: 29px;
    float: right;
    margin-right: 10px;
    margin-top: 15px;
    background-image: url('../img/modal-close.png');
}
.head-text h1 {
    color: #fff;
    font-weight: bold;
    font-size: 50px;
    margin: 0;
}

.head-text h1 strong {
    color: #00aeff;
    font-size: 70px;
}

.head-text h3 {
    color: #fff;
    font-weight: 300;
    margin: 0;
    font-size: 30px;
    
}

.tabs-list {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: calc(100% - 210px);
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    padding-left: 0;
} 

.tab-list-item {
    color: #fff;
    width: 33.3333333%;
    text-align: center;
    float: right;
    height: 180px;
    display: table;;;;
} 

.tab-list-item:hover,
.tab-list-item.active {
    background-color: #00aeff;
    cursor: pointer;
}

.tab-list-item p {
    padding: 0px 20px;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.atmosphere
{
    margin-top: 100px;
}
.atmosphere_main-picture, .atmosphere_upper-picture , .atmosphere_lower-picture
{
    width: 50%;
    overflow: hidden;
    opacity:25;
}
.doit_btn-picture
{
    width: 73%;
    overflow: hidden;
    opacity:25;
}
.hide{
    display: none;
}
.part_of-us
{
    color: #333;
    text-align: center;
}
.atmosphere_pictures
 {
    display: -webkit-box;
    margin-top: 12%;
 }
.atmosphere_pictures img:hover
{
    opacity: 0.35;
}

.tab-list-item:last-child {
    text-align: left;
    font-size: 16px;
}

.tab-list-item:last-child p {
/*    text-transform: none;*/
}
.tab-list-item:last-child strong {
    text-transform: uppercase;
}
.title {
    margin-left: 5%;
    display: inline-block;
} 

.facts-item {
    border-left: 10px solid #f3f3f3;
    border-right: 10px solid #f3f3f3;
    padding-left: 37px;
    margin-bottom: 123px;
    position: relative;
    height: 178px;;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    width: 80%;    
    min-height: 210px;
} 

.facts-item span:after {
    content: '';
    position: absolute;
    width: 110px;
    height: 101px;
    background-color: #f9f9f9;
    left: -28px;
    z-index: -1;
    bottom: -13px;
    opacity: 0.7;
}

.facts-item:hover,
.service-item:hover {
    border-color: #00aeff;
    cursor: pointer;
}

.facts-item:hover > p:before {
    background-color: #00aeff;
}

.facts-item p,
.comerc-item p {
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: bold;
    color: #696969;
    text-transform: uppercase;
}

.facts-item p:before,
.service-item p:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 11px;
    background-color: #f3f3f3;
    top: 0;
    left: 3px;
}

.facts-item p:after,
.service-item p:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 11px;
    background-color: #00aeff;
    top: 0;
    right: 3px;
}

.facts-item span {
    font-size: 16px;
    color: #ababab;
    
}
.vacancy-block-blue
{
    height: 980px;
    background-color: #00aeff;
}
.vacancy-block-blue h2
{
    color: #ffffff;
}
.vacancy-block-blue p
{
    color: #ffffff;
}

.work {
    background-image: url('../img/work.png');
    background-position-x: 0;;
}

.work .title {
    margin-left: 0;
    margin-right: 15%;
    text-align: right;
    display: block;
}

.work .title h2 {
    color: #fff;
    margin-bottom: 0;
}

.work .title p {
    color: #00aeff;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 115px;

}

.news-list {
    margin-top: -60px; 
    width: 100%;
    text-align: center;
} 

.news-arrow {
    background-image: url('../img/arrowr.png');
    height: 18px;
    background-repeat: no-repeat;
}
.navigate-arrow {
    background-image: url(../img/arrow.png);
    height: 18px;
    margin-left: 74px;
    background-repeat: no-repeat;
}
.navigate_back-arrow {
    position: absolute;
    background-image: url(../img/arrow_back.png);
    width: 70px;
    height: 18px;
    background-repeat: no-repeat;
}
.news-list-item {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 90px;
    height: 100%;
} 

.news-list-item p {
    margin-top: 0;
    font-weight: bold;
    color: #696969;
    text-transform: uppercase;
}

.news-list-item:hover {
    cursor: pointer;
}

.news-list-item:hover p {
    color: #00aeff;
}

.news-list-item:hover .news-arrow {
    background-image: url('../img/arrowh.png');
}

.news-list-item span {
    font-size: 16px;
    color: #ababab;
    line-height: 11px;;

}

.news-date {
    color: #696969;
    font-size: 16px;
} 


.footer-pre {
    display: block;
    width: calc(100% - 210px);
    height: 60px;
    background-color: #00aeff;
    -moz-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.42);
    position: relative;
}


.footer-pre i {
    position: absolute;
    left: -webkit-calc(50% - 12.5px);
    z-index: 100;
    top: -25px;
    color: #3b3b3b;
}


.footer-pre:after {
    content: '';
    position: absolute;
    width: 82px;
    height: 82px;
    background-color: #00aeff;
    border-radius: 41px;
    left: calc(50% - 41px);
    top: -28px;
    -moz-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.42);
}


.footer-pre:before {
    position: absolute;
    width: 82px;
    height: 41px;
    left: calc(50% - 41px);
    background-color: #00aeff;
    z-index: 100;
    top: 10px;
}


.footer {
    display: none;
    background-color: #00aeff;
    height: 100%;
    padding-bottom: 120px;
    float: right;
    width: calc(100% - 210px);
}


i.up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    zoom: 1;
}


.bottom-menu {
    color: #fff;
    font-weight: 600;
    vertical-align: top;
}

.bottom-menu a {
    font-size: 16px;
    color: #c9e9ef;
    font-weight: 400;
    text-transform: uppercase;
}

.bottom-menu a:hover {
    color:  #fff;
}

footer {
    position: relative;
}

.footer {
    background-image: url('../img/footer-bg.jpg');
    background-position: center center;
}
.footer .container {
    justify-content: space-around;
    width: 100%;
    display: flex;
}
.shop-main {
    background-image: url('../img/shop.png');
}

.shop-main .head-text {
    width: auto;
    left: -webkit-calc(50% - 150px);
    left: -webkit-calc(50% - 215px);
    top: 250px;;
}

.shop-main h1 {
    font-size: 50px;
    color: #00aeff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.shop-main .head-text p {
    font-size: 22px;
    color: #fff;
}

.shop-main .head-text p:nth-child(3) {
    text-transform: uppercase;
    font-weight: 400;
}

.shop-main .head-text p:nth-child(4) {
    color: #00aeff;
}

.scroll-shop {
    background: url('../img/mouse.png') center center no-repeat;
    position: absolute;
    height: 60px;
    animation: mymove .8s infinite;
    width: 37px;
    left: calc(50% - -80px);
    bottom: 160px;
}

@-webkit-keyframes mymove {
    from {
        bottom: 167px;
    }

    to {
        bottom: 160px;
    }
}

@keyframes mymove {
    from {
        bottom: 167px;
    }

    to {
        bottom: 160px;
    }
}

.help .title h2 {
    margin-bottom: 0;
}

.help .title p {
    margin-right: 10%;
    margin-bottom: 70px;
}

.help .facts-item {
    height: 100%;
    padding-right: 80px;
    margin-bottom: 0;
    margin-left: 10%;;
}

.help .facts-item ul {
    list-style: none;
}

.help .facts-item ul:before {
    content: '';
    position: absolute;
    width: 280px;
    height: 257px;
    background-color: #f9f9f9;
    opacity: .7;
    left: -75px;
    z-index: -1;
    bottom: -80px;

}

.help .facts-item ul li,
.help .comerc-item ul li {
    color: #696969;
    margin: 13px 0;
    font-size: 16px;
}
.help .facts-item ul li:before,
.help .comerc-item ul li:before {
    content: '';
    position: absolute;
    width: 12px;
    border-radius: 20px;
    height: 12px;
    background-color: #00aeff;
    left: 52px;
    margin-top: 7px;
}

.help .comerc-item {
    background-color: #f9f9f9;
    width: 515px;
    margin-top: 100px;
    position: relative;
    padding: 40px 74px 37px 47px;
    float: right;
    margin-right: 15%;
}

.help .comerc-item:after {
    content: '';
    position: absolute;
    width: 110px;
    height: 101px;
    border: 1px solid #e1e1e1;
    right: -72px;
    top: -55px;
}

.help .comerc-item ul {
    list-style: none;
}

.help .btn {
    margin-right: 19%;
    line-height: 28px;
    -webkit-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
}
.mail_to:hover
{
    text-decoration: underline;
}
.career_btn
{

    width: 512px;
    height: 358px;
    background-repeat: no-repeat;
    float: right;
    background-position: 100%;
    background-image: url('../img/btn.png');
}
.career_btn:hover
{
    background-image: url('../img/btn_hover.png');
}
.career_btn:active
{
    background-image: url('../img/btn_press.png');
}
.schema {
    background-image: url('../img/schema.png');
}

.schema h2 {
    margin-bottom: 0;
}

.schema p {
    color: #fff;
    margin-right: 33%;
}

.schema-text {
    color: #fff;
    text-align: center;
    padding: 0px 15px;
    text-transform: uppercase;
    width: 100%;
    height: 100%;;
}

.schema-text:hover {
    color: #fff;
}

.schema-content-item {
    margin: 0 auto;
    border-left: 6px solid #00aeff;
    display: none;
    color: #fff;
    padding-left: 40px;
    width: 700px;
    position: absolute;
    top: calc(50% - 170px);
    left: calc(50% - 300px);
}

.schema-content-item.active {
    display: block;
}

.schema-content-item p {
    font-weight: bold;
    margin-top: 5px;
}

.results h2 {
    margin-bottom: 40px;
}

.results-list {
    text-align: center;
}

.results-list-item {
    width: 90%;
    color: #696969;
    display: inline-block;
    text-align: left;
}

.results-img {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.results-img .results-img-hold {
    position: absolute;
    bottom: 0;
    background-color: rgba(0,174,255,0.8);
    height: 162px;
    display: table;
    width: 100%;;
}

.results-img-hold > * {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    color: #fff;
    padding: 0 13px;
}

.results-img-hold strong {
    font-size: 74px;
    text-align: right;
    
}

.results-img .results-img-hold p {
    font-weight: bold;
    font-size: 26px;
    line-height: normal;
    color: #fff;
}

.results-list-item ul {
    color: #ababab;
    padding-left: 0;
    list-style: none;
    font-weight: bold;
    font-size: 16px; 
}

.results-list-item ul li {
    padding-left: 0;
    font-weight: 400;

}

.results-list-item a {
    margin-top: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 16px;
    font-size: 16px;
    color: #696969;
    display: block;
    margin-left: 10px;
}

.results-list-item a:hover {
    color: #00aeff;
}

.results-list-item span {
    color: #ababab;
    font-size: 16px;
    display: block;;
}

.garant .title,
.doubt .title {
    margin-bottom: 30px;
}
.garant h2,
.doubt h2 {
    margin-bottom: 0;
}

.garant .btn {
    float: none;
    margin: 0 auto;
    display: block;
    position: static;
}
.doit_btn {
    display: none;
    width: 380px;;
    height: 60px;
    background: #00aeff;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin-top: 25px;
    margin-right: 15%;
    text-align: center;
    line-height: 55px;
    float: right;
    -webkit-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
}
.doubt {
    background-image: url('../img/doubt.png');
}

.doubt-list-item {
    width: 895px;
    margin: 25px auto;
}

.doubt-icon,
.doubt-text {
    display: inline-block;
    vertical-align: top;
}

.doubt-text {
    margin-left: 40px;
    width: 85%;
}
.close-nav {
    position: absolute;
    right: 5%;;
    top: 4%;
    z-index: 100000;
}
.close-nav img {
    width: 80%;
}
.question {
    background-image: url('../img/question.png');
}

.question-content {
    width: 641px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.15);
    height: 100%;
}

.question-title {
    text-align: center;
    color: #00aeff;
    font-size: 28px;
    border-radius: 4px;
    margin-bottom: 17px;
    width: 440px;
    margin: 0 auto;;
}

.question-title h2 {
    margin:  0;
    color:  #00aeff;
    padding-top:  130px;
    font-size:  40px;
}
.five-items {
    width: 20%;
}
.question-title p {
    font-size: 18px;
    
}

.question-title p strong {
/*    color: #00aeff;*/
    font-size: 24px;;

}

.modal-form {
    width: 351px;
    margin: 0 auto;
}

.modal-form p {
    font-size: 16px;
    color: #9a9a9a;
    font-weight: 100;
    margin: 8px 0;
}

.modal-form p span {
    color: red;
    font-size: 18px;
    position: relative;
    top: 2px;
    left: 5px;
}
.modal-form .error {
    color: red;
    font-size: 16px;
    position: relative;
    font-weight: 500;
}

.modal-form input {
    width: 100%;
    height: 40px;
    border: 1px solid #d7d7d7;
    margin: 10px 2px;
    padding-left: 12px;
    border-radius: 4px;
}

.modal-form .btn {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 46px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
    margin-left: auto;
    margin-right: auto;
}

.question .modal-custom {
    width: 512px;
}

.question .modal-form {
    width: 428px;
}

.question .modal-form input {
    width: 207px;
    margin: 20px 0px;
    float: left;
}

.question .modal-form input:first-child {
    margin-right: 14px;
}

.question .modal-form textarea {
    width: 100%;
    border: 1px solid #d7d7d7;
    resize: none;
    padding-left: 12px;
    min-height: 201px;
    border-radius: 4px;
}

.question .modal-form .add-file {
    margin: 15px 0;

}

.question .modal-form .add-file-icon {
    display: inline-block;
    vertical-align: middle;

}

.question .modal-form .add-file-text {
    display: inline-block;
    vertical-align: middle;

}

.question .modal-form .add-file-text p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-top: -5px;
}

.question .modal-form .add-file-text span {
    color: #ababab;
    font-size: 14px;
    display: block;
    margin-top: -5px;
}

.question .modal-form .btn {
    margin: 27px auto 60px;
    margin-top: 15px;
    width: 346px;
    float: none;

}
.prezentation {
    display: block;
}
.breaf
{
    display: none;
}
.overlay {
  background-color: #484848;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.modal-form .add-file.voice .add-file-text p {
    margin: 0;
}

input,
input:focus {
    outline: none;
}
::-webkit-input-placeholder {
    font-size: 0.8em;
    color: #cecece;
    line-height: 40px;
}
::-moz-placeholder          {
    font-size: 0.8em;
    color: #cecece;
    line-height: 40px;
    }/* Firefox 19+ */
:-ms-input-placeholder      {
    font-size: 0.8em;
    color: #cecece;
    line-height: 40px;
}

.po-main {
    background-image: url('../img/po.png');
}

.po-main .head-text,
.bank-main .head-text {
    position: static;
    width: 80%;
    text-align: center;
    margin: 0 auto;
  margin-top: 260px;
}

.po-main .head-text h1,
.bank-main .head-text h1 {
    color: #00aeff;
    text-transform: uppercase;
}

.po-main .head-text p {
    color: #fff;
    margin-top: 70px;
}

.po-main .scroll-shop {
    left: calc(50% - -75px);
}

.develop h2,
.service h2 {
    margin-bottom: 0;
}

.develop .title p,
.example .title p {
    color: #696969;
}

.develop .title {
    margin-bottom: 100px;
}

.service .title {
    width: 70%;
}

.service-item {
    width: 600px;
    margin: 0 auto;
    position: relative;
    border-left: 10px solid #f3f3f3;
    border-right: 10px solid #f3f3f3;
    padding-left: 37px;
    position: relative;
    margin-bottom: 80px;
    padding-right: 60px;
}

.service-item p {
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: bold;
    color: #696969;
    text-transform: uppercase;
}

.service-item ul {
    list-style: none;
}

.service-item ul:before {
    content: '';
    position: absolute;
    width: 280px;
    height: 257px;
    background-color: #f9f9f9;
    opacity: .7;
    left: -75px;
    z-index: -1;
    bottom: -25px;
}

.service-item ul li {
    color: #696969;
    margin: 25px 0;
    font-size: 16px;
}

.service-item ul li:before {
    content: '';
    position: absolute;
    width: 12px;
    border-radius: 20px;
    height: 12px;
    background-color: #00aeff;
    left: 52px;
    margin-top: 7px;
}

.service .btn {
    float: none;
    margin: 0 auto;
    display: block;
}

.stage {
    background-image: url('../img/stage.png');
}

.stage h2 {
    margin-bottom: 0;
    font-weight: 300;
}

.stage p,
.quality p {
    color: #fff;
}

.stage .schema-content-item p {
    font-weight: 600;
}

.stage .schema-content-item span {
    font-weight: 300;
}

.garant .title {
    margin-bottom: 50px;
}
.garant-item,
.ready-item {
    border: 1px solid #ccc;
    height: 200px;
    display: table;
    padding-left: 45px;
    width: 345px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 100px;
}

.garant-item:before,
.ready-item:before {
    content: '';
    position: absolute;
    width: 110px;
    height: 101px;
    background-color: #f9f9f9;
    z-index: -1;
    left: -10%;
    top: 12px;
}

.garant-item span,
.ready-item span {
    display: table-cell;
    vertical-align: middle;
    color: #ababab;
    font-size: 16px;
}
.garant-item img {
    position: absolute;
    top: 70px;left: -5%;;
}

.bank-main {
    background-image: url('../img/bank.png');
}

.bank-main .head-text p {
    color: #fff;

}
.bank-main .head-text strong {
    color: #00aeff;
}

.bank-main .bank-logo {
    width: 140px;
    margin: 80px auto;
}
.career-main {
    background-image: url('../img/career.png');
}
.career-main .head-text strong {
    color: #00aeff;
}
.career-main .head-text p {
    color: #fff;

}
.po-main .head-text h1, .career-main .head-text h1 {
    font-size: 29px;
}

.po-main .head-text, .career-main .head-text {
    margin-top: 22%;
}

.career-main .head-text p {
    font-size: 16px;
}
.po-main .head-text,
.career-main .head-text {
    position: static;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-top: 260px;
}

.po-main .head-text h1,
.career-main .head-text h1 {
    color: #00aeff;
    text-transform: uppercase;
}

.ready h2,
.quality h2 {
    margin-bottom: 0;
}

.ready-item {
    padding-left: 60px;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

.ready-item img {
    position: absolute;
    left: -49px;
    top: 54px;
    width: 25%;
    height: 80px;
}

.ready-item span {
    color: #696969;
    font-weight: bold;
    text-transform: uppercase;
}

.ready .btn {
    margin: 0 auto;
    margin-top: 40px;
    float: none;
    display: block;
}

.ready-container {
    margin: 0 auto;
    margin-top: 90px;
    width: 980px;
    position: relative;
}
.vacancy-container {
    margin: 0 auto;
    margin-top: 90px;
    width: calc(100% - 155px);
    position: relative;
    display: -webkit-inline-box;
}
.vacancy-image_container p {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    margin-bottom: -90%;
    text-align: center;
    width:100%;
}

.vacancy-image_container .line
{
    margin-left: 28%;
    width: 50%;
    border-top: 2px solid #ccc;
    margin-top: 20px;
    padding-top: 24px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 24px;
}
.vacancy_desc
 {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    margin-bottom: -30%;
    text-align: center;
    width:100%;
    color: #fff;

 }
.vacancy_desc_img_lower
{
    width: 127px;
    height: 110px;
    z-index: 1;
    position: absolute;
    margin-top: -19%;
    margin-left: 41px;
    padding-left: 20px;
    background-image: url(../img/square2.png);
}
.vacancy_desc p
{
    z-index: 1000;
    margin-bottom: -4%;
    font-weight: 700;
}
.requirement
{
    margin-top: 68px;
    padding-left: 13%;
    backface-visibility: hidden;
    position: absolute;
    font-weight: 700;
}
.requirement_list
 {
    text-align: -webkit-left;
    margin-top: 121px;
    padding-left: 13%;
    font-size: 14px;
    position: absolute;
    backface-visibility: hidden;

 }
.third-block_container
{
    width: 38.7%;
    margin-left: -1px;
}
.quality {
    background-image: url('../img/quality.png');
}

.quality .tab-list-item {
    width: 15.966667%;
}

.example h2 {
    margin-bottom: 0;
}

.example .results-list-item p {
    line-height: normal;
    margin: 25px 10px;
    margin-top: 40px;
}

.example .results-list-item span {
    display: block;
    margin: 0 10px;
}

.example .results-list-item .results-img {
    transition: all .3s;
    cursor: pointer;
    overflow: hidden;;
}

.example .results-list-item .results-img img {
    transition: all .3s;
    width: 100%;;;;
}

.example .results-img:hover {
    cursor: pointer;
    transform: scale(1);
}

.example .results-img:hover img {
    transform: scale(1.2);
    transition: all .3s;
}

.example .results-img:hover + p {
    color: #00aeff;
}

.example .link {
    position: absolute;
    top: 27%;
    left: calc(50% - 55px);
    opacity: 0;
    cursor: pointer;
    transition: all .3s;
}

.example .results-img:hover .link {
    opacity: 0.9;
    transition: all .3s;
    transform: scale(0.7);
}
.doit_btn {
    display: none;
}
.example .btn {
    float: none;
    margin: 70px auto;
    display: block;
}

.vacancy_desc
{
    z-index: 1000;
}

.modal-wrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000;;
  top: 0;
  display: none;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 50px;
}

.modal-close:hover {
    cursor: pointer; 
}

.modal-custom {
  overflow: auto;
  width: 442px;
  max-height: 100%;
  background: #ebebeb;
  z-index: 20;
  border-radius: 4px;
}

.modal-center {
    position: fixed;
    /*min-height: 400px;*/
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal-title {
    width: 100%;
    height: 60px;
    background-color: #00aeff;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    border-radius: 4px;
    margin-bottom: 17px;
}

.modal-form {
    width: 351px;
    margin: 0 auto;
}

.overlay {
  background-color: #484848;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.modal-form textarea {
    width: 100%;
    border: 1px solid #d7d7d7;
    resize: none;
    padding-left: 12px;
    min-height: 201px;
    border-radius: 4px;
}

.news-main .title h2 {
    margin-bottom: 0;
}

.news-container {
    width: calc(100% - 210px);
    margin-top: 50px;
    margin-left: 100px;;;
}

.news-main .news-list {
    width: 55%;
    vertical-align: top;
    margin-right: 60px;
    margin-top: -40px;
    display: inline-block;;

}

.news-item {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 40px 0;
    display: inline-block;
    text-align: left;
}

.news-item:last-child {
    border: none;
}

.news-item-title {
    color: #696969;
    font-weight: bold;
}

.news-item-title h3 {
    margin-bottom: 0;
}

.news-item-date {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 13px;
}

.news-item-date span {
    color: #ababab;

}

.news-item-text.detail-news-item-text{
    color: #000;
}

.news-item-text p{
    margin-top: 13px;
    color: #ababab;
    font-size: 16px;
    font-weight: 400;
}
#wheelDiv {
    height: 387px;
    margin: auto;
    z-index: 10;

}
#wheelDiv svg {
    background-color: #fff;

}
.reasons_line_1, .reasons_line_2
{
    width: 115px;
    height: 13px;
}
.reasons_line_1
{
    margin-left: 90%;
}
.reasons_line_1 img
{
    padding-top: 373px;
}
.reasons_line_2
 {
     margin-left: -13%
 }
.reasons_line_2 img
 {
    margin-top: 65%;
 }
.reasons_img
{
    padding-top: 96px;
    padding-left: 76px;
    z-index: 1000;
    position: absolute;
}
.wheelDiv {
    height: 400px;
    width: 475px;
    padding-right: 75px;
    margin: auto;
    float: right;

}
.reasons_descriptions_line
{
    border-bottom: 4px solid #00aeff;
    width: 112%;
}
.reasons_descriptions
{
    width: 50%;
    margin-top: 73.3px;
    margin-left: 20px;
    padding-left: 34px;
}
.reasons_desc_img
{
    width: 127px;
    height: 110px;
    padding-top: 58px;
    z-index: 1;
}
.reasons_desc_img_lower
 {
     width: 127px;
     height: 110px;
     z-index: 1;
     margin-top: -100px;
     background-image: url(../img/square.png);
 }
.description_downer, .description_upper
{
    text-align: -webkit-right;
    z-index: 100;
}
.description_downer
{
    padding-top: 15px;
}
.description_upper
{
    font-weight: 700;
    padding-left: 203px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
#wheelDiv>svg {
    height: 100%;
    width: 100%;
}

.news-item .btn {
    float: none;
    width: 209px;
    height: 41px;
    font-size: 16px;
    line-height: 41px;
    -webkit-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.29);
    display: block;
}

.news-filter {
    vertical-align: top;
    background-color: #f9f9f9;
    padding-left: 25px;
    width: 35%;
    display: inline-block;;
}

.news-filter-title {
    text-transform: uppercase;
    color: #696969;
}


.news-filter-item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    display: block;
}

.news-filter-item:last-child {
    border: none;
}

.news-filter-item p {
    font-size: 16px;
    color: #00aeff;
    margin-bottom: 0;
}

.news-filter-item span {
    font-size: 16px;
    color: #ababab;
}

.team {
    background-image: url('../img/team.png');
}

.team .head-text {
    width: 80%;
    left: calc(50% - 405px);
}

.team .head-text p {
    color: #fff;
}

.team .head-text strong {
    text-transform: uppercase;
    font-size: 50px;
}

.lead-item {
    width: 49%;
    margin-bottom: 100px;
    vertical-align: top;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.lead-item:hover .lead-item-img {
    transform: scale(1.1);
    transition: all .3s;
    cursor: pointer;
}
.lead-item-img {
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 0px 3px 21px 3px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 3px 21px 3px rgba(0,0,0,0.35);
    box-shadow: 0px 3px 21px 3px rgba(0,0,0,0.35);
    transition: all .3s;;
}

.lead-item-text {
    display: inline-block;
    width: 360px;
    padding-left: 20px;
    color: #696969;
    text-align: left;
}

.lead-container {
    width: 90%;
    margin: 0 auto;
}

.lead-item-text h3 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
}

.lead-item-text p {
    font-size: 18px;
    margin: 0;
}
.nav-mobile {
    position: fixed;
    left: 0;
    display: none;
    z-index: 1000;
}
#nav-toggle {
    position: absolute;
    left: 20px;
    top: 20px;
}

#nav-toggle img {
    width: auto;
}

.nav-mobile-menu {
    display: none;
    position: absolute;
    height: 100%;
    overflow-y: auto;
    width: 100%;;;
}
.menu-sitemap-tree
{
    padding-top: 30%;
    position: absolute;
    z-index: 10000;
}
.menu-sitemap-tree .nav-logo
{
    padding-bottom: 20%;
}
.menu-sitemap-tree .right-menu {
    position: relative;
    margin-right: 30px;
    top: calc(50% - 210px);
    padding-right: 0px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 22px;
    float: right;
    width: 316px;
}
.menu-sitemap-tree .right-menu a
{
    color: #fff;
}
.nav-mobile-menu .left-menu {
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
    width: 80%;
    margin: 0 auto;
    margin-top: 35%;
}

.nav-mobile-menu .left-menu li a {
    font-size: 13px;
}
.lead-item-text span {
    color: #ababab;
    font-size: 16px;
    margin-top: 10px;
    display: block;
}

.people h2 {
    margin-bottom: 0;
}

.people-list {
    position: absolute;
    bottom: 0;
}
.people-img {
    float: left;
    width: 16.6666666667%;
}


.question-title {
	text-align: center;
	color: #fff;
	font-size: 28px;
	border-radius: 4px;
	margin-bottom: 17px;
	width: 440px;
	margin: 0 auto;;
}
.contacts-content {;
}

.contacts-address-item {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    color: #ababab;
    cursor: pointer;
    padding: 10px 0 5px 10%;;
}

.contacts-address-item.active {
    background-color: #00aeff;
    color: #fff;
}

.contacts-address-item.active:after {
    content: '';
    position: absolute;
    background-image: url('../img/arrow-city.png');
    width: 33px;
    height: 180px;
    top: 10px;
    right: 25px;
}

.contacts-address-item:before {
    content: '';
    position: absolute;
    width: 110px;
    height: 101px;
    background-color: #f9f9f9;
    z-index: -1;
    left: -40px;

}

.contacts-address-item h3 {
    font-size: 18px;
    text-transform: uppercase;
}

.contacts-address-item p {
    font-size: 16px;
    margin: 14px 0;
}

.contacts map {
    float: right;
}

.contacts-address {
    float: left;
    width: 50%;
}

.contacts-map {
    float: right;
}

.contacts-content h2 {
    font-size: 40px;
    margin-top: 13px;
    top: -35px;
    width: 47%;
    text-align: center;
    position: relative;
    float: left;; 
}

.contacts-main .scrollBottom .scroll-shop {
    background-image: url('../img/mouse-blue.png');
    left: calc(50% - -20px);
}

.site-main {
    background-image: url("../img/site.png");
}

.site-main .head-text {
    width: 70%;
    position: static;
    margin: 0 auto;
    margin-top: 20%;
}

.site-main .head-text h1 {
    color: #00aeff;
    text-transform: uppercase;
}

.site-main .head-text p {
    color: #fff;
}

.gain .title h2 {
    margin-bottom: 0;
}

.gain .title p {
    color: #696969;
}

.gain .container {
    margin-top: 50px;
}

.help-site .facts-item {
    width: 600px;
}

.help-site .comerc-item {
    margin-top: 240px;
}

.help-site .comerc-item span {
    color: #696969;
}

.help-site .btn {
    line-height: 57px;
}

.help .title p {
    color: #696969;
}

.help-site .facts-item ul li:before,
.help-site .facts-item span:after  {
    content: none;
}

.check_block {
    width: 438px;
    border-radius: 5px;
    position: relative;
}


.check_block input {
    display: none;
}


.check_block label {
    display: block;
    cursor: pointer;
}


.checkbox {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    left: -41px;
    top: 0;
}


.check-title {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 18px;
    color: #eee;
    margin: 0;
    margin-left: 8px;
    padding-top: 15px;
}


.check-text {
    margin: 0;
    padding: 0;
    color: #c8c8c8;
    margin-left: 8px;
    margin-top: 15px;
    padding-bottom: 15px;
}


.check_block input:checked + label > .checkbox {
    background-image: url('../img/check.png');
    border: 0;
}

.check_block input:checked + label > .check-title {
    font-family: 'Open Sans';
    font-weight: 300;
}


.check_block input:checked + label > .check-text {
    color: #00aeff;
}

.bitrix {
    position: absolute;
    bottom: 0px;
    left: 42%;
}

.schema.site {
    background-image: url('../img/schema-site.png');
}

.portfolio {
    position: relative;
    height: 480px;
}


.portfolio .tabs-list {
    width: 100%;
}

.portfolio .title {
    margin-left: 0;;

}
.portfolio .title h1 {
    margin-top: 100px;
    color: #00aeff;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 250px;
}

.portfolio .title p {
    width: 80%;
    margin-top: 0;
    color: #696969;
    margin: 0 auto;
}

.portfolio .tabs-list {
    width: 100%;
}

.portfolio .tab-list-item {
    height: 120px;
}

.portfolio .tab-list-item:last-child p {
    text-transform: uppercase;
}

.portfolio-container {
    width: calc(100% - 210px);
    float: right;
}

.portfolio-item a {
    display: block;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 60px;
    transition: all .3s;;
}

.portfolio-item a:nth-child(1) {
    background-image: url('../img/port1.png');
    opacity: 1;
}

.item-description {
    width: 480px;
    margin: 0 auto;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    padding: 0 40px;
    position: relative;
    height: 220px;
}

.item-description img {
    position: absolute;
    top: -45px;
    left: calc(50% - 43px);
    width: auto;

}

.item-description h3 {
    margin-top: 55px;
    text-transform: uppercase;
}

.item-description p {
    font-size: 16px;
}

.item-description span {
    color: #cecece;
}

.left-container {
    display: inline-block;
    width: 35%;
    vertical-align: top;
    text-align: left;
}

.right-container {
    width: 40%;
    margin-left: 75px;
    margin-bottom: 80px;
    display: inline-block;
}

.left-container .logo img {
    width: auto;
}

.left-container p {
    font-weight: bold;
    text-transform: uppercase;
    color: #696969;
}

.left-container span {
    font-size: 16px;
    color: #696969;
}

.case-item {;
    transition: all .3s;
    display: none;;
    text-align: center;;
    margin-top: 65px;;
    width: 100%;;;;
}

.portfolio-list {
    position: relative;
}

.right-container .owl-nav .owl-prev,
.right-container .owl-nav .owl-next {
    position: absolute;
    top: 50%;
}

.right-container .owl-nav .owl-prev {
    left: -12%;
    width: 10%;
}

.right-container .owl-nav .owl-next {
    right: -12%;
    width: 10%;
}

.case-container {
    width: 90%;
    margin: 0 auto;
    margin-top: 65px;;

}

a.close-port {
    text-align: center;
    height: 40px;
    background-color: #00aeff;
    padding: 0;
    width: 100%;
    position: relative;
}

a.close-port:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 110px solid transparent;
    border-right: 110px solid transparent;
    border-bottom: 40px solid #00aeff;
    top: -40px;
    left: calc(50% - 110px);
}

.close-port p {
    position: absolute;
    color: #fff;
    z-index: 500;
    left: calc(50% - 37px);
    top: -40px;
    font-weight: 300;
}

.pagination {
    margin: 30px 0;
}

.pagination-item {
    text-align: center;
    display: inline-block;
}

.pagination a {
    color: #ababab;
    display: block;
    text-align: center;
    padding: 0 7px;
}

.pagination-item:hover {
    background-color: #00aeff;
    border-radius: 5px;
}

.pagination-item:hover a {
    color: #fff;
    font-weight: 300;
}

.contacts-map {
    width: 50%;
    display: none;
    height: 720px;
}

.modal-form .btn {
    position: static;
}

.tabs-list-tablet {
    display: none;
}

.facts-list-tablet {
    display: none;
}

.results-img img,
.news-item-img img {
    width: 100%;
  }

  .contacts-content-mobile {
    display: none;
  }

  .garant-item img {
    width: auto;
  }

  .portfolio-filter {
    display: none;
  }
  .garant-list .row {
    margin: 0;
  }

  .mobile {
    background-image: url('../img/mobile.jpg');
  }
  
  .mobile .head-text {
    width: 80%;

  }
  .mobile h1 {
    color: #00aeff;
    text-transform: uppercase;
  }
  
  .mobile .head-text p {
    color: #fff;
    
  }
    
    .os {
        width: 100%;
        text-align: center;
    }
  .os-logo {
    display: inline-block;
    width: 330px;
    vertical-align: top;
    position: relative;
    top: 100px;
    margin: 0 33px;
    text-align: center;;;
  }

  .os-logo img {
    width: auto;
  }

  .os-logo p {
    color: #fff;
  }

  .need .btn {
    line-height: 55px;
    margin-right: 22%;
    position: static;

  }

  .need .facts-item {
    padding: 0 17px;
    width: 35%;;

  }

  .need .facts-item ul li:before {
    left: 25px;

  }

  .need .comerc-item {
    width: 650px;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .stage-mobile {
    background-image: url('../img/mobile-stage.jpg');
  }

  .stage-mobile .tab-list-item {
    width: 16.6666666667%;
  }
  
  .cash {
    background-image: url('../img/cash.jpg');
  }
  .cash .right-container {
    float: right;
    margin: 0;
    margin-top: 0;
    margin-right: 10%;
    width: 42%;
    position: absolute;
    top: 200px;
    right: 0;

  }
  
  .cash h2 {
    margin-bottom: 0;;

  }
  
  .app-item {
    margin: 30px 0;
    z-index: 10;
    position: relative;;
  }

  .app-item h4 {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #696969;;;;
  }

  .app-item:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #f9f9f9;
    z-index: -1;
    top: 0px;
    left: -40px;;
  }

  .app-item p {
    display: inline-block;
    color: #00aeff;
    margin-bottom: 10px;;

  }

  .app-item span {
    display: block;
    font-size: 16px;
    color: #ababab;;;

  }

  .app-item .btn {
    float: none;
    display: block;
    position: static;

  }

  .garant-mobile .garant-item span strong {
    color: #696969;
    text-transform: uppercase;;

  }

  .garant-mobile .garant-item img {
    left: -20%;
    width: 55px;;

  }

  .garant-mobile .garant-item {
    padding-left: 11%;
  }

  .globus {
    position: absolute;
    width: auto;
    top: 25%;
    left: 25%;
  }
@media all and (max-width: 1920px) {
    .atmosphere {
        padding-top: 18%;
    }
    .content_atmosphere
    {
        height: 1200px;
    }

    .description_01, .description_02,
    .description_03, .description_05,
    .description_04, .doit_btn
    {
        display: none;
    }
    .doit_btn-picture {
         width: 65%;
    }
    .vacancy-block-blue {
        height: 151%;
    }
    .vacancy-container {
        width:  calc(100% - 235px);
    }
    .reasons_descriptions_line {
        border-bottom: 4px solid #00aeff;
        width: 109%;
    }
    .vacancy_desc_img_lower {
        margin-top: -12%;
        margin-left: 130px;
        padding-left: 20px;
    }
    .reasons_descriptions {
        width: 65%;
        margin-top: 97.3px;
        margin-left: 20px;
        padding-left: 34px;
    }
    .reasons_desc_img {
        padding-top: 35px;
        z-index: 1;
    }
    .reasons_desc_img_lower {
        margin-top: -50px;
    }
    .doit_btn {
        display: none;
    }
}

@media all and (max-width: 1400px) {
    .work .title h2 {
        margin-top: 30px;
    }
    /*.btn {;
        bottom: 250px;
        right: -150px;;
        position: absolute;
    }*/
    .mobile .head-text {
        margin-top: 3%;


    }
    .description_01, .description_02,
    .description_03, .description_05,
    .description_04, .doit_btn
    {
        display: none;
    }
    .doit_btn {
        display: none;
    }
    .ready .btn,
    .example .btn,
    .question .modal-form .btn,
    .service .btn,
    .news-item .btn {
        position: static;
    }
    .doit_btn {
        display: none;
    }
    .work-btn
    {
        position: absolute;
    }
    
    .tab-list-item p {
      font-size: 15px;
    }
    .tab-list-item a {
        font-size: 12px;
    }
    .description_01, .description_06
    {
        margin-top: -24px;
    }
    .vacancy_desc_img_lower {
        margin-top: -19%;
        margin-left: 62px;
        padding-left: 20px;
    }
    .content_atmosphere {
        height: 1000px;
    }
    .atmosphere {
        margin-top: 0%;
    }
    .lead-item-text {
    width: 270px;
    }

    .reasons_descriptions_line
    {
        width: 85%;
    }
    .reasons_descriptions
    {
        margin-top: 97.3px;
    }
    .vacancy-container {
        width: calc(100% - 155px);
    }
    .vacancy-block-blue {
        height: 110%;
    }
    .contacts-content h2 {
      font-size: 30px;
      top: -30px;
    }

    .need .comerc-item span {
    font-size: 16px;

    }

    .app-item {
    margin: 10px 0;

    }

    .garant-mobile .col-lg-4 {
        width: 49%;
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .doit_btn-picture
    {
        width: 72%;
    }

    .garant-mobile .garant-item {
    margin-bottom: 30px;

    }
    .leadership {
        height: 1200px;
    }
}

@media all and (max-width: 1380px) {
    .col-lg-4 {
        width: 50%;
    }
    

    .need .title p {
        margin-bottom: 35px;
    }

    .tab-list-item {
    width: 33.33333333%;
    }
    .portfolio .tab-list-item {
    width: 33.33333333%;
    }
    .facts-item {
        margin-left: 15px;
        margin-bottom: 30px;
        min-height: 150px;
    }
    
    .left-container p {
      font-size: 16px;
    }

    .left-container span {
      font-size: 14px;
    }
    
    .quality .tab-list-item {
        width: 33.333333%;
    }

    .ready h2, 
    .quality h2,
    .example h2 {
        font-size: 42px;
        margin-top: 60px;
    }


    .garant-item, .ready-item {
    margin-bottom: 50px;
    width: 85%;
    margin-left: 10%;
    }

    .garant-list {
        padding-left: 50px;
    }

    .garant-item img {
/*        left: 8%;*/
    }
    .garant-item:before, .ready-item:before {;    
    }

    .results-img .results-img-hold {
        height: 100px;
    }

    .results-img .results-img-hold p {
        font-size: 20px;
    }
    .results-img-hold strong {
        font-size: 2.5em;
    }

    .leadership {
        height: 1200px;
    }
}

@media all and (max-width: 1200px) {
    .contacts-address-item h3 {
      font-size: 14px;
    }

    .contacts-address-item p {
      font-size: 14px;
    }
    
    .need .facts-item {
    width: 70%;

    }

    .need .facts-item ul li {
        font-size: 14px;
    }

    .tab-list-item p {
      font-size: 12px;
    }
    
    .contacts-address-item {
      padding-left: 18px;
    }
    .contacts-content h2 {
      top: 15px;
      font-size: 26px;
      left: -20px;
    }
    .news-date {
        font-size: 14px;
    }
  
    .news-list-item p {
        font-size: 16px;
    }
    
    .news-main .title {
        margin-left: 50px;
    }

    .lead-item-img {
      width: 110px;
    }
    
    .lead-item-text {
      width: 240px;
    }
    .lead-item-text h3 {
      font-size: 14px;
    }
    .lead-item-text p {
      font-size: 14px;
    }

    .lead-item-text span {
      font-size: 12px;
    }
    .news-container {
    margin-left: 50px;
    width: calc(100% - 168px);
    }

    .news-list-item span {
        font-size: 14px;
    }

    .news-filter-item p {
        font-size: 13px;
    }

    .btn {
        right: calc(50% - 460px);
        bottom: 100px;
    }

    .ready-container {
        width: 100%;
    }
    .vacancy-container {
        width: 100%;
    }
    .ready-item span {;
    padding-left: 30px;
    }

    .garant-item, .ready-item {
        margin-bottom: 25px;
    }
    
    
    .results-list-item ul {
        font-size: 14px;
    }

    .results-list-item span {
        font-size: 14px;
    }

}

@media screen and (max-width: 1024px) {
    .left-nav,
    .contacts,
    .nav-back,
    .nav-grey {
        width: 165px;
    }
    .news-item-text p{
        font-size: 12px;
    }
    .results-list-item a{
        margin-top: 0px;
    }
    #requestFormPhone-error, #nameform-error{
        font-size: 17px;
    }
    #sub-menu {
      left: 165px;
    }
    .globus {
        width: 350px;
        left: 38%;
        top: 25%;
    }
    .third-block_container
    {
        width: 33.333%;
    }

    .service-item ul li {
        margin: 20px 0;
        font-size: 14px;  
    }
      .contacts-main .scrollBottom .scroll-shop {
      -webkit-animation: mycontacts .8s infinite;
      -o-animation: mycontacts .8s infinite;
      animation: mycontacts .8s infinite;
      bottom: 50px;
    }
    
    @-webkit-keyframes mycontacts {
        from {
            bottom: 50px;
        }

        to {
            bottom: 45px;
        }
    }

    @keyframes mycontacts {
        from {
            bottom: 50px;
        }

        to {
            bottom: 45px;
        }
    }

    .people-img {
      width: 20%;
    }
    
    .portfolio-item a {
    padding-top: 60px;
    padding-bottom: 32px;

    }

    .item-description img {
      width: 65px;
      top: -32px;
      left: calc(50% - 32px);
    }
    
    .portfolio .tab-list-item {
      height: 100px;
    }

    .portfolio .title p {
    font-size: 16px;
    text-align: left;
      
    }
    a.close-port {
      height: 31px;
      padding: 0;
    }
    
    .close-port p {
      left: calc(50% - 23px);
    }
    .portfolio .title h1 {
      margin-left: 0;
      width: 100%;
      text-align: center;
    }
    .item-description h3 {
      font-size: 14px;
      margin-top: 40px;
      margin-bottom: 10px;
    }
    .item-description p {
      font-size: 14px;
      margin-top: 0;
    }
    
    .left-container p {
      font-size: 14px;
    }

    .left-container span {
      display: block;
      font-size: 12px;
    }

    .portfolio-item a {
      font-size: 12px;
    }
    .item-description span {
      display: none;
    }
    .item-description {
    width: 374px;
    height: 120px;

    }

    .team .tabs-list {
      display: none;
    }

    .people-img:nth-child(n+11) {
      display: none;
    }
    .news-main .news-list {
        width: 100%;
        margin-right: 0;;
    }
    .news-filter {
        display: none;
    }
    .service-item p {
        font-size: 17px;
    }

    .service-item {
        margin-bottom: 50px;
    }

    .service .title p {
        font-size: 16px;
    }
    .content {
        height: 800px;
    }
    
    .results,
    .garant {
    height: 925px;
    }


    .example {
        height: 1300px;
    }
    .news {
        height: auto;
    }
    
    .results-img img {
        width: 100%;
    }

    .head-logo img {
        width: 54%;
    }

    .left-menu{
        margin-top: 50%;
        list-style: none;
    }

    .left-menu li, #sub-menu li {
        margin: 16px 0;
    }

    .left-menu li a, #sub-menu li a {
        font-size: 13px;
    }

    .phone,
    .social,
    .copyright,
    .language {
        width: 98px;
    }

    .phone a {
        font-size: 12px;
    }

    .copyright,
    .language a {
        font-size: 11px;
    }
    
    .social-item {
        width: 17px;
        height: 15px;
    }

    .portfolio-container,
    .section-content,
    .footer-pre,
    .footer {
        width: calc(100% - 165px);
    }

    .head-text h1 {
        font-size: 40px;
    }

    .head-text h1 strong {
        font-size: 55px;
    }

    .head-text h3 {
        font-size: 24px;
    }
    
    .po-main .head-text h1, .bank-main .head-text h1 {
        font-size: 29px;
    }

    .po-main .head-text, .bank-main .head-text {
        margin-top: 22%;
    }
    
    .bank-main .head-text p {
        font-size: 12px;
    }
    
    .ready {
    min-height: 100%;
    }
    
    .ready-item {
        height: 156px;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
    .ready-item span {
        font-size: 14px;
        padding-left: 0;;
    }
    .ready-container {
        margin-top: 35px;
    }
    .vacancy-container {
        margin-top: 0px;
    }
    .ready h2, .quality h2, .example h2 {
        font-size: 30px;
    }
    
    .ready-item img {
        left: -40px;
        top: 40px;
    }

    .ready .btn {
        margin-top: 0;
    }

    .example .btn {
        margin-bottom: 0;
        margin-top: 35px;
    }
    
    .ready .section-content .title p {
        font-size: 14px;
    }

    .tabs-list {
        width: calc(100% - 165px);
    }

    .tab-list-item {
        width: 33.3333333%;;
        display: table;
    }

    .tab-list-item p {
        font-size: 11px;
    }
    .tab-list-item:last-child {
        text-align: center;
    }

    .title {
        margin-left: 130px;;
    }

    h2 {
        font-size: 30px;
        margin-top: 90px;
        margin-bottom: 30px;;;
    }

    .facts-item p, .comerc-item p {
        font-size: 14px;
    }

    .facts-item span {
        font-size: 12px;;;
    }

    .facts-item {
        height: 140px;
        width: 100%;
        margin-left: 0;
        font-size: 15px;
    margin-bottom: 25px;
    }

    .btn {
        right: calc(50% - 250px);
        margin-right: 0;
    }

    .work .title h2 {
        font-size: 30px;
    }

    .news-list {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .news-list-item {
        margin-bottom: 45px;
    }

    .news-list-item p {
        font-size: 14px;
        font-weight: bold;
    }

    .news-list-item span {
        font-size: 12px;
    }

    .news-arrow {
        display: none;
    }

    .bottom-menu a {
        font-size: 14px;
    }

    .results-list-item a {
        font-size: 14px;
    }

    .example .results-list-item span {
        font-size: 12px;
    }

    .schema-content-item {
        left: calc(50% - 250px);
        width: 450px;
        margin-left: 50px;;
    }

  .develop .title {
  margin-bottom: 50px;
  }

  .need .facts-item {
    width: 40%;
    
  }

  .need .comerc-item {
    width: 40%;
    margin-right: 30px;
    top: -120px;
    padding-right: 20px;;
  }

  .need .comerc-item span {
    font-size: 14px;
    display: block;
    line-height: 14px
  }

  .need .comerc-item:after {
    width: 70px;
    height: 60px;
    top: -30px;
    right: -5%;    
  }

  .need .btn {
    margin-top: -90px;
    width: 296px;
    height: 47px;
    line-height: 42px;
    font-size: 16px;
    margin-right: 9%;;
    
  }

  .mobile .head-text h1 {
    font-size: 30px;
  }

  .mobile .head-text p {
    font-size: 14px;
  }
    
  .os-logo {
      width: 260px;
  }

  .os-logo p {
    font-size: 14px;
  }
  .os-logo img {
    max-width: 50px;
  }

  .need .title p {
    font-size: 14px;
  }
    .stage-mobile .schema-content,
    .stage-mobile .tabs-list {
        display: none;
    }

    .stage-mobile .tabs-list-tablet {
        display: block;
        margin-top: 15%;
    }

    .stage-mobile .owl-prev img,
    .stage-mobile .owl-next img {
        width: auto;
    }
    .main-carousel .owl-prev {
    left: 5%;;

    }
    
    .main-carousel .owl-next {
    right: 5%;

    }
    .main-carousel .owl-prev,
    .main-carousel .owl-next {
    position: absolute;
    top: 30%;
    }

    .stage-mobile .schema-content-item {
            left: 0;
    top: 0;
    display: block;
    position: static;
    margin: 0 auto;
    width: 76%;
    }

    .example-mobile {
        height: 768px;
    }
    .cash .right-container {
        margin-right: 10px;
        width: 40%;
        margin-top: -50px;;
    }

    .app-item .btn {
        width: 296px;
        height: 47px;
        font-size: 16px;
        line-height: 42px;
        margin-top: 10px;
    }

    .app-item span {
        font-size: 12px;
    }

    .cash h2 {
        margin-top: 75px;
    }

    .app-item h4 {
        margin-top: 10px;
        font-size: 14px;
    }

    .garant-mobile .garant-item span strong {
        font-size: 14px;
    }

    .garant-mobile .garant-item span {
        font-size: 12px;
    }
    .five-items{
        width: 20%;     
    }
}

@media all and (max-width: 917px) {
    .tab-list-item p {
        font-size: 8px; 
    }
    .tab-list-item  {
        height: 110px;
    }
    .service .title p {
        display: none;
    }
    

    .results-img .results-img-hold {
        display: none;
    }

    .lead-item {
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 50px;
    }

    .lead-item-text {
        width: 60%;
        text-align: left;
    }

    .title {
        display: inline-block;
        text-align: center;
        margin-left: 0;
        width: 100%;;
    }
    .leadership {
        height: 1000px;
    }
    .people {
        height: 600px;
    }

    .contacts-content h2 {
    font-size: 20px;
    top: -30px;;

    }

    .contacts-address-item p {
      font-size: 13px;
    }

    .need .comerc-item {
        top: -250px;
        padding-left: 30px;
    }

    .need .btn {
    margin-top: -230px;

    }
    
}
@media screen and (max-width: 790px) {
    .example .results-list-item .results-img{
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
     .nav-mobile {
         margin-left: 90%;
        display: block;
    }
    .mobile-menu-description
    {
        font-weight: 700;
        position: absolute;
        color: #707070;
        margin-top: 120%;
        margin-left: 70%;

    }
    .service-item ul li {
        margin: 20px 0;
        font-size: 10px;  
    }
    .menu-sitemap-tree
    {
        padding-left: 30%;
    }
    .right-menu .active:active, .right-menu ul a:after {
       display: none;
    }
    .facts {
      height: 800px;
    }
    
    .globus {
    left: calc(50% - 175px);

    }
    
    .bank-main .bank-logo {
        margin: -10px auto;
        width: 100px; 
    }

    .po-main .head-text, .bank-main .head-text {
      margin-top: 20%;
    }

    .left-nav,
    .nav-back,
    .nav-grey {
        display: none;
    }
    .wheelDiv
    {
        height: 400px;
        width: 475px;
        padding-right: 0px;
        margin: auto;
        float: initial;
    }
    #wheelDiv {
        height: 545px;
        margin: auto;
        z-index: 10;
    }
    .reasons_img {
        padding-top: 118px;
        padding-left: 91px;
    }
    .atmosphere_main-picture
    {
        width: 100%;
    }
    .reasons_line_2 img {
        height: 13px;
    }
    .reasons_line_1 img {
        padding-top: 437px;
    }
    .reasons_descriptions {
        width: 100%;
        text-align: center;
        margin-top: 97.3px;
    }
    .reasons_descriptions .btn{
        margin-right: 26%;
     }
    .navigate_arrows
    {
        width: 59%;
        float: right;
    }
    .third-block_container
    {
        width: 50%;
    }
    .vacancy_desc_img_lower {
        margin-top: -18%;
        margin-left: 60px;
        padding-left: 20px;
    }
    .requirement_list {
        padding-right: 5%;
    }
    .description_downer, .description_upper {
        text-align: center;
        padding-right: 68px;
    }
    .description_upper {
        text-align: -webkit-left;
    }
    .reasons_descriptions_line {
        width: 90%;
    }
    .main {
        background-position-x: 85%;
    }
    
    .contacts-main .scrollBottom .scroll-shop {
        left: 43%;
    }
    
    .portfolio-container {
        width: 100%;
    }
    .portfolio {
        height: auto;
    }

    .portfolio .title p {
        display: none;
    }
    .portfolio-filter {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 25px;;;
    }
    
    .portfolio-filter a {
        display: block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        color: #fff;
        background-color: #00aeff;
        text-transform: uppercase;
        position: relative;
    }
    .portfolio-select i {
        position: absolute;
        right: 22px;
        top: 22px;
    }
    .portfolio-filter-menu {
        background-color: #ededed;

    }
    .portfolio-filter-item a {
        color: #696969;
        background-color: #ededed;
        border-bottom: 1px solid #d0d0d0;
        width: 90%;
        margin: 0 auto;
        text-transform: uppercase;
    }

    .portfolio-filter-item:last-child a {
        border-bottom: none;
    }
    
    .portfolio-filter-item a.active {
        color: #00aeff;
    }
    
    .left-container {
        display: block;
        width: 80%;
        margin: 0 auto;;
    }

    .right-container {
        display: block;
        width: 50%;
        margin: 0 auto;
        margin-bottom: 70px;
        margin-top: 25px;
    }

    .content {
        overflow: hidden;
    }
    
    .team .head-text strong {
        font-size: 30px;
    }

    .team .head-text p {
        font-size: 16px;
    }

    .service-item {
        width: 90%;
        margin: 0 auto;
    }

    .po-main .scroll-shop {
        left: calc(50% - 14px);
    }
    
    .news-container {
        width: 90%;
        margin: 0 auto;
    }

    .news-main .title {
        text-align: center;
        width: 100%;
        margin-left: 0;
    }
    .content_atmosphere {
        height: 800px;
    }
    .atmosphere {
         margin-top: 0%;
    }
    .doit_btn-picture {
        width: 85%;
    }
    .service .title {
        width: 100%;
    }
    .section-content,
    .footer-pre,
    .footer {
        width: 100%;
        padding-bottom: 51px;
    }
    
    .section-content {
        padding-bottom: 0;
    }

    .head-text {
        margin-top: 25%;
    }

    .head-text h1 {
        font-size: 50px;
    }

    .head-text h1 strong {
        font-size: 70px;
    }

    .head-text h3 {
        font-size: 30px;
    }

    .tabs-list {
        width: 100%;
        display: none;
    }

    .tab-list-item p {
        font-size: 11px;
    }
    
    .tabs-list-tablet {
        display: block;
        height: 450px;
        bottom: 0px;
        width: 100%;
        position: absolute;
    }
    
    .tabs-tablet-item {
        text-align: center;
        height: 250px;
        padding-top: 38px;
        width: 70%;
        margin: 0 auto;;
    }

    .tabs-tablet-item p {
        color: #fff;
        font-size: 24px;
        margin-bottom: 0;
    }

    .tabs-tablet-item span {
        color: #fff;
        font-size: 20px;
    }

    .schema-content {
        display: none;
    }

    .schema-content-item {
        left: 0;
        top: 0;
        display: block;
        position: static;
        margin: 0 auto;
        width: 76%;
    }

    .title {
    text-align: center;
    margin-left: 0;;
    }

    h2 {
        margin-top: 55px;
    }
    
    .facts-list {
        width: 100%;
        text-align: center;
    }

    .facts-item {
        width: 100%;;
        text-align: left;
        float: none;
        display: inline-block;;
        height: 100%;
        font-size 14px;
    }

    .work .title {
        margin: 0;
        text-align: center;
    }

    .work {
        -ms-background-position-x: 31%;
        background-position-x: 31%;;
    }

    .btn {
        right: calc(50% - 190px);
        bottom: 70px;
    }
    
    .news-list-item {
        height: 100%;
        width: 275px;
    }
    .news-list-item span {
        display: block;
        line-height: 16px;
    }

    .bottom-menu a {
        font-size: 12px;
    }

    .footer-pre {
        height: 55px;
    }
    .col-lg-4 {
    float: none;
    display: inline-block;
    width: 49%;
    vertical-align: top;
    }

    .ready-item img {
        width: 30%; 
    }

    .ready {
        min-height: 951px;
    }
    
    .bank-main {
        height: 481px;
    }
    .ready-item span {
        padding-left: 0;
    }

    .ready .section-content .title p {
        font-size: 16px;
    }

    .ready-container {
        margin-top: 35px;
    }
    .vacancy-container {
        margin-top: 35px;
    }
    .ready .btn {
        margin-top: 30px;
    }

    .example .results-list-item .results-img {
        width: 100%;
        margin: 0 auto;
    }

    .results-list-item {
        text-align: center;;
        width: 100%;
        margin: 0 auto;
        margin-top: 15px;
    }

    .develop .title p, .example .title p {
        font-size: 16px;
        margin-bottom: 0;;
    }

    .ready-item {
        width: 270px;
        height: 114px;
    }
    .question-title {
        width: 100%;
    }

    .need .title p {
    margin-right: 0;
    width: 90%;
    margin: 0 auto;;

    }

    .need .facts-item {
      width: 80%;
      margin: 0 auto;
    }

    .need {
      height: 1000px;
    }

    .need .comerc-item {
        top: 0;
        position: relative;
        margin: 0 auto;
        width: 50%;
        margin-top: 80px;
        float: none;
    }

    .help .facts-item ul:before {
        width: 219px;
        height: 202px;
        bottom: -40px;;
    }

    .need .facts-item ul li {
        margin: 10px 0;
    }

    .need .comerc-item span {
        line-height: 17px;
    }

    .need .btn {;
        margin: 0 auto;
        float: none;
        display: block;;
        margin-top: 35px;
    }

    .stage-mobile .title p {
        width: 90%;
        margin: 0 auto;    
    }

    .example-mobile .results-list-item {
    width: 90%;

    }

    .example .results-list-item .results-img {
    width: 50%;
        
    }

    .example .link {
    top: 30%;
    left: calc(50% - 55px);

    }

    .example-mobile {
        height: 1000px;
    }

    .cash .right-container {
        width: 100%;
        margin-right: 0;
        margin-top: -20px;;
    }

    .app-item   {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .app-item .btn {
    margin: 0 auto;
    margin-top: 30px;

    }

    .app-item:before {
        display: none;
    }

    .cash {
        background-position-x: 100%;
    }

    .garant-mobile .garant-item {
        height: 156px;
    }
}

@media screen and (max-width: 740px) {
    .menu-sitemap-tree
    {
        padding-left: 0;
        padding-top: 0;
    }
    .mobil-menu-margin
    {
        margin-bottom: -20px;
    }

    .menu-sitemap-tree .nav-logo {
        text-align: center;
        margin-top: 20px;
    }

    .menu-sitemap-tree .nav-logo
    {
        padding-bottom: 0;
    }

    .menu-sitemap-tree{
        padding-left: 30%;
    }
}

@media screen and (max-width: 480px) {
    .facts-item {
        display: inline-block;
        margin: 0 auto;
        width: 70%;;
    }
    .menu-sitemap-tree
    {
        padding-left: 0%;
    }
    .po-main .head-text {
        position: static;
        width: 80%;
        text-align: center;
        margin: 0 auto;
        margin-top: 154px;
    }
    .po-main {
        font-size: 16px;
    }
    .question .modal-form input{
        width: 100%;
    }
    #requestFormPhone-error, #nameform-error{
        font-size: 15px;
    }
    
    .globus {
    width: 70%;
    left: 15%;
        
    }
    .doit_btn-picture, .part_of-us
    {
        display: none;
    }
    .wheelDiv, .reasons_desc_img
    {
        display: none;
    }
    .po-main .head-text, .career-main .head-text {
        margin-top: 178px;
    }
    .footer .container {
        display: block;
    }
    .bottom-menu {
    width: 45%;
    display: inline-block;
    text-align: center;
    margin: 3px 0px;
    }

    .tabs-list-tablet {
        display: none;
    }
    
    .results-list-item p {
        font-size: 16px;
    }
    .results-list-item span {
        font-size: 12px;
    }
    
    .item-description {
        border: none;
        width: 100%;
    }
    .portfolio-filter a {
        font-size: 13px;
    }
    .item-description img {
        top: -80px;
    }

    .portfolio-item a {
    padding-top: 30px;
    padding-bottom: 0;
        
    }
    .right-container {
        width: 70%;
    }
    .item-description h3 {
        margin-top: 65px;
    }
    
    .lead-item-img {
        width: 74px;
    }

    .people-img {
        width: 25%;
    }

    .people-img:nth-child(n+11) {
        display: block;
    }
    
    .lead-item-text {
        width: 70%;
    }
    .leadership {
        height: 1100px;
    }
    
    .lead-item {
        margin-bottom: 25px;
    }

    .lead-item-text span {
        font-size: 11px;
    }
    .news-item-title h3 {
        font-size: 17px;
    }
    .garant-list {
        display: none;
    }

    .facts {
        height: 385px;
    }
    .content_atmosphere {
        height: 800px;
    }
    .facts-list {
        display: none;
    }

    .facts-list-tablet {
        width: 100%;
        text-align: center;
        display: block;
        margin-top: 80px;
    }

    .facts-carousel .owl-prev,
    .facts-carousel .owl-next {
        position: absolute;
        bottom: -40px;
    }
    
    .facts-carousel .owl-prev {
        left: 35%;
    }

    .facts-carousel .owl-next {
        right: 35%;
        width: auto;;
    }

    .quality .tabs-list-tablet {
        display: block;
        height: auto;
        width: 100%;
        top: 40%;
    }

    .content {
    min-height: 480px;
    }
    
    .quality {
        height: 320px;
    }

    .head-text {
        margin-top: 35%;
    }

    .head-text h1 {
        font-size: 22px;
    }
    
    .head-text h1 strong {
        font-size: 32px;
    }

    .head-text h3 {
        font-size: 14px;
    }
    
    .po-main .head-text h1, .bank-main .head-text h1 {
        font-size: 18px;
    }
    
    .bank-main .head-text p {
        font-size: 10px;
        line-height: 15px;
        margin-top: 20px;
    }

    .po-main .head-text, .bank-main .head-text {
        margin-top: 100px;
    }

    .bank-main .bank-logo {
        width: 87px;
        margin: 10px auto;
    }

    .bank-main .bank-logo img {
        width: 100%;
    }

    .ready h2, .quality h2, .example h2 {
        font-size: 18px;
        margin-top: 45px;;
    }

    .ready .section-content .title p {
        font-size: 14px;
    }

    .ready-container {
        margin-top: 30px;
    }
    .vacancy-container {
        margin-top: 30px;
        width: 90%;
    }
    .ready-item {
        width: 197px;
        height: 114px;
        padding-left: 20px;
        margin-bottom: 10px;    
    }

    .ready-item span {
        font-size: 12px;
    }

    .ready-item img {
        top: calc(50% - 20px);
        width: 52px;
        height: 40px;
    }

    .garant-item:before, .ready-item:before {
        width: 64px;
        height: 59px;
    }
    .ready .btn {
        margin-top: 22px;
    }

    .tabs-list {
        display: none;
    }
    
    .schema-content-item {
        height: auto;;
        border-left: none;
        padding-left: 20px;;
        width: 80%;
        left: 0;
        margin: 0 auto;
    }

    .stage p, .quality p {
        display: none;
    }

    .schema-content-item p {
        font-size: 14px;
        text-align: center;
    }

    .schema-content-item span {
        font-size: 14px;
    }
    

    .stage .tabs-list-tablet {
      display: block;
    }
    h2 {
        margin-top: 45px;
        font-size: 22px;
    }

    .work .title p {
        display: none;
    }

    .work .title h2 {
        font-size: 22px;
    }

    .btn {
        bottom: 25px;
        width: 262px;
        right: calc(50% - 131px);
        font-size: 15px;
        height: 47px;
        line-height: 47px;;;    
    }

    .col-lg-4:nth-child(n+3) {
        display: none;
    }
    

    .news {
        height: 100%;
    }

    /*.news-list .col-lg-6:nth-child(n+2) {
        display: none;
    }*/

    .bottom-menu a {
        font-size: 10px;
    }

    .results-list-item {
        width: 100%;
    }

    .develop .title p, .example .title p {
        font-size: 14px;
    }

    .example {
        height: 100%;
    }

    .results-list-item {
        margin-top: 20px;
    }

    .example .btn {
        margin-top: 25px;
    }
    .content_atmosphere {
        height: 800px;
    }
    
    .modal-custom {
        width: 300px;
    }

    .modal-title {
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }

    .modal-form p {
        font-size: 13px;
        margin: 4px 0;
    }

    .modal-form {
        width: 275px;
    }

    .garant,
    .develop {
        height: 550px;
    }

    .contacts-address {
    float: none;

    }
    .contacts-main {
    height: 610px;
    }
    .contacts-map {
      float: none;
      width: 100%;
      display: block;
    }
    .contacts-content {
      display: none;
    }
    .contacts-content-mobile {
      display: block;
    }

    .contacts-content-mobile ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;;;
    }

    .contacts-content-mobile ul li {
      float: left;
      width: 50%;
      background-color: #e6e6e6;;;;
    }
    
    .contacts-content-mobile ul li h3 {
      text-align: center;
      display: block;
      color: #696969;
      font-weight: 400;
      font-size: 14px;
    }
    
    .contacts-content-mobile ul li a {
      display: block;
      padding: 1px 0;
    }
    .contacts-content-mobile ul li.active {
      background-color: #00aeff;
      color: #fff;
    }
    
    .contacts-content-mobile ul li.active h3 {
      color: #fff;
      text-align: center;;
    }

    .contacts-content-mobile div {
      background-color: #00aeff;
    }
    
    .contacts-address-text p {
      padding-left: 20px;
      color: #fff;
      font-size: 14px;
    }
    
    .contacts-address-text p:first-child {
    margin-top: 0;
    padding-top: 18px;
    }

    .contacts-content-mobile .tab-pane {
      display: none;
    }

    .contacts-content-mobile .tab-pane.active {
      display: block;
    }

    .mobile .head-text h1 {
        font-size: 18px;
    }

    .mobile .head-text p {
        font-size: 12px;
        text-align: justify;
    }

    .os-logo {
        width: 30%;
    }

    .os-logo p {
        font-size: 12px;
    }

    .need .title h2 {
        font-size: 18px;
    }

    .need .facts-item {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    .need .comerc-item {
        width: 80%;
        padding: 10px 30px;
    }

    .stage-mobile {
        height: 480px;
    }

    .stage-mobile .tabs-list-tablet {
        height: 300px;
    }

    .garant-mobile .container {
        display: none;
    }

    .garant-mobile .facts-list-tablet {
        margin-top: 50px;
    }

    .example .results-list-item .results-img {
    width: 80%;
        
    }

    .example-mobile .results-list-item {
        width: 100%
    }

    .cash .title p {
        font-size: 14px;
    }

    .app-item p {
        margin-top: 0;
    }
    .app-item h4 {
        margin-bottom: 0;
        display: block;
    }

    .cash .right-container {
    margin-top: -65px;
    }

    .app-item {
        width: 80%;
        margin: 40px auto;
    }

    .cash {
        height: 1200px;
    }

    .garant-mobile .garant-item img {
        left: -30px;
        top: 35%;    
    }

    .nav-mobile-menu .social {
        display: none;
    }
}

@media screen and (max-width: 321px) {
    .work {
        -ms-background-position-x: 32%;
        background-position-x: 32%;
        height: 500px;
    }
    .menu-sitemap-tree
    {
        margin-left: -5%;
    }
    .mobile-menu-description {
        font-weight: 700;
        position: absolute;
        color: #707070;
        margin-top: 160%;
        margin-left: 45%;
    }
    .bank-main {
        height: 520px;
    }

    .po-main .head-text, .bank-main .head-text {
        width: 90%;
        margin-top: 65px;
    }

    .title {
        width: 100%;
    }

    .ready {
        height: 840px;
    }

    .example .results-list-item span {
        line-height: 13px;
    }

    .question-title h2 {
        padding-top: 20px;
        font-size: 22px;
    }

    .question .modal-form input {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .modal-input {
        margin-top: 20px;
    }
    

    .question .modal-form .add-file-text p,
    .question .modal-form .add-file-text span {
        font-size: 11px;
    }
    .modal-form .add-file.voice .add-file-text p {
        font-size: 11px;
    }

    .question {
        height: 580px;
    }

    .lead-item-img,
    .lead-item-text {
        display: block;
        margin: 0 auto;
    }

    .lead-item-text {
        width: 90%;
        padding-left: 0;
        margin-top: 15px;
    }

    .leadership {
        height: 1600px;
    }

    .lead-item-img {
        width: 160px;
    }

    .os-logo {
        width: 100%;
        margin: 20px 0px;
    }

    .os-logo img {
        display: inline-block;
        width: 10%;
        vertical-align: middle;
        margin: 0 10px;
    }

    .os-logo p {
        display: inline-block;
        width: 80%;
        vertical-align: middle;
    }

    .mobile .head-text {
        width: 80%; 
    }

    .need .facts-item ul li {
        margin: 10px 0;
    }

    .need .comerc-item {
        width: 100%;
    }

    .need .comerc-item:after {
        display: none;
    }

    .stage-mobile .schema-content-item p {
        display: block;
    }

    .stage-mobile .tabs-list-tablet {
        height: 340px;
    }

    .garant-mobile .facts-list-tablet {
        margin-top: 0;
    }

    .garant-mobile .facts-item span {
        display: block;
        line-height: 17px;
    }

    .facts-carousel .owl-prev {
        left: 30%;
    }

    .facts-carousel .owl-next {
        right: 35%;
    }

    .app-item .btn {
        width: 100%;
        margin-top: 20px;
    }

    .app-item {
        margin: 40px auto;
    }
}
@media (max-width: 600px) {
    #wheelDiv {
        height: 350px;
        width: 350px;
    }
}

@media (max-width: 400px) {
    #wheelDiv {
        height: 300px;
        width: 300px;
    }
    .nav-mobile
    {
        margin-left: 82%;
    }
    .nav-logo {
        text-align: center;
        margin-top: 63px;
    }

    .menu-sitemap-tree .nav-logo
    {
        padding-bottom: 20%;
    }

    .menu-sitemap-tree{
        padding-left: 0;
    }
}
.error{
    color: #00aeff
}
.modal_answer_on_active{
    color: #9a9a9a;
}

/*404 PAGE*/
@import url(http://fonts.googleapis.com/css?family=Share+Tech+Mono);


svg{
    width: 600px;
    height: 240px;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: #d5dadc;
}
text {
    filter: url(#filter);
    fill: #00aeff;
    font-family: 'Share Tech Mono', sans-serif;
    font-size: 220px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glitch_404
{
    width: 100%;
    padding-left: 25%;
}
.page_404 {
    background-image: url('../img/404_bg.png');
    background-color: #d5dadc;
}
.page_404 .head-text strong {
    color: #00aeff;
    font-size: 220px;
}
.page_404 .head-text p {
    color: #696969;

}
.page_404 .head-text .blue
{
    color: #00aeff;
    font-weight: 700;
}
.po-main .head-text h1, .page_404 .head-text h1 {
    font-size: 29px;
}

.po-main .head-text, .page_404 .head-text {
    margin-top: 22%;
}

.page_404 .head-text p {
    font-size: 16px;
}
.po-main .head-text,
.page_404 .head-text {
    position: static;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-top: 260px;
}

.po-main .head-text h1,
.page_404 .head-text h1 {
    color: #00aeff;
    text-transform: uppercase;
}
/*404 PAGE*/

.description_upper p, .white_bg, .vacancy-mobile_container, .vacancy_desc_img_active
{
    display: none;
}
.atmosphere_pictures-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1; }
.atmosphere_pictures-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
.atmosphere_pictures-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.atmosphere_pictures-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
.atmosphere_pictures-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
.atmosphere_pictures-carousel .owl-item img {
    display: block;
// width: 100%;
    -webkit-transform-style: preserve-3d; }
.atmosphere_pictures-carousel .owl-nav.disabled,
.atmosphere_pictures-carousel .owl-dots.disabled {
    display: none; }
.atmosphere_pictures-carousel .owl-nav .owl-prev,
.atmosphere_pictures-carousel .owl-nav .owl-next,
.atmosphere_pictures-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.atmosphere_pictures-carousel.owl-loaded {
    display: block; }
.atmosphere_pictures-carousel.owl-loading {
    opacity: 0;
    display: block; }
.atmosphere_pictures-carousel.owl-hidden {
    opacity: 0; }
.atmosphere_pictures-carousel.owl-refresh .owl-item {
    visibility: hidden; }
.atmosphere_pictures-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.atmosphere_pictures-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
.atmosphere_pictures-carousel.owl-rtl {
    direction: rtl; }
.atmosphere_pictures-carousel.owl-rtl .owl-item {
    float: right; }

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

    /*404*/
    text {
        filter: url(#filter);
        fill: #00aeff;
        font-family: 'Share Tech Mono', sans-serif;
        font-size: 175px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .glitch_404 {
        width: 100%;
        padding-left: 0%;
    }
    /*404*/
    .description_01, .description_02,
    .description_03, .description_05,
    .description_04, .doit_btn {
        display: block;
    }
    .atmosphere_pictures
    {
        display: none;
    }
    .vacancy-block-blue {
        height: 99%;
    }
    .vacancy
    {
        height: 100%;
    }
    .vacancy-mobile_container
    {
        height: 100%;
        display: inline-block;
        background-color: #FFF;
        width: 100%;
    }
    .content_atmosphere {
        height: 500px;
    }
    .vacancy-mobile_container .vacancy_desc
    {
        position: inherit;
        background-color: #FFFFFF;
    }
    .vacancy-mobile_container .vacancy-image_container p, .requirement_list , .requirement
    {
        position: inherit;
        background-color: #FFFFFF;
    }
    .vacancy-mobile_container .requirement
    {
        margin-top: 34px;
        padding-left: 13%;
        text-align: left;
        color: #000;
        font-size: 16px;
        text-decoration: underline;
        backface-visibility: hidden;
        position: absolute;
        font-weight: 600;
    }
    .vacancy_desc_img_active
    {
        z-index: 1;
        position: absolute;
        margin-top: -19%;
        margin-left: 41px;
        padding-left: 20px;
        background-repeat: no-repeat;
        background-image: url(../img/arrow_active.png);
        float: right;
        width: 10px;
        height: 5px;
    }
    .vacancy-mobile_container .requirement_list
    {
        text-align: -webkit-left;
        margin-top: 70px;
        padding-left: 13%;
        font-size: 14px;
        position: absolute;
        backface-visibility: hidden;
        color: #000;
    }
    .description_downer, .description_upper {
        text-align: center;
        padding-right: 30px;
    }
    .description_upper {
        text-align: -webkit-center;
        padding-left: 3px;
        margin-left: 0px;
    }
    .reasons_descriptions {
        font-size: 16px;
        padding-left: 30px;
        margin-left: 0px;
    }
    .reasons_descriptions_line
    {
        display: none;
    }
    .reasons_desc_img_lower
    {
        width: 100px;
        height: 90px;
        margin-top: -68px;
    }
    .content_reasons
    {
        height: calc(100% + 120px);
    }
    .reasons_descriptions .btn {
        margin-right: 23%;
        margin-bottom: 12%;
    }
    .description_06
    {
        margin-top: 0px;
    }
    .description_upper p
    {
        color: #00aeff;
        width: 10%;
        display: inline;
    }
    .navigate_arrows
    {
        display: none;
    }
    .vacancy-container {
        display: none;
    }
    .third-block_container {
        width: 100%;
        background-color: #ffffff;
        margin: 0 auto;
        height: 500px;
    }
    .third-block_container .front {
        display: none;
    }
    .third-block_container .back {
        transform: rotateY(0deg);
    }
    .white_bg
    {
        display: block;
    }
    .blue_bg
    {
        display: none;
    }
    .vacancy_desc_img_lower
    {
        width: 22px;
        height: 22px;
        margin-top: 0%;
        margin-left: 16px;
        padding-left: 20px;
    }
    .vacancy_desc
    {
        color: #00aeff;
    }
    .vacancy_desc p
    {
        background-image: url(../img/arrow_inactive.png);
        background-position: 85%;
        background-size: 4%;
        background-repeat: no-repeat;
        text-align: -webkit-left;
        color: #00aeff;
        padding-left: 48px;
    }
    .vacancy_desc .active
    {
        background-image: url(../img/arrow_active.png);
        background-position: 85%;
        background-size: 4%;
        background-repeat: no-repeat;
        text-align: -webkit-left;
        color: #00aeff;
        padding-left: 48px;
    }

}
@media all and (max-width: 1400px) {
    .po-main .head-text
    {
        margin-top: 150px;
    }
    .scroll-shop
    {
        margin-bottom: 245px;
    }
    .head-logo {
        text-align: center;
        margin-top: 20px;
    }
    .description_01, .description_06 {
        margin-top: 0px;
    }
    .reasons_descriptions_line {
        width: 88%;
    }
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
    .vacancy
    {
        height: 903px;
    }
    .vacancy-container {
        width: calc(100% - 144px);
    }
    .head-logo {
        text-align: center;
        margin-top: 20px;
    }
    .description_01, .description_06 {
        margin-top: -23px;
    }
    .left-menu {
        margin-top: 13%;
        list-style: none;
    }
}
@media all and (max-width: 480px) {
    .scroll-shop {
        margin-bottom: -138px;
    }
}

.prezentation
{
    display: block;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-BoldItalic.eot');
	src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-BoldItalic.woff') format('woff'),
		url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),

		url('../fonts/OpenSans-Bold.woff') format('woff'),

		url('../fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),

		url('../fonts/OpenSans-Semibold.woff') format('woff'),

		url('../fonts/OpenSans-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),

		url('../fonts/OpenSansLight-Italic.woff') format('woff'),

		url('../fonts/OpenSansLight-Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),

		url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'),

		url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),

		url('../fonts/OpenSans.woff') format('woff'),

		url('../fonts/OpenSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),

		url('../fonts/OpenSans-Extrabold.woff') format('woff'),

		url('../fonts/OpenSans-Extrabold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),

		url('../fonts/OpenSans-Italic.woff') format('woff'),

		url('../fonts/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),

		url('../fonts/OpenSans-ExtraboldItalic.woff') format('woff'),

		url('../fonts/OpenSans-ExtraboldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),

		url('../fonts/OpenSans-Light.woff') format('woff'),

		url('../fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold.eot');
	src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Bold.woff') format('woff'),
		url('../fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Semibold.eot');
	src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Semibold.woff') format('woff'),
		url('../fonts/OpenSans-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Light.eot');
	src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Light.woff') format('woff'),
		url('../fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-ExtraboldItalic.eot');
	src: url('../fonts/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-ExtraboldItalic.woff') format('woff'),
		url('../fonts/OpenSans-ExtraboldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Italic.eot');
	src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Italic.woff') format('woff'),
		url('../fonts/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Extrabold.eot');
	src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Extrabold.woff') format('woff'),
		url('../fonts/OpenSans-Extrabold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans.eot');
	src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans.woff') format('woff'),
		url('../fonts/OpenSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-SemiboldItalic.eot');
	src: url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'),
		url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSansLight-Italic.eot');
	src: url('../fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSansLight-Italic.woff') format('woff'),
		url('../fonts/OpenSansLight-Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

body {
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
}


h2 {
	color: #707070;
	font-size: 80px;
	font-weight: 400;
}


.clearfix {
	clear: both;
}

img {
	width: 100%;
}
.visible {
	visibility: visible !important;
}

.a-close {
	display: none !important;
}


.content {
	width: 100%;
	height: 980px;
	position: relative;
	background-size: cover;
}

/*
.speech {
	background-image: url('../img/speech.jpg');
	color: #fff;
}

*/
.nav-back, .nav-grey {
	position: absolute;
	top: 0;
	right: 0;
	width: 316px;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
}
.nav-back_full{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.9;
}

.nav-grey {
	background-color: rgba(204, 204, 204, 0.33);
}

.question {
	background-image: url('../img/question.jpg');
}

.question-content {
	width: 641px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.15);
	height: 100%;
}

.question-content .update_container {
    padding-top: 11%;
}


.question-title h2 {
	margin:  0;
	padding-top:  6px;
	font-size:  40px;
}

.question-title p {
	font-size: 18px;

}

.question-title p strong {
	font-size: 24px;;

}

.question .modal-custom {
	width: 512px;
}

.question .modal-form {
	width: 428px;
}

.question .modal-form input {
	width: 207px;
	margin: 20px 0px;
	float: left;
}

.question .modal-form input:first-child {
	margin-right: 14px;
}

.question .modal-form textarea {
	width: 100%;
	border: 1px solid #d7d7d7;
	resize: none;
	padding-left: 12px;
	min-height: 201px;
	border-radius: 4px;
}

.question .modal-form .add-file {
	margin: 15px 0;

}

.question .modal-form .add-file-icon {
	display: inline-block;
	vertical-align: middle;

}

.question .modal-form .add-file-text {
	display: inline-block;
	vertical-align: middle;

}

.question .modal-form .add-file-text p {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	display: block;
	margin-top: -5px;
}

.question .modal-form .add-file-text span {
	color: #ababab;
	font-size: 14px;
	display: block;
	margin-top: -5px;
}

.question .modal-form .btn {
	margin: 27px auto 60px;
	margin-top: 15px;
	width: 346px;
	float: none;

}

.right-nav {
	position: fixed;
	top: 0;
	right: 0;
	width: 316px;
	height: 100%;
	z-index: 1000;
	overflow: hidden;
	cursor: pointer;
}
.nav-mobile .right-nav
{
    width: 100%;
}
.nav-logo {
	text-align: center;
	margin-top: 63px;
}

.short {
	width: 200px;
	overflow: hidden;
}

.nav-logo img {
	width: 132px;
	height: 54px;
}

.right-menu {
	position: relative;
    margin-right: 30px;
    top: calc(50% - 210px);
    padding-right: 35px;
    text-align: right;
    overflow: hidden;
    float: right;
    width: 316px;
}
.question .modal-form .add-file-text {
	display: inline-block;
	vertical-align: middle;

}

.question .modal-form .add-file-text p {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	display: block;
	margin-top: -5px;
}

.question .modal-form .add-file-text span {
	color: #ababab;
	font-size: 14px;
	display: block;
	margin-top: -5px;
}

.question .modal-form .btn {
	margin: 27px auto 60px;
	margin-top: 15px;
	width: 346px;
	float: none;

}

.overlay {
	background-color: #484848;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

.modal-form .add-file.voice .add-file-text p {
	margin: 0;
}
.short .right-menu {
	width: 500px;
	padding-right: 170px;
}

.short .right-menu ul a:after {
	right: 60px;
}
.short .right-menu .active:after {
	right: 52px;

}

.right-menu a {
	text-decoration: none;
	color: #aaa;
	display: block;
	height: 60px;
}

.right-menu ul a:after {
	content: '';
	border-radius: 50%;
	border: 4px solid #d1d1d1;
	position: absolute;
	width: 15px;
	height: 15px;
	margin-top: 6px;
	right: 4px;
}

.right-menu ul {
	list-style: none;
}
.right-menu a.active {
	color: #0384bf;
}


.right-menu .active:after {
	width: 30px;
	height: 30px;
	background-color: #0384bf;
	border-radius: 15px;
	border: 0;
	margin-top: 0;
	right: 0;
}


.header {
	margin-left: 185px;
	margin-top: 45px;
}


.logo {
	width: 189px;
	height: 77px;
	float: left;
}


.number {
	float: right;
	margin-right: 355px;
}


.number p {
	margin: 0;
	font-size: 30px;
}


.head-text {
	margin-top: 100px;
	width: calc(100% - 316px);
	margin-left: 7%;
}


.head-text h1 {
	margin: 0;
	font-size: 40px;
	font-weight: 400;
}


.head-text p {
	font-size: 28px;
	position: relative;
	margin-left: 0;
	color: #d4d4d4;
}


.head-text p:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 5px;
	top: 55px;
	z-index: 5;
}


.head-text p:after {
	content: '';
	position: absolute;
	width: 70%;
	height: 1px;
	left: 25%;
	top: 60px;
	background: linear-gradient(to right, #fff, #000);
}


.head-text span {
	margin-left: 0;
	color: #00aeff;
	font-weight: 600;
}


.social {
	float: right;
	position: absolute;
	bottom: 20px;
	right: 316px;
}


.facebook, .blog {
	display: inline-block;
	margin-right: 35px;
}


.make-both {
}


.solutions {
	background-image: url('../img/solutions-1.png');
	background-size: contain;
	background-repeat: no-repeat;
}


.solutions-list {
	width: calc(100% - 184px);
}


.solutions-item {
	width: 75%;
	background-color: #868686;
	border-bottom: 10px solid #fff;
	-webkit-box-shadow: 0px 8px 16px -3px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 8px 16px -3px rgba(0,0,0,0.28);
	box-shadow: 0px 8px 16px -3px rgba(0,0,0,0.28);
	border-radius: 5px;
	display: table;
	position: relative;
	margin: 25px auto;
}


.solutions-item p {
	color: #fff;
	height: 100px;
	padding-left: 100px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	font-weight: 400;
	font-size: 22px;
    z-index: 1000;
}


.solutions-item p:before {
	content: '';
	position: absolute;
	background-image: url('../img/arrow.png');
	left: -30px;
	height: 60px;
	width: 70px;
	top: 20px;
}


.solutions-item i {
	position: absolute;
	right: 32px;
	color: #fff;
	top: 40px;
    z-index: 0;
}


.solutions-item-text {
	visibility: hidden;
	position: absolute;
	left: 0px;
	z-index: 10;
	background-color: #fff;
	margin-top: 100px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.28);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.28);
	color: #707070;
}


.area {
	background-image: url('../img/area-2.png');
	background-size: contain;
	background-repeat: no-repeat;
}


.area h2 {
	margin-bottom: 0;
}


.area h3 {
	font-weight: 400;
	color: #636363;
	font-size: 28px;
	margin-top: 0;
	display: inline-block;
	width: 60%;
	margin-left: 10%;;
}

.area .container {
	width: 100%;
}
.brif {
    padding-left: 132px;
    width: calc(100% - 316px)
}


.check_block {
	width: 80%;
	margin: 8px auto;
	background-color: #707070;
	border-left: 12px solid #00aeff;
	border-radius: 5px;
	position: relative;
}


.check_block input {
	display: none;
}


.check_block label {
	display: block;
	cursor: pointer;
}


.checkbox {
	width: 20px;
	height: 20px;
	background: transparent;
	border: 1px solid #ccc;
	border-radius: 4px;
	position: absolute;
	top: 20px;
	left: -41px;
}


.check-title {
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 18px;
	color: #eee;
	margin: 0;
	margin-left: 8px;
	padding-top: 10px;
	text-transform: uppercase;
}


.check-text {
	margin: 0;
	padding: 0;
	color: #c8c8c8;
	margin-left: 8px;
	margin-top: 10px;
	padding-bottom: 10px;
    /*height: 50px;*/
}


.check_block input:checked + label > .checkbox {
	background-image: url('../img/check.png');
	border: 0;
}

.check_block input:checked + label {
	background: #00aeff;
    border-radius: 5px;
    margin-left: -5px;
}


.check_block input:checked + label > .check-title {
	font-family: 'Open Sans';
	font-weight: bold;
    padding-right: 3px;
}


.check_block input:checked + label > .check-text {
	color: #c9edfd;
    padding-right: 2px;
}


.btn {
	width: 346px;
	height: 55px;
	background: #00aeff;
	border: 0;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-top: 25px;
	display: block;
	line-height: 55px;
	text-align: center;
	margin-left: calc(50% - 173px);
}


.technology {
	background-image: url('../img/technology.png');
}


.technology .title h2, .contacts .title h2 {
	color: #fff;
}

.technology .container {
	width: calc(100% - 316px);
	margin: 0;
}
.technology-block {
	color: #fff;
	width: 90%;;
	margin: 0 auto;
	margin-bottom: 80px;
}


.technology-block:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 200px;
	background: #00aeff;
	border-radius: 5px;
	left: 0;
	top: 2px;
}


.technology-block-title {
	font-weight: bold;
}


.technology-block-text {
	margin-top: 30px;
}


.smi {
	background-image: url('../img/smi.png');
	background-repeat: no-repeat;
	background-position: 0;
}

.smi .container-fluid {
	width: calc(100% - 316px);
	float: left;
	margin: 0;
	padding: 0;

}

.owl-carousel {
	width: 80%;
	margin: 0 auto;
}


.owl-dots {
	text-align: center;
	position: absolute;
	bottom: -110px;
	left: calc(50% - 40px);
}


.owl-dot {
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background-color: #ccc;
	display: inline-block;
	margin: 0 7px;
	vertical-align: middle;
}


.owl-dot.active {
	width: 22px;
	height: 22px;
	border-radius: 11px;
	background-color: #00aeff;
}


.carousel-item {
	width: 95%;
	margin: 0 auto;;
}


.smi-logo {
	position: relative;
	width: 110px;
	height: 80px;
}


.smi-logo img {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
}


.smi-logo:after {
	content: '';
	position: absolute;
	width: 100px;
	height: 3px;
	background-color: #707070;
	bottom: -31px;
}


.smi-text {
	margin-top: 65px;
}


.smi-text a {
	color: #9a9a9a;
}


.contacts {
	background-image: url('../img/contacts.png');
}

.contacts .container {
	width: calc(100% - 316px);
	margin: 0;;
}
.about {
	color: #fff;
	padding-top: 0;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-left: 5%;
	width: 25%;;
}


.about ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 300px;
	margin-left: 15px;
}


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


.about ul li img {
	margin-right: 20px;
	position: absolute;
	left: -20px;
	width: auto;
}


.about ul li:last-child img {
	bottom: 45px;
}


.title-question {
	float: left;
	position: absolute;
	margin-top: 90px;
	margin-left: 3%;
}


.video-content {
	float: right;
    margin-top: 15px;
    z-index: 10;
    position: relative;
	margin-right: 20px;
	width: 65%;;
}


.video-content:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 418px;
	top: -25px;
	border: 1px solid #1fb5d0;
	margin-left: 35px;
	z-index: 1;
}


.video-content video {
	position: relative;
	z-index: 100;
	width: 100%;;
}


.title-question h4 {
	font-size: 40px;
	color: #00aeff;
	font-weight: 400;
	margin: 0;
}


.title-question .btn {
	margin: 0;
	margin-top: 30px;
}


.footer-pre {
	display: block;
	width: 100%;
	height: 60px;
	background-color: #00aeff;
	-moz-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.42);
	position: relative;
}


.footer-pre i {
	position: absolute;
	left: calc(50% - 12.5px);
	z-index: 100;
	top: -25px;
	color: #3b3b3b;
}


.footer-pre:after {
	content: '';
	position: absolute;
	width: 82px;
	height: 82px;
	background-color: #00aeff;
	border-radius: 41px;
	left: calc(50% - 41px);
	top: -28px;
	-moz-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.42);
}


.footer-pre:before {
	position: absolute;
	width: 82px;
	height: 41px;
	left: calc(50% - 41px);
	background-color: #00aeff;
	z-index: 100;
	top: 10px;
}


.footer {
	display: none;
	background-color: #00aeff;
	height: 100%;
	padding-bottom: 120px;
}


i.up {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	zoom: 1;
}


.bottom-menu {
	color: #fff;
	font-weight: 600;
	vertical-align: top;
	float: left;
}


.bottom-menu:nth-child(odd) {
	border-right: 1px solid #009ae2;
}


.bottom-menu ul {
	list-style: none;
	padding-left: 0;
}


.bottom-menu ul li {
	margin: 10px 0;
}


.bottom-menu ul li a {
	font-size: 16px;
	color: #c9e9ef;
	font-weight: 400;
}

.modal-wrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000;;
  top: 0;
  display: none;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 50px;
}

.modal-close:hover {
    cursor: pointer; 
}

.modal-custom {
  overflow: auto;
  width: 442px;
  max-height: 100%;
  background: #ebebeb;
  z-index: 20;
  border-radius: 4px;
}

.modal-center {
   position: fixed;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.modal-title {
	width: 100%;
	height: 60px;
	background-color: #00aeff;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	border-radius: 4px;
	margin-bottom: 17px;
}

.modal-form {
	width: 351px;
	margin: 0 auto;
}

.modal-form p {
	font-size: 16px;
	color: #9a9a9a;
	font-weight: 100;
	margin: 8px 0;;
}

.modal-form p span {
	color: red;
    font-size: 18px;
    position: relative;
    top: 2px;
    left: 5px;
}

.modal-form input {
	width: 100%;
	height: 40px;
	border: 1px solid #d7d7d7;
	margin: 10px 2px;
	padding-left: 12px;
	border-radius: 4px;;
}

.modal-form .btn {
	width: 100%;
	margin-top: 12px;
	margin-bottom: 46px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
	margin-left: 0;;	
}

.question .modal-custom {
	width: 512px;
}

.question .modal-form {
	width: 90%;
}

.question .modal-form input {
	width: 48.5%;
	margin: 20px 0px;
	float: left;
}

.question .modal-form input:first-child {
	margin-right: 14px;
}

.question .modal-form textarea {
	width: 100%;
	border: 1px solid #d7d7d7;
	resize: none;
	padding-left: 12px;
	min-height: 201px;
	border-radius: 4px;
}

.question .modal-form .add-file {
	margin: 15px 0;

}
.question .modal-form .add-file-text p {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	display: block;
	margin-top: -5px;
}
.question .modal-form .add-file-icon {
	display: inline-block;
	vertical-align: middle;

}

.question .modal-form .add-file-text {
	display: inline-block;
	vertical-align: middle;

}


.question .modal-form .add-file-text span {
	color: #9a9a9a;
	font-size: 14px;
	display: block;
	margin-top: -5px;
}

.question .modal-form .btn {
	margin: 27px auto 60px;
	margin-top: 27px;
	width: 346px;;;

}

.overlay {
  background-color: #484848;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.modal-form .add-file.voice .add-file-text p {
	margin: 0;
}

input,
input:focus {
	outline: none;
}
::-webkit-input-placeholder {
    font-size: 0.8em;
    color: #cecece;
    line-height: 40px;
}
::-moz-placeholder          {
    font-size: 0.8em;
    color: #cecece;
    line-height: 40px;
    }/* Firefox 19+ */
:-ms-input-placeholder      {
    font-size: 0.8em;
    color: #cecece;
    line-height: 40px;
}

.skrepka {
    background: url("../img/add-file.png") no-repeat;
    width: 31px;
    height: 31px;
}
.skrepka:hover {
    background: url("../img/add-file-hover.png") no-repeat;
}

.area.content .brif .col-md-6 {
    height: 120px;
}

@media all and (min-width: 1400px) {
	.check-text
	{
		font-size: 15px;
	}
	.check-title
	{
		font-size: 16px;
	}

}

@media all and (min-width: 1199px) and (max-width: 1500px) {
    .check-title {
        font-family: 'Open Sans';
        font-weight: bold;
        font-size: 13px;
        color: #eee;
        margin: 0;
        margin-left: 8px;
        padding-top: 5px;
        text-transform: uppercase;
    }
    .check-text {
        margin: 0;
        padding: 0;
        color: #c8c8c8;
        margin-left: 6px;
        margin-top: 8px;
        padding-bottom: 5px;
        font-size: 13px;
        /*height: 50px;*/
    }
}

@media all and (max-width: 1500px) {
    .check_block {
        width: 90%;
    }
}
@media all and (min-width: 1199px) and (max-width: 1399px) {
	.area .container {
		width: 105%;
	}
}
@media all and (max-width: 1200px) {
	.technology-block-text {
	font-size: 16px;
	}

	.owl-dots {
	bottom: -80px;;

	}
	.check-text {
		margin: 0;
		padding: 0;
		color: #c8c8c8;
		margin-left: 8px;
		margin-top: 0px;
		padding-bottom: 6px;
		font-size: 13px;
	}
	.check-title {
		font-size: 14px;
		margin: 0;
		margin-left: 6px;
		padding-top: 6px;
	}

	/*.area .container {*/
		/*width: 104%;*/
	/*}*/


	h2 {
		font-size: 60px;
	}
	.head-text h1 {
	font-size: 30px;

	}

	.head-text p {
	font-size: 20px;

	}

	.head-text span {
		display: block;
	}

    .brif {
        padding-left: 100px;
    }

    .check_block {
        width: 95%;
        /*height: 100px;*/
    }
}
@media screen and (max-width: 1024px) {
	.content {
	    height: 764px;
	}

    .question {
        /*height: 1100px;*/
        height: auto;
    }

	.logo {
		width: 117px;
	}

	.header {
		margin-left: 50px;
	}

	.number {
		margin-right: 125px;
	}

	.number p {
		font-size: 20px;
	}

	.head-text p {
		font-size: 22px;
	}
	

	.head-text p:before {
		top: 40px;	
	}

	.head-text p:after {
		top: 45px;
		width: 90%;
        left: 3%;
	}

	.head-text span {
		font-size: 16px;
		margin-top: 0;;
	}

	.social {
		right: 15px;
	}

	h2 {
		font-size: 35px;;
	}

	.solutions-list {
		width: 100%;
	}

	.solutions-item p {
		font-size: 18px;
		height: 78px;
		padding-left: 60px;
	}

	.solutions-item-text ul li {
		font-size: 14px;
	}

	.area h3 {
		font-size: 18px;
	}

	.brif {
		width: 100%;
        padding-left: 0px;
	}

	.check-title {
		font-size: 14px;
		padding-top: 10px;
	}

	.check-text {
		font-size: 14px;
		margin-top: 5px;
		padding-bottom: 10px;
        /*height: 60px;*/
	}

	.technology .container {
		width: 100%;
	}

	.technology-block {
		width: 70%;
		margin-bottom: 70px;	
	}

	.technology-block:before {
		left: 25px;
		height: 170px;
	}

	.technology-block-title {
		font-size: 14px;
	}

	.technology-block-text {
		font-size: 14px;
		margin-top: 15px;
		text-align: justify;
	}

	.smi-text a {
		font-size: 14px;
		display: block;
	}

	.smi .container-fluid {
		width: 100%;
		float: none;
	}

	.carousel-item {
		width: 90%;
	}

	.about ul li a {
		font-size: 14px;
	}

	.about ul {
		padding-left: 10px;
	}
	
	.contacts .container {
		width: 100%;
	}
	.video-content {
		width: 453px;
		height: 253px;
		margin-right: 55px;
	}

	.video-content video {
		width: 100%;
		height: 100%;
	}

	.video-content:after {
		width: 454px;
		height: 256px;
	}

	.title-question h4 {
		font-size: 30px;
	}

	.title-question {
		margin-top: 45px;
	}

	.btn {
		font-size: 14px;
		height: 40px;
		line-height: 38px;
		width: 270px;;
		margin: 0 auto;
		margin-top: 25px;
	}

	.solutions-item-text {
		margin-top: 80px;
	}

	.solutions-item i {
	top: 30px;
	right: 20px;

	}
	.head-text {
		margin-left: 65px;
		display: block;
	}

	.solutions-item p:before {
	top: 10px;

	}

    .question-title h2 {
        font-size: 30px;
    }

    .question-content {
        width: 100%;
    }

    .question .modal-form {
        width: 296px;
    }

    .question .modal-form input {
        width: 141px;
        margin-top: 0px;
    }
    .question .modal-form .btn {
        width: 100%;
        font-size: 16px;
    }

    .question .modal-form .add-file-text p,
    .question .modal-form .add-file-text span {
        font-size: 10px;
    }
}

@media screen and (max-width: 768px) {
    .right-nav,
    .nav-grey,
    .nav-back {
        display: none;
    }

	.head-text {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.area {
		height: 1600px
	}

	.area .col-xs-6 {
		width: 100%;
	}

	.check_block {
	width: 55%;

	}

	.area h3 {
		width: 60%;
		margin-left: 20%;;
		display: inline-block;
		text-align: center;
	}

	.technology {
		    height: 100%;
	}

	.technology .col-xs-6 {
		width: 100%;
	}

	.technology-block {
		width: 50%;
	}

	.technology-block:before {
	left: 20%;
		
	}

	.video-content {
		width: 60%;
		height: 243px;
	}

	.question .modal-custom {
		width: 65%;
	}

    .head-text p {
        font-size: 18px;
    }

    h2 {
        font-size: 30px;
    }

    .title {
        margin-left: 0px;
    }

    .check_block {
        /*height: 140px;*/
    }

    .area.content .brif .col-md-6 {
        height: 100%;
    }
}

@media screen and (max-width: 610px) {
    .head-text p:before, .head-text p:after {
        display: none;
    }
}

@media screen and (max-width: 480px) {
	.number,
	.social {
		display: none;
	}

    .question-title h2 {
    margin: 0;
    padding-top: 0px;
    font-size: 40px;
}
	.content {
		height: 400px;
	}

	.header {
		margin-left: 0;
		margin-top: 20px;
	}

	.logo {
		width: 62px;
	}

	.head-text h1 {
		font-size: 25px;
	}

	.head-text p {
		font-size: 12px;
	}

	.head-text span {
		font-size: 15px;
	}

	.head-text p:before {
		top: 106%;
		width: 4px;
		height: 4px;
	}

	.head-text p:after {
		top: 112%;
	}

	.head-text {
		margin-top: 50px;
	}

	.title {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	h2 {
		font-size: 26px;
	}

	.solutions-item p {
		font-size: 12px;
		height: 50px;
		padding-left: 20px;
	}

	.solutions-item p:before {
	background-size: 28px;
	background-repeat: no-repeat;
	top: 15px;
	left: -15px;
	}

	.solutions-item i {
	top: 15px;
	right: 5px;
	transform: scale(0.5);
	}

    .area {
        height: 100%;
        padding-bottom: 40px;
    }

	.solutions-item-text {
		margin-top: 51px;
	}
    .solutions-item-text ul {
        margin-left: -20px;
        margin-top: 0px;
        margin-bottom: 11px;
        line-height: 14px;

    }
	.solutions-item-text ul li {
        font-size: 12px;
    }

    .solutions-list {
        width: 100%;
        margin-top: -30px;
    }

    .solutions-item {
        width: 95%
    }

	.area h3 {
		width: 73%;
		display: block;
		margin: 0 auto;
		font-size: 14px;
	}

	.check_block {
		width: 80%;
	}

	.check-text {
		font-size: 13px;
	}

	.technology-block {
		width: 75%;
	}

	.technology-block:before {
		left: 15px;
	}

	.technology {
		    height: 100%;
	}
	.smi-logo {
		height: 30px;
	}

	.smi-logo:after {
	bottom: -20px;;

	}

	.smi-text {
		margin-top: 30px;
	}

	.owl-dots {
		bottom: -40px;
		left: -webkit-calc(50% - 60px);
		left: calc(50% - 60px);
	}

	.video-content {
		display: none;
	}

	.about {
		width: 90%;
		text-align: center;
	}

	.about ul li img {
		left: 18%;;
	}

	.contacts {
		height: 600px;
	}

	.title-question {
		width: 100%;
		float: none;
		margin-left: 0;
		text-align: center;
		position: static;;
	}

	.title-question .btn {;
	margin: 0 auto;;
	margin-top: 14px;

	}

	.bottom-menu {
	display: block;
	float: none;
	width: 90%;
	border: none !important;
	margin: 20px auto;
	font-size: 13px;

	}

	.bottom-menu ul li a {
		font-size: 13px;
	}

	.footer {
		padding-bottom: 0;
	}

	.footer-pre {
		height: 55px;
	}

	.modal-custom {
        width: 300px;
    }

    .modal-title {
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }

    .modal-form p {
        font-size: 13px;
        margin: 4px 0;
    }

    .modal-form {
        width: 275px;
    }

    .question .modal-form input {
    	width: 100%;
    }
    .question .modal-form .btn {
    	width: 90%;
    }

    .question .modal-form .add-file-text p,
    .question .modal-form .add-file-text span {
    	font-size: 12px;
    }

    .question .modal-custom {
    	width: 90%;
    }
    #nav-toggle {
        left: 25px;
    }
}

@media screen and (max-width: 320px) {
	.head-text {
		width: 100%;
	}

	.head-text p:before {
	top: 38px;

	}

	.head-text p:after {
	top: 40px;

	}

	.solutions-item i {
		display: none;
	}

	.solutions-item p {
		font-size: 10px;
	}

	.solutions {
		-webkit-background-size: cover;
		background-size: cover;
	}

	.check_block {
		width: 100%;
		margin-left: 15px;
	}

	.technology-block {
		width: 95%;
		margin-left: 15px;
	}

	.technology-block:before {
	left: 5px;
	height: 210px;;

	}

	.technology {
		height: 950px;
	}

	.smi-text a {
		line-height: 15px;
		text-align: justify;
	}

	.title-question h4 {
		font-size: 26px;
	}

    .area h2 {
        margin: 45px auto 0px;
        width: 80%;
    }

    .area h3 {
        margin: 10px auto 0px;
        width: 90%;
       /* padding-left: 10%; */
    }

    .brif a.btn.modal-event {
        width: 213px;
        right: calc(50% - 106px);
    }

    .area.content .row {
        margin-right: 17px;
    }
}
@media screen and (max-width: 320px) {
    .work {
        -ms-background-position-x: 32%;
        background-position-x: 32%;
        height: 500px;
    }

    .bank-main {
        height: 520px;
    }

    .po-main .head-text, .bank-main .head-text {
        width: 90%;
        margin-top: 65px;
    }

    .title {
        width: 100%;
    }

    .ready {
        height: 840px;
    }

    .example .results-list-item span {
        line-height: 13px;
    }

    .question-title h2 {
        padding-top: 20px;
        font-size: 22px;
    }

    .question .modal-form input {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .modal-input {
        margin-top: 20px;
    }
    

    .question .modal-form .add-file-text p,
    .question .modal-form .add-file-text span {
        font-size: 11px;
    }
    .modal-form .add-file.voice .add-file-text p {
        font-size: 11px;
    }

    .question {
        height: auto;
    }

    .lead-item-img,
    .lead-item-text {
        display: block;
        margin: 0 auto;
    }

    .lead-item-text {
        width: 90%;
        padding-left: 0;
        margin-top: 15px;
    }

    .leadership {
        height: 1600px;
    }

    .lead-item-img {
        width: 160px;
    }

    .os-logo {
        width: 100%;
        margin: 20px 0px;
    }

    .os-logo img {
        display: inline-block;
        width: 10%;
        vertical-align: middle;
        margin: 0 10px;
    }

    .os-logo p {
        display: inline-block;
        width: 80%;
        vertical-align: middle;
    }

    .mobile .head-text {
        width: 80%; 
    }

    .need .facts-item ul li {
        margin: 10px 0;
    }

    .need .comerc-item {
        width: 100%;
    }

    .need .comerc-item:after {
        display: none;
    }

    .stage-mobile .schema-content-item p {
        display: block;
    }

    .stage-mobile .tabs-list-tablet {
        height: 340px;
    }

    .garant-mobile .facts-list-tablet {
        margin-top: 0;
    }

    .garant-mobile .facts-item span {
        display: block;
        line-height: 17px;
    }

    .facts-carousel .owl-prev {
        left: 30%;
    }

    .facts-carousel .owl-next {
        right: 35%;
    }

    .app-item .btn {
        width: 100%;
        margin-top: 20px;
    }

    .app-item {
        margin: 40px auto;
    }

    .head-text p, .head-text span {
        width: 70%;
        margin: 10px auto;
    }
}
@media (max-width: 600px) {
    #wheelDiv {
        height: 350px;
        width: 350px;
    }
}

@media (max-width: 400px) {
    #wheelDiv {
        height: 300px;
        width: 300px;
    }
}
@media screen and (max-width: 480px) {
    .facts-item {
        display: inline-block;
        margin: 0 auto;
        width: 70%;;
    }
    .mobile-menu-description
    {
        font-weight: 700;
        position: absolute;
        color: #707070;
        margin-top: 150%;
        margin-left: 45%;
    }
    .question-content {
	width: 100%;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.15);
	height: 100%;
}
    .po-main .head-text {
        position: static;
        width: 80%;
        text-align: center;
        margin: 0 auto;
        margin-top: 154px;
    }
    .question
    {
        height: auto;
    }
    .po-main {
        font-size: 16px;
    }
    .question .modal-form input{
        width: 100%;
    }
    #requestFormPhone-error, #nameform-error{
        font-size: 15px;
    }
    
    .globus {
    width: 70%;
    left: 15%;
        
    }
    .doit_btn-picture, .part_of-us
    {
        display: none;
    }
    .wheelDiv, .reasons_desc_img
    {
        display: none;
    }
    .po-main .head-text, .career-main .head-text {
        margin-top: 178px;
    }
    .footer .container {
        display: block;
    }
    .bottom-menu {
    width: 45%;
    display: inline-block;
    text-align: center;
    margin: 3px 0px;
    }

    .tabs-list-tablet {
        display: none;
    }
    
    .results-list-item p {
        font-size: 16px;
    }
    .results-list-item span {
        font-size: 12px;
    }
    
    .item-description {
        border: none;
        width: 100%;
    }
    .portfolio-filter a {
        font-size: 13px;
    }
    .item-description img {
        top: -80px;
    }

    .portfolio-item a {
    padding-top: 30px;
    padding-bottom: 0;
        
    }
    .right-container {
        width: 70%;
    }
    .item-description h3 {
        margin-top: 65px;
    }
    
    .lead-item-img {
        width: 74px;
    }

    .people-img {
        width: 25%;
    }

    .people-img:nth-child(n+11) {
        display: block;
    }
    
    .lead-item-text {
        width: 70%;
    }
    .leadership {
        height: 1100px;
    }
    
    .lead-item {
        margin-bottom: 25px;
    }

    .lead-item-text span {
        font-size: 11px;
    }
    .news-item-title h3 {
        font-size: 17px;
    }
    .garant-list {
        display: none;
    }

    .facts {
        height: 385px;
    }
    .content_atmosphere {
        height: 800px;
    }
    .facts-list {
        display: none;
    }

    .facts-list-tablet {
        width: 100%;
        text-align: center;
        display: block;
        margin-top: 80px;
    }

    .facts-carousel .owl-prev,
    .facts-carousel .owl-next {
        position: absolute;
        bottom: -40px;
    }
    
    .facts-carousel .owl-prev {
        left: 35%;
    }

    .facts-carousel .owl-next {
        right: 35%;
        width: auto;;
    }

    .quality .tabs-list-tablet {
        display: block;
        height: auto;
        width: 100%;
        top: 40%;
    }

    .content {
    min-height: 480px;
    }
    
    .quality {
        height: 320px;
    }

    .head-text {
        margin-top: 20%;
    }

    .head-text h1 {
        font-size: 22px;
    }
    
    .head-text h1 strong {
        font-size: 32px;
    }

    .head-text h3 {
        font-size: 14px;
    }
    
    .po-main .head-text h1, .bank-main .head-text h1 {
        font-size: 18px;
    }
    
    .bank-main .head-text p {
        font-size: 10px;
        line-height: 15px;
        margin-top: 20px;
    }

    .po-main .head-text, .bank-main .head-text {
        margin-top: 100px;
    }

    .bank-main .bank-logo {
        width: 87px;
        margin: 10px auto;
    }

    .bank-main .bank-logo img {
        width: 100%;
    }

    .ready h2, .quality h2, .example h2 {
        font-size: 18px;
        margin-top: 45px;;
    }

    .ready .section-content .title p {
        font-size: 14px;
    }

    .ready-container {
        margin-top: 30px;
    }
    .vacancy-container {
        margin-top: 30px;
        width: 90%;
    }
    .ready-item {
        width: 197px;
        height: 114px;
        padding-left: 20px;
        margin-bottom: 10px;    
    }

    .ready-item span {
        font-size: 12px;
    }

    .ready-item img {
        top: calc(50% - 20px);
        width: 52px;
        height: 40px;
    }

    .garant-item:before, .ready-item:before {
        width: 64px;
        height: 59px;
    }
    .ready .btn {
        margin-top: 22px;
    }

    .tabs-list {
        display: none;
    }
    
    .schema-content-item {
        height: auto;;
        border-left: none;
        padding-left: 20px;;
        width: 80%;
        left: 0;
        margin: 0 auto;
    }

    .stage p, .quality p {
        display: none;
    }

    .schema-content-item p {
        font-size: 14px;
        text-align: center;
    }

    .schema-content-item span {
        font-size: 14px;
    }
    

    .stage .tabs-list-tablet {
      display: block;
    }
    h2 {
        margin-top: 45px;
        font-size: 22px;
    }

    .work .title p {
        display: none;
    }

    .work .title h2 {
        font-size: 22px;
    }

    .btn {
        bottom: 25px;
        width: 262px;
        right: calc(50% - 131px);
        font-size: 15px;
        height: 47px;
        line-height: 47px;;;    
    }

    .col-lg-4:nth-child(n+3) {
        display: none;
    }
    

    .news {
        height: 100%;
    }

    /*.news-list .col-lg-6:nth-child(n+2) {
        display: none;
    }*/

    .bottom-menu a {
        font-size: 10px;
    }

    .results-list-item {
        width: 100%;
    }

    .develop .title p, .example .title p {
        font-size: 14px;
    }

    .example {
        height: 100%;
    }

    .results-list-item {
        margin-top: 20px;
    }

    .example .btn {
        margin-top: 25px;
    }
    .content_atmosphere {
        height: 800px;
    }
    
    .modal-custom {
        width: 300px;
    }

    .modal-title {
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }

    .modal-form p {
        font-size: 13px;
        margin: 4px 0;
    }

    .modal-form {
        width: 275px;
    }

    .garant,
    .develop {
        height: 550px;
    }

    .contacts-address {
    float: none;

    }
    .contacts-main {
    height: 610px;
    }
    .contacts-map {
      float: none;
      width: 100%;
      display: block;
    }
    .contacts-content {
      display: none;
    }
    .contacts-content-mobile {
      display: block;
    }

    .contacts-content-mobile ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;;;
    }

    .contacts-content-mobile ul li {
      float: left;
      width: 50%;
      background-color: #e6e6e6;;;;
    }
    
    .contacts-content-mobile ul li h3 {
      text-align: center;
      display: block;
      color: #696969;
      font-weight: 400;
      font-size: 14px;
    }
    
    .contacts-content-mobile ul li a {
      display: block;
      padding: 1px 0;
    }
    .contacts-content-mobile ul li.active {
      background-color: #00aeff;
      color: #fff;
    }
    
    .contacts-content-mobile ul li.active h3 {
      color: #fff;
      text-align: center;;
    }

    .contacts-content-mobile div {
      background-color: #00aeff;
    }
    
    .contacts-address-text p {
      padding-left: 20px;
      color: #fff;
      font-size: 14px;
    }
    
    .contacts-address-text p:first-child {
    margin-top: 0;
    padding-top: 18px;
    }

    .contacts-content-mobile .tab-pane {
      display: none;
    }

    .contacts-content-mobile .tab-pane.active {
      display: block;
    }

    .mobile .head-text h1 {
        font-size: 18px;
    }

    .mobile .head-text p {
        font-size: 12px;
        text-align: justify;
    }

    .os-logo {
        width: 30%;
    }

    .os-logo p {
        font-size: 12px;
    }

    .need .title h2 {
        font-size: 18px;
    }

    .need .facts-item {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    .need .comerc-item {
        width: 80%;
        padding: 10px 30px;
    }

    .stage-mobile {
        height: 480px;
    }

    .stage-mobile .tabs-list-tablet {
        height: 300px;
    }

    .garant-mobile .container {
        display: none;
    }

    .garant-mobile .facts-list-tablet {
        margin-top: 50px;
    }

    .example .results-list-item .results-img {
    width: 80%;
        
    }

    .example-mobile .results-list-item {
        width: 100%
    }

    .cash .title p {
        font-size: 14px;
    }

    .app-item p {
        margin-top: 0;
    }
    .app-item h4 {
        margin-bottom: 0;
        display: block;
    }

    .cash .right-container {
    margin-top: -65px;
    }

    .app-item {
        width: 80%;
        margin: 40px auto;
    }

    .cash {
        height: 1200px;
    }

    .garant-mobile .garant-item img {
        left: -30px;
        top: 35%;    
    }

    .nav-mobile-menu .social {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .work {
        -ms-background-position-x: 32%;
        background-position-x: 32%;
        height: 500px;
    }
    .mobile-menu-description
    {
        font-weight: 700;
        position: absolute;
        color: #707070;
        margin-top: 160%;
        margin-left: 45%;
    }
    .bank-main {
        height: 520px;
    }

    .po-main .head-text, .bank-main .head-text {
        width: 90%;
        margin-top: 65px;
    }

    .title {
        width: 100%;
    }

    .ready {
        height: 840px;
    }

    .example .results-list-item span {
        line-height: 13px;
    }

    .question-title h2 {
        padding-top: 20px;
        font-size: 22px;
    }

    .question .modal-form input {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .modal-input {
        margin-top: 20px;
    }
    

    .question .modal-form .add-file-text p,
    .question .modal-form .add-file-text span {
        font-size: 11px;
    }
    .modal-form .add-file.voice .add-file-text p {
        font-size: 11px;
    }

    .question {
        height: 770px;
    }

    .lead-item-img,
    .lead-item-text {
        display: block;
        margin: 0 auto;
    }

    .lead-item-text {
        width: 90%;
        padding-left: 0;
        margin-top: 15px;
    }

    .leadership {
        height: 1600px;
    }

    .lead-item-img {
        width: 160px;
    }

    .os-logo {
        width: 100%;
        margin: 20px 0px;
    }

    .os-logo img {
        display: inline-block;
        width: 10%;
        vertical-align: middle;
        margin: 0 10px;
    }

    .os-logo p {
        display: inline-block;
        width: 80%;
        vertical-align: middle;
    }

    .mobile .head-text {
        width: 80%; 
    }

    .need .facts-item ul li {
        margin: 10px 0;
    }

    .need .comerc-item {
        width: 100%;
    }

    .need .comerc-item:after {
        display: none;
    }

    .stage-mobile .schema-content-item p {
        display: block;
    }

    .stage-mobile .tabs-list-tablet {
        height: 340px;
    }

    .garant-mobile .facts-list-tablet {
        margin-top: 0;
    }

    .garant-mobile .facts-item span {
        display: block;
        line-height: 17px;
    }

    .facts-carousel .owl-prev {
        left: 30%;
    }

    .facts-carousel .owl-next {
        right: 35%;
    }

    .app-item .btn {
        width: 100%;
        margin-top: 20px;
    }

    .app-item {
        margin: 40px auto;
    }
}

.brif a.btn.modal-event, .question.content .section-content 
{
	float: none;
}

@media all and (max-width: 1200px) {
    .head-text p:after {
        top: 40px;
    }

    .head-text p:before {
        top: 34px;
    }
}

@media screen and (max-height: 330px) {
    .area {
        height: 1320px;
    }
    .question.content.question_direct, .question.content {
        height: 850px;
    }
}
#static_form .success_form .modal-title {
    padding-top: 50%;
}

.captcha-block {
	height: 56px;
}

.captcha-block img {
	width: auto;
}

.brif-form .captcha-img {
    margin: 10px 0px 10px 3px;
}

.brif-form .reloadCaptcha-btn {
    margin: 19px 0px 0px 10px;
}

.question .modal-form .captcha-block input {
	width: 61%;
    margin: 0px 0px 0px 10px;
}

.reloadCaptcha-btn {
	display: inline-block;
    width: 24px;
    height: 19px;
	background: url(/img/reload_captcha.png) no-repeat scroll 0 0;
    margin: 10px 0px 0px 10px;
	float: left;
}

@media all and (max-width: 1024px) {
	.captcha-block {
		height: 100px;
	}

	.question .modal-form .captcha-block input {
		width: 100%;
		margin: 10px 0px 0px 0px;
	}
}