@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3664306, 2018-10-30T15:02:15-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: MrEavesXLSanOT-Thin by Emigre
 * URL: https://www.myfonts.com/fonts/emigre/mr-eaves-xl-sans-opentype/ot-thin/
 * Copyright: Copyright (c) Emigre Inc, 2011. Designed by Zuzana Licko. All rights reserved.
 *
 * Webfont: MrEavesXLSanOT-Light by Emigre
 * URL: https://www.myfonts.com/fonts/emigre/mr-eaves-xl-sans-opentype/ot-light/
 * Copyright: Copyright (c) Emigre Inc, 2011. Designed by Zuzana Licko. All rights reserved.
 *
 * Webfont: MrEavesXLSanOT-RegItalic by Emigre
 * URL: https://www.myfonts.com/fonts/emigre/mr-eaves-xl-sans-opentype/ot-italic/
 * Copyright: Copyright (c) Emigre Inc, 2009. Designed by Zuzana Licko. All rights reserved.
 *
 * Webfont: MrEavesXLSanOT-HeavyItalic by Emigre
 * URL: https://www.myfonts.com/fonts/emigre/mr-eaves-xl-sans-opentype/ot-heavy-italic/
 * Copyright: Copyright (c) Emigre Inc, 2009. Designed by Zuzana Licko. All rights reserved.
 *
 * Webfont: MrEavesXLSanOT-Bold by Emigre
 * URL: https://www.myfonts.com/fonts/emigre/mr-eaves-xl-sans-opentype/ot-bold/
 * Copyright: Copyright (c) Emigre Inc, 2009. Designed by Zuzana Licko. All rights reserved.
 *
 * Webfont: MrEavesXLSanOT-Reg by Emigre
 * URL: https://www.myfonts.com/fonts/emigre/mr-eaves-xl-sans-opentype/ot/
 * Copyright: Copyright (c) Emigre Inc, 2009. Designed by Zuzana Licko. All rights reserved.
 *
 * Webfont: MrEavesXLSanOT-BoldItalic by Emigre
 * URL: https://www.myfonts.com/fonts/emigre/mr-eaves-xl-sans-opentype/ot-bold-italic/
 * Copyright: Copyright (c) Emigre Inc, 2009. Designed by Zuzana Licko. All rights reserved.
 *
 * Webfont: MrEavesXLSanOT-Heavy by Emigre
 * URL: https://www.myfonts.com/fonts/emigre/mr-eaves-xl-sans-opentype/ot-heavy/
 * Copyright: Copyright (c) Emigre Inc, 2009. Designed by Zuzana Licko. All rights reserved.
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3664306
 * Licensed pageviews: 10,000
 *
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("https://hello.myfonts.net/count/37e9b2");
@font-face {
  font-family: 'MrEavesXLSanOT-Thin';
  src: url("../fonts/37E9B2_0_0.eot");
  src: url("../fonts/37E9B2_0_0.eot#iefix") format("embedded-opentype"), url("../fonts/37E9B2_0_0.woff") format("woff2"), url("../fonts/37E9B2_0_0.woff") format("woff"), url("../fonts/37E9B2_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'MrEavesXLSanOT-Light';
  src: url("../fonts/37E9B2_1_0.eot");
  src: url("../fonts/37E9B2_1_0.eot#iefix") format("embedded-opentype"), url("../fonts/37E9B2_1_0.woff") format("woff2"), url("../fonts/37E9B2_1_0.woff") format("woff"), url("../fonts/37E9B2_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'MrEavesXLSanOT-RegItalic';
  src: url("../fonts/37E9B2_2_0.eot");
  src: url("../fonts/37E9B2_2_0.eot#iefix") format("embedded-opentype"), url("../fonts/37E9B2_2_0.woff") format("woff2"), url("../fonts/37E9B2_2_0.woff") format("woff"), url("../fonts/37E9B2_2_0.ttf") format("truetype"); }

@font-face {
  font-family: 'MrEavesXLSanOT-HeavyItalic';
  src: url("../fonts/37E9B2_3_0.eot");
  src: url("../fonts/37E9B2_3_0.eot#iefix") format("embedded-opentype"), url("../fonts/37E9B2_3_0.woff") format("woff2"), url("../fonts/37E9B2_3_0.woff") format("woff"), url("../fonts/37E9B2_3_0.ttf") format("truetype"); }

@font-face {
  font-family: 'MrEavesXLSanOT-Bold';
  src: url("../fonts/37E9B2_4_0.eot");
  src: url("../fonts/37E9B2_4_0.eot#iefix") format("embedded-opentype"), url("../fonts/37E9B2_4_0.woff") format("woff2"), url("../fonts/37E9B2_4_0.woff") format("woff"), url("../fonts/37E9B2_4_0.ttf") format("truetype"); }

@font-face {
  font-family: 'MrEavesXLSanOT-Reg';
  src: url("../fonts/37E9B2_5_0.eot");
  src: url("../fonts/37E9B2_5_0.eot#iefix") format("embedded-opentype"), url("../fonts/37E9B2_5_0.woff") format("woff2"), url("../fonts/37E9B2_5_0.woff") format("woff"), url("../fonts/37E9B2_5_0.ttf") format("truetype"); }

@font-face {
  font-family: 'MrEavesXLSanOT-BoldItalic';
  src: url("../fonts/37E9B2_6_0.eot");
  src: url("../fonts/37E9B2_6_0.eot#iefix") format("embedded-opentype"), url("../fonts/37E9B2_6_0.woff") format("woff2"), url("../fonts/37E9B2_6_0.woff") format("woff"), url("../fonts/37E9B2_6_0.ttf") format("truetype"); }

@font-face {
  font-family: 'MrEavesXLSanOT-Heavy';
  src: url("../fonts/37E9B2_7_0.eot");
  src: url("../fonts/37E9B2_7_0.eot#iefix") format("embedded-opentype"), url("../fonts/37E9B2_7_0.woff") format("woff2"), url("../fonts/37E9B2_7_0.woff") format("woff"), url("../fonts/37E9B2_7_0.ttf") format("truetype"); }

header {
  position: fixed !important;
  background: transparent;
  width: 230px;
  z-index: 9999;
  padding-right: 0px !important;
  padding-left: 0px !important; }
  @media screen and (min-width: 992px) {
    header {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001637+1,005077+96 */
      background: #001637;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #001637), color-stop(96%, #005077));
      background: linear-gradient(to bottom, #001637 1%, #005077 96%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001637', endColorstr='#005077',GradientType=0 );
      /* IE6-9 */
      padding: 0 10px !important;
      width: 300px; } }
  @media screen and (min-width: 1024px) {
    header {
      padding: 0 30px !important; } }
  @media screen and (min-width: 992px) {
    header.bd-sidebar {
      z-index: 1000;
      height: calc(100vh - 0rem);
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      top: 0; } }
  header .navbar-brand {
    position: relative;
    padding: 0;
    top: 50px;
    margin: 0;
    display: none; }
    @media screen and (min-width: 992px) {
      header .navbar-brand {
        display: inline-block; } }
    header .navbar-brand img {
      width: 100%;
      height: auto; }
  header nav {
    width: 230px;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001637+1,005077+96 */
    background: #001637;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #001637), color-stop(96%, #005077));
    background: linear-gradient(to bottom, #001637 1%, #005077 96%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001637', endColorstr='#005077',GradientType=0 );
    /* IE6-9 */ }
    @media screen and (min-width: 992px) {
      header nav {
        background: transparent; } }
    header nav.navbar {
      margin: 0 0 0; }
      @media screen and (min-width: 992px) {
        header nav.navbar {
          margin: 60px 0 0 18px; } }
      @media screen and (min-width: 1024px) {
        header nav.navbar {
          margin: 70px 0 0 0px; } }
      @media screen and (min-width: 992px) {
        header nav.navbar .navbar-collapse {
          display: block !important; } }
    header nav #navbarNav {
      padding: 100px 30px 80vw;
      font-family: "MrEavesXLSanOT-Reg";
      font-size: 4vw; }
      @media screen and (min-width: 768px) {
        header nav #navbarNav {
          font-size: 2vw; } }
      @media screen and (min-width: 992px) {
        header nav #navbarNav {
          font-size: 1.2vw;
          width: 100%;
          padding: 0; } }
      @media screen and (min-width: 1024px) {
        header nav #navbarNav {
          padding: 0;
          font-size: 1.2vw;
          width: auto; } }
      header nav #navbarNav .navbar-navs {
        display: inline-block; }
        header nav #navbarNav .navbar-navs .nav-item {
          word-wrap: break-word; }
          header nav #navbarNav .navbar-navs .nav-item.active .nav-link {
            color: #9DD8D9;
            -webkit-transition: ease-in 0.2s;
            transition: ease-in 0.2s;
            font-family: "MrEavesXLSanOT-Bold"; }
          header nav #navbarNav .navbar-navs .nav-item .nav-link {
            color: #fff;
            text-transform: uppercase;
            padding: .4rem 0;
            -webkit-transition: ease-in 0.2s;
            transition: ease-in 0.2s; }
            @media screen and (min-width: 1024px) {
              header nav #navbarNav .navbar-navs .nav-item .nav-link {
                padding: .5rem 0; } }
            header nav #navbarNav .navbar-navs .nav-item .nav-link:hover {
              color: #9DD8D9;
              font-family: "MrEavesXLSanOT-Bold"; }
      header nav #navbarNav .social-media {
        margin: 20px 0px;
        padding: 0px; }
        @media screen and (min-width: 992px) {
          header nav #navbarNav .social-media {
            margin: 13px 0px 20px; } }
        @media screen and (min-width: 1024px) {
          header nav #navbarNav .social-media {
            margin: 20px 0px; } }
        header nav #navbarNav .social-media ul {
          padding: 10px 0 20px;
          margin: 0; }
          @media screen and (min-width: 992px) {
            header nav #navbarNav .social-media ul {
              padding: 26px 0 38px; } }
          @media screen and (min-width: 1024px) {
            header nav #navbarNav .social-media ul {
              padding: 10px 0 30px; } }
          header nav #navbarNav .social-media ul li {
            list-style: none;
            display: inline-block;
            width: 31px;
            height: 32px;
            margin: 0 10px 0 0; }
            @media screen and (min-width: 1024px) {
              header nav #navbarNav .social-media ul li {
                width: 43px;
                height: 44px; } }
        header nav #navbarNav .social-media .icon {
          width: 100%;
          height: 100%;
          font-size: 0px;
          display: block;
          background-size: contain;
          -webkit-transition: ease-in 0.2s;
          transition: ease-in 0.2s;
          background-repeat: no-repeat; }
          header nav #navbarNav .social-media .icon.facebook {
            background-image: url(../img/menu/icon-facebook.png);
            margin: 0 10px 0 0; }
            header nav #navbarNav .social-media .icon.facebook:hover {
              background-image: url(../img/menu/icon-facebook-hover.png); }
          header nav #navbarNav .social-media .icon.instagram {
            background-image: url(../img/menu/icon-instagram.png); }
            header nav #navbarNav .social-media .icon.instagram:hover {
              background-image: url(../img/menu/icon-instagram-hover.png); }
        header nav #navbarNav .social-media .lozam {
          background-image: url(../img/menu/lozam.png);
          background-repeat: no-repeat;
          width: 59px;
          height: 9px;
          display: inline-block; }
          @media screen and (min-width: 1024px) {
            header nav #navbarNav .social-media .lozam {
              background-image: url(../img/menu/lozam-desk.png);
              width: 88px;
              height: 13px; } }
      header nav #navbarNav .box-contact {
        color: #fff;
        padding: 0px; }
        header nav #navbarNav .box-contact h3 {
          text-transform: uppercase;
          font-family: "MrEavesXLSanOT-Reg";
          font-size: 3.5vw;
          margin-bottom: 0px; }
          @media screen and (min-width: 768px) {
            header nav #navbarNav .box-contact h3 {
              font-size: 2vw; } }
          @media screen and (min-width: 1024px) {
            header nav #navbarNav .box-contact h3 {
              font-size: 1vw; } }
        header nav #navbarNav .box-contact a {
          font-family: "MrEavesXLSanOT-Reg";
          font-size: 3.5vw;
          color: #fff;
          width: 100%;
          display: inline-block;
          text-decoration: underline;
          -webkit-transition: ease-in 0.2s;
          transition: ease-in 0.2s; }
          @media screen and (min-width: 768px) {
            header nav #navbarNav .box-contact a {
              font-size: 2vw; } }
          @media screen and (min-width: 992px) {
            header nav #navbarNav .box-contact a {
              font-size: 1vw; } }
          header nav #navbarNav .box-contact a.terms {
            text-decoration: none;
            text-transform: uppercase;
            margin-top: 25px;
            -webkit-transition: ease-in 0.2s;
            transition: ease-in 0.2s; }
            @media screen and (min-width: 1024px) {
              header nav #navbarNav .box-contact a.terms {
                margin-top: 40px; } }
            header nav #navbarNav .box-contact a.terms.active {
              color: #9DD8D9; }
          header nav #navbarNav .box-contact a:hover {
            color: #9DD8D9;
            font-family: "MrEavesXLSanOT-Bold";
            text-decoration: none; }
  header .navbar-toggler {
    border: none;
    z-index: 9999;
    height: 100px;
    width: 100px;
    position: absolute;
    left: 0px;
    top: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150%; }
    header .navbar-toggler.bt-menu {
      display: inline-block; }
      @media screen and (min-width: 992px) {
        header .navbar-toggler.bt-menu {
          display: none; } }
      header .navbar-toggler.bt-menu.collapsed .hamburguer .bar {
        -webkit-box-shadow: 0px 0px 9px 4px #000529;
        box-shadow: 0px 0px 9px 4px #000529; }
        header .navbar-toggler.bt-menu.collapsed .hamburguer .bar.bar1, header .navbar-toggler.bt-menu.collapsed .hamburguer .bar.bar2, header .navbar-toggler.bt-menu.collapsed .hamburguer .bar.bar3 {
          -webkit-transform: none;
                  transform: none; }
        header .navbar-toggler.bt-menu.collapsed .hamburguer .bar.bar1 {
          top: -5px; }
        header .navbar-toggler.bt-menu.collapsed .hamburguer .bar.bar2 {
          top: 8px;
          opacity: 1; }
        header .navbar-toggler.bt-menu.collapsed .hamburguer .bar.bar3 {
          top: 20px; }
      header .navbar-toggler.bt-menu .hamburguer {
        position: relative;
        width: 40px;
        height: 25px;
        left: 0px;
        top: 0;
        display: inline-block;
        content: "";
        zoom: 1;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
        header .navbar-toggler.bt-menu .hamburguer .bar {
          position: absolute;
          width: 100%;
          height: 1px;
          background: #fff;
          -webkit-transition: .2s;
          transition: .2s;
          outline: none;
          left: 0;
          top: 0; }
          header .navbar-toggler.bt-menu .hamburguer .bar.bar1 {
            -webkit-transform: rotate(45deg) translate3d(7px, 7px, 0);
                    transform: rotate(45deg) translate3d(7px, 7px, 0); }
          header .navbar-toggler.bt-menu .hamburguer .bar.bar2 {
            opacity: 0; }
          header .navbar-toggler.bt-menu .hamburguer .bar.bar3 {
            -webkit-transform: rotate(-45deg) translate3d(-7px, 7px, 0);
                    transform: rotate(-45deg) translate3d(-7px, 7px, 0); }

body {
  font-family: "MrEavesXLSanOT-Reg"; }

.container-fluid {
  padding: 0;
  /*@include breakpoint('desktop-up') {
    padding-right: 15px;
    padding-left: 15px;
  }*/ }

#skippy {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  top: -10px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

@media screen and (min-width: 1024px) {
  #main {
    padding: 0; } }

#main.bd-content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.text-blue-dark {
  color: #001637; }

.container {
  max-width: 1390px; }

.title-intro-text .title {
  font-size: 49px;
  line-height: 50px;
  margin-bottom: 0px;
  font-family: "MrEavesXLSanOT-Light"; }
  @media screen and (min-width: 768px) {
    .title-intro-text .title {
      font-size: 56px;
      line-height: 48px; } }
  @media screen and (min-width: 1024px) {
    .title-intro-text .title {
      font-size: 120px;
      line-height: 103px; } }

.intro-text {
  font-size: 27px;
  line-height: 30px;
  padding-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .intro-text {
      font-size: 24px;
      line-height: 30px; } }
  @media screen and (min-width: 1024px) {
    .intro-text {
      font-size: 40px;
      line-height: 46px; } }

.sub-text {
  font-size: 21px;
  line-height: 24px; }
  @media screen and (min-width: 768px) {
    .sub-text {
      font-size: 18px;
      line-height: 22px; } }
  @media screen and (min-width: 1024px) {
    .sub-text {
      font-size: 39px;
      line-height: 45px; } }

@media screen and (min-width: 768px) {
  .modals .modal-dialog {
    max-width: 694px; } }

.modals .modal-content {
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.75); }

