@import url(fonts.css);
.clearfix {
  clear: both;
  display: block; }

.container {
  width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.clearfix:before,
.container:before,
header:before,
section:before,
footer:before {
  content: "";
  display: table;
  clear: both; }

.clearfix:after,
.container:after,
header:after,
section:after,
footer:after {
  clear: both;
  display: table;
  content: ""; }

header,
section,
footer,
nav {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  display: block;
  position: relative;
  min-width: 1200px; }

div, section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.btn {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  outline: none; }
  .btn.red {
    background-color: #f52430;
    font-family: "MuseoSansRegular", open-sans;
    color: #fff;
    border: none; }
    .btn.red:hover {
      background-color: #f5393d; }
    .btn.red:active {
      background-color: #f5002a; }
  .btn.red-bordered {
    border: 3px solid #f42818;
    background-color: transparent;
    font: 17px "MuseoSansMedium", open-sans;
    color: #fff; }
    .btn.red-bordered:hover {
      background-color: #f42818; }
    .btn.red-bordered:active {
      background-color: #e30039;
      border-color: #e30039; }
  .btn.blue-bordered {
    border: 3px solid #0e43c9;
    background-color: transparent;
    font: 18px "MuseoSansMedium", open-sans;
    color: #393636; }
    .btn.blue-bordered:hover {
      background-color: #0e43c9;
      color: #fff; }
    .btn.blue-bordered:active {
      background-color: #0e3c86;
      border-color: #0e3c86; }
  .btn.blue-rgba {
    display: block;
    font: 18px "MuseoSansLight", open-sans;
    color: #fff;
    border: none;
    background-color: rgba(0, 44, 212, 0.75); }
    .btn.blue-rgba:hover {
      background-color: rgba(0, 44, 212, 0.85); }
    .btn.blue-rgba:active {
      background-color: rgba(0, 44, 212, 0.95); }
  .btn.btn-faq {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    font: 16px "MuseoSansBold", open-sans;
    color: #717279;
    line-height: 50px;
    background-color: transparent;
    background: url("../images/faq-btn-img.png") no-repeat top 50% right 25px;
    width: 295px;
    height: 50px;
    border: 3px solid #fff;
    border-radius: 30px;
    padding-left: 60px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 30px; }
    .btn.btn-faq:hover {
      background-color: #fff; }
    .btn.btn-faq:active {
      background-color: #717279;
      color: #fff; }
  .btn.blue {
    background-color: #001bde;
    font: 18px "MuseoSansLight", open-sans;
    color: #fff;
    border: none; }
    .btn.blue:hover {
      background-color: #001bca; }
    .btn.blue:active {
      background-color: #000f83; }
  .btn.modal-btn {
    margin: 0 auto 30px auto;
    font: 17px "MuseoSansMedium", open-sans;
    color: #000;
    display: block;
    width: 345px;
    height: 60px; }

#body-wrapper {
  width: 100%;
  min-width: 1200px;
  overflow: hidden; }

header {
  padding: 25px 0 30px 0; }
  header.fixed {
    margin-bottom: 45px; }
  header .logo {
    margin-left: 10px;
    float: left; }
  header .contact-items {
    float: right;
    list-style-type: none; }
    header .contact-items li {
      float: left; }
      header .contact-items li:before {
        display: block;
        float: left;
        content: "";
        margin-right: 20px; }
      header .contact-items li:first-child {
        padding-right: 60px;
        position: relative;
        top: -2px; }
        header .contact-items li:first-child:before {
          width: 28px;
          height: 38px;
          background: url("../images/header-phone-icon.png") no-repeat center;
          -webkit-background-size: contain;
          background-size: contain;
          position: relative;
          top: 5px; }
      header .contact-items li.red-line {
        border-right: 2px solid #f41825; }
      header .contact-items li.grey-line {
        border-right: 1px solid #e9e9e9; }
      header .contact-items li:last-child {
        padding: 0 25px 0 60px; }
        header .contact-items li:last-child:before {
          width: 32px;
          height: 38px;
          background: url("../images/header-engineer-icon.png") no-repeat center;
          -webkit-background-size: contain;
          background-size: contain; }
      header .contact-items li .phone {
        display: inline-block;
        font: 22px "MuseoSansLight", open-sans;
        color: #717279;
        text-decoration: none;
        transition: 0.5s; }
		 header .contact-items li .email {
        display: inline-block;
        font: 19px "MuseoSansLight", open-sans;
        color: #717279;
        text-decoration: none;
        transition: 0.5s; }
        header .contact-items li .phone .bold {
          font-family: "MuseoSansBold", open-sans; }
		   header .contact-items li .email .bold {
          font-family: "MuseoSansBold", open-sans; }
        header .contact-items li .phone:hover {
          color: #000; }
      header .contact-items li .order-call-modal {
        font: 15px "MuseoSansRegular", open-sans;
        color: #717279;
        text-decoration: none;
        border-bottom: 1px dashed #717279;
        transition: 0.5s; }
        header .contact-items li .order-call-modal:hover {
          color: #000; }
      header .contact-items li .order-call-engineer-modal {
        font: 14px "MuseoSansBold", open-sans;
        color: #717279;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 1.5;
        transition: 0.5s; }
        header .contact-items li .order-call-engineer-modal:hover {
          color: #000; }

nav {
  width: 100%;
  min-width: 1200px;
  background-color: #f7f7f7;
  height: 45px;
  max-width: 10000px;
  position: relative;
  z-index: 2; }
  nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000; }
  nav #main-nav {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    nav #main-nav li {
      display: block;
      float: left; }
      nav #main-nav li:last-child a:after {
        width: 0; }
      nav #main-nav li a {
        display: block;
        text-decoration: none;
        font: 13px "MuseoSansMedium", open-sans;
        color: #161616;
        line-height: 45px;
        padding-left: 40px;
        text-transform: uppercase;
        transition: 0.5s; }
        nav #main-nav li a:hover {
          background-color: #fff; }
        nav #main-nav li a:after {
          display: block;
          float: right;
          content: "";
          width: 1px;
          height: 20px;
          margin-top: 12px;
          background-color: #f67880;
          margin-left: 40px; }
  nav .tip {
    width: 509px;
    height: 56px;
    position: absolute;
    bottom: -54px;
    right: 0; }
    nav .tip a {
      display: block;
      float: left;
      font: 14px "MuseoSansMedium", open-sans;
      color: #fff;
      text-decoration: none;
      line-height: 22px;
      transition: 0.2s; }
      nav .tip a:before {
        display: block;
        float: left;
        content: "";
        -webkit-background-size: contain;
        background-size: contain;
        margin-right: 15px; }
      nav .tip a:hover {
        color: #ababab; }
      nav .tip a:first-child {
        margin: 12px 30px 0 55px; }
        nav .tip a:first-child:before {
          width: 15px;
          height: 22px;
          background: url("../images/calc-cost-icon.png") no-repeat center; }
      nav .tip a:last-child {
        margin: 12px 0 0 0; }
        nav .tip a:last-child:before {
          width: 21px;
          height: 21px;
          background: url("../images/price-list-icon.png") no-repeat center; }
    nav .tip.dev-buildings {
      background: url("../images/dev-buildings-main-tip-bg.png") no-repeat center;
      -webkit-background-size: contain;
      background-size: contain; }
    nav .tip.dev-systems {
      background: url("../images/dev-systems-main-tip-bg.png") no-repeat center;
      -webkit-background-size: contain;
      background-size: contain; }

#main-screen.main-page .top {
  padding: 170px 0 40px 0; }
#main-screen.main-page .section-title {
  text-align: center;
  font: 44px "MuseoSansRegular", open-sans;
  color: #fff;
  line-height: 1.4; }
#main-screen.main-page .title-descr {
  font: 18px "MuseoSansRegular", open-sans;
  color: #fff;
  margin: 45px 0 125px 0;
  text-transform: uppercase;
  display: block;
  text-align: center; }
#main-screen.main-page .chose-direction {
  font: 17px "MuseoSansBold", open-sans;
  color: #fff;
  text-transform: uppercase;
  display: block;
  border-left: 5px solid #f41825;
  padding-left: 12px; }
#main-screen.main-page .bottom {
  margin-top: 6px;
  width: 100%;
  overflow: hidden; }
  #main-screen.main-page .bottom .container {
    width: 585px; }
  #main-screen.main-page .bottom .left, #main-screen.main-page .bottom .right {
    -webkit-background-size: cover;
    background-size: cover;
    width: 50%;
    float: left;
    position: relative;
    height: 192px; }
    #main-screen.main-page .bottom .left:hover .fade, #main-screen.main-page .bottom .right:hover .fade {
      opacity: 0.8; }
    #main-screen.main-page .bottom .left .fade, #main-screen.main-page .bottom .right .fade {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      top: 0;
      background-color: #000000;
      opacity: 0.6;
      transition: 0.2s; }
    #main-screen.main-page .bottom .left a, #main-screen.main-page .bottom .right a {
      color: #fff;
      font: 20px "MuseoSansLight", open-sans;
      display: inline-block;
      text-decoration: underline;
      text-decoration-style: dashed;
      line-height: 1.2;
      position: relative;
      z-index: 2; }
      #main-screen.main-page .bottom .left a .bold, #main-screen.main-page .bottom .right a .bold {
        font-family: "MuseoSansBold", open-sans; }
      #main-screen.main-page .bottom .left a:before, #main-screen.main-page .bottom .right a:before {
        display: block;
        float: left;
        margin-right: 30px;
        content: "";
        -webkit-background-size: auto;
        background-size: auto; }
  #main-screen.main-page .bottom .left {
    background: url("../images/develop-systems-bg.jpg") no-repeat top 0 right 3px; }
    #main-screen.main-page .bottom .left .fade {
      right: 3px; }
    #main-screen.main-page .bottom .left .container {
      float: right;
      padding: 70px 0 40px 35px; }
      #main-screen.main-page .bottom .left .container a:before {
        width: 74px;
        height: 75px;
        background: url("../images/develop-systems-img.png") no-repeat center; }
  #main-screen.main-page .bottom .right {
    background: url("../images/develop-buildings-bg.jpg") no-repeat top 0 left 3px; }
    #main-screen.main-page .bottom .right .fade {
      left: 3px; }
    #main-screen.main-page .bottom .right .container {
      float: left;
      padding: 70px 0 40px 75px; }
      #main-screen.main-page .bottom .right .container a:before {
        width: 46px;
        height: 72px;
        background: url("../images/develop-buildings-img.png") no-repeat center; }
