.masterkey-screen {
  background: #eaeeee;
  color: #fff;
}
.masterkey-screen:before,
.masterkey-screen:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  z-index: 109;
  background: url("/image/new/preview-shashechki.png") repeat-x;
}
.masterkey-screen:before {
  top: 0;
}
.masterkey-screen:after {
  bottom: 0;
}
.masterkey-screen .pl-box-screen {
  border-color: #9b9cbf;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.masterkey-screen .masterkey-screen-1 {
  width: 400px;
  height: 345px;
  background: url("/image/new/site/masterkey/preview-work1.jpg") no-repeat;
  position: absolute;
  top: 222px;
  left: -327px;
  border: 2px solid #cbcbd9;
}
.masterkey-screen .masterkey-screen-2 {
  width: 300px;
  height: 374px;
  background: url("/image/new/site/masterkey/preview-work2.jpg") no-repeat;
  position: absolute;
  top: 619px;
  left: -327px;
  border: 2px solid #cbcbd9;
  z-index: 2;
}
.masterkey-screen .masterkey-screen-3 {
  width: 390px;
  height: 345px;
  background: url("/image/new/site/masterkey/preview-work5.jpg") no-repeat;
  position: absolute;
  top: 901px;
  left: -378px;
  border: 2px solid #cbcbd9;
}
.masterkey-screen .masterkey-screen-4 {
  width: 200px;
  height: 299px;
  background: url("/image/new/site/masterkey/preview-work6.jpg") no-repeat;
  position: absolute;
  top: 221px;
  right: -317px;
  border: 2px solid #cbcbd9;
}
.masterkey-screen .masterkey-screen-5 {
  width: 300px;
  height: 289px;
  background: url("/image/new/site/masterkey/preview-work3.jpg") no-repeat;
  position: absolute;
  top: 461px;
  right: -257px;
  border: 2px solid #cbcbd9;
}
.masterkey-screen .masterkey-screen-6 {
  width: 262px;
  height: 345px;
  background: url("/image/new/site/masterkey/preview-work7.jpg") no-repeat;
  position: absolute;
  top: 825px;
  right: -380px;
  border: 2px solid #cbcbd9;
}
.masterkey-screen .masterkey-screen-7 {
  width: 232px;
  height: 100px;
  background: url("/image/new/site/masterkey/preview-work4.jpg") no-repeat;
  position: absolute;
  top: 1148px;
  right: -258px;
  border: 2px solid #cbcbd9;
}
.masterkey-portatip {
  height: 1039px;
  background: url("/image/new/site/masterkey/collag1-1.jpg") no-repeat bottom center;
}
.masterkey-portatip h2 {
  color: #eea100 !important;
}
.masterkey-portatip .masterkey-portatip-1 {
  width: 603px;
  height: 350px;
  background: url("/image/new/site/masterkey/collag1-2.png") no-repeat;
  position: absolute;
  top: 461px;
  left: 62px;
}
.masterkey-portatip .masterkey-portatip-2 {
  width: 383px;
  height: 211px;
  background: url("/image/new/site/masterkey/collag1-3.png") no-repeat;
  position: absolute;
  top: 294px;
  left: 391px;
}
.masterkey-portatip .masterkey-portatip-3 {
  width: 804px;
  height: 416px;
  background: url("/image/new/site/masterkey/collag1-4.png") no-repeat;
  position: absolute;
  top: 421px;
  left: 380px;
}
.masterkey-portatip .masterkey-portatip-4 {
  width: 1163px;
  height: 500px;
  background: url("/image/new/site/masterkey/collag1-5.png") no-repeat;
  position: absolute;
  top: 322px;
  left: -6px;
}
.masterkey-portatip .masterkey-portatip-4 p {
  color: #8b8b8b !important;
  font-size: 18px !important;
  line-height: 24px !important;
  font-style: italic !important;
  position: absolute;
}
.masterkey-portatip .masterkey-portatip-4 .masterkey-portatip-4-1 {
  top: 11px;
  left: 2px;
}
.masterkey-portatip .masterkey-portatip-4 .masterkey-portatip-4-2 {
  top: -13px;
  left: 903px;
  white-space: nowrap;
}
.masterkey-portatip .masterkey-portatip-4 .masterkey-portatip-4-3 {
  top: 369px;
  left: 903px;
  white-space: nowrap;
}
.masterkey-portatip .masterkey-portatip-5,
.masterkey-portatip .masterkey-portatip-6 {
  width: 50%;
  float: left;
  color: #313131;
  font-size: 24px !important;
  line-height: 30px !important;
  padding-left: 55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.masterkey-portatip .masterkey-portatip-5:before,
.masterkey-portatip .masterkey-portatip-6:before {
  content: "";
  width: 36px;
  height: 36px;
  display: block;
  float: left;
  margin-left: -55px;
  position: relative;
  top: -3px;
}
.masterkey-portatip .masterkey-portatip-5 strong,
.masterkey-portatip .masterkey-portatip-6 strong {
  color: #eea100;
}
.masterkey-portatip .masterkey-portatip-5:before {
  background: url("/image/new/site/masterkey/number-1.jpg") no-repeat;
}
.masterkey-portatip .masterkey-portatip-6:before {
  background: url("/image/new/site/masterkey/number-2.jpg") no-repeat;
}
.masterkey-design {
  height: 906px;
  background-image: url("/image/new/site/masterkey/collag2.jpg");
}
.masterkey-design:before,
.masterkey-design:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  z-index: 100;
  background: url("/image/new/preview-shashechki.png") repeat-x;
}
.masterkey-design:before {
  top: 0;
}
.masterkey-design:after {
  bottom: 0;
}
.masterkey-design h2,
.masterkey-design p {
  color: #fff !important;
}
.masterkey-design p {
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: bold !important;
  font-family: ;
}
.masterkey-elements {
  height: 882px;
  background: #ebeeee url("/image/new/site/masterkey/collag4-top-bgr.png") repeat-x top left;
}
.masterkey-elements:before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  z-index: 100;
  background: url("/image/new/preview-shashechki.png") repeat-x;
  bottom: 0;
}
.masterkey-elements p {
  text-align: center !important;
  color: #eea100 !important;
  font-size: 30px !important;
  line-height: 36px !important;
  margin-top: 42px !important;
}
.masterkey-elements .masterkey-elements-1 {
  width: 1163px;
  height: 560px;
  background: url("/image/new/site/masterkey/collag3-1.png") no-repeat;
  margin-top: 38px;
  position: relative;
}
.masterkey-elements .masterkey-elements-2 {
  width: 244px;
  height: 233px;
  background: url("/image/new/site/masterkey/collag3-2.png") no-repeat;
  position: absolute;
  bottom: -80px;
  left: 534px;
}
.masterkey-elements-to {
  height: 1199px;
  background: #ebeeee url("/image/new/site/masterkey/collag4-top-bgr.png") repeat-x top left;
}
.masterkey-elements-to p {
  color: #313131 !important;
  margin-top: 56px !important;
  font-size: 18px !important;
  line-height: 22px !important;
  font-family: ;
}
.masterkey-elements-to .masterkey-elements-to-1 {
  width: 1163px;
  height: 245px;
  background: url("/image/new/site/masterkey/collag4-1.png");
  margin: 43px 0 -5px;
}
.masterkey-elements-to .masterkey-elements-to-2 {
  width: 1163px;
  height: 605px;
  background: url("/image/new/site/masterkey/collag4-2.png");
  margin-top: 42px;
  position: relative;
}
.masterkey-elements-to .masterkey-elements-to-3 {
  width: 156px;
  height: 162px;
  background: url("/image/new/site/masterkey/collag4-3.png") no-repeat;
  position: absolute;
  bottom: -51px;
  right: 12px;
}
.masterkey-relize {
  height: 858px;
  background-image: url("/image/new/site/masterkey/collag5.jpg");
}
.masterkey-relize:before,
.masterkey-relize:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  z-index: 100;
}
.masterkey-relize:before {
  top: 0;
  background: url("/image/new/site/masterkey/collag5-shashechki1.png") repeat-x;
}
.masterkey-relize:after {
  bottom: 0;
  background: url("/image/new/site/masterkey/collag5-shashechki2.png") repeat-x;
}
.masterkey-relize h2,
.masterkey-relize p {
  color: #fff !important;
}
.masterkey-relize .masterkey-relize-1 {
  width: 600px;
  height: 434px;
  background: url("/image/new/site/masterkey/collag5-1.png") no-repeat;
  position: absolute;
  top: 424px;
  left: -372px;
}
.masterkey-otzov {
  height: 630px;
  background-image: url("/image/new/site/masterkey/collag6.jpg");
}
.masterkey-otzov h2 {
  color: #fff !important;
}