.modals .modal-header {
  border-bottom: 0px;
  padding-bottom: 0; }

.modals .close {
  padding: 0 10px;
  color: #005077;
  opacity: 1; }
  .modals .close span {
    font-size: 44px;
    font-weight: 100;
    line-height: 39px; }

.modals .modal-title {
  font-family: "MrEavesSanOT", "Gill Sans MT";
  font-size: 18px;
  line-height: 20px;
  padding: 5px 0 12px;
  color: #005077; }

.modals .modal-body {
  font-family: "MrEavesXLSanNarOT", "Gill Sans MT";
  font-size: 16px;
  line-height: 18px;
  padding-top: 0; }
  .modals .modal-body .text-ps {
    font-size: 13px;
    line-height: 15px;
    padding-top: 5px;
    letter-spacing: -0.5px; }

.modals hr {
  border-top: 2px solid #9DD8D9;
  margin-bottom: 0.6rem; }

.modal-backdrop {
  background-color: #001637; }

.modal-backdrop.show {
  opacity: .6; }

#whyGoodnight {
  background: url(../img/bg1.jpg) no-repeat center top;
  background-size: cover;
  font-family: "MrEavesXLSanOT-Reg";
  padding-bottom: 97px; }
  @media screen and (min-width: 1024px) {
    #whyGoodnight {
      padding-bottom: 89px; } }
  @media screen and (min-width: 1024px) {
    #whyGoodnight .container {
      max-width: 100%; } }
  @media screen and (min-width: 768px) {
    #whyGoodnight .col-sm-4 {
      display: table-cell;
      width: 33.33%; } }
  #whyGoodnight .navbar-brand {
    display: inline-block;
    position: relative;
    top: 80px;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0 0; }
    @media screen and (min-width: 768px) {
      #whyGoodnight .navbar-brand {
        top: 17px; } }
    @media screen and (min-width: 1024px) {
      #whyGoodnight .navbar-brand {
        display: none; } }
  #whyGoodnight .container {
    padding-top: 105px; }
    @media screen and (min-width: 1024px) {
      #whyGoodnight .container {
        padding-top: 80px; } }
    @media screen and (min-width: 1024px) {
      #whyGoodnight .container .intro-text {
        font-size: 34px;
        letter-spacing: 2px;
        line-height: 48px;
        margin-top: -77px; } }
    @media screen and (min-width: 1024px) {
      #whyGoodnight .container .sub-text {
        font-size: 34px;
        line-height: 45px;
        letter-spacing: 1px;
        margin: auto;
        max-width: 365px; } }
    @media screen and (min-width: 1024px) {
      #whyGoodnight .container .title-intro-text {
        padding-bottom: 90px; } }
    @media screen and (min-width: 768px) {
      #whyGoodnight .container .title-intro-text .title {
        font-family: "MrEavesXLSanOT-Thin";
        font-size: 84px;
        line-height: 75px; } }
    @media screen and (min-width: 1024px) {
      #whyGoodnight .container .title-intro-text .title {
        font-size: 140px;
        line-height: 140px; } }
    #whyGoodnight .container .dark_chocolate {
      padding-bottom: 22px; }
    #whyGoodnight .container .icons-intro {
      margin-top: 0px;
      margin-bottom: 46px;
      width: 100%; }
      #whyGoodnight .container .icons-intro .icon-intro {
        padding-bottom: 20px;
        margin: 0px; }
        @media (min-width: 540px) and (max-width: 575px) {
          #whyGoodnight .container .icons-intro .icon-intro .sub-text {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 41.666667%;
                    flex: 0 0 41.666667%;
            max-width: 41.666667%;
            width: 41.666667%; } }
        @media screen and (min-width: 1024px) {
          #whyGoodnight .container .icons-intro .icon-intro .sub-text {
            padding-top: 35px; } }

