html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

@font-face {
  font-family: "PFDinTextCondProMedium";
  font-weight: normal;
  font-style: normal;
  src: url("../css/fonts/pfdintextcondpro-medium-webfont.eot");
  src: url("../css/fonts/pfdintextcondpro-medium-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../css/fonts/pfdintextcondpro-medium-webfont.woff") format("woff"),
    url("../css/fonts/pfdintextcondpro-medium-webfont.ttf") format("truetype"),
    url("../css/fonts/pfdintextcondpro-medium-webfont.svg#PFDinTextCondProMedium")
      format("svg");
}
@font-face {
  font-family: "PFDinTextCondProRegular";
  font-weight: normal;
  font-style: normal;
  src: url("../css/fonts/pfdintextcondpro-regular-webfont.eot");
  src: url("../css/fonts/pfdintextcondpro-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../css/fonts/pfdintextcondpro-regular-webfont.woff") format("woff"),
    url("../css/fonts/pfdintextcondpro-regular-webfont.ttf") format("truetype"),
    url("../css/fonts/pfdintextcondpro-regular-webfont.svg#PFDinTextCondProRegular")
      format("svg");
}
@font-face {
  font-family: "ProximaNova Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../css/fonts/ProximaNova-Bold.eot");
  src: url("../css/fonts/ProximaNova-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../css/fonts/ProximaNova-Bold.woff") format("woff"),
    url("../css/fonts/ProximaNova-Bold.ttf") format("truetype"),
    url("../css/fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
}