#main-screen.dev-buildings .section-title {
  margin: 120px 0 60px 0;
  font: 40px "MuseoSansLight", open-sans;
  color: #fff;
  text-align: center;
  line-height: 1.2; }
#main-screen.dev-buildings .list {
  display: block;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  #main-screen.dev-buildings .list li {
    font: 18px "MuseoSansLight", open-sans;
    color: #fff;
    display: inline-block;
    width: 315px;
    padding: 35px 0;
    margin-right: 15px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid rgba(255, 255, 255, 0.3); }
    #main-screen.dev-buildings .list li:nth-child(3n) {
      margin-right: 0; }
#main-screen.dev-buildings .title-descr {
  font: 19px "MuseoSansLight", open-sans;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  margin: 55px 0 45px 0;
  line-height: 1.7; }
  #main-screen.dev-buildings .title-descr .bold {
    font-family: "MuseoSansBold", open-sans;
    text-transform: uppercase; }
#main-screen.dev-buildings .btn {
  width: 385px;
  height: 56px;
  margin: 0 auto 75px auto;
  display: block; }
#main-screen.dev-systems .section-title {
  margin: 110px 0 20px 0;
  font: 44px "MuseoSansLight", open-sans;
  color: #fff;
  text-align: center;
  line-height: 1.2; }
#main-screen.dev-systems .list {
  display: block;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  #main-screen.dev-systems .list li {
    font: 18px "MuseoSansLight", open-sans;
    color: #fff;
    display: inline-block;
    width: 315px;
    padding: 130px 0 30px 0;
    margin-right: 15px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center 25px;
    border: 2px solid rgba(255, 255, 255, 0.3); }
    #main-screen.dev-systems .list li:nth-child(3n) {
      margin-right: 0; }
    #main-screen.dev-systems .list li:first-child {
      background-image: url("../images/dev-systems-main1.png"); }
    #main-screen.dev-systems .list li:nth-child(2) {
      background-image: url("../images/dev-systems-main2.png"); }
    #main-screen.dev-systems .list li:last-child {
      background-image: url("../images/dev-systems-main3.png"); }