#productInfo {
  overflow: hidden; }
  @media screen and (min-width: 1024px) {
    #productInfo {
      padding-top: 70px; } }
  #productInfo .text-left {
    padding-left: 30px;
    padding-right: 30px; }
  @media screen and (min-width: 1024px) {
    #productInfo .container {
      max-width: 100%; } }
  #productInfo .row-productInfo {
    margin-right: -30px;
    margin-left: -30px; }
    @media screen and (min-width: 768px) {
      #productInfo .row-productInfo {
        margin-right: -15px;
        margin-left: -15px; } }
    #productInfo .row-productInfo .title-intro-text .title {
      margin-bottom: 30px; }
      @media screen and (min-width: 768px) {
        #productInfo .row-productInfo .title-intro-text .title {
          font-size: 93px;
          line-height: 83px; } }
    #productInfo .row-productInfo .intro-text {
      margin-bottom: 37px; }
      @media screen and (min-width: 768px) {
        #productInfo .row-productInfo .intro-text {
          max-width: 585px; } }
      @media screen and (min-width: 1024px) {
        #productInfo .row-productInfo .intro-text {
          font-size: 34px;
          line-height: 45px;
          max-width: 800px; } }
  #productInfo .carousel_products {
    overflow: hidden;
    margin-right: 0px; }
    @media screen and (min-width: 768px) {
      #productInfo .carousel_products {
        margin-right: -15px; } }
    @media screen and (min-width: 768px) {
      #productInfo .carousel_products {
        margin-right: 0px; } }
    #productInfo .carousel_products .carousel-inner {
      margin-right: 0px;
      margin-left: 0px;
      overflow: visible;
      width: 100%; }
      @media screen and (min-width: 768px) {
        #productInfo .carousel_products .carousel-inner {
          width: 130%; } }
      #productInfo .carousel_products .carousel-inner .carousel-item {
        display: block;
        height: 100%;
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        left: 0px;
        opacity: 1;
        padding-right: 0px;
        padding-left: 0px;
        position: relative;
        top: 0;
        width: 100%; }
        @media screen and (min-width: 768px) {
          #productInfo .carousel_products .carousel-inner .carousel-item {
            opacity: 0.5;
            width: 50%; } }
        #productInfo .carousel_products .carousel-inner .carousel-item.active {
          left: 0px;
          opacity: 1; }
    #productInfo .carousel_products .copy-products {
      padding-bottom: 20px;
      font-size: 22px;
      line-height: 28px; }
      @media screen and (min-width: 768px) {
        #productInfo .carousel_products .copy-products {
          font-size: 18px;
          line-height: 22px; } }
      @media screen and (min-width: 1024px) {
        #productInfo .carousel_products .copy-products {
          font-size: 30px;
          line-height: 34px; } }
      #productInfo .carousel_products .copy-products p {
        margin-bottom: 8px; }
      #productInfo .carousel_products .copy-products a {
        text-decoration: underline;
        font-size: 14px;
        line-height: 27px; }
        @media screen and (min-width: 768px) {
          #productInfo .carousel_products .copy-products a {
            font-size: 12px;
            line-height: 25px; } }
        @media screen and (min-width: 1024px) {
          #productInfo .carousel_products .copy-products a {
            font-size: 20px;
            line-height: 34px; } }
  #productInfo .carousel-control-next {
    background: url(../img/products-info/arrow.png) no-repeat;
    opacity: 1;
    display: none;
    top: 30px;
    border: none;
    cursor: pointer;
    font-size: 0; }
    #productInfo .carousel-control-next:focus {
      outline: -webkit-focus-ring-color auto 5px; }
    @media screen and (min-width: 768px) {
      #productInfo .carousel-control-next {
        display: block;
        background-size: 39px 78px;
        width: 39px;
        height: 78px; } }
    @media screen and (min-width: 1200px) {
      #productInfo .carousel-control-next {
        display: block;
        background-size: 70px 137px;
        width: 70px;
        height: 137px;
        margin-left: -37px;
        margin-top: 22px;
        top: 10px; } }
    @media screen and (min-width: 1200px) and (max-width: 1650px) {
      #productInfo .carousel-control-next {
        margin-left: -19px;
        margin-top: 10px;
        width: 58px;
        height: 114px;
        background-size: 58px 114px; } }