body {
  font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
  width: 100%;
  color: #000;
}
a {
  text-decoration: underline;
  color: #000;
  outline: none;
}
a:hover {
  text-decoration: none;
}
p {
  margin: 0;
}
img {
  max-width: 100%;
  border: none;
}
input {
  vertical-align: middle;
}
ol,
ul {
  padding: 0;
  list-style: none;
}
.wrapper {
  left: 0;
  width: 100%;
  min-width: 1285px;
  background: url("../images/portfolio/ms/line-header.png") no-repeat center top;
}
.wrapper .common {
  max-width: 1920px;
  width: 100%;
  height: auto !important;
  min-height: 100%;
  margin: 0 auto 0 auto;
  background: url("/landings/images/portfolio/ms/bg1.jpg") no-repeat center top 4px;
}
.common .header {
  position: relative;
  z-index: 170;
  width: 1070px;
  height: 170px;
  margin: 0 auto;
  padding-top: 15px;
}
.wrapper .footer {
  font-size: 12px;
  line-height: 14px;
  position: relative;
  z-index: 200;
  float: left;
  width: 100%;
  height: 100px;
  margin: 0 auto;
  margin-top: 80px;
  padding-top: 40px;
  padding-left: 0;
  background-color: white;
}
.footer .time {
  float: left;
  width: 160px;
  margin-top: initial;
}
.footer .contacts {
  line-height: 17px;
  position: relative;
  display: inline-block;
  float: left;
  width: 479px;
  height: 80px;
  color: #3b4556;
}
.footer-content {
  width: 944px;
  margin: 0 auto;
}
.main {
  height: 80px;
  padding-top: 17px;
}
.main .logo {
  float: left;
  width: 222px;
  height: 63px;
  margin-top: 16px;
  margin-left: 77px;
}
.header .else {
  height: 90px;
  margin-top: 3px;
}
.main .logo a {
  display: block;
  width: 222px;
  height: 63px;
  background: url(../images/morizo.png) no-repeat;
}
.header .main .phones {
  float: right;
  width: 299px;
  margin-top: 2px;
}
.phones .lang {
  font-size: 11px;
  line-height: 22px;
  position: absolute;
  top: -36px;
  left: 2px;
  width: 85px;
  height: 20px;
  color: #00aeef;
}
.phones .description {
  font-size: 12px;
  line-height: 14px;
  margin-top: 20px;
  padding-bottom: 3px;
  color: #000;
}
.phones .number {
  font-family: "PFDinTextCondProMedium", Arial, Tahoma;
  font-size: 26px;
  line-height: 26px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  color: #000;
}
.phones .lang {
  font-size: 11px;
  line-height: 22px;
  position: absolute;
  top: -36px;
  left: 2px;
  width: 85px;
  height: 20px;
  color: #00aeef;
}
.phones .description {
  font-size: 12px;
  line-height: 14px;
  margin-top: 20px;
  padding-bottom: 3px;
  color: #000;
}
.phones .number {
  font-family: "PFDinTextCondProMedium", Arial, Tahoma;
  font-size: 26px;
  line-height: 26px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  color: #000;
}
.menu {
  font-family: "PFDinTextCondProMedium", Arial, Tahoma;
  font-size: 15px;
  line-height: 24px;
  float: left;
  margin-left: 138px;
  text-transform: uppercase;
  color: #fff;
}
.menu ul li {
  display: block;
  float: left;
  padding-right: 11px;
}
.menu a {
  color: #000;
}
.vacancy {
  font-size: 14px;
  line-height: 18px;
  position: relative;
  float: right;
  width: 277px;
  padding-top: 1px;
  padding-left: 22px;
  color: #3b4556;
  background: url("../images/vacancy.png") no-repeat;
}
.vacancy a.application {
  margin-top: -2px;
  text-decoration: none;
  color: #60ad1e;
  border-bottom: 1px dotted #60ad1e;
}
.common .content {
  z-index: 200;
  width: 100%;
  margin-top: -32px;
  margin-bottom: 30px;
  padding-left: 0;
  color: #000;
}
.common .content .navibar {
  font-size: 11px;
  line-height: 18px;
  position: relative;
  overflow: hidden;
  width: 1030px;
  margin: 0 auto;
  margin-top: 23px;
  padding-bottom: 5px;
  padding-left: 234px;
  color: #999;
  z-index: 500;
}
.content .navibar a {
  color: #000;
}
.content .navibar a:last-child {
  text-decoration: none;
}
.content h1 {
  font-family: "PFDinTextCondProMedium", Arial, Tahoma;
  font-size: 48px;
  font-weight: 100;
  line-height: 55px;
  width: 800px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #000;
  padding-left: 4px;
}
.content .preview {
  position: relative;
  z-index: 100;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 1px;
}
.preview .left {
  position: relative;
  float: left;
  overflow: hidden;
  width: 150px;
  padding-top: 7px;
  padding-right: 25px;
  padding-left: 75px;
}
.preview .left a.left-ar {
  font-family: arial;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  padding-left: 18px;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
  background: url(../images/left.png) 0 -90px no-repeat;
}
.preview .center {
  position: relative;
  float: left;
  width: 820px;
  padding-right: 93px;
}
.preview .right {
  position: relative;
  overflow: hidden;
  width: 70px;
  padding-top: 7px;
  padding-left: 30px;
}
.preview .right a.right-ar {
  font-size: 12px;
  line-height: 16px;
  position: relative;
  padding-right: 18px;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
  background: url(../images/right.png) 100% -90px no-repeat;
}
.preview .center .object {
  position: relative;
  float: left;
  width: 944px;
  padding-top: 3px;
  padding-right: 0;
}
.preview .center .object .information {
  position: relative;
  float: left;
  width: 541px;
  padding-top: 0;
  font-family: Arial, Tahoma;
}
.center .object .information p {
  font-size: 14px !important;
  line-height: 24px !important;
  width: 520px;
  padding-bottom: 24px;
  color: #000;
}
.preview .center .object .links {
  float: left;
  width: 200px;
  padding-left: 90px;
}
.links .site {
  position: relative;
  overflow: hidden;
  width: 200px;
  padding-top: 3px;
}
.links .site .icon {
  position: relative;
  float: left;
  overflow: hidden;
  width: 20px;
  padding-top: 4px;
}
.links .site .link {
  overflow: hidden;
  width: 170px;
  padding-top: 2px;
}
.links .date {
  font-size: 12px;
  line-height: 18px;
  position: relative;
  overflow: hidden;
  width: 180px;
  padding-top: 5px;
  padding-left: 20px;
  color: #000;
}
.links .likes {
  position: relative;
  float: left;
  clear: both;
  margin-top: 30px;
  margin-left: 20px;
}
.links .likes .facebook {
  position: relative;
}
.links .likes .twitter,
.links .likes .facebook {
  position: relative;
  margin-bottom: 10px;
}
.content .preview .center a {
  color: #60ad1e;
}
.clear {
  clear: both;
}
#place {
  display: none;
}
.cron-pic {
  position: relative;
  margin: 0 auto;
}
.bl {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.bl.bl1 {
  position: relative;
  width: 932px;
  height: 478px;
  margin: 33px auto 72px;
  left: -43px;
}
.bl.bl1 .device {
  position: absolute;
}
.bl.bl1 .device1 {
  width: 829px;
  height: 459px;
  background: url("/landings/images/portfolio/ms/device1.png") no-repeat;
  top: 0;
  left: 0;
}
.bl.bl1 .device2 {
  width: 267px;
  height: 377px;
  background: url("/landings/images/portfolio/ms/device2.png") no-repeat;
  top: 84px;
  left: 665px;
}
.bl.bl1 .device3 {
  width: 131px;
  height: 267px;
  background: url("/landings/images/portfolio/ms/device3.png") no-repeat;
  top: 211px;
  left: 578px;
}

.bl.bl2 {
  padding-bottom: 96px;
}
.bl.bl3 {
  background: url("/landings/images/portfolio/ms/bg2.jpg") no-repeat center top;
  height: 769px;
  color: #fff;
  padding-top: 91px;
}
.bl.bl4 {
  padding-top: 92px;
  height: 771px;
  overflow: hidden;
}
.bl.bl5 {
  background: url("/landings/images/portfolio/ms/bg3.jpg") no-repeat center top;
  height: 643px;
  color: #fff;
  padding-top: 91px;
}
.bl.bl6 {
  padding-top: 88px;
  height: 1375px;
  overflow: hidden;
}
.bl.bl7 {
  padding-top: 84px;
  height: 891px;
  background: #eee;
}
.bl.bl8 {
  padding-top: 91px;
  height: 1090px;
}
.bl.bl9 {
  height: 723px;
  background: url("/landings/images/portfolio/ms/bg7.jpg");
  color: #fff;
  padding-top: 92px;
  overflow: hidden;
}
.bl.bl10 {
  padding-top: 89px;
  height: 808px;
  overflow: hidden;
}
.bl.bl11 {
  background: #eee;
  padding-top: 89px;
  height: 802px;
}
.bl.bl12 {
  padding-top: 94px;
  height: 1251px;
}
.bl.bl12 .bl__inner {
  position: relative;
  height: 100%;
}
.bl.bl13 {
  color: #fff;
  background: url("/landings/images/portfolio/ms/bg4.jpg");
  height: 730px;
  padding-top: 88px;
}
.bl.bl14 {
  padding-top: 90px;
  height: 529px;
}
.bl.bl15 {
  color: #fff;
  background: url("/landings/images/portfolio/ms/bg5.jpg");
  padding-top: 100px;
  height: 879px;
}
.bl.bl16 {
  padding-top: 92px;
  height: 573px;
}
.bl.bl17 {
  background: url("/landings/images/portfolio/ms/bg6.jpg");
  height: 591px;
  color: #fff;
}
.bl.bl18 {
  height: 616px;
  padding-top: 90px;
  border-bottom: 1px solid #f6faff;
  margin-bottom: -65px;
}
.bl__inner {
  width: 794px;
  margin: 0 auto;
}

.row {
}
.row__mb43 {
  margin-bottom: 43px;
}
.row__mb67 {
  margin-bottom: 67px;
}
.row__mb52 {
  margin-bottom: 52px;
}
.row__mb49 {
  margin-bottom: 49px;
}
.row .col1,
.row .col2,
.row .col3 {
  float: left;
  min-height: 1px;
}
.row .col1 {
  width: 396px;
}
.row .col2 {
  width: 132px;
}
.row .col3 {
  width: 264px;
}
.row .col3__left {
  box-sizing: border-box;
  padding-left: 61px;
}

.row .col1.col2 {
  width: 528px;
}
.row .col2.col3 {
  width: 398px;
}
.row:after,
.row:before {
  display: block;
  clear: both;
  width: 100%;
}
.clearfix {
  display: block;
  clear: both;
  width: 100%;
}

.font1 {
  font-size: 24px;
  line-height: 36px;
  font-family: "PFDinTextCondProMedium", Arial, Tahoma;
  margin-bottom: 9px;
  text-transform: uppercase;
}
.font1__mb31 {
  margin-bottom: 31px;
}
.font1__mb52 {
  margin-bottom: 52px;
}
.font1__mb60 {
  margin-bottom: 60px;
}
.font1__mb0 {
  margin-bottom: 0;
}
.font2 {
  font-size: 14px;
  line-height: 24px;
  font-family: Arial, Tahoma;
}
.font2__bottom {
  margin-bottom: 24px;
}
.font3 {
  font-size: 30px;
  line-height: 36px;
  font-family: "PFDinTextCondProMedium", Arial, Tahoma;
  margin-bottom: 0;
  color: #aac124;
}
.font3__small {
  font-size: 18px;
}
.font4 {
  font-size: 14px;
  line-height: 18px;
  font-family: Arial, Tahoma;
}
.font5 {
  font-size: 14px;
  line-height: 24px;
  font-family: Arial, Tahoma;
  color: #999;
}
.font5__mt45 {
  margin-top: 45px;
}
.font6 {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}
.font7 {
  font-size: 12px;
  line-height: 18px;
}
.font8 {
  font-size: 24px;
  line-height: 20px;
  font-family: "PFDinTextCondProMedium", Arial, Tahoma;
  margin-bottom: 9px;
  text-transform: uppercase;
}

.list1 {
  margin: 0 -10px -46px;
}
.list1__item {
  float: left;
  width: 33.33%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 46px;
  position: relative;
}
.list1__item-inner__abs {
  position: absolute;
  top: -23px;
}
.list1__item-inner__for-show {
  opacity: 0;
}
.list1__item-inner {
  transition: all 0.2s ease-in;
}
.list1__item-hover {
  cursor: default;
}
.inited .list1__item-hover:hover .list1__item-inner__for-hide {
  opacity: 0;
}
.inited .list1__item-hover:hover .list1__item-inner__for-show {
  opacity: 1;
}
.chart-table {
  height: 308px;
  margin-top: 28px;
  margin-right: -3px;
  position: relative;
}
.chart-table__grid {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.chart-table__grid-item {
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
  height: 100%;
  display: block;
  position: absolute;
}
.chart-table__grid-item:nth-child(2) {
  left: 0;
}
.chart-table__grid-item:nth-child(2) {
  left: calc(20% - 1px);
}
.chart-table__grid-item:nth-child(3) {
  left: calc(40% - 1px);
}
.chart-table__grid-item:nth-child(4) {
  left: calc(60% - 1px);
}
.chart-table__grid-item:nth-child(5) {
  left: calc(80% - 1px);
}
.chart-table__grid-item:nth-child(6) {
  left: calc(100% - 1px);
}
.chart-table__grid-item:nth-child(7) {
  left: 100%;
  text-align: right;
}
.chart-table__grid-item_desk {
  border-left: none;
}
.chart-table__grid-text {
  position: absolute;
  bottom: -25px;
  white-space: nowrap;
}
.chart-table__grid-text__right {
  width: 100px;
  left: -100px;
  text-align: right;
}
.chart {
  margin-bottom: 24px;
}

.chart__line {
  height: 10px;
  background: red;
  opacity: 0.8;
  width: 0;
}
.chart__line__color1 {
  background: #03bc9b;
}
.chart__line__color1.inited {
  width: 9%;
}
.chart__line__color2 {
  background: #058894;
}
.chart__line__color2.inited {
  width: 53.5%;
}
.chart__line__color3 {
  background: #aac124;
}
.chart__line__color3.inited {
  width: 77%;
}
.chart__line__color4 {
  background: #8a84bd;
}
.chart__line__color4.inited {
  width: 60%;
}
.chart__line__color5 {
  background: #5d588a;
}
.chart__line__color5.inited {
  width: 39%;
}
.chart__line__outer {
  background: rgba(255, 255, 255, 0.25);
}

.diagramms {
  position: relative;
  margin: 49px 0 0 -17px;
}
.radial {
  transform: rotate(100deg) scaleX(-1);
  position: absolute;
}
.radial circle {
  transition: all 0.4s;
}
.radial1 circle {
  stroke-dashoffset: 855px;
}
.radial1.inited circle {
  stroke-dashoffset: 171px;
}
.radial2 circle {
  stroke-dashoffset: 615px;
}
.radial2.inited circle {
  stroke-dashoffset: 492px;
}

.list2 {
  margin: 0 -10px -97px;
}
.list2__item {
  float: left;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 97px;
}

.diagramms__text {
  position: absolute;
  margin: 0 81px;
  height: 100%;
  height: 284px;
}

.v-al {
  display: table;
  width: 100%;
  height: 100%;
}
.v-al__inner {
  display: table-cell;
  vertical-align: middle;
}

.icon {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}
.icon1 {
  background: url("/landings/images/portfolio/ms/icon1.png");
  width: 70px;
  height: 83px;
  margin-top: 11px;
}
.icon2 {
  background: url("/landings/images/portfolio/ms/icon2.png");
  width: 74px;
  height: 90px;
  margin: 64px 0 12px 0;
}

.prototypies {
  position: absolute;
  width: 0;
  left: 50%;
}
.prototype {
  position: absolute;
  box-shadow: 0 0 13px -4px #000;
  transition: all 0.4s ease-in !important;
}
.prototype1 {
  background: url("/landings/images/portfolio/ms/proto1.jpg");
  width: 466px;
  height: 396px;
  top: 284px;
  left: -609px;
}
.prototype2 {
  background: url("/landings/images/portfolio/ms/proto2.jpg");
  width: 281px;
  height: 363px;
  top: 316px;
  left: -84px;
}
.prototype4 {
  background: url("/landings/images/portfolio/ms/proto4.jpg");
  width: 144px;
  height: 393px;
  top: 286px;
  left: 360px;
}
.prototype5 {
  background: url("/landings/images/portfolio/ms/proto5.jpg");
  width: 284px;
  height: 307px;
  top: 372px;
  left: -175px;
}
.prototype7 {
  background: url("/landings/images/portfolio/ms/proto7.jpg");
  width: 143px;
  height: 307px;
  top: 372px;
  left: 133px;
}
.prototype8 {
  background: url("/landings/images/portfolio/ms/proto8.jpg");
  width: 146px;
  height: 307px;
  top: 372px;
  left: 295px;
}
.prototype10 {
  background: url("/landings/images/portfolio/ms/proto10.jpg");
  width: 146px;
  height: 1014px;
  top: -335px;
  left: 464px;
}

.prototype13 {
  background: url("/landings/images/portfolio/ms/proto13.jpg");
  width: 465px;
  height: 388px;
  top: 291px;
  left: 627px;
}
.prototype14 {
  background: url("/landings/images/portfolio/ms/proto14.jpg");
  width: 466px;
  height: 439px;
  top: -172px;
  left: 618px;
}
.prototype16 {
  background: url("/landings/images/portfolio/ms/proto16.jpg");
  width: 468px;
  height: 187px;
  top: 492px;
  left: -984px;
}
.prototype26 {
  background: url("/landings/images/portfolio/ms/proto26.jpg");
  width: 468px;
  height: 690px;
  top: -241px;
  left: -956px;
}

.footnote1 {
  position: absolute;
  width: 69px;
  height: 57px;
  margin: 81px 0 0 10px;
  overflow: hidden;
}
.footnote1:before {
  width: 100px;
  height: 100px;
  border: 1px solid #fff;
  position: absolute;
  border-radius: 46%;
  content: "";
  left: -35px;
  top: 0px;
}
.footnote1:after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  content: "";
  z-index: 100;
  left: 64px;
  top: 52px;
}

.footnote2 {
  position: absolute;
  width: 8px;
  height: 115px;
  margin: 7px 0 0 7px;
  overflow: hidden;
  z-index: 100;
}
.footnote2:before {
  width: 2px;
  left: 0;
  background: #dcdcdc;
  position: absolute;
  height: 100%;
  content: "";
  right: 0;
  margin: auto;
}
.footnote2:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dcdcdc;
  content: "";
  z-index: 100;
  bottom: 0px;
}