#main-screen.dev-systems .title-descr {
  font: 22px "MuseoSansLight", open-sans;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 55px 0;
  line-height: 1.2; }
  #main-screen.dev-systems .title-descr .bold {
    font-family: "MuseoSansBold", open-sans;
    text-transform: uppercase; }
#main-screen.dev-systems .btn {
  width: 385px;
  height: 56px;
  margin: 35px auto 75px auto;
  display: block; }

#our-works {
  padding: 75px 0; }
  #our-works .section-title {
    font: 26px "MuseoSansBold", open-sans;
    color: #717279;
    text-align: center;
    margin-bottom: 65px; }
  #our-works .slider-wrapper {
    width: 920px;
    margin-left: auto;
    margin-right: auto; }
    #our-works .slider-wrapper .slider {
      list-style-type: none; }
      #our-works .slider-wrapper .slider .images-wrapper {
        float: left;
        width: 375px; }
        #our-works .slider-wrapper .slider .images-wrapper a {
          display: block;
          margin-right: 5px;
          float: left; }
          #our-works .slider-wrapper .slider .images-wrapper a:last-child, #our-works .slider-wrapper .slider .images-wrapper a:first-child {
            margin-right: 0; }
        #our-works .slider-wrapper .slider .images-wrapper img.big {
          width: 375px !important;
          height: 235px;
          margin-bottom: 5px; }
        #our-works .slider-wrapper .slider .images-wrapper img.small {
          width: 90px;
          height: 55px;
          float: left; }
      #our-works .slider-wrapper .slider .obg-name {
        font: 22px "MuseoSansMedium", open-sans;
        color: #717279;
        display: block;
        padding-left: 425px; }
      #our-works .slider-wrapper .slider .task, #our-works .slider-wrapper .slider .done {
        font: 16px "MuseoSansThin", open-sans;
        color: #717279;
        display: block;
        margin-top: 30px;
        padding-left: 425px; }
      #our-works .slider-wrapper .slider .task .bold {
        display: block;
        font: 20px "MuseoSansMedium", open-sans;
        color: #012ada;
        margin-bottom: 10px; }
      #our-works .slider-wrapper .slider .done .bold {
        display: block;
        font: 20px "MuseoSansMedium", open-sans;
        color: #f41825; }

#reviews {
  background: url("../images/reviews-bg.jpg") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 70px 0; }
  #reviews .section-title {
    font: 26px "MuseoSansBold", open-sans;
    text-align: center;
    color: #717279;
    margin-bottom: 80px; }
  #reviews .slider-wrapper {
    width: 920px;
    margin-left: auto;
    margin-right: auto; }
    #reviews .slider-wrapper .slider {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      #reviews .slider-wrapper .slider img {
        width: 210px;
        height: auto;
        float: left; }
      #reviews .slider-wrapper .slider .name {
        font: 22px "MuseoSansMedium", open-sans;
        color: #717279;
        display: block;
        padding-left: 250px; }
      #reviews .slider-wrapper .slider .posada {
        font: 15px "MuseoSansBold", open-sans;
        color: #0640d3;
        display: block;
        margin-top: 10px;
        padding-left: 250px; }
      #reviews .slider-wrapper .slider .text {
        display: block;
        margin-top: 20px;
        font: 16px "MuseoSansLight", open-sans;
        color: #717279;
        padding-left: 250px;
        line-height: 1.3; }
  #reviews .btn {
    width: 335px;
    height: 60px;
    display: block;
    margin: 50px auto 0 auto; }

#success {
  padding: 90px 0 180px 0;
  background: url("../images/succes-bg.jpg") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover; }
  #success .section-title {
    font: 26px "MuseoSansBold", open-sans;
    color: #484848;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.4; }
  #success .succes-items {
    list-style-type: none;
    margin: 65px 0 0 110px;
    padding: 0; }
    #success .succes-items li {
      display: block;
      position: relative; }
      #success .succes-items li .digit {
        display: block;
        width: 282px;
        height: 156px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-background-size: contain;
        background-size: contain;
        padding: 35px 0 0 65px;
        font: 60px "MuseoSansLight", open-sans;
        color: #fff; }
      #success .succes-items li .text {
        font: 17px "MuseoSansLight", open-sans;
        color: #484848;
        padding-left: 360px;
        line-height: 1.4;
        margin-top: 25px; }
        #success .succes-items li .text .blue {
          font-family: "MuseoSansBold", open-sans;
          color: #002cd4; }
      #success .succes-items li:nth-child(1) .digit {
        background: url("../images/succes1.png") no-repeat center; }
      #success .succes-items li:nth-child(2) {
        top: -10px; }
        #success .succes-items li:nth-child(2) .digit {
          background: url("../images/succes2.png") no-repeat center;
          padding-top: 45px; }
      #success .succes-items li:nth-child(3) {
        top: -15px; }
        #success .succes-items li:nth-child(3) .digit {
          background: url("../images/succes3.png") no-repeat center;
          padding-top: 45px; }
  #success .wrapper {
    width: 1010px;
    height: 330px;
    background-color: #fff;
    border-top: 5px solid #002cd4;
    position: absolute;
    z-index: 2;
    bottom: -385px;
    left: 50%;
    margin-left: -505px;
    -webkit-box-shadow: -4px 0px 9px 0px rgba(0, 0, 0, 0.2), 4px 0px 9px 0px rgba(0, 0, 0, 0.2), 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -4px 0px 9px 0px rgba(0, 0, 0, 0.2), 4px 0px 9px 0px rgba(0, 0, 0, 0.2), 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -4px 0px 9px 0px rgba(0, 0, 0, 0.2), 4px 0px 9px 0px rgba(0, 0, 0, 0.2), 0px 4px 9px 0px rgba(0, 0, 0, 0.2); }
    #success .wrapper .title {
      font: 24px "MuseoSansLight", open-sans;
      color: #717279;
      text-align: center;
      margin: 40px 0 35px 0; }
      #success .wrapper .title .bold {
        font-family: "MuseoSansBold", open-sans; }
    #success .wrapper .descr {
      display: block;
      text-align: center;
      font: 15px "MuseoSansLight", open-sans;
      color: #bfbfbf;
      margin-bottom: 70px; }
    #success .wrapper .book {
      position: absolute;
      z-index: 1;
      bottom: -70px;
      left: 50%;
      margin-left: -194px; }
    #success .wrapper .btn {
      width: 435px;
      height: 64px;
      position: relative;
      z-index: 2;
      margin: auto; }