#whyItWorks {
  background: url(../img/bg2.jpg) no-repeat center top;
  background-size: cover;
  padding-top: 237px;
  padding-bottom: 240px;
  /* infographic */ }
  @media screen and (min-width: 1024px) {
    #whyItWorks .container {
      max-width: 100%; } }
  #whyItWorks .col-12 {
    display: table-cell;
    width: 100%; }
  @media screen and (min-width: 1024px) {
    #whyItWorks .col-sm-4 {
      display: table-cell;
      width: 33.33%; } }
  #whyItWorks .title-intro-text .title {
    font-family: "MrEavesXLSanOT-Light";
    margin-bottom: 24px; }
    @media screen and (min-width: 1024px) {
      #whyItWorks .title-intro-text .title {
        font-size: 93px;
        line-height: 83px;
        margin-bottom: 31px; } }
  #whyItWorks .intro-text {
    margin-bottom: 37px; }
  #whyItWorks .sub-text {
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #whyItWorks .sub-text {
        font-size: 18px;
        line-height: 22px; } }
    @media screen and (min-width: 1024px) {
      #whyItWorks .sub-text {
        font-size: 30px;
        line-height: 30px; }
        #whyItWorks .sub-text.rest-assured {
          padding-right: 36% !important; } }
    #whyItWorks .sub-text span {
      font-family: "MrEavesXLSanOT-Reg";
      font-weight: normal;
      font-size: 28px;
      line-height: 35px; }
      @media screen and (min-width: 768px) {
        #whyItWorks .sub-text span {
          font-weight: normal;
          font-size: 24px;
          line-height: 30px; } }
      @media screen and (min-width: 1024px) {
        #whyItWorks .sub-text span {
          font-weight: normal;
          font-size: 34px;
          line-height: 45px; } }
  #whyItWorks .list-whyItWorks {
    z-index: 999;
    -ms-flex-item-align: start;
        align-self: flex-start;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0; }
    #whyItWorks .list-whyItWorks .sub-text {
      height: 120px; }
      @media (max-width: 1308px) {
        #whyItWorks .list-whyItWorks .sub-text {
          height: 150px; } }
      @media (max-width: 1083px) {
        #whyItWorks .list-whyItWorks .sub-text {
          height: 180px; } }
      @media (max-width: 1024px) {
        #whyItWorks .list-whyItWorks .sub-text {
          height: 95px; } }
      @media (max-width: 992px) {
        #whyItWorks .list-whyItWorks .sub-text {
          height: 75px; } }
      @media (max-width: 924px) {
        #whyItWorks .list-whyItWorks .sub-text {
          height: 95px; } }
      @media (max-width: 750px) {
        #whyItWorks .list-whyItWorks .sub-text {
          height: 125px; } }
      @media (max-width: 612px) {
        #whyItWorks .list-whyItWorks .sub-text {
          height: 150px; } }
      @media (max-width: 575px) {
        #whyItWorks .list-whyItWorks .sub-text {
          height: auto; } }
    @media (max-width: 575px) {
      #whyItWorks .list-whyItWorks .icon {
        float: left;
        width: 132px;
        margin-top: 17px; }
      #whyItWorks .list-whyItWorks .title-rest {
        float: left;
        margin-top: 67px;
        line-height: 28px !important;
        width: calc(100% - 132px);
        max-width: none; }
      #whyItWorks .list-whyItWorks .img-fluid {
        width: 114px;
        height: 122px; } }
    #whyItWorks .list-whyItWorks.animation {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    #whyItWorks .list-whyItWorks:nth-child(1) {
      -webkit-transition: opacity 500ms ease-in-out 200ms, -webkit-transform 500ms ease-in-out 200ms;
      transition: opacity 500ms ease-in-out 200ms, -webkit-transform 500ms ease-in-out 200ms;
      transition: transform 500ms ease-in-out 200ms, opacity 500ms ease-in-out 200ms;
      transition: transform 500ms ease-in-out 200ms, opacity 500ms ease-in-out 200ms, -webkit-transform 500ms ease-in-out 200ms; }
    #whyItWorks .list-whyItWorks:nth-child(2) {
      -webkit-transition: opacity 500ms ease-in-out 500ms, -webkit-transform 500ms ease-in-out 500ms;
      transition: opacity 500ms ease-in-out 500ms, -webkit-transform 500ms ease-in-out 500ms;
      transition: transform 500ms ease-in-out 500ms, opacity 500ms ease-in-out 500ms;
      transition: transform 500ms ease-in-out 500ms, opacity 500ms ease-in-out 500ms, -webkit-transform 500ms ease-in-out 500ms; }
    #whyItWorks .list-whyItWorks:nth-child(3) {
      -webkit-transition: opacity 500ms ease-in-out 1000ms, -webkit-transform 500ms ease-in-out 1000ms;
      transition: opacity 500ms ease-in-out 1000ms, -webkit-transform 500ms ease-in-out 1000ms;
      transition: transform 500ms ease-in-out 1000ms, opacity 500ms ease-in-out 1000ms;
      transition: transform 500ms ease-in-out 1000ms, opacity 500ms ease-in-out 1000ms, -webkit-transform 500ms ease-in-out 1000ms; }
    #whyItWorks .list-whyItWorks#l-theanine .more-information {
      border-top: 2px solid #F7B2AF; }
    #whyItWorks .list-whyItWorks#l-theanine .text-box-information span {
      color: #F7B2AF; }
    #whyItWorks .list-whyItWorks#magnesium .more-information {
      border-top: 2px solid #9DD8D9; }
    #whyItWorks .list-whyItWorks#magnesium .text-box-information span {
      color: #9DD8D9; }
    #whyItWorks .list-whyItWorks#casein .more-information {
      border-top: 2px solid #FFDF8B; }
    #whyItWorks .list-whyItWorks#casein .text-box-information span {
      color: #FFDF8B; }
    #whyItWorks .list-whyItWorks .title-rest {
      font-family: "MrEavesXLSanOT-Bold";
      font-size: 42px;
      line-height: 45px; }
      @media (max-width: 1357px) {
        #whyItWorks .list-whyItWorks .title-rest {
          height: 100px; } }
      @media (max-width: 992px) {
        #whyItWorks .list-whyItWorks .title-rest {
          font-size: 26px;
          line-height: 30px;
          height: auto; } }
      @media (max-width: 768px) {
        #whyItWorks .list-whyItWorks .title-rest {
          height: 68px;
          font-size: 32px;
          line-height: 34px; } }
    @media screen and (min-width: 1024px) {
      #whyItWorks .list-whyItWorks .icon {
        margin-left: -30px; } }
    #whyItWorks .list-whyItWorks .icon .shadow-rest {
      opacity: .6; }
    #whyItWorks .list-whyItWorks .more-information {
      background: url(../img/why-it-works/arrow-more-information.png) no-repeat;
      padding: 10px 0px 10px 28px;
      background-position: 10px 12px;
      font-size: 14px;
      line-height: 18px;
      color: #fff;
      width: 100%;
      background-size: 11px;
      display: table; }
      @media screen and (min-width: 768px) {
        #whyItWorks .list-whyItWorks .more-information {
          font-size: 11px;
          line-height: 15px;
          padding: 10px 0px 10px 28px;
          background-position: 10px 12px; } }
      @media screen and (min-width: 1024px) {
        #whyItWorks .list-whyItWorks .more-information {
          padding: 10px 0px 10px 40px;
          background-position: 13px 14px;
          font-size: 17px;
          line-height: 22px;
          background-size: 13px; } }
    #whyItWorks .list-whyItWorks .less-information {
      background: url(../img/why-it-works/arrow-less-information.png) no-repeat;
      font-size: 14px;
      line-height: 18px;
      color: #fff;
      width: 100%;
      padding: 10px 0px 10px 30px;
      background-position: 0px 12px;
      background-size: 13px;
      opacity: 0;
      position: relative; }
      @media screen and (min-width: 768px) {
        #whyItWorks .list-whyItWorks .less-information {
          font-size: 11px;
          line-height: 15px;
          padding: 10px 0px 10px 26px;
          background-position: 0px 15px;
          background-size: 12px auto; } }
      @media screen and (min-width: 1024px) {
        #whyItWorks .list-whyItWorks .less-information {
          font-size: 17px;
          line-height: 22px;
          padding: 10px 0px 10px 35px;
          background-position: 0px 12px;
          background-size: 17px; } }
    #whyItWorks .list-whyItWorks .box-open {
      position: relative;
      width: 100%;
      float: left; }
      #whyItWorks .list-whyItWorks .box-open .box-information {
        display: none;
        position: relative;
        top: -39px;
        background-color: #001637;
        padding: 15px;
        width: 100%; }
        @media screen and (min-width: 768px) {
          #whyItWorks .list-whyItWorks .box-open .box-information {
            top: -36px;
            padding: 15px;
            position: absolute; } }
        @media screen and (min-width: 1024px) {
          #whyItWorks .list-whyItWorks .box-open .box-information {
            top: -42px; } }
    #whyItWorks .list-whyItWorks .text-box-information {
      margin-top: 24px;
      position: relative;
      font-size: 22px;
      line-height: 24px;
      opacity: 0; }
      @media screen and (min-width: 768px) {
        #whyItWorks .list-whyItWorks .text-box-information {
          font-size: 18px;
          line-height: 22px; } }
      @media screen and (min-width: 1024px) {
        #whyItWorks .list-whyItWorks .text-box-information {
          font-size: 26px;
          line-height: 30px; } }
      #whyItWorks .list-whyItWorks .text-box-information span {
        font-family: "MrEavesXLSanOT-Bold"; }
  #whyItWorks .how-sleep {
    margin-top: 115px;
    margin-bottom: 50px;
    display: none; }
    @media screen and (min-width: 992px) {
      #whyItWorks .how-sleep {
        display: inline-block; } }
  #whyItWorks #infog_wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    max-width: 90vh;
    margin: 0 auto;
    display: table;
    display: none;
    height: 90vh; }
    #whyItWorks #infog_wrapper:focus {
      outline: none; }
    @media screen and (min-width: 992px) {
      #whyItWorks #infog_wrapper {
        display: table; } }
    #whyItWorks #infog_wrapper img#infographicStars {
      opacity: 0;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
      position: absolute;
      left: 53.5%;
      top: 48.5%;
      -webkit-transform: translate(-53.5%, -48.5%);
              transform: translate(-53.5%, -48.5%);
      width: 15%; }
    #whyItWorks #infog_wrapper img#infographicStars.active {
      opacity: 1; }
    #whyItWorks #infog_wrapper .wr-circle-text {
      position: absolute;
      left: 55%;
      top: 48%;
      -webkit-transform: translate(-55%, -48%);
              transform: translate(-55%, -48%);
      width: 30%; }
      #whyItWorks #infog_wrapper .wr-circle-text .circle-container-text {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      #whyItWorks #infog_wrapper .wr-circle-text span, #whyItWorks #infog_wrapper .wr-circle-text p {
        width: 100%;
        text-align: center;
        color: white;
        line-height: 1em;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease, top 0.5s ease;
        transition: opacity 0.5s ease, top 0.5s ease;
        position: relative;
        top: 0px; }
      #whyItWorks #infog_wrapper .wr-circle-text span {
        margin-top: 20px;
        font-size: 1.5vw;
        font-family: "MrEavesXLSanOT-Bold", sans-serif; }
      #whyItWorks #infog_wrapper .wr-circle-text p {
        font-family: "MrEavesXLSanOT-Reg", sans-serif;
        font-size: 1vw; }
      #whyItWorks #infog_wrapper .wr-circle-text span.active, #whyItWorks #infog_wrapper .wr-circle-text p.active {
        opacity: 1;
        top: 10px; }
      #whyItWorks #infog_wrapper .wr-circle-text.tx-stripe1 span {
        color: #FFDF8B; }
      #whyItWorks #infog_wrapper .wr-circle-text.tx-stripe2 span {
        color: #F7B2AF; }
      #whyItWorks #infog_wrapper .wr-circle-text.tx-stripe3 span {
        color: #9DD8D9; }
  #whyItWorks .img_edit, #whyItWorks #img_output {
    position: absolute;
    top: 0px;
    left: 0px;
    color: red;
    font-size: 14px;
    font-weight: bold; }
  #whyItWorks .img_edit {
    max-width: 1363px;
    width: 100%;
    /*width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px;*/ }
  #whyItWorks .diamond, #whyItWorks .moon, #whyItWorks .sun, #whyItWorks .stripe {
    position: absolute; }
  #whyItWorks #diamond_1 {
    top: 36.4%;
    left: 10.7%; }
  #whyItWorks #diamond_2 {
    top: 5.7%;
    left: 40.6%; }
  #whyItWorks #diamond_3 {
    top: 36.4%;
    left: 92.3%; }
  #whyItWorks #diamond_4 {
    top: 78.7%;
    left: 81.8%; }
  #whyItWorks #diamond_5 {
    top: 89.4%;
    left: 40.52%; }
  #whyItWorks #diamond_6 {
    top: 78.75%;
    left: 22.11%; }
  #whyItWorks #sun_1 {
    top: 46%;
    left: 0%; }
  #whyItWorks #moon_1 {
    left: 76.35%;
    top: 90.6%; }
  #whyItWorks .stripe {
    opacity: 0.6;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
  #whyItWorks .stripe.full {
    opacity: 1; }
  #whyItWorks #stripe_1 {
    left: 13.5%;
    top: 42%; }
  #whyItWorks #stripe_2 {
    left: 20%;
    top: 44%; }
  #whyItWorks #stripe_3 {
    left: 27%;
    top: 35%; }