.button-line {
  display: table;
  width: 100%;
  margin: 33px 0 29px 0;
}
.button-line__item {
  padding: 0 9px;
  display: table-cell;
  vertical-align: top;
}
.button-line__item:first-child {
  padding-left: 0;
}
.button-line__item:left-child {
  padding-right: 0;
}

.btn {
  font-size: 14px;
  line-height: 24px;
  padding: 6px 10px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #999;
  border-radius: 19px;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease-in;
}
.btn:not(.btn__active):hover {
  border-color: #aac124;
}
.btn__active {
  background: #aac124;
  border-color: #aac124;
  color: #fff;
}
.button-line__item .btn {
  display: block;
}

.scheme {
  margin: 69px 0 0 0;
}
.scheme__row {
  margin: 0 -20px;
  overflow: hidden;
}
.scheme__col {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
  padding: 0 20px;
  min-height: 1px;
  position: relative;
}

.scheme__bl {
  margin: 0 auto;
  background: #eee;
}
.scheme__bl-top {
  padding: 3px 5px;
  background: #d2d2d2;
  overflow: hidden;
}
.scheme__bl-top-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  margin-right: 5px;
  float: left;
}
.scheme__bl-content {
  height: 110px;
  text-align: center;
}

.scheme__line-bottom {
  width: 2px;
  background: #b5c941;
  height: 30px;
  margin: 5px auto;
}
.scheme__line-bottom__long {
  width: 2px;
  background: #b5c941;
  height: 60px;
  margin: 5px auto;
}
.scheme__line-left {
  height: 2px;
  background: #b5c941;
  position: absolute;
  z-index: 1000;
  width: 30px;
  margin: -56px 0 0 -35px;
}
.scheme__line-left__long {
  height: 2px;
  background: #b5c941;
  position: absolute;
  right: calc(50% - 1px);
  width: 280px;
  margin-top: -34px;
}
.scheme__line-left__long:after {
  width: 2px;
  left: 0;
  height: 29px;
  background: #b5c941;
  position: absolute;
  content: "";
}
.scheme__line-left__long:before {
  width: 2px;
  right: 0px;
  height: 33px;
  background: #b5c941;
  position: absolute;
  content: "";
  top: -31px;
}