#economy {
  padding: 315px 0 90px 0; }
  #economy .section-title-wrapper {
    padding-left: 50px;
    float: left;
    margin-top: 20px; }
    #economy .section-title-wrapper .descr {
      font: 18px "MuseoSansLight", open-sans;
      color: #717279;
      display: block; }
    #economy .section-title-wrapper .section-title {
      font: 32px "MuseoSansBold", open-sans;
      color: #717279;
      line-height: 1.2;
      margin: 10px 0 20px 0; }
  #economy .economy-text {
    font: 17px "MuseoSansLight", open-sans;
    color: #717279;
    line-height: 1.6;
    float: right;
    padding-right: 50px;
    margin: 0; }
    #economy .economy-text .grey {
      font-family: "MuseoSansBold", open-sans; }
    #economy .economy-text .red {
      font-family: "MuseoSansBold", open-sans;
      color: #f6414c; }
    #economy .economy-text .blue {
      font-family: "MuseoSansBold", open-sans;
      color: #002cd4; }
  #economy .bottom {
    position: relative; }
    #economy .bottom .title {
      font: 20px "MuseoSansLight", open-sans;
      color: #717279;
      text-align: right;
      display: block;
      padding-right: 145px;
      margin-top: 60px; }
    #economy .bottom .money {
      position: absolute;
      left: -20px;
      top: 80px; }
    #economy .bottom table {
      width: 825px;
      float: right;
      margin-right: 50px; }
      #economy .bottom table tr:first-child td {
        font: 14px "MuseoSansMedium", open-sans;
        color: #fff;
        background-color: #717279; }
      #economy .bottom table tr:nth-child(2n) td {
        background-color: #f9f9f9; }
      #economy .bottom table tr td {
        vertical-align: middle;
        font: 15px "MuseoSansBold", open-sans;
        color: #717279;
        padding: 8px 0;
        width: 150px; }
        #economy .bottom table tr td:first-child {
          padding-left: 125px;
          font-family: "MuseoSansLight", open-sans; }
        #economy .bottom table tr td input {
          display: none; }
        #economy .bottom table tr td input + label {
          cursor: pointer;
          display: inline-block;
          width: 15px;
          height: 15px;
          content: "";
          background-color: #fff;
          border: 1px solid #ccc;
          position: relative;
          top: 3px;
          margin-right: 10px;
          cursor: pointer; }
        #economy .bottom table tr td input:checked + label {
          content: "";
          background-color: #f23a27;
          border: 1px solid #ccc; }
      #economy .bottom table tr td:not(:first-child) {
        text-align: center; }
    #economy .bottom .bottom-wrapper {
      display: block;
      float: right;
      margin-right: 50px;
      margin-top: 50px; }
      #economy .bottom .bottom-wrapper * {
        float: right; }
      #economy .bottom .bottom-wrapper .btn {
        width: 345px;
        height: 56px;
        margin-left: 45px; }

#benefits {
  padding: 85px 0 30px 0; }
  #benefits .title-wrapper {
    float: left;
    width: 381px;
    height: 400px;
    background: url("../images/benefits-title-wrapper-bg.jpg") no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    padding-top: 10px;
    padding-left: 75px; }
    #benefits .title-wrapper .section-title {
      font-size: 42px;
      color: #717279;
      text-transform: uppercase;
      margin-bottom: 23px; }
    #benefits .title-wrapper .descr {
      font: 16px "MuseoSansBold", open-sans;
      color: #717279;
      text-transform: uppercase;
      line-height: 1.4; }
  #benefits .right {
    padding-right: 50px;
    float: right;
    width: 735px;
    height: 317px; }
    #benefits .right .text {
      font: 17px "MuseoSansLight", open-sans;
      color: #717279;
      line-height: 1.4; }
      #benefits .right .text .blue {
        text-transform: uppercase;
        font-family: "MuseoSansBold", open-sans;
        color: #1347ca; }
      #benefits .right .text .red {
        text-transform: uppercase;
        font-family: "MuseoSansBold", open-sans;
        color: #f52813; }
      #benefits .right .text .grey {
        text-transform: uppercase;
        font-family: "MuseoSansBold", open-sans; }
    #benefits .right .btn {
      width: 480px;
      height: 56px;
      margin-top: 60px;
      display: block;
      text-decoration: none;
      text-align: center;
      line-height: 56px; }