#infog_wrapper:before, #infog_wrapper:after {
  position: absolute;
  left: 0;
  font-family: "MrEavesXLSanOT-Reg", sans-serif;
  padding-left: 6.2%;
  width: 100%;
  text-align: center;
  font-size: 1.7vw; }

#infog_wrapper:before {
  top: -2%;
  content: "NOON"; }

#infog_wrapper:after {
  bottom: -1%;
  content: "MIDNIGHT"; }

#whereToFind {
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
  overflow: hidden; }
  #whereToFind .container {
    padding-right: 0px;
    padding-left: 0px; }
    @media screen and (min-width: 1024px) {
      #whereToFind .container {
        max-width: 100%; } }
  #whereToFind h2 {
    font-size: 50px;
    font-family: "MrEavesXLSanOT-Light";
    color: #005077;
    line-height: 46px;
    margin: 40px 0; }
    @media screen and (min-width: 768px) {
      #whereToFind h2 {
        font-size: 56px; } }
    @media screen and (min-width: 1024px) {
      #whereToFind h2 {
        font-size: 93px;
        line-height: 123px; } }
    #whereToFind h2 span {
      display: inline-block; }
      @media screen and (min-width: 768px) {
        #whereToFind h2 span {
          display: none; } }
  #whereToFind .text-find {
    color: #001637;
    padding-bottom: 20px;
    font-family: "MrEavesXLSanOT-Reg";
    font-weight: normal;
    font-size: 22px;
    line-height: 35px; }
    @media screen and (min-width: 768px) {
      #whereToFind .text-find {
        font-weight: normal;
        font-size: 24px;
        line-height: 30px; } }
    @media screen and (min-width: 1024px) {
      #whereToFind .text-find {
        font-weight: normal;
        font-size: 34px;
        line-height: 45px; } }
    #whereToFind .text-find a {
      font-family: "MrEavesXLSanOT-Bold";
      color: #001637;
      text-decoration: none;
      font-weight: bold; }
      #whereToFind .text-find a:hover {
        text-decoration: underline;
        color: #001637; }
  #whereToFind .information {
    padding: 0;
    margin-right: -15px;
    margin-left: 0px;
    font-family: "MrEavesXLSanOT-Reg";
    font-weight: normal;
    font-size: 22px;
    line-height: 35px;
    color: #005077; }
    @media screen and (min-width: 768px) {
      #whereToFind .information {
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        margin-right: 0px; } }
    @media screen and (min-width: 1024px) {
      #whereToFind .information {
        font-weight: normal;
        font-size: 34px;
        line-height: 45px; } }
    #whereToFind .information .products {
      padding-right: 0px;
      padding-left: 0px; }
      #whereToFind .information .products .imgProduct {
        width: 110%;
        height: auto; }
        @media screen and (min-width: 768px) {
          #whereToFind .information .products .imgProduct {
            width: 100%; } }
      #whereToFind .information .products .links-buy {
        padding: 0px 0 50px;
        text-align: center;
        /*.buyNow {
          background: $blue-navie;
          color: $white;
          display: inline-block;
          padding: 5px 20px;
          text-align: center;
          border-radius: 30px;
          font-size: 14px;
          @include mr-regular;
          letter-spacing: 1.5px;
          @include transition(ease-in 0.4s);
          border:1px solid $blue-navie;

          @include breakpoint('tablet-up') {
            font-size: 16px;
            padding: 7px 22px
          }

          @include breakpoint('desktop-up') {
            font-size: 24px;
            padding: 8px 3.5vw;
          }

          &:hover {
            background: transparent;
            color:$blue-navie;
            text-decoration: none;

          }
        }*/ }
        #whereToFind .information .products .links-buy span {
          color: #005077;
          font-size: 14px;
          padding: 0 10px; }
          @media screen and (min-width: 768px) {
            #whereToFind .information .products .links-buy span {
              font-size: 16px; } }
          @media screen and (min-width: 1024px) {
            #whereToFind .information .products .links-buy span {
              font-size: 24px;
              padding: 0 1.5vw; } }
        #whereToFind .information .products .links-buy img.amazon {
          max-width: 180px;
          width: 100%;
          height: auto; }

