.badge {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  line-height: 23px;
  border-radius: 25px;
  background: #eee;
  color: #ddd;
  font-size: .8rem;
  text-align: center;
}

.badge.badge--green {
  background-color: rgba(103, 185, 49, 0.2);
  color: #67b931;
}

.badge .badge__icon {
  font-size: .7rem;
}
.block {
  position: relative;
  padding: 20px 0;
}

.block.block--sm {
  padding: 10px 0;
}

.block.block--md {
  padding: 30px 0;
}

.block.block--lg {
  padding: 40px 0;
}

.block.block--xlg {
  padding: 50px 0;
}

.block.block--xxlg {
  padding: 70px 0;
}

.block.block--blue-gradien {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5f3fc+12,e5f3fc+88,ffffff+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5f3fc 12%, #e5f3fc 88%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5f3fc 12%, #e5f3fc 88%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #e5f3fc 12%, #e5f3fc 88%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

.block.block--main {
  padding: 100px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.block.block--pre-footer {
  padding: 100px 0;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  background-color: #263340;
  color: #fff;
}

.block .block__title {
  font-size: 1.8rem;
  color: #273341;
  line-height: 3rem;
  margin-bottom: 25px;
}

.block .block__text {
  font-size: .9rem;
  color: #60707f;
  line-height: 1.3rem;
}

.block .block__icon {
  margin-top: 15px;
}
.btn {
  display: inline-block;
  position: relative;
  padding: 5px 15px;
  border: none;
  border-radius: 4px;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}

.btn + .btn {
  margin-left: 10px;
}

.btn.btn--sm {
  padding: 10px 20px;
}

.btn.btn--smd {
  padding: 11.5px 23px;
}

.btn.btn--md {
  padding: 15px 30px;
}

.btn.btn--lg {
  padding: 20px 40px;
}

.btn.btn--xlg {
  padding: 30px 60px;
}

.btn.btn--xxlg {
  padding: 40px 80px;
}

.btn.btn--blue-light {
  background: #e7f6fe;
  color: #14abf4;
}

.btn.btn--green {
  background: #6cbb37;
  color: #fff;
  border-color: #6cbb37;
}

.btn.btn--green.btn--push {
  box-shadow: 0 5px 0.2px #508c27;
}

.btn.btn--blue {
  background: #2196f3;
  color: #fff;
  border-color: #2196f3;
}

.btn.btn--blue.btn--push {
  box-shadow: 0 5px 0.2px #1976d2;
}

.btn.btn--push {
  margin-bottom: 5px;
  transition: all 250ms;
}

.btn.btn--push:hover {
  box-shadow: none;
  transform: translateY(5px);
}
.device {
  position: relative;
  margin: 0 auto;
}

.device-content {
  overflow: hidden;
  background-repeat: no-repeat;
}

.device-content.device-content--left {
  background-position: left !important;
}

.device-content.device-content--contain {
  background-size: contain !important;
}

.device-macbook {
  height: 432px;
  width: 740px;
}

.device-macbook .device-frame {
  background: #0d0d0d;
  border-radius: 20px;
  box-shadow: inset 0 0 0 2px #c8c9cb;
  height: 428px;
  margin: 0 auto;
  padding: 29px 19px 39px 19px;
  position: relative;
  width: 614px;
}

.device-macbook .device-frame:after {
  background: #272727;
  border-radius: 0 0 20px 20px;
  bottom: 2px;
  content: "";
  height: 26px;
  left: 2px;
  position: absolute;
  width: 610px;
}

.device-macbook .device-frame:before {
  bottom: 10px;
  color: #c8c9cb;
  content: "MacBook";
  font-size: 12px;
  height: 16px;
  left: 50%;
  line-height: 16px;
  margin-left: -100px;
  position: absolute;
  text-align: center;
  width: 200px;
  z-index: 1;
}

.device-macbook .device-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.device-macbook .device-image img {
  opacity: 0;
}

.device-macbook .device-shadow {
  height: 4px;
  border-radius: 100%;
  width: 90%;
  background: #333;
  margin: 0 auto;
  filter: blur(3px);
}

.device-macbook .device-content {
  background-color: #fff;
  background-position: center center;
  background-size: cover;
  border: 2px solid #121212;
  border-radius: 2px;
  height: 360px;
  position: relative;
  width: 576px;
}

.device-macbook .device-power {
  background: #e2e3e4;
  border: solid #d5d6d8;
  border-radius: 2px 2px 0 0;
  border-width: 0 4px;
  height: 4px;
  margin-top: -10px;
  position: relative;
  width: 740px;
  z-index: 3;
}

.device-macbook .device-power:after {
  background: radial-gradient(circle at center, #e2e3e4 0, #e2e3e4 85%, #a0a3a7 100%);
  border: solid #adb0b3;
  border-width: 0 2px;
  content: "";
  height: 4px;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  width: 120px;
}

.device-macbook .device-home {
  background: #a0a3a7;
  border-radius: 0 0 180px 180px/ 0 0 10px 10px;
  box-shadow: inset 0 -2px 6px 0 #474a4d;
  height: 10px;
  margin: 0 auto;
  position: relative;
  width: 740px;
  z-index: 2;
}

.device-macbook.device-gold .device-frame {
  box-shadow: inset 0 0 0 2px #edccb4;
}

.device-macbook.device-gold .device-power {
  background: #f7e8dd;
  border-color: #edccb4;
}

.device-macbook.device-gold .device-power:after {
  background: radial-gradient(circle at center, #f7e8dd 0, #f7e8dd 85%, #dfa276 100%);
  border-color: #e4b08a;
}

.device-macbook.device-gold .device-home {
  background: #edccb4;
  box-shadow: inset 0 -2px 6px 0 #83491f;
}

.device-macbook.device-rosegold .device-frame {
  box-shadow: inset 0 0 0 2px #f6a69a;
}

.device-macbook.device-rosegold .device-power {
  background: #facfc9;
  border-color: #f6a69a;
}

.device-macbook.device-rosegold .device-power:after {
  background: radial-gradient(circle at center, #facfc9 0, #facfc9 85%, #ef6754 100%);
  border-color: #f6a69a;
}

.device-macbook.device-rosegold .device-home {
  background: #f6a69a;
  box-shadow: inset 0 -2px 6px 0 #851b0c;
}

.device-macbook.device-spacegray .device-frame {
  box-shadow: inset 0 0 0 2px #767a7d;
}

.device-macbook.device-spacegray .device-power {
  background: #909496;
  border-color: #767a7d;
}

.device-macbook.device-spacegray .device-power::after {
  background: radial-gradient(circle at center, #909496 0, #909496 85%, #515456 100%);
  border-color: #5d6163;
}

.device-macbook.device-spacegray .device-home {
  background: #515456;
  box-shadow: inset 0 -2px 6px 0 #000000;
}

.device-iphone-8 {
  height: 698px;
  width: 336px;
}

.device-iphone-8 .device-frame {
  background: #0d0d0d;
  border-radius: 54px;
  box-shadow: inset 0 0 0 2px #c8c9cb, inset 0 0 0 6px #e2e3e4;
  height: 698px;
  padding: 82px 18px;
  width: 336px;
}

.device-iphone-8 .device-content {
  background-color: #fff;
  background-position: center center;
  background-size: cover;
  border: 2px solid #222;
  border-radius: 4px;
  height: 534px;
  position: relative;
  width: 300px;
}

.device-iphone-8 .device-stripe::after,
.device-iphone-8 .device-stripe::before {
  border: solid rgba(51, 51, 51, 0.15);
  border-width: 0 6px;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 9;
}

.device-iphone-8 .device-stripe::after {
  top: 55px;
}

.device-iphone-8 .device-stripe::before {
  bottom: 55px;
}

.device-iphone-8 .device-header {
  height: 36px;
  left: 50%;
  margin-left: -64px;
  position: absolute;
  top: 26px;
  width: 128px;
  z-index: 199;
}

.device-iphone-8 .device-header::after {
  background: #666;
  border-radius: 2.5px;
  content: "";
  height: 5px;
  left: 50%;
  margin-left: -30px;
  margin-top: -2.5px;
  position: absolute;
  top: 50%;
  width: 60px;
}

.device-iphone-8 .device-sensors::after,
.device-iphone-8 .device-sensors::before {
  background: #666;
  border-radius: 50%;
  content: "";
  position: absolute;
}

.device-iphone-8 .device-sensors::after {
  height: 8px;
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
  width: 8px;
}

.device-iphone-8 .device-sensors::before {
  height: 10px;
  left: 0;
  margin-top: -5px;
  top: 50%;
  width: 10px;
}

.device-iphone-8 .device-btns {
  background: #c8c9cb;
  height: 24px;
  left: -2px;
  position: absolute;
  top: 82px;
  width: 3px;
}

.device-iphone-8 .device-btns::after,
.device-iphone-8 .device-btns::before {
  background: #c8c9cb;
  content: "";
  height: 45px;
  left: 0;
  position: absolute;
  width: 3px;
}

.device-iphone-8 .device-btns::after {
  top: 50px;
}

.device-iphone-8 .device-btns::before {
  top: 106px;
}

.device-iphone-8 .device-power {
  background: #c8c9cb;
  height: 80px;
  right: -2px;
  position: absolute;
  top: 160px;
  width: 3px;
}

.device-iphone-8 .device-home {
  border: 2px solid #c8c9cb;
  border-radius: 50%;
  bottom: 20px;
  height: 46px;
  left: 50%;
  margin-left: -23px;
  position: absolute;
  width: 46px;
}

.device-iphone-8.device-gold .device-frame {
  box-shadow: inset 0 0 0 2px #edccb4, inset 0 0 0 6px #f7e8dd;
}

.device-iphone-8.device-gold .device-btns,
.device-iphone-8.device-gold .device-btns::after,
.device-iphone-8.device-gold .device-btns::before {
  background: #edccb4;
}

.device-iphone-8.device-gold .device-power {
  background: #edccb4;
}

.device-iphone-8.device-gold .device-home {
  border-color: #edccb4;
}

.device-iphone-8.device-spacegray .device-frame {
  background: #0d0d0d;
  box-shadow: inset 0 0 0 2px #767a7d, inset 0 0 0 6px #83878a;
}

.device-iphone-8.device-spacegray .device-stripe::after,
.device-iphone-8.device-spacegray .device-stripe::before {
  border-color: rgba(204, 204, 204, 0.35);
}

.device-iphone-8.device-spacegray .device-btns,
.device-iphone-8.device-spacegray .device-btns::after,
.device-iphone-8.device-spacegray .device-btns::before {
  background: #767a7d;
}

.device-iphone-8.device-spacegray .device-power {
  background: #767a7d;
}


.flex.flex--c {
  justify-content: center;
  align-items: center;
}
.footer {
  position: relative;
  background-color: #263340;
  color: #8998a6;
  padding: 40px 0;
}

.footer .footer__list .list__link {
  text-decoration: none;
  color: inherit;
  font-weight: 100;
  font-size: .8rem;
}

.footer .footer__social {
  margin: 20px 0;
}

.footer .btn {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #243f52;
  border-radius: 100px;
  color: #fff;
}
.container {
  box-sizing: border-box;
  max-width: 980px;
  padding: 0 25px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.container--fluid {
  width: 100%;
  max-width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
}

/* Large screen and bigger */

@media (min-width: 1220px) {
  .container {
    max-width: 1200px;
    padding: 0 35px;
  }
}

.container:before,
.container:after {
  content: "";
  display: table;
}

.container:after {
  clear: both;
}

.grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
}

.grid:before,
.grid:after {
  content: "";
  display: block;
  overflow: hidden;
}

.grid:after {
  clear: both;
}

.grid > * {
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  margin: 0;
  float: left;
}

/* Horizontal */

.grid {
  margin-left: -25px;
}

.grid > * {
  padding-left: 25px;
}

/* Vertical */

.grid + .grid,
.grid--margin,
.grid > * > .panel + .panel {
  margin-top: 25px;
}

/* Large screen and bigger */

@media (min-width: 1220px) {
  /* Horizontal */

  .grid {
    margin-left: -35px;
  }

  .grid > * {
    padding-left: 35px;
  }

  /* Vertical */

  .grid + .grid,
  .grid--margin,
  .grid > * > .panel + .panel {
    margin-top: 35px;
  }
}

/* Horizontal */

.grid--collapse {
  margin-left: 0;
}

.grid--collapse > * {
  padding-left: 0;
}

/* Vertical */

.grid--collapse + .grid--collapse,
.grid--collapse > .grid--margin,
.grid--collapse > * > .panel + .panel {
  margin-top: 0;
}

/* Horizontal */

.grid--sm {
  margin-left: -10px;
}

.grid--sm > * {
  padding-left: 10px;
}

/* Vertical */

.grid--sm + .grid--sm,
.grid--sm > .grid--margin,
.grid--sm > * > .panel + .panel {
  margin-top: 10px;
}

/* Horizontal */

.grid--md {
  margin-left: -25px;
}

.grid--md > * {
  padding-left: 25px;
}

/* Vertical */

.grid--md + .grid--md,
.grid--md > .grid--margin,
.grid--md > * > .panel + .panel {
  margin-top: 25px;
}

/* Modifier: `grid--divider`
 ========================================================================== */

.grid--divider:not(:empty) {
  margin-left: -25px;
  margin-right: -25px;
}

.grid--divider > * {
  padding-left: 25px;
  padding-right: 25px;
}

.grid--divider-full {
  margin-left: -25px;
  width: calc(100% + 50px) !important;
}

.grid--divider > [class*='col--1-']:not(.col--1-1):nth-child(n+2),
.grid--divider > [class*='col--2-']:nth-child(n+2),
.grid--divider > [class*='col--3-']:nth-child(n+2),
.grid--divider > [class*='col--4-']:nth-child(n+2),
.grid--divider > [class*='col--5-']:nth-child(n+2),
.grid--divider > [class*='col--6-']:nth-child(n+2),
.grid--divider > [class*='col--7-']:nth-child(n+2),
.grid--divider > [class*='col--8-']:nth-child(n+2),
.grid--divider > [class*='col--9-']:nth-child(n+2) {
  border-left: 1px solid #ddd;
}

/* Tablet and bigger */

@media (min-width: 768px) {
  .grid--divider > [class*='col--md-']:not(.col--md-1-1):nth-child(n+2) {
    border-left: 1px solid #ddd;
  }
}

/* Desktop and bigger */

@media (min-width: 960px) {
  .grid--divider > [class*='col--lg-']:not(.col--lg-1-1):nth-child(n+2) {
    border-left: 1px solid #ddd;
  }
}

/* Large screen and bigger */

@media (min-width: 1220px) {
  .grid--divider:not(:empty) {
    margin-left: -35px;
    margin-right: -35px;
  }

  .grid--divider > * {
    padding-left: 35px;
    padding-right: 35px;
  }

  .grid--divider:empty {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .grid--divider-small {
    border-top: 1px solid #ddd;
    margin-top: 12.5px;
    margin-bottom: 12.5px;
  }

  .grid--divider-mini {
    border-top: 1px solid #ddd;
    margin-top: 6.25px;
    margin-bottom: 6.25px;
  }

  .grid--divider-full {
    margin-left: -35px;
    width: calc(100% + 70px) !important;
  }
}

.grid--divider:empty {
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid #ddd;
}

.grid--match > * {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.grid--match > * > * {
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  box-sizing: border-box;
  width: 100%;
}

[class*='grid--col'] > * {
  box-sizing: border-box;
  width: 100%;
}

.grid-col--1-2 > * {
  width: 50%;
}

.grid-col--1-3 > * {
  width: 33.333%;
}

.grid-col--1-4 > * {
  width: 25%;
}

.grid-col--1-5 > * {
  width: 20%;
}

.grid-col--1-6 > * {
  width: 16.666%;
}

.grid-col--1-10 > * {
  width: 10%;
}

.grid-col--auto > * {
  width: auto;
}

@media (min-width: 320px) {
  .grid-col--sm-1-2 > * {
    width: 50%;
  }

  .grid-col--sm-1-3 > * {
    width: 33.333%;
  }

  .grid-col--sm-1-4 > * {
    width: 25%;
  }

  .grid-col--sm-1-5 > * {
    width: 20%;
  }

  .grid-col--sm-1-6 > * {
    width: 16.666%;
  }

  .grid-col--sm-1-10 > * {
    width: 10%;
  }
}

@media (min-width: 768px) {
  .grid-col--md-1-2 > * {
    width: 50%;
  }

  .grid-col--md-1-3 > * {
    width: 33.333%;
  }

  .grid-col--md-1-4 > * {
    width: 25%;
  }

  .grid-col--md-1-5 > * {
    width: 20%;
  }

  .grid-col--md-1-6 > * {
    width: 16.666%;
  }

  .grid-col--md-1-10 > * {
    width: 10%;
  }
}

@media (min-width: 960px) {
  .grid-col--lg-1-2 > * {
    width: 50%;
  }

  .grid-col--lg-1-3 > * {
    width: 33.333%;
  }

  .grid-col--lg-1-4 > * {
    width: 25%;
  }

  .grid-col--lg-1-5 > * {
    width: 20%;
  }

  .grid-col--lg-1-6 > * {
    width: 16.666%;
  }

  .grid-col--lg-1-10 > * {
    width: 10%;
  }
}

@media (min-width: 1220px) {
  .grid-col--xlg-1-2 > * {
    width: 50%;
  }

  .grid-col--xlg-1-3 > * {
    width: 33.333%;
  }

  .grid-col--xlg-1-4 > * {
    width: 25%;
  }

  .grid-col--xlg-1-5 > * {
    width: 20%;
  }

  .grid-col--xlg-1-6 > * {
    width: 16.666%;
  }

  .grid-col--xlg-1-10 > * {
    width: 10%;
  }
}

[class*='col'] {
  box-sizing: border-box;
  width: 100%;
}

.col--1-1 {
  width: 100%;
}

.col--1-2,
.col--2-4,
.col--3-6,
.col--5-10 {
  width: 50%;
}

.col--1-3,
.col--2-6 {
  width: 33.333%;
}

.col--2-3,
.col--4-6 {
  width: 66.666%;
}

.col--1-4 {
  width: 25%;
}

.col--3-4 {
  width: 75%;
}

.col--1-5,
.col--2-10 {
  width: 20%;
}

.col--2-5,
.col--4-10 {
  width: 40%;
}

.col--3-5,
.col--6-10 {
  width: 60%;
}

.col--4-5,
.col--8-10 {
  width: 80%;
}

.col--1-6 {
  width: 16.666%;
}

.col--5-6 {
  width: 83.333%;
}

.col--1-10 {
  width: 10%;
}

.col--3-10 {
  width: 30%;
}

.col--7-10 {
  width: 70%;
}

.col--9-10 {
  width: 90%;
}

/* Phone landscape and bigger */

@media (min-width: 320px) {
  .col--sm-1-1 {
    width: 100%;
  }

  .col--sm-1-2,
  .col--sm-2-4,
  .col--sm-3-6,
  .col--sm-5-10 {
    width: 50%;
  }

  .col--sm-1-3,
  .col--sm-2-6 {
    width: 33.333%;
  }

  .col--sm-2-3,
  .col--sm-4-6 {
    width: 66.666%;
  }

  .col--sm-1-4 {
    width: 25%;
  }

  .col--sm-3-4 {
    width: 75%;
  }

  .col--sm-1-5,
  .col--sm-2-10 {
    width: 20%;
  }

  .col--sm-2-5,
  .col--sm-4-10 {
    width: 40%;
  }

  .col--sm-3-5,
  .col--sm-6-10 {
    width: 60%;
  }

  .col--sm-4-5,
  .col--sm-8-10 {
    width: 80%;
  }

  .col--sm-1-6 {
    width: 16.666%;
  }

  .col--sm-5-6 {
    width: 83.333%;
  }

  .col--sm-1-10 {
    width: 10%;
  }

  .col--sm-3-10 {
    width: 30%;
  }

  .col--sm-7-10 {
    width: 70%;
  }

  .col--sm-9-10 {
    width: 90%;
  }
}

/* Tablet and bigger */

@media (min-width: 768px) {
  .col--md-1-1 {
    width: 100%;
  }

  .col--md-1-2,
  .col--md-2-4,
  .col--md-3-6,
  .col--md-5-10 {
    width: 50%;
  }

  .col--md-1-3,
  .col--md-2-6 {
    width: 33.333%;
  }

  .col--md-2-3,
  .col--md-4-6 {
    width: 66.666%;
  }

  .col--md-1-4 {
    width: 25%;
  }

  .col--md-3-4 {
    width: 75%;
  }

  .col--md-1-5,
  .col--md-2-10 {
    width: 20%;
  }

  .col--md-2-5,
  .col--md-4-10 {
    width: 40%;
  }

  .col--md-3-5,
  .col--md-6-10 {
    width: 60%;
  }

  .col--md-4-5,
  .col--md-8-10 {
    width: 80%;
  }

  .col--md-1-6 {
    width: 16.666%;
  }

  .col--md-5-6 {
    width: 83.333%;
  }

  .col--md-1-10 {
    width: 10%;
  }

  .col--md-3-10 {
    width: 30%;
  }

  .col--md-7-10 {
    width: 70%;
  }

  .col--md-9-10 {
    width: 90%;
  }
}

/* Desktop and bigger */

@media (min-width: 960px) {
  .col--lg-1-1 {
    width: 100%;
  }

  .col--lg-1-2,
  .col--lg-2-4,
  .col--lg-3-6,
  .col--lg-5-10 {
    width: 50%;
  }

  .col--lg-1-3,
  .col--lg-2-6 {
    width: 33.333%;
  }

  .col--lg-2-3,
  .col--lg-4-6 {
    width: 66.666%;
  }

  .col--lg-1-4 {
    width: 25%;
  }

  .col--lg-3-4 {
    width: 75%;
  }

  .col--lg-1-5,
  .col--lg-2-10 {
    width: 20%;
  }

  .col--lg-2-5,
  .col--lg-4-10 {
    width: 40%;
  }

  .col--lg-3-5,
  .col--lg-6-10 {
    width: 60%;
  }

  .col--lg-4-5,
  .col--lg-8-10 {
    width: 80%;
  }

  .col--lg-1-6 {
    width: 16.666%;
  }

  .col--lg-5-6 {
    width: 83.333%;
  }

  .col--lg-1-10 {
    width: 10%;
  }

  .col--lg-3-10 {
    width: 30%;
  }

  .col--lg-7-10 {
    width: 70%;
  }

  .col--lg-9-10 {
    width: 90%;
  }
}

/* Large screen and bigger */

@media (min-width: 1220px) {
  .col--xlg-1-1 {
    width: 100%;
  }

  .col--xlg-1-2,
  .col--xlg-2-4,
  .col--xlg-3-6,
  .col--xlg-5-10 {
    width: 50%;
  }

  .col--xlg-1-3,
  .col--xlg-2-6 {
    width: 33.333%;
  }

  .col--xlg-2-3,
  .col--xlg-4-6 {
    width: 66.666%;
  }

  .col--xlg-1-4 {
    width: 25%;
  }

  .col--xlg-3-4 {
    width: 75%;
  }

  .col--xlg-1-5,
  .col--xlg-2-10 {
    width: 20%;
  }

  .col--xlg-2-5,
  .col--xlg-4-10 {
    width: 40%;
  }

  .col--xlg-3-5,
  .col--xlg-6-10 {
    width: 60%;
  }

  .col--xlg-4-5,
  .col--xlg-8-10 {
    width: 80%;
  }

  .col--xlg-1-6 {
    width: 16.666%;
  }

  .col--xlg-5-6 {
    width: 83.333%;
  }

  .col--xlg-1-10 {
    width: 10%;
  }

  .col--xlg-3-10 {
    width: 30%;
  }

  .col--xlg-7-10 {
    width: 70%;
  }

  .col--xlg-9-10 {
    width: 90%;
  }
}

/* Tablet and bigger */

@media (min-width: 768px) {
  [class*='push--'],
  [class*='pull--'] {
    position: relative;
  }

  .push--1-2,
  .push--2-4,
  .push--3-6,
  .push--5-10 {
    left: 50%;
  }

  .push--1-3,
  .push--2-6 {
    left: 33.333%;
  }

  .push--2-3,
  .push--4-6 {
    left: 66.666%;
  }

  .push--1-4 {
    left: 25%;
  }

  .push--3-4 {
    left: 75%;
  }

  .push--1-5,
  .push--2-10 {
    left: 20%;
  }

  .push--2-5,
  .push--4-10 {
    left: 40%;
  }

  .push--3-5,
  .push--6-10 {
    left: 60%;
  }

  .push--4-5,
  .push--8-10 {
    left: 80%;
  }

  .push--1-6 {
    left: 16.666%;
  }

  .push--5-6 {
    left: 83.333%;
  }

  .push--1-10 {
    left: 10%;
  }

  .push--3-10 {
    left: 30%;
  }

  .push--7-10 {
    left: 70%;
  }

  .push--9-10 {
    left: 90%;
  }

  .pull--1-2,
  .pull--2-4,
  .pull--3-6,
  .pull--5-10 {
    left: -50%;
  }

  .pull--1-3,
  .pull--2-6 {
    left: -33.333%;
  }

  .pull--2-3,
  .pull--4-6 {
    left: -66.666%;
  }

  .pull--1-4 {
    left: -25%;
  }

  .pull--3-4 {
    left: -75%;
  }

  .pull--1-5,
  .pull--2-10 {
    left: -20%;
  }

  .pull--2-5,
  .pull--4-10 {
    left: -40%;
  }

  .pull--3-5,
  .pull--6-10 {
    left: -60%;
  }

  .pull--4-5,
  .pull--8-10 {
    left: -80%;
  }

  .pull--1-6 {
    left: -16.666%;
  }

  .pull--5-6 {
    left: -83.333%;
  }

  .pull--1-10 {
    left: -10%;
  }

  .pull--3-10 {
    left: -30%;
  }

  .pull--7-10 {
    left: -70%;
  }

  .pull--9-10 {
    left: -90%;
  }
}
.icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5rem;
}

.icon + .icon {
  margin-left: 10px;
}

.icon.icon--sm {
  font-size: 0.75rem;
}

.icon.icon--smd {
  font-size: 1.65rem;
}

.icon.icon--md {
  font-size: 2.25rem;
}

.icon.icon--lg {
  font-size: 3rem;
}

.icon.icon--xlg {
  font-size: 4.5rem;
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?778cfk");
  src: url("../fonts/icomoon.eot?778cfk#iefix") format('embedded-opentype'), url("../fonts/icomoon.ttf?778cfk") format('truetype'), url("../fonts/icomoon.woff?778cfk") format('woff'), url("../fonts/icomoon.svg?778cfk#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
  content: "\e0cd";
}

.icon-check:before {
  content: "\e5ca";
}

.icon-close:before {
  content: "\e5cd";
}

.icon-done_all:before {
  content: "\e877";
}

.icon-menu:before {
  content: "\e5d2";
}

.icon-more_horiz:before {
  content: "\e5d3";
}

.icon-more_vert:before {
  content: "\e5d4";
}

.icon-phone_forwarded:before {
  content: "\e61c";
}

.icon-phone_in_talk:before {
  content: "\e61d";
}

.icon-phone_iphone:before {
  content: "\e325";
}

.icon-phone_locked:before {
  content: "\e61e";
}

.icon-phone_missed:before {
  content: "\e61f";
}

.icon-phone_paused:before {
  content: "\e620";
}

.icon-remove:before {
  content: "\e15b";
}

.icon-sort:before {
  content: "\e164";
}

.icon-supervisor_account:before {
  content: "\e8d3";
}

.icon-funds:before {
  content: "\e900";
}

.icon-payment-method:before {
  content: "\e901";
}

.icon-briefcase:before {
  content: "\e902";
}

.icon-networking:before {
  content: "\e903";
}

.icon-laptop:before {
  content: "\e904";
}

.icon-padlock_one:before {
  content: "\e905";
}

.icon-safebox:before {
  content: "\e906";
}

.icon-map:before {
  content: "\e907";
}

.icon-cursor:before {
  content: "\e908";
}

.icon-layers:before {
  content: "\e909";
}

.icon-id-card:before {
  content: "\e90a";
}

.icon-money:before {
  content: "\e90b";
}

.icon-shield:before {
  content: "\e90c";
}

.icon-calendar:before {
  content: "\e90d";
}

.icon-chat:before {
  content: "\e90e";
}

.icon-image:before {
  content: "\e90f";
}

.icon-padlock:before {
  content: "\e910";
}

.icon-credit-card-trans:before {
  content: "\e911";
}

.icon-wallet:before {
  content: "\e912";
}

.icon-credit-card:before {
  content: "\e913";
}

.icon-plastic-card:before {
  content: "\e914";
}

.icon-laurel-left:before {
  content: "\e915";
}

.icon-laurel-right:before {
  content: "\e916";
}

.icon-award-symbol:before {
  content: "\e917";
}

.icon-star:before {
  content: "\e918";
}

.icon-back:before {
  content: "\e919";
}

.icon-next:before {
  content: "\e91a";
}
.list.list--v .list__item {
  line-height: 1.3rem;
  font-size: .9rem;
}

.list.list--v .list__item + .list__item {
  margin-top: 10px;
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #4c637b;
}

.main {
  padding-top: 140px;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

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

img {
  max-width: 100%;
}
.slider {
  position: relative;
}

.slider .slider__item {
  float: left;
  width: 25%;
  text-align: center;
}

.slider .slider__link {
  display: block;
  padding: 30px;
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
  transition: all 300ms;
}

.slider .slider__link:hover {
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
}

.slider .slider__title {
  display: block;
  font-weight: 400;
  font-size: .9rem;
  line-height: 1.4;
}

.slider .slider__subtitle {
  display: block;
  font-size: .8rem;
  text-transform: uppercase;
  color: #b9c2cb;
  margin-top: 10px;
}

.slider .slider__img {
  height: 100px;
}

.slider .slider__dot {
  text-align: center;
  padding: 20px 0;
}

.slider .slider__dot-item {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #d7effb;
  border: 6px solid #fff;
}

.slider .slider__dot-item+.slider__dot-item {
  margin-left: 6px;
}

.slider .slider__dot-item.active {
  background: #38b1ea;
}

.slider .slider__nav-item {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50px;
  background-color: #d7effb;
  color: #38b1ea;
  text-decoration: none;
  text-align: center;
  margin-top: -30px;
  font-size: .8rem;
}

.slider .slider__nav-item.slider__nav-item--prev {
  left: -50px;
}

.slider .slider__nav-item.slider__nav-item--next {
  right: -50px;
}
.sms {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e8edf3;
}
.star {
  position: relative;
}

.star .star__above {
  margin: 30px 0;
}

.star .star__above-text {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
  line-height: 1.5rem;
}

.star .star__rating {
  position: relative;
  width: 450px;
  margin: 30px auto;
}

.star .star__rating:before,
.star .star__rating:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 100px;
  background: #eee;
}

.star .star__rating:before {
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8be3a+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f8be3a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f8be3a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f8be3a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f8be3a', GradientType=1);
  /* IE6-9 */
}

.star .star__rating:after {
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8be3a+0,ffffff+100&1+0,0+100 */
  background: -moz-linear-gradient(left, #f8be3a 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f8be3a 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f8be3a 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8be3a', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
}
.t--muted {
  color: #a4a4a3 !important;
}

.t--blue {
  color: #2196f3 !important;
}

.t--yellow {
  color: #f8be3a !important;
}

.t--r {
  text-align: right !important;
}

.t--l {
  text-align: left !important;
}

.t--c {
  text-align: center !important;
}

.t--light {
  font-weight: 200 !important;
}

.t--sm {
  font-size: 75% !important;
  line-height: 1.2rem;
}

.t--md {
  font-size: 85% !important;
}

.t--bold {
  font-weight: 700 !important;
}

.t--light {
  font-weight: 100 !important;
}

.t--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t--italic {
  font-style: italic;
}

.t--h1 {
  font-size: 3rem;
  line-height: 4rem;
}

.t--h2 {
  font-size: 2.2rem;
  line-height: 3.5rem;
}

.t--h3 {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.t--h4 {
  font-size: 1.2rem;
  line-height: 2.2rem;
}

.t--h5 {
  font-size: 1rem;
  line-height: 1.8rem;
}

.t--h6 {
  font-size: 0.9rem;
  line-height: 1.2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}
.top-menu {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  padding: 15px 25px;
  box-shadow: 0px 6px 60px 0px rgba(38, 51, 64, 0.05);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  z-index: 1000;
}

.top-menu .top-menu__logo {
  font-size: 1.4rem;
  float: left;
  line-height: 1.8rem;
}

.top-menu .top-menu__phone {
  float: left;
  color: #b5b8bb;
  font-size: 20px;
  line-height: 30px;
  padding-left: 20px;
  margin-left: 10px;
  border-left: 2px solid #e9eaec;
  vertical-align: middle;
  text-decoration: none;
  font-weight: 100;
}

.top-menu .top-menu__list {
  float: right;
}

.top-menu .top-menu__item {
  display: inline-block;
  margin-right: -4px;
}

.top-menu .top-menu__item + .top-menu__item {
  margin-left: 15px;
}

.top-menu .top-menu__link {
  font-size: 15px;
  font-weight: 300;
  color: #666;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
  text-decoration: none;
}

.top-menu .top-menu__btn {
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
}
.f--left {
  float: left;
}

.f--right {
  float: right;
}

.t--c {
  text-align: center !important;
}

.t--r {
  text-align: right !important;
}

.t--l {
  text-align: left !important;
}

.border--radius {
  border-radius: 4px;
}

.border--rounded {
  border-radius: 500px !important;
}

.border--none {
  border: none !important;
}

.hr {
  position: relative;
  width: 60%;
  margin: 10px auto;
}

.hr:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100px;
  margin-top: -6px;
  box-shadow: 0 0 0 10px #fff;
}

.m {
  margin: 20px 0 !important;
}

.m--sm {
  margin: 10px 0 !important;
}

.m--mini {
  margin: 5px 0 !important;
}

.m--full-sm {
  margin: 10px !important;
}

.m--full-mini {
  margin: 5px !important;
}

.m--b {
  margin: 0 0 20px !important;
}

.m--b-xlg {
  margin: 0 0 80px;
}

.m--b-lg {
  margin: 0 0 40px;
}

.m--b-md {
  margin: 0 0 30px;
}

.m--b-sm {
  margin: 0 0 10px;
}

.m--b-mini {
  margin: 0 0 5px;
}

.m--t {
  margin: 20px 0 0 !important;
}

.m--t-xxxlg {
  margin: 240px 0 0;
}

.m--t-xxlg {
  margin: 160px 0 0;
}

.m--t-xlg {
  margin: 80px 0 0;
}

.m--t-lg {
  margin: 40px 0 0;
}

.m--t-md {
  margin: 30px 0 0;
}

.m--t-sm {
  margin: 10px 0 0;
}

.m--t-mini {
  margin: 5px 0 0;
}

.m--t-reset {
  margin-top: 0 !important;
}

.m--t-reverse {
  margin-top: -20px !important;
}

.m--r {
  margin: 0 20px 0 0 !important;
}

.m--r-sm {
  margin: 0 10px 0 0;
}

.m--r-mini {
  margin: 0 5px 0 0;
}

.m--auto {
  margin: 0 auto;
}

.m--v {
  margin: 20px 0 !important;
}

.m--v-xlg {
  margin: 80px 0 !important;
}

.m--v-lg {
  margin: 40px 0 !important;
}

.m--v-md {
  margin: 30px 0 !important;
}

.m--v-sm {
  margin: 10px 0 !important;
}

.m--v-5 {
  margin: 5px 0;
}

.m--reset {
  margin: 0 !important;
}

.p--reset {
  padding: 0 !important;
}

.cursor--pointer {
  cursor: pointer;
}

.icon--sm {
  font-size: 0.75rem;
  vertical-align: middle;
}

.icon--md {
  font-size: 2.25rem;
  vertical-align: middle;
}

.icon--lg {
  font-size: 3rem;
  vertical-align: middle;
}

.blockquote,
blockquote {
  position: relative;
  padding-left: 30px;
  border-left: 2px solid #2196f3;
  margin: 15px 0;
  font-weight: 300;
  font-size: 0.9rem;
  line-height: 1.3rem;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: '';
  clear: both;
  height: 0;
}