#calc-cost {
  padding: 100px 0 75px 0; }
  #calc-cost .section-title {
    text-align: center;
    font: 26px "MuseoSansBold", open-sans;
    color: #fff; }
  #calc-cost .form-wrapper {
    position: relative;
    display: block;
    width: 1100px;
    border: 5px solid #fff;
    border-top: none;
    margin: 65px auto 0 auto;
    padding-bottom: 30px; }
    #calc-cost .form-wrapper:before, #calc-cost .form-wrapper:after {
      display: block;
      content: "";
      width: 175px;
      height: 5px;
      background-color: #fff;
      position: absolute;
      top: 0; }
    #calc-cost .form-wrapper:before {
      left: 0; }
    #calc-cost .form-wrapper:after {
      right: 0; }
    #calc-cost .form-wrapper .form-title {
      font: 17px "MuseoSansLight", open-sans;
      color: #fff;
      text-align: center;
      padding: 0 210px;
      position: relative;
      top: -17px; }
    #calc-cost .form-wrapper .left {
      float: left;
      width: 305px;
      margin-left: 50px; }
    #calc-cost .form-wrapper .center {
      float: left;
      width: 325px;
      margin-left: 35px; }
    #calc-cost .form-wrapper .right {
      float: left;
      width: 305px;
      margin-left: 30px; }
    #calc-cost .form-wrapper .block-title {
      font: 20px "MuseoSansBold", open-sans;
      color: #fff;
      display: block; }
      #calc-cost .form-wrapper .block-title.margin {
        margin-top: 40px; }
      #calc-cost .form-wrapper .block-title:after {
        display: block;
        content: "";
        width: 32px;
        height: 3px;
        background-color: #f41825;
        margin: 10px 0 20px 0; }
    #calc-cost .form-wrapper input[name="square"], #calc-cost .form-wrapper select {
      display: block;
      width: 100%;
      height: 36px;
      margin-bottom: 4px;
      font: 15px "MuseoSansLight", open-sans;
      color: #b0b0b2;
      padding-left: 15px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      transition: 0.2s; }
      #calc-cost .form-wrapper input[name="square"]:focus, #calc-cost .form-wrapper select:focus {
        color: #000; }
    #calc-cost .form-wrapper input[name="file"] {
      display: none; }
    #calc-cost .form-wrapper label[for="input-file"] {
      display: block;
      margin-left: 20px;
      font: 16px "MuseoSansMedium", open-sans;
      color: #fff;
      line-height: 32px;
      text-decoration: underline;
      cursor: pointer;
      margin-top: 15px; }
      #calc-cost .form-wrapper label[for="input-file"]:before {
        display: block;
        content: "";
        width: 32px;
        height: 32px;
        background: url("../images/file-icon.png") no-repeat center;
        background-size: contain;
        float: left;
        margin-right: 18px; }
    #calc-cost .form-wrapper .descr {
      display: block;
      margin-top: 20px;
      font: 13px "MuseoSansLight", open-sans;
      color: #fff;
      line-height: 1.3; }
    #calc-cost .form-wrapper input[type="checkbox"] {
      display: none; }
    #calc-cost .form-wrapper input[type="checkbox"] + label {
      font: 15px "MuseoSansLight", open-sans;
      color: #fff;
      line-height: 20px;
      display: block;
      padding-left: 40px;
      margin-bottom: 20px;
      cursor: pointer; }
      #calc-cost .form-wrapper input[type="checkbox"] + label:before {
        display: block;
        content: "";
        width: 20px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #eaeaea;
        float: left;
        margin-left: -40px; }
    #calc-cost .form-wrapper input[type="checkbox"]:checked + label:before {
      background-color: #f23a27; }
    #calc-cost .form-wrapper textarea {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font: 15px "MuseoSansLight", open-sans;
      color: #b0afaf;
      padding: 15px;
      transition: 0.2s; }
      #calc-cost .form-wrapper textarea:focus {
        color: #000; }
    #calc-cost .form-wrapper .btn {
      display: block;
      width: 100%;
      height: 65px;
      margin-top: 25px; }

#services {
  background-color: #fff; }
  #services .container {
    padding: 0 65px; }
    #services .container .services-list li .img-wrapper img {
      width: 100%;
      height: 100%;
      display: block;
      opacity: 1;
      transition: 0.5s; }
    #services .container .services-list li:hover .img-wrapper img {
      opacity: 0; }
  #services .top {
    padding-bottom: 20px; }
    #services .top .section-title {
      font: 28px "MuseoSansBold", open-sans;
      color: #717279;
      text-align: center;
      margin: 80px 0 75px 0; }
    #services .top .service-title {
      text-align: center;
      padding: 20px 0;
      background-color: #0c4ac9;
      font: 22px "MuseoSansBold", open-sans;
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 35px; }
    #services .top .services-list {
      margin: 0;
      padding: 0; }
      #services .top .services-list li {
        display: block;
        float: left;
        margin-right: 74px;
        min-height: 315px;
        margin-bottom: 35px;
        cursor: default; }
        #services .top .services-list li:nth-child(4n) {
          margin-right: 0; }
        #services .top .services-list li .img-wrapper {
          width: 212px;
          height: 212px;
          display: block;
          margin-bottom: 25px;
          transition: 0.4s; }
        #services .top .services-list li:nth-child(1) .img-wrapper {
          background: url("../images/services1.jpg") no-repeat center; }
        #services .top .services-list li:nth-child(2) .img-wrapper {
          background: url("../images/services2.jpg") no-repeat center; }
        #services .top .services-list li:nth-child(3) .img-wrapper {
          background: url("../images/services3.jpg") no-repeat center; }
        #services .top .services-list li:nth-child(4) .img-wrapper {
          background: url("../images/services4.jpg") no-repeat center; }
        #services .top .services-list li:nth-child(5) .img-wrapper {
          background: url("../images/services5.jpg") no-repeat center; }
        #services .top .services-list li:nth-child(6) .img-wrapper {
          background: url("../images/services6.jpg") no-repeat center; }
        #services .top .services-list li:nth-child(7) .img-wrapper {
          background: url("../images/services7.jpg") no-repeat center; }
        #services .top .services-list li:nth-child(8) .img-wrapper {
          background: url("../images/services8.jpg") no-repeat center; }
        #services .top .services-list li .text {
          font: 16px "MuseoSansLight", open-sans;
          color: #444444;
          display: block; }
          #services .top .services-list li .text .red {
            font-family: "MuseoSansBold", open-sans;
            color: #fe3621; }
  #services .bottom {
    background-color: #f9f9f9;
    padding: 80px 0 70px 0; }
    #services .bottom .services-list {
      padding: 0;
      margin: 0; }
      #services .bottom .services-list li {
        display: block;
        width: 499px;
        cursor: default; }
        #services .bottom .services-list li .service-title {
          text-align: center;
          padding: 20px 0;
          background-color: #0c4ac9;
          font: 22px "MuseoSansBold", open-sans;
          color: #fff;
          text-transform: uppercase;
          margin: 3px 0 15px 0; }
        #services .bottom .services-list li .text {
          font: 16px "MuseoSansLight", open-sans;
          color: #717279;
          display: block;
          line-height: 1.3; }
        #services .bottom .services-list li:first-child {
          float: left; }
          #services .bottom .services-list li:first-child .img-wrapper {
            display: block;
            width: 100%;
            height: 202px;
            background: url("../images/services9.jpg") no-repeat center;
            -webkit-background-size: contain;
            background-size: contain; }
        #services .bottom .services-list li:last-child {
          float: right; }
          #services .bottom .services-list li:last-child .img-wrapper {
            display: block;
            width: 100%;
            height: 202px;
            background: url("../images/services10.jpg") no-repeat center;
            -webkit-background-size: contain;
            background-size: contain; }

