/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html.js .loader {
  background: none repeat scroll 0 0 #ffffff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
html.js .loader .loader_inner {
  background-image: url(../images/preloader.gif);
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  left: 50%;
  top: 50%;
  position: absolute;
}

* {
  box-sizing: border-box;
  outline: none !important;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

ol {
  counter-reset: myCounter;
}

body {
  background: #344555;
  font-size: 17px;
  color: #f9f9fa;
  font-family: "RobotoRegular";
  position: relative;
  overflow-x: hidden;
  min-width: 320px;
}

.hidden {
  display: none;
}

strong {
  font-family: "RobotoBold";
  color: #494949;
  line-height: 22px;
}

i {
  font-style: italic;
  color: #494949;
  line-height: 22px;
}

u {
  color: #494949;
  line-height: 22px;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .wow {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}

.container {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .container {
    width: 750px;
    position: relative;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 450px;
    position: relative;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .container {
    width: 300px;
    position: relative;
  }
}

header {
  background: #262E38;
  width: 100%;
  min-height: 81px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  header {
    min-height: 60px;
  }
}

a.logo {
  height: 34px;
  display: block;
  margin-top: 24px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  a.logo {
    margin-top: 14px;
  }
}

.top_phone {
  font-size: 21px;
  font-family: "RobotoLight";
  float: right;
  margin-top: 26px;
}
.top_phone:before {
  content: "";
  background: url(../images/icon/phone.png) no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  margin-top: -2px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .top_phone {
    display: none;
  }
}

.top_nav {
  height: 37px;
  line-height: 37px;
  display: block;
  float: left;
}
.top_nav ul li {
  float: left;
}
.top_nav ul li a {
  color: #fff;
  font-size: 15px;
  display: block;
  float: left;
  padding: 0px 8px;
  height: 38px;
  line-height: 34px;
  border: 2px solid transparent;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  margin-top: 20px;
  -moz-transition: border 0.3s linear 0.1s;
  -o-transition: border 0.3s linear 0.1s;
  -webkit-transition: border 0.3s linear 0.1s;
  -ms-transition: border 0.3s linear 0.1s;
  transition: border 0.3s linear 0.1s;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .top_nav ul li a {
    display: block;
    float: none;
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .top_nav ul li a {
    display: block;
    float: none;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .top_nav ul li a {
    display: block;
    float: none;
    text-align: center;
  }
}
.top_nav ul li a:hover {
  border: 2px solid #fff;
  text-decoration: none;
}
.top_nav ul li a:active {
  text-decoration: none;
  border: 2px solid #fff;
}
.top_nav ul li a:focus {
  text-decoration: none;
  border: 2px solid #fff;
}
.top_nav ul li .act_bt {
  background: #fff;
  color: #303e48;
  border: 2px solid #262E38;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}
.top_nav ul li .act_bt:hover {
  border: 2px solid #fff;
  background: none;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .top_nav {
    height: auto;
    display: none;
  }
  .top_nav li {
    float: none !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .top_nav {
    height: auto;
    display: none;
  }
  .top_nav li {
    float: none !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .top_nav {
    height: auto;
    display: none;
  }
  .top_nav li {
    float: none !important;
  }
}

.lang_check {
  height: 37px;
  line-height: 37px;
  display: block;
  float: left;
  margin-top: 20px;
}
.lang_check a {
  color: #fff;
  font-size: 15px;
  display: block;
  padding: 0px 8px;
  height: 38px;
  line-height: 34px;
  border: 2px solid transparent;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-transition: border 0.3s linear 0.1s;
  -o-transition: border 0.3s linear 0.1s;
  -webkit-transition: border 0.3s linear 0.1s;
  -ms-transition: border 0.3s linear 0.1s;
  transition: border 0.3s linear 0.1s;
}
.lang_check a:hover {
  border: 2px solid #fff;
  text-decoration: none;
}
.lang_check a:active {
  text-decoration: none;
  border: 2px solid #fff;
}
.lang_check a:focus {
  text-decoration: none;
  border: 2px solid #fff;
}
.lang_check a:last-child {
  background: #fff;
  text-decoration: none;
  color: #262E38;
  z-index: 555;
  position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .lang_check {
    display: none;
  }
}

a.d_menu_hide {
  display: none !important;
}

a.show_d_menu {
  display: block !important;
}

.icon-arrowDown:before {
  content: "";
  background: url(../images/icon/arrow_down.png) no-repeat;
  width: 6px;
  height: 3px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px;
}

.icon-arrowRight:before {
  content: "";
  background: url(../images/icon/arrow_right.png) no-repeat;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px;
}

.showitems {
  display: block;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .showitems {
    width: 300px;
    margin-left: 10px;
  }
}

.keys-btn {
  display: block;
  font-size: 20px;
  color: #fff;
  width: 201px;
  height: 47px;
  border: 2px solid #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  display: block;
  font-size: 20px;
  color: #fff;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}
.keys-btn:hover, .keys-btn:active, .keys-btn:focus {
  color: #000;
  text-decoration: none;
  background: #fff;
}
.keys-btn:hover .icon-arrowDown2:after, .keys-btn:active .icon-arrowDown2:after, .keys-btn:focus .icon-arrowDown2:after {
  background: url(../images/icon/arrow_down_black.png) no-repeat;
}

.section1 {
  min-height: 781px;
  position: relative;
  background: url(../images/sec1bg.png) no-repeat top center;
  width: 100%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section1 {
    min-height: 360px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section1 {
    min-height: 360px;
    padding-bottom: 40px;
  }
}
.section1__title {
  font-size: 32px;
  font-weight: normal;
  font-family: "RobotoBold";
  line-height: 45px;
  letter-spacing: 0.02em;
  margin-top: 115px;
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section1__title {
    font-size: 28px;
    margin-top: 86px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section1__title {
    font-size: 19px;
    line-height: 33px;
    margin-top: 52px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section1__title {
    font-size: 19px;
    line-height: 29px;
    margin-top: 40px;
    text-align: center;
  }
}
.section1 .container {
  position: relative;
}
.section1 .container .p2 {
  background: url(../images/parallax/p3.png) no-repeat 50% 50%;
  position: absolute;
  top: 498px;
  left: 390px;
  width: 151px;
  height: 105px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section1 .container .p2 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section1 .container .p2 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section1 .container .p2 {
    display: none;
  }
}
.section1 .p1 {
  background: url(../images/blikkk.png) no-repeat 50% 50%;
  position: absolute;
  top: -92px;
  left: -92px;
  width: 250px;
  height: 210px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section1 .p1 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section1 .p1 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section1 .p1 {
    display: none;
  }
}

.slogan {
  font-size: 20px;
  line-height: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .slogan {
    font-size: 17px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .slogan {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .slogan {
    font-size: 15px;
    display: block;
    text-align: center;
  }
}

a.toggle_bottom {
  margin-top: 197px;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  a.toggle_bottom {
    margin-top: 68px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  a.toggle_bottom {
    float: none;
    margin: 30px auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  a.toggle_bottom {
    float: none;
    margin: 50px auto 0px;
  }
}

.icon-arrowDown2:after {
  content: "";
  background: url(../images/icon/arrow_down2.png) no-repeat;
  width: 31px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 13px;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}

.bt_line {
  background: url(../images/bt_line.png) no-repeat center center;
  width: 233px;
  height: 204px;
  display: block;
  margin-top: 217px;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .bt_line {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .bt_line {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bt_line {
    display: none;
  }
}

.section2 .container {
  position: relative;
}
.section2 .container .p3 {
  background: url(../images/parallax/p3.png) no-repeat 50% 50%;
  position: absolute;
  top: 185px;
  left: 187px;
  width: 151px;
  height: 105px;
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section2 .container .p3 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section2 .container .p3 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section2 .container .p3 {
    display: none;
  }
}
.section2 .container .p4 {
  background: url(../images/parallax/p3.png) no-repeat 50% 50%;
  position: absolute;
  top: 189px;
  right: 94px;
  width: 151px;
  height: 105px;
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section2 .container .p4 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section2 .container .p4 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section2 .container .p4 {
    display: none;
  }
}

.section_h2 {
  font-size: 32px;
  color: #fff;
  font-weight: normal;
  font-family: "RobotoBold";
  text-align: center;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section_h2 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section_h2 {
    font-size: 22px;
  }
}

.fl {
  float: left;
}

.green_title {
  margin-top: 268px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .green_title {
    margin-top: 330px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .green_title {
    margin-top: 330px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .green_title {
    margin-top: 330px;
  }
}
.green_title span {
  font-size: 32px;
  font-weight: normal;
  font-family: "RobotoBold";
  color: #060709;
  line-height: 53px;
  background: #ACED03;
  padding: 3px 10px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .green_title span {
    font-size: 20px;
  }
}

.desctop_line {
  background: url(../images/desctop_line.png) no-repeat center center;
  width: 265px;
  height: 191px;
  float: right;
  margin-top: 35px;
  margin-right: 66px;
  position: relative;
}
.desctop_line span {
  font-size: 17px;
  font-family: "RobotoBold";
  color: #d9e2ec;
  position: absolute;
  top: 7px;
  right: 92px;
  text-align: right;
  width: 150px;
  line-height: 25px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .desctop_line span {
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    width: 265px;
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .desctop_line {
    margin-right: 154px;
    margin-bottom: -63px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .desctop_line {
    background: none;
    margin-right: 0;
    margin-bottom: 0;
    height: 77px;
  }
}

.mac_win {
  width: 438px;
  margin-top: -60px;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .mac_win {
    float: none;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mac_win {
    width: 265px;
    float: none;
    margin: 0 auto;
  }
  .mac_win img {
    width: 100%;
    height: auto;
  }
}

.mobile_line {
  background: url(../images/mobile_line.png) no-repeat center center;
  width: 271px;
  height: 191px;
  margin-top: 35px;
  margin-left: 29px;
  float: left;
  position: relative;
}
.mobile_line span {
  font-size: 17px;
  font-family: "RobotoBold";
  color: #d9e2ec;
  position: absolute;
  top: 7px;
  left: 89px;
  text-align: left;
  width: 150px;
  line-height: 25px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mobile_line span {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    width: 265px;
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .mobile_line {
    margin-left: 77px;
    margin-bottom: -71px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mobile_line {
    background: none;
    margin-left: 0;
    margin-bottom: 0;
    height: 77px;
  }
}

.app_block {
  width: 497px;
  height: 438px;
  margin-top: -71px;
  margin-left: 30px;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .app_block {
    height: auto;
    float: none;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .app_block {
    width: 265px;
    float: none;
    margin: 0 auto;
  }
  .app_block img {
    width: 100%;
    height: auto;
  }
}

.section3 {
  margin-top: 129px;
  position: relative;
}
.section3 .container {
  position: relative;
}
.section3 .container .p5 {
  background: url(../images/parallax/p4.png) no-repeat 50% 50%;
  position: absolute;
  top: 17px;
  left: -105px;
  width: 101px;
  height: 92px;
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section3 .container .p5 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section3 .container .p5 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section3 .container .p5 {
    display: none;
  }
}
.section3 .p6 {
  background: url(../images/parallax/p5.png) no-repeat 50% 50%;
  position: absolute;
  top: 540px;
  left: 0px;
  width: 337px;
  height: 279px;
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section3 .p6 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section3 .p6 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section3 .p6 {
    display: none;
  }
}
.section3 .p7 {
  background: url(../images/parallax/p6.png) no-repeat 50% 50%;
  position: absolute;
  top: 480px;
  right: 0px;
  width: 279px;
  height: 421px;
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section3 .p7 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section3 .p7 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section3 .p7 {
    display: none;
  }
}

.mackup_block {
  position: relative;
  width: 595px;
  height: 742px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .mackup_block {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mackup_block {
    width: 450px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mackup_block {
    width: 265px;
    height: 420px;
  }
}

.mackup_item1, .mackup_item2, .mackup_item3 {
  position: absolute;
}

.mackup_item1 {
  width: 452px;
  height: 550px;
  z-index: 3;
  -moz-transition: all 1s linear 0.2s;
  -o-transition: all 1s linear 0.2s;
  -webkit-transition: all 1s linear 0.2s;
  -ms-transition: all 1s linear 0.2s;
  transition: all 1s linear 0.2s;
}
.mackup_item1_off {
  top: 243px;
  left: 60px;
}
.mackup_item1_on {
  top: 28px;
  left: -32px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mackup_item1 {
    width: 450px;
  }
  .mackup_item1 img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mackup_item1 {
    width: 265px;
  }
  .mackup_item1 img {
    width: 100%;
    height: auto;
  }
}

.mackup_item2 {
  width: 461px;
  height: 552px;
  z-index: 2;
  -moz-transition: all 1s linear 0.2s;
  -o-transition: all 1s linear 0.2s;
  -webkit-transition: all 1s linear 0.2s;
  -ms-transition: all 1s linear 0.2s;
  transition: all 1s linear 0.2s;
}
.mackup_item2_off {
  top: 261px;
  left: 59px;
}
.mackup_item2_on {
  top: 159px;
  left: 10px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mackup_item2 {
    width: 450px;
  }
  .mackup_item2 img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mackup_item2 {
    width: 265px;
  }
  .mackup_item2 img {
    width: 100%;
    height: auto;
  }
}

.mackup_item3 {
  width: 474px;
  height: 547px;
  top: 292px;
  left: 65px;
  z-index: 1;
  -moz-transition: left 0.5s linear;
  -o-transition: left 0.5s linear;
  -webkit-transition: left 0.5s linear;
  -ms-transition: left 0.5s linear;
  transition: left 0.5s linear;
}
.mackup_item3_off {
  top: 292px;
  left: 65px;
}
.mackup_item3_on {
  top: 292px;
  left: 65px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mackup_item3 {
    width: 450px;
  }
  .mackup_item3 img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mackup_item3 {
    width: 265px;
  }
  .mackup_item3 img {
    width: 100%;
    height: auto;
  }
}

.mackup_hover1 {
  -moz-transition: left 0.5s linear;
  -o-transition: left 0.5s linear;
  -webkit-transition: left 0.5s linear;
  -ms-transition: left 0.5s linear;
  transition: left 0.5s linear;
  left: 20px !important;
}

.mackup_hover2 {
  -moz-transition: left 0.5s linear;
  -o-transition: left 0.5s linear;
  -webkit-transition: left 0.5s linear;
  -ms-transition: left 0.5s linear;
  transition: left 0.5s linear;
  left: 50px !important;
}

.mackup_hover3 {
  -moz-transition: left 0.5s linear;
  -o-transition: left 0.5s linear;
  -webkit-transition: left 0.5s linear;
  -ms-transition: left 0.5s linear;
  transition: left 0.5s linear;
  left: 90px !important;
}

.mackup_text {
  font-size: 20px;
  color: #fff;
  width: 265px;
  line-height: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .mackup_text {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mackup_text {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mackup_text {
    margin: 0 auto;
  }
}

.txt_interface {
  margin-top: 137px;
  -moz-transition: opacity 1s linear 0.2s;
  -o-transition: opacity 1s linear 0.2s;
  -webkit-transition: opacity 1s linear 0.2s;
  -ms-transition: opacity 1s linear 0.2s;
  transition: opacity 1s linear 0.2s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .txt_interface {
    margin-top: 30px;
  }
}
.txt_interface:before {
  content: "";
  background: url(../images/interface_before.png) no-repeat;
  width: 140px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -152px;
  margin-right: 10px;
  -moz-transition: width 1s linear 0.2s;
  -o-transition: width 1s linear 0.2s;
  -webkit-transition: width 1s linear 0.2s;
  -ms-transition: width 1s linear 0.2s;
  transition: width 1s linear 0.2s;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .txt_interface:before {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .txt_interface:before {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .txt_interface:before {
    display: none;
  }
}
.txt_interface_off {
  opacity: 0;
}
.txt_interface_off:before {
  width: 0px;
}
.txt_interface_on {
  opacity: 1;
}
.txt_interface_on:before {
  width: 140px;
}

.txt_admin {
  margin-top: 108px;
  -moz-transition: opacity 1s linear 0.2s;
  -o-transition: opacity 1s linear 0.2s;
  -webkit-transition: opacity 1s linear 0.2s;
  -ms-transition: opacity 1s linear 0.2s;
  transition: opacity 1s linear 0.2s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .txt_admin {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .txt_admin {
    margin-top: 40px;
  }
}
.txt_admin:before {
  content: "";
  background: url(../images/admin_before.png) no-repeat;
  width: 100px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -109px;
  margin-right: 10px;
  -moz-transition: width 1s linear 0.2s;
  -o-transition: width 1s linear 0.2s;
  -webkit-transition: width 1s linear 0.2s;
  -ms-transition: width 1s linear 0.2s;
  transition: width 1s linear 0.2s;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .txt_admin:before {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .txt_admin:before {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .txt_admin:before {
    display: none;
  }
}
.txt_admin_off {
  opacity: 0;
}
.txt_admin_off:before {
  width: 0px;
}
.txt_admin_on {
  opacity: 1;
}
.txt_admin_on:before {
  width: 100px;
}

.txt_lock {
  margin-top: 85px;
  -moz-transition: opacity 1s linear 0.2s;
  -o-transition: opacity 1s linear 0.2s;
  -webkit-transition: opacity 1s linear 0.2s;
  -ms-transition: opacity 1s linear 0.2s;
  transition: opacity 1s linear 0.2s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .txt_lock {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .txt_lock {
    margin-top: 40px;
  }
}
.txt_lock:before {
  content: "";
  background: url(../images/lock_before.png) no-repeat;
  width: 50px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -63px;
  margin-right: 10px;
  -moz-transition: width 1s linear 0.2s;
  -o-transition: width 1s linear 0.2s;
  -webkit-transition: width 1s linear 0.2s;
  -ms-transition: width 1s linear 0.2s;
  transition: width 1s linear 0.2s;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .txt_lock:before {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .txt_lock:before {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .txt_lock:before {
    display: none;
  }
}
.txt_lock_off {
  opacity: 0;
}
.txt_lock_off:before {
  width: 0px;
}
.txt_lock_on {
  opacity: 1;
}
.txt_lock_on:before {
  width: 50px;
}

.txt_server {
  margin-top: 82px;
  -moz-transition: opacity 1s linear 0.2s;
  -o-transition: opacity 1s linear 0.2s;
  -webkit-transition: opacity 1s linear 0.2s;
  -ms-transition: opacity 1s linear 0.2s;
  transition: opacity 1s linear 0.2s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .txt_server {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .txt_server {
    margin-top: 40px;
  }
}
.txt_server:before {
  content: "";
  background: url(../images/server_before.png) no-repeat;
  width: 320px;
  height: 198px;
  display: inline-block;
  vertical-align: top;
  margin-left: -332px;
  margin-right: 10px;
  margin-top: 16px;
  -moz-transition: width 1s linear 0.2s;
  -o-transition: width 1s linear 0.2s;
  -webkit-transition: width 1s linear 0.2s;
  -ms-transition: width 1s linear 0.2s;
  transition: width 1s linear 0.2s;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .txt_server:before {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .txt_server:before {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .txt_server:before {
    display: none;
  }
}
.txt_server_off {
  opacity: 0;
}
.txt_server_off:before {
  width: 0px;
}
.txt_server_on {
  opacity: 1;
}
.txt_server_on:before {
  width: 320px;
}

.lh {
  line-height: 52px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .lh {
    line-height: 39px;
  }
}

.section4 {
  margin-top: 93px;
  background: url(../images/testing_bg.png) no-repeat 50% 100%;
  width: 100%;
  min-height: 802px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section4 {
    margin-top: 40px;
    min-height: 640px;
  }
}

.section5 {
  width: 100%;
  min-height: 804px;
  background: url(../images/data_bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  position: relative;
  z-index: 1;
  margin-top: -309px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section5 {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section5 {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section5 {
    padding-bottom: 40px;
  }
}

ul.ul_check {
  margin-top: 29px;
  margin-left: -11px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  ul.ul_check {
    background: rgba(52, 69, 85, 0.7);
  }
}
ul.ul_check li {
  background: url(../images/ul_check.png) no-repeat left center;
  height: 33px;
  line-height: 33px;
  padding-left: 38px;
  font-size: 17px;
  color: #f9f9fa;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  ul.ul_check li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  ul.ul_check li {
    line-height: 14px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  ul.ul_check {
    margin-top: 29px;
  }
  ul.ul_check:last-child {
    margin-top: 0px;
  }
}

.cif {
  font-size: 60px;
  font-family: "RobotoBold";
  text-align: center;
  margin-top: 83px;
}

.name_cif {
  font-size: 17px;
  font-family: "RobotoBold";
  text-align: center;
  display: block;
  line-height: 24px;
}

.section6 {
  background: #fff url(../images/section6_bg.png) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  width: 100%;
  min-height: 972px;
  padding-bottom: 187px;
}
.section6_title {
  font-size: 32px;
  color: #3c4755;
  line-height: 44px;
  text-align: center;
  display: block;
  margin-top: 50px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section6_title {
    font-size: 27px;
    line-height: 35px;
    margin-top: 62px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section6_title {
    font-size: 19px;
    line-height: 32px;
    margin-top: 34px;
  }
}

.inteface_1 {
  width: 643px;
  height: 577px;
  margin-top: 98px;
  margin-left: -76px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .inteface_1 {
    margin: 90px auto 0px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .inteface_1 {
    width: 450px;
    margin: 140px auto 0px;
  }
  .inteface_1 img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .inteface_1 {
    width: 265px;
    margin: 40px auto 0px;
    height: 270px;
  }
  .inteface_1 img {
    width: 100%;
    height: auto;
  }
}

.inteface_2 {
  width: 647px;
  height: 468px;
  margin-top: 324px;
  margin-left: -146px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .inteface_2 {
    margin: 100px auto 0px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .inteface_2 {
    width: 450px;
    margin: 214px auto 0px;
  }
  .inteface_2 img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .inteface_2 {
    width: 265px;
    margin: 40px auto 0px;
    height: 250px;
  }
  .inteface_2 img {
    width: 100%;
    height: auto;
  }
}

.inteface_3 {
  height: 262px;
  width: 262px;
  margin-top: -191px;
  margin-left: -66px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .inteface_3 {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .inteface_3 {
    margin-top: -280px;
    margin-left: -27px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .inteface_3 {
    width: 265px;
    margin: -155px auto 0px;
  }
  .inteface_3 img {
    width: 100%;
    height: auto;
  }
}

.inteface_4 {
  height: 166px;
  width: 269px;
  margin-top: -95px;
  margin-left: 40px;
  z-index: 3;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .inteface_4 {
    margin: -174px auto 0px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .inteface_4 {
    width: 265px;
    margin: -53px auto;
  }
  .inteface_4 img {
    width: 100%;
    height: auto;
  }
}

.if_info1 {
  line-height: 21px;
  color: #405a5c;
  font-size: 17px;
  width: 220px;
  position: absolute;
  top: -55px;
  left: 102px;
  display: block;
}
.if_info1:before {
  width: 28px;
  height: 319px;
  content: "";
  background: url(../images/if_info1_before.png) no-repeat;
  display: block;
  vertical-align: top;
  float: left;
  margin-right: -18px;
  z-index: 4;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .if_info1 {
    font-size: 15px;
    top: -123px;
    left: 57px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .if_info1 {
    display: none;
  }
}

.if_info2 {
  line-height: 21px;
  color: #405a5c;
  font-size: 17px;
  width: 260px;
  position: absolute;
  top: -57px;
  right: -43px;
  display: block;
}
.if_info2:before {
  width: 22px;
  height: 183px;
  content: "";
  background: url(../images/if_info2_before.png) no-repeat;
  display: block;
  vertical-align: top;
  float: left;
  margin-right: -1px;
  z-index: 4;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .if_info2 {
    font-size: 15px;
    top: -67px;
    right: 117px;
  }
  .if_info2:before {
    float: right;
    margin-right: 18px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .if_info2 {
    display: none;
  }
}

.if_info4 {
  line-height: 21px;
  color: #405a5c;
  font-size: 17px;
  width: 260px;
  position: absolute;
  top: 201px;
  right: 7px;
  display: block;
}
.if_info4:before {
  width: 53px;
  height: 161px;
  content: "";
  background: url(../images/if_info4_before.png) no-repeat;
  display: inline-block;
  vertical-align: bottom;
  margin-right: -35px;
  margin-top: -124px;
  z-index: 4;
  position: relative;
  float: left;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .if_info4 {
    font-size: 15px;
    top: 214px;
  }
  .if_info4:before {
    margin-top: -143px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .if_info4 {
    display: none;
  }
}

.if_info3 {
  line-height: 21px;
  color: #405a5c;
  font-size: 17px;
  width: 267px;
  position: absolute;
  top: 245px;
  right: -47px;
  display: block;
}
.if_info3:before {
  width: 22px;
  height: 143px;
  content: "";
  background: url(../images/if_info3_before.png) no-repeat;
  display: inline-block;
  vertical-align: bottom;
  margin-right: -11px;
  margin-top: -117px;
  z-index: 4;
  position: relative;
  float: left;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .if_info3 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .if_info3 {
    display: none;
  }
}

.if_info5 {
  line-height: 21px;
  color: #405a5c;
  font-size: 17px;
  width: 260px;
  position: absolute;
  top: -69px;
  right: 65px;
  display: block;
}
.if_info5:before {
  width: 22px;
  height: 209px;
  content: "";
  background: url(../images/if_info5_before.png) no-repeat;
  display: block;
  vertical-align: top;
  float: left;
  margin-right: 3px;
  z-index: 4;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .if_info5 {
    font-size: 15px;
    top: -107px;
    right: 198px;
  }
  .if_info5:before {
    float: right;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .if_info5 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 970px) {
  .bx-wrapper .bx-pager {
    bottom: -30px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .bx-viewport {
    height: 429px !important;
  }
}

.others_project {
  position: absolute;
  top: 90px;
  left: -486px;
  width: 440px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .others_project {
    left: -372px;
    width: 345px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .others_project {
    display: none;
  }
}
.others_project__title {
  font-size: 32px;
  color: #3e4957;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .others_project__title {
    font-size: 25px;
  }
}
.others_project__subtitle {
  font-size: 25px;
  line-height: 35px;
  color: #494949;
  display: block;
  margin-top: 25px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .others_project__subtitle {
    font-size: 19px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .others_project__subtitle {
    font-size: 21px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .others_project {
    margin-top: 40px;
  }
}
.others_project__txt {
  font-size: 14px;
  color: #000;
  line-height: 25px;
  display: block;
  margin-top: 16px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .others_project__txt {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 10px;
  }
}
.others_project__bt {
  width: 167px;
  height: 47px;
  border: 2px solid #00BCE7;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  color: #00BCE7;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  float: left;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}
.others_project__bt:hover {
  text-decoration: none;
  color: #fff;
  background: #00BCE7;
}
.others_project__bt:active {
  text-decoration: none;
  color: #fff;
  background: #00BCE7;
}
.others_project__bt:focus {
  text-decoration: none;
  color: #fff;
  background: #00BCE7;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .others_project__bt {
    float: none;
    margin: 0 auto;
  }
}
.others_project__link {
  font-size: 16px;
  color: #56bbe5;
  text-decoration: underline;
  float: left;
  margin-left: 68px;
  margin-top: 17px;
}
.others_project__link:hover {
  text-decoration: none;
  color: #00BCE7;
}
.others_project__link:active {
  text-decoration: none;
  color: #00BCE7;
}
.others_project__link:focus {
  text-decoration: none;
  color: #00BCE7;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .others_project__link {
    margin-left: 30px;
  }
}

.project_tit {
  margin-top: 145px;
}

.project_ft {
  bottom: -360px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .project_ft {
    bottom: -462px;
  }
}

.project_st {
  position: relative;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bx-wrapper .bx-prev {
    left: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bx-wrapper .bx-next {
    right: 0;
  }
}

.section7 {
  width: 100%;
  min-height: 628px;
  background: url(../images/section7_bg.jpg) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section7 {
    padding-bottom: 40px;
  }
}

.geentxt {
  margin-top: 74px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .geentxt {
    margin-top: 40px;
  }
}
.geentxt span {
  font-size: 32px;
  font-weight: normal;
  font-family: "RobotoBold";
  color: #060709;
  line-height: 55px;
  background: #ACED03;
  padding: 0px 12px 6px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .geentxt span {
    font-size: 22px;
    line-height: 41px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .geentxt span {
    font-size: 14px;
    line-height: 30px;
  }
}

.code_block {
  margin-top: 45px;
}
.code_block__icon {
  width: 154px;
  float: left;
  margin-left: -35px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .code_block__icon {
    float: none;
    margin: 0 auto;
  }
}
.code_block__txt {
  font-size: 17px;
  color: #fff;
  line-height: 22px;
  float: left;
  width: 322px;
  margin-top: 45px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .code_block__txt {
    font-size: 16px;
    width: 300px;
    background: #394D5C;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .code_block__txt {
    font-size: 16px;
    width: 265px;
    background: #394D5C;
    float: none;
    margin: 0 auto;
  }
}

.section8 {
  background: #fff;
}

.section8_down {
  background: url(../images/section8_down_bg.png) no-repeat center center;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section8_down {
    height: 100px;
  }
}

.section8_title {
  font-size: 32px;
  color: #495868;
  font-family: "RobotoBold";
  line-height: 49px;
  text-align: center;
  display: block;
  margin-top: 106px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section8_title {
    margin-top: 40px;
    font-size: 15px;
    line-height: 27px;
  }
}
.section8_title__green {
  background: #ACED03;
  padding: 4px 10px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section8_title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section8_title {
    font-size: 16px;
    line-height: 34px;
    margin-top: 36px;
  }
}

.sup_block {
  margin-top: 60px;
}
.sup_block__item1 {
  margin-left: -17px;
  width: 377px;
  float: left;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sup_block__item1 {
    margin: 0 auto;
    float: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_block__item1 {
    width: 265px;
    margin: 0 auto;
    float: none;
  }
  .sup_block__item1 img {
    width: 100%;
    height: auto;
  }
}
.sup_block__item2 {
  width: 394px;
  float: left;
  margin-left: -106px;
  margin-top: 16px;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sup_block__item2 {
    margin: 0 auto;
    float: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_block__item2 {
    width: 265px;
    margin: 0 auto;
    float: none;
  }
  .sup_block__item2 img {
    width: 100%;
    height: auto;
  }
}
.sup_block__item3 {
  width: 378;
  float: left;
  margin-left: -86px;
  margin-top: 29px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .sup_block__item3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sup_block__item3 {
    margin: 0 auto;
    float: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_block__item3 {
    width: 265px;
    margin: 80px auto 0px;
    float: none;
  }
  .sup_block__item3 img {
    width: 100%;
    height: auto;
  }
}
.sup_block__info1 {
  font-family: "RobotoBold";
  font-size: 14px;
  color: #495868;
  position: absolute;
  top: -28px;
  left: 113px;
}
.sup_block__info1:before {
  width: 23px;
  height: 35px;
  content: "";
  background: url(../images/sup_block__info1_before.png) no-repeat;
  display: block;
  vertical-align: top;
  float: left;
  margin-right: 13px;
  z-index: 4;
  position: relative;
  margin-top: 4px;
}
.sup_block__info2 {
  font-family: "RobotoBold";
  font-size: 14px;
  color: #495868;
  position: absolute;
  top: -30px;
  left: 133px;
}
.sup_block__info2:before {
  width: 23px;
  height: 35px;
  content: "";
  background: url(../images/sup_block__info1_before.png) no-repeat;
  display: block;
  vertical-align: top;
  float: left;
  margin-right: 13px;
  z-index: 4;
  position: relative;
  margin-top: 4px;
}
.sup_block__info3 {
  font-family: "RobotoBold";
  font-size: 14px;
  color: #495868;
  position: absolute;
  top: -30px;
  left: 123px;
}
.sup_block__info3:before {
  width: 23px;
  height: 35px;
  content: "";
  background: url(../images/sup_block__info1_before.png) no-repeat;
  display: block;
  vertical-align: top;
  float: left;
  margin-right: 13px;
  z-index: 4;
  position: relative;
  margin-top: 4px;
}
.sup_block__info4 {
  font-family: "RobotoBold";
  font-size: 23px;
  line-height: 33px;
  color: #3d515b;
  position: absolute;
  bottom: 52px;
  left: -231px;
  text-align: right;
}
.sup_block__info4:after {
  width: 34px;
  height: 25px;
  content: "";
  background: url(../images/sup_block__info4_after.png) no-repeat;
  display: block;
  vertical-align: top;
  float: right;
  margin-right: -40px;
  z-index: 4;
  position: relative;
  margin-top: -53px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sup_block__info4 {
    bottom: 76px;
    left: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_block__info4 {
    font-size: 15px;
    line-height: 16px;
    bottom: -17px;
    left: 0px;
  }
}
.sup_block__info5 {
  font-family: "RobotoBold";
  font-size: 14px;
  line-height: 18px;
  color: #3e525c;
  position: absolute;
  bottom: -2px;
  left: -175px;
  text-align: left;
}
.sup_block__info5:after {
  width: 34px;
  height: 25px;
  content: "";
  background: url(../images/sup_block__info5_after.png) no-repeat;
  display: block;
  vertical-align: top;
  float: right;
  margin-right: -43px;
  z-index: 4;
  position: relative;
  margin-top: -7px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_block__info5 {
    bottom: -20px;
    left: -130px;
  }
}

.noti_mail {
  width: 132px;
  float: right;
  margin-right: 186px;
  margin-top: -145px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .noti_mail {
    margin-top: 96px;
    margin-right: 90px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .noti_mail {
    margin: 0 auto;
    margin-right: 60px;
    float: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .noti_mail {
    margin-right: 0px;
    margin-top: 0px;
  }
}

.section9__title {
  font-size: 32px;
  font-family: "RobotoBold";
  line-height: 49px;
  text-align: center;
  display: block;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .section9__title {
    font-size: 27px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section9__title {
    font-size: 23px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .section9__title {
    line-height: 30px;
    font-size: 16px;
  }
}
.section9__green {
  color: #495868;
  background: #ACED03;
  padding: 0px 10px;
}

.link_primer {
  width: 756px;
  margin-top: 0px;
  position: relative;
}
.link_primer__play {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 174px;
  height: 174px;
  margin: auto;
}
.link_primer__play:hover {
  text-decoration: none;
}
.link_primer__play:focus {
  text-decoration: none;
}
.link_primer__play:active {
  text-decoration: none;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .link_primer__play {
    height: 108px;
  }
}
.link_primer__icon {
  background: url(../images/icon/elips_play.png) no-repeat center center;
  width: 97px;
  height: 97px;
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .link_primer__icon {
    width: 76px;
    height: 76px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .link_primer__icon {
    width: 50px;
    height: 50px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
  }
}
.link_primer__text {
  font-size: 18px;
  color: #fff;
  line-height: 26px;
  text-align: center;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .link_primer {
    width: 720px;
  }
  .link_primer img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .link_primer {
    width: 420px;
  }
  .link_primer img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .link_primer {
    width: 265px;
  }
  .link_primer img {
    width: 100%;
    height: auto;
  }
}

.bg_proj {
  font-size: 35px;
  line-height: 50px;
  margin-top: 53px;
  font-family: "RobotoBold";
  text-align: center;
  display: block;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .bg_proj {
    font-size: 27px;
    line-height: 43px;
    margin-top: 29px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bg_proj {
    font-size: 24px;
    line-height: 40px;
    margin-top: 40px;
  }
}
.bg_proj__green {
  color: #495868;
  background: #ACED03;
  padding: 0px 10px;
}
.bg_proj__info {
  font-size: 17px;
  line-height: 22px;
  display: block;
  text-align: center;
  margin-top: 46px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .bg_proj__info {
    font-size: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bg_proj__info {
    font-size: 16px;
    line-height: 22px;
  }
}

.table_people_bg {
  background: url(../images/table_people_bg.png) no-repeat center center;
  width: 773px;
  height: 954px;
  margin-top: 122px;
  margin-left: 32px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .table_people_bg {
    width: 530px;
    margin: 120px auto;
    background: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .table_people_bg {
    width: 252px;
    margin: 100px auto;
    background: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .table_people_bg {
    width: 252px;
    margin: 100px auto;
    background: none;
  }
}

.gen_director {
  background: url(../images/gen_d_bg.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: -63px;
  right: 231px;
}
.gen_director span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.ruk_project {
  background: url(../images/peop_green_big.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 62px;
  right: 127px;
}
.ruk_project span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 194px;
}

.ved_devel {
  background: url(../images/peop_green.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 175px;
  right: 384px;
}
.ved_devel span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.men_market {
  background: url(../images/peop_green.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 175px;
  right: 127px;
  line-height: 20px;
}
.men_market span {
  color: #3c4755;
  top: 10px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.art_direct {
  background: url(../images/peop_green.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 175px;
  right: -129px;
}
.art_direct span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.programis {
  background: url(../images/peop_green_big.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 276px;
  right: 387px;
}
.programis span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 194px;
}

.men_kontext {
  background: url(../images/peop_green.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 275px;
  right: 127px;
  line-height: 20px;
}
.men_kontext span {
  color: #3c4755;
  top: 10px;
  left: 20px;
  position: relative;
  display: block;
  text-align: center;
  width: 203px;
}

.web_designer {
  background: url(../images/peop_green.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 275px;
  right: -129px;
}
.web_designer span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.an_data {
  background: url(../images/peop_green.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 380px;
  right: 385px;
}
.an_data span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.an_ceo {
  background: url(../images/peop_green.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 380px;
  right: 127px;
}
.an_ceo span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.des_interf {
  background: url(../images/peop_green.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 380px;
  right: -129px;
}
.des_interf span {
  color: #3c4755;
  font-size: 17px;
  top: 12px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 194px;
}

.contents {
  background: url(../images/peop_green_big.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 482px;
  right: 127px;
}
.contents span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.testirov {
  background: url(../images/peop_green_big.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 482px;
  right: 386px;
}
.testirov span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.verstal {
  background: url(../images/peop_green_big.png) no-repeat center center;
  width: 265px;
  height: 98px;
  position: absolute;
  top: 588px;
  right: 386px;
}
.verstal span {
  color: #3c4755;
  font-size: 17px;
  top: 21px;
  left: 26px;
  position: relative;
  display: block;
  text-align: center;
  width: 188px;
}

.anti_ddos {
  background: url(../images/peop_blue.png) no-repeat center center;
  width: 246px;
  height: 93px;
  position: absolute;
  bottom: -73px;
  right: -127px;
}
.anti_ddos span {
  color: #3c4755;
  font-size: 16px;
  top: 0px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 59px;
  line-height: 58px;
}

.pen_tester {
  background: url(../images/peop_blue.png) no-repeat center center;
  width: 246px;
  height: 93px;
  position: absolute;
  bottom: 16px;
  right: -127px;
}
.pen_tester span {
  color: #3c4755;
  font-size: 16px;
  top: 0px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 59px;
  line-height: 58px;
}

.nach_bez {
  background: url(../images/peop_blue.png) no-repeat center center;
  width: 246px;
  height: 93px;
  position: absolute;
  bottom: 113px;
  right: -127px;
}
.nach_bez span {
  color: #3c4755;
  font-size: 16px;
  top: 7px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 51px;
  line-height: 20px;
}

.o_slug_podderg {
  background: url(../images/peop_blue_big.png) no-repeat center center;
  width: 252px;
  height: 99px;
  position: absolute;
  bottom: 12px;
  right: 98px;
}
.o_slug_podderg span {
  color: #3c4755;
  font-size: 16px;
  top: 7px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 51px;
  line-height: 20px;
}

.m_slug_podderg {
  background: url(../images/peop_blue.png) no-repeat center center;
  width: 246px;
  height: 93px;
  position: absolute;
  bottom: 113px;
  right: 103px;
}
.m_slug_podderg span {
  color: #3c4755;
  font-size: 16px;
  top: 7px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 51px;
  line-height: 20px;
}

.pr_manager {
  background: url(../images/peop_blue.png) no-repeat center center;
  width: 246px;
  height: 93px;
  position: absolute;
  bottom: -72px;
  right: 335px;
}
.pr_manager span {
  color: #3c4755;
  font-size: 16px;
  top: 0px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 59px;
  line-height: 58px;
}

.m_prodag {
  background: url(../images/peop_blue.png) no-repeat center center;
  width: 246px;
  height: 93px;
  position: absolute;
  bottom: 18px;
  right: 335px;
}
.m_prodag span {
  color: #3c4755;
  font-size: 16px;
  top: 7px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 51px;
  line-height: 20px;
}

.n_prodag {
  background: url(../images/peop_blue.png) no-repeat center center;
  width: 246px;
  height: 93px;
  position: absolute;
  bottom: 112px;
  right: 335px;
}
.n_prodag span {
  color: #3c4755;
  font-size: 16px;
  top: 7px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 51px;
  line-height: 20px;
}

.a_baz {
  background: url(../images/peop_blue.png) no-repeat center center;
  width: 246px;
  height: 93px;
  position: absolute;
  bottom: -72px;
  right: 565px;
}
.a_baz span {
  color: #3c4755;
  font-size: 16px;
  top: 7px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 51px;
  line-height: 20px;
}

.admins {
  background: url(../images/peop_blue_big.png) no-repeat center center;
  width: 252px;
  height: 99px;
  position: absolute;
  bottom: 12px;
  right: 559px;
}
.admins span {
  color: #3c4755;
  font-size: 16px;
  top: 0px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 59px;
  line-height: 58px;
}

.r_datacentr {
  background: url(../images/peop_blue.png) no-repeat center center;
  width: 246px;
  height: 93px;
  position: absolute;
  bottom: 112px;
  right: 564px;
}
.r_datacentr span {
  color: #3c4755;
  font-size: 16px;
  top: 7px;
  left: 6px;
  position: relative;
  display: block;
  text-align: center;
  width: 212px;
  height: 51px;
  line-height: 20px;
}

.down_bg_last {
  background: url(../images/down_bg_last.png) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  width: 100%;
  height: 608px;
  margin-top: -176px;
  position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .down_bg_last {
    height: 470px;
  }
}

.inf_comanda {
  font-size: 22px;
  width: 680px;
  margin-top: 100px;
  text-align: center;
  line-height: 29px;
  margin-left: 40px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .inf_comanda {
    font-size: 14px;
    width: 420px;
    margin-top: 124px;
    line-height: 24px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .inf_comanda {
    font-size: 12px;
    width: 265px;
    line-height: 20px;
    float: none;
    margin-left: 0px;
  }
}
.inf_comanda__big {
  font-size: 58px;
  font-family: "RobotoBold";
  margin-right: 5px;
}

.edu {
  width: 114px;
  margin: 30px auto;
}

.btn-default {
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  width: 282px;
  height: 80px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  font-size: 26px;
}
.btn-default:hover {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
}
.btn-default:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
}
.btn-default:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .btn-default {
    width: 250px;
    height: 60px;
    font-size: 20px;
  }
}

.calk_form {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  padding: 32px 68px 37px;
  margin-top: 119px;
  box-shadow: 0 0 46px rgba(0, 0, 2, 0.14);
  margin-bottom: 80px;
  position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .calk_form {
    padding: 10px;
    margin-bottom: 40px;
  }
}
.calk_form__title {
  color: #3c4755;
  font-size: 47px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .calk_form__title {
    font-size: 25px;
    text-align: center;
    display: block;
    margin-top: 10px;
  }
}
.calk_form_subtitle {
  color: #3c4755;
  font-size: 16px;
  font-family: "RobotoBold";
  display: block;
  margin-top: 10px;
}

.footer_form {
  width: 276px;
  margin-top: 25px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .footer_form {
    width: 250px;
    margin-top: 20px;
  }
}
.footer_form__input {
  background: #F1F1F1;
  border: none;
  margin-bottom: 24px;
  width: 276px;
  height: 50px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  padding: 0px 14px;
  color: #3c4755;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .footer_form__input {
    width: 250px;
  }
}
.footer_form__input::-webkit-input-placeholder {
  color: #c1c1c1;
  font-size: 16px;
  opacity: 1;
}
.footer_form__input:-moz-placeholder {
  color: #c1c1c1;
  font-size: 16px;
  opacity: 1;
}
.footer_form__input::-moz-placeholder {
  color: #c1c1c1;
  font-size: 16px;
  opacity: 1;
}
.footer_form__input:-ms-input-placeholder {
  color: #c1c1c1;
  font-size: 16px;
  opacity: 1;
}
.footer_form__textarea {
  background: #F1F1F1;
  border: none;
  width: 276px;
  height: 90px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  padding: 14px;
  color: #3c4755;
  margin-bottom: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .footer_form__textarea {
    width: 250px;
  }
}
.footer_form__textarea::-webkit-input-placeholder {
  color: #c1c1c1;
  font-size: 16px;
  opacity: 1;
}
.footer_form__textarea:-moz-placeholder {
  color: #c1c1c1;
  font-size: 16px;
  opacity: 1;
}
.footer_form__textarea::-moz-placeholder {
  color: #c1c1c1;
  font-size: 16px;
  opacity: 1;
}
.footer_form__textarea:-ms-input-placeholder {
  color: #c1c1c1;
  font-size: 16px;
  opacity: 1;
}

.foot_mail {
  font-size: 27px;
  display: block;
  margin-top: 16px;
  color: #fff;
}
.foot_mail:hover, .foot_mail:active, .foot_mail:focus {
  color: #fff;
  text-decoration: none;
}
.foot_mail:before {
  content: "";
  background: url(../images/icon/mail.png) no-repeat;
  width: 21px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 17px;
  margin-top: -2px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .foot_mail {
    font-size: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .foot_mail {
    margin: 20px 0px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .foot_mail {
    margin: 20px 0px;
    text-align: center;
  }
}

a.zvonok_bt {
  display: block;
  width: 259px;
  height: 60px;
  border: 3px solid #FFFFFF;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  line-height: 52px;
  font-size: 20px;
  color: #fff;
  margin-left: 4px;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  a.zvonok_bt {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  a.zvonok_bt {
    margin: 0 auto;
  }
}
a.zvonok_bt span:before {
  content: "";
  background: url(../images/icon/phone2.png) no-repeat;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  margin-top: -2px;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}
a.zvonok_bt:hover, a.zvonok_bt:active, a.zvonok_bt:focus {
  color: #000;
  text-decoration: none;
  background: #fff;
}
a.zvonok_bt:hover span:before, a.zvonok_bt:active span:before, a.zvonok_bt:focus span:before {
  background: url(../images/icon/phone_black.png) no-repeat;
}

.foot_phone {
  font-size: 26px;
  font-family: "RobotoLight";
  float: left;
  margin-top: 21px;
  margin-left: 31px;
}
.foot_phone:before {
  content: "";
  background: url(../images/icon/phone.png) no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  margin-top: -2px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .foot_phone {
    font-size: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .foot_phone {
    display: block;
    text-align: center;
    float: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .foot_phone {
    display: block;
    text-align: center;
    float: none;
    margin-left: 0;
  }
}

.footbottom_line {
  margin: 50px 0px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .footbottom_line {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .footbottom_line {
    margin: 20px 0px 40px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .foot_logo {
    display: block;
    width: 192px;
    margin: 20px auto;
  }
}

.taskon {
  display: block;
  width: 100px;
  margin: -5px 0px 5px 36px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .taskon {
    margin: 20px auto 0px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .taskon {
    margin: 20px auto 0px;
  }
}

.copyring {
  font-size: 11px;
  margin-left: 4px;
}
.copyring a {
  color: #fff;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .copyring {
    margin: 0;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .copyring {
    margin: 0;
    text-align: center;
  }
}

.social_link {
  margin-left: 41px;
  margin-top: 3px;
}
.social_link li {
  float: left;
  margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .social_link li {
    margin-right: 8px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .social_link li {
    margin-right: 27px;
    margin-bottom: 10px;
  }
}
.social_link li:last-child {
  margin-right: 0;
}

.soc_item {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background: #fff;
  display: block;
  text-align: center;
  font-size: 24px;
  line-height: 40px;
  color: #283C4C;
}
.soc_item:hover {
  background: #FFE600;
  color: #283C4C;
  text-decoration: none;
}
.soc_item:focus {
  background: #FFE600;
  color: #283C4C;
  text-decoration: none;
}
.soc_item:active {
  background: #00CDE0;
  color: #283C4C;
  text-decoration: none;
}

footer {
  width: 100%;
  background: url(../images/footer_bg.png) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
}

.set {
  position: relative;
  width: 357px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .set {
    margin-left: 73px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .set {
    margin-top: -60px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .set {
    margin-top: 148px;
    margin-left: -50px;
  }
  .set img {
    width: 100%;
    height: auto;
  }
}

.set1 {
  position: absolute;
  top: -101px;
  right: 30px;
}

.set2 {
  position: absolute;
  top: -102px;
  right: 136px;
}

.set3 {
  position: absolute;
  top: -93px;
  right: 191px;
}

.set4 {
  position: absolute;
  top: -131px;
  right: 178px;
}

.set5 {
  position: absolute;
  top: -92px;
  right: 227px;
}

.set6 {
  position: absolute;
  top: -183px;
  right: 227px;
}

.set7 {
  position: absolute;
  top: -234px;
  right: 218px;
}

.set1_hover {
  animation-name: set_hover;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

.set2_hover {
  animation-name: set_hover;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

.set3_hover {
  animation-name: set_hover;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

.set4_hover {
  animation-name: set_hover;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

.set5_hover {
  animation-name: set_hover;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

.set6_hover {
  animation-name: set_hover;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

.set7_hover {
  animation-name: set_hover;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

@-webkit-keyframes set_hover {
  0% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(-3deg);
  }
  100% {
    transform: rotateZ(3deg);
  }
}
@-moz-keyframes set_hover {
  0% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(-3deg);
  }
  100% {
    transform: rotateZ(3deg);
  }
}
@-ms-keyframes set_hover {
  0% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(-3deg);
  }
  100% {
    transform: rotateZ(3deg);
  }
}
@keyframes set_hover {
  0% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(-3deg);
  }
  100% {
    transform: rotateZ(3deg);
  }
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .mob_v {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 262px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mob_v {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 262px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mob_v {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 262px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .bx-wrapper .bx-prev {
    left: 4px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .foot_logo {
    display: block;
    width: 192px;
    height: 51px;
    margin: 0px auto 20px;
  }
}

.puls {
  width: 658px;
  margin-left: -271px;
  margin-top: 84px;
  display: block;
  height: 317px;
  background: url(../images/puls.png) no-repeat left center;
  position: relative;
  -moz-transition: width 1s linear 0.2s;
  -o-transition: width 1s linear 0.2s;
  -webkit-transition: width 1s linear 0.2s;
  -ms-transition: width 1s linear 0.2s;
  transition: width 1s linear 0.2s;
}
.puls_off {
  opacity: 0;
  width: 0px;
}
.puls_on {
  opacity: 1;
  width: 658px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .puls {
    margin-left: -372px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .puls {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .puls {
    display: none;
  }
}

.puls_point {
  width: 21px;
  height: 21px;
  background: url(../images/puls_point.png) no-repeat left center;
  position: absolute;
  top: 204px;
  right: 160px;
  -moz-transition: all 0.3s linear 0.7s;
  -o-transition: all 0.3s linear 0.7s;
  -webkit-transition: all 0.3s linear 0.7s;
  -ms-transition: all 0.3s linear 0.7s;
  transition: all 0.3s linear 0.7s;
}
.puls_point_off {
  opacity: 0;
  top: 224px;
}
.puls_point_on {
  opacity: 1;
  top: 255px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .puls_point {
    right: 233px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .puls_point {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .puls_point {
    display: none;
  }
}

.file-upload {
  position: relative;
  overflow: hidden;
  width: 185px;
  height: 44px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-size: 16px;
  text-align: center;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  margin: 0 auto;
}
.file-upload:hover {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
}
.file-upload:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
}
.file-upload:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
}
.file-upload input[type="file"] {
  display: none;
}
.file-upload label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.file-upload span {
  line-height: 36px;
}

.filename {
  background: #F8F8F8;
  border: 0;
  font-size: 14px;
  color: #aeaeae;
  height: 25px;
  width: 185px;
  text-align: center;
  margin: 0px auto 20px;
  display: block;
}

.file-upload_block {
  width: 494px;
  height: 314px;
  background: #F8F8F8;
  position: absolute;
  right: 72px;
  top: 135px;
  border: 2px dotted #DFDFDF;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .file-upload_block {
    width: 270px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .file-upload_block {
    width: 100%;
    height: 200px;
    position: relative;
    right: 0px;
    top: 0px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .file-upload_block {
    width: 250px;
    height: 176px;
    position: relative;
    right: 0px;
    top: 0px;
    margin-bottom: 20px;
  }
}

.file_drop {
  color: #aeaeae;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.file_upload_bt {
  width: 264px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .file_upload_bt {
    width: 250px;
  }
}

.popup {
  width: 383px;
  background: #fff;
  margin: 0 auto;
  position: relative;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  padding: 50px 58px 40px;
}
.popup__title {
  font-size: 31px;
  color: #698387;
  text-align: center;
  display: block;
  margin-bottom: 25px;
}
.popup__subtittle {
  font-size: 15px;
  color: #698387;
  line-height: 24px;
  display: block;
  text-align: center;
  margin-bottom: 34px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .popup {
    width: 300px;
    height: 411px;
    padding: 40px 20px;
  }
}

.mfp-close-btn-in .mfp-close {
  color: #5C8488;
  font-weight: bold;
}

.input_st {
  width: 264px;
  height: 44px;
  background: #F5F5F5;
  border: none;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  margin-bottom: 34px;
  color: #698387;
  font-size: 16px;
  padding: 0px 18px;
}
.input_st::-webkit-input-placeholder {
  color: #698387;
  font-size: 16px;
  opacity: 1;
}
.input_st:-moz-placeholder {
  color: #698387;
  font-size: 16px;
  opacity: 1;
}
.input_st::-moz-placeholder {
  color: #698387;
  font-size: 16px;
  opacity: 1;
}
.input_st:-ms-input-placeholder {
  color: #698387;
  font-size: 16px;
  opacity: 1;
}

.field-input.input-error {
  background: #fff url(../images/icon-fail.png) no-repeat 96% center;
  border: 1px solid #E9A2A2;
}

.popup_bt_send {
  width: 256px;
  height: 47px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-size: 16px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  margin: 0 auto;
}
.popup_bt_send:hover, .popup_bt_send:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
}
.popup_bt_send:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
}

.phone_hover_foot {
  background: url(../images/phone_hover_bg.png) no-repeat center center;
  width: 222px;
  height: 88px;
  display: none;
  position: absolute;
  top: -76px;
  right: 56px;
  color: #3c4755;
  font-family: "RobotoLight";
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  padding-top: 15px;
}

.show_phone_inf {
  display: block;
}

.phone_hover_head {
  background: url(../images/phone_hover2.png) no-repeat center center;
  width: 222px;
  height: 88px;
  display: none;
  position: absolute;
  top: 58px;
  right: -14px;
  color: #3c4755;
  font-family: "RobotoLight";
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  padding-top: 25px;
  z-index: 4;
}

.show_phone_inf_head {
  display: block;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .show_phone_inf, .show_phone_inf_head {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .show_phone_inf, .show_phone_inf_head {
    display: none;
  }
}

.work {
  font-size: 14px;
  text-align: center;
}

.txtbtnclose {
  width: 50px;
  height: 15px;
  position: absolute;
  top: 15px;
  right: 36px;
  color: #698387;
  font-size: 12px;
  display: none;
}

.hoverclose {
  display: block !important;
}

.inpt_err {
  color: red;
}

.menu {
  width: 260px;
  height: 100vh;
  z-index: 9999;
  position: fixed;
  top: 0;
  right: -260px;
  background: #333942;
  -webkit-transition: right 0.5s ease-out 0.4s;
  -moz-transition: right 0.5s ease-out 0.4s;
  -o-transition: right 0.5s ease-out 0.4s;
  transition: right 0.5s ease-out 0.4s;
  display: none;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .menu {
    display: block;
  }
}

.menu_active {
  right: 0px;
}

.menu ul {
  list-style: none;
}

.menu ul li {
  padding-left: 20px;
  height: 42px;
  line-height: 40px;
  border-bottom: 1px solid #2D323A;
  display: block;
}
.menu ul li:hover {
  background: #93A5BD;
}

.menu ul li:last-child {
  margin-bottom: 0;
}

.menu ul li a {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  display: block;
}

.menu ul li a:hover {
  color: #181818;
}

.phone_menu {
  font-size: 21px;
  font-family: "RobotoLight";
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  background: #262E38;
}
.phone_menu:before {
  content: "";
  background: url(../images/icon/phone.png) no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  margin-top: -2px;
}

.toggle_block {
  width: 60px;
  height: 60px;
  position: absolute;
  background: #22252B;
  left: -60px;
}

.toggle-mnu {
  display: block;
  width: 60px;
  height: 60px;
  padding: 19px 16px 16px;
}
.toggle-mnu span:after, .toggle-mnu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
}
.toggle-mnu span:after {
  top: 18px;
}
.toggle-mnu span {
  position: relative;
  display: block;
}
.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
}
.toggle-mnu.on span {
  background: transparent;
}
.toggle-mnu.on span:before {
  -webkit-transform: rotate(45deg) translate(-1px, 0px);
  -ms-transform: rotate(45deg) translate(-1px, 0px);
  -o-transform: rotate(45deg) translate(-1px, 0px);
  transform: rotate(45deg) translate(-1px, 0px);
}
.toggle-mnu.on span:after {
  -webkit-transform: rotate(-45deg) translate(6px, -7px);
  -ms-transform: rotate(-45deg) translate(6px, -7px);
  -o-transform: rotate(-45deg) translate(6px, -7px);
  transform: rotate(-45deg) translate(6px, -7px);
}

.mackup_section1 {
  background: url(../images/mockup_section1.png) no-repeat center center;
  width: 665px;
  height: 631px;
  position: absolute;
  bottom: -47px;
  right: 0;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mackup_section1 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mackup_section1 {
    display: none;
  }
}

.p8 {
  background: url(../images/parallax/p7.png) no-repeat center center;
  width: 243px;
  height: 168px;
  position: absolute;
  bottom: 243px;
  right: 355px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .p8 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .p8 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .p8 {
    display: none;
  }
}

.p9 {
  background: url(../images/parallax/p8.png) no-repeat center center;
  width: 230px;
  height: 160px;
  position: absolute;
  bottom: 372px;
  right: 258px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .p9 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .p9 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .p9 {
    display: none;
  }
}

.p10 {
  background: url(../images/parallax/p9.png) no-repeat center center;
  width: 207px;
  height: 143px;
  position: absolute;
  bottom: 506px;
  right: 174px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .p10 {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .p10 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .p10 {
    display: none;
  }
}

.fbicon:before {
  content: "";
  background: url(../images/icon/fb.png) no-repeat;
  width: 9px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-top: -2px;
}

.gplusicon:before {
  content: "";
  background: url(../images/icon/gplus.png) no-repeat;
  width: 23px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-top: -2px;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bx-wrapper {
    height: 311px !important;
  }
  .bx-wrapper img {
    height: auto;
  }
}

.video_sec {
  width: 100%;
  min-height: 500px;
  background: url(../images/video_bg.png) no-repeat center center;
  position: relative;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .video_sec {
    min-height: 491px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video_sec {
    min-height: 435px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video_sec {
    min-height: 500px;
  }
}

.video_title {
  font-size: 29px;
  font-family: "RobotoBold";
  line-height: 41px;
  font-weight: normal;
  margin-top: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .video_title {
    font-size: 22px;
    line-height: 37px;
    margin-top: 107px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video_title {
    font-size: 17px;
    line-height: 26px;
    margin-top: 72px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video_title {
    font-size: 14px;
    line-height: 27px;
    margin-top: 90px;
    text-align: center;
  }
}

.video_btn {
  margin-top: 153px;
  height: 50px;
  width: 200px;
  line-height: 44px;
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .video_btn {
    margin-top: 92px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video_btn {
    margin: 97px auto 0px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video_btn {
    width: 270px;
    font-size: 14px;
    margin-top: 90px;
  }
}

.icon-pres:before {
  content: "";
  background: url(../images/icon/icon_pres.png) no-repeat;
  width: 24px;
  height: 29px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  margin-top: -3px;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}

.video_btn:hover .icon-pres:before, .video_btn:active .icon-pres:before, .video_btn:focus .icon-pres:before {
  background: url(../images/icon/icon_pres_black.png) no-repeat;
}

.about_sec {
  width: 100%;
  background: #fff;
}
.about_sec p {
  font-size: 16px;
  color: #252624;
  line-height: 24px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .about_sec p {
    font-size: 14px;
    color: #252624;
    line-height: 22px;
  }
}

.about_title {
  display: block;
  font-size: 25px;
  color: #6f99ab;
  margin-top: 48px;
  margin-bottom: 30px;
}

.about_hide_btn {
  font-size: 14px;
  color: #0097e6;
  cursor: pointer;
  border-bottom: 2px dotted #0097e6;
  display: inline-block;
  padding-bottom: 3px;
  margin-bottom: 10px;
}

.about_img {
  margin-top: 25px;
  margin-bottom: 35px;
}
.about_img img {
  width: 100%;
  height: auto;
}

.resident_sec {
  width: 100%;
  min-height: 772px;
  background: #fff url(../images/resident_bg.png) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .resident_sec {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .resident_sec {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .resident_sec {
    padding-bottom: 40px;
  }
}

.res_title {
  font-size: 34px;
  font-family: "RobotoBold";
  color: #2c3441;
  margin-top: 92px;
  display: inline-block;
  margin-bottom: 20px;
}
.res_title:after {
  content: "";
  background: url(../images/innopolis_logo.png) no-repeat;
  width: 198px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  margin-top: -1px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .res_title:after {
    margin-left: 0;
    margin-top: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .res_title {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .res_title {
    display: block;
    text-align: center;
    font-size: 28px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .res_title {
    display: block;
    text-align: center;
    font-size: 28px;
    margin-top: 40px;
  }
}

.res_text {
  font-size: 18px;
  line-height: 26px;
  color: #2c3441;
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .res_text {
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .res_text {
    text-align: center;
    font-size: 17px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .res_text {
    text-align: center;
    font-size: 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 970px) {
  .sup_work_block {
    display: block;
    margin: 0 auto;
    width: 490px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sup_work_block {
    display: block;
    margin: 0 auto;
    width: 434px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_work_block {
    display: block;
    margin: 0 auto;
    width: 270px;
  }
}

.sup_work_title {
  display: block;
  color: #2c3441;
  font-size: 25px;
  margin-bottom: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .sup_work_title {
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sup_work_title {
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_work_title {
    text-align: center;
  }
}

.sup_work_item {
  border-bottom: 1px solid #9EC3CB;
  padding-bottom: 20px;
  width: 490px;
  margin-bottom: 8px;
}
.sup_work_item:last-child {
  border-bottom: none;
  margin-top: 24px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sup_work_item {
    width: 434px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_work_item {
    width: 270px;
  }
}

.sup_work_name {
  font-size: 16px;
  line-height: 24px;
  color: #376681;
  display: inline-block;
  width: 360px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sup_work_name {
    width: 275px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_work_name {
    width: 270px;
    display: block;
    text-align: center;
  }
}

.sup_work_logo {
  display: inline-block;
  position: relative;
  top: 10px;
  width: 124px;
  mix-blend-mode: multiply;
}
.sup_work_logo img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sup_work_logo {
    display: block;
    margin: 0 auto;
  }
}

.taskon_bl {
  width: 245px;
  height: 272px;
  margin-left: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .taskon_bl {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .taskon_bl {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .taskon_bl {
    margin: 0 auto;
  }
}

.about_project_link {
  display: inline-block;
  font-size: 14px;
  color: #0097e6;
  text-decoration: underline;
  position: relative;
  top: 19px;
  left: 69px;
}
.about_project_link:hover {
  color: #0097e6;
  text-decoration: none;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .about_project_link {
    top: 0;
    left: 0;
    width: 140px;
    margin: 20px auto 0px;
    display: block;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .about_project_link {
    top: 0;
    left: 0;
    width: 140px;
    margin: 20px auto 0px;
    display: block;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .about_project_link {
    top: 0;
    left: 0;
    width: 140px;
    margin: 20px auto 0px;
    display: block;
  }
}

.about_p1 {
  position: absolute;
  top: -74px;
  left: 46px;
  width: 335px;
  height: 424px;
  background: url(../images/parallax/about_p1.png) no-repeat center center;
}
@media only screen and (min-width: 320px) and (max-width: 1900px) {
  .about_p1 {
    display: none;
  }
}

.about_p2 {
  position: absolute;
  bottom: -78px;
  left: 173px;
  width: 278px;
  height: 240px;
  background: url(../images/parallax/about_p2.png) no-repeat center center;
}
@media only screen and (min-width: 320px) and (max-width: 1900px) {
  .about_p2 {
    display: none;
  }
}

.about_p3 {
  position: absolute;
  bottom: -101px;
  right: 284px;
  width: 284px;
  height: 240px;
  background: url(../images/parallax/about_p3.png) no-repeat center center;
}
@media only screen and (min-width: 320px) and (max-width: 1900px) {
  .about_p3 {
    display: none;
  }
}

.about_p4 {
  position: absolute;
  top: 210px;
  right: 57px;
  width: 301px;
  height: 194px;
  background: url(../images/parallax/about_p4.png) no-repeat center center;
}
@media only screen and (min-width: 320px) and (max-width: 1900px) {
  .about_p4 {
    display: none;
  }
}

.dep_sec {
  background: #fff;
  padding-top: 62px;
  padding-bottom: 40px;
}

.dep_title {
  display: block;
  font-size: 34px;
  color: #2c3441;
  font-family: "RobotoBold";
  margin-bottom: 59px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .dep_title {
    text-align: center;
  }
}

.dep_block {
  display: block;
  background: url(../images/dep_block_bg.png) no-repeat 5% 69%;
  position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .dep_block {
    background: none;
  }
}

.dep_item {
  width: 870px;
  margin-top: 20px;
  margin-left: 75px;
}
.dep_item_first {
  width: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .dep_item {
    width: 100%;
    margin-left: 0;
  }
}

.dep_item__d {
  background: url(../images/dep_item_bg.png) no-repeat center center;
  width: 272px;
  height: 104px;
  display: block;
  float: left;
}
.dep_item__d_name {
  display: block;
  width: 230px;
  margin-left: 7px;
  padding-top: 5px;
  height: 67px;
  text-align: center;
  line-height: 59px;
  font-size: 17px;
  font-family: "RobotoBold";
  margin-left: 7px;
}
.dep_item__d_name_first {
  display: block;
  width: 230px;
  margin-left: 7px;
  padding-top: 5px;
  height: 67px;
  text-align: center;
  line-height: 59px;
  font-size: 17px;
  font-family: "RobotoBold";
  margin-left: 7px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dep_item__d {
    float: none;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .dep_item__d {
    float: none;
    margin: 0 auto;
  }
}

.dep_item__txt {
  font-size: 16px;
  color: #4f7f96;
  line-height: 25px;
  display: block;
  margin-left: -1px;
  float: left;
  margin-top: 2px;
  width: 537px;
}
.dep_item__txt_first {
  font-size: 16px;
  color: #4f7f96;
  line-height: 25px;
  display: block;
  margin-left: -1px;
  float: left;
  margin-top: 2px;
  width: 600px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .dep_item__txt_first {
    width: 445px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dep_item__txt_first {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .dep_item__txt_first {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .dep_item__txt {
    width: 445px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dep_item__txt {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .dep_item__txt {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
}

.d_lst {
  margin-top: 15px;
}

.dep_block__hide {
  background: url(../images/dep_block__hide.png) no-repeat 5% 0%;
  padding-top: 30px;
  position: relative;
  top: -34px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .dep_block__hide {
    background: none;
  }
}

.dep_block_hide__btn {
  font-size: 14px;
  color: #0097e6;
  cursor: pointer;
  border-bottom: 2px dotted #0097e6;
  display: inline-block;
  padding-bottom: 3px;
  margin-bottom: 10px;
  position: relative;
  left: 117px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .dep_block_hide__btn {
    left: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dep_block_hide__btn {
    left: 0px;
    width: 160px;
    text-align: center;
    margin: 0 auto 10px;
    display: block;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .dep_block_hide__btn {
    left: 0px;
    width: 160px;
    text-align: center;
    margin: 0 auto 10px;
    display: block;
  }
}

.line_hide {
  background-image: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  height: 92px;
  width: 940px;
  position: absolute;
  bottom: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .line_hide {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .line_hide {
    width: 100%;
    bottom: 2px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .line_hide {
    width: 100%;
    bottom: 2px;
  }
}

.rev_title {
  font-size: 34px;
  color: #2c3441;
  font-family: "RobotoBold";
  margin-bottom: 38px;
  display: block;
}

.rev_sec {
  padding-top: 0px;
  background: #fff url(../images/rev_bg.png) no-repeat bottom center;
  padding-bottom: 40px;
}

.rev_img {
  width: 194px;
  height: 270px;
  box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.19);
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rev_img {
    margin: 0 auto 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .rev_img {
    margin: 0 auto 30px;
  }
}

.rev_name {
  font-size: 25px;
  color: #3a5763;
  margin-bottom: 15px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rev_name {
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .rev_name {
    text-align: center;
    font-size: 22px;
  }
}

.rev_txt {
  font-size: 16px;
  line-height: 25px;
  color: #4f7f96;
}

.rev_txt_hide {
  font-size: 16px;
  line-height: 25px;
  color: #4f7f96;
}

.line_hide_rev {
  background-image: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  height: 45px;
  width: 100%;
  position: absolute;
  bottom: 33px;
}

.rev__hide__btn {
  font-size: 14px;
  color: #0097e6;
  cursor: pointer;
  border-bottom: 2px dotted #0097e6;
  display: inline-block;
  padding-bottom: 3px;
  margin-bottom: 10px;
  left: 0px;
  top: 10px;
}

.rev_video_block {
  margin: 54px 0 15px;
}

.rev_video {
  width: 417px;
}
.rev_video img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .rev_video {
    margin: 0 auto 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rev_video {
    margin: 0 auto 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .rev_video {
    width: 270px;
    margin: 0 auto 20px;
  }
}

.rev_video_name {
  font-size: 25px;
  color: #3a5763;
  line-height: 35px;
  margin-top: -11px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .rev_video_name {
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rev_video_name {
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .rev_video_name {
    text-align: center;
    margin-top: 0;
    font-size: 19px;
    line-height: 24px;
  }
}

.rev_video_desc {
  font-size: 16px;
  color: #4f7f96;
  line-height: 25px;
  margin-top: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .rev_video_desc {
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rev_video_desc {
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .rev_video_desc {
    font-size: 15px;
    text-align: center;
  }
}

.all_rev__btn {
  position: relative;
  overflow: hidden;
  width: 232px;
  height: 52px;
  line-height: 47px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-size: 18px;
  text-align: center;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  margin: 57px auto 38px;
  display: block;
}
.all_rev__btn:hover, .all_rev__btn:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.all_rev__btn:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.audit_sec {
  background: #fff;
  padding-top: 90px;
}

.audit_img {
  height: 248px;
  width: 182px;
  box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.19);
  display: block;
  cursor: zoom-in;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .audit_img {
    margin: 0 auto 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .audit_img {
    margin: 0 auto 30px;
  }
}

.audit_title {
  font-size: 34px;
  color: #2c3441;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .audit_title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .audit_title {
    font-size: 25px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .audit_title {
    font-size: 25px;
    text-align: center;
  }
}

.audit_txt {
  font-size: 22px;
  line-height: 31px;
  color: #6e6e6e;
  margin-top: 34px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .audit_txt {
    font-size: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .audit_txt {
    font-size: 17px;
    text-align: center;
  }
}

.audit_bg {
  background: url(../images/audit_bg.png) no-repeat bottom right;
  height: 345px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .audit_bg {
    height: auto;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .audit_bg {
    height: auto;
    padding-bottom: 40px;
    background: none;
  }
}

.our_partners {
  background: #fff;
}

.our_p_title {
  font-size: 34px;
  color: #2c3441;
  font-family: "RobotoBold";
  margin-top: -3px;
  display: block;
}

.tr_foot {
  background: url(../images/tr_foot.png) no-repeat bottom center;
  width: 100%;
  height: 145px;
  margin-bottom: 80px;
}

.part_item {
  margin-top: 67px;
}

.part_txt {
  font-size: 15px;
  color: #000;
  line-height: 21px;
  margin-top: 48px;
}

.part_logo {
  height: 70px;
}

.school_sec {
  width: 100%;
  min-height: 630px;
  background: #fff url(../images/school_sec_bg.png) no-repeat bottom center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .school_sec {
    min-height: 524px;
  }
}
.school_sec_title {
  font-size: 49px;
  color: #566e6e;
  font-weight: normal;
  text-align: center;
  font-family: "RobotoBold";
  margin-top: 174px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .school_sec_title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .school_sec_title {
    font-size: 34px;
    margin-top: 136px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .school_sec_title {
    font-size: 28px;
    margin-top: 75px;
    line-height: 40px;
  }
}
.school_sec_slogan {
  font-size: 26px;
  color: #334849;
  line-height: 35px;
  display: block;
  text-align: center;
  margin-top: 49px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .school_sec_slogan {
    font-size: 23px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .school_sec_slogan {
    font-size: 23px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .school_sec_slogan {
    font-size: 16px;
    line-height: 31px;
  }
}

.mouse {
  background: url(../images/icon/mouse_icon.png) no-repeat center center;
  width: 56px;
  height: 87px;
  position: absolute;
  bottom: 37px;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}

.mouse_point {
  background: url(../images/icon/mouse_point.png) no-repeat center center;
  width: 12px;
  height: 25px;
  position: relative;
  left: 22px;
  top: 22px;
}

.mouse_hover {
  animation-name: mouse_hover;
  animation-duration: 0.7s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes mouse_hover {
  0% {
    top: 20px;
  }
  50% {
    top: 22px;
  }
  100% {
    top: 24px;
  }
}
@-moz-keyframes mouse_hover {
  0% {
    top: 20px;
  }
  50% {
    top: 22px;
  }
  100% {
    top: 24px;
  }
}
@-ms-keyframes mouse_hover {
  0% {
    top: 20px;
  }
  50% {
    top: 22px;
  }
  100% {
    top: 24px;
  }
}
@keyframes mouse_hover {
  0% {
    top: 20px;
  }
  50% {
    top: 22px;
  }
  100% {
    top: 24px;
  }
}
.video_block {
  background: #fff;
  width: 100%;
  padding-top: 90px;
}
.video_block__title {
  font-size: 25px;
  color: #6f99ab;
  text-align: center;
  background: url(../images/video_block_title__bg.png) no-repeat bottom center;
  width: 100%;
  height: 83px;
}

.bl_video {
  margin-top: 46px;
  margin-bottom: 100px;
}
.bl_video__item {
  margin-left: 13px;
  margin-bottom: 36px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bl_video__item {
    margin-left: 0;
  }
}
.bl_video__item_title {
  font-size: 24px;
  color: #567f90;
  line-height: 35px;
  margin-bottom: 41px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .bl_video__item_title {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bl_video__item_title {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }
}
.bl_video__item_foot {
  float: left;
  width: 100%;
  color: #3c4755;
  margin-top: 30px;
  border-bottom: 5px dotted #E8E8E8;
  padding-bottom: 12px;
}
.bl_video__item_video {
  width: 253px;
  display: block;
  float: left;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .bl_video__item_video {
    float: none;
    margin: 0 auto 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bl_video__item_video {
    float: none;
    margin: 0 auto 20px;
  }
}
.bl_video__item_video_hover {
  background: url(../images/icon/video_play.png) no-repeat;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
}
.bl_video__item_txt {
  display: block;
  float: left;
  margin-left: 59px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .bl_video__item_txt {
    margin-left: 13px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .bl_video__item_txt {
    margin-left: 13px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .bl_video__item_txt {
    margin-left: 0;
  }
}

.video_txt__list {
  font-size: 17px;
  color: #536b79;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video_txt__list {
    font-size: 13px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video_txt__list {
    font-size: 15px;
  }
}
.video_txt__list li {
  height: 31px;
  line-height: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video_txt__list li {
    height: 45px;
    line-height: 14px;
    padding-left: 17px;
  }
}
.video_txt__list li:before {
  content: "";
  background: url(../images/icon/video_txt__list.png) no-repeat;
  width: 16px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  margin-top: -1px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video_txt__list li:before {
    margin-left: -16px;
    margin-right: 0;
  }
}

.list_hide_btn, .list_hide2_btn, .list_hide3_btn, .list_hide4_btn, .list_hide5_btn {
  font-size: 14px;
  color: #0097e6;
  cursor: pointer;
  border-bottom: 2px dotted #0097e6;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 10px;
  position: relative;
  left: 0px;
  top: -8px;
}

.list_hide_rev, .list_hide2_rev, .list_hide3_rev, .list_hide4_rev, .list_hide5_rev {
  background-image: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  height: 45px;
  width: 100%;
  position: absolute;
  bottom: 0px;
}

.date_video {
  display: block;
  float: left;
}
.date_video:before {
  content: "";
  background: url(../images/icon/date_video.png) no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  margin-top: -5px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .date_video {
    float: none;
    margin: 0px 0px 20px;
    text-align: center;
  }
}

.time_video {
  display: block;
  float: left;
  margin-left: 50px;
}
.time_video:before {
  content: "";
  background: url(../images/icon/time_video.png) no-repeat;
  width: 23px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  margin-top: -5px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .time_video {
    float: none;
    margin: 0px 0px 20px;
    text-align: center;
  }
}

.video_subsc_btn {
  position: relative;
  overflow: hidden;
  width: 188px;
  height: 52px;
  line-height: 47px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-size: 18px;
  text-align: center;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  margin-right: 22px;
  display: block;
  float: right;
  top: -13px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video_subsc_btn {
    float: none;
    margin: 0px auto 30px;
    top: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video_subsc_btn {
    float: none;
    margin: 0 auto;
    top: 0;
  }
}
.video_subsc_btn:hover, .video_subsc_btn:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.video_subsc_btn:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.video_foot_line {
  width: 277px;
  height: 1px;
  background: #D1DBDF;
  position: relative;
  float: left;
  left: 35px;
  top: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .video_foot_line {
    width: 60px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video_foot_line {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video_foot_line {
    display: none;
  }
}

.school_p1 {
  position: absolute;
  top: 72px;
  left: 83px;
  width: 301px;
  height: 194px;
  background: url(../images/parallax/school_p1.png) no-repeat center center;
}
@media only screen and (min-width: 320px) and (max-width: 1600px) {
  .school_p1 {
    display: none;
  }
}

.school_p2 {
  position: absolute;
  bottom: -19px;
  left: 83px;
  width: 490px;
  height: 330px;
  background: url(../images/parallax/school_p2.png) no-repeat center center;
}
@media only screen and (min-width: 320px) and (max-width: 1600px) {
  .school_p2 {
    display: none;
  }
}

.school_p3 {
  position: absolute;
  top: 22px;
  right: 91px;
  width: 344px;
  height: 424px;
  background: url(../images/parallax/school_p3.png) no-repeat center center;
}
@media only screen and (min-width: 320px) and (max-width: 1600px) {
  .school_p3 {
    display: none;
  }
}

.school_p4 {
  position: absolute;
  bottom: 11px;
  right: 246px;
  width: 284px;
  height: 230px;
  background: url(../images/parallax/school_p4.png) no-repeat center center;
}
@media only screen and (min-width: 320px) and (max-width: 1600px) {
  .school_p4 {
    display: none;
  }
}

.minkom {
  top: -8px;
}

.keys_kns {
  background: #fff;
  padding-top: 76px;
}
.keys_kns h2 {
  font-size: 25px;
  color: #494949;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_kns h2 {
    font-size: 18px;
  }
}
.keys_kns p {
  font-size: 17px;
  color: #494949;
  line-height: 32px;
  margin-top: 25px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .keys_kns p {
    font-size: 15px;
    line-height: 27px;
  }
}

.keys_kns_nw {
  width: 100%;
  min-height: 867px;
  background: url(../images/keys_kns_nw.png) no-repeat top center;
  color: #262E38;
  padding-top: 59px;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_kns_nw {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_kns_nw {
    padding-top: 30px;
  }
}
.keys_kns_nw .kns_nw {
  font-size: 36px;
  color: #fff;
  line-height: 50px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .keys_kns_nw .kns_nw {
    font-size: 28px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_kns_nw .kns_nw {
    font-size: 24px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_kns_nw .kns_nw {
    font-size: 26px;
    text-align: center;
    line-height: 36px;
  }
}

.kns-nw-conveyor {
  width: 100%;
  margin-top: -25px;
}
.kns-nw-conveyor img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .kns-nw-conveyor {
    margin-top: 0;
  }
}

.kns_nw_conveyor-info {
  margin-top: 58px;
  z-index: 3;
  position: relative;
}
.kns_nw_conveyor-info h2 {
  font-size: 18px;
  color: #2d323a;
  font-family: "RobotoBold";
  font-weight: normal;
  margin-bottom: 15px;
}
.kns_nw_conveyor-info img {
  margin-bottom: 46px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .kns_logos_bl {
    width: 140px;
    float: left;
    margin-right: 35px;
  }
  .kns_logos_bl img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .kns_logos_bl {
    width: 98px;
    float: left;
    margin-right: 35px;
  }
  .kns_logos_bl img {
    max-width: 100%;
    height: auto;
  }
  .kns_logos_bl h2 {
    font-size: 13px;
  }
}

.conveyor-txt {
  margin-top: 15px;
  line-height: 26px;
}
.conveyor-txt span {
  font-size: 25px;
  color: #fff;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .conveyor-txt span {
    text-align: center;
  }
}
.conveyor-txt span:last-child {
  margin-left: 206px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .conveyor-txt span:last-child {
    margin-left: 0;
  }
}

.kns_box1 {
  background: url(../images/parallax/box1.png) no-repeat center center;
  width: 349px;
  height: 327px;
  position: absolute;
  top: 126px;
  left: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 1260px) {
  .kns_box1 {
    display: none;
  }
}

.kns_box2 {
  background: url(../images/parallax/box2.png) no-repeat center center;
  width: 142px;
  height: 148px;
  position: absolute;
  bottom: 172px;
  left: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 1260px) {
  .kns_box2 {
    display: none;
  }
}

.kns_box3 {
  background: url(../images/parallax/box3.png) no-repeat center center;
  width: 348px;
  height: 385px;
  position: absolute;
  z-index: 1;
  bottom: 248px;
  right: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 1260px) {
  .kns_box3 {
    display: none;
  }
}

.kns_box4 {
  background: url(../images/parallax/box4.png) no-repeat center center;
  width: 153px;
  height: 130px;
  position: absolute;
  bottom: 80px;
  right: 290px;
  right: 0px;
  z-index: 0;
}
@media only screen and (min-width: 320px) and (max-width: 1260px) {
  .kns_box4 {
    display: none;
  }
}

.keys_title {
  color: #494949;
  font-size: 34px;
  font-family: "RobotoBold";
  font-weight: normal;
  margin-bottom: 61px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_title {
    font-size: 26px;
    text-align: center;
  }
}

.keys_list {
  margin-top: 18px;
}
.keys_list li {
  font-size: 17px;
  color: #494949;
  line-height: 32px;
}
.keys_list li:before {
  content: "";
  background: url(../images/icon/video_txt__list.png) no-repeat;
  width: 16px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  margin-top: -1px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .keys_list li {
    font-size: 15px;
    line-height: 29px;
  }
}

.kns_nw_title {
  font-size: 30px;
  color: #fff;
  font-weight: normal;
  font-family: "RobotoBold";
  background: #00BACB;
  display: inline-block;
  padding: 13px 20px;
  margin-top: 60px;
}

.kns_nw_title-two {
  font-size: 25px;
  color: #fff;
  font-weight: normal;
  font-family: "RobotoBold";
  background: #00BACB;
  display: inline-block;
  padding: 13px 20px;
  margin-top: 108px;
  margin-bottom: 12px;
}

.how_dev_keys {
  font-size: 19px;
  color: #fff;
  font-family: "RobotoBold";
  margin-top: 41px;
  margin-left: 5px;
}
.how_dev_keys li {
  background: url(../images/icon/how_dev_keys.png) no-repeat 0% 46%;
  padding-left: 22px;
  margin-bottom: 15px;
}

.keys_kns_nw_two {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 23px;
}
.keys_kns_nw_two p {
  font-size: 18px;
  line-height: 26px;
  color: #2d323a;
  margin-bottom: 32px;
  display: block;
}
.keys_kns_nw_two strong {
  font-size: 18px;
  color: #2d323a;
  display: block;
  margin-top: 64px;
  margin-bottom: 30px;
}

.logica {
  width: 714px;
  margin: 34px 0px 0px 0px;
}
.logica img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .logica {
    width: 100%;
  }
}

.keys_step {
  background: #DDE7EC;
  padding-top: 57px;
}

.step_block {
  margin-bottom: 88px;
}
.step_block_num {
  background: #97CC47;
  display: block;
  height: 36px;
  width: 100px;
  float: left;
  font-size: 20px;
  line-height: 34px;
  padding-left: 10px;
}
.step_block_title {
  font-size: 20px;
  color: #353535;
  line-height: 28px;
  margin-top: 17px;
  margin-bottom: 39px;
}
.step_block p {
  font-size: 17px;
  display: block;
  line-height: 32px;
  width: 290px;
  color: #353535;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .step_block p {
    width: 100%;
  }
}

.step_images {
  position: relative;
}

.step_img_tp_first {
  position: absolute;
  top: -130px;
  display: block;
  right: 0px;
  width: 313px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .step_img_tp_first {
    top: -95px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .step_img_tp_first {
    position: relative;
    right: -105px;
    top: -70px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .step_img_tp_first {
    width: 200px;
    position: relative;
    right: -68px;
    top: -70px;
  }
}
.step_img_tp_first img {
  max-width: 100%;
  height: auto;
}

.step_img_tp {
  position: absolute;
  top: -90px;
  display: block;
  right: 0px;
  width: 313px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .step_img_tp {
    position: relative;
    right: -105px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .step_img_tp {
    width: 200px;
    position: relative;
    right: -68px;
  }
}
.step_img_tp img {
  max-width: 100%;
  height: auto;
}

.step_img_bt {
  position: absolute;
  display: block;
  width: 313px;
  top: 30px;
  z-index: 2;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .step_img_bt {
    top: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .step_img_bt {
    width: 200px;
    top: 0;
  }
}
.step_img_bt img {
  max-width: 100%;
  height: auto;
}

.shem_arrow {
  background: url(../images/icon/shem_arrow.png) no-repeat center center;
  width: 74px;
  height: 55px;
  position: absolute;
  right: 35px;
  bottom: -350px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .shem_arrow {
    display: none;
  }
}

.ar3 {
  bottom: -420px;
}

.ar4 {
  bottom: -260px;
}

.triangle-right {
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-left: 14px solid #97CC47;
  border-bottom: 18px solid transparent;
  display: block;
  float: left;
}
.triangle-right:after {
  content: "";
  width: 260px;
  height: 1px;
  background: #97CC49;
  display: inline-block;
  position: relative;
  top: -14px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .triangle-right:after {
    width: 150px;
  }
}

.shem7 {
  position: relative;
  width: 550px;
  margin: 0 auto 30px;
}
.shem7 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem7 {
    width: 100%;
  }
}

.shem7_line {
  position: absolute;
  left: -182px;
  top: 140px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem7_line {
    left: -94px;
  }
}
.shem7_line:before {
  content: "";
  background: url(../images/shem7_line.png) no-repeat;
  width: 256px;
  height: 51px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 58px;
  left: -10px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem7_line {
    display: none;
  }
}

.shem8 {
  position: relative;
  width: 100%;
  margin: 0 auto 30px;
}
.shem8 img {
  width: 100%;
  height: auto;
}

.shem8_line {
  position: absolute;
  left: 269px;
  top: 72px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem8_line:before {
  content: "";
  background: url(../images/shem8_line.png) no-repeat;
  width: 12px;
  height: 76px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 19px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem8_line:before {
    top: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem8_line {
    top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem8_line {
    display: none;
  }
}

.shem9 {
  position: relative;
  width: 671px;
  margin: 0 auto 30px;
}
.shem9 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem9 {
    width: 100%;
  }
}

.shem10 {
  position: relative;
  width: 569px;
  margin: 0 auto 60px;
}
.shem10 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem10 {
    width: 100%;
  }
}

.shem10_line {
  position: absolute;
  left: 368px;
  top: 96px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem10_line:before {
  content: "";
  background: url(../images/shem10_line.png) no-repeat;
  width: 12px;
  height: 86px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 19px;
  left: -14px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem10_line {
    display: none;
  }
}

.shem11 {
  position: relative;
  width: 100%;
  margin: 0 auto 60px;
}
.shem11 img {
  width: 100%;
  height: auto;
}

.shem11_line {
  position: absolute;
  left: 495px;
  top: 107px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem11_line:before {
  content: "";
  background: url(../images/shem10_line.png) no-repeat;
  width: 12px;
  height: 86px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 19px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem11_line:before {
    top: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem11_line {
    left: 379px;
    top: 55px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem11_line {
    display: none;
  }
}

.shema_block {
  position: relative;
}

.shem12 {
  width: 460px;
  position: relative;
  left: 0;
  top: 0;
  float: left;
}
.shem12 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem12 {
    float: none;
    margin: 20px auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem12 {
    width: 100%;
    float: none;
    margin: 20px auto;
  }
}

.shem13 {
  width: 460px;
  position: relative;
  right: 0;
  top: 0;
  float: right;
}
.shem13 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem13 {
    float: none;
    margin: 0px auto 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem13 {
    width: 100%;
    float: none;
    margin: 0px auto 20px;
  }
}

.keys_formula {
  font-size: 24px;
  color: #567f90;
  font-family: "RobotoBold";
  line-height: 40px;
  background: #E3ECF4;
  padding: 10px 15px;
  width: 530px;
  height: 100px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .keys_formula {
    font-size: 18px;
    width: 100%;
    height: auto;
  }
}

.primer_formula {
  font-style: italic;
  color: #353535;
  font-size: 16px;
  margin-top: 15px;
  display: block;
}

.primer_bl {
  font-size: 20px;
  color: #353535;
  line-height: 33px;
  font-family: "RobotoLight";
  margin-top: 10px;
  margin-bottom: 50px;
}
.primer_bl b {
  font-weight: bold;
}

.shem14 {
  width: 651px;
  position: relative;
  margin: 0 auto 25px;
}
.shem14 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem14 {
    width: 100%;
  }
}

.shem15 {
  width: 100%;
  position: relative;
  margin: 100px auto 25px;
}
.shem15 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem15 {
    margin: 25px auto;
  }
}

.shem15_line1 {
  position: absolute;
  left: 244px;
  top: -170px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem15_line1:before {
  content: "";
  background: url(../images/shem15_line1.png) no-repeat;
  width: 12px;
  height: 127px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 130px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem15_line1 {
    left: 186px;
    top: -190px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem15_line1 {
    display: none;
  }
}

.shem15_line2 {
  position: absolute;
  left: 581px;
  top: -278px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem15_line2:before {
  content: "";
  background: url(../images/shem15_line2.png) no-repeat;
  width: 12px;
  height: 197px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 200px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem15_line2 {
    left: 443px;
    top: -305px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem15_line2 {
    display: none;
  }
}

.shem15_line3 {
  position: absolute;
  left: 704px;
  top: -214px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem15_line3:before {
  content: "";
  background: url(../images/shem15_line3.png) no-repeat;
  width: 12px;
  height: 166px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 168px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem15_line3 {
    left: 542px;
    top: -241px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem15_line3 {
    display: none;
  }
}

.shem16 {
  width: 100%;
  position: relative;
  margin: 100px auto 100px;
}
.shem16 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem16 {
    margin: 25px auto;
  }
}

.shem16_line1 {
  position: absolute;
  left: 383px;
  top: -239px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem16_line1:before {
  content: "";
  background: url(../images/shem16_line1.png) no-repeat;
  width: 12px;
  height: 172px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 175px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem16_line1 {
    left: 295px;
    top: -268px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem16_line1 {
    display: none;
  }
}

.shem16_line2 {
  position: absolute;
  right: 0px;
  top: -350px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem16_line2:before {
  content: "";
  background: url(../images/shem16_line2.png) no-repeat;
  width: 114px;
  height: 270px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 274px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem16_line2 {
    top: -349px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem16_line2 {
    display: none;
  }
}

.shem16_line3 {
  position: absolute;
  right: 68px;
  bottom: -45px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem16_line3:before {
  content: "";
  background: url(../images/shem16_line3.png) no-repeat;
  width: 12px;
  height: 74px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 17px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem16_line3 {
    right: 1px;
    bottom: -60px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem16_line3 {
    display: none;
  }
}

.shem16_line4 {
  position: absolute;
  right: 454px;
  bottom: -53px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem16_line4:before {
  content: "";
  background: url(../images/shem16_line4.png) no-repeat;
  width: 97px;
  height: 148px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 17px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem16_line4 {
    right: 321px;
    bottom: -76px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem16_line4 {
    display: none;
  }
}

.shem_exel {
  width: 663px;
  margin: 0 auto 25px;
}
.shem_exel img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem_exel {
    width: 100%;
  }
}

.shem17 {
  width: 551px;
  position: relative;
  margin: 0 auto 100px;
}
.shem17 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem17 {
    width: 100%;
    margin: 25px auto;
  }
}

.shem17_line1 {
  position: absolute;
  right: -328px;
  top: 52px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem17_line1:before {
  content: "";
  background: url(../images/shem17_line1.png) no-repeat;
  width: 301px;
  height: 46px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 46px;
  left: -313px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem17_line1 {
    right: -164px;
    top: 65px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem17_line1 {
    display: none;
  }
}

.shem17_line2 {
  position: absolute;
  right: -8px;
  bottom: -66px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem17_line2:before {
  content: "";
  background: url(../images/shem17_line2.png) no-repeat;
  width: 12px;
  height: 106px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 40px;
  left: -14px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem17_line2 {
    display: none;
  }
}

.shem18 {
  width: 908px;
  position: relative;
  margin: 60px auto 25px;
}
.shem18 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .shem18 {
    width: 100%;
    margin: 25px auto;
  }
}

.shem18_line1 {
  position: absolute;
  right: 281px;
  top: -130px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem18_line1:before {
  content: "";
  background: url(../images/shem18_line1.png) no-repeat;
  width: 12px;
  height: 86px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 90px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem18_line1 {
    right: 147px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem18_line1 {
    display: none;
  }
}

.shem19 {
  width: 935px;
  position: relative;
  margin: 60px auto 25px;
}
.shem19 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .shem19 {
    width: 100%;
    margin: 25px auto;
  }
}

.shem19_line1 {
  position: absolute;
  left: 166px;
  top: -93px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem19_line1:before {
  content: "";
  background: url(../images/shem19_line1.png) no-repeat;
  width: 12px;
  height: 56px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 60px;
  left: -14px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem19_line1 {
    display: none;
  }
}

.shem19_line2 {
  position: absolute;
  right: 86px;
  top: -109px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem19_line2:before {
  content: "";
  background: url(../images/shem19_line2.png) no-repeat;
  width: 200px;
  height: 64px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 111px;
  left: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem19_line2 {
    display: none;
  }
}

.shem19_line3 {
  position: absolute;
  left: 162px;
  bottom: 0px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem19_line3:before {
  content: "";
  background: url(../images/shem19_line3.png) no-repeat;
  width: 86px;
  height: 26px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 16px;
  left: -95px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem19_line3 {
    display: none;
  }
}

.shem20 {
  width: 100%;
  position: relative;
  margin: 100px auto;
}
.shem20 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem20 {
    margin: 25px auto;
  }
}

.shem20_line1 {
  position: absolute;
  left: 125px;
  top: -254px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem20_line1:before {
  content: "";
  background: url(../images/shem20_line1.png) no-repeat;
  width: 12px;
  height: 203px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 205px;
  left: -14px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem20_line1 {
    display: none;
  }
}

.shem20_line2 {
  position: absolute;
  left: 365px;
  bottom: -50px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem20_line2:before {
  content: "";
  background: url(../images/shem20_line2.png) no-repeat;
  width: 12px;
  height: 101px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 17px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem20_line2 {
    left: 280px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem20_line2 {
    display: none;
  }
}

.shem21 {
  width: 480px;
  position: relative;
  margin: 25px auto 50px;
}
.shem21 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem21 {
    width: 100%;
    margin: 25px auto;
  }
}

.shem21_line1 {
  position: absolute;
  right: -225px;
  top: 80px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem21_line1:before {
  content: "";
  background: url(../images/shem21_line1.png) no-repeat;
  width: 206px;
  height: 44px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 42px;
  left: -213px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem21_line1 {
    right: -119px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem21_line1 {
    display: none;
  }
}

.shem21_line2 {
  position: absolute;
  left: 183px;
  bottom: -8px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem21_line2:before {
  content: "";
  background: url(../images/shem21_line2.png) no-repeat;
  width: 12px;
  height: 93px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 17px;
  left: -14px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem21_line2 {
    display: none;
  }
}

.shem22 {
  width: 100%;
  position: relative;
  margin: 50px auto 150px;
}
.shem22 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem22 {
    margin: 25px auto;
  }
}

.shem22_line1 {
  position: absolute;
  right: 216px;
  top: -169px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem22_line1:before {
  content: "";
  background: url(../images/shem22_line1.png) no-repeat;
  width: 12px;
  height: 126px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 130px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem22_line1 {
    right: 140px;
    top: -175px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem22_line1 {
    display: none;
  }
}

.shem22_line2 {
  position: absolute;
  right: 93px;
  bottom: -109px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem22_line2:before {
  content: "";
  background: url(../images/shem22_line2.png) no-repeat;
  width: 236px;
  height: 336px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 17px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem22_line2 {
    right: 66px;
    bottom: -138px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem22_line2 {
    display: none;
  }
}

.shem23 {
  width: 100%;
  position: relative;
  margin: 80px auto 150px;
}
.shem23 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem23 {
    margin: 25px auto;
  }
}

.shem23_line1 {
  position: absolute;
  left: 113px;
  top: -354px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem23_line1:before {
  content: "";
  background: url(../images/shem23_line1.png) no-repeat;
  width: 248px;
  height: 309px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 312px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem23_line1 {
    left: 54px;
    top: -391px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem23_line1 {
    display: none;
  }
}

.shem23_line2 {
  position: absolute;
  right: 70px;
  top: -100px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem23_line2:before {
  content: "";
  background: url(../images/shem23_line2.png) no-repeat;
  width: 12px;
  height: 86px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 90px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem23_line2 {
    right: 32px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem23_line2 {
    display: none;
  }
}

.shem23_line3 {
  position: absolute;
  left: 297px;
  bottom: -50px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem23_line3:before {
  content: "";
  background: url(../images/shem23_line3.png) no-repeat;
  width: 12px;
  height: 136px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 18px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem23_line3 {
    left: 230px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem23_line3 {
    display: none;
  }
}

.shem24 {
  width: 100%;
  position: relative;
  margin: 80px auto 50px;
}
.shem24 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem24 {
    margin: 25px auto;
  }
}

.shem24_line1 {
  position: absolute;
  right: 177px;
  bottom: -12px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem24_line1:before {
  content: "";
  background: url(../images/shem24_line1.png) no-repeat;
  width: 193px;
  height: 174px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 38px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem24_line1 {
    right: 120px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem24_line1 {
    display: none;
  }
}

.shem25 {
  width: 100%;
  position: relative;
  margin: 80px auto 150px;
}
.shem25 img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem25 {
    margin: 25px auto;
  }
}

.shem25_line1 {
  position: absolute;
  left: 134px;
  bottom: -118px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem25_line1:before {
  content: "";
  background: url(../images/shem25_line1.png) no-repeat;
  width: 12px;
  height: 274px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 18px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem25_line1 {
    left: 50px;
    bottom: -94px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem25_line1 {
    display: none;
  }
}

.shem25_line2 {
  position: absolute;
  left: 165px;
  bottom: -92px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem25_line2:before {
  content: "";
  background: url(../images/shem25_line2.png) no-repeat;
  width: 12px;
  height: 385px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 38px;
  left: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem25_line2 {
    left: 122px;
    bottom: -145px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem25_line2 {
    display: none;
  }
}

.shem25_line3 {
  position: absolute;
  right: 435px;
  bottom: -62px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem25_line3:before {
  content: "";
  background: url(../images/shem25_line3.png) no-repeat;
  width: 140px;
  height: 250px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 20px;
  left: 96px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem25_line3 {
    right: 352px;
    bottom: -93px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem25_line3 {
    display: none;
  }
}

.shem25_line4 {
  position: absolute;
  right: 253px;
  bottom: -45px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem25_line4:before {
  content: "";
  background: url(../images/shem25_line4.png) no-repeat;
  width: 122px;
  height: 112px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 20px;
  left: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem25_line4 {
    right: 187px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem25_line4 {
    display: none;
  }
}

.shem25_line5 {
  position: absolute;
  right: 21px;
  bottom: -114px;
  font-size: 16px;
  color: #567f90;
  line-height: 21px;
}
.shem25_line5:before {
  content: "";
  background: url(../images/shem25_line5.png) no-repeat;
  width: 12px;
  height: 298px;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 38px;
  left: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .shem25_line5 {
    right: -5px;
    bottom: -124px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .shem25_line5 {
    display: none;
  }
}

.shem26 {
  width: 100%;
  position: relative;
  margin: 25px auto;
}
.shem26 img {
  width: 100%;
  height: auto;
}

.section1_cont {
  width: 100%;
  min-height: 511px;
  background: url(../images/section1_cont.jpg) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  z-index: 1;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .section1_cont {
    padding-bottom: 40px;
  }
}
.section1_cont h1 {
  color: #2d3642;
  font-family: "RobotoBold";
  font-size: 29px;
  line-height: 41px;
  margin-top: 47px;
  font-weight: normal;
}

.cont_block {
  border-left: 1px solid #fff;
  padding-left: 32px;
  margin-top: 50px;
}
.cont_block__city {
  color: #2d3642;
  font-size: 29px;
}
.cont_block__phone {
  margin-top: 48px;
  color: #3c4755;
  font-size: 17px;
  margin-bottom: 16px;
}
.cont_block__link_pp {
  font-size: 17px;
  margin-top: 34px;
  margin-left: 32px;
}
.cont_block__link_pp a {
  border-bottom: 2px dotted #1192b2;
  padding-bottom: 1px;
  -moz-transition: all 0.1s linear 0.1s;
  -o-transition: all 0.1s linear 0.1s;
  -webkit-transition: all 0.1s linear 0.1s;
  -ms-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
  color: #1192b2;
}
.cont_block__link_pp a:before {
  content: "";
  background: url(../images/icon/call_blue.png) no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 3px;
  left: 4px;
  margin-right: 16px;
  margin-left: -32px;
  -moz-transition: all 0.1s linear 0.1s;
  -o-transition: all 0.1s linear 0.1s;
  -webkit-transition: all 0.1s linear 0.1s;
  -ms-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
}
.cont_block__link_pp a:hover, .cont_block__link_pp a:active, .cont_block__link_pp a:focus {
  color: #3bb893;
  border-bottom: 2px dotted #3bb893;
  text-decoration: none;
}
.cont_block__link_pp a:hover:before, .cont_block__link_pp a:active:before, .cont_block__link_pp a:focus:before {
  background: url(../images/icon/call_blue_hover.png) no-repeat;
}
.cont_block__email {
  margin-top: 34px;
  color: #3c4755;
  font-size: 17px;
  margin-bottom: 16px;
}
.cont_block__adr {
  margin-top: 32px;
  color: #3c4755;
  font-size: 17px;
  margin-bottom: 14px;
  line-height: 20px;
}

.view_sheme_link {
  border-bottom: 2px dotted #1192b2;
  padding-bottom: 1px;
  -moz-transition: all 0.1s linear 0.1s;
  -o-transition: all 0.1s linear 0.1s;
  -webkit-transition: all 0.1s linear 0.1s;
  -ms-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
  color: #1192b2;
  margin-left: 35px;
}
.view_sheme_link:hover, .view_sheme_link:active, .view_sheme_link:focus {
  color: #3bb893;
  border-bottom: 2px dotted #3bb893;
  text-decoration: none;
}

.sect_support_cont {
  background: #fff;
  padding-top: 50px;
}
.sect_support_cont h1 {
  color: #2d3642;
  font-family: "RobotoBold";
  font-size: 29px;
  line-height: 41px;
  font-weight: normal;
}

.support_block {
  border-left: 1px solid #E3E3E3;
  padding-left: 30px;
  margin-top: 43px;
  padding-bottom: 50px;
}
.support_block__phones {
  font-size: 17px;
  font-family: "RobotoBold";
  color: #3c4755;
}
.support_block__phones_itm {
  font-size: 17px;
  color: #3c4755;
  margin-top: 20px;
}
.support_block__link_pp {
  font-size: 17px;
  margin-top: 36px;
  margin-left: 29px;
}
.support_block__link_pp a {
  border-bottom: 2px dotted #1192b2;
  padding-bottom: 1px;
  -moz-transition: all 0.1s linear 0.1s;
  -o-transition: all 0.1s linear 0.1s;
  -webkit-transition: all 0.1s linear 0.1s;
  -ms-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
  color: #1192b2;
}
.support_block__link_pp a:before {
  content: "";
  background: url(../images/icon/call_blue.png) no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 1px;
  left: 6px;
  margin-right: 16px;
  margin-left: -32px;
  -moz-transition: all 0.1s linear 0.1s;
  -o-transition: all 0.1s linear 0.1s;
  -webkit-transition: all 0.1s linear 0.1s;
  -ms-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
}
.support_block__link_pp a:hover, .support_block__link_pp a:active, .support_block__link_pp a:focus {
  color: #3bb893;
  border-bottom: 2px dotted #3bb893;
  text-decoration: none;
}
.support_block__link_pp a:hover:before, .support_block__link_pp a:active:before, .support_block__link_pp a:focus:before {
  background: url(../images/icon/call_blue_hover.png) no-repeat;
}
.support_block__txt {
  color: #525252;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}
.support_block__link_pv {
  font-size: 17px;
  margin-top: 22px;
  margin-left: 42px;
}
.support_block__link_pv a {
  border-bottom: 2px dotted #1192b2;
  padding-bottom: 1px;
  -moz-transition: all 0.1s linear 0.1s;
  -o-transition: all 0.1s linear 0.1s;
  -webkit-transition: all 0.1s linear 0.1s;
  -ms-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
  color: #1192b2;
}
.support_block__link_pv a:before {
  content: "";
  background: url(../images/icon/pv_icon.png) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 1px;
  left: 6px;
  margin-right: 20px;
  margin-left: -47px;
  -moz-transition: all 0.1s linear 0.1s;
  -o-transition: all 0.1s linear 0.1s;
  -webkit-transition: all 0.1s linear 0.1s;
  -ms-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
}
.support_block__link_pv a:hover, .support_block__link_pv a:active, .support_block__link_pv a:focus {
  color: #3bb893;
  border-bottom: 2px dotted #3bb893;
  text-decoration: none;
}
.support_block__link_pv a:hover:before, .support_block__link_pv a:active:before, .support_block__link_pv a:focus:before {
  background: url(../images/icon/pv_icon_hover.png) no-repeat;
}

.sect_cont_forma {
  background: #fff;
  padding-top: 47px;
}
.sect_cont_forma h1 {
  color: #2d3642;
  font-family: "RobotoBold";
  font-size: 29px;
  line-height: 41px;
  font-weight: normal;
}

.sect_cont_block {
  margin-top: 34px;
  padding: 40px;
  background-color: #f1f1f1;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sect_cont_block {
    padding: 10px;
  }
}

.sect_cont_form {
  width: 276px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .sect_cont_form {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sect_cont_form {
    width: 250px;
    margin-top: 20px;
  }
}
.sect_cont_form__input {
  background-color: #fdfdfd;
  border: 1px solid rgba(0, 0, 2, 0.04);
  margin-bottom: 24px;
  width: 276px;
  height: 50px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  padding: 0px 14px;
  color: #83999e;
  font-size: 16px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sect_cont_form__input {
    width: 250px;
  }
}
.sect_cont_form__input::-webkit-input-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
  font-weight: 400;
}
.sect_cont_form__input:-moz-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
  font-weight: 400;
}
.sect_cont_form__input::-moz-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
  font-weight: 400;
}
.sect_cont_form__input:-ms-input-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
  font-weight: 400;
}
.sect_cont_form__textarea {
  background-color: #fdfdfd;
  border: 1px solid rgba(0, 0, 2, 0.04);
  width: 276px;
  height: 90px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  padding: 14px;
  color: #83999e;
  font-size: 16px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sect_cont_form__textarea {
    width: 250px;
  }
}
.sect_cont_form__textarea::-webkit-input-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.sect_cont_form__textarea:-moz-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.sect_cont_form__textarea::-moz-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.sect_cont_form__textarea:-ms-input-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}

.filename_cs {
  background: #DBE3E7;
  border: 0;
  font-size: 14px;
  color: #aeaeae;
  height: 25px;
  width: 185px;
  text-align: center;
  margin: 0px auto 20px;
  display: block;
}

.file-upload_block_cs {
  width: 494px;
  height: 314px;
  background: #DBE3E7;
  position: absolute;
  right: 57px;
  top: 40px;
  border: 2px dotted #F1F1F0;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .file-upload_block_cs {
    width: 270px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .file-upload_block_cs {
    width: 100%;
    height: 200px;
    position: relative;
    right: 0px;
    top: 0px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .file-upload_block_cs {
    width: 250px;
    height: 176px;
    position: relative;
    right: 0px;
    top: 0px;
    margin-bottom: 20px;
  }
}

.file_drop_cs {
  color: #83999e;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.file_upload_bt_cs {
  width: 264px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .file_upload_bt_cs {
    width: 250px;
  }
}

.file-upload_cs {
  position: relative;
  overflow: hidden;
  width: 185px;
  height: 44px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-size: 16px;
  text-align: center;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  margin: 0 auto;
}
.file-upload_cs:hover {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
}
.file-upload_cs:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
}
.file-upload_cs:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
}
.file-upload_cs input[type="file"] {
  display: none;
}
.file-upload_cs label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.file-upload_cs span {
  line-height: 36px;
}

.sect_map {
  background: #fff;
  padding-top: 34px;
}
.sect_map h1 {
  color: #2d3642;
  font-family: "RobotoBold";
  font-size: 29px;
  line-height: 41px;
  font-weight: normal;
}
.sect_map .tabs {
  margin-top: 12px;
}
.sect_map .tab_map {
  cursor: pointer;
  font-size: 18px;
  font-family: "RobotoBold";
  margin-left: 25px;
  color: #3aade9;
  border-bottom: 2px dotted #3aade9;
}
.sect_map .tab_map:before {
  content: "";
  background: #E3E3E3;
  width: 1px;
  height: 85px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 20px;
  left: -24px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sect_map .tab_map:before {
    width: 0;
    height: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sect_map .tab_map {
    margin-left: 0;
  }
}
.sect_map .active {
  color: #3d3d3d;
  border: none;
}
.sect_map .tab_item {
  color: #000;
}
.sect_map .tab_item img {
  width: 100%;
  height: auto;
}
.sect_map .tab_kaz {
  margin-left: 386px !important;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sect_map .tab_kaz {
    margin-left: 120px !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sect_map .tab_kaz {
    margin-left: 10px !important;
  }
}
.sect_map .tab_content {
  margin-top: 20px;
}

.keis_slider div {
  position: relative;
}

.mbYTP_wrapper:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.sh_kurs {
  background: #fff;
}
.sh_kurs h1 {
  color: #2d3642;
  font-family: "RobotoBold";
  font-size: 35px;
  line-height: 41px;
  margin-top: 40px;
  font-weight: normal;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sh_kurs h1 {
    font-size: 30px;
  }
}
.sh_kurs p {
  color: #2d3642;
  font-size: 16px;
  line-height: 26px;
  margin-top: 26px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sh_kurs p {
    font-size: 14px;
    line-height: 23px;
  }
}

.sh_social {
  margin-top: 50px;
  margin-left: 18px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sh_social {
    margin-left: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sh_social {
    margin-left: 0;
    margin-top: 30px;
  }
}

.kurs_item {
  width: 907px;
  height: 262px;
  margin: 50px auto 64px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .kurs_item {
    width: 750px;
    height: auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .kurs_item {
    width: 450px;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .kurs_item {
    width: 270px;
    height: auto;
    margin: 50px auto 100px;
  }
}
.kurs_img {
  width: 907px;
  height: 262px;
  -moz-box-shadow: 6.7px 7.4px 16px rgba(0, 0, 2, 0.24);
  -webkit-box-shadow: 6.7px 7.4px 16px rgba(0, 0, 2, 0.24);
  box-shadow: 6.7px 7.4px 16px rgba(0, 0, 2, 0.24);
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .kurs_img {
    width: 750px;
    height: auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .kurs_img {
    width: 450px;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .kurs_img {
    width: 270px;
    height: auto;
  }
}
.kurs_img img {
  width: 100%;
  height: auto;
}
.kurs_over {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(45, 54, 66, 0.49);
  padding: 15px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .kurs_over {
    padding: 5px;
  }
}
.kurs_sub-title {
  font-size: 16px;
  line-height: 35px;
  color: #2d3642;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .kurs_sub-title {
    font-size: 13px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .kurs_sub-title {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .kurs_sub-title {
    display: none;
  }
}
.kurs_sub-title span {
  background: #fff;
  padding: 5px 10px;
}
.kurs_foot {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .kurs_foot {
    bottom: 15px;
    left: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .kurs_foot {
    left: 0px;
    bottom: -40px;
  }
}

h1.kurs_title {
  font-size: 25px;
  color: #31373f;
  font-family: "RobotoBold";
  display: inline;
  margin-bottom: 2px;
  font-weight: normal;
  margin: 0;
  line-height: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  h1.kurs_title {
    font-size: 20px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  h1.kurs_title {
    font-size: 13px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  h1.kurs_title {
    font-size: 13px;
    line-height: 22px;
  }
}
h1.kurs_title span {
  padding: 6px 10px;
  background: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  h1.kurs_title span {
    padding: 2px 6px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  h1.kurs_title span {
    padding: 2px 6px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  h1.kurs_title span {
    padding: 1px 6px;
  }
}

.lock {
  background-color: rgba(45, 54, 66, 0.89);
}

.kurs_lock {
  background: url(../images/kurs_lock.png) no-repeat center center;
  width: 907px;
  height: 25px;
  position: absolute;
  bottom: 93px;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .kurs_lock {
    width: 750px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .kurs_lock {
    bottom: 60px;
    width: 450px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .kurs_lock {
    display: none;
  }
}

a.kurs_bt {
  display: block;
  height: 36px;
  padding: 0px 15px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-size: 16px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  line-height: 29px;
  text-decoration: none;
}
a.kurs_bt:hover, a.kurs_bt:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
}
a.kurs_bt:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
}

.blip_kurs {
  position: absolute;
  top: 55px;
  right: 0;
  width: 279px;
  height: 75px;
  background: url(../images/blip_kurs.png) no-repeat center center;
  font-size: 17px;
  text-align: center;
  color: #fff;
  line-height: 20px;
  padding-top: 10px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blip_kurs {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .blip_kurs {
    display: none;
  }
}

.for_it {
  background-color: #65b6d4;
  height: 28px;
  min-width: 20px;
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 13px;
  color: #fff;
  line-height: 27px;
  padding: 0px 10px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .for_it {
    bottom: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .for_it {
    bottom: 0;
  }
}

.r_it {
  width: 45px;
  height: 45px;
  background: #65b6d4;
  position: absolute;
  top: -9px;
  left: -39px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .r_it {
    display: none;
  }
}
.r_it:before {
  content: "";
  background: url(../images/icon/it_icon.png) no-repeat center center;
  width: 20px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 5px;
  left: 12px;
}

.for_im {
  background-color: #d200ff;
  height: 28px;
  min-width: 20px;
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 13px;
  color: #fff;
  line-height: 27px;
  padding: 0px 10px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .for_im {
    bottom: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .for_im {
    bottom: 0;
  }
}

.r_im {
  width: 45px;
  height: 45px;
  background-color: #d200ff;
  position: absolute;
  top: -9px;
  left: -39px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .r_im {
    display: none;
  }
}
.r_im:before {
  content: "";
  background: url(../images/icon/im_icon.png) no-repeat center center;
  width: 23px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 6px;
  left: 11px;
}

.for_sb {
  background-color: #A900FF;
  height: 28px;
  min-width: 20px;
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 13px;
  color: #fff;
  line-height: 27px;
  padding: 0px 10px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .for_sb {
    bottom: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .for_sb {
    bottom: 0;
  }
}

.r_sb {
  width: 45px;
  height: 45px;
  background-color: #A900FF;
  position: absolute;
  top: -9px;
  left: -39px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .r_sb {
    display: none;
  }
}
.r_sb:before {
  content: "";
  background: url(../images/icon/sb_icon.png) no-repeat center center;
  width: 21px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 6px;
  left: 11px;
}

.for_dv {
  background-color: #A900FF;
  height: 28px;
  min-width: 20px;
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 13px;
  color: #fff;
  line-height: 27px;
  padding: 0px 10px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .for_dv {
    bottom: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .for_dv {
    bottom: 0px;
  }
}

.r_dv {
  width: 45px;
  height: 45px;
  background-color: #A900FF;
  position: absolute;
  top: -9px;
  left: -39px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .r_dv {
    display: none;
  }
}
.r_dv:before {
  content: "";
  background: url(../images/icon/dv_icon.png) no-repeat center center;
  width: 22px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 6px;
  left: 11px;
}

.sh_ft {
  background: #fff;
  color: #31373f;
  padding-top: 6px;
}
.sh_ft p {
  font-size: 18px;
  line-height: 25px;
  margin-top: 28px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sh_ft p {
    font-size: 14px;
  }
}

.reg_title {
  font-size: 25px;
  font-family: "RobotoBold";
  line-height: 35px;
  color: #484b53;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .reg_title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .reg_title {
    font-size: 21px;
    text-align: center;
    line-height: 30px;
  }
}

.sh_reg_form .input_st {
  width: 264px;
  height: 50px;
  background: #F5F5F5;
  border: none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  margin-bottom: 34px;
  color: #698387;
  font-size: 16px;
  padding: 0px 18px;
}
.sh_reg_form .input_st::-webkit-input-placeholder {
  color: #698387;
  font-size: 16px;
  opacity: 1;
}
.sh_reg_form .input_st:-moz-placeholder {
  color: #698387;
  font-size: 16px;
  opacity: 1;
}
.sh_reg_form .input_st::-moz-placeholder {
  color: #698387;
  font-size: 16px;
  opacity: 1;
}
.sh_reg_form .input_st:-ms-input-placeholder {
  color: #698387;
  font-size: 16px;
  opacity: 1;
}
.sh_reg_form .field-input.input-error {
  background: #fff url(../images/icon-fail.png) no-repeat 96% center;
  border: 1px solid #E9A2A2;
}

.sh_bt_send {
  width: 256px;
  height: 74px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  text-align: center;
  color: #b39b02;
  font-size: 26px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  margin: 0 auto;
}
.sh_bt_send:hover, .sh_bt_send:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
}
.sh_bt_send:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
}

.usl {
  font-size: 14px;
  line-height: 25px;
  margin-top: 30px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .usl {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .usl {
    text-align: center;
    font-size: 12px;
    margin-bottom: 30px;
  }
}
.usl a {
  color: #1d93bf;
  text-decoration: underline;
  font-size: 13px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .usl a {
    font-size: 12px;
  }
}
.usl a:hover {
  text-decoration: none;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sh_reg_form {
    width: 264px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sh_reg_form {
    width: 264px;
    margin: 0 auto;
  }
}

.ks_header {
  background: url(../images/ks_header_bg.jpg) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  width: 100%;
  min-height: 75px;
  color: #2d323a;
}

.ball-block {
  height: 37px;
  font-size: 12px;
  margin-top: 20px;
  line-height: 33px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ball-block {
    height: auto;
  }
}

.col-ball {
  font-size: 24px;
  color: #fff;
  font-family: "RobotoBold";
  background: #0A79A4;
  text-align: center;
  width: 103px;
  height: 37px;
  display: inline-block;
  margin-left: 18px;
  margin-right: 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

.ball-link {
  color: #1f6295;
  font-size: 13px;
  border-bottom: 1px dotted #1f6295;
}
.ball-link:hover {
  border-bottom: none;
  text-decoration: none;
}

.prof_block {
  float: right;
  height: 22px;
  line-height: 22px;
  margin-right: 45px;
  margin-top: 24px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .prof_block {
    float: none;
    margin: 5px 0px 20px 12px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .prof_block {
    float: none;
    margin: 5px 0px 20px 12px;
  }
}
.prof_block a {
  font-size: 13px;
  color: #00aee0;
  font-family: "RobotoBold";
  text-decoration: underline;
}
.prof_block a:before {
  content: "";
  background: url(../images/icon/exit_link_icon.png) no-repeat center center;
  width: 2px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0px;
  left: -16px;
}
.prof_block a:hover {
  text-decoration: none;
}

.prof_name {
  font-size: 13px;
  color: #2d323a;
  font-family: "RobotoBold";
  margin-right: 36px;
}
.prof_name:before {
  content: "";
  background: url(../images/icon/prof_block_icon.png) no-repeat center center;
  width: 12px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0px;
  left: -12px;
}

.video-container {
  background: #262E38;
  width: 100%;
  min-height: 500px;
  padding: 15px 0px 20px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video-container {
    min-height: 440px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video-container .sh_social {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .video-container .sh_social {
    margin-top: 20px;
  }
}

.vc-title {
  color: #fff;
  font-size: 30px;
  font-family: "RobotoBold";
  font-weight: normal;
  line-height: 40px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .vc-title {
    font-size: 25px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc-title {
    font-size: 17px;
    line-height: 27px;
  }
}

.ytb_video {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 26px;
}
.ytb_video img {
  width: 100%;
  height: auto;
}

.vc-subtitle {
  font-size: 21px;
  font-family: "RobotoBold";
  color: #fff;
  margin-bottom: 8px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .vc-subtitle {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc-subtitle {
    font-size: 17px;
    line-height: 26px;
    text-align: center;
  }
}
.vc-subtitle span {
  color: #fee32c;
}

.vc-uslovia {
  font-size: 15px;
  color: #23f2ff;
  text-decoration: underline;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc-uslovia {
    display: block;
    margin: 0 auto;
    width: 228px;
  }
}
.vc-uslovia:hover {
  color: #23f2ff;
  text-decoration: none;
}

.vc-cont {
  background: #fff;
  font-size: 16px;
  color: #000;
  padding-top: 35px;
  padding-bottom: 50px;
}
.vc-cont h2 {
  font-size: 27px;
  color: #2d323a;
  font-weight: normal;
  font-family: "RobotoBold";
  margin-top: 45px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc-cont h2 {
    font-size: 23px;
  }
}
.vc-cont strong {
  color: #000;
  font-size: 17px;
  font-family: "RobotoBold";
  font-weight: normal;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc-cont strong {
    font-size: 14px;
    line-height: 23px;
  }
}
.vc-cont p {
  font-size: 16px;
  line-height: 25px;
  margin-top: 10px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .vc-cont p {
    font-size: 14px;
    line-height: 23px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc-cont p {
    font-size: 14px;
    line-height: 23px;
  }
}
.vc-cont p img {
  float: left;
  margin-right: 30px;
}
.vc-cont p a {
  color: #119ee7;
  text-decoration: underline;
}
.vc-cont p a:hover {
  text-decoration: none;
}

.vc_bt_quit_less {
  width: 284px;
  height: 74px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  text-align: center;
  color: #b39b02;
  font-family: "RobotoBold";
  font-size: 27px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  margin: 0 auto;
  display: block;
  line-height: 66px;
}
.vc_bt_quit_less:hover, .vc_bt_quit_less:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.vc_bt_quit_less:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.vc_quit_txt {
  color: #2d323a;
  font-size: 27px;
  font-family: "RobotoBold";
  line-height: 66px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .vc_quit_txt {
    font-size: 17px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .vc_quit_txt {
    font-size: 17px;
    line-height: 60px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc_quit_txt {
    font-size: 18px;
    line-height: 24px;
    margin-top: 25px;
    text-align: center;
  }
}

.vc_green_inf {
  background: #C3EBB9;
  width: 100%;
  height: 119px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  margin-top: 36px;
}
.vc_green_inf span {
  color: #2d323a;
  font-size: 20px;
  text-align: center;
  display: block;
  line-height: 31px;
  padding-top: 27px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .vc_green_inf span {
    font-size: 13px;
    line-height: 29px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc_green_inf span {
    font-size: 13px;
    line-height: 24px;
    padding-top: 13px;
  }
}

.ol_list {
  margin-top: 41px;
}

ol.ol_list li {
  color: #3c4755;
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  ol.ol_list li {
    font-size: 13px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  ol.ol_list li {
    font-size: 13px;
  }
}
ol.ol_list li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  color: #3c4755;
  font-size: 15px;
  font-family: "RobotoBold";
  background: #FFD600;
  display: inline-block;
  text-align: center;
  margin: 4px 12px 4px 4px;
  line-height: 23px;
  width: 23px;
  height: 23px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
}

.ul_list {
  margin-top: 41px;
}

ul.ul_list li {
  background: url(../images/icon/ul_list.png) no-repeat left center;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  font-size: 16px;
  color: #3c4755;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  ul.ul_list li {
    font-size: 13px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  ul.ul_list li {
    font-size: 13px;
    height: auto;
    line-height: 17px;
    margin-bottom: 10px;
  }
}

.tb_vp {
  margin-top: 49px;
  margin-bottom: 50px;
  overflow-x: auto;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .tb_vp {
    margin-top: 20px;
  }
}

tr th {
  padding: 15px 20px;
  border: 1px solid #C7C7C7;
  vertical-align: top;
  color: #2d323a;
  font-size: 16px;
  line-height: 20px;
}

thead tr th {
  background: #FFDF00;
  font-family: "RobotoBold";
  color: #2d323a;
  font-size: 16px;
  line-height: 21px;
  padding: 0px 0px 0px 20px;
  border: 1px solid #FFEF81;
  vertical-align: middle;
}

.ai_link {
  font-size: 16px;
  color: #6ebaee;
  text-decoration: underline;
  margin-left: 20px;
  display: inline-block;
  margin-bottom: 60px;
  margin-top: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .ai_link {
    width: 250px;
    margin-top: 10px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ai_link {
    width: 200px;
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
  }
}
.ai_link:hover {
  color: #6ebaee;
  text-decoration: none;
}

.ai_format {
  background: url(../images/icon/ai_format.png) no-repeat center center;
  width: 43px;
  height: 58px;
  display: block;
  float: left;
}

.rar_link {
  font-size: 16px;
  color: #6ebaee;
  text-decoration: underline;
  margin-left: 20px;
  display: inline-block;
  margin-bottom: 60px;
  margin-top: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .rar_link {
    width: 250px;
    margin-top: 10px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .rar_link {
    width: 200px;
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
  }
}
.rar_link:hover {
  color: #6ebaee;
  text-decoration: none;
}

.rar_format {
  background: url(../images/icon/rar_format.png) no-repeat center center;
  width: 43px;
  height: 58px;
  display: block;
  float: left;
}

.ppt_link {
  font-size: 16px;
  color: #6ebaee;
  text-decoration: underline;
  margin-left: 20px;
  display: inline-block;
  margin-bottom: 38px;
  margin-top: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .ppt_link {
    width: 250px;
    margin-top: 10px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ppt_link {
    width: 200px;
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
  }
}
.ppt_link:hover {
  color: #6ebaee;
  text-decoration: none;
}

.ppt_format {
  background: url(../images/icon/ppt_format.png) no-repeat center center;
  width: 43px;
  height: 58px;
  display: block;
  float: left;
}

.vc-com_tit {
  font-size: 35px;
  color: #2d323a;
  line-height: 50px;
  font-family: "RobotoBold";
  margin-top: 49px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .vc-com_tit {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .vc-com_tit {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc-com_tit {
    font-size: 20px;
    line-height: 30px;
  }
}

.vc-y_link {
  display: block;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  width: 107px;
  height: 52px;
  -webkit-box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  -moz-box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  font-size: 18px;
  color: #7d7d7d;
  font-family: "RobotoBold";
  text-align: center;
  line-height: 50px;
  display: inline-block;
  margin-right: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .vc-y_link {
    margin-right: 15px;
  }
}
.vc-y_link:hover, .vc-y_link:focus {
  text-decoration: none;
  background: #00CF56;
  color: #fff;
}
.vc-y_link:active {
  -webkit-box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
  box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
}
.vc-y_link:before {
  content: "";
  background: url(../images/icon/y_like.png) no-repeat center center;
  width: 19px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0px;
  left: -12px;
}

.vc-y_link:hover:before, .vc-y_link:focus:before, .vc-y_link:active:before {
  background: url(../images/icon/y_like_hover.png) no-repeat center center;
}

.vc-n_link {
  display: block;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  width: 107px;
  height: 52px;
  -webkit-box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  -moz-box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  font-size: 18px;
  color: #7d7d7d;
  font-family: "RobotoBold";
  text-align: center;
  line-height: 50px;
  display: inline-block;
  margin-right: 30px;
}
.vc-n_link:hover, .vc-n_link:focus {
  text-decoration: none;
  background: #F26363;
  color: #fff;
}
.vc-n_link:active {
  -webkit-box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
  box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
}
.vc-n_link:before {
  content: "";
  background: url(../images/icon/n_like.png) no-repeat center center;
  width: 19px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0px;
  left: -12px;
}

.vc-n_link:hover:before, .vc-n_link:focus:before, .vc-n_link:active:before {
  background: url(../images/icon/n_like_hover.png) no-repeat center center;
}

.les_list_top {
  background: url(../images/les_top_bg.jpg) no-repeat center center;
  width: 100%;
  height: 377px;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  position: relative;
  -webkit-box-shadow: 0px 16px 24px 0px rgba(0, 0, 2, 0.4);
  -moz-box-shadow: 0px 16px 24px 0px rgba(0, 0, 2, 0.4);
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 2, 0.4);
}

.ls_top_over {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(84, 101, 118, 0.5);
}

.ls_title {
  font-size: 29px;
  color: #fff;
  font-weight: normal;
  line-height: 54px;
  font-family: "RobotoBold";
  display: inline-block;
  margin-top: 66px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ls_title {
    font-size: 22px;
    margin-top: 26px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ls_title {
    font-size: 14px;
    margin-top: 0;
  }
}
.ls_title span {
  position: relative;
  background: #262E38;
  padding: 5px 22px;
}

.ls_subtitle {
  font-size: 17px;
  line-height: 34px;
  display: inline-block;
  margin-top: 16px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ls_subtitle {
    line-height: 25px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ls_subtitle {
    font-size: 14px;
    margin-top: 0;
  }
}
.ls_subtitle span {
  position: relative;
  background: #262E38;
  padding: 6px 20px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ls_subtitle span {
    display: inline-block;
  }
}

.ls_txt {
  font-size: 17px;
  line-height: 34px;
  display: inline-block;
  margin-top: 7px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ls_txt {
    line-height: 25px;
  }
}
.ls_txt span {
  position: relative;
  background: #262E38;
  padding: 6px 20px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ls_txt span {
    display: inline-block;
  }
}

.ls_now_btn {
  width: 172px;
  height: 55px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-family: "RobotoBold";
  font-size: 20px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  display: block;
  line-height: 50px;
  margin-top: 31px;
}
.ls_now_btn:hover, .ls_now_btn:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.ls_now_btn:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.ls_list_block {
  background: url(../images/ls_list_bg.jpg) repeat-y top center;
  width: 100%;
  min-height: 638px;
  padding-top: 82px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ls_list_block {
    padding-bottom: 80px;
  }
}

.ls_block_item {
  width: 210px;
  height: 236px;
  background: #fff;
  margin: 0 auto;
  display: block;
  padding-top: 27px;
  margin-bottom: 34px;
}
.ls_block_item:hover, .ls_block_item:focus, .ls_block_item:active {
  text-decoration: none;
}

.line_ls {
  background: url(../images/icon/line_ls.png) no-repeat center center;
  width: 84px;
  height: 21px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 19px;
}

a.ls_block_title {
  font-size: 17px;
  color: #939393;
  line-height: 27px;
  margin: 17px 25px 0px 16px;
  display: block;
}
a.ls_block_title:hover {
  text-decoration: none;
}

.ls_block_btn {
  width: 92px;
  height: 30px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-family: "RobotoBold";
  font-size: 12px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  line-height: 25px;
  margin-top: 36px;
  margin-left: 15px;
  display: none;
}
.ls_block_btn:hover, .ls_block_btn:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.ls_block_btn:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.ls_fine_txt {
  color: #fff;
  font-size: 13px;
  margin-left: 15px;
  margin-top: 20px;
}

.ls_fine {
  background: #80A2BC;
}
.ls_fine .ls_block_title {
  color: #fff;
}

.ls_block_item-hover {
  background: #EDEDED;
}
.ls_block_item-hover .ls_block_title {
  color: #2d323a;
}
.ls_block_item-hover .ls_block_btn {
  display: block;
}
.ls_block_item-hover .ls_fine_txt {
  display: none;
}

.ls_fine.ls_block_item-hover .ls_block_btn {
  margin-top: 12px;
  width: 107px;
}

.ls_likes {
  background: #F6F6F6;
  width: 210px;
  height: 123px;
  margin: 0 auto;
  padding-top: 20px;
  padding-left: 14px;
}
.ls_likes_title {
  font-size: 17px;
  color: #2d323a;
  font-family: "RobotoBold";
  margin-bottom: 17px;
}
.ls_likes_y {
  -webkit-box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  -moz-box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  width: 68px;
  height: 42px;
  background: #fff;
  font-size: 15px;
  color: #7d7d7d;
  text-align: center;
  line-height: 38px;
  font-family: "RobotoBold";
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  display: inline-block;
  margin-right: 10px;
}
.ls_likes_y:hover, .ls_likes_y:focus {
  background: #00CF56;
  color: #fff;
  text-decoration: none;
}
.ls_likes_y:active {
  -webkit-box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
  box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
}
.ls_likes_n {
  -webkit-box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  -moz-box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  box-shadow: 4px 3px 10px 0px rgba(0, 0, 2, 0.35);
  width: 68px;
  height: 42px;
  background: #fff;
  font-size: 15px;
  color: #7d7d7d;
  text-align: center;
  line-height: 38px;
  font-family: "RobotoBold";
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  display: inline-block;
}
.ls_likes_n:hover, .ls_likes_n:focus {
  background: #F26363;
  color: #fff;
  text-decoration: none;
}
.ls_likes_n:active {
  -webkit-box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
  box-shadow: inset 4px 4px 0px 0px rgba(0, 0, 0, 0.21);
}

.prof_block_testing {
  float: right;
  height: 22px;
  line-height: 22px;
  margin-right: 45px;
  margin-top: 24px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .prof_block_testing {
    float: none;
    margin: 5px 0px 20px 12px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .prof_block_testing {
    float: none;
    margin: 5px 0px 20px 12px;
  }
}
.prof_block_testing a {
  font-size: 13px;
  color: #00aee0;
  font-family: "RobotoBold";
  text-decoration: underline;
}
.prof_block_testing a:before {
  content: "";
  background: url(../images/icon/exit_link_icon.png) no-repeat center center;
  width: 2px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0px;
  left: -16px;
}
.prof_block_testing a:hover {
  text-decoration: none;
}

.prof_name_testing {
  font-size: 13px;
  color: #fff;
  font-family: "RobotoBold";
  margin-right: 36px;
}
.prof_name_testing:before {
  content: "";
  background: url(../images/icon/prof_block_icon_w.png) no-repeat center center;
  width: 12px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0px;
  left: -12px;
}

.ball-block_testing {
  height: 37px;
  font-size: 12px;
  margin-top: 20px;
  line-height: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .ball-block_testing {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ball-block_testing {
    height: auto;
  }
}

.col-ball_testing {
  font-size: 24px;
  color: #fff;
  font-family: "RobotoBold";
  background: #0A79A4;
  text-align: center;
  width: 103px;
  height: 37px;
  display: inline-block;
  margin-left: 18px;
  margin-right: 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

.ball-link_testing {
  color: #00baff;
  font-size: 13px;
  border-bottom: 1px dotted #00baff;
}
.ball-link_testing:hover, .ball-link_testing:focus, .ball-link_testing:active {
  color: #00baff;
  border-bottom: none;
  text-decoration: none;
}

.top_line_testing {
  width: 100%;
  min-height: 38px;
  background: #F1F1F1;
  font-size: 15px;
  color: #969696;
  line-height: 34px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .top_line_testing {
    line-height: 24px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .top_line_testing {
    line-height: 24px;
  }
}
.top_line_testing strong {
  font-weight: normal;
  font-family: "RobotoBold";
  display: inline-block;
}
.top_line_testing p {
  display: inline-block;
}

.testing_block {
  background: #FFF;
  color: #404146;
  padding-top: 17px;
}
.testing_block_title {
  font-size: 26px;
  font-weight: normal;
  line-height: 30px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testing_block_title {
    font-size: 21px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .testing_block_title {
    font-size: 21px;
    line-height: 20px;
  }
}

.testing_num {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #4B6579;
  font-size: 18px;
  color: #fff;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  line-height: 45px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testing_num {
    width: 45px;
    height: 45px;
    line-height: 44px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .testing_num {
    width: 45px;
    height: 45px;
    line-height: 44px;
    margin: 0 auto 10px;
    display: block;
  }
}

.testing_img_block {
  border: 1px solid #ccc;
  width: 254px;
  height: 144px;
  margin: 41px auto 0px;
  padding: 8px 24px;
}

.testing_form {
  margin-top: 27px;
}

.input_bg {
  min-height: 45px;
  background: #EBEBEB;
  margin-bottom: 11px;
  padding: 6px 10px 0px;
  font-size: 14px;
  color: #546577;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .input_bg {
    line-height: 20px;
    padding: 0px 10px 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .input_bg {
    line-height: 20px;
    padding: 0px 10px 10px;
  }
}
.input_bg input[type="text"] {
  height: 34px;
  border: 1px solid #ccc;
  width: 100%;
  font-size: 12px;
  padding: 0px 15px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .input_bg input[type="text"] {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .input_bg input[type="text"] {
    margin-top: 10px;
  }
}

.radio {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 18px;
  height: 18px;
}

.radio + label {
  cursor: pointer;
}

.radio:not(checked) {
  position: absolute;
  opacity: 0;
}

.radio:not(checked) + label {
  position: relative;
  padding: 9px 0px 0px 35px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .radio:not(checked) + label {
    padding: 11px 0px 0px 35px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .radio:not(checked) + label {
    padding: 11px 0px 0px 35px;
  }
}

.radio:not(checked) + label:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 1px;
  width: 18px;
  height: 18px;
  background: url(../images/icon/radio_normal.png) no-repeat center center;
}

.radio:checked + label:before {
  background: url(../images/icon/radio_check.png) no-repeat center center;
}

.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 16px;
  height: 16px;
}

.checkbox + label {
  cursor: pointer;
}

.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}

.checkbox:not(checked) + label {
  position: relative;
  padding: 9px 0px 0px 35px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .checkbox:not(checked) + label {
    padding: 11px 0px 0px 35px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .checkbox:not(checked) + label {
    padding: 11px 0px 0px 35px;
  }
}

.checkbox:not(checked) + label:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: url(../images/icon/checkbox_normal.png) no-repeat center center;
}

.checkbox:checked + label:before {
  background: url(../images/icon/checkbox_check.png) no-repeat center center;
}

.testing_form_btn {
  width: 189px;
  height: 47px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-family: "RobotoBold";
  font-size: 16px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  line-height: 25px;
  margin-top: 43px;
  display: block;
}
.testing_form_btn:hover, .testing_form_btn:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.testing_form_btn:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.testing_foot {
  background: #fff;
  padding-top: 86px;
}
.testing_foot .test_ft {
  background: #F3F4F5;
  min-height: 56px;
  margin: 0px 15px 13px;
}

.testing_votes {
  font-size: 16px;
  color: #404146;
  display: inline-block;
  margin-top: 19px;
  margin-left: 6px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testing_votes {
    display: block;
    margin: 10px 0px 0px 0px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .testing_votes {
    display: block;
    margin: 10px 0px 0px 0px;
    text-align: center;
  }
}
.testing_votes strong {
  font-weight: normal;
  font-family: "RobotoBold";
  color: #546577;
}

.testing_progress {
  width: 262px;
  height: 13px;
  background: #fdd60f;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  position: relative;
  display: inline-block;
  margin-left: 30px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testing_progress {
    margin: 10px auto 0px;
    display: block;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .testing_progress {
    margin: 10px auto 0px;
    display: block;
    width: 240px;
  }
}
.testing_progress_proc {
  position: absolute;
  top: 0;
  left: 0;
  width: 92px;
  height: 13px;
  background: #536e91;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
}

.testing_time {
  font-size: 12px;
  color: #404146;
  float: right;
  margin-top: 16px;
  margin-right: 10px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testing_time {
    float: none;
    margin: 10px 0px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .testing_time {
    float: none;
    margin: 10px 0px;
    text-align: center;
  }
}
.testing_time span {
  font-size: 18px;
  color: #00baff;
}

footer.testing_footer {
  min-height: 60px;
  background: #2d323a;
}

.taskon_testing {
  display: block;
  width: 100px;
  margin: 12px 0px 5px 5px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .taskon_testing {
    margin: 20px auto 0px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .taskon_testing {
    margin: 20px auto 0px;
  }
}

.inf_foot_testing {
  font-size: 11px;
  color: #fff;
  margin-top: 25px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .inf_foot_testing {
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .inf_foot_testing {
    text-align: center;
  }
}

.help_btn {
  display: block;
  font-size: 11px;
  color: #fff;
  text-align: center;
  width: 72px;
  height: 26px;
  background: #0BF;
  line-height: 22px;
  float: right;
  margin-top: 18px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .help_btn {
    float: none;
    margin: 20px auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .help_btn {
    float: none;
    margin: 20px auto;
  }
}
.help_btn:hover, .help_btn:focus {
  background: #00C6C0;
  text-decoration: none;
  color: #fff;
}
.help_btn:active {
  background: #436E94;
  text-decoration: none;
  color: #fff;
}

a.logo_testing {
  height: 34px;
  display: block;
  margin-top: 24px;
  width: 125px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  a.logo_testing {
    margin: 20px auto 0px;
  }
}

.successfully_title {
  font-size: 48px;
  line-height: 50px;
  font-family: "RobotoBold";
  text-align: center;
  font-weight: normal;
  color: #4A6377;
  padding: 0px;
  margin-top: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .successfully_title {
    font-size: 35px;
  }
}

.successfully_subtitle {
  font-size: 26px;
  line-height: 50px;
  color: #404146;
  padding-bottom: 5px;
  text-align: center;
}

.succes_title_block {
  font-size: 20px;
  text-align: center;
  color: #404146;
  line-height: 22px;
  padding-bottom: 5px;
  margin-top: 80px;
}

.succes_block_cont {
  color: #4A6377;
  font-size: 36px;
  text-align: center;
  line-height: 50px;
}

.stat_testing {
  margin-top: 80px;
}
.stat_testing li {
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 27px;
  color: #404146;
}
.stat_testing span {
  background-color: #F7F7F7;
  border: 1px solid #EFEFEF;
  font-size: 18px;
  line-height: 38px;
  color: #404146;
  margin-right: 20px;
  width: 50px;
  height: 38px;
  display: inline-block;
  text-align: center;
}

.read_box_wr {
  border: 3px solid #ffdbdb;
  margin-bottom: 10px;
}
.read_box_wr .read_box {
  margin-bottom: 0;
}

.read_box {
  background-color: #fcf0f0;
  border: 1px solid #f6cbcb;
  color: #ff0000;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 15px;
  margin-bottom: 10px;
  position: relative;
}
.read_box p {
  color: #ff0000;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin: 0;
}

.read_box_off {
  position: absolute;
  right: 8px;
  top: 8px;
  color: #855c5c;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  opacity: 0.7;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .read_box_off {
    top: -1px;
  }
}
.read_box_off strong {
  font-size: 18px;
}
.read_box_off:hover {
  opacity: 1;
}

.box_off_hide {
  display: none;
}

.gray_box {
  background-color: #f7f7f7;
  border: 1px solid #e9e9e9;
  color: #404146;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 15px;
  margin-bottom: 10px;
}
.gray_box p {
  color: #404146;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin: 0;
}

.pages {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 25px;
}
.pages ul {
  overflow: hidden;
  padding: 12px 40px;
  padding-bottom: 10px;
  list-style: none;
  background-color: #f2f2f2;
  display: inline-block;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .pages ul {
    padding: 12px 10px 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .pages ul {
    padding: 12px 10px 10px;
  }
}
.pages ul li {
  display: inline-block;
  padding-left: 0px;
  margin-right: 7px;
  margin-bottom: 0;
  margin-left: 7px;
  font-size: 12px;
  line-height: 18px;
  color: #404146;
  text-align: center;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .pages ul li {
    margin-right: 0;
    margin-left: 0;
  }
}
.pages a {
  height: 19px;
  width: 19px;
  display: inline-block;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #404146;
  text-decoration: none;
  text-align: center;
}
.pages a:hover {
  background-color: #4A6377;
  color: #fff;
}
.pages .selected {
  color: #fff;
  background-color: #4A6377;
}
.pages .pages_prev {
  margin-right: 30px;
  text-decoration: underline;
  width: auto;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .pages .pages_prev {
    margin-right: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .pages .pages_prev {
    margin-right: 0;
  }
}
.pages .pages_prev:hover {
  text-decoration: none;
  background-color: transparent;
  color: #404040;
}
.pages .pages_next {
  margin-left: 30px;
  text-decoration: underline;
  width: auto;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .pages .pages_next {
    margin-left: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .pages .pages_next {
    margin-left: 0;
  }
}
.pages .pages_next:hover {
  text-decoration: none;
  background-color: transparent;
  color: #404040;
}

h6 {
  font-size: 18px;
  line-height: 22px;
  color: #404146;
  padding-bottom: 10px;
  text-align: center;
}

.error_fedback {
  padding: 80px 100px 0px;
}
@media only screen and (min-width: 320px) and (max-width: 969px) {
  .error_fedback {
    padding: 80px 0px 0px;
  }
}
.error_fedback h6 {
  text-align: left;
}
.error_fedback textarea {
  border: 1px solid #cbcbcb;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  height: 100px;
  color: #404146;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px;
}

.error_fedback_btn {
  width: 189px;
  height: 47px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-family: "RobotoBold";
  font-size: 16px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  line-height: 25px;
  margin-top: 10px;
  display: block;
  float: right;
}
.error_fedback_btn:hover, .error_fedback_btn:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.error_fedback_btn:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.list_back {
  text-align: center;
  padding-top: 55px;
  padding-bottom: 45px;
  color: #4A6377;
  font-size: 14px;
}
.list_back a {
  color: #4A6377;
  text-decoration: none !important;
  border-bottom: 1px dashed #4A6377;
  font-size: 14px;
  display: inline-block;
  padding-bottom: 3px;
}
.list_back a:hover {
  color: #4A6377;
  border-bottom-color: transparent;
}

.test_parameters {
  padding: 70px 100px 40px;
  text-align: center;
}
.test_parameters h4 {
  font-size: 30px;
  line-height: 36px;
  color: #404146;
  padding-bottom: 10px;
}

.ul_box {
  list-style: none;
}
.ul_box li {
  text-align: left;
  background: url(../images/icon/ul_list.png) 0 5px no-repeat;
  padding-left: 24px;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 20px;
}

.start_test_btn {
  width: 230px;
  height: 50px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-family: "RobotoBold";
  font-size: 26px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  line-height: 43px;
  display: block;
  margin: 20px auto 50px;
}
.start_test_btn:hover, .start_test_btn:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.start_test_btn:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.testing_info_foot {
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  margin-top: 40px;
  margin-bottom: -60px;
}

.ball_hover {
  background: url(../images/phone_hover2.png) no-repeat center center;
  width: 222px;
  height: 88px;
  display: none;
  position: absolute;
  top: 58px;
  right: -14px;
  color: #3c4755;
  font-family: "RobotoLight";
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  padding-top: 25px;
  z-index: 4;
}

.show_ball_hover {
  display: block;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .show_ball_hover {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .show_ball_hover {
    display: none;
  }
}

.keys_list_bl {
  background: #fff;
  padding-top: 56px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_list_bl {
    padding-top: 30px;
  }
}
.keys_list_bl h1 {
  font-size: 29px;
  color: #2d3642;
  padding: 0;
  font-family: "RobotoBold";
  margin-bottom: 15px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_list_bl h1 {
    font-size: 23px;
  }
}
.keys_list_bl p {
  font-size: 18px;
  color: #2d323a;
  line-height: 26px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_list_bl p {
    font-size: 14px;
  }
}

.keys_block_small {
  position: relative;
  width: 455px;
  height: 338px;
  margin-bottom: 31px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .keys_block_small {
    width: 100%;
    height: auto;
  }
  .keys_block_small img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_block_small {
    width: 100%;
    height: auto;
  }
  .keys_block_small img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_block_small {
    width: 100%;
    height: auto;
  }
  .keys_block_small img {
    max-width: 100%;
    height: auto;
  }
}
.keys_block_small .keys_small_foot {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(36, 51, 64, 0.56);
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.keys_block_small .keys_small_foot a.keys_small_tags {
  display: inline-block;
  float: right;
  line-height: 80px;
  font-family: "RobotoBold";
  font-size: 14px;
  color: #fff;
  margin-right: 30px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.keys_block_small .keys_small_foot a.keys_small_tags:hover {
  text-decoration: none;
}
.keys_block_small .keys_small_btn_more {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  border: 2px solid #fff;
  margin-top: 23px;
  margin-left: 23px;
  height: 34px;
  width: 133px;
  text-align: center;
  line-height: 27px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.keys_block_small .keys_small_btn_more:hover, .keys_block_small .keys_small_btn_more:focus {
  text-decoration: none;
}
.keys_block_small .keys_small_btn_more:active {
  text-decoration: none;
}
.keys_block_small .keys_small_btn_more span:after {
  content: "";
  background: url(../images/icon/keys_small_btn_more.png) no-repeat;
  width: 8px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.keys_block_small .keys_small_title {
  position: absolute;
  top: 24px;
  left: 25px;
  right: 25px;
  font-size: 24px;
  line-height: 33px;
  font-family: "RobotoBold";
  color: #2d3642;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .keys_block_small .keys_small_title {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_block_small .keys_small_title {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_block_small .keys_small_title {
    font-size: 15px;
    line-height: 20px;
  }
}

.keys_block_big {
  width: 940px;
  position: relative;
  height: 338px;
  margin-bottom: 31px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .keys_block_big {
    width: 100%;
    height: auto;
  }
  .keys_block_big img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_block_big {
    width: 100%;
    height: auto;
  }
  .keys_block_big img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_block_big {
    width: 100%;
    height: auto;
  }
  .keys_block_big img {
    max-width: 100%;
    height: auto;
  }
}
.keys_block_big .keys_small_foot {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(36, 51, 64, 0.56);
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.keys_block_big .keys_small_foot a.keys_small_tags {
  display: inline-block;
  float: right;
  line-height: 80px;
  font-family: "RobotoBold";
  font-size: 14px;
  color: #fff;
  margin-right: 30px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.keys_block_big .keys_small_foot a.keys_small_tags:hover {
  text-decoration: none;
}
.keys_block_big .keys_small_btn_more {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  border: 2px solid #fff;
  margin-top: 23px;
  margin-left: 23px;
  height: 34px;
  width: 133px;
  text-align: center;
  line-height: 27px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.keys_block_big .keys_small_btn_more:hover, .keys_block_big .keys_small_btn_more:focus {
  text-decoration: none;
}
.keys_block_big .keys_small_btn_more:active {
  text-decoration: none;
}
.keys_block_big .keys_small_btn_more span:after {
  content: "";
  background: url(../images/icon/keys_small_btn_more.png) no-repeat;
  width: 8px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.keys_block_big .keys_small_title {
  position: absolute;
  top: 24px;
  left: 25px;
  right: 25px;
  font-size: 24px;
  line-height: 33px;
  font-family: "RobotoBold";
  color: #fff;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_block_big .keys_small_title {
    font-size: 15px;
    line-height: 20px;
  }
}

.keys_block_small:hover, .keys_block_big:hover {
  box-shadow: 0px 0px 18px rgba(0, 1, 3, 0.26);
}
.keys_block_small:hover .keys_small_foot, .keys_block_big:hover .keys_small_foot {
  background: #FBFBFB;
}
.keys_block_small:hover .keys_small_foot .keys_small_tags, .keys_block_big:hover .keys_small_foot .keys_small_tags {
  color: #2d3642;
}
.keys_block_small:hover .keys_small_btn_more, .keys_block_big:hover .keys_small_btn_more {
  color: #4b78bb;
  border: 2px solid #4b78bb;
}
.keys_block_small:hover .keys_small_btn_more span:after, .keys_block_big:hover .keys_small_btn_more span:after {
  background: url(../images/icon/keys_small_btn_more-hover.png) no-repeat;
}
.keys_block_small:hover .keys_small_title, .keys_block_big:hover .keys_small_title {
  color: #fff;
}

.keys_send_mail {
  width: 100%;
  height: 236px;
  background: #F1F1F1;
  padding: 26px 37px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .keys_send_mail {
    height: auto;
  }
}
.keys_send_mail p {
  color: #2d323a;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 22px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_send_mail p {
    font-size: 13px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_send_mail p {
    font-size: 13px;
    line-height: 20px;
  }
}
.keys_send_mail form input {
  width: 273px;
  height: 49px;
  background: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  color: #83999e;
  font-size: 16px;
  padding: 0px 12px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_send_mail form input {
    margin: 0 auto 20px;
    display: block;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_send_mail form input {
    margin: 0 auto 20px;
    width: 196px;
    display: block;
  }
}
.keys_send_mail form button {
  width: 178px;
  height: 50px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #b39b02;
  font-family: "RobotoBold";
  font-size: 20px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  line-height: 43px;
  display: inline-block;
  margin: 0px 0px 0px 16px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_send_mail form button {
    margin: 0 auto 20px;
    display: block;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_send_mail form button {
    margin: 0 auto 20px;
    display: block;
  }
}
.keys_send_mail form button:hover, .keys_send_mail form button:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.keys_send_mail form button:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.send_secce {
  font-size: 14px;
  color: #659b20;
  margin-top: 24px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .send_secce {
    text-align: center;
    line-height: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .send_secce {
    text-align: center;
    line-height: 20px;
    font-size: 13px;
  }
}

.error_not_foud {
  background: url(../images/no_found_bg.jpg) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  width: 100%;
  min-height: 511px;
  padding-top: 95px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .error_not_foud {
    min-height: 350px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .error_not_foud {
    padding: 50px 0px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .error_not_foud {
    padding: 50px 0px;
  }
}

.error_title {
  font-size: 42px;
  color: #2d3642;
  font-family: "RobotoBold";
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .error_title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .error_title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .error_title {
    font-size: 25px;
  }
}

.error_num {
  font-size: 250px;
  color: #51a7a9;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .error_num {
    font-size: 200px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .error_num {
    font-size: 220px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .error_num {
    font-size: 158px;
  }
}

.error_inf {
  font-size: 17px;
  color: #2d3642;
  line-height: 26px;
  margin-top: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .error_inf {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .error_inf {
    font-size: 15px;
    line-height: 23px;
  }
}

.error_inf_two {
  font-size: 17px;
  color: #fff;
  background: #243342;
  margin-top: 54px;
  padding: 17px 25px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .error_inf_two {
    font-size: 15px;
    margin-top: 27px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .error_inf_two {
    font-size: 14px;
    margin-top: 30px;
  }
}

.first_neft {
  width: 100%;
  min-height: 552px;
  background: url(../images/first_neft_bg.jpg) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  padding-top: 57px;
}
.first_neft_title {
  font-size: 36px;
  color: #fff;
  line-height: 50px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .first_neft_title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .first_neft_title {
    font-size: 31px;
    line-height: 40px;
  }
}

.neft_zak {
  font-size: 16px;
  font-family: "RobotoBold";
  display: block;
  margin-top: 8px;
  margin-bottom: 11px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .neft_zak {
    display: inline-block;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .neft_zak {
    display: inline-block;
  }
}
.neft_zak_logo {
  width: 122px;
  height: 33px;
  display: block;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .neft_zak_logo {
    display: inline-block;
    position: relative;
    left: 10px;
    top: 8px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .neft_zak_logo {
    display: inline-block;
    position: relative;
    left: 10px;
    top: 8px;
  }
}

.rosneft_par {
  background: url(../images/rosneft_par.png) no-repeat center center;
  width: 509px;
  height: 346px;
  top: 49px;
  left: 2px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .rosneft_par {
    top: 50px;
    left: -149px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rosneft_par {
    position: static;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .rosneft_par {
    width: 270px;
    height: 182px;
    top: 40px !important;
    left: 0 !important;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    position: relative;
  }
}

a.rosneft_btn {
  position: relative;
  top: 270px;
  left: 0px;
  float: left;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  a.rosneft_btn {
    position: static;
    top: 0;
    left: 0;
    float: none;
    margin: 20px auto 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  a.rosneft_btn {
    position: static;
    top: 0;
    left: 0;
    float: none;
    margin: 20px 0 40px;
  }
}

.how_rosneft {
  background: #FFC100;
  width: 100%;
  min-height: 297px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .how_rosneft {
    padding-bottom: 30px;
  }
}
.how_rosneft_title {
  font-size: 30px;
  color: #fff;
  font-family: "RobotoBold";
  background: #262E38;
  display: inline-block;
  margin-top: 45px;
  padding: 11px 20px 16px 14px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .how_rosneft_title {
    font-size: 21px;
  }
}
.how_rosneft_list {
  margin-top: 48px;
}
.how_rosneft_list li {
  background: url(../images/how_rosneft_list.png) no-repeat left center;
  padding-left: 27px;
  margin-bottom: 14px;
  font-size: 21px;
  color: #2d323a;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .how_rosneft_list li {
    font-size: 18px;
  }
}

.dev_concep {
  background: #fff;
  width: 100%;
  min-height: 242px;
  padding-top: 50px;
}
.dev_concep_p {
  font-size: 17px;
  color: #2d323a;
  line-height: 26px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .dev_concep_p {
    font-size: 16px;
  }
}
.dev_concep_title {
  font-size: 30px;
  color: #2d323a;
  background: #FFC100;
  font-family: "RobotoBold";
  display: inline-block;
  position: relative;
  top: 73px;
  left: 0px;
  padding: 10px 13px 17px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dev_concep_title {
    font-size: 23px;
    top: 17px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .dev_concep_title {
    font-size: 21px;
    top: 25px;
  }
}

.shem_dev_neft {
  background: #F1F1F1;
  width: 100%;
  min-height: 504px;
  color: #2d323a;
}
.shem_dev_neft_p {
  font-size: 17px;
  margin-top: 60px;
  padding-left: 13px;
}

.ros_inf_block {
  margin-top: 64px;
  position: relative;
}

.arrow_neft1 {
  background: url(../images/arrow_neft.png) no-repeat center center;
  width: 79px;
  height: 19px;
  position: absolute;
  left: 160px;
  top: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .arrow_neft1 {
    left: 300px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .arrow_neft1 {
    display: none;
  }
}

.arrow_neft2 {
  background: url(../images/arrow_neft.png) no-repeat center center;
  width: 79px;
  height: 19px;
  position: absolute;
  left: 415px;
  top: 45px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .arrow_neft2 {
    display: none;
  }
}

.arrow_neft3 {
  background: url(../images/arrow_neft.png) no-repeat center center;
  width: 79px;
  height: 19px;
  position: absolute;
  left: 652px;
  top: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .arrow_neft3 {
    left: 300px;
    top: 280px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .arrow_neft3 {
    display: none;
  }
}

.ros_inf1 {
  background: url(../images/ros_inf1.png) no-repeat center center;
  width: 89px;
  height: 120px;
  position: relative;
  left: 0;
  right: 0;
  margin: 0px auto 4px;
}

.ros_inf1-arrow_yel {
  background: url(../images/ros_inf1-arrow_yel.png) no-repeat center center;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 32px;
  left: 25px;
  animation: bounce 2s infinite ease;
}

@keyframes bounce {
  0% {
    left: 25px;
  }
  50% {
    left: 57px;
  }
  100% {
    left: 25px;
  }
}
.ros_inf1-arrow_yel2 {
  background: url(../images/ros_inf1-arrow_yel.png) no-repeat center center;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 55px;
  left: 25px;
  animation: bounce2 2s infinite ease;
  animation-delay: 0.1s;
}

@keyframes bounce2 {
  0% {
    left: 25px;
  }
  50% {
    left: 57px;
  }
  100% {
    left: 25px;
  }
}
.ros_inf1-arrow_bl {
  background: url(../images/ros_inf1-arrow_bl.png) no-repeat center center;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 77px;
  left: 25px;
  animation: bounce3 2s infinite ease;
  animation-delay: 0.2s;
}

@keyframes bounce3 {
  0% {
    left: 25px;
  }
  50% {
    left: 57px;
  }
  100% {
    left: 25px;
  }
}
.ros_inf_num {
  width: 23px;
  height: 23px;
  background: #FFD600;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  display: inline-block;
  font-size: 15px;
  color: #3c4755;
  text-align: center;
  line-height: 21px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.ros_inf_txt {
  font-size: 14px;
  line-height: 20px;
  color: #353535;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .ros_inf_txt {
    margin-bottom: 30px;
  }
}

.ros_inf2 {
  background: url(../images/ros_inf2.png) no-repeat center center;
  width: 92px;
  height: 84px;
  position: relative;
  left: 0px;
  right: 0px;
  margin: 32px auto 8px;
}

.ros_inf2-lin1 {
  width: 71px;
  height: 41px;
  background: url(../images/ros_inf2-lin1.png) no-repeat center center;
  position: absolute;
  top: -29px;
  left: 21px;
  opacity: 1;
  filter: alpha(opacity=100);
  animation: lin1 1.8s infinite ease;
  animation-delay: 0.2s;
}

@keyframes lin1 {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.ros_inf2-lin2 {
  width: 42px;
  height: 26px;
  background: url(../images/ros_inf2-lin2.png) no-repeat center center;
  position: absolute;
  top: -14px;
  left: 36px;
  opacity: 1;
  filter: alpha(opacity=100);
  animation: lin2 1.8s infinite ease;
}

@keyframes lin2 {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.ros_inf3 {
  background: url(../images/ros_inf3.png) no-repeat center center;
  width: 103px;
  height: 116px;
  position: relative;
  left: 0px;
  right: 0px;
  margin: 8px auto 0px;
}

.ros_inf3_dop {
  position: absolute;
  bottom: 21px;
  left: 42px;
  background: url(../images/ros_inf3_dop.png) no-repeat center center;
  width: 22px;
  height: 17px;
  opacity: 1;
  filter: alpha(opacity=100);
  animation: ros_inf3_dop 1.5s infinite linear;
}

@keyframes ros_inf3_dop {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.ros_inf4 {
  background: url(../images/ros_inf4.png) no-repeat center center;
  width: 183px;
  height: 115px;
  position: relative;
  left: 0px;
  right: 0px;
  margin: 1px auto 8px;
}

.ros_inf4-ligh1 {
  width: 57px;
  height: 71px;
  background: url(../images/ros_inf4-ligh1.png) no-repeat center center;
  position: absolute;
  top: 52px;
  left: 97px;
  opacity: 1;
  filter: alpha(opacity=100);
  animation: ligh1 1.2s infinite ease;
}

@keyframes ligh1 {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.ros_inf4-ligh2 {
  width: 57px;
  height: 71px;
  background: url(../images/ros_inf4-ligh2.png) no-repeat center center;
  position: absolute;
  top: 39px;
  left: 72px;
  opacity: 1;
  filter: alpha(opacity=100);
  animation: ligh2 1.2s infinite ease;
}

@keyframes ligh2 {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.prototype_neft {
  width: 100%;
  min-height: 100px;
  background: #fff url(../images/prototype_bg.png) no-repeat bottom center;
  color: #2d323a;
  padding-top: 66px;
}
.prototype_neft_title {
  font-size: 30px;
  color: #2d323a;
  background: #FFC100;
  font-family: "RobotoBold";
  display: inline-block;
  padding: 10px 13px 17px;
  margin-bottom: 25px;
}
.prototype_neft p {
  font-size: 17px;
  line-height: 26px;
}

p.prototype_txt_big {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 27px;
}

.prot_neft1 {
  width: 334px;
  margin: 26px auto 20px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .prot_neft1 {
    width: 100%;
  }
}
.prot_neft1 img {
  max-width: 100%;
  height: auto;
}

.prot_neft2 {
  width: 428px;
  margin: 35px auto 12px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .prot_neft2 {
    width: 100%;
  }
}
.prot_neft2 img {
  max-width: 100%;
  height: auto;
}

.otd_des {
  font-size: 17px;
  color: #2d323a;
  border-bottom: 1px solid #ABB7B1;
  display: block;
  padding-bottom: 11px;
}

.otd_des_prot {
  width: 727px;
  height: 416px;
  margin: 29px auto 0px;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .otd_des_prot {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .otd_des_prot {
    width: 100%;
    height: 100%;
  }
  .otd_des_prot img {
    max-width: 100%;
    height: auto;
  }
}

.otd_line1 {
  font-size: 16px;
  color: #647e8e;
  position: absolute;
  top: 49px;
  left: -56px;
}
.otd_line1:after {
  content: "";
  background: url(../images/otd_line1.png) no-repeat;
  width: 245px;
  height: 12px;
  display: block;
  position: relative;
  top: 3px;
  left: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .otd_line1 {
    display: none;
  }
}

.otd_line2 {
  font-size: 16px;
  color: #647e8e;
  position: absolute;
  top: 228px;
  left: -62px;
}
.otd_line2:after {
  content: "";
  background: url(../images/otd_line2.png) no-repeat;
  width: 276px;
  height: 160px;
  display: block;
  position: relative;
  top: -140px;
  left: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .otd_line2 {
    display: none;
  }
}

.otd_line3 {
  font-size: 16px;
  color: #647e8e;
  position: absolute;
  top: 4px;
  right: -120px;
}
.otd_line3:after {
  content: "";
  background: url(../images/otd_line3.png) no-repeat;
  width: 213px;
  height: 12px;
  display: block;
  position: relative;
  top: 3px;
  left: -85px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .otd_line3 {
    display: none;
  }
}

.otd_line4 {
  font-size: 16px;
  color: #647e8e;
  position: absolute;
  top: 160px;
  right: -195px;
}
.otd_line4:after {
  content: "";
  background: url(../images/otd_line4.png) no-repeat;
  width: 282px;
  height: 12px;
  display: block;
  position: relative;
  top: 3px;
  left: -160px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .otd_line4 {
    display: none;
  }
}

.prog_app {
  background: #fff;
  width: 100%;
  min-height: 100px;
  padding-top: 71px;
  padding-bottom: 20px;
}
.prog_app_title {
  font-size: 30px;
  color: #2d323a;
  background: #FFC100;
  font-family: "RobotoBold";
  display: inline-block;
  padding: 10px 13px 17px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .prog_app_title {
    font-size: 25px;
  }
}
.prog_app p {
  font-size: 17px;
  line-height: 26px;
  color: #2d323a;
}

.prog_img1 {
  width: 513px;
  margin: 29px auto 0px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .prog_img1 {
    width: 100%;
  }
}
.prog_img1 img {
  max-width: 100%;
  height: auto;
}

.prog_img2 {
  width: 524px;
  margin: 29px auto 0px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .prog_img2 {
    width: 100%;
  }
}
.prog_img2 img {
  max-width: 100%;
  height: auto;
}

.prog_app_er {
  width: 100%;
  min-height: 355px;
  background: #33363A;
  position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .prog_app_er {
    padding-bottom: 30px;
  }
}
.prog_app_er p {
  font-size: 17px;
  line-height: 26px;
  color: #fff;
  display: block;
  margin-top: 86px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .prog_app_er p {
    margin-top: 30px;
  }
}

.prog_app_er_img1 {
  position: relative;
  top: -28px;
  max-width: 100%;
}
.prog_app_er_img1 img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .prog_app_er_img1 {
    top: 0;
  }
}

.app_er_2 {
  background: url(../images/app_er_2.png) no-repeat center center;
  width: 407px;
  height: 58px;
  position: absolute;
  top: 197px;
  left: 80px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .app_er_2 {
    top: 130px;
    left: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .app_er_2 {
    display: none;
  }
}

.app_er_1 {
  background: url(../images/app_er_1.png) no-repeat center center;
  width: 469px;
  height: 123px;
  position: absolute;
  top: 129px;
  left: -63px;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .app_er_1 {
    left: -19px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .app_er_1 {
    left: 0;
    top: 60px;
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .app_er_1 {
    display: none;
  }
}

.sborka_shkafov {
  background: #fff;
  padding-top: 83px;
}
.sborka_shkafov_title {
  font-size: 30px;
  color: #2d323a;
  background: #FFC100;
  font-family: "RobotoBold";
  display: inline-block;
  padding: 10px 13px 17px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sborka_shkafov_title {
    font-size: 28px;
  }
}
.sborka_shkafov p {
  font-size: 17px;
  line-height: 26px;
  color: #2d323a;
}

p.sborka_shkafov_bigp {
  font-size: 20px;
  margin: 20px 0px;
}

.sborka_img1 {
  max-width: 100%;
  margin-top: 32px;
}
.sborka_img1 img {
  max-width: 100%;
  height: auto;
}

.sborka_img2 {
  max-width: 100%;
  margin-top: 32px;
  margin-bottom: 42px;
}
.sborka_img2 img {
  max-width: 100%;
  height: auto;
}

.sborka_video {
  margin-top: 33px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .sborka_video img {
    max-width: 100%;
    height: auto;
  }
}

.work_vzryvo {
  font-size: 30px;
  color: #2d323a;
  background: #FFC100;
  font-family: "RobotoBold";
  display: inline-block;
  padding: 10px 13px 17px;
  margin-bottom: 25px;
  margin-top: 59px;
}

.book_work {
  margin-top: 51px;
}

.short_keys_sect {
  width: 100%;
  min-height: 100px;
  background: #fff;
  color: #2d323a;
  padding-bottom: 82px;
}

.short_keys_title {
  font-size: 30px;
  font-family: "RobotoBold";
  display: block;
  margin-left: 28px;
  line-height: 35px;
  margin-bottom: 29px;
}

.short_keys_block {
  position: relative;
  width: 455px;
  height: 338px;
  margin-bottom: 31px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #4B9C56;
}
.short_keys_block img {
  max-width: 100%;
  height: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .short_keys_block {
    width: 100%;
  }
}
.short_keys_block .short_keys_foot {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(36, 51, 64, 0.56);
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.short_keys_block .short_keys_foot a.short_keys_tags {
  display: inline-block;
  float: right;
  line-height: 80px;
  font-family: "RobotoBold";
  font-size: 14px;
  color: #fff;
  margin-right: 30px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.short_keys_block .short_keys_foot a.short_keys_tags:hover {
  text-decoration: none;
}
.short_keys_block .short_keys_btn_more {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  border: 2px solid #fff;
  margin-top: 23px;
  margin-left: 23px;
  height: 34px;
  width: 133px;
  text-align: center;
  line-height: 27px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.short_keys_block .short_keys_btn_more:hover, .short_keys_block .short_keys_btn_more:focus {
  text-decoration: none;
}
.short_keys_block .short_keys_btn_more:active {
  text-decoration: none;
}
.short_keys_block .short_keys_btn_more span:after {
  content: "";
  background: url(../images/icon/keys_small_btn_more.png) no-repeat;
  width: 8px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.short_keys_block a.short_keys_title_link {
  position: absolute;
  top: 24px;
  left: 20px;
  right: 46px;
  font-size: 24px;
  line-height: 33px;
  font-family: "RobotoBold";
  color: #fff;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration: none;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .short_keys_block a.short_keys_title_link {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .short_keys_block a.short_keys_title_link {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .short_keys_block a.short_keys_title_link {
    font-size: 15px;
    line-height: 20px;
  }
}

.short_keys_block:hover {
  box-shadow: 0px 0px 18px rgba(0, 1, 3, 0.26);
}
.short_keys_block:hover .short_keys_foot {
  background: #FBFBFB;
}
.short_keys_block:hover .short_keys_foot .short_keys_tags {
  color: #2d3642;
}
.short_keys_block:hover .short_keys_btn_more {
  color: #4b78bb;
  border: 2px solid #4b78bb;
}
.short_keys_block:hover .short_keys_btn_more span:after {
  background: url(../images/icon/keys_small_btn_more-hover.png) no-repeat;
}

.subsc_block {
  background: #F1F1F1;
  height: 338px;
  padding: 31px 20px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subsc_block {
    height: auto;
  }
}
.subsc_block_title {
  color: #2d323a;
  font-size: 30px;
  font-family: "RobotoBold";
}
.subsc_block_txt {
  font-size: 17px;
  color: #2d323a;
  line-height: 26px;
  margin: 39px 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .subsc_block_txt {
    margin: 10px 0 15px;
  }
}

.subsc_form input[type="email"] {
  display: block;
  width: 273px;
  height: 49px;
  background: #FDFDFD;
  border: 1px solid #E9E9E9;
  padding: 0 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  font-size: 16px;
  color: #83999e;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subsc_form input[type="email"] {
    width: 100%;
  }
}
.subsc_form input[type="email"]::-webkit-input-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.subsc_form input[type="email"]:-moz-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.subsc_form input[type="email"]::-moz-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.subsc_form input[type="email"]:-ms-input-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.subsc_form .field-input.input-error {
  background: #fff url(../images/icon-fail.png) no-repeat 96% center;
  border: 1px solid #E9A2A2;
}
.subsc_form button {
  width: 178px;
  height: 50px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #655d04;
  font-family: "RobotoBold";
  font-size: 20px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  line-height: 43px;
  display: inline-block;
  margin: 20px 0px 0px;
}
.subsc_form button:hover, .subsc_form button:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.subsc_form button:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.end_keys_neft {
  height: 75px;
}

.gen_mail_top {
  width: 100%;
  min-height: 900px;
  background: url(../images/gen_mail_topbg.jpg) no-repeat bottom center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  position: relative;
  padding-top: 67px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .gen_mail_top {
    padding-bottom: 40px;
  }
}
.gen_mail_top-title {
  font-family: "RobotoBold";
  font-size: 36px;
  line-height: 50px;
  letter-spacing: 0.8px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .gen_mail_top-title {
    font-size: 34px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .gen_mail_top-title {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }
}
.gen_mail_top-zadacha_title {
  font-size: 16px;
  font-family: "RobotoBold";
  display: block;
  margin-top: 17px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .gen_mail_top-zadacha_title {
    margin-top: 40px;
  }
}
.gen_mail_top-zadacha_txt {
  font-size: 16px;
  width: 540px;
  margin-top: 15px;
  line-height: 21px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .gen_mail_top-zadacha_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .gen_mail_top-zadacha_txt {
    width: 100%;
  }
}
.gen_mail_top h2 {
  font-size: 30px;
  color: #fff;
  background: #64649B;
  padding: 13px 20px;
  display: inline-block;
  margin-top: 206px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .gen_mail_top h2 {
    margin-top: 170px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .gen_mail_top h2 {
    margin-top: 90px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .gen_mail_top h2 {
    margin-top: 40px;
    font-size: 21px;
  }
}

.mail_p1 {
  background: url(../images/parallax/mail_p1.png) no-repeat center center;
  width: 250px;
  height: 159px;
  position: absolute;
  top: 134px;
  left: 138px;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .mail_p1 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .mail_p1 {
    top: 90px;
    left: -70px;
  }
}
@media only screen and (min-width: 1501px) and (max-width: 1600px) {
  .mail_p1 {
    top: 0px;
    left: -90px;
  }
}

.mail_p2 {
  background: url(../images/parallax/mail_p2.png) no-repeat center center;
  width: 289px;
  height: 273px;
  position: absolute;
  top: 384px;
  left: 255px;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .mail_p2 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .mail_p2 {
    top: 384px;
    left: -40px;
  }
}

.mail_p3 {
  background: url(../images/parallax/mail_p3.png) no-repeat center center;
  width: 350px;
  height: 266px;
  position: absolute;
  top: 389px;
  right: 342px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .mail_p3 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .mail_p3 {
    right: 130px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .mail_p3 {
    top: 389px;
    right: 200px;
  }
}

.mail_p4 {
  background: url(../images/parallax/mail_p4.png) no-repeat center center;
  width: 553px;
  height: 663px;
  position: absolute;
  top: 94px;
  right: 467px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .mail_p4 {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .mail_p4 {
    right: 150px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .mail_p4 {
    top: 94px;
    right: 230px;
  }
}

.mail_p5 {
  background: url(../images/parallax/mail_p5.png) no-repeat center center;
  width: 159px;
  height: 130px;
  position: absolute;
  top: 154px;
  right: 234px;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .mail_p5 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .mail_p5 {
    top: 85px;
    right: 40px;
  }
}

a.gem_mail_btn {
  margin-top: 66px;
  float: left;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  a.gem_mail_btn {
    position: static;
    top: 0;
    left: 0;
    float: none;
    margin: 20px auto 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  a.gem_mail_btn {
    position: static;
    top: 0;
    left: 0;
    float: none;
    margin: 40px 0;
  }
}

.keys_mail_list {
  margin-top: 52px;
}
.keys_mail_list li {
  background: url(../images/icon/keys_mail_list.png) no-repeat 0% 50%;
  padding-left: 30px;
  font-size: 21px;
  font-family: "RobotoBold";
  color: #fff;
  margin-bottom: 14px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_mail_list li {
    font-size: 18px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_mail_list li {
    font-size: 16px;
    line-height: 20px;
    background: url(../images/icon/keys_mail_list.png) no-repeat 0% 20%;
  }
}

.short_keys_sect_mail {
  background: #D6E4E7;
}
.short_keys_sect_mail .short_keys_title {
  color: #2d323a;
  margin-left: 0;
}

.module_gen {
  width: 100%;
  min-height: 100px;
  background: #D6E4E7;
  padding-top: 48px;
}
.module_gen h2 {
  font-size: 30px;
  color: #fff;
  font-family: "RobotoBold";
  background: #0090AF;
  padding: 8px 14px;
  display: inline-block;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .module_gen h2 {
    font-size: 25px;
  }
}
.module_gen h3 {
  font-size: 20px;
  color: #444;
  margin-top: 31px;
  line-height: 24px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .module_gen h3 {
    font-size: 16px;
  }
}
.module_gen_title {
  font-size: 31px;
  color: #444;
  font-family: "RobotoBold";
  margin-bottom: 36px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .module_gen_title {
    font-size: 27px;
    margin-bottom: 30px;
  }
}
.module_gen_txt {
  font-size: 16px;
  color: #2d323a;
  line-height: 19px;
}

.module_mail_img {
  width: 686px;
  float: right;
  margin-top: 33px;
  position: relative;
  margin-bottom: 169px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .module_mail_img {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .module_mail_img {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .module_mail_img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.module_mail_img img {
  max-width: 100%;
  height: auto;
}
.module_mail_img p {
  font-size: 16px;
  color: #2d323a;
  text-align: center;
  margin-bottom: 20px;
}

.module_mail_img2 {
  width: 688px;
  float: right;
  position: relative;
  margin-bottom: 44px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .module_mail_img2 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .module_mail_img2 {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .module_mail_img2 {
    width: 100%;
    margin-bottom: 30px;
  }
}
.module_mail_img2 img {
  max-width: 100%;
  height: auto;
}

.module_mail_img3 {
  width: 687px;
  float: right;
  position: relative;
  margin-bottom: 123px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .module_mail_img3 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .module_mail_img3 {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .module_mail_img3 {
    width: 100%;
    margin-bottom: 30px;
  }
}
.module_mail_img3 img {
  max-width: 100%;
  height: auto;
}

.module_mail2_itm1 {
  position: absolute;
  left: -254px;
  top: 42px;
  width: 221px;
  font-size: 16px;
  color: #2d323a;
  line-height: 19px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .module_mail2_itm1 {
    display: none;
  }
}
.module_mail2_itm1:after {
  content: "";
  display: block;
  background: url(../images/icon/module_mail2_itm1.png) no-repeat;
  width: 348px;
  height: 77px;
  position: absolute;
  left: 80px;
  top: 72px;
}

.module_mail3_itm1 {
  position: absolute;
  left: -254px;
  top: 5px;
  width: 221px;
  font-size: 16px;
  color: #2d323a;
  line-height: 19px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .module_mail3_itm1 {
    display: none;
  }
}
.module_mail3_itm1:after {
  content: "";
  display: block;
  background: url(../images/icon/module_mail3_itm1.png) no-repeat;
  width: 349px;
  height: 78px;
  position: absolute;
  left: 80px;
  top: 51px;
}

.module_mail3_itm2 {
  position: absolute;
  left: -254px;
  bottom: 9px;
  width: 200px;
  font-size: 16px;
  color: #2d323a;
  line-height: 19px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .module_mail3_itm2 {
    display: none;
  }
}
.module_mail3_itm2:after {
  content: "";
  display: block;
  background: url(../images/icon/module_mail3_itm2.png) no-repeat;
  width: 236px;
  height: 26px;
  position: absolute;
  left: 108px;
  top: 32px;
}

.module_mail_itm1 {
  position: absolute;
  left: -254px;
  top: 144px;
  width: 221px;
  font-size: 16px;
  color: #2d323a;
  line-height: 19px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .module_mail_itm1 {
    display: none;
  }
}
.module_mail_itm1:after {
  content: "";
  display: block;
  background: url(../images/icon/module_mail_itm1.png) no-repeat;
  width: 363px;
  height: 75px;
  position: absolute;
  left: 75px;
  top: 109px;
}

.module_mail_itm2 {
  position: absolute;
  left: -254px;
  bottom: 200px;
  width: 221px;
  font-size: 16px;
  color: #2d323a;
  line-height: 19px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .module_mail_itm2 {
    display: none;
  }
}
.module_mail_itm2:after {
  content: "";
  display: block;
  background: url(../images/icon/module_mail_itm2.png) no-repeat;
  width: 285px;
  height: 2px;
  position: absolute;
  left: 188px;
  top: 11px;
}

.module_mail_itm3 {
  position: absolute;
  left: -254px;
  bottom: -63px;
  width: 205px;
  font-size: 16px;
  color: #2d323a;
  line-height: 19px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .module_mail_itm3 {
    display: none;
  }
}
.module_mail_itm3:after {
  content: "";
  display: block;
  background: url(../images/icon/module_mail_itm3.png) no-repeat;
  width: 285px;
  height: 42px;
  position: absolute;
  left: 104px;
  top: -48px;
}

.module_mail_itm4 {
  position: absolute;
  right: 34px;
  bottom: -38px;
  width: 228px;
  font-size: 16px;
  color: #2d323a;
  line-height: 19px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .module_mail_itm4 {
    display: none;
  }
}
.module_mail_itm4:before {
  content: "";
  display: block;
  background: url(../images/icon/module_mail_itm4.png) no-repeat;
  width: 2px;
  height: 62px;
  position: absolute;
  left: -10px;
  top: -40px;
}

.uchet_img {
  margin-top: 115px;
  position: relative;
  margin-bottom: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .uchet_img {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .uchet_img {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .uchet_img {
    margin-top: 30px;
  }
}
.uchet_img img {
  max-width: 100%;
  height: auto;
}
.uchet_img_itm1 {
  font-size: 16px;
  color: #2d323a;
  position: absolute;
  top: -63px;
  left: 170px;
  width: 195px;
  line-height: 19px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .uchet_img_itm1 {
    display: none;
  }
}
.uchet_img_itm1:before {
  content: "";
  display: block;
  background: url(../images/icon/uchet_img_itm1.png) no-repeat;
  width: 22px;
  height: 132px;
  position: absolute;
  left: -20px;
  top: 60px;
}
.uchet_img_itm2 {
  font-size: 16px;
  color: #2d323a;
  position: absolute;
  top: -73px;
  right: 80px;
  width: 195px;
  line-height: 19px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .uchet_img_itm2 {
    display: none;
  }
}
.uchet_img_itm2:before {
  content: "";
  display: block;
  background: url(../images/icon/uchet_img_itm2.png) no-repeat;
  width: 22px;
  height: 132px;
  position: absolute;
  left: 1px;
  top: 70px;
}

.taskon_mail_block {
  padding: 10px 0px 34px 33px;
  background: #eaeeef;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .taskon_mail_block {
    padding: 33px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .taskon_mail_block {
    padding: 33px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .taskon_mail_block {
    padding: 33px;
  }
}
.taskon_mail_block_txt {
  display: inline-block;
  font-size: 20px;
  color: #2d323a;
  line-height: 23px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .taskon_mail_block_txt {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .taskon_mail_block_txt {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .taskon_mail_block_txt {
    display: block;
    text-align: center;
    font-size: 16px;
  }
}
.taskon_mail_block_logo {
  display: inline-block;
  position: relative;
  margin-left: 71px;
  top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .taskon_mail_block_logo {
    display: block;
    top: 0px;
    width: 202px;
    margin: 20px auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .taskon_mail_block_logo {
    display: block;
    top: 0px;
    width: 202px;
    margin: 20px auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .taskon_mail_block_logo {
    display: block;
    top: 0px;
    width: 202px;
    margin: 20px auto;
  }
}
.taskon_mail_block_link {
  display: inline-block;
  font-size: 14px;
  color: #57a2b5;
  text-decoration: underline;
  margin-left: 70px;
  position: relative;
  top: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .taskon_mail_block_link {
    display: block;
    top: 0px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .taskon_mail_block_link {
    display: block;
    top: 0px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .taskon_mail_block_link {
    display: block;
    top: 0px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
  }
}
.taskon_mail_block_link:hover, .taskon_mail_block_link:active, .taskon_mail_block_link:focus {
  text-decoration: none;
  color: #57a2b5;
}

.keys_appl_top {
  width: 100%;
  height: 444px;
  background: #60AD26 url(../images/keys_appl_bg.png) no-repeat bottom center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  padding-top: 53px;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_appl_top {
    height: 574px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_appl_top {
    height: 535px;
  }
}
.keys_appl_top h1 {
  font-size: 36px;
  line-height: 50px;
  letter-spacing: 0.72px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .keys_appl_top h1 {
    font-size: 28px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .keys_appl_top h1 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_appl_top h1 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}

.appl_p1 {
  background: url(../images/parallax/appl_p1.png) no-repeat center center;
  width: 357px;
  height: 321px;
  position: absolute;
  top: 90px;
  left: 0;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .appl_p1 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .appl_p1 {
    top: 60px;
    left: -85px;
  }
}

.appl_p2 {
  background: url(../images/parallax/appl_p2.png) no-repeat center center;
  width: 270px;
  height: 295px;
  position: absolute;
  top: 333px;
  left: 225px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .appl_p2 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .appl_p2 {
    left: 60px;
  }
}

.appl_p3 {
  background: url(../images/parallax/appl_p3.png) no-repeat center center;
  width: 386px;
  height: 448px;
  position: absolute;
  top: 109px;
  right: 76px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .appl_p3 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .appl_p3 {
    right: 0;
    top: 50px;
  }
}

.appl_p4 {
  background: url(../images/parallax/appl_p4.png) no-repeat center center;
  width: 268px;
  height: 279px;
  position: absolute;
  top: 352px;
  right: 442px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .appl_p4 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .appl_p4 {
    top: 390px;
    right: 150px;
  }
}

.appl_zak {
  font-size: 16px;
  font-family: "RobotoBold";
  display: block;
  margin-top: 18px;
  margin-bottom: 33px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .appl_zak {
    display: inline-block;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .appl_zak {
    display: inline-block;
  }
}
.appl_zak_logo {
  width: 140px;
  height: 41px;
  display: block;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .appl_zak_logo {
    display: inline-block;
    position: relative;
    left: 10px;
    top: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .appl_zak_logo {
    display: inline-block;
    position: relative;
    left: 10px;
    top: 15px;
  }
}

a.appl_btn {
  width: 201px;
  height: 47px;
  position: relative;
  top: 157px;
  left: 0px;
  float: left;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  a.appl_btn {
    position: static;
    top: 0;
    left: 0;
    float: none;
    margin: 20px auto 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  a.appl_btn {
    position: static;
    top: 0;
    left: 0;
    float: none;
    margin: 20px 0 40px;
  }
}

.appl_par {
  background: url(../images/appl_par.png) no-repeat center center;
  max-width: 539px;
  height: 389px;
  top: 21px;
  left: 10px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .appl_par {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: 242px;
    top: 42px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .appl_par {
    position: static;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: 303px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .appl_par {
    width: 270px;
    height: 195px;
    top: 10px !important;
    left: 0 !important;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    position: relative;
  }
}

.keys_appl_bt {
  background: url(../images/keys_appl_bt.png) no-repeat bottom center;
  width: 100%;
  min-height: 62px;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  position: relative;
  z-index: 2;
  top: -62px;
}

.appl_how_works {
  width: 100%;
  background: #60AD26;
  min-height: 100px;
  position: relative;
  top: -62px;
  padding-top: 45px;
  padding-bottom: 41px;
}
.appl_how_works h2 {
  font-size: 30px;
  color: #fff;
  background: #262E38;
  display: inline-block;
  padding: 10px 15px 17px 23px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .appl_how_works h2 {
    font-size: 20px;
  }
}

.appl_list {
  margin-top: 23px;
}
.appl_list li {
  background: url(../images/appl_list.png) no-repeat center left;
  padding-left: 27px;
  font-size: 21px;
  margin-bottom: 14px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .appl_list li {
    font-size: 19px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .appl_list li {
    font-size: 16px;
  }
}

.appl_content {
  background: #fff;
  color: #2d323a;
  margin-top: -62px;
  padding-top: 70px;
  padding-bottom: 48px;
}
.appl_content p {
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 26px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .appl_content p {
    font-size: 14px;
  }
}

.blog_container {
  background: #fff;
  width: 100%;
  padding-top: 46px;
}

.blog {
  padding-bottom: 30px;
}
.blog h1 {
  font-size: 29px;
  font-family: "RobotoBold";
  color: #2d3642;
  margin-bottom: 16px;
}

.subsc_blog {
  background: #F1F1F1;
  padding: 20px;
}
.subsc_blog_title {
  color: #2d323a;
  font-size: 25px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subsc_blog_title {
    font-size: 17px;
  }
}
.subsc_blog_txt {
  font-size: 17px;
  color: #2d323a;
  line-height: 26px;
  margin: 15px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .subsc_blog_txt {
    margin: 10px 0 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subsc_blog_txt {
    font-size: 14px;
  }
}

.subsc_blog_form input[type="email"] {
  display: block;
  width: 273px;
  height: 49px;
  background: #FDFDFD;
  border: 1px solid #E9E9E9;
  padding: 0 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  font-size: 16px;
  color: #83999e;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subsc_blog_form input[type="email"] {
    width: 100%;
  }
}
.subsc_blog_form input[type="email"]::-webkit-input-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.subsc_blog_form input[type="email"]:-moz-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.subsc_blog_form input[type="email"]::-moz-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.subsc_blog_form input[type="email"]:-ms-input-placeholder {
  color: #83999e;
  font-size: 16px;
  opacity: 1;
}
.subsc_blog_form .field-input.input-error {
  background: #fff url(../images/icon-fail.png) no-repeat 96% center;
  border: 1px solid #E9A2A2;
}
.subsc_blog_form button {
  width: 178px;
  height: 50px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #655d04;
  font-family: "RobotoBold";
  font-size: 20px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  line-height: 43px;
  display: inline-block;
  margin: 20px 0px 0px;
}
.subsc_blog_form button:hover, .subsc_blog_form button:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.subsc_blog_form button:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}

.article_short {
  margin-bottom: 57px;
}
.article_short:last-child {
  margin-bottom: 0;
}
.article_short_title {
  font-size: 25px;
  line-height: 35px;
  color: #3d3d3d;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .article_short_title {
    font-size: 20px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .article_short_title {
    font-size: 20px;
    line-height: 27px;
  }
}
.article_short_title:hover, .article_short_title:focus, .article_short_title:active {
  color: #49acc5;
  text-decoration: none;
}
.article_short_head {
  height: 30px;
  width: 100%;
  line-height: 30px;
  font-size: 13px;
  color: #949494;
  margin-top: 5px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .article_short_head {
    height: auto;
  }
}
.article_short_date {
  margin-right: 19px;
}
.article_short_view {
  position: relative;
}
.article_short_view:hover .blog_toltip_left {
  display: block;
}
.article_short_view:before {
  content: "";
  background: url(../images/icon/article_view.png) no-repeat;
  width: 21px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  margin-top: -3px;
}
.article_short_view .blog_toltip_left {
  display: none;
  width: 209px;
  height: 66px;
  line-height: 65px;
  padding-left: 5px;
  background: url(../images/blog_toltip_left.png) no-repeat center center;
  text-align: center;
  font-size: 14px;
  font-family: "RobotoLight";
  position: absolute;
  right: -214px;
  top: -23px;
}
.article_short_tags {
  margin-top: 11px;
}
.article_short_tags a {
  font-size: 14px;
  color: #49acc5;
  margin-right: 10px;
}
.article_short_tags a:hover, .article_short_tags a:focus, .article_short_tags a:active {
  text-decoration: underline;
}
.article_short_txt {
  overflow-x: auto;
}
.article_short_txt img {
  margin: 14px 0 11px;
  width: 100%;
  height: auto;
}
.article_short_txt p {
  font-size: 16px;
  line-height: 25px;
  color: #525252;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .article_short_txt p {
    font-size: 14px;
    line-height: 22px;
  }
}
.article_short_txt p a {
  color: #49acc5;
}
.article_short_txt p a:hover, .article_short_txt p a:focus, .article_short_txt p a:active {
  text-decoration: underline;
}
.article_short_txt ol {
  margin-top: 25px;
}
.article_short_txt ol li {
  color: #3c4755;
  font-size: 16px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .article_short_txt ol li {
    font-size: 14px;
  }
}
.article_short_txt ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  color: #fff;
  font-size: 15px;
  font-family: "RobotoBold";
  background: #00AEC7;
  display: inline-block;
  text-align: center;
  margin: 4px 12px 4px 4px;
  line-height: 23px;
  width: 23px;
  height: 23px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
}
.article_short_txt ul {
  margin-top: 32px;
}
.article_short_txt ul li {
  background: url(../images/icon/ul_list_blue.png) no-repeat left center;
  height: 30px;
  line-height: 30px;
  padding-left: 34px;
  font-size: 16px;
  color: #3c4755;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .article_short_txt ul li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }
}
.article_short_txt .tb_blog {
  margin-top: 23px;
  overflow-x: auto;
}
.article_short_txt tr th {
  padding: 15px 20px;
  border: 1px solid #C7C7C7;
  vertical-align: top;
  color: #2d323a;
  font-size: 16px;
  line-height: 20px;
}
.article_short_txt thead tr th {
  background: #00AEC7;
  font-family: "RobotoBold";
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  padding: 0px 0px 0px 20px;
  border: 1px solid #C7C7C7;
  vertical-align: middle;
}
.article_short_social {
  float: right;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .article_short_social {
    float: none;
  }
}

.sidebar {
  margin-top: 5px;
}
.sidebar_module h2 {
  font-size: 18px;
  line-height: 20px;
  color: #3d3d3d;
  font-family: "RobotoBold";
  margin-bottom: 25px;
}
.sidebar_module_body a.cat_link_mod {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background: #00AEC7;
  padding: 14px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  margin-right: 10px;
  font-family: "RobotoBold";
  margin-bottom: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .sidebar_module_body a.cat_link_mod {
    margin-right: 0px;
    margin-bottom: 4px;
  }
}
.sidebar_module_body a.cat_link_mod:hover, .sidebar_module_body a.cat_link_mod:focus, .sidebar_module_body a.cat_link_mod:active {
  text-decoration: none;
  background: #FFDF00;
  color: #2d3642;
}
.sidebar_module .article_itm {
  margin-bottom: 30px;
}
.sidebar_module .article_itm img {
  max-width: 100%;
  height: auto;
  display: block;
}
.sidebar_module a.article_itm_link {
  font-size: 16px;
  color: #2d3642;
  line-height: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .sidebar_module a.article_itm_link {
    line-height: 20px;
  }
}
.sidebar_module a.article_itm_link:hover, .sidebar_module a.article_itm_link:focus, .sidebar_module a.article_itm_link:active {
  color: #49acc5;
  text-decoration: none;
}
.sidebar_social li {
  display: inline-block;
  margin-right: 26px;
  margin-bottom: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .sidebar_social li {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sidebar_social li {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sidebar_social li {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
.sidebar_social li:nth-child(4) {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .sidebar_social li:nth-child(4) {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sidebar_social li:nth-child(4) {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sidebar_social li:nth-child(4) {
    margin-right: 20px;
  }
}
.sidebar_social_fb {
  background: #324C84 url(../images/icon/sidebar_social_fb.png) no-repeat center center;
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.sidebar_social_fb:hover, .sidebar_social_fb:focus, .sidebar_social_fb:active {
  background: #0093A9 url(../images/icon/sidebar_social_fb.png) no-repeat center center;
}
.sidebar_social_ok {
  background: #daaa03 url(../images/icon/sidebar_social_ok.png) no-repeat center center;
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.sidebar_social_ok:hover, .sidebar_social_ok:focus, .sidebar_social_ok:active {
  background: #0093A9 url(../images/icon/sidebar_social_ok.png) no-repeat center center;
}
.sidebar_social_tw {
  background: #69baf3 url(../images/icon/sidebar_social_tw.png) no-repeat center center;
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.sidebar_social_tw:hover, .sidebar_social_tw:focus, .sidebar_social_tw:active {
  background: #0093A9 url(../images/icon/sidebar_social_tw.png) no-repeat center center;
}
.sidebar_social_gp {
  background: #ff5400 url(../images/icon/sidebar_social_gp.png) no-repeat center center;
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.sidebar_social_gp:hover, .sidebar_social_gp:focus, .sidebar_social_gp:active {
  background: #0093A9 url(../images/icon/sidebar_social_gp.png) no-repeat center center;
}
.sidebar_social_yt {
  background: #e73500 url(../images/icon/sidebar_social_yt.png) no-repeat center center;
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.sidebar_social_yt:hover, .sidebar_social_yt:focus, .sidebar_social_yt:active {
  background: #0093A9 url(../images/icon/sidebar_social_yt.png) no-repeat center center;
}
.sidebar_social_vk {
  background: #5872c4 url(../images/icon/sidebar_social_vk.png) no-repeat center center;
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.sidebar_social_vk:hover, .sidebar_social_vk:focus, .sidebar_social_vk:active {
  background: #0093A9 url(../images/icon/sidebar_social_vk.png) no-repeat center center;
}
.sidebar_social_inst {
  background: #745e51 url(../images/icon/sidebar_social_inst.png) no-repeat center center;
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.sidebar_social_inst:hover, .sidebar_social_inst:focus, .sidebar_social_inst:active {
  background: #0093A9 url(../images/icon/sidebar_social_inst.png) no-repeat center center;
}
.sidebar_btn {
  width: 190px;
  height: 35px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  color: #655d04;
  font-size: 15px;
  background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-bottom: 4px solid #D2BF00;
  line-height: 30px;
  display: inline-block;
  margin: 15px 0px 15px;
  position: relative;
}
.sidebar_btn:hover, .sidebar_btn:focus {
  background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border-bottom: 4px solid #D2BF00;
  text-decoration: none;
}
.sidebar_btn:hover .blog_toltip_right, .sidebar_btn:focus .blog_toltip_right {
  display: block;
}
.sidebar_btn:active {
  background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
  box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
  color: #908505;
  border: none;
  border-top: 4px solid #D2BF00;
  text-decoration: none;
}
.sidebar_btn:last-child {
  margin-bottom: 40px;
}
.sidebar_btn .blog_toltip_right {
  display: none;
  width: 209px;
  height: 66px;
  line-height: 17px;
  color: #3c4755;
  background: url(../images/blog_toltip_right.png) no-repeat center center;
  text-align: left;
  font-size: 14px;
  font-family: "RobotoLight";
  position: absolute;
  padding: 14px 30px 14px 20px;
  left: -215px;
  top: -16px;
}

.top_ops {
  background: url(../images/top_ops_bg.jpg) repeat center center;
  width: 100%;
  min-height: 541px;
  padding-top: 48px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .top_ops {
    min-height: 530px;
  }
}
.top_ops h1 {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
  font-family: "RobotoBold";
  letter-spacing: 0.9px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .top_ops h1 {
    font-size: 25px;
    line-height: 43px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .top_ops h1 {
    font-size: 19px;
    line-height: 33px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .top_ops h1 {
    font-size: 17px;
    line-height: 33px;
    text-align: center;
  }
}

.ops_shema {
  width: 237px;
  height: 288px;
  position: relative;
  background: url(../images/ops_shema.png) no-repeat center center;
  bottom: -174px;
  left: 59px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ops_shema {
    margin-top: 135px;
    margin-left: 82px;
    margin-bottom: 170px;
    left: 0px;
    top: 0px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_shema {
    width: 270px;
    height: 283px;
    margin-bottom: 200px;
    left: 0px;
    top: 0px;
    background: url(../images/ops_shema_mobile.png) no-repeat center center;
    margin-top: 30px;
  }
}
.ops_shema_item1 {
  position: absolute;
  width: 93px;
  height: 70px;
  background: url(../images/icon/ops_shema_item1.png) no-repeat center center;
  top: 34px;
  left: -68px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_shema_item1 {
    display: none;
  }
}
.ops_shema_item2 {
  position: absolute;
  width: 96px;
  height: 80px;
  background: url(../images/icon/ops_shema_item2.png) no-repeat center center;
  top: -45px;
  left: -54px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_shema_item2 {
    display: none;
  }
}
.ops_shema_item3 {
  position: absolute;
  width: 91px;
  height: 103px;
  background: url(../images/icon/ops_shema_item3.png) no-repeat center center;
  top: -103px;
  left: -5px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_shema_item3 {
    display: none;
  }
}
.ops_shema_item4 {
  position: absolute;
  width: 54px;
  height: 99px;
  background: url(../images/icon/ops_shema_item4.png) no-repeat center center;
  top: -119px;
  left: 116px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .ops_shema_item4 {
    left: 112px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_shema_item4 {
    display: none;
  }
}
.ops_shema_item5 {
  position: absolute;
  width: 118px;
  height: 103px;
  background: url(../images/icon/ops_shema_item5.png) no-repeat center center;
  top: -100px;
  right: -83px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .ops_shema_item5 {
    right: -69px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_shema_item5 {
    display: none;
  }
}

.ops_two_section {
  width: 100%;
  min-height: 100px;
  background: #478700;
  padding-top: 91px;
  padding-bottom: 31px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_two_section {
    padding-top: 40px;
  }
}
.ops_two_section h2 {
  background: #262B3A;
  font-size: 30px;
  font-family: "RobotoBold";
  display: inline-block;
  padding: 16px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_two_section h2 {
    font-size: 20px;
  }
}

.ops_api_shema {
  background: url(../images/icon/ops_api_shema.png) no-repeat center center;
  width: 214px;
  height: 55px;
  position: absolute;
  top: 133px;
  right: -220px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ops_api_shema {
    right: -62px;
    top: 403px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_api_shema {
    right: 0px;
    top: 420px;
  }
}

.ops_shema_pic {
  background: url(../images/icon/ops_shema_pic.png) no-repeat center center;
  width: 157px;
  height: 107px;
  position: absolute;
  right: -285px;
  top: 4px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ops_shema_pic {
    top: 290px;
    right: -97px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_shema_pic {
    top: 300px;
    right: 0px;
  }
}

.ops_zadacha {
  position: relative;
  left: -62px;
  top: 43px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .ops_zadacha {
    left: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ops_zadacha {
    left: 0;
    top: 0;
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_zadacha {
    left: 0;
    top: 0;
    margin-bottom: 40px;
  }
}
.ops_zadacha h2 {
  font-size: 16px;
  font-family: "RobotoBold";
  line-height: 35px;
}
.ops_zadacha p {
  font-size: 18px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .ops_zadacha p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_zadacha p {
    font-size: 15px;
  }
}

a.ops_btn {
  position: relative;
  top: 157px;
  left: 0px;
  right: -28px;
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  a.ops_btn {
    top: 152px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  a.ops_btn {
    top: 16px;
    right: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  a.ops_btn {
    top: 16px;
    right: 0;
    float: none;
    margin: auto;
  }
}

.ops_list {
  margin-top: 30px;
}
.ops_list li {
  background: url(../images/appl_list.png) no-repeat 0% 30%;
  padding-left: 28px;
  margin-bottom: 1px;
  line-height: 34px;
  font-size: 20px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .ops_list li {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ops_list li {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ops_list li {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    background: url(../images/appl_list.png) no-repeat 0% 10%;
  }
}

.ops_p1 {
  background: url(../images/parallax/ops_p1.png) no-repeat center center;
  width: 240px;
  height: 231px;
  position: absolute;
  top: 150px;
  left: 4px;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .ops_p1 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .ops_p1 {
    top: 60px;
    left: -85px;
  }
}

.ops_p2 {
  background: url(../images/parallax/ops_p2.png) no-repeat center center;
  width: 215px;
  height: 219px;
  position: absolute;
  top: 431px;
  left: 289px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .ops_p2 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .ops_p2 {
    left: 60px;
  }
}

.ops_p3 {
  background: url(../images/parallax/ops_p3.png) no-repeat center center;
  width: 237px;
  height: 248px;
  position: absolute;
  top: -59px;
  right: -20px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .ops_p3 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .ops_p3 {
    right: -95px;
  }
}

.ops_p4 {
  background: url(../images/parallax/ops_p4.png) no-repeat center center;
  width: 228px;
  height: 228px;
  position: absolute;
  top: 306px;
  right: 244px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .ops_p4 {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .ops_p4 {
    top: 390px;
    right: 50px;
  }
}

.top_keys_soc {
  width: 100%;
  min-height: 564px;
  background: url(../images/top_keys_soc.jpg) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  padding-top: 75px;
  position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .top_keys_soc {
    min-height: 500px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .top_keys_soc {
    min-height: 500px;
    padding-bottom: 40px;
  }
}
.top_keys_soc h1 {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
  letter-spacing: 0.7px;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .top_keys_soc h1 {
    font-size: 27px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .top_keys_soc h1 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }
}
.top_keys_soc_subtitle {
  font-size: 18px;
  margin-top: 37px;
  line-height: 22px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .top_keys_soc_subtitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .top_keys_soc_subtitle {
    font-size: 16px;
    text-align: center;
  }
}

a.soc_btn {
  position: relative;
  top: 128px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  a.soc_btn {
    top: 0px;
    margin: 30px auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  a.soc_btn {
    top: 0px;
    margin: 30px auto;
  }
}

.soc_zak_block {
  position: relative;
  top: 128px;
  margin-left: 44px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .soc_zak_block {
    top: 0px;
    width: 200px;
    right: 0px;
    margin: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .soc_zak_block {
    top: 0px;
    width: 200px;
    right: 0px;
    margin: auto;
  }
}
.soc_zak_block_title {
  font-size: 16px;
  margin-bottom: 8px;
}

.soc_zaim_mockups {
  position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .soc_zaim_mockups {
    display: none;
  }
}

.soc_zaim_mockup1 {
  width: 287px;
  height: 338px;
  background: url(../images/soc_zaim_mockup1.png) no-repeat center center;
  position: absolute;
  top: -52px;
}

.soc_zaim_mockup2 {
  width: 289px;
  height: 279px;
  background: url(../images/soc_zaim_mockup2.png) no-repeat center center;
  position: absolute;
  top: 7px;
  left: 69px;
}

.soc_zaim_mockup3 {
  width: 238px;
  height: 212px;
  background: url(../images/soc_zaim_mockup3.png) no-repeat center center;
  position: absolute;
  top: 74px;
  left: 119px;
}

.keys_soc_two {
  background: #262E38;
  width: 100%;
  min-height: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.keys_soc_two h2 {
  font-size: 30px;
  color: #2d323a;
  background: #FFCE3B;
  padding: 13px 19px;
  display: inline-block;
  font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .keys_soc_two h2 {
    font-size: 20px;
  }
}

.soc_list {
  margin-top: 35px;
}
.soc_list li {
  background: url(../images/icon/soc_list.png) no-repeat 0% 50%;
  padding-left: 30px;
  font-size: 21px;
  color: #fff;
  font-family: "RobotoBold";
  line-height: 24px;
  margin-bottom: 11px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .soc_list li {
    background: url(../images/icon/soc_list.png) no-repeat 0% 30%;
    font-size: 19px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .soc_list li {
    background: url(../images/icon/soc_list.png) no-repeat 0% 20%;
    font-size: 16px;
  }
}

.soc_p1 {
  background: url(../images/parallax/soc_p1.png) no-repeat center center;
  width: 247px;
  height: 237px;
  position: absolute;
  top: 189px;
  left: -232px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .soc_p1 {
    display: none;
  }
}

.soc_p2 {
  background: url(../images/parallax/soc_p2.png) no-repeat center center;
  width: 214px;
  height: 229px;
  position: absolute;
  top: 191px;
  left: -90px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .soc_p2 {
    display: none;
  }
}

.soc_p3 {
  background: url(../images/parallax/soc_p3.png) no-repeat center center;
  width: 137px;
  height: 151px;
  position: absolute;
  top: -2px;
  right: -167px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .soc_p3 {
    display: none;
  }
}

.e_cat_top {
  width: 100%;
  min-height: 687px;
  background: url(../images/e_cat_top.jpg) no-repeat center bottom;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  padding-top: 49px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .e_cat_top {
    min-height: 553px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .e_cat_top {
    min-height: 553px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .e_cat_top {
    min-height: 600px;
  }
}
.e_cat_top h1 {
  font-size: 36px;
  font-family: "RobotoBold";
  line-height: 50px;
  letter-spacing: 0.7px;
  width: 720px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .e_cat_top h1 {
    width: 530px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .e_cat_top h1 {
    width: 100%;
    display: block;
    font-size: 22px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .e_cat_top h1 {
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 30px;
  }
}

.e_cat_zak_block {
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
  margin-top: 16px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .e_cat_zak_block {
    display: block;
    margin-left: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .e_cat_zak_block {
    display: block;
    margin-left: 0;
  }
}
.e_cat_zak_block_title {
  font-size: 16px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .e_cat_zak_block_title {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .e_cat_zak_block_title {
    margin-bottom: 15px;
  }
}

.e_cat_zadacha {
  margin-top: 26px;
}
.e_cat_zadacha h2 {
  font-size: 16px;
  font-family: "RobotoBold";
  line-height: 35px;
}
.e_cat_zadacha p {
  font-size: 18px;
  line-height: 22px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .e_cat_zadacha p {
    font-size: 16px;
  }
}

a.e_cat_btn {
  margin-top: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  a.e_cat_btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  a.e_cat_btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  a.e_cat_btn {
    margin-top: 30px;
  }
}

.e_cat_devices {
  width: 664px;
  height: 397px;
  position: absolute;
  top: 174px;
  right: 35px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .e_cat_devices {
    width: 100%;
    position: relative;
    top: 0px;
    right: 0px;
    margin-top: 30px;
    margin-bottom: 40px;
    height: auto;
  }
  .e_cat_devices img {
    max-width: 100%;
  }
}

.e_cat_p1 {
  background: url(../images/parallax/e_cat_p1.png) no-repeat center center;
  width: 254px;
  height: 260px;
  position: absolute;
  top: 76px;
  left: -460px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .e_cat_p1 {
    display: none;
  }
}

.e_cat_p2 {
  background: url(../images/parallax/e_cat_p2.png) no-repeat center center;
  width: 421px;
  height: 383px;
  position: absolute;
  bottom: -191px;
  left: -370px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .e_cat_p2 {
    display: none;
  }
}

.e_cat_p3 {
  background: url(../images/parallax/e_cat_p3.png) no-repeat center center;
  width: 267px;
  height: 314px;
  position: absolute;
  top: 5px;
  right: -282px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .e_cat_p3 {
    display: none;
  }
}

.e_cat_p4 {
  background: url(../images/parallax/e_cat_p4.png) no-repeat center center;
  width: 314px;
  height: 285px;
  position: absolute;
  bottom: -90px;
  right: -531px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .e_cat_p4 {
    display: none;
  }
}

.e_cat_p5 {
  background: url(../images/parallax/e_cat_p5.png) no-repeat center center;
  width: 267px;
  height: 276px;
  position: absolute;
  bottom: -228px;
  right: -184px;
  z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
  .e_cat_p5 {
    display: none;
  }
}

.e_cat_two {
  background: #262E38;
  min-height: 100px;
  width: 100%;
  padding-bottom: 38px;
}
.e_cat_two h2 {
  font-size: 30px;
  color: #fff;
  background: #A843A0;
  padding: 10px 15px;
  background: #A843A0;
  padding: 13px 20px;
  display: inline-block;
  font-family: "RobotoBold";
  position: relative;
  top: -46px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .e_cat_two h2 {
    font-size: 20px;
  }
}

.e_cat_list {
  margin-top: -26px;
}
.e_cat_list li {
  background: url(../images/icon/e_cat_list.png) no-repeat 0% 20%;
  padding-left: 30px;
  font-size: 21px;
  line-height: 35px;
  font-family: "RobotoBold";
  color: #fff;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .e_cat_list li {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .e_cat_list li {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 15px;
  }
}

.e_cat_content {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.e_cat_content p {
  font-size: 17px;
  line-height: 26px;
  color: #2d323a;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .e_cat_content p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .e_cat_content p {
    font-size: 14px;
    line-height: 22px;
  }
}

.short_keys_sect_ecat {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.short_keys_sect_ecat .short_keys_title {
  color: #2d323a;
  margin-left: 0;
}