.scheme__line-right {
  height: 2px;
  background: #b5c941;
  position: absolute;
  z-index: 1000;
  width: 30px;
  margin: -56px 0 0 243px;
}
.scheme__line-right__long {
  height: 2px;
  background: #b5c941;
  position: absolute;
  left: calc(50% - 1px);
  width: 280px;
  margin-top: -34px;
}
.scheme__line-right__long:after {
  width: 2px;
  right: 0;
  height: 29px;
  background: #b5c941;
  position: absolute;
  content: "";
}
.scheme__line-right__long:before {
  width: 2px;
  left: 0px;
  height: 33px;
  background: #b5c941;
  position: absolute;
  content: "";
  top: -31px;
}
.scheme__line-right__xlong {
  width: 308px;
  height: 2px;
  background: #b5c941;
  position: absolute;
  z-index: 1000;
  margin: -56px 0 0 243px;
}
.screens__outer {
  position: absolute;
  perspective: 10000000000000px;
  width: 0;
  left: 50%;
  top: 1070px;
}
.screens {
  position: absolute;
  position: absolute;
  transform: rotateX(59deg) rotateY(0deg) rotateZ(-34.5deg) scaleY(1.07);
}
.screen {
  position: absolute;
  border-left: 2px solid #bfbfbf;
  border-bottom: 2px solid #e2e2e2;
  box-shadow: 0 0 6px -4px #000;
}
.screen1 {
  background: url(/landings/images/portfolio/ms/screen1.jpg);
  width: 426px;
  height: 490px;
  left: -653px;
  background-size: 100% auto;
  top: -200px;
}
.screen2 {
  background: url(/landings/images/portfolio/ms/screen2.jpg);
  width: 426px;
  height: 531px;
  left: -1102px;
  top: -303px;
}
.screen3 {
  background: url(/landings/images/portfolio/ms/screen3.jpg);
  width: 426px;
  height: 490px;
  top: 510px;
  left: -1252px;
}
.screen4 {
  background: url(/landings/images/portfolio/ms/screen4.jpg);
  width: 426px;
  height: 794px;
  left: -204px;
  top: 108px;
}
.screen5 {
  background: url(/landings/images/portfolio/ms/screen5.jpg);
  width: 426px;
  height: 687px;
  top: 314px;
  left: -653px;
}
.screen6 {
  background: url(/landings/images/portfolio/ms/screen6.jpg);
  width: 261px;
  height: 203px;
  top: 288px;
  left: 247px;
}
.screen7 {
  background: url(/landings/images/portfolio/ms/screen7.jpg);
  width: 261px;
  height: 150px;
  top: 288px;
  left: 530px;
}
.screen8 {
  background: url(/landings/images/portfolio/ms/screen8.jpg);
  width: 426px;
  height: 490px;
  top: 513px;
  left: 247px;
}