#etaps {
  background-color: #fff;
  padding: 100px 0 90px 0; }
  #etaps .container {
    padding: 0 65px; }
  #etaps .section-title {
    float: left;
    width: 50%;
    font-family: "MuseoSansLight", open-sans;
    color: #717279; }
  #etaps .etap-items {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    #etaps .etap-items:after {
      clear: both;
      display: table;
      content: ""; }
    #etaps .etap-items li {
      float: left;
      width: 50%;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 260px;
      padding-bottom: 35px;
      position: relative;
      transition: 0.5s;
      cursor: default; }
      #etaps .etap-items li:before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-left: 15px solid #fff;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        position: absolute;
        left: 0;
        top: 45px; }
      #etaps .etap-items li .img-icon {
        position: absolute;
        top: -28px;
        transition: 0.5s;
        background-clip: padding-box;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 8px solid transparent; }
      #etaps .etap-items li:nth-child(2n+1) {
        padding-left: 60px; }
        #etaps .etap-items li:nth-child(2n+1) .img-icon {
          right: 0; }
      #etaps .etap-items li:nth-child(2n) {
        padding-right: 15px;
        padding-left: 50px; }
        #etaps .etap-items li:nth-child(2n) .img-icon {
          right: 15px; }
      #etaps .etap-items li .title {
        font: 22px "MuseoSansMedium", open-sans;
        color: #717279;
        display: block;
        margin-top: 35px;
        transition: 0.5s; }
        #etaps .etap-items li .title:before {
          display: block;
          float: left;
          font: 66px "MuseoSansLight", open-sans;
          color: #ececec;
          line-height: 1;
          position: relative;
          top: -4px;
          padding-bottom: 3px;
          border-bottom: 2px solid #ececec;
          margin-right: 35px;
          transition: 0.5s; }
      #etaps .etap-items li .text {
        font: 17px "MuseoSansLight", open-sans;
        color: #717279;
        margin-top: 30px;
        display: block;
        transition: 0.5s; }
      #etaps .etap-items li:nth-child(1) .title:before {
        content: "1"; }
      #etaps .etap-items li:nth-child(2) .title:before {
        content: "2"; }
      #etaps .etap-items li:nth-child(3) .title:before {
        content: "3"; }
      #etaps .etap-items li:nth-child(4) .title:before {
        content: "4"; }
      #etaps .etap-items li:nth-child(5) .title:before {
        content: "5"; }
      #etaps .etap-items li:hover {
        background-color: #1547c5; }
        #etaps .etap-items li:hover .title {
          color: #fff; }
          #etaps .etap-items li:hover .title:before {
            color: #fff;
            border-color: #ff0000; }
        #etaps .etap-items li:hover .text {
          color: #fff; }
        #etaps .etap-items li:hover .img-icon {
          border: 8px solid rgba(255, 255, 255, 0.11); }

#turnkey-systems {
  margin-top: 15px;
  background-color: #fff;
  overflow: hidden; }
  #turnkey-systems .container {
    height: 1105px;
    background: url("../images/turnkey-systems-bg.png") no-repeat;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: top 0 right 380px;
    padding-top: 75px; }
    #turnkey-systems .container:before {
      display: block;
      content: "";
      background-color: #f9f9f9;
      width: 5000px;
      position: absolute;
      height: 100%;
      top: 0;
      left: -5000px; }
  #turnkey-systems .title-wrapper {
    position: absolute;
    left: 50px;
    top: 425px; }
  #turnkey-systems .section-title {
    font: 26px "MuseoSansBold", open-sans;
    color: #717279;
    margin: 0 0 25px 0; }
  #turnkey-systems .title-descr {
    font: 18px "MuseoSansLight", open-sans;
    color: #717279;
    margin: 0; }
  #turnkey-systems .turnkey-system-items {
    list-style-type: none;
    padding: 0; }
    #turnkey-systems .turnkey-system-items li {
      display: block;
      min-height: 125px; }
      #turnkey-systems .turnkey-system-items li * {
        transition: 0.5s; }
        #turnkey-systems .turnkey-system-items li *:not(a) {
          cursor: default; }
      #turnkey-systems .turnkey-system-items li .digit {
        display: block;
        float: left;
        font: 100px "MuseoSansThin", open-sans;
        color: #fff;
        margin-right: 45px;
        line-height: 105px; }
      #turnkey-systems .turnkey-system-items li img {
        display: block;
        float: left; }
      #turnkey-systems .turnkey-system-items li .title, #turnkey-systems .turnkey-system-items li .text {
        display: block;
        padding-left: 260px; }
      #turnkey-systems .turnkey-system-items li .title {
        font: 18px "MuseoSansBold", open-sans;
        color: #6d6e74;
        margin-bottom: 10px; }
      #turnkey-systems .turnkey-system-items li .text {
        font: 16px "MuseoSansLight", open-sans;
        color: #6d6e74;
        margin-bottom: 10px; }
      #turnkey-systems .turnkey-system-items li a {
        display: block;
        padding-left: 260px;
        font: 16px "MuseoSansMedium", open-sans;
        color: #cacaca;
        text-decoration: underline; }
        #turnkey-systems .turnkey-system-items li a:hover {
          color: #002cd4; }
      #turnkey-systems .turnkey-system-items li:nth-child(1) {
        padding-left: 335px; }
        #turnkey-systems .turnkey-system-items li:nth-child(1) .title {
          padding-top: 8px; }
      #turnkey-systems .turnkey-system-items li:nth-child(2) {
        padding-left: 494px;
        margin-top: 40px; }
      #turnkey-systems .turnkey-system-items li:nth-child(3) {
        padding-left: 652px;
        margin-top: 27px; }
      #turnkey-systems .turnkey-system-items li:nth-child(4) {
        padding-left: 490px;
        margin-top: 37px; }
        #turnkey-systems .turnkey-system-items li:nth-child(4) .title {
          padding-top: 14px; }
      #turnkey-systems .turnkey-system-items li:nth-child(5) {
        padding-left: 333px;
        margin-top: 35px; }
        #turnkey-systems .turnkey-system-items li:nth-child(5) .title {
          padding-top: 5px; }
      #turnkey-systems .turnkey-system-items li:nth-child(6) {
        padding-left: 174px;
        margin-top: 35px; }
      #turnkey-systems .turnkey-system-items li:hover .digit {
        color: #002cd4; }

