.btn-white {
  background-color: white;
  color: black; }

.btn-pink {
  background-color: #f2a6b4;
  color: black; }

.bg---grey {
  background-color: #f2f2f2; }

.nb__mobile {
  display: none; }

@media (max-width: 640px) {
  .nb__desk {
    display: none; }

  .nb__mobile {
    display: block; } }
/* Mixin */
.nb__banner {
  position: relative; }
  .nb__banner img {
    width: 100%; }
  .nb__banner .watch {
    position: absolute;
    bottom: 8%;
    left: 35%;
    height: 9%;
    width: 14%; }
  .nb__banner .order {
    position: absolute;
    bottom: 8%;
    right: 35%;
    height: 9%;
    width: 14%; }

.nb__sub-banner {
  background-color: #03A49F;
  text-align: center; }
  .nb__sub-banner img {
    margin: 0 auto;
    max-width: 100%; }

.nb__video {
  position: relative;
  overflow: hidden;
  text-align: center;
  /*iframe {
  	position: absolute;
     top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      -ms-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
     // background: url(polina.jpg) no-repeat;
      //background-size: cover; 
  }*/ }
  .nb__video .ribbon {
    box-sizing: border-box;
    text-align: left;
    position: absolute;
    right: 50%;
    margin-right: -600px;
    width: 292px;
    height: 451px;
    background: url(assets/img/lander/ribbon.svg) no-repeat 0 0 transparent;
    background-size: contain;
    z-index: 9; }
    .nb__video .ribbon .ribbon__inner {
      padding: 40px; }
    .nb__video .ribbon h3 {
      color: white;
      font-family: ITCAvantGardeProBk, Arial, sans-serif;
      letter-spacing: 6px;
      font-size: 28px;
      line-height: 38px;
      text-transform: uppercase; }
    .nb__video .ribbon .btn {
      padding: 20px 0px;
      width: 100%;
      margin: 0;
      font-size: 22px;
      text-align: center; }
    @media (max-width: 1300px) {
      .nb__video .ribbon {
        right: 30px;
        margin-right: 0; } }
    @media (max-width: 1000px) {
      .nb__video .ribbon {
        width: 235px; }
        .nb__video .ribbon .ribbon__inner {
          padding: 20px; }
        .nb__video .ribbon h3 {
          font-size: 22px;
          line-height: 32px; } }
  .nb__video .wrappers {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    .nb__video .wrappers iframe,
    .nb__video .wrappers object,
    .nb__video .wrappers embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.nb__anyone {
  text-align: center;
  background-color: #f2f3f3;
  padding: 80px 0px 120px;
  position: relative; }
  .nb__anyone .wrapper {
    width: 800px; }
    .nb__anyone .wrapper .anyone__intro {
      margin-bottom: 50px; }
      .nb__anyone .wrapper .anyone__intro h3 {
        font-family: ITCAvantGardeProBk, Arial, sans-serif;
        font-size: 30px;
        line-height: 40px;
        text-transform: uppercase;
        letter-spacing: 6px;
        color: black;
        margin-bottom: 20px;
        text-align: center; }
      .nb__anyone .wrapper .anyone__intro h4 {
        color: #00a19c;
        font-style: italic;
        font-size: 24px;
        margin: 20px 0; }
      .nb__anyone .wrapper .anyone__intro p {
        font-size: 19px; }
    .nb__anyone .wrapper .anyone__grid {
      font-size: 0;
      width: 600px;
      max-width: 100%;
      margin: 0 auto;
      margin-bottom: 20px; }
      .nb__anyone .wrapper .anyone__grid .block {
        width: 50%;
        display: inline-block;
        margin-bottom: 40px; }
        @media (max-width: 640px) {
          .nb__anyone .wrapper .anyone__grid .block {
            width: 100%; } }
    .nb__anyone .wrapper .btn {
      padding: 20px 50px;
      margin: 0;
      font-size: 22px;
      text-align: center; }
  @media (min-width: 641px) {
    .nb__anyone .hand-left {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      left: 0; } }
  .nb__anyone .hand-right {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0; }
    @media (max-width: 640px) {
      .nb__anyone .hand-right {
        display: none; } }
  @media (max-width: 1800px) {
    .nb__anyone .hand-left, .nb__anyone .hand-right {
      width: 300px; } }
  @media (min-width: 640px) and (max-width: 1200px) {
    .nb__anyone .hand-left, .nb__anyone .hand-right {
      width: 200px; } }

.nb__cols {
  padding: 120px 0 80px;
  position: relative; }
  .nb__cols .wrapper {
    width: 1080px; }
  .nb__cols h2 {
    font-size: 40px;
    line-height: 52px;
    margin-top: -20px;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: black;
    text-align: center; }

.perfect-grid {
  margin-left: -25px;
  font-size: 0;
  text-align: center; }
  .perfect-grid .col {
    padding-left: 25px;
    display: inline-block;
    width: 33.333%;
    font-size: 16px;
    margin-bottom: 40px;
    box-sizing: border-box;
    vertical-align: top; }
    @media (max-width: 640px) {
      .perfect-grid .col {
        width: 100%; } }
    .perfect-grid .col h3 {
      text-transform: uppercase;
      letter-spacing: 2px; }
      .perfect-grid .col h3 span {
        color: #f2a6b4; }
    .perfect-grid .col img {
      width: 100%; }
  .perfect-grid h3 {
    font-size: 24px; }

.nb__steps {
  text-align: center;
  padding: 90px 0 70px; }
  .nb__steps img {
    width: auto !important; }
  .nb__steps h2 {
    letter-spacing: 6px;
    margin: 0 auto 67px;
    text-transform: uppercase;
    color: #11b9b5;
    font: 30px/41px ITCAvantGardeProBk,Arial,sans-serif; }

.nb__cta {
  padding: 0 0 40px 0; }
  .nb__cta .cta-box {
    display: inline-block;
    vertical-align: middle;
    padding: 50px 0; }
    .nb__cta .cta-box .btn {
      padding: 20px 50px;
      margin: 0;
      font-size: 22px;
      text-align: center; }
  .nb__cta .cta__inner {
    background-color: #41cbc7;
    position: relative; }
    .nb__cta .cta__inner:before {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 70px;
      background-color: #2fb6b2;
      z-index: 0;
      content: ''; }
    .nb__cta .cta__inner .wrapper {
      position: relative;
      z-index: 3; }
      .nb__cta .cta__inner .wrapper .product {
        margin-top: -40px;
        margin-bottom: -40px; }
        .nb__cta .cta__inner .wrapper .product.product-right {
          float: right; }
      .nb__cta .cta__inner .wrapper .cta {
        display: block; }
      .nb__cta .cta__inner .wrapper img {
        vertical-align: middle; }

.nb__features {
  text-align: center;
  padding: 60px 0; }
  .nb__features .wrapper {
    width: 1000px; }
    .nb__features .wrapper .section__inner {
      margin-bottom: 50px; }
  .nb__features h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #11b9b5;
    font: 30px/41px ITCAvantGardeProBk,Arial,sans-serif; }
  .nb__features .owl-theme .owl-dots .owl-dot.active span, .nb__features .owl-theme .owl-dots .owl-dot:hover span {
    background: #42cbc6; }
  .nb__features .owl-product {
    margin-bottom: 50px; }

.nb__testimonial {
  padding: 80px 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .nb__testimonial h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    color: black;
    font: 30px/41px ITCAvantGardeProBk,Arial,sans-serif;
    text-align: center; }
  .nb__testimonial .item {
    text-align: center;
    padding: 0 30px; }
    @media (min-width: 950px) {
      .nb__testimonial .item {
        padding: 0 200px; } }
    .nb__testimonial .item img {
      width: auto;
      margin: 40px auto; }
  .nb__testimonial .owl-theme {
    margin-bottom: 50px; }
  .nb__testimonial .owl-theme .owl-nav {
    position: absolute;
    top: 50px;
    width: 100%; }
    .nb__testimonial .owl-theme .owl-nav > div {
      padding: 0;
      background: transparent;
      color: grey;
      font-size: 80px; }
    .nb__testimonial .owl-theme .owl-nav .owl-prev {
      float: left;
      margin-left: -10px; }
    .nb__testimonial .owl-theme .owl-nav .owl-next {
      float: right;
      margin-right: -10px; }

#nb__buy {
  padding: 40px;
  background: white;
  max-width: 100%;
  display: none; }
  @media (min-width: 830px) {
    #nb__buy {
      width: 660px; } }
  #nb__buy h3 {
    letter-spacing: 6px;
    text-transform: uppercase;
    color: black;
    font: 30px/41px ITCAvantGardeProBk,Arial,sans-serif;
    text-align: center;
    margin: 0; }
  #nb__buy .buy__contain {
    margin-left: -95px;
    font-size: 0; }
    #nb__buy .buy__contain .block {
      padding-left: 95px;
      width: 50%;
      display: inline-block;
      box-sizing: border-box;
      margin-top: 40px; }
      #nb__buy .buy__contain .block .inner {
        padding: 25px;
        border: 1px solid black;
        text-align: center; }
        #nb__buy .buy__contain .block .inner h4 {
          font-size: 18px;
          margin-top: 0;
          font-style: italic; }
      #nb__buy .buy__contain .block .btn {
        padding: 20px 0px;
        width: 100%;
        margin: 0;
        font-size: 22px;
        text-align: center;
        margin-top: 15px; }
      @media (max-width: 830px) {
        #nb__buy .buy__contain .block {
          padding-left: 45px; } }
      @media (max-width: 630px) {
        #nb__buy .buy__contain .block {
          width: 100%; } }
    @media (max-width: 830px) {
      #nb__buy .buy__contain {
        margin-left: -45px; } }

.nb__banner--mobile {
  position: relative; }
  .nb__banner--mobile .btn__contain {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 18%;
    z-index: 9; }
    .nb__banner--mobile .btn__contain .inner {
      height: 100%;
      padding: 0 20px; }
      .nb__banner--mobile .btn__contain .inner .inner__btn {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%; }
        .nb__banner--mobile .btn__contain .inner .inner__btn .btn {
          padding: 30px 0px;
          width: 100%;
          margin: 0;
          font-size: 22px;
          text-align: center;
          margin-bottom: 20px; }
          @media (max-width: 430px) {
            .nb__banner--mobile .btn__contain .inner .inner__btn .btn {
              padding: 20px 0px; } }

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