#ourMission {
  position: relative;
  display: inline-block;
  background-image: url(../img/ourMission/bg-mobile.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px; }
  @media screen and (min-width: 1024px) {
    #ourMission .container {
      max-width: 100%; } }
  @media screen and (min-width: 768px) {
    #ourMission {
      background-image: url(https://www.goodnightfood.com/themes/custom/img/ourMission/bg-tablet.png);
      padding-top: 100px;
      padding-bottom: 100px; } }
  @media screen and (min-width: 1024px) {
    #ourMission {
      background-image: url(../img/ourMission/bg-desktop.png);
      padding-top: 280px; } }
  #ourMission h2 {
    font-size: 50px;
    font-family: "MrEavesXLSanOT-Light";
    color: #fff;
    line-height: 46px;
    margin: 40px 0 20px; }
    @media screen and (min-width: 768px) {
      #ourMission h2 {
        font-size: 56px; } }
    @media screen and (min-width: 1024px) {
      #ourMission h2 {
        font-size: 93px;
        margin: 40px 0 80px; } }
  #ourMission .text {
    padding: 0; }
    #ourMission .text p {
      font-size: 22px;
      font-family: "MrEavesXLSanOT-Reg";
      color: #fff;
      margin-bottom: 20px;
      font-style: normal; }
      @media screen and (min-width: 768px) {
        #ourMission .text p {
          font-size: 25px; } }
      @media screen and (min-width: 1024px) {
        #ourMission .text p {
          font-size: 34px;
          line-height: 45px;
          margin-bottom: 50px; } }
  #ourMission .star-mission {
    width: 100%;
    float: left; }
    #ourMission .star-mission .iconStar {
      background-image: url(../img/ourMission/star.png);
      background-repeat: no-repeat;
      width: 9px;
      height: 10px;
      display: inline-block;
      margin-right: 14px; }
      #ourMission .star-mission .iconStar.starOne {
        opacity: 0; }
      #ourMission .star-mission .iconStar.starTwo {
        opacity: 0; }
      #ourMission .star-mission .iconStar.starThree {
        opacity: 0; }
      #ourMission .star-mission .iconStar.starFour {
        opacity: 0; }
    #ourMission .star-mission.animation .starOne,
    #ourMission .star-mission.animation .starTwo,
    #ourMission .star-mission.animation .starThree,
    #ourMission .star-mission.animation .starFour {
      -webkit-transition: opacity 1s ease-in-out 1s;
      transition: opacity 1s ease-in-out 1s;
      opacity: 1; }
    #ourMission .star-mission.animation .starOne {
      visibility: visible;
      -webkit-animation: starOne 1s ease-in-out 2  1s alternate;
      animation: starOne 1s ease-in-out 2  1s alternate;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-transform: scale(1);
              transform: scale(1); }
    #ourMission .star-mission.animation .starTwo {
      visibility: visible;
      -webkit-animation: starTwo 1s ease-in-out 2  1.5s alternate;
      animation: starTwo 1s ease-in-out 2  1.5s alternate;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-transform: scale(1.3);
              transform: scale(1.3); }
    #ourMission .star-mission.animation .starThree {
      visibility: visible;
      -webkit-animation: starThreee 1s ease-in-out 2  1.8s alternate;
      animation: starThreee 1s ease-in-out 2  1.8s alternate;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-transform: scale(0.75);
              transform: scale(0.75); }
    #ourMission .star-mission.animation .starFour {
      visibility: visible;
      -webkit-animation: starFour 1s ease-in-out 2  2s alternate;
      animation: starFour 1s ease-in-out 2  2s alternate;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-transform: scale(1);
              transform: scale(1); }