.get-screen {
  padding: 110px 0 100px 0;
  -webkit-background-size: cover;
  background-size: cover; }
  .get-screen .title-descr {
    text-align: center;
    font: 18px "MuseoSansRegular", open-sans;
    color: #fff;
    line-height: 1.2; }
  .get-screen .section-title {
    text-align: center;
    font: 26px "MuseoSansBold", open-sans;
    color: #fff;
    line-height: 1.2;
    margin: 20px 0;
    text-transform: uppercase; }
  .get-screen form {
    margin-top: 45px; }
    .get-screen form input {
      width: 470px;
      height: 40px;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0 auto 12px auto;
      background: transparent;
      border: 1px solid #fff;
      padding-left: 35px;
      color: #fff;
      font: 16px "MuseoSansLight", open-sans; }
    .get-screen form .btn {
      display: block;
      width: 470px;
      height: 60px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 17px;
      margin: 25px auto 0 auto; }

#we-work {
  padding: 65px 0 40px 0;
  background-color: #fff;
  margin: 15px auto;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3; }
  #we-work .section-title {
    font: 28px "MuseoSansBold", open-sans;
    color: #717279;
    text-align: center;
    margin-bottom: 65px; }
  #we-work .building-types {
    list-style-type: none;
    padding: 0 50px;
    width: 930px;
    margin: 0 auto; }
    #we-work .building-types li {
      display: block;
      float: left;
      width: 195px;
      margin-right: 50px;
      min-height: 270px;
      margin-bottom: 20px; }
      #we-work .building-types li:nth-child(4n) {
        margin-right: 0; }
      #we-work .building-types li:nth-child(1) .img {
        background-image: url("../images/we-work1.png"); }
      #we-work .building-types li:nth-child(2) .img {
        background-image: url("../images/we-work2.png"); }
      #we-work .building-types li:nth-child(3) .img {
        background-image: url("../images/we-work3.png"); }
      #we-work .building-types li:nth-child(4) .img {
        background-image: url("../images/we-work4.png"); }
      #we-work .building-types li:nth-child(5) .img {
        background-image: url("../images/we-work5.png"); }
      #we-work .building-types li:nth-child(6) .img {
        background-image: url("../images/we-work6.png"); }
      #we-work .building-types li:nth-child(7) .img {
        background-image: url("../images/we-work7.png"); }
      #we-work .building-types li:nth-child(8) .img {
        background-image: url("../images/we-work8.png"); }
      #we-work .building-types li .img {
        display: block;
        width: 100%;
        height: 195px;
        border: 1px solid #f3f3f3;
        background-position: center center;
        -webkit-background-size: auto;
        background-size: auto;
        background-repeat: no-repeat; }
      #we-work .building-types li .text {
        position: relative;
        display: block;
        text-align: center;
        font: 16px "MuseoSansMedium", open-sans;
        color: #717279;
        margin-top: 20px; }

#license {
  padding: 130px 0 115px 0;
  background: url("../images/license-bg.png") no-repeat bottom 0 left 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto; }
  #license .license-img {
    float: left;
    position: relative;
    margin-left: 115px;
    z-index: 2; }
  #license .title {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    z-index: 1;
    width: 655px;
    padding: 60px 0 50px 200px;
    border-top: 6px solid #154acf;
    border-left: 6px solid #154acf;
    font: 34px "MuseoSansLight", open-sans;
    color: #717279;
    margin-left: -65px;
    margin-top: 35px; }
    #license .title .bold {
      font-family: "MuseoSansBold", open-sans; }
    #license .title:before {
      display: block;
      content: "";
      width: 140px;
      height: 6px;
      background-color: #154acf;
      position: absolute;
      bottom: 0;
      left: 0; }
    #license .title:after {
      display: block;
      content: "";
      width: 6px;
      height: 40px;
      background-color: #154acf;
      position: absolute;
      top: 0;
      right: 0; }
  #license .descr {
    font: 18px "MuseoSansBold", open-sans;
    color: #717279;
    display: block;
    position: relative;
    float: left;
    width: 335px;
    padding-left: 120px;
    line-height: 55px;
    height: 55px;
    background-color: #f9f9f9;
    margin-left: -25px; }
    #license .descr:after {
      display: block;
      content: "";
      border-top: 55px solid #f9f9f9;
      border-right: 10px solid transparent;
      position: absolute;
      top: 0;
      right: -10px; }

#trust {
  padding: 90px 0; }
  #trust .section-title {
    font: 24px "MuseoSansBold", open-sans;
    color: #717279;
    text-align: center;
    margin-bottom: 135px; }
  #trust .trust-list {
    padding: 0;
    width: 1140px;
    margin: 0 auto 75px auto;
    list-style-type: none; }
    #trust .trust-list li {
      display: block;
      float: left;
      width: 370px;
      height: 230px;
      border: 1px solid #f5f5f5;
      margin-right: 15px;
      position: relative;
      padding: 55px 0 0 55px;
      box-sizing: border-box;
      text-align: center; }
      #trust .trust-list li:last-child {
        margin-right: 0; }
      #trust .trust-list li .text {
        font: 17px "MuseoSansLight", open-sans;
        color: #717279;
        text-align: left; }
        #trust .trust-list li .text .title {
          font: 24px "MuseoSansBold", open-sans;
          color: #0640d3; }
      #trust .trust-list li img {
        position: absolute;
        right: 40px;
        top: -55px; }
      #trust .trust-list li .more {
        text-decoration: underline;
        font: 16px "MuseoSansBold", open-sans;
        color: #65666c;
        display: block;
        text-align: left;
        transition: 0.2s; }
        #trust .trust-list li .more:hover {
          color: #37373a; }
  #trust .clients-title {
    font: 24px "MuseoSansBold", open-sans;
    color: #717279;
    padding-left: 50px;
    float: left;
    line-height: 85px;
    margin: 0; }
  #trust .clients-logos img {
    float: right;
    width: 160px;
    height: 85px;
    margin-right: 10px; }
    #trust .clients-logos img:first-child {
      margin-right: 50px; }