.page-element2 {
  position: absolute;
  margin: 101px 0 0 179px;
}
.page-element3 {
  position: absolute;
  margin: 180px 0 0 -157px;
  box-shadow: 0px 4px 45px 0px #999;
}

.screen-pic {
  width: 1230px;
  margin: 8px 0 0 -761px;
  max-width: none;
}

.pretext-line {
  width: 50px;
  height: 4px;
  background: #aac124;
  margin: 26px 0 19px 0;
}

.devices {
  position: absolute;
  left: 50%;
  width: 0;
  transform: rotate(-24deg);
}
.devices .device {
  position: absolute;
}

.device5 {
  background: url("/landings/images/portfolio/ms/device5.png");
  width: 583px;
  height: 413px;
  left: 506px;
  top: 527px;
}
.device6 {
  background: url("/landings/images/portfolio/ms/device6.png");
  width: 410px;
  height: 581px;
  left: -1049px;
  top: -383px;
}
.device7 {
  background: url("/landings/images/portfolio/ms/device7.png");
  width: 200px;
  height: 403px;
  left: -1047px;
  top: 245px;
}
.device8 {
  background: url("/landings/images/portfolio/ms/device8.png");
  width: 405px;
  height: 201px;
  left: -617px;
  top: -2px;
}
.device9 {
  background: url("/landings/images/portfolio/ms/device9.png");
  width: 583px;
  height: 413px;
  top: 240px;
  left: -795px;
}
.device10 {
  background: url("/landings/images/portfolio/ms/device10.png");
  width: 193px;
  height: 393px;
  top: 232px;
  left: -173px;
}
.device11 {
  background: url("/landings/images/portfolio/ms/device11.png");
  width: 579px;
  height: 410px;
  top: 687px;
  left: -553px;
}
.device12 {
  background: url("/landings/images/portfolio/ms/device12.png");
  width: 410px;
  height: 581px;
  top: 476px;
  left: 62px;
}
.device13 {
  background: url("/landings/images/portfolio/ms/device13.png");
  width: 406px;
  height: 202px;
  top: 229px;
  left: 69px;
}
.device14 {
  background: url("/landings/images/portfolio/ms/device14.png");
  width: 194px;
  height: 379px;
  left: 506px;
  top: 119px;
}