@keyframes starOne {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0.5; } }

@-webkit-keyframes starOne {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0.5; } }

@keyframes starTwo {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0.5; } }

@-webkit-keyframes starTwo {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0.5; } }

@keyframes starThreee {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    opacity: 0.5; } }

@-webkit-keyframes starThreee {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    opacity: 0.5; } }

@keyframes starFour {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0.5; } }

@-webkit-keyframes starFour {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0.5; } }

.container-fluid {
  overflow-x: hidden; }

#termsAndConditions {
  background: #fff;
  color: #001637;
  padding: 50px 5% 50px 3%; }
  #termsAndConditions h1 {
    font-size: 50px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 25px;
    font-family: "MrEavesXLSanOT-Bold"; }
    @media screen and (min-width: 768px) {
      #termsAndConditions h1 {
        font-size: 54px; } }
    @media screen and (min-width: 1024px) {
      #termsAndConditions h1 {
        font-size: 40px; } }
  #termsAndConditions h2 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 25px;
    font-family: "MrEavesXLSanOT-Bold"; }
    @media screen and (min-width: 768px) {
      #termsAndConditions h2 {
        font-size: 24px; } }
    @media screen and (min-width: 1024px) {
      #termsAndConditions h2 {
        font-size: 20px; } }
  #termsAndConditions p {
    font-size: 22px;
    line-height: 25px;
    font-family: "MrEavesXLSanOT-Reg"; }
    @media screen and (min-width: 768px) {
      #termsAndConditions p {
        font-size: 18px; } }
    @media screen and (min-width: 1024px) {
      #termsAndConditions p {
        font-size: 20px; } }
  #termsAndConditions a {
    color: #001637;
    text-decoration: underline; }
    #termsAndConditions a:hover {
      opacity: 0.8; }