@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?81207649");
  src: url("../fonts/fontello.eot?81207649#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?81207649") format("woff2"), url("../fonts/fontello.woff?81207649") format("woff"), url("../fonts/fontello.ttf?81207649") format("truetype"), url("../fonts/fontello.svg?81207649#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

div,a,button{outline:0}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before {
  content: '\e802'; }

.icon-vk:before {
  content: '\e803'; }

.icon-twitter:before {
  content: '\e804'; }

@font-face {
  font-family: 'akrobatbold';
  src: url("../fonts/akrobat-bold-webfont.eot");
  src: url("../fonts/akrobat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/akrobat-bold-webfont.woff2") format("woff2"), url("../fonts/akrobat-bold-webfont.woff") format("woff"), url("../fonts/akrobat-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'akrobatextrabold';
  src: url("../fonts/akrobat-extrabold-webfont.eot");
  src: url("../fonts/akrobat-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/akrobat-extrabold-webfont.woff2") format("woff2"), url("../fonts/akrobat-extrabold-webfont.woff") format("woff"), url("../fonts/akrobat-extrabold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'akrobatsemibold';
  src: url("../fonts/akrobat-semibold-webfont.eot");
  src: url("../fonts/akrobat-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/akrobat-semibold-webfont.woff2") format("woff2"), url("../fonts/akrobat-semibold-webfont.woff") format("woff"), url("../fonts/akrobat-semibold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'akrobatblack';
  src: url("../fonts/akrobat_black-webfont.woff2") format("woff2"), url("../fonts/akrobat_black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

h1, h2, h3, h4, h5 {
  margin: 0; }

.title {
  font-family: 'akrobatsemibold';
  text-align: center;
  font-size: 54px;
  text-transform: uppercase; }

body {
  background: #fff;
  color: #2e2e2e;
  font-family: 'akrobatsemibold'; }

.header {
  border-bottom: 1px solid #e1e2e3;
  padding-bottom: 34px; }

.index {
  background: url(../img/bg-top.jpg) center 0 no-repeat; }
  .index .header {
    border-bottom: 0;
    padding-bottom: 0; }
  .index .header .similar-top {
    background: none; }
    .index .header .similar-top .inner {
      border-bottom: 1px solid #595d65; }

.social {
  font-size: 16px; }

.header .similar-top {
  background: #f7f7f7; }
  .header .similar-top a {
    color: #0c101b; 
    outline: none;
    }
  .header .similar-top .btn {
    color: #fff; }
    .header .similar-top .btn:hover {
      color: #1faa91; }

.header .similar-top .btn:focus{
	color: #fff !important; 
    background: #1faa91 !important;
}      


      

.similar {
  font-size: 14px; }
  .similar .logo {
    font-size: 51px;
    font-family: 'akrobatsemibold';
    padding-left: 80px;
    position: relative;
    text-decoration: none;
    color: #0c101b; }
    .similar .logo:before {
      content: '';
      display: block;
      position: absolute;
      width: 66px;
      height: 66px;
      left: 0;
      top: 5px;
      background: url(../img/logo-inner.png) 0 0 no-repeat; }
    .similar .logo span {
      text-transform: uppercase;
      font-family: 'akrobatbold'; }

.tel {
  font-size: 23px;
  font-family: 'akrobatbold'; }
  .tel a {
    display: inline-block;
    padding-left: 28px;
    position: relative; }
    .tel a:before {
      content: '';
      display: block;
      position: absolute;
      width: 14px;
      height: 18px;
      left: 0;
      top: 7px;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAMAAABcgh8DAAAAaVBMVEUAAAAMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBuy+8p4AAAAInRSTlMAd+L47c7CtR4U6OXdmYyARCsP1sjHqaajbWVOTDUoEQsGNxAtRQAAAHNJREFUGNNVzkcWhCAURNEPCDaGNnQOptr/IlU4ZXizO6gPIr7M3UWYtwDcRFZY+5M28EPqVck2LhZltbAUyBvZUkAqe72Bbg9+A+rAxsTD7HpeDwVQtl65xze4BqAzLP34WOzOeSzhZ0zgk/e6103bapwBMP4K5CuDLkAAAAAASUVORK5CYII="); }

.mail {
  font-size: 18px;
  line-height: 15px;
  font-family: 'akrobatbold'; }
  .mail a {
    display: inline-block;
    text-decoration: none;
    padding-left: 33px;
    position: relative; }
    .mail a span {
      border-bottom: 1px solid #abb0bb;
      line-height: 18px;
      display: inline-block; }
    .mail a:before {
      content: '';
      display: block;
      position: absolute;
      width: 20px;
      height: 13px;
      left: 0;
      top: 5px;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAAAe1BMVEUAAAAMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBsMEBuKnDSiAAAAKXRSTlMA8O9SYrtr6FZIIPWuqZ7cxL61WU4dyZePXjwnGBXRz6SHeXQtKAwEAwLma0sAAACHSURBVBjTXchXDoMwFAXRa+DZuNI7pLf9rzBylCjY8zPSwWaSqLqDETwL4kUF7RA1aojedXvahlKAZZLk32bK2wSMQ5nrz3h9Q8484nWslafVFg98cT1dWkoBSTm36oPTTA2g7Hg2C9BWUjKI0t3hS5unn3KVgLaIGjSomNKg5tCjo4SFlcsbi3EG+7oXPQwAAAAASUVORK5CYII="); }

.similar-top {
  margin-bottom: 35px; }
  .similar-top .inner {
    padding: 22px 38px 22px 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid transparent; }
    .similar-top .inner > .inner-fix {
      display: inline-block; }

.index .header a, .index .footer a {
  color: #dee2ed; }
  .index .header a:hover, .index .footer a:hover, .index .header a.active, .index .footer a.active {
    color: #fff; }
  .index .header .main-nav ul li a:after {
      background: #dee2ed; }

.index .header .tel a:before, .index .footer .tel a:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAMAAABcgh8DAAAAZlBMVEUAAADe4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+0z7swPAAAAIXRSTlMAd+zi+ObOwrUeFN2ZjIBEKwvWyMeppqNtZU5MNSgRDwYjEun6AAAAcUlEQVQY01XORxaEIBRE0U8QbLQNnaNa+9+kCKcMb3YH9UEk1IU/CQsOgJ/IBktf0iW+SLNIr+MqqmiFlVGdrCmglK2/hel3fgJqx87mw+x8XA8VUI9B+ds7uQVgNGIfPpa7cp7T/IxNvPPe73ExrulnB1UKg8vDPVgAAAAASUVORK5CYII="); }

.index .header .mail a:before, .index .footer .mail a:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAAAeFBMVEUAAADe4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+0sKb71AAAAKHRSTlMA8FJiu2tI6FYg9a6pntzEvrVeWR3Jl49OPCcYFdHPpId5dC0oDAQDGqltfgAAAIZJREFUGNNdyFcOwyAUBdGL8wDT3MDd6W3/O4ywEsVmfkY6WAxLqgOM5IddvKigHZJ6Ddm6sKWlKyVYI0j8baRcMDAOZW4/4/Ud+Yp4n2oVabbFE1+cz9eBMkBQzq1asRnJA8r2FzMBQyUEgyzdA7HMv+KUqyS0RVKnQUWT7fLHFoFYUjl9ADwnBmtuGrxaAAAAAElFTkSuQmCC"); }

.index .header .logo:before {
  background: url(../img/logo.png) 0 0 no-repeat; }

.footer {
  color: #dee2ed;
  background: url(../img/bg-footer.jpg) 0 0 no-repeat;
  background-size: cover;
  margin-bottom: 0; }
  .footer .logo {
    color: #dee2ed; }
    .footer .logo:before {
      background: url(../img/logo.png) 0 0 no-repeat; }
  .footer .tel a:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAMAAABcgh8DAAAAZlBMVEUAAADe4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+0z7swPAAAAIXRSTlMAd+zi+ObOwrUeFN2ZjIBEKwvWyMeppqNtZU5MNSgRDwYjEun6AAAAcUlEQVQY01XORxaEIBRE0U8QbLQNnaNa+9+kCKcMb3YH9UEk1IU/CQsOgJ/IBktf0iW+SLNIr+MqqmiFlVGdrCmglK2/hel3fgJqx87mw+x8XA8VUI9B+ds7uQVgNGIfPpa7cp7T/IxNvPPe73ExrulnB1UKg8vDPVgAAAAASUVORK5CYII="); }
  .footer .mail a:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAAAeFBMVEUAAADe4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+0sKb71AAAAKHRSTlMA8FJiu2tI6FYg9a6pntzEvrVeWR3Jl49OPCcYFdHPpId5dC0oDAQDGqltfgAAAIZJREFUGNNdyFcOwyAUBdGL8wDT3MDd6W3/O4ywEsVmfkY6WAxLqgOM5IddvKigHZJ6Ddm6sKWlKyVYI0j8baRcMDAOZW4/4/Ud+Yp4n2oVabbFE1+cz9eBMkBQzq1asRnJA8r2FzMBQyUEgyzdA7HMv+KUqyS0RVKnQUWT7fLHFoFYUjl9ADwnBmtuGrxaAAAAAElFTkSuQmCC"); }
  .footer a {
    color: #dee2ed; }
    .footer a:hover {
      color: #fff; }
  .footer .btn:hover, .footer .btn:focus {
    color: #1faa91; }
  .footer .mail:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAAAeFBMVEUAAADe4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+3e4+0sKb71AAAAKHRSTlMA8FJiu2tI6FYg9a6pntzEvrVeWR3Jl49OPCcYFdHPpId5dC0oDAQDGqltfgAAAIZJREFUGNNdyFcOwyAUBdGL8wDT3MDd6W3/O4ywEsVmfkY6WAxLqgOM5IddvKigHZJ6Ddm6sKWlKyVYI0j8baRcMDAOZW4/4/Ud+Yp4n2oVabbFE1+cz9eBMkBQzq1asRnJA8r2FzMBQyUEgyzdA7HMv+KUqyS0RVKnQUWT7fLHFoFYUjl9ADwnBmtuGrxaAAAAAElFTkSuQmCC"); }
  .footer .similar-top .inner {
    padding-top: 32px;
    margin-bottom: 0;
    border-bottom: 0; }
  .footer .main-nav ul {
    max-width: 100%;
    margin-left: 8%; }
    .footer .main-nav ul li {
      font-size: 14px; }
      .footer .main-nav ul li a {
        color: #dee2ed; }
        .footer .main-nav ul li a:after {
          background: #dee2ed; }
        .footer .main-nav ul li a:hover, .footer .main-nav ul li a:focus, .footer .main-nav ul li a.active {
          color: #fff; }
  .footer div[class^="col-"]:last-child {
    text-align: right; }
    .footer div[class^="col-"]:last-child span {
      display: inline-block;
      margin-right: 8%; }
  .footer .similar-btm {
    background: #0e1720;
    padding: 33px 0 40px 0; }

.btn {
  background: #1faa91;
  font-size: 12px;
  font-family: 'akrobatextrabold';
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid #1faa91;
  color: #fff;
  padding: 11px 25px; }
  .btn:hover, .btn:focus {
      outline: 0 !important;
    color: #1faa91 !important;
    background: #fff; }

.log-box {
  text-transform: uppercase;
  font-family: 'akrobatbold';
  font-size: 14px; }
  .log-box span {
    display: inline-block;
    padding-left: 20px;
    position: relative; }

.main-nav {
  position: relative; }
  .main-nav ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 80%;
    margin: 0 auto;
    font-family: 'akrobatextrabold'; }
    .main-nav ul li {
      display: block;
      font-size: 16px;
      text-transform: uppercase; }
      .main-nav ul li a {
        /* color: #dee2ed; */
        color: #0c101b;
        display: block;
        position: relative; }
        .main-nav ul li a:after {
          content: '';
          display: block;
          position: absolute;
          width: 18px;
          height: 2px;
          background-color: #0c101b;
          bottom: -5px;
          left: 0;
          display: none; }
        .main-nav ul li a:hover,
        .main-nav ul li a.active{
          color: #000;
          text-decoration: none; }
          .main-nav ul li a:hover:after,
          .main-nav ul li a.active:after{
            display: block; }

.hero-title {
  margin-top: 145px;
  margin-bottom: 200px;
  padding-left: 65px;
  padding-right: 110px;
  color: #fff; }
  .hero-title h1 {
    color: #fff;
    width: 50%;
    float: right;
    font-size: 83px;
    line-height: 70px;
    text-transform: uppercase;
    text-align: right;
    font-family: 'akrobatbold'; }
    .hero-title h1 span {
      display: block;
      font-size: 49px; }

.short {
  clear: both;
  font-size: 18px;
  line-height: 33px;
  color: #2e2e2e;
  max-width: 60%; }
  .short strong {
    display: block;
    margin-bottom: 12px;
    font-weight: normal;
    background: url(../img/title.png) 0 0 no-repeat;
    width: 381px;
    height: 113px;
    font-size: 48px;
    color: #fff;
    line-height: 120px;
    padding-left: 56px;
    margin-left: -56px; }

.benefits {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .benefits li {
    display: block;
    font-family: 'akrobatbold';
    font-size: 16px;
    width: 160px;
    line-height: 19px;
    text-transform: uppercase;
    text-align: center;
    position: relative; }
    .benefits li:before {
      content: '';
      display: block;
      position: absolute;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #1faa91; }
    .benefits li:after {
      content: '';
      display: block;
      position: absolute;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #6d6d6d; }
    .benefits li:first-child:before {
      left: 20px;
      top: 0; }
    .benefits li:first-child:after {
      right: 10px;
      top: 70px; }
    .benefits li:first-child span:after {
      content: '';
      display: block;
      width: 57px;
      height: 39px;
      position: absolute;
      top: 50px;
      left: 50%;
      margin-left: -28px;
      z-index: 2;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAnCAMAAACCGhBcAAAAk1BMVEUAAAAtNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUKJwWNXAAAAMHRSTlMA6wT5Me/juj312M1USdHEo56afng1LBAMCObdyKppZF4fs5WKTyXfj4BvRRwXEoMx99UJAAAB2UlEQVRIx7WV13aCQBBAh947SBFRLGjUmP3/rws761GKG9eH3AcdHu40xiNQ8kPkV1V9Mkv4DNMgDCXsPhJdiTywszdFknAVN939QSMD/Bb4XCNWZJnSsW4BPmj20sJgxxcX/qNAWAC4GK1MuTgEmGLBE/OAPNkDhCiW2IxD45RnfjHHYp8m2LROBsgGs3DEb+w1OGRNxaaS6MTyfRCaz+CYF43uvqMFlD5ygCbQC0Ay5Q/TfexPPvaRBDW9AHcwScwzadoIV6X3UQV7fIu4UA/flssxs4pWuvTRj0IHBlPBd5t4hxOehJMDB7xR6dSs0PgCOSYjDJ6Z+WSAtABo67Eayy9Fb0mGNNDTGWM1eSWuJTLASln6W3okSK3jb2098+SEXY5Ts4m8531sTmH0cykuuCTNm4jFfRfbtjTPSaOWr5rCvdnjq79umbjDg/n7rJ0rgNypakvHUVmLCs7Gp4xZX4uzYeu6baTf96VqG3hDwVp7rPIosS8P3tL6ZI6jggCqPRO3LQixnoqrXEwso6kZgRiqNDV1VbTZGRsxcz83EyFR3s3N/f/V5M/537uVw6kZyiCGOSkqZSDKeSQqDYiTWk/ROsMn4H8pEnjwGTc3cnTdid0cOPwCquqFLedQI84AAAAASUVORK5CYII="); }
    .benefits li:nth-child(2):before {
      left: 0px;
      top: 35px; }
    .benefits li:nth-child(2):after {
      right: 20px;
      top: 0px; }
    .benefits li:nth-child(2) span:after {
      content: '';
      display: block;
      width: 32px;
      height: 42px;
      position: absolute;
      top: 50px;
      left: 50%;
      margin-left: -16px;
      z-index: 2;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAqCAMAAADlP6mgAAAAilBMVEUAAAAtNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUIQ7AUHAAAALXRSTlMA8IeVj+kF5O4h+sx+hWn0JBwVEg3hopldNgnRUkne17OqdDwvyK9kQinFw1n0I6IfAAABhUlEQVQ4y8XU2ZaCMAwG4KAsyiKLgMCIKOA6k/d/vUlaoTKncDv/BcrJx6GhPYGdYyzE2YGFi9mAsQw8Bt56NmbEwIeFMFj9F4gepb0AKtNC91XOgxw5VjSCeDsEODXKrAcQOJt3rEsKYHtU9Oni2RJELqocAXb0k8MV8esN9idVd0tIHMQwvn++og/MITXAikpBxeqp7eIZIjpVgFzRgguViphUliiw56TAebiInlA7GIGfWZSGGgD7SqWuQ+5RAtUmdwW8+BuwqmEESSbBmd5Ff8NtIZQCUK4PlFUMIBZvs+q12/2keyf1SZmgBbyL95gVt9gV6R/Q8UpJyRZrFy9TYH9T6VGyqkB88nAKCtEJqyNIYExASpvqRkehtEAunlWvBdEG0UpbcQy0IODFJwapWA8OfAzogi3ogUnP3lzEppoBgTq1euDLem7PgVYciQJgCtQAKQ3M2hRUfALDCPJ58/oiAU4crEU8CWRyGGOfcYwxjsHXB2gUsIZB2tSg8nNSg/QXDcFUsK3GY8EAAAAASUVORK5CYII="); }
    .benefits li:nth-child(3):before {
      left: 50px;
      top: -10px; }
    .benefits li:nth-child(3):after {
      left: 20px;
      top: 80px; }
    .benefits li:nth-child(3) span:after {
      content: '';
      display: block;
      width: 34px;
      height: 42px;
      position: absolute;
      top: 50px;
      left: 50%;
      margin-left: -17px;
      z-index: 2;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAqCAMAAADhynmdAAAAgVBMVEUAAAAtNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUKgV9zHAAAAKnRSTlMA8wPul+qhFq1CLBH65eDUzGEeysWdenZKvwyoTieKgzcz17hW2WpZO2s/0WEfAAABk0lEQVQ4y5VUWZaDIBBECCIal0SNcYvZk/H+B5xSExHReW/qw6abEspeJBqqNGQsTCuyhkvefpBflhl31o5g9yXGcdsCcZpGnd0eTcaedwRJCaEyxpLvDYrdSfCGtdeJsucMF9cE4uuJAFe5M8oJ7+2Uu4N70hkUGoNC+QWOCaku1sLlM2mWLviNg7NpIEPgrSdFSVFijv+lnBE5TAMHBM4aRUCuMw04kCuIhgSlm4QESprAzg8+GK6RGOaO5WAqLXoFrvWwrq9m/gEvRNj/EZSKp49l6BEDLm8BniSDdRdb99GOeKw0r9hYA8HaCLKGOiuTpMxqY0PKiUPp5BOqD7mZZUkxopbLb5EjFZ/V1kcCi1B10wxFPAzCHeZGySL2fj8IJZ5nsoIn3m/IVSkx4fGuJ5g5d3pn8Y6SrlNStAiBIufPU3wSqbEzQZGRmNj6gJs/A7sfGIeu34Px8gKYmywWkitv2ArQfS9YiMpLO90o2GXu9xuvYcLXoKpXxWuEuBq/TTZOFHCrA2O94UHkNJIS4BdZoTr4Qap9OQAAAABJRU5ErkJggg=="); }
    .benefits li:nth-child(4):before {
      left: 0px;
      top: 50px; }
    .benefits li:nth-child(4):after {
      right: 20px;
      top: 80px; }
    .benefits li:nth-child(4) span:after {
      content: '';
      display: block;
      width: 29px;
      height: 42px;
      position: absolute;
      top: 50px;
      left: 50%;
      margin-left: -15px;
      z-index: 2;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAqCAMAAAB4MqAoAAAAVFBMVEUAAAAtNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNULxkT1uAAAAG3RSTlMA7/v36bGIeD7Xy6u+qINyZWFaLBAJgR4/3iBF65FsAAAAw0lEQVQ4y82U2w6CMBBE21JU7ndQz///p5tGBMGsD8aEeZrmNJN2d1uDpoNSa4HIbhUB1hpjBJ/MVmcQ9iP1n+gJfDAJFDtaQBJMBn5HJTALpgKuG3gBquAmB/mG5uDuZo6meYMNED995yC6rHMjcN28KhFcv2AtkHLZHCNK215s36SE3EVDwDif3hwBDmat0bHISaxCpbL7ZHzi2SXrpxq1G+nVyIDWrNWGbLULk95BtfuxPjnfpu5/066/soP+DCp9AKXmPGLIKYouAAAAAElFTkSuQmCC"); }
    .benefits li:last-child:before {
      left: 10px;
      top: 70px; }
    .benefits li:last-child:after {
      right: 50px;
      top: -10px; }
    .benefits li:last-child span:after {
      content: '';
      display: block;
      width: 46px;
      height: 40px;
      position: absolute;
      top: 50px;
      left: 50%;
      margin-left: -23px;
      z-index: 2;
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAoCAMAAAC2PjgYAAAAk1BMVEUAAAAtNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUKJwWNXAAAAMHRSTlMAzAwF16bjZfDrxvXgwJpuIxr53rtSTS0Q04Z+SUA0JwqfkYt1Wj4fFuXOthRdrV+zbOYMAAABfUlEQVQ4y72U13KDMBBFZWGB6SUG092wjVuy//91MWgnRA5IPOU8whm4s3tnyTTUt7yQzCWxAMCbKW8YdNxnye1h1durmKjZNQ70sK1a1mKLy26pxeyhCv3J5Q+D1GuAQm4HOg9d0NaLAMAMpPqzt/cBbUzMr/y6W5E4AyQ6y7P7J/oKPWBRIscHAUOhl5Gg6xeFz0DgoNAvjqDbG7m+dUFgrclk7Bcir3GYmyDiVprBjumoXFy58/MD50nKrnPNyEqP+GU7P2Ph87Rm42VoC5TBrQk59t25hLk9uqzd1xLlq98N4qHDutoZDs6mFOXTAhCGlY0NktygJzPeZAuQ6/CGetBjFun7iUAiFgxDyvgjbyvI5/sw4d/dPvHQFRFIbEB0X2h2HQEs/Pf1uwATVyLZc1kAJ5IlZBaHfotYCTUPZq7uFZlPGJL/J6WclGqIRKZ73XE+OnR9yVlIrrcBf9HbST0f0e3pg9PAgPqAlCaMcJvwqeUsX9wWIpn3DaqZXgVZkmilAAAAAElFTkSuQmCC')}
    .benefits li span {
      display: block;
      padding-top: 166px;
      position: relative; }
      .benefits li span:before {
        content: '';
        display: block;
        width: 138px;
        height: 138px;
        background: #fdfdfd;
        border: 16px solid #f7f7f7;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -69px;
        z-index: 1; }

.cards {
  background: url(../img/bg-cards.jpg) center 0 no-repeat #f7f7f7;
  padding-top: 230px; }

.card {
  margin-bottom: 100px; }
  .card h2 {
    text-transform: uppercase;
    font-size: 27px;
    line-height: 33px;
    margin: 15px 0 28px 0; }
  .card p {
    font-size: 18px;
    line-height: 25px;
    font-family: 'akrobatsemibold'; }
    .card p span {
      font-size: 16px;
      color: #747474; }
  .card.card-invert {
    text-align: right; }
    .card.card-invert .card-img span {
      left: auto;
      right: -20px; }
  .card:nth-child(3) .card-img span, .card:nth-child(4) .card-img span {
    background: rgba(101, 101, 101, 0.9); }
  .card:nth-child(5) .card-img span, .card:nth-child(6) .card-img span {
    background: rgba(23, 162, 137, 0.9); }
  .card:nth-child(7) .card-img span, .card:nth-child(8) .card-img span {
    background: rgba(23, 147, 162, 0.9); }
  .card:last-child {
    margin-bottom: 70px; }

.card-img {
  position: relative; }
  .card-img span {
    position: absolute;
    left: -20px;
    bottom: -32px;
    background: rgba(196, 60, 33, 0.9);
    width: 78px;
    height: 240px;
    color: #fff;
    text-align: center;
    font-size: 68px;
    line-height: 52px;
    font-family: 'akrobatbold';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 11px; }

.dev {
  background: url(../img/bg-dev.jpg) 0 0 no-repeat;
  min-height: 967px;
  padding-top: 190px;
  color: #dee2ed; }
  .dev h2, .dev h3 {
    font-size: 54px;
    text-transform: uppercase;
    margin-bottom: 85px; }

.dev-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 0; }
  .dev-list li {
    display: inline-block;
    font-family: 'akrobatbold';
    text-align: center;
    text-transform: uppercase;
    width: 200px;
    font-size: 16px;
    line-height: 19px;
    position: relative; }
    .dev-list li:before {
      content: '';
      display: block;
      width: 140px;
      height: 140px;
      background: rgba(222, 226, 237, 0.2);
      border-radius: 50%;
      top: 19px;
      left: 50%;
      margin-left: -70px;
      position: absolute; }
    .dev-list li:after {
      content: '';
      display: block;
      width: 170px;
      height: 170px;
      background: rgba(222, 226, 237, 0.4);
      border-radius: 50%;
      top: 5px;
      left: 50%;
      margin-left: -85px;
      position: absolute; }
    .dev-list li > i {
      display: block;
      position: absolute;
      width: 14px;
      height: 22px;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWBAMAAAAC47AUAAAAMFBMVEUAAACHjpuHjpuHjpuHjpuHjpuHjpuHjpuHjpuHjpuHjpuHjpuHjpuHjpuHjpuHjps52QIoAAAAD3RSTlMA9AV7jW+Dhl+SdWeV8pfoPGCDAAAAd0lEQVQI12NgSGcAA+b/BmA6//9nMG3//38BiOb6//8XWCDwP0QF63+oiniYgPz/bzCBBLAW+f/fQTS3/P8/ILr///9JQIrj/v+fCkC68f9/JxBX/v8XkOzG//+LQIr/A02BWPMARPv//6IAolX+O4ANZ5oD5gIAXWEzkXz1jRgAAAAASUVORK5CYII=");
      position: absolute;
      right: -40px;
      top: 70px; }
    .dev-list li > span {
      display: block;
      position: relative;
      padding-top: 205px; }
      .dev-list li > span:before {
        content: '';
        background: #dee2ed;
        width: 110px;
        height: 110px;
        border-radius: 50%;
        top: 34px;
        left: 50%;
        margin-left: -55px;
        position: absolute; }
    .dev-list li:first-child > span:after {
      content: '';
      display: block;
      position: absolute;
      width: 41px;
      height: 46px;
      left: 50%;
      top: 65px;
      margin-left: -20px;
      z-index: 1;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAuCAMAAACCu8B8AAAAjVBMVEUAAAAtNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUItNUIks6IoAAAALnRSTlMAq/pD9/JUA8+0S7qWUBANyZ96dSfb1JA45zQuIBwWwlg9Curk4olccVutqYVqsyOyDgAAAWxJREFUOMud0+12gjAMBuBai4jyOUG2MUB0blNn7v/ylrSrZ2iAnr0/tNjHNqGnYiD5rBJOedtCkTtCgKJxhBDuHWGJowlbLy0s29gNfgCsk5GtDfQ1RBqPw9DAMVr34AiNddcZjr5psF1rytWaZDTVNgYWuR/Qd8BRP6SptDQQX2hgChikFuIu07SofgsaLkDo9uXcPu4NZVZ9UkBp69su+q+XR2jrXFr66eGTF7GwmNFnWhsoCa5YeKxEpmkzAd8rrM3SiRWFpe11DL7S0FJg4UZvjbBPvYiFLwRtWle4OOAvKuK77kHFr8hDtbiHXwQPz/+CUkO+mekV3eHqEXoEd4JZsl9jpHgo6N5c76FciMfQNen+QI/gbuCCybwP1YmDyRH7aW7tDUOR49wysdBuzaWTAIGFiuBJ8NnhZCj8fVOtNvq63rrmzjwN11tPgk7WzZnEKEvoR0kmQCdzAZd0KFN3mZ5nkznj0fwAXfxgHPt84NcAAAAASUVORK5CYII="); }
    .dev-list li:nth-child(2) > span:after {
      content: '';
      display: block;
      position: absolute;
      width: 38px;
      height: 28px;
      left: 50%;
      top: 75px;
      margin-left: -19px;
      z-index: 1;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcBAMAAAD/8tBWAAAAMFBMVEUAAAAvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0T9iExaAAAAD3RSTlMARLt33RFmme4iM8yqiFWD/jkxAAABB0lEQVQoz23QsUrDUBgF4D81JhYFK066WBxcFVwcBJ0FMW6Cg75B8wYO4lzfwL6Bb6I+guDopImtVsrpOX+T0nJ7huS/3w3nJrG5LH8c9njbwW+mJb5IR0DZkuGgtmswfbeH2l7xstlFT1ZUFmFkdoU27a6sbA2nZgmGtCfcTmwFbzwHBS3VtmyyeTGgNdF349jisP/NwVgY2DPeA2ug7Xbjb98dySKuZTFyM7bL9Lgs1Rct4UemIlkT/5l1kMtUKLMTnB+jzNwiDN1SMGcmY+HAzT6B+8xNl0c3u9w2q2wVuUyZWoK/wPgzZNEGs1VbB7J1MEVt8QJL3Bq7zJ6bFwZnqDC0eMbGuwbBCw9YVa8AAAAASUVORK5CYII="); }
    .dev-list li:nth-child(3) > span:after {
      content: '';
      display: block;
      position: absolute;
      width: 39px;
      height: 41px;
      left: 50%;
      top: 70px;
      margin-left: -20px;
      z-index: 1;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAApCAMAAACBd8B3AAAAb1BMVEUAAAAvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0RfcfGWAAAAJHRSTlMAh2iIeA8dRCL0Yyy0JwP50LyANgni3K2gl5BzSzAU6dTMVFEHsh+pAAAA0UlEQVQ4y+3Vyw6CMBCF4Vqh0iKoXMQL4O28/zPakMCUSEcSdsZ/MQnJF8KwaIWItxqTHYNUULGGt5PjtmDKyWlgv57qbN2VnH1aialCAMHvuKSY5SqUauTSiCoG19phXNfcQOm6d8oO6boL3A5e9xy5zOtELqlajFyaVY1/X3ISKOe4lR2DUxsq8bvNDk7G45j/wr9v4fd9tNwlRnaZiHXxsIeOOGcw9OJce+/ZPuT3UFGXmrvv33WOP0/J8eczOf68D+00GaC/3R+BPhTqoeUbMVtgmY5yKiUAAAAASUVORK5CYII="); }
    .dev-list li:nth-child(4) > span:after {
      content: '';
      display: block;
      position: absolute;
      width: 34px;
      height: 45px;
      left: 50%;
      top: 70px;
      margin-left: -17px;
      z-index: 1;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAtCAMAAAD8z0klAAAAXVBMVEUAAAAvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QzNXYeAAAAHnRSTlMAw93iRCKq62kB8NGViiwW9+jTNSeAe2oqGw7e2CBvPzELAAAAuUlEQVQ4y83S6w6CMAyGYY4OGGyAnNXv/i/TCKGYZbWJ0ej7+0m2Ng3grzgHFGQD2QCoI7fVKHOQMHDDZiaRoOlEgjjlCZmbSHCZRYJoFgmuMsHbJNlribCFHqKLQgskBuK/IMZuxBqOGNXaB7GtmvykawCtAKXpmFwy4qnR/9AAauC+2++i54euNlG92ktFgiV5CZQ5Q8iQcMlhSDCEYkhyohKGZKCyr5IlpRaGOP2E1BFbvRKhT5E7kHFHgOhnxBQAAAAASUVORK5CYII="); }
    .dev-list li:nth-child(5) > span:after {
      content: '';
      display: block;
      position: absolute;
      width: 43px;
      height: 43px;
      left: 50%;
      top: 70px;
      margin-left: -21px;
      z-index: 1;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAAkFBMVEUAAAAvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0QvN0Syhi/yAAAAL3RSTlMAasUWBvnv9Q4DvRQKtNSunWbopmItIstbVUAz3dHBuNh3b0U5JuGShoJLHI18UfMdqIoAAAH9SURBVDjLhZRpg4IgEIbJC+/7XFOzsnvX///vdoZNg9ZkvgTDwzS8L0jewj1eFINu7e/aJZL4CsYpknqVtPbG+Io4XUN7xmyDxItxoEef2ZsOgF/dTdfM0xOMja9PqLmD5UB9znIFZ58OGMFiAegEb2F++8BCIZ1fS4E9WwtgXaV0HFuHlzqe/keU1TtRHcsIsnhwuvwd3UyyXgQ2hKYGSxPa+JkduL7XpWGSnNNBm7VSUNZLn/hdJmgYTyVoOPldQafNgCq5ooYLfn9DW0vW+4wy4pHz+wGJ4wILNtJznd+zHnHK/O5h117E2FkOhf0skbcAtyaKCzLsMp4sw1L0645X5YDsaRQdO+ij/nbDKkBCQo5bdmmH18Ie5huRvUM9n6g+O2avcTb+Z030mxWJI9UichZvIsWu11l1B20SEMEzpewBHzbR8aXIWBevTIVOGpmENRPINA65wI+Sac+wBNZiObNsRlaW5AZK1rQKiyDj2NrDVGO8rnZJRy5sbWY15ZWmV4sw2OfYlmOLOdv9TK0P+8RWnj3UXA/HoGC560143o76F65wNhdTjqC+sIljHY2sRNY15cymvpetsPhF2LBHGbEd4Qr7QK2rSIenWOowfqywqg2AUdCRFhTFVokMZsGjctieVJXD3YTK4Q4bkMMdoB6rKg8npOGSsb8ZoVcg2DY//wAAAABJRU5ErkJggg=="); }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.partners {
  padding-bottom: 140px; }
  .partners .title {
    margin-bottom: 95px; }

.carousel {
  height: 140px;
  padding: 0 8.33333333%;
  position: relative; }
  .carousel ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    .carousel ul .slick-slide img {
      display: inline-block; }
  .carousel .slick-arrow {
    width: 45px;
    height: 76px;
    background: #d7d7d7;
    border: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    margin-top: -38px;
    text-indent: -99999px;
    outline: none;
    z-index: 2; }
    .carousel .slick-arrow:before {
      content: '';
      display: block;
      position: absolute;
      width: 13px;
      height: 20px;
      left: 50%;
      margin-left: -6px;
      top: 50%;
      margin-top: -10px; }
    .carousel .slick-arrow:hover {
      background: #1faa91; }
    .carousel .slick-arrow.slick-prev {
      left: 30px; }
      .carousel .slick-arrow.slick-prev:before {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAMAAABh7EcdAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMA+fZjbfFxmnh1CKSAfWqSiWleWlhTSRHhGCnOAAAAY0lEQVQY023P1w6AIAwFUBFkumf//0uF0gok9u2kI73dV/PiC2QPxlcAMDwmIsBmqAShfqARGyGt9DLDiQpj6gwX3V5RdwY3T+aEPBqKnWnpLBMaOhzWTPwuEPDz8JTwLkZ/AfK5B2mdHpEzAAAAAElFTkSuQmCC"); }
    .carousel .slick-arrow.slick-next {
      right: 30px; }
      .carousel .slick-arrow.slick-next:before {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAMAAABh7EcdAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+vdtYvJ1cZp6on9pZlsOCAKSiGpTS1JhZaYAAABkSURBVBjTVc5ZDsAgCARQUVuXarUr979piwtRvniZCUGIfAbBkyxKzbKIKGOX+4VwdypJVEygMjMQwXRGKiNTE2HtfBZKt6a36KrYa3QMcBUaCqaDA7DBwADhp5+TJ/Bka3j/APt1B0aPZRWSAAAAAElFTkSuQmCC"); }

#nav-icon {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  width: 48px;
  height: 24px;
  background: transparent;
  border-width: 0;
  margin-top: 7px;
  position: absolute;
  right: 0px;
  top: 5px;
  z-index: 100;
  outline: none; }

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 36px;
  background: #000;
  left: 6px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

.index #nav-icon span {
  background: #fff; }

#nav-icon span:nth-child(1) {
  top: 0px; }

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
  top: 10px; }

#nav-icon span:nth-child(4) {
  top: 20px; }

.js-open #nav-icon span {
  background: #fff; }

.js-open #nav-icon span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

.js-open #nav-icon span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.js-open #nav-icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.js-open #nav-icon span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 0px;
  padding-left: 0px;
  border-top: 0px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.copyr {
  background: #0e1720;
  padding: 40px 0; }
  .copyr .main-nav ul {
    max-width: 100%;
    margin-left: 8%; }
    .copyr .main-nav ul li {
      font-size: 14px; }
  .copyr div[class^="col-"]:last-child {
    text-align: right;
    font-size: 12px;
    color: #fff; }

.main {
  padding-top: 40px;
  padding-bottom: 40px; }
  .main h1, .main h2, .main h3, .main h4 {
    font-size: 30px;
    font-family: 'akrobatsemibold';
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 35px;
    padding-left: 20px; }
.main.only-title {
    padding-bottom: 0;
}
.table-box table {
  width: 100%; }
  .table-box table th {
    height: 59px;
    background: #2d3542;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'akrobatsemibold';
    font-weight: normal;
    width: 21.3333%;
    border-right: 1px solid rgba(255, 255, 255, 0.5); }
    .table-box table th:first-child {
      width: 36%;
      text-align: left;
      padding: 20px 25px; }
  .table-box table td {
    text-align: center;
    border: 1px solid #fff;
    vertical-align: middle;
    padding: 20px 0;
    color: #8e8e8e;
    background: #fcfcfc;
    text-transform: uppercase;
    font-size: 24px;
    height: 118px; }
    .table-box table td strong {
      font-size: 18px;
      font-weight: normal; }
    .table-box table td span {
      font-size: 48px;
      font-family: 'akrobatsemibold'; }
    .table-box table td:first-child {
      width: 36%;
      color: #0c101b;
      font-size: 18px;
      line-height: 25px;
      text-align: left;
      padding: 20px 25px;
      text-transform: none; }
    .table-box table td .total {
      font-size: 24px;
      text-transform: none;
      color: #cc4429; }
  .table-box table tr:nth-child(even) td {
    background: #f8f8f8; }

.table-box .btn {
  width: 180px;
  font-size: 16px;
  font-family: 'akrobatbold'; }

.demo {
  min-height: 529px;
  background: url(../img/bg-decor.png) center 0 no-repeat;
  margin-top: -128px;
  padding-top: 170px;
  margin-bottom: 40px;
  text-align: center;
  color: #dee2ed; }
  .demo h2 {
    font-size: 54px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 24px; }
  .demo span {
    display: block;
    text-transform: uppercase;
    font-family: 'akrobatsemibold';
    margin-bottom: 45px;
    font-size: 24px; }
  .demo .btn {
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-family: 'akrobatextrabold';
    max-width: 458px;
    margin: 0 auto;
    white-space: normal; }

.contact {
  padding-top: 83px;
  padding-bottom: 88px; }
  .contact h2, .contact h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 45px; }
.contact.contact-page {
    padding-top: 0;
}
.contact-top {
  max-width: 500px;
  font-size: 18px;
  padding-left: 20px;
  margin-bottom: 54px; }
  .contact-top a {
    color: #0c101b; }
    .contact-top a:hover, .contact-top a:focus {
      text-decoration: underline; }
  .contact-top .row {
    margin-bottom: 12px; }
  .contact-top .mail {
    text-decoration: underline; }
    .contact-top .mail a:before {
      top: 1px; }

.contact-btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .contact-btm .map {
    height: 681px;
    position: relative;
    border: 15px solid rgba(0, 0, 0, 0.1);
    padding: 0;}
    /*.contact-btm .map:after {
      content: '';
      display: block;
      position: absolute;
      left: 14px;
      right: 14px;
      top: 0;
      bottom: 0;
      border: 15px solid rgba(0, 0, 0, 0.1); }*/
  .contact-btm h3, .contact-btm h4 {
    font-size: 30px;
    text-transform: uppercase;
    color: #cc4429;
    margin-bottom: 37px; }
  .contact-btm .form-group {
    margin-bottom: 9px; }
  .contact-btm .form-group-last {
    margin-top: 52px;
    margin-bottom: 42px; }
  .contact-btm .form-control {
    border: 0;
    border-bottom: 1px solid #cacaca;
    text-align: center;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    color: #2d3542;
    font-size: 18px;
    padding: 11px 15px;
    height: 40px; }
    .contact-btm .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      opacity: 1;
      color: #2d3542; }
    .contact-btm .form-control::-moz-placeholder {
      /* Firefox 19+ */
      opacity: 1;
      color: #2d3542; }
    .contact-btm .form-control:-ms-input-placeholder {
      /* IE 10+ */
      opacity: 1;
      color: #2d3542; }
    .contact-btm .form-control:-moz-placeholder {
      /* Firefox 18- */
      opacity: 1;
      color: #2d3542; }
  .contact-btm textarea.form-control {
    border: 1px solid #cacaca;
    height: 160px;
    font-size: 16px;
    text-align: left;
    text-transform: none;
    resize: vertical; }

.feed-form {
  height: 681px;
  border: 17px solid #cc4429;
  padding: 50px 77px 40px 77px;
  text-align: center; }
  .feed-form .btn {
    font-size: 16px;
    width: 180px; }

.address {
  display: block;
  position: relative;
  padding-left: 31px;
  position: relative; }
  .address:before {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 19px;
    left: 0;
    top: 3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAMAAAB4HKeYAAABAlBMVEUAAABGRkZ5eXmBgYHV1dXf39/r6+tISEhaWlpiYmKGhoaHh4eMjIzg4OD19fX5+fn7+/s5OTk2NjY8PDw+Pj5SUlJMTExoaGhkZGRvb293d3ePj4+goKCurq6Wlpa6urqCgoLIyMjCwsKpqanMzMzR0dG6urrd3d3o6Ojq6urr6+v19fX7+/s1NTVSUlJVVVVUVFRcXFxmZmZpaWloaGh6enp9fX1/f39ycnJ6enqNjY2KioqQkJCOjo6ZmZlPT0+mpqaJiYmqqqp4eHioqKiUlJSsrKy3t7fAwMC2trawsLC5ubmqqqrW1tbU1NS0tLQzMzMwMDAuLi4sLCwoKCgnJycYhA0YAAAAUHRSTlMA6bOtOi0b49LIhn59KBELBvr68+zc2MC9t7CVgWxpYF5NS0dEQEAwIh4VDgLo3tPPycXDtquop6WgmY+OhoV8dnV0a2RkX1hVVFBHPTYuI4iDPxEAAADHSURBVBjTTcrVcsJQAADRjbvgUNyL1N3dLSnw/7/C5CLDeduZJfF1kTfy558sbBfTRafhHKcONJHSXp+EZ2X6EFrmiOHLXU0nLOQC3mKPH/n5+1XuoqeqlEoEigYMlCGnJsYDPZuE3aaWRXqi54h22zSy7F8xUgaAr+jcGFzvjunKH38tuQnWCWqkgufa7i9oUQeODlnZMkNQ/99Z6ExaAOWMLtKXzkgEucJY3JKPoKXLQCVWWWpOH6nP6qxV48uowob7nVuEOd3LFAVGy5+YAAAAAElFTkSuQmCC"); }

.post-list {
  border-bottom: 1px solid #dcdcdd;
  margin-bottom: 45px; }

.post {
  padding: 34px 20px;
  line-height: 25px;
  border-top: 1px solid #dcdcdd; }
  .post p {
    font-size: 18px;
    font-family: 'akrobatsemibold';
    color: #4f5154; }

.post-head {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 24px;
  color: #0c101b; }

.post-foot {
  margin-top: 30px; }
  .post-foot strong {
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    line-height: normal;
    margin-right: 24px; }
  .post-foot .rate {
    display: inline-block; }
    .post-foot .rate img {
      vertical-align: top; }

.pager {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  color: #4f5154; }
  .pager a {
    display: inline-block;
    margin: 0 10px;
    color: #4f5154; }
    .pager a:hover, .pager a:focus {
      color: #cc4429; }
  .pager span {
    display: inline-block;
    text-decoration: underline;
    margin: 0 10px;
    color: #cc4429; }
  .pager span.nav-disabled {
    text-decoration: none;
    color: #cccccc; }

.index .footer .btn:hover,
.index .footer .btn:focus {
  color: #1faa91; }

.modal-title {
  text-align: center;
  font-family: 'akrobatbold';
  text-align: center;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-size: 27px;
  text-transform: uppercase;
  position: relative;
  font-weight: normal; }
  .modal-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-top: 1px solid #fff; }

.modal-content {
  padding: 40px 65px 45px;
  background: #F7F7F7;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  .modal-content .close {
    position: absolute;
    opacity: 1;
    top: 18px;
    right: 16px;
    width: 15px;
    height: 15px;
    background: url(../img/icons.png) 0 0 no-repeat; }

.form {
  width: 272px;
  margin: 0px auto;
  max-width: 100%; }
  .form .form-group {
    margin-bottom: 12px; }
  .form .form-control {
    height: 49px;
    border: 1px solid #DADADA;
    padding: 10px 15px;
    text-align: center;
    line-height: 27px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 16px;
    color: #0F0F1B; }
    .form .form-control::-webkit-input-placeholder {
      color: #0F0F1B;
      opacity: 1; }
    .form .form-control::-moz-placeholder {
      color: #0F0F1B;
      opacity: 1; }
    .form .form-control:-moz-placeholder {
      color: #0F0F1B;
      opacity: 1; }
    .form .form-control:-ms-input-placeholder {
      color: #0F0F1B;
      opacity: 1; }
  .form textarea.form-control {
    height: 110px;
    overflow: auto; }
  .form .btn {
    font-size: 16px;
    margin-top: 17px;
    min-width: 180px; }
  .form p {
    text-align: center;
    font-size: 16px;
    font-family: 'akrobatsemibold';
    margin: 0 0 10px 0;
    padding-top: 10px; }
    .form p a {
      display: inline-block;
      vertical-align: top;
      color: #0F0F1B;
      text-transform: uppercase;
      text-decoration: underline; }
      .form p a:hover, .form p a:focus {
        text-decoration: none; }

.logo-box {
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
  border-bottom: 1px solid #DEDEDE; }
  .logo-box:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-top: 1px solid #fff; }
  .logo-box .logo {
    display: inline-block;
    vertical-align: top;
    font-size: 51px;
    font-family: 'akrobatsemibold';
    padding-left: 80px;
    position: relative;
    text-decoration: none;
    color: #0c101b; }
    .logo-box .logo:before {
      content: '';
      display: block;
      position: absolute;
      width: 66px;
      height: 66px;
      left: 0;
      top: 5px;
      background: url(../img/logo-inner.png) 0 0 no-repeat; }
    .logo-box .logo span {
      text-transform: uppercase;
      font-family: 'akrobatbold'; }

.modal-text {
  font-family: 'akrobatsemibold';
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase; }

.inner.main {
  padding-top: 0; }
  .inner.main .logo-box {
    text-align: left;
    padding-bottom: 35px;
    margin-bottom: 47px; }
  .inner.main .logo {
    display: inline-block;
    vertical-align: top;
    font-size: 51px;
    font-family: 'akrobatsemibold';
    padding-left: 80px;
    position: relative;
    text-decoration: none;
    color: #0c101b; }
    .inner.main .logo:before {
      content: '';
      display: block;
      position: absolute;
      width: 66px;
      height: 66px;
      left: 0;
      top: 5px;
      background: url(../img/logo-inner.png) 0 0 no-repeat; }
    .inner.main .logo span {
      text-transform: uppercase;
      font-family: 'akrobatbold'; }

.aside {
  padding: 25px 60px 50px;
  background: #F7F7F7; }

.left-nav {
  padding: 0;
  margin: 0; }
  .left-nav li {
    display: block;
    margin-bottom: 16px; }
    .left-nav li a {
      display: block;
      vertical-align: top;
      font-family: 'akrobatsemibold';
      padding-left: 49px;
      position: relative;
      color: #0C101B;
      font-size: 18px;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .left-nav li a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/icons.png) no-repeat; }
      .left-nav li a:hover, .left-nav li a:focus {
        color: #21A991;
        text-decoration: none; }

	.left-nav li.li1 a:before {
      width: 21px;
      height: 26px;
      background-position: -17px 0; }
    .left-nav li.li1 a:hover:before, .left-nav li.li1 a:focus:before {
      background-position: -41px 0; }
  
	.left-nav li.li2 a:before {
      width: 21px;
      height: 22px;
      top: 3px;
      background-position: -64px 0; }
    .left-nav li.li2 a:hover:before, .left-nav li.li2 a:focus:before {
      background-position: 0 -29px; }
  
	.left-nav li.li3 a:before {
      width: 22px;
      height: 17px;
      top: 3px;
      background-position: -24px -29px; }
    .left-nav li.li3 a:hover:before, .left-nav li.li3 a:focus:before {
      background-position: -49px -29px; }

	.left-nav li.li4 a:before {
      width: 24px;
      height: 23px;
      background-position: -37px -207px; }
    .left-nav li.li4 a:hover:before, .left-nav li.li4 a:focus:before {
      background-position: -65px -207px; }

    .left-nav li.li5 a:before {
      width: 16px;
      height: 24px;
      background-position: 0 -207px; }
    .left-nav li.li5 a:hover:before, .left-nav li.li5 a:focus:before {
      background-position: -18px -207px; }
  
	.left-nav li.li6 a:before {
      width: 24px;
      height: 20px;
      top: 3px;
      background-position: -73px -29px; }
    .left-nav li.li6 a:hover:before, .left-nav li.li6 a:focus:before {
      background-position: 0 -52px; }
   
	.left-nav li.li7 a:before {
      width: 28px;
      height: 21px;
      background-position: -27px -52px; }
    .left-nav li.li7 a:hover:before, .left-nav li.li7 a:focus:before {
      background-position: -57px -52px; }
 
	.left-nav li.li8 a:before {
      width: 20px;
      height: 24px;
      background-position: 0 -75px; }
    .left-nav li.li8 a:hover:before, .left-nav li.li8 a:focus:before {
      background-position: -22px -75px; }

	      .left-nav li.li9 a:before {
      width: 20px;
      height: 20px;
      top: 2px;
      background-position: -44px -75px; }
    .left-nav li.li9 a:hover:before, .left-nav li.li9 a:focus:before {
      background-position: -67px -75px; }

.content {
  padding-bottom: 40px; }

.inner .table-box table th {
  background: #75767B; }

.inner .table-box table td {
  text-align: center;
  font-size: 16px;
  line-height: 25px;
  color: #0C101B;
  text-transform: none;
  padding-left: 15px;
  padding-right: 15px; }
  .inner .table-box table td p {
    font-size: 16px;
    line-height: 25px;
    color: #0C101B;
    text-transform: none;
    text-align: left;
    margin: 0; }

.inner .table-box table td:nth-child(2),
.inner .table-box table th:nth-child(2) {
  width: 40%; }

.inner .table-box table td:first-child,
.inner .table-box table td:nth-child(3),
.inner .table-box table td:nth-child(4),
.inner .table-box table th:first-child,
.inner .table-box table th:nth-child(3),
.inner .table-box table th:nth-child(4) {
  width: 20% !important; }

.inner .table-dwn table td:last-child {
  text-align: center; }

.download {
  display: inline-block;
  vertical-align: top;
  width: 38px;
  height: 38px;
  background: url(../img/icons.png) -41px -102px no-repeat; }
  .download:hover, .download:focus {
    text-decoration: none;
    background-position: 0 -102px; }

.inner .pager a:hover, .inner .pager a:focus, .inner .pager span {
  color: #21AA90;
  text-decoration: none; }

.inner .table-box {
  padding-bottom: 20px; }

.inner.footer {
  padding: 30px 0;
  background: #F7F7F7;
  text-align: center;
  color: #0C101B;
  text-transform: uppercase;
  font-size: 14px; }
  .inner.footer a {
    color: #0C101B;
    text-decoration: underline; }
    .inner.footer a:hover, .inner.footer a:focus {
      text-decoration: none; }

#accordion {
  border-top: 1px solid #D7D7D7;
  margin-bottom: 50px; }
  #accordion p {
    line-height: 25px;
    color: #4E4E50;
    font-size: 16px; }

.panel-group .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  background: none;
  border-bottom: 1px solid #D7D7D7; }

.panel-default > .panel-heading {
  border: 0;
  background: transparent;
  padding: 0; }
  .panel-default > .panel-heading a {
    display: block;
    font-family: 'akrobatbold';
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 25px;
    color: #0C101B;
    padding: 22px 70px 22px 0;
    position: relative; }
    .panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:focus {
      color: #0C101B;
      text-decoration: none; }
    .panel-default > .panel-heading a.collapsed:before {
      content: '';
      position: absolute;
      width: 32px;
      height: 32px;
      right: 20px;
      top: 50%;
      margin-top: -16px;
      background: url(../img/icons.png) 0 -143px no-repeat; }
    .panel-default > .panel-heading a:not(.collapsed):before {
      content: '';
      position: absolute;
      width: 32px;
      height: 32px;
      right: 20px;
      top: 50%;
      margin-top: -16px;
      background: url(../img/icons.png) -36px -143px no-repeat; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
  padding: 0 0 13px 0; }

.nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  border-bottom: 0; }
  .nav-tabs li {
    padding-right: 2px;
    width: 33.333%; }
    .nav-tabs li a {
      font-size: 16px;
      height: 100%;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-border-radius: 0px !important;
      -moz-border-radius: 0px !important;
      border-radius: 0px !important;
      position: relative;
      padding: 10px;
      background: #75767B;
      color: #fff;
      border: 0 !important; }
      .nav-tabs li a:hover, .nav-tabs li a:focus {
        color: #fff !important;
        background: #20AA91 !important; }
    .nav-tabs li.active a {
      color: #fff;
      background: #20AA91; }
      .nav-tabs li.active a:before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #20AA91; }

.tab-content {
  padding: 45px 0 25px 0; }
  .tab-content .form {
    width: auto;
    margin: 0; }
  .tab-content label {
    display: block;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'akrobatbold';
    margin-bottom: 0;
    padding-left: 25px;
    padding-top: 15px; }
  .tab-content .form-control {
    text-align: left; }
  .tab-content .form-group {
    margin-bottom: 28px; }

.inner .table-box table tr td {
  text-align: left;
  padding: 20px;
  height: auto; }
  .inner .table-box table tr td a {
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
    color: #20AA91; }
    .inner .table-box table tr td a:hover, .inner .table-box table tr td a:focus {
      text-decoration: none;
      color: #20AA91; }
    .inner .table-box table tr td a:last-child {
      margin-right: 0; }

.inner .table-box table tr td:first-child {
  font-family: 'akrobatextrabold';
  text-transform: uppercase; }

  // new
.inner .table-box table tr td {
  text-align: left;
  padding: 20px;
  height: auto; }
  .inner .table-box table tr td a {
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
    color: #20AA91; }
    .inner .table-box table tr td a:hover, .inner .table-box table tr td a:focus {
      text-decoration: none;
      color: #20AA91; }
    .inner .table-box table tr td a:last-child {
      margin-right: 0; }

.inner .table-box table tr td:first-child {
  font-family: 'akrobatsemibold';
  text-transform: uppercase; 
  text-align: left;
  }  
  
.form-item {
  margin-bottom: 100px; }

.doc-item {
  margin-bottom: 60px; }
  .doc-item .img-box {
    border: 1px solid #D1D1D3;
    text-align: left; }
    .doc-item .img-box img {
      max-width: 100%; }
  .doc-item h3 {
    font-size: 21px;
    margin-bottom: 15px;
    padding-left: 0; }
  .doc-item p {
    font-size: 18px;
    line-height: 25px;
    color: #4C4D4F;
    margin-bottom: 22px; }
  .doc-item .btn {
    font-size: 16px;
    color: #20AA91;
    border-color: #20AA91;
    background: #fff;
    padding: 9px 60px; }
    .doc-item .btn:hover, .doc-item .btn:focus {
	outline: 0 !important;
	text-decoration: none;
	color: #fff !important;
	background: #20AA91; }
	
.inner .btn {
  background: #1faa91;
  font-size: 12px;
  font-family: 'akrobatextrabold';
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid #1faa91;
  color: #fff;
  padding: 11px 25px; }
  .inner .btn:hover, .inner .btn:focus {
      outline: 0 !important;
    color: #1faa91 !important;
    background: #fff; }
	
  .inner .btn {
    font-size: 16px;
    color: #fff !important;
  text-transform: uppercase;
  text-decoration: none !important;
    border-color: #20AA91;
    background: #20AA91;
    padding: 9px 60px; }
    .inner .btn:hover, .inner .btn:focus {
	outline: 0 !important;
	text-decoration: none;
	color: #20AA91 !important;
	background: #fff; }
	
.step-title {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .step-title .number {
    width: 81px;
    height: 81px;
    background: #CC442A;
    text-align: center;
    color: #fff;
    font-family: 'akrobatblack';
    font-size: 44px;
    line-height: 32px;
    padding-top: 13px; }
    .step-title .number span {
      display: block;
      font-size: 24px;
      text-transform: uppercase; }
  .step-title .title {
    padding: 15px 0 0 20px;
    line-height: 25px;
    text-transform: uppercase;
    font-size: 21px;
    text-align: left; }
  .step-title.step-4 .title {
    padding-top: 25px; }
  .step-title.step-3 .title {
    padding-top: 0; }

.note-text {
  margin-bottom: 30px;
  font-family: 'akrobatbold';
  font-size: 18px;
  line-height: 25px; }
  .note-text strong {
    display: block;
    font-weight: normal; }
  .note-text a {
    font-size: 16px;
    color: #CC442A; }

.step-form {
  margin-bottom: 40px; }
  .step-form .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto; }
  .step-form label {
    line-height: 40px;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 24px;
    text-transform: uppercase; }
  .step-form .form-group {
    margin-bottom: 0;
    width: 330px;
    padding-right: 12px; }
  .step-form .form-control {
    height: 40px;
    padding: 5px 15px;
    line-height: 28px; }
  .step-form .btn {
    margin-top: 0;
    width: 180px;
    font-size: 16px;
    padding: 0;
    height: 40px; }

.plan {
  padding: 35px;
  border: 1px solid #DADADA;
  margin-bottom: 35px; }
  .plan img {
    max-width: 100%; }

.step-box {
  padding: 70px 0; }
  .step-box .step-title {
    display: block; }
    .step-box .step-title .number {
      margin: 0px auto; }

.step-info {
  text-align: center;
  font-size: 21px;
  text-transform: uppercase;
  padding-top: 15px; }
  .step-info .loader {
    text-align: center;
    margin-bottom: 37px; }
    .step-info .loader img {
      max-width: 100%; }

.step-text {
  margin-bottom: 30px;
  padding-top: 10px; }
  .step-text p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 25px; }
    .step-text p.up {
      text-transform: uppercase; }
    .step-text p a {
      color: #206AAB;
      text-decoration: underline; }
      .step-text p a:hover, .step-text p a:focus {
        text-decoration: none; }
  .step-text ul {
    padding-left: 25px;
    margin-bottom: 37px; }
    .step-text ul li {
      display: block;
      position: relative;
      font-size: 16px;
      line-height: 25px;
      padding-left: 22px; }
      .step-text ul li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 10px;
        width: 5px;
        height: 5px;
        background: url(../img/icons.png) -88px 0 no-repeat; }
      .step-text ul li a {
        color: #206AAB;
        text-decoration: underline; }
        .step-text ul li a:hover, .step-text ul li a:focus {
          text-decoration: none; }

.download-btn {
  font-size: 16px;
  padding: 10px 25px 10px 70px;
  position: relative; }
  .download-btn:before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background: url(../img/icons.png) -81px -102px;
    top: 50%;
    margin-top: -10px;
    left: 25px; }
  .download-btn:hover:before, .download-btn:focus:before {
    background-position: -81px -124px; }

.form-wrap {
  width: auto; }
  .form-wrap .table-box {
    padding-bottom: 50px; }
  .form-wrap h2 {
    font-size: 27px;
    padding-left: 0; }
  .form-wrap label {
    display: block;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'akrobatbold';
    margin-bottom: 0;
    padding-left: 25px;
    padding-top: 15px; }
  .form-wrap .form-control {
    text-align: left; }
  .form-wrap .form-group {
    margin-bottom: 28px; }

.text-list {
  margin-bottom: 0px;
  padding-left: 15px;
  padding-bottom: 8px; }
  .text-list li {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 25px; }
    .text-list li:before {
      content: '';
      position: absolute;
      top: 5px;
      left: 0;
      z-index: 1;
      width: 16px;
      height: 16px;
      background: #F7F7F7;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .text-list li:after {
      content: '';
      position: absolute;
      z-index: 2;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 8px;
      height: 8px;
      background: #CC442A;
      left: 4px;
      top: 9px; }

.add-btn {
  position: relative;
  font-size: 16px;
  margin-bottom: 40px;
  padding: 10px 40px 10px 57px; }
  .add-btn:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 6px;
    left: 30px;
    top: 50%;
    margin-top: -3px;
    background: url(../img/icons.png) -88px -7px no-repeat; }
  .add-btn:hover:before, .add-btn:focus:before {
    background-position: -88px -15px; }

.radio-box {
  margin-bottom: 28px;
  padding: 24px 22px 18px;
  border: 1px solid #DADADA; }

.rad-item {
  position: relative;
  margin-bottom: 7px; }
  .rad-item input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0; }
  .rad-item label {
    display: block;
    position: relative;
    margin-bottom: 0;
    padding-left: 33px;
    font-size: 16px;
    padding-top: 0; }
    .rad-item label a {
      color: #0D111A;
      text-decoration: none; }
      .rad-item label a:hover, .rad-item label a:focus {
        text-decoration: underline; }
    .rad-item label:before {
      content: '';
      position: absolute;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 16px;
      height: 16px;
      border: 2px solid #C5C5C5;
      top: 1px;
      left: 0; }
    .rad-item label:after {
      content: '';
      z-index: 2;
      position: absolute;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 8px;
      height: 8px;
      background: #CB4329;
      top: 5px;
      left: 4px;
      opacity: 0;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .rad-item input:checked + label:after {
    opacity: 1; }

.hint {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  background: #fff;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 15px;
  border: 1px solid #3B3B3B;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin-left: 5px; }
  .hint:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -4px;
    width: 10px;
    height: 12px;
    background: url(../img/icons.png) -88px -52px no-repeat; }
  .hint:hover, .hint:focus {
    border-color: #1FAA93; }
    .hint:hover:before, .hint:focus:before {
      background-position: -88px -66px; }

.tooltip > .tooltip-inner {
  background-color: #F0F0F0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 15px 20px;
  line-height: 17px;
  color: #0C101B;
  font-size: 14px;
  text-align: left; }

.tooltip.top .tooltip-arrow {
  border-top-color: #F0F0F0; }

.text-box {
  padding: 10px 22px 14px;
  margin-bottom: 28px;
  border: 1px solid #DADADA;
  text-align: left; }
  .text-box p {
    line-height: 25px;
    margin: 0;
    font-size: 16px;
    text-align: left;
    padding-top: 0; }

.info-text {
  text-transform: uppercase;
  font-size: 16px;
  color: #919191;
  margin-bottom: 20px; }

h2.sm-indent {
  margin-bottom: 15px; }

.cal-trigger {
  position: relative;
  padding: 0; }
  .cal-trigger:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 10px;
    width: 27px;
    height: 27px;
    background: url(../img/icons.png) 0 -177px no-repeat;
    pointer-events: none;
z-index:9;	}
  .cal-trigger:hover, .cal-trigger:focus {
    color: #1FA992; }
    .cal-trigger:hover:before, .cal-trigger:focus:before {
      background-position: -31px -177px; }
  .cal-trigger .form-control {
    padding-left: 45px;
    text-transform: uppercase; }

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #1faa91; }

.datepicker--cell.-selected-.-current- {
  color: #fff; }

.datepicker--cell.-selected-.-focus- {
  background: #1faa91; }

.datepicker--cell.-in-range- {
  background: rgba(31, 170, 145, 0.2);
  color: #4a4a4a;
  border-radius: 0; }

.datepicker--cell.-current-.-in-range-, .datepicker--cell.-current- {
  color: #1faa91; }

.datepicker--day-name {
  color: #CC442A; }

.go-btn {
  position: relative;
  padding: 8px 27px 8px 67px;
  font-size: 16px; }
  .go-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    left: 27px;
    background: url(../img/icons.png) -72px -147px no-repeat; }
  .go-btn:hover:before, .go-btn:focus:before {
    background-position: -72px -171px; }

.inner-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;  
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.inner.main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; 
 }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .inner-page {
		min-height: auto;
		height: 800px;
	}
}

  
.inner .tarif .table-box table {
  width: 100%; }
.inner .tarif .table-box table th {
    height: 59px;
    background: #2d3542;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    //font-family: 'akrobatsemibold';
    font-weight: normal;
    width: 21.3333%;
    border-right: 1px solid rgba(255, 255, 255, 0.5); }
.inner .tarif .table-box table th:first-child {
      width: 36%;
      text-align: left;
      padding: 20px 25px; }
.inner .tarif .table-box table td {
    text-align: center;
    border: 1px solid #fff;
    vertical-align: middle;
    padding: 20px 0;
    color: #8e8e8e;
    background: #fcfcfc;
    text-transform: uppercase;
    font-size: 24px;
    height: 118px; }
.inner .tarif .table-box table td strong {
      font-size: 18px;
      font-weight: normal; }
.inner .tarif .table-box table td span {
      font-size: 48px;
      //font-family: 'akrobatsemibold'; }
.inner .tarif .table-box table td:first-child {
      width: 36%;
      color: #0c101b;
      font-size: 18px;
    font-weight: 100;	  
      line-height: 25px;
      text-align: left;
      padding: 20px 25px;
      text-transform: none; }
.inner .tarif .table-box table td .total {
      font-size: 24px;
      text-transform: none;
      color: #cc4429; }
.inner .tarif .table-box table tr:nth-child(even) td {
    background: #f8f8f8; }

.inner .tarif .table-box .btn {
  width: 180px;
  font-size: 16px;
  font-family: 'akrobatbold'; }  
  
  
  
/*******************************************************/
@media (max-width: 1299px) {
  .similar-top .inner {
    padding: 15px 0; }
    .similar-top .inner .btn {
      padding: 5px 10px; }
  .similar .logo {
    font-size: 32px;
    height: 66px;
    line-height: 76px;
    padding-left: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .similar .logo:before {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      top: 0; }
  .similar .tel a {
    padding-left: 20px;
    display: inline-block; }
    .similar .tel a:before {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      top: 4px; }
  .similar .mail a {
    padding-left: 25px; }
    .similar .mail a:before {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      top: 4px; }
  .similar .tel {
    font-size: 18px; }
  .hero-title {
    padding-right: 0px;
    padding-left: 0; }
    .hero-title h1 {
      font-size: 65px;
      line-height: 68px;
      width: 60%; }
      .hero-title h1 span {
        font-size: 43px;
        line-height: 43px;
        white-space: nowrap; }
  .short {
    max-width: 49%; }
  .dev-list li:after {
    width: 130px;
    height: 130px;
    margin-left: -65px;
    top: 25px; }
  .dev-list li:before {
    width: 120px;
    height: 120px;
    margin-left: -60px;
    top: 29px; }
  .dev-list li > i {
    right: -8px; }
  .dev-list li > span {
    padding-top: 180px; }
  .footer .main-nav ul {
    margin-left: 0; }
  .footer div[class^="col-"]:last-child span {
    margin-right: 0; }
  .feed-form {
    padding-left: 40px;
    padding-right: 40px; }
  .aside {
    padding: 20px; }
  .left-nav li a {
    padding-left: 38px; } }

@media (max-width: 991px) {
  .similar-top .inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .similar-top .inner > .inner-fix {
      width: 33.33333333%;
      text-align: center; }
  .main-nav ul {
    max-width: 100%; }
  .hero-title {
    margin-top: 120px;
    margin-bottom: 120px; }
  .hero-title h1 {
    font-size: 48px;
    line-height: 48px;
    width: 70%; }
    .hero-title h1 span {
      font-size: 38px; }
  .benefits {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .benefits li {
      width: 33.33333%;
      padding: 0 10px;
      margin-bottom: 20px; }
      .benefits li:before, .benefits li:after {
        display: none; }
  .cards {
    padding-top: 160px; }
  .card-img span {
    bottom: 10px;
    left: 20px;
    height: auto;
    top: 10px;
    font-size: 48px;
    width: 58px; }
  .card.card-invert .card-img span {
    left: 20px;
    right: auto; }
  .card.card-invert {
    text-align: left; }
  .card {
    margin-bottom: 5px; }
    .card h2 {
      margin-bottom: 15px; }
  .card-img {
    display: none; }
  .dev {
    background: #2B3541;
    min-height: 300px;
    padding-top: 50px;
    padding-bottom: 50px; }
  .dev h2, .dev h3 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 32px; }
  .dev-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .dev-list li {
      width: 33.3333%;
      padding: 0 20px;
      margin-bottom: 20px; }
      .dev-list li > i {
        display: none; }
  .partners {
    padding-top: 30px; }
  .partners .title {
    margin-bottom: 45px;
    font-size: 32px; }
  .partners {
    padding-bottom: 40px; }
  .short strong {
    margin-left: 0; }
  .footer div[class^="col-"]:last-child {
    text-align: center;
    padding-top: 20px; }
  .carousel .slick-arrow.slick-prev {
    left: 0; }
  .carousel .slick-arrow.slick-next {
    right: 0; }
  .table-box table td {
    font-size: 14px; }
  .table-box table td:first-child {
    padding: 10px 15px;
    font-size: 14px;
    line-height: 21px; }
  .table-box table th:first-child {
    padding: 10px 10px; }
  .contact-btm {
    display: block; }
  .contact-btm div[class^="col-"]:last-child {
    margin-top: 18px; }
  .table-box table th {
    font-size: 16px; }
  .table-box .btn {
    width: auto; }
  .table-box table td .total {
    font-size: 16px; }
  .tab-content label {
    padding: 0 0 10px 15px; } 
	
  .inner .tarif .table-box table td {
    font-size: 14px; }
  .inner .tarif .table-box table td:first-child {
    padding: 10px 15px;
    font-size: 14px;
    line-height: 21px; }
  .inner .tarif .table-box table th:first-child {
    padding: 10px 10px; }
  .inner .tarif .table-box table th {
    font-size: 16px; }
  .inner .tarif .table-box .btn {
    width: auto; }
  .inner .tarif .table-box table td .total {
    font-size: 16px; }
  .inner .tarif .tab-content label {
    padding: 0 0 10px 15px; }	
	
}

@media (max-width: 767px) {
  .benefits li, .dev-list li {
    width: 50%; }
  .similar-top {
    margin-bottom: 0px; }
  .hero {
    padding-bottom: 30px; }
  .main-nav ul {
    position: absolute;
    -webkit-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    transform: translateX(-150%);
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 20px; }
    .main-nav ul li {
      display: block;
      width: 100%;
      margin-bottom: 10px;
      font-size: 22px; }
      .main-nav ul li:last-child {
        margin-bottom: 0; }
  .js-open .main-nav ul {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .footer div[class^="col-"]:last-child {
    padding-top: 0px; }
  .footer .similar-btm {
    background: #0e1720;
    padding: 13px 0 20px 0; }
  .footer .mail {
    width: 100%; }
  .similar-top .inner {
    margin-bottom: 15px; }
  .footer .main-nav {
    display: none; }
  .hero-title h1 {
    width: 100%;
    margin-bottom: 30px;
    text-align: center; }
    .hero-title h1 span {
      white-space: normal; }
  .short {
    max-width: 100%;
    color: #fff;
    text-align: center; }
    .short strong {
      text-align: left; }
  .hero {
    background: #0e1621; }
  .hero-title {
    margin-bottom: 50px;
    margin-top: 90px; }
  .benefits li {
    color: #fff; }
  .copyr .main-nav ul {
    display: none; }
  .footer .log-box, .footer .btn {
    display: none !important; }
  .copyr div[class^="col-"]:last-child {
    text-align: center; }
  .copyr {
    padding: 20px 0; }
  .cards {
    background: #f7f7f7;
    padding-top: 30px; }
  .js-open .main-nav ul li a {
    color: #fff; }
  .header {
    padding-bottom: 50px; }
  .table-box .btn {
    width: auto;
    padding: 5px 10px; }
  .table-box table td strong {
    font-size: 14px; }
  .contact-btm div[class^="col-"]:last-child {
    height: auto;
    min-height: 400px; }
  .demo h2 {
    font-size: 32px; }
  .table-box table td span {
    font-size: 18px; }
  .table-box table th:first-child {
    width: auto; }
  .table-box table td {
    height: 50px;
    padding: 2px;
    font-size: 12px; }
  .demo {
    margin-top: 0px;
    background: #2A3544;
    background-size: cover;
    padding: 30px 0;
    min-height: auto; }
  .demo h2 {
    margin-bottom: 10px; }
  .demo span {
    margin-bottom: 15px; }
  .contact {
    padding-top: 38px;
    padding-bottom: 38px; }
  .contact h2, .contact h3 {
    margin-bottom: 25px; }
  .contact-top {
    max-width: 100%;
    margin-bottom: 25px; }
  .contact-top .row {
    margin-bottom: 0; }
  .contact-top div[class^="col-"] {
    margin-bottom: 10px; }
  .inner .footer {
    padding: 15px 0; }
  .inner .table-box {
    padding-bottom: 0; }
  .inner.main {
    padding-bottom: 5px; }
  .inner.main .logo-box {
    margin-bottom: 30px;
    padding-bottom: 20px; }
  .inner .table-box table td {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 21px; }
    .inner .table-box table td p {
      font-size: 14px;
      line-height: 21px; }
  .nav-tabs li a {
    font-size: 12px; }
  .form-item {
    margin-bottom: 50px; }
  .form-item .btn {
    margin-top: 0; }
  .doc-item {
    margin-bottom: 30px; }
  .doc-item p {
    margin-bottom: 5px; }
  .step-title .number {
    width: 10%; }
  .step-title .title {
    width: 90%; }
  .add-btn {
    min-width: inherit;
    max-width: 100%;
    white-space: pre-wrap; } 
	
  .inner .tarif .table-box .btn {
    width: auto;
    padding: 5px 10px; }
  .inner .tarif .table-box table td strong {
    font-size: 14px; }	
  .inner .tarif .table-box table td span {
    font-size: 18px; }
  .inner .tarif .table-box table th:first-child {
    width: auto; }
  .inner .tarif .table-box table td {
    height: 50px;
    padding: 2px;
    font-size: 12px; }
}

@media (max-width: 577px) {
  .similar-top .inner > .inner-fix {
    width: 50%; }
  .header .btn {
    display: none !important; }
  .header .social {
    display: none !important; }
  .short strong {
    width: 100%; }
  .cards {
    margin-bottom: 10px; }
  .partners .title {
    margin-bottom: 5px;
    font-size: 32px; }
  .table-box table th, .table-box table td {
    font-size: 14px;
    padding: 5px; }
  .feed-form {
    border: 7px solid #cc4429;
    padding: 20px; }
  .contact-btm div[class^="col-"]:last-child:after {
    border-width: 7px; }
  .modal-content {
    padding-left: 20px;
    padding-right: 20px; }
  .step-form .form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .step-title .number {
    width: 20%; }
  .step-title .title {
    width: 80%;
    padding-top: 0; }
  .step-form .btn {
    width: 100%;
    margin-top: 10px; }
  .step-form .form label {
    width: 25%; }
  .step-form .form-group {
    width: 75%;
    padding-right: 0; }
  .plan {
    padding: 15px; }
  .step-box {
    padding: 0 0 20px 0; } 
	
  .inner .tarif .table-box table th, .table-box table td {
    font-size: 14px;
    padding: 5px; }
 	
}

@media (max-width: 400px) {
  .benefits li, .dev-list li {
    width: 100%; }
  .hero-title h1 {
    font-size: 42px;
    line-height: 42px; }
    .hero-title h1 span {
      font-size: 28px; }
  .similar .mail {
    font-size: 14px; }
  .similar .tel {
    text-align: right;
    font-size: 15px; }
  .similar .tel a:before {
    top: 2px; }
  .log-box {
    text-align: right !important; }
  .table-box table td:first-child,
  .table-box table th:first-child {
    padding-left: 5px;
    padding-right: 5px; }
  .table-box table th {
    font-size: 12px; }
  .table-box table td .total {
    font-size: 14px; }
  .table-box .btn {
    font-size: 12px;
    padding: 3px; }
  .table-box table {
    table-layout: fixed; }
  .table-box td, .table-box th {
    word-wrap: break-word;
    word-wrap: break-word; }
  .post-foot strong {
    display: block;
    margin-bottom: 10px; }
  .download-btn {
    max-width: 100%;
    white-space: pre-wrap; }
  .cal-row label {
    margin-bottom: 15px; }
  .cal-trigger {
    font-size: 12px; } 
	
  .inner .tarif .table-box table td:first-child,
  .inner .tarif .table-box table th:first-child {
    padding-left: 5px;
    padding-right: 5px; }
  .inner .tarif .table-box table th {
    font-size: 12px; }
  .inner .tarif .table-box table td .total {
    font-size: 14px; }
  .inner .tarif .table-box .btn {
    font-size: 12px;
    padding: 3px; }
  .inner .tarif .table-box table {
    table-layout: fixed; }
  .inner .tarif .table-box td, .table-box th {
    word-wrap: break-word;
    word-wrap: break-word; }
	
}



.form .form-control{
	overflow: hidden;
}

.table-wrap{
	overflow: auto;
}

.table-wrap th{
	font-size: 12px;
	font-weight: normal;
	font-family: 'akrobatextrabold';
}

body.modal-open {
  position: fixed;
  width: 100%;
}

.table-wrap th, .table-wrap td{
	padding: 5px 3px;
}


.text-block p{
	font-size: 18px;
	line-height: 25px;
	color: #4f5154;
	margin-bottom: 40px;
	padding: 0 17px;
}

.text-block ul{
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 18px;
	line-height: 25px;
	color: #4f5154;
}

.text-block ul li{
	display: block;
	position: relative;
	padding-left: 28px;
	margin: 12px 0;
}

.wide-img{
	margin-bottom: 35px;
	max-width: 100%;
}

.text-block{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 30px;
}

.text-block ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 9px;
	width: 6px;
	height: 10px;
	background: url('data:image/gif;base64,R0lGODlhBgAKAIABAB+qkf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE2QkExRjkzMUQ3MTFFOEI5RTVGMjY4NzExNjc0NkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkE2QkExRkEzMUQ3MTFFOEI5RTVGMjY4NzExNjc0NkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QTZCQTFGNzMxRDcxMUU4QjlFNUYyNjg3MTE2NzQ2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QTZCQTFGODMxRDcxMUU4QjlFNUYyNjg3MTE2NzQ2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAGAAoAAAINBIJhmdvHFETOUWglKwA7');
}

  


	

	
	

.video {position:relative;padding-bottom:56.25%;/*пропорции видео 16:9 */padding-top:25px;height:0;}

.video iframe {position:absolute; left:10%; top:0;width:80%;height:80%;}







/********************************* 02.08.2018************************/

.step-content{
  padding: 40px 20px;
  //background: #F7F7F7;
}

.step-content .step-info{
  padding: 5px 0 0 30px;
  width: calc(100% - 80px);
  text-align: left;
  display: flex;
  align-items: center;
  font-family: 'akrobatsemibold';
  font-size: 25px;
}

.step-content .step-info .loader{
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0 28px 0 0;
}

.test-menu{
  padding: 5px 0 0 0;
  margin: 0 0 20px 0;
  list-style: none;
  font-size: 18px;
}

.test-menu li{
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 18px;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  color: #0c101b;
}

.test-menu li:before{
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #d4d4d4;
  border-radius: 50%;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
 
.test-menu li.active{
  display:block;
  font-family: 'akrobatbold';
}

.test-menu li.noactive{
  display:none;
}

.test-menu li.nonone{
  display:block;
}

.test-menu li.active:before{
  background: #cc442a;
}

.test-result{
  margin-bottom: 35px;
  padding: 0;
}

.test-result li{
  display: flex;
  background: #fff;
  font-family: 'akrobatsemibold';
  font-size: 16px;
  line-height: 20px;
}

.test-result li span{
  display: flex;
  align-items: center;
  padding: 15px 25px;
  min-height: 70px;
  border-bottom: 3px solid #f7f7f7;
  border-right: 3px solid #f7f7f7;
  width: 35%;
}

.test-result li span:last-child{
  border-right: 0;
  width: 65%;  
}

.test-result li strong{
  display: block;
  width: calc(100% + 36px);
  position: relative;
  margin: -7px -18px;
  border-left: 3px solid #1faa91;
  padding: 20px;
  font-weight: normal;
}

.test-result li b{
  display: block;
  font-weight: normal;
  margin-bottom: 10px;
  color: #cf5037;
}

.test-result li.error strong{
  background: #fff4f1;
  border-left-color: #fff4f1;
}

.test-text{
  margin-bottom: 20px;
  font-size: 18px;
  font-family: 'akrobatsemibold';
}

.btn-box .btn{
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin-bottom: 10px;
}

.btn-box{
  display: flex;
  justify-content: space-between;
}

.btn-box .cancel-btn{
  background: #cc442a;
  border-color: #cc442a;
  position: relative;  
}

.btn-box .cancel-btn:before{
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  left: 27px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAALnRSTlMAmG4FCKmRjHb15s+kTg8D+da7tLGde2EZ6eBA/PDty8WHgnNdPAvb2WVTQx8Wa9Rb8gAAAN5JREFUGNNNkNeSwyAMRYUB44K7Hbf0Tbbv/f/PW8GExOcBaQ4ScwfyVD/mfEhPolD0ZM2BRtt8j4/v4CJk0S8x062BkQ/Xl+FeCcSu3tFLehFjJJJNVtKW/FjSioi7L7+0u1ZEBY/G+8kvCXboJD977OnckEPgEjnH6IUOmjwXwL777q2m1IawMBRknvtuB2sgfDvMJOo/7zpFAoPkjFnLCW4sr13lZiyfd86olk9FW9p0cmHF1iVIXDGIq43TvkqDU+EjqrWFDj8xzph1kgwZ0oSelGO/pHXWRhM5/gGqehAxrNXNFQAAAABJRU5ErkJggg==') 0 0 no-repeat;
}

.btn-box .cancel-btn:hover,
.btn-box .cancel-btn:focus{
  background: #fff;
  color: #cc442a !important;
}

/**********/

.left-nav {
  padding: 0;
  margin: 0; }
  .left-nav li {
    display: block;
    margin-bottom: 16px; }
    .left-nav li a {
      display: block;
      vertical-align: top;
      font-family: 'akrobatsemibold';
      padding-left: 49px;
      position: relative;
      color: #0C101B;
      font-size: 18px;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .left-nav li a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/icons.png) no-repeat; }
      .left-nav li a:hover, .left-nav li a:focus {
        color: #21A991;
        text-decoration: none; }
    .left-nav li.li1 a:before {
      width: 21px;
      height: 26px;
      background-position: -17px 0; }
    .left-nav li.li1 a:hover:before, .left-nav li.li1 a:focus:before {
      background-position: -41px 0; }
    .left-nav li.li2 a:before {
      width: 21px;
      height: 22px;
      top: 3px;
      background-position: -64px 0; }
    .left-nav li.li2 a:hover:before, .left-nav li.li2 a:focus:before {
      background-position: 0 -29px; }
    .left-nav li.li3 a:before {
      width: 22px;
      height: 17px;
      top: 3px;
      background-position: -24px -29px; }
    .left-nav li.li3 a:hover:before, .left-nav li.li3 a:focus:before {
      background-position: -49px -29px; }
    .left-nav li.li4 a:before {
      width: 24px;
      height: 20px;
      top: 3px;
      background-position: -73px -29px; }
    .left-nav li.li4 a:hover:before, .left-nav li.li4 a:focus:before {
      background-position: 0 -52px; }
    .left-nav li.li5 a:before {
      width: 28px;
      height: 21px;
      background-position: -27px -52px; }
    .left-nav li.li5 a:hover:before, .left-nav li.li5 a:focus:before {
      background-position: -57px -52px; }
    .left-nav li.li6 a:before {
      width: 20px;
      height: 24px;
      background-position: 0 -75px; }
    .left-nav li.li6 a:hover:before, .left-nav li.li6 a:focus:before {
      background-position: -22px -75px; }
    .left-nav li.li7 a:before {
      width: 20px;
      height: 20px;
      top: 2px;
      background-position: -44px -75px; }
    .left-nav li.li7 a:hover:before, .left-nav li.li7 a:focus:before {
      background-position: -67px -75px; }


@media (max-width: 1300px) {
  .btn-box{
    display: block;
  }  
}

@media (max-width: 768px) {
  .test-result li{
    display: block;
  }
  .test-result li span{
    display: block;
    width: 100%;
    display: block;
    min-height: auto;
  }
  .test-result li span:last-child{
    width: auto;
  }
  .test-result li strong{
    width: 100%;
    width: auto;
    margin: 0;
  }
  .btn-box .btn{
    font-size: 12px;
    max-width: 100%;
    white-space: normal;
  }
}