.device4 {
  width: 1055px;
  height: 584px;
  position: absolute;
  background: url("/landings/images/portfolio/ms/device4.png");
  margin: 89px 0 0 -112px;
}

.tech {
  position: absolute;
  left: 50%;
  width: 0;
}
.tech-item {
  position: absolute;
}
.tech-item1 {
  background: url("/landings/images/portfolio/ms/tech-icon1.png");
  width: 133px;
  height: 133px;
  left: -524px;
  top: 109px;
}
.tech-item2 {
  background: url("/landings/images/portfolio/ms/tech-icon2.png");
  width: 125px;
  height: 125px;
  left: -406px;
  top: 222px;
}
.tech-item3 {
  background: url("/landings/images/portfolio/ms/tech-icon3.png");
  width: 195px;
  height: 195px;
  left: -274px;
  top: 87px;
}
.tech-item4 {
  background: url("/landings/images/portfolio/ms/tech-icon4.png");
  width: 133px;
  height: 133px;
  left: -289px;
  top: 317px;
}
.tech-item5 {
  background: url("/landings/images/portfolio/ms/tech-icon5.png");
  width: 158px;
  height: 158px;
  left: -67px;
  top: 205px;
}
.tech-item6 {
  background: url("/landings/images/portfolio/ms/tech-icon6.png");
  width: 195px;
  height: 195px;
  left: 216px;
  top: -99px;
}
.tech-item7 {
  background: url("/landings/images/portfolio/ms/tech-icon7.png");
  width: 151px;
  height: 151px;
  left: 106px;
  top: 83px;
}
.tech-item8 {
  background: url("/landings/images/portfolio/ms/tech-icon8.png");
  width: 133px;
  height: 133px;
  left: 384px;
  top: 57px;
}
.tech-item9 {
  background: url("/landings/images/portfolio/ms/tech-icon9.png");
  width: 157px;
  height: 157px;
  left: 251px;
  top: 170px;
}
.tech-item10 {
  background: url("/landings/images/portfolio/ms/tech-icon10.png");
  width: 133px;
  height: 133px;
  left: 119px;
  top: 266px;
}
.tech-item11 {
  background: url("/landings/images/portfolio/ms/tech-icon11.png");
  width: 112px;
  height: 112px;
  left: 259px;
  top: 363px;
}

.comment {
  margin-top: 36px;
  overflow: hidden;
}
.comment_person {
  width: 130px;
  float: left;
}
.comment_person-img {
  display: block;
  margin-bottom: 17px;
}
.comment__text {
  float: left;
  width: 644px;
  margin-left: 20px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 24px 33px 33px;
  font-size: 14px;
  line-height: 22px;
  font-style: italic;
  font-family: georgia, Arial, Tahoma;
  float: left;
  position: relative;
}
.comment__text__white {
  background: #fff;
  color: #000;
}
.comment__text:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 21px 20px 0;
  border-color: transparent #ccc transparent transparent;
  left: -21px;
  top: 31px;
}
.comment__text:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 21px 20px 0;
  border-color: transparent #fff transparent transparent;
  left: -19px;
  top: 32px;
}

.browser {
  position: absolute;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 25px 45px 4px #999;
  top: 455px;
  left: 0;
  width: 794px;
  height: 603px;
}
.browser__comment {
  position: absolute;
  left: 0;
  right: 0;
  top: 25px;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  font-family: "PFDinTextCondProMedium", Arial, Tahoma;
  letter-spacing: 0.5px;
}
.browser__top {
  background: #d2d2d2;
  height: 10px;
  padding: 7px 12px 8px;
  overflow: hidden;
}
.browser__top-circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  float: left;
  margin-right: 6px;
}

.icon6 {
  background: url("/landings/images/portfolio/ms/icon6.png");
  width: 54px;
  height: 54px;
  margin-bottom: 26px;
}
.icon7 {
  background: url("/landings/images/portfolio/ms/icon7.png");
  width: 42px;
  height: 56px;
  margin-bottom: 30px;
  margin-top: -6px;
}
.icon8 {
  background: url("/landings/images/portfolio/ms/icon8.png");
  width: 54px;
  height: 54px;
  margin-bottom: 26px;
}
.icon9 {
  background: url("/landings/images/portfolio/ms/icon9.png");
  width: 53px;
  height: 53px;
  margin-bottom: 28px;
  margin-top: -1px;
}
.icon10 {
  background: url(/landings/images/portfolio/ms/icon10.png);
  width: 42px;
  height: 51px;
  margin-bottom: 12px;
  margin-top: 0px;
}

.icon3 {
  background: url("/landings/images/portfolio/ms/icon3.png");
  width: 74px;
  height: 67px;
}
.icon4 {
  background: url("/landings/images/portfolio/ms/icon4.png");
  width: 40px;
  height: 54px;
}
.icon5 {
  background: url("/landings/images/portfolio/ms/icon5.png");
  width: 20px;
  height: 34px;
}