#faq {
  background-color: #fff;
  padding: 80px 0 90px 0; }
  #faq .section-title {
    font: 28px "MuseoSansBold", open-sans;
    color: #717279;
    text-align: center;
    margin-bottom: 65px; }
  #faq .faq-list {
    list-style-type: none;
    padding: 0 50px;
    margin: 0; }
    #faq .faq-list .item {
      margin-bottom: 15px; }
      #faq .faq-list .item .question-wrapper, #faq .faq-list .item .answer-wrapper {
        background-color: #f8f8f8; }
      #faq .faq-list .item .question-wrapper {
        position: relative;
        padding: 40px 0; }
        #faq .faq-list .item .question-wrapper:before {
          display: block;
          content: "?";
          width: 42px;
          height: 46px;
          font: 35px "MuseoSansMedium", open-sans;
          color: #fff;
          line-height: 46px;
          text-align: center;
          background-color: #001bde;
          position: absolute;
          left: -15px;
          top: 50%;
          margin-top: -23px; }
        #faq .faq-list .item .question-wrapper .text {
          display: block;
          font: 17px "MuseoSansLight", open-sans;
          color: #717279;
          padding-left: 80px;
          max-width: 650px; }
          #faq .faq-list .item .question-wrapper .text .bold {
            font: 22px "MuseoSansBold", open-sans; }
      #faq .faq-list .item .answer-wrapper {
        height: 0;
        padding-bottom: 15px;
        visibility: hidden;
        overflow: hidden; }
        #faq .faq-list .item .answer-wrapper.active {
          height: auto;
          visibility: visible; }
        #faq .faq-list .item .answer-wrapper .text {
          display: block;
          font: 17px "MuseoSansLight", open-sans;
          color: #717279;
          padding-left: 80px;
          max-width: 650px; }
          #faq .faq-list .item .answer-wrapper .text .bold {
            font: 22px "MuseoSansBold", open-sans; }

#dont-find {
  padding: 115px 0 100px 0; }
  #dont-find .section-title {
    font: 28px "MuseoSansBold", open-sans;
    color: #fff;
    text-align: center; }
  #dont-find .descr {
    font: 18px "MuseoSansLight", open-sans;
    color: #fff;
    text-align: center;
    margin: 25px 0; }
  #dont-find .phone {
    display: block;
    text-align: center; }
    #dont-find .phone a {
      text-decoration: none;
      font: 30px "MuseoSansBold", open-sans;
      color: #fff; }
  #dont-find .btn {
    width: 385px;
    height: 56px;
    margin: 35px auto 0 auto;
    display: block; }

#map {
  padding-bottom: 45px;
  background-color: #fff;
  margin-top: 15px; }
  #map #map-wrapper {
    width: 100%;
    height: 435px;
    position: absolute;
    z-index: 1; }
  #map .contacts-wrapper {
    width: 434px;
    position: relative;
    z-index: 2;
    background: url("../images/contacts-wrapper-bg.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 60px 15px 45px 100px; }
    #map .contacts-wrapper .title {
      font: 26px "MuseoSansMedium", open-sans;
      color: #fff; }
    #map .contacts-wrapper .contacts-list {
      margin-top: 60px;
      padding: 0;
      list-style-type: none; }
      #map .contacts-wrapper .contacts-list li {
        margin-bottom: 30px; }
        #map .contacts-wrapper .contacts-list li .name, #map .contacts-wrapper .contacts-list li .text {
          display: block;
          color: #fff; }
        #map .contacts-wrapper .contacts-list li .name {
          font: 17px "MuseoSansBold", open-sans;
          margin-bottom: 8px; }
        #map .contacts-wrapper .contacts-list li .text {
          font: 17px "MuseoSansLight", open-sans; }
        #map .contacts-wrapper .contacts-list li:last-child {
          margin-top: 70px; }
        #map .contacts-wrapper .contacts-list li a {
          text-decoration: none;
          color: #fff;
          transition: 0.2s; }
          #map .contacts-wrapper .contacts-list li a:hover {
            color: #6673c0; }

.modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11111;
  display: none; }
  .modal-wrapper .modal-fade {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.8); }
  .modal-wrapper .modal-body {
    position: absolute;
    display: none;
    z-index: 11112;
    background-color: #fff;
    padding: 35px 0 25px 0;
    width: 390px;
    left: 50%;
    margin-left: -195px;
    top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.25), -1px 0px 5px 0px rgba(0, 0, 0, 0.25), 0px -1px 5px 0px rgba(0, 0, 0, 0.25), 0px 1px 5px 0px rgba(0, 0, 0, 0.25); }
  .modal-wrapper .close-modal-btn {
    display: block;
    position: absolute;
    width: 17px;
    height: 17px;
    background: url("../images/close-modal.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    top: 10px;
    right: 10px;
    opacity: 0.7;
    transition: 0.3s;
    cursor: pointer; }
    .modal-wrapper .close-modal-btn:hover {
      opacity: 1; }
  .modal-wrapper .top-descr, .modal-wrapper .modal-title, .modal-wrapper .title-descr, .modal-wrapper .bottom-descr {
    display: block;
    text-align: center; }
  .modal-wrapper .top-descr {
    font: 16px "MuseoSansLight", open-sans;
    color: #b0b0b0;
    margin-bottom: 17px; }
  .modal-wrapper .modal-title {
    font: 23px "MuseoSansBold", open-sans;
    color: #001bde;
    margin-bottom: 20px; }
  .modal-wrapper .title-descr {
    font: 16px "MuseoSansLight", open-sans;
    color: #000;
    margin-bottom: 35px; }
  .modal-wrapper .bottom-descr {
    font: 14px "MuseoSansLight", open-sans;
    color: #b9b9b9; }
  .modal-wrapper input {
    width: 345px;
    height: 42px;
    display: block;
    margin: 0 auto 12px auto;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    font: 16px "MuseoSansLight", open-sans;
    color: #a7a7a7; }
    .modal-wrapper input[type="file"] {
      display: none; }
  .modal-wrapper textarea {
    display: block;
    width: 345px;
    height: 100px;
    margin: 0 auto 12px auto;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 15px;
    font: 16px "MuseoSansLight", open-sans;
    color: #a7a7a7; }
  .modal-wrapper .thanks {
    height: 206px;
    top: 50%;
    margin-top: -103px;
    padding-top: 75px; }
    .modal-wrapper .thanks .thanks-title {
      font: 22px "MuseoSansBold", open-sans;
      color: #f42818;
      display: block;
      text-align: center; }
    .modal-wrapper .thanks .thanks-descr {
      display: block;
      text-align: center;
      font: 16px "MuseoSansLight", open-sans;
      color: #000;
      margin-top: 20px; }

.hidden {
  opacity: 0; }

.visible {
  opacity: 1; }

/*# sourceMappingURL=style.css.map */