.res-table {
  display: table;
  margin-left: 74px;
  margin-top: -2px;
  width: 190px;
}
.res-table__row {
  display: table-row;
}
.res-table__cell {
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
  display: table-cell;
  vertical-align: top;
  font-family: "PFDinTextCondProMedium", Arial, Tahoma;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.res-table__cell:last-child {
  padding-right: 0;
}
.res-table__cell__bottom {
  vertical-align: bottom;
}
.res-table__cell span {
  display: inline-block;
  vertical-align: top;
  line-height: 14px;
  font-size: 12px;
}

.jsInit,
.jsInitChild {
  opacity: 0;
  transition: all 0.3s ease-in;
}
.jsInit.inited,
.jsInitChild.inited {
  opacity: 1;
}

.jsInitBottom {
  transform: translateY(750px);
}
.jsInitBottom.inited {
  transform: translateY(0px);
}

.jsInitTop {
  transform: translateY(-750px);
}
.jsInitTop.inited {
  transform: translateY(0px);
}

.jsInitLeft {
  transform: translateX(-750px);
}
.jsInitLeft.inited {
  transform: translateX(0px);
}

.jsInitRight {
  transform: translateX(750px);
}
.jsInitRight.inited {
  transform: translateX(0px);
}

.list-avtor-block {
  margin: 0 -10px;
}
.list-avtor-block li {
  display: block;
  float: left;
  width: 33.3333%;
  margin-bottom: 25px;
  padding: 0 10px;
  box-sizing: border-box;
}
.list-avtor-block .name-avtor {
  font-family: arial;
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  color: #000;
}
.list-avtor-block .special {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  text-align: left;
  white-space: pre-line;
  color: #999;
}

.browser__ctrl {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.browser__ctrl-nw {
  cursor: nwse-resize;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;
  z-index: 100;
}
.browser__ctrl-ne {
  cursor: nesw-resize;
  position: absolute;
  width: 10px;
  height: 10px;
  right: 0;
  top: 0;
  z-index: 100;
}
.browser__ctrl-se {
  cursor: nwse-resize;
  position: absolute;
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.browser__ctrl-sw {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  bottom: 0;
  z-index: 100;
  cursor: nesw-resize;
}
.browser__ctrl-n {
  cursor: ns-resize;
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  top: 0;
}
.browser__ctrl-w {
  cursor: ew-resize;
  position: absolute;
  width: 10px;
  height: 100%;
  left: 0;
  top: 0;
}
.browser__ctrl-s {
  cursor: ns-resize;
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  bottom: 0;
}
.browser__ctrl-e {
  cursor: ew-resize;
  position: absolute;
  width: 10px;
  height: 100%;
  right: 0;
  top: 0;
}

.browser-pic {
  display: none;
}
.browser-pic.visible {
  display: block;
}

.clouds {
  position: absolute;
  left: 0;
  right: 0;
  height: 964px;
  top: 4px;
  overflow: hidden;
}
.cloud {
  position: absolute;
}
.cloud1 {
  width: 1599px;
  height: 605px;
  background: url("/landings/images/portfolio/ms/cloud1.png");
  left: 0%;
  top: -200px;
}
.cloud2 {
  width: 824px;
  height: 545px;
  background: url("/landings/images/portfolio/ms/cloud2.png");
  left: -24%;
  top: -213px;
}
.cloud3 {
  width: 900px;
  height: 644px;
  background: url("/landings/images/portfolio/ms/cloud3.png");
  left: 56%;
  top: 234px;
}
.cloud4 {
  width: 900px;
  height: 644px;
  background: url("/landings/images/portfolio/ms/cloud4.png");
  left: 40%;
  top: 500px;
}
.cloud5 {
  width: 1892px;
  height: 879px;
  background: url("/landings/images/portfolio/ms/cloud5.png");
  left: -16%;
  top: 269px;
}
.cloud6 {
  width: 897px;
  height: 768px;
  background: url("/landings/images/portfolio/ms/cloud6.png");
  left: 24%;
  top: 578px;
}
.cloud7 {
  width: 1399px;
  height: 881px;
  background: url("/landings/images/portfolio/ms/cloud7.png");
  left: 13%;
  top: -77px;
}
.cloud8 {
  width: 1399px;
  height: 886px;
  background: url("/landings/images/portfolio/ms/cloud8.png");
  left: -36%;
  top: 41px;
}

.preview-center {
  width: 1290px;
  margin: 0 auto;
  position: relative;
  z-index: 200;
}

.header,
.common .content .navibar,
.content h1,
.content .preview {
  position: relative;
  z-index: 200;
}

.desks {
  position: relative;
  height: 96px;
}
.desk {
  display: none;
}
.desk__active {
  display: block;
}
.schemes {
  position: relative;
}
.scheme {
  position: absolute;
  left: 0;
  right: 0;
}
.wrapper {
  min-width: 1290px;
  -webkit-text-size-adjust: none;
}

/*EN*/

.wrapper-en .common {
  background-image: url(../images/portfolio/ms/en/bg1.jpg);
}

.wrapper-en .main .logo a {
  background-image: url(../images/morizo-white.png);
}

.wrapper-en .phones .description {
  color: white;
}

.wrapper-en .phones .number {
  color: white;
}

.wrapper-en .content h1 {
  color: white;
}

.wrapper-en .center .object .information p {
  color: white;
}

.wrapper-en .center .object .information p:last-child {
  padding-bottom: 60px;
}

.wrapper-en .content .preview .center a {
  color: #3fc1f3;
}

.wrapper-en .bl.bl1 .device1 {
  background-image: url(../images/portfolio/ms/en/device1.png);
}

.wrapper-en .bl.bl1 .device2 {
  background-image: url(../images/portfolio/ms/en/device2.png);
  background-size: contain;
}

.wrapper-en .bl.bl1 .device3 {
  background-image: url(../images/portfolio/ms/en/device3.png);
}

.wrapper-en .bl.bl3 {
  background-image: url(../images/portfolio/ms/en/bg2.jpg);
}

.wrapper-en .list2 {
  margin-top: 110px;
}

.wrapper-en .prototypies {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
}

.wrapper-en .prototypies__wrapper {
  position: relative;
  max-width: 1900px;
  margin: 0 auto;
}

.wrapper-en .prototype {
  filter: grayscale(1);
  box-shadow: none;
}

.wrapper-en .bl.bl4 .bl__inner {
  position: relative;
  z-index: 1;
}

.wrapper-en .bl.bl4 .bl__inner .row {
  margin: 0 -15px;
}

.wrapper-en .bl.bl4 .col2,
.wrapper-en .bl.bl4 .col3 {
  padding: 15px;
  background: white;
}

.wrapper-en .bl.bl4 {
  height: 1773px;
}

.prototype__en-1 {
  top: -105px;
}

.prototype__en-2 {
  top: 600px;
}

.prototype__en-3 {
  z-index: 2;
  top: 1170px;
}

.prototype__en-4 {
  z-index: 2;
  left: 17%;
  top: 385px;
}

.prototype__en-5 {
  z-index: 2;
  left: 12%;
  top: 1235px;
}

.prototype__en-6 {
  z-index: 1;
  left: 17%;
  top: 1190px;
}

.prototype__en-7 {
  z-index: 1;
  left: 36%;
  top: 1630px;
}

.prototype__en-8 {
  z-index: 1;
  left: 41%;
  top: 480px;
}

.prototype__en-9 {
  z-index: 3;
  left: 43%;
  top: 740px;
}

.prototype__en-10 {
  left: 57%;
  top: 480px;
}

.prototype__en-11 {
  z-index: 2;
  left: 59%;
  top: 1060px;
}

.prototype__en-12 {
  left: 66%;
  top: 480px;
}

.prototype__en-13 {
  z-index: 1;
  right: 12%;
  top: -88px;
}

.prototype__en-14 {
  right: 0;
  top: 1135px;
}

.prototype__en-15 {
  top: 0;
  right: 0;
}

.prototype__en-16 {
  z-index: 2;
  top: 920px;
  right: 0;
}

.wrapper-en .bl.bl5 {
  background-image: url(../images/portfolio/ms/en/bg3.jpg);
}

.wrapper-en .bl.bl6 {
  height: 2280px;
}

.wrapper-en .screens__outer {
  left: 0;
  right: 0;
  top: initial;
  bottom: 0;
  width: auto;
}

.wrapper-en .screens {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  transform: none;
}

.wrapper-en .screen {
  background: none;
  width: auto;
  height: auto;
  top: initial;
  left: initial;
  right: initial;
  bottom: 0;
  border: none;
  box-shadow: none;
}

.wrapper-en .screen1 {
  left: 0;
}

.wrapper-en .screen2 {
  left: 0;
  bottom: 100px;
}

.wrapper-en .screen3 {
  left: 1%;
  bottom: 0;
}

.wrapper-en .screen4 {
  left: 0%;
  bottom: 100px;
}

.wrapper-en .screen5 {
  right: 0;
  bottom: -334px;
}

.wrapper-en .screen6 {
  right: 15%;
  bottom: 485px;
}

.wrapper-en .screen7 {
  right: 0;
  bottom: 660px;
}

.wrapper-en .screen8 {
  right: 0;
  bottom: 0;
}

.wrapper-en .bl7 .bl__inner {
  width: auto;
}

.wrapper-en .bl7 .bl__inner img {
  margin: 0 auto;
  display: block;
}

.wrapper-en .page-element3 {
  box-shadow: none;
}

.wrapper-en .bl.bl9 {
  height: 1120px;
  background-size: 1920px 100%;
  background-image: url(../images/portfolio/ms/en/bg7.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

.wrapper-en .devices {
  top: 0;
  bottom: 0;
  width: 100%;
  min-width: 1600px;
  max-width: 1920px;
  transform: translateX(-50%);
}

.wrapper-en .bl9-device1 {
  left: 0;
  top: 155px;
}

.wrapper-en .bl9-device2 {
  left: 6%;
  bottom: 0;
}

.wrapper-en .bl9-device3 {
  left: 21%;
  top: 327px;
}

.wrapper-en .bl9-device4 {
  left: 18%;
  bottom: 0;
}

.wrapper-en .bl9-device5 {
  left: 39%;
  bottom: 0;
}

.wrapper-en .bl9-device6 {
  z-index: 2;
  top: 440px;
  left: 48%;
}

.wrapper-en .bl9-device7 {
  top: 260px;
  right: 18%;
}

.wrapper-en .bl9-device8 {
  bottom: 0;
  right: 5%;
}

.wrapper-en .bl9-device9 {
  top: 60px;
  right: 6%;
}

.wrapper-en .bl9-device10 {
  right: 0;
  top: 388px;
}

.wrapper-en .device4 {
  background-image: url(../images/portfolio/ms/en/device4.jpg);
  background-repeat: no-repeat;
}