@font-face {
  font-family: 'Helvetica Neue';
  src: url(../fonts/HelveticaNeue.ttf)
}

/* Images */

/**
Fixing bootstrap columns for safari
 */

.row:before, .row:after {
  display: inline-block !important;
}
button {
  border: 0;
  outline: none;
  max-width: 100%;
}
button:hover {
  cursor: pointer;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

/* Grid */

@-ms-viewport {
  width: device-width;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs, td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm, td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md, td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg, td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print, td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.custom-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .custom-container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .custom-container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .custom-container {
    width: 1170px;
  }
}

.custom-container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 100%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.clearfix, .clearfix:before, .clearfix:after, .custom-container:before, .custom-container:after, .custom-container-fluid:before, .custom-container-fluid:after, .row:before, .row:after {
  content: " ";
  display: table;
}

.clearfix:after, .custom-container:after, .custom-container-fluid:after, .row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'Oxygen', sans-serif;
  color: rgb(46, 46, 46);
  font-weight: 400;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* General */

a:hover {
  color: #fff;
}

::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background-color: #00b256;
}

::selection {
  color: #fff;
  background-color: #00b256;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

small {
  font-size: 85%;
  font-weight: 700;
}

.btn-prime, .btn-prime:link, .btn-prime:visited {
  text-decoration: none;
  padding: 10px 40px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  max-width: 226px;
}

.btn-prime.btn-border, .btn-prime.btn-border:hover {
  background-color: #fff;
  color: #00b256;
}

@media screen and (max-width: 767px) {
  .btn-prime .btn-prime-dark {
    display: block;
  }
}

@media screen and (max-width: 360px) {
  .btn-prime, .btn-prime:link, .btn-prime:visited {
    font-size: 12px;
  }
}

.btn-prime:hover {
  color: #fff;
  background-color: #00b256;
}

.btn-prime-dark {
  background-color: #00b256;
  border: 2px solid #00b256;
  color: #fff;
}

.btn-prime-dark .focus, .btn-prime-dark:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn-prime-border {
  background-color: transparent;
  border: 2px solid #000;
  color: #000;
}

.btn-prime-border:hover {
  background-color: transparent;
}

* :focus, .navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-prime .focus, .btn-prime:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.main-section-title, .section-title {
  font-family: 'Chivo', sans-serif;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.1;
}

.section-title {
  font-size: 40px;
}

@media screen and (max-width:600px) {
  .section-title {
    font-size: 28px;
  }
}

.sub-heading {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 300;
  color: #777;
}

.section-header {
  margin-bottom: 15px;
}

.no-padding {
  padding: 0;
}

p {
  font-size: 17px;
}

@media screen and (max-width:600px) {
  p {
    font-size: 15px;
  }
}

section {
  padding: 80px 0;
}

@media screen and (max-width:500px) {
  section {
    padding: 40px 0;
  }
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.app-stores a {
  display: inline-block;
}

.no-radius {
  border-radius: 0;
}

/* Navigation */

#main-nav {
  background-color: rgba(0, 0, 0, .9);
}

#main-nav button {
  background-color: transparent;
}

.mobile-menu button.popup-modal {
    text-transform: uppercase!important;
    font-size: 26px;
    font-weight: 700;
    padding: 15px;
    background-color: transparent;
    color: #fff;
}


.transparent-bg {
  background-color: rgba(0, 0, 0, .9);
}

.bg-dark {
  background-color: #2b2c2d !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: #3d4246;
}

.navbar-dark .navbar-nav .nav-link:hover {
  opacity: .9;
}

.navbar-dark .navbar-nav .nav-link .active {
  color: #3d4246;
}

.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
  outline: 0;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link .active, .navbar-dark .navbar-nav .nav-link .show, .navbar-dark .navbar-nav .show>.nav-link {
  color: #000;
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-brand img {
  height: 38px;
}

.navbar-dark .navbar-brand {
  color: #fff !important;
}

.navbar-dark .navbar-toggler {
  color: #fff;
  border-color: #00b256;
  background-color: #00b256;
}

nav .navbar .navbar-expand-sm .bg-dark .navbar-dark .fixed-top {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18);
}

nav .nav-item {
  line-height: 41px;
}

.navbar {
  padding: 1rem 0;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding: 2px 16px;
  font-size: 15px;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}

.nav-item:after, .mobile-menu li a::after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.nav-item:hover:after, .mobile-menu li a:hover::after {
  width: 100%;
  background: #00b256;
}

.buy-now {
  background-color: #00b256;
  color: #fff !important;
}

.navbar-dark .navbar-toggler {
  position: relative;
  padding: 8px 12px
}

.navbar-toggler:focus, .navbar-toggler:active {
  outline: 0;
}

.navbar-toggler span {
  display: block;
  background-color: #fff;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  position: relative;
  left: 0;
  opacity: 1;
}

.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
  -webkit-transition: transform .35s ease-in-out;
  -o-transition: transform .35s ease-in-out;
  -webkit-transition: -webkit-transform .35s ease-in-out;
  transition: -webkit-transform .35s ease-in-out;
  transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 12px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  opacity: 0.9;
}

@media screen and (max-width:959px) {
  #main-nav {
    display: none;
  }
}

/* Mobile Menu */

.mobile-menu input+label {
  position: fixed;
  top: 20px;
  right: 30px;
  height: 20px;
  width: 27px;
  z-index: 5;
  padding: 10px;
  margin-bottom: 0;
}

.mobile-menu input+label span {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  display: block;
  background: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.mobile-menu input+label span:first-child {
  top: 4px;
}

.mobile-menu input+label span:last-child {
  top: 16px;
}

.mobile-menu label:hover {
  cursor: pointer;
}

.mobile-menu input:checked+label span {
  opacity: 0;
  top: 50%;
}

.mobile-menu input:checked+label span:first-child {
  opacity: 1;
  -webkit-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  transform: rotate(405deg);
}

.mobile-menu input:checked+label span:last-child {
  opacity: 1;
  -webkit-transform: rotate(-405deg);
  -ms-transform: rotate(-405deg);
  transform: rotate(-405deg);
}

.mobile-menu input~nav {
  background: #2e2e2e;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 3;
  overflow: hidden;
}

.mobile-menu nav {
  position: relative;
}

.mobile-menu input~nav>ul {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  /* right: 20%; */
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0;
  margin-bottom: 0;
}

.mobile-menu input~nav>ul>li {
  opacity: 0;
  /* transition: ease .3s; */
  /* transition-delay: 0s; */
}

.mobile-menu input~nav>ul>li>a {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-family: sans-serif;
  display: block;
  padding: 30px;
  font-family: 'Oxygen', sans-serif;
  font-size: 25px;
}

@media screen and (max-width:767px) {
  .mobile-menu input~nav>ul>li>a {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 400;
    padding: 15px;
  }
}

@media screen and (max-width:575px) {
  .mobile-menu input~nav>ul>li>a, .mobile-menu button.popup-modal {
    font-size: 18px;
  }
  .mobile-menu button.popup-modal {
      font-weight: 400;
  }
}

.mobile-menu input:checked~nav {
  height: 100%;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.mobile-menu input:checked~nav>ul>li {
  opacity: 1;
  /* transition-delay: .5s; */
}

@media screen and (min-width:960px) {
  .mobile-menu {
    display: none;
  }
}

@media screen and (max-width:768px) {
  .mobile-menu {
    background-color: #2e2e2e;
  }
}

header {
  position: relative;
}

.mobile-menu .navbar-brand {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3000;
  padding: 10px;
}

@media screen and (max-width:450px) {
  .mobile-menu .navbar-brand {
    padding: 15px;
  }
}

@media screen and (max-width:450px) {
  .mobile-menu .navbar-brand img {
    height: 32px;
  }
}

/* End of Navigation */

/* Chat Box */

/* .chat {
  position: fixed;
  top: 20px;
  right: 16px;
  z-index: 1050;
  vertical-align: middle;
  padding: 5px;
}

.chat a {
  color: #fff;
}

.chat-item {
  display: inline-block;
}

.chat a:hover {
  color: #fff;
  opacity: .8;
  text-decoration: none;
}

.chat p {
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 12px;
}

.chat i {
  font-size: 26px;
  line-height: 26px;
}

@media only screen and (max-width: 1400px) and (min-width: 1051px) {
  .chat p {
    display: none;
  }
} */

@media screen and (min-width: 1051px) {
  /* #help-btn {
    display: none !important;
  } */
}

@media screen and (max-width: 1050px) {
  .chat {
    display: none;
  }
  /* #help-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1030;
  }
  #help-btn i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #help-btn:hover {
    background: rgba(0, 0, 0, 0.9);
  }
  #help-btn:hover i {
    color: #00b256;
  } */
}

/* Hero */

#hero {
  position: relative;
  padding: 0;
}

#hero .container-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

#video .btn-prime {
  width: 100%!important;
}

#hero .stars {
  margin-bottom: 2px;
}

#hero .phone-img {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

#hero .p-text1 {
  margin-top: 10px;
  margin-bottom: 10px;
}

#hero .phone-img img {
  height: 400px;
}

#hero .rating-number {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}

#hero .fb-likes {
  margin-top: 37px;
}

@media screen and (max-width:1199px) {
  #hero .phone-img img {
    height: 300px;
  }
}

@media screen and (max-width:991px) {
  #hero .phone-img img {
    height: 200px;
  }
}

#hero input, #cta input {
  border: 0;
  border-radius: 5px 0 0 5px;
  width: 50%;
  padding: 10px;
  font-size: 16px;
}

@media screen and (max-width:991px) {
  #hero input, #cta input {
    width: 47%;
  }
  #hero input, #cta input {
    font-size: 14px;
  }
  #hero button, #cta button {
    font-size: 14px !important;
  }
}

/* @media screen and (min-width:992px) {
  .dark-star {
      display: none;
  }
} */

@media screen and (min-width:961px) {
  .dark-star {
    display: none;
  }
}

@media screen and (max-width:960px) {
  #hero .container-center {
    position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    color: #000;
    padding: 40px 0;
  }
  #hero .rating-number {
    font-size: 18px;
  }
  .hero-text {
    text-align: center;
  }
  .hero-text .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*
  #hero input, #cta input {
    width: 66%;
  } */
  .light-star {
    display: none;
  }
  .stars {
    height: initial;
  }
  .stars .dark-star {
    height: 20px !important;
    margin-bottom: 0;
  }
  span.app-text {
    /* display: block; */
    margin-top: 3px;
  }
  small .fb-block {
    display: block;
    margin-top: 3px;
  }
  #hero .fb-likes {
    margin-top: 27px;
  }
}

@media screen and (max-width:670px) {
  #hero .phone-img img {
    display: none;
  }
}

@media screen and (max-width:600px) {
  #hero input, #cta input {
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
  }
}

#hero button, #cta button {
  border: 0;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

@media screen and (max-width:600px) {
  #hero button, #cta button {
    border: 1px solid #00b256;
    width: 100%;
    max-width: 100%;
  }
}

/* CMD */

@media screen and (max-width:600px) {
  .bg-img {
    display: none;
  }
}

@media screen and (max-width:991px) {
  #hero {}
}

@media screen and (max-width:960px) {
  #hero {
    margin-top: 60px;
  }
}

@media screen and (min-width:601px) {
  .mobile-img {
    display: none;
  }
}

#hero .main-section-title {
  font-size: 50px;
  margin-bottom: 10px;
  font-weight: 400;
}

@media screen and (max-width: 1280px) {
  #hero .main-section-title {
    font-size: 40px;
  }
}

@media screen and (max-width:991px) {
  #hero .main-section-title {
    font-size: 35px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width:768px) {
  #hero .main-section-title {
    font-size: 38px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width:600px) {
  #hero .main-section-title {
    font-size: 36px;
  }
}

@media screen and (max-width:450px) {
  #hero .main-section-title {
    font-size: 30px;
  }
  .stars .dark-star {
    height: 18px !important;
  }
}

@media screen and (max-width:330px) {
  #hero .main-section-title {
    font-size: 28px;
  }
  #hero h3 {
    font-size: 19px;
  }
}

@media screen and (max-width:320px) {
  #hero .fb-likes {
    margin-top: 23px;
  }
}

#hero h3 {
  font-size: 36px;
  margin-bottom: 15px;
}

@media screen and (max-width: 1280px) {
  #hero h3 {
    font-size: 26px;
  }
}

@media screen and (max-width:991px) {
  #hero h3 {
    font-size: 20px;
  }
  #hero .sm-text {
    font-size: 15px;
  }
}

@media screen and (max-width:768px) {
  #hero h3 {
    font-size: 22px;
  }
}

@media screen and (max-width:600px) {
  #hero h3 {
    font-size: 22px;
  }
}

#hero .sm-text {
  margin-bottom: 10px;
}

@media screen and (max-width:450px) {
  #hero p {
    font-size: 16px;
  }
}

.cta-container {
  margin-top: 15px;
}

#hero .cta-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width:767px) {
  #hero .cta-container {
    margin-bottom: 20px;
    margin-top: 25px;
  }
}

.rating-box {
  margin: 14px 0 0;
  display: inline-block;
}

@media screen and (max-width:600px) {
  .rating-box {
    margin: 0;
  }
}

@media screen and (max-width:768px) {
  #hero .p-text1 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width:355px) {
  #hero .rating-number {
    font-size: 16px;
  }
}

/* Backed by (logos-divider) */

#logos-divider, #logos-divider2 {
  padding: 10px 0;
  background-color: #f1f1f1;
}

@media screen and (max-width:991px) {
  #logos-divider, #logos-divider2 {
    padding: 20px 0;
  }
}

@media screen and (max-width:767px) {
  #logos-divider .flex-container, #logos-divider2 .flex-container {
    text-align: center;
    display: -ms-initial;
    display: initial;
  }
}

#logos-divider .text-area p, #logos-divider2 .text-area p {
  text-transform: uppercase;
  font-weight: 800;
  color: #6b6b6b;
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: .3em;
}

/* @media screen and (max-width:767px) {
  #logos-divider .text-area p, #logos-divider2 .text-area p {
    padding-right: 10px;
  }
}

@media screen and (max-width:600px) {
  #logos-divider .text-area p, #logos-divider2 .text-area p {
    text-align: left;
  }
}

@media screen and (max-width:575px) {
  #logos-divider .text-area p, #logos-divider2 .text-area p {
    text-align: center;
  }
} */

/* .slick-slide {
  margin: 0 -30px 0 0;
}

.slick-list {
  margin: 0 -30px;
} */

@media screen and (max-width:575px) {
  #hero h3 {
    font-size: 18px;
  }
}

.slick-slide img {
  height: 58px;
}

@media screen and (max-width:767px) {
  .slick-slide img {
    height: 58px;
  }
}

@media screen and (max-width:575px) {
  .slick-slide img {
    height: 44px;
    margin: 0 auto;
  }
}

/* Video  */

#video {
  border-bottom: 1px solid #eee;
}

#video img {
  max-height: 600px;
}

#video .text-area h2, #video .text-area p {
  margin-bottom: 15px;
}

#video .text-area h2 span {
  display: block;
}

#video .cta-container a {
  display: block;
  max-width: 100%;
}
#video button {
    width: 100%;
    background-color: #00b256;
  border: 2px solid #00b256;
  color: #fff;
  text-decoration: none;
    padding: 10px 40px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    vertical-align: middle
}

@media screen and (max-width:991px) {
  #video .cta-container a {
    max-width: 600px;
    margin: 0 auto;
  }
}

@media screen and (max-width:991px) {
  #video .text-area {
    margin-top: 40px;
  }
  #video .cta-container {
    margin-top: 30px;
  }
  #video .ios {
    text-align: right;
    padding-left: 0;
  }
  #video .google {
    text-align: left;
    padding-right: 0;
  }
}

@media screen and (max-width:575px) {
  #video .ios, #video .google {
    text-align: center;
  }
  #video .ios {
    margin-bottom: 20px;
  }
  #video .cta-container {
    margin-bottom: 20px;
  }
}

.quote {
  padding: 30px 30px 0;
}

@media screen and (max-width:991px) {
  .quote {
    padding: 30px 0 0;
  }
}

@media screen and (max-width:600px) {
  .section-title {
    font-size: 28px;
  }
}

#video .app-stores {
  margin-top: 25px;
  text-align: center;
}

@media screen and (max-width:991px) {
  #video {
    text-align: center;
  }
}

/* Safety  */

#safety h5 {
  font-weight: 700;
  font-size: 1.1rem;
}

#safety .box {
  text-align: center;
}

#safety .box a, #safety .box a:hover {
  color: #00b256;
  font-weight: 700;
  text-decoration: none;
}

#safety .box .img-container {
  padding: 20px 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

#safety .box .header-card {
  background-color: #333;
  color: #fff;
  padding: 10px;
}

@media screen and (max-width:767px) {
  #safety .box .header-card {
    padding: 20px 10px;
  }
}

#safety .box .header-card h4 {
  font-size: 15px;
  margin: 0;
}

@media screen and (max-width:767px) {
  #safety .box .header-card h4 {
    font-size: 17px;
  }
  .footer ul li a {
    font-size: 15px;
  }
}

#safety .box .body {
  border: 1px solid #ddd;
  border-top: 0;
  padding: 0 10px 30px;
}

#safety .box .body {
  height: 238px;
}

#safety .box .body img {
  margin-bottom: 20px;
}

@media screen and (max-width:1199px) {
  #safety {
    text-align: center;
  }
  #safety .col-lg-4, #safety .col-lg-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-1 {
    margin-bottom: 60px;
  }
}

@media screen and (max-width:991px) {
  #safety .cta-container {
    margin-bottom: 20px;
    margin-top: 25px;
  }
  #safety .quote {
    padding: 30px 0 60px;
  }
}

@media screen and (max-width:900px) {
  #safety .box .body {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  #safety .box {
    max-width: 400px;
    margin: 0 auto 60px;
  }
  #safety .box .img-container {
    padding: 30px 0;
  }
  #safety .btn-prime.btn-prime-dark {
    width: 100% !important;
    max-width: 100% !important;
  }
}

#safety h3 {
  margin-bottom: 15px;
}

#safety .mastercard {
  margin-bottom: 15px
}

/* Parental */

/*
#parental .flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
} */

#parental .approved-img {
  margin-bottom: 40px;
}

@media screen and (max-width:991px) {
  #parental {
    text-align: center;
  }
  #parental .not-approved-img {
    margin-bottom: 40px;
  }
}

#parental {
  background-color: #00b256;
  color: #fff;
}

@media screen and (max-width:991px) {
  #parental .parental-img {
    margin-bottom: 30px;
    height: 500px;
  }
  .parental-img {
    margin-bottom: 30px;
  }
}

@media screen and (max-width:450px) {
  .flex-1 {
    margin-bottom: 40px;
  }
}

#parental h3 {
  margin-bottom: 15px;
}

#parental p {
  margin-bottom: 0;
}

#parental .img-container {
  text-align: center;
}

#parental .real-quote img {
  height: 70px;
}

@media screen and (max-width:767px) {
  #parental .real-quote .flex-container {
    display: initial;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #parental .real-quote img {
    margin-top: 15px;
  }
}

#parental .real-quote {
  margin-top: 40px;
}

/* Parent Reviews */

#parent-reviews {
  position: relative;
  padding: 0;
}

#parent-reviews .section-title {
  margin-bottom: 15px;
}

#parent-reviews .slick-dots li button:before {
  font-size: 12px;
  /* opacity: 1; */
  color: #00b256;
}

#parent-reviews .slick-active {
  opacity: 1;
}

.image-bg {
  position: relative;
}

#parent-reviews .text-area, .slider-testimonials {
  color: #fff;
}

.testimony-box {
  margin-right: 10px;
}

.slider-testimonials h3 {
  margin-bottom: 15px;
}

.slider-testimonials p {
  font-weight: 700;
  font-style: italic;
  padding: 0 5px;
  background-color: #00b256;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 0;
  padding: 16px;
  color: #fff;
}

.parent-name {
  background-color: #00b256;
  padding-bottom: 16px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
}

#parent-reviews .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width:1080px) {
  #parent-reviews .section-title {
    font-size: 30px;
  }
}

@media screen and (min-width:992px) {
  #parent-reviews .image-bg .mobile-parent {
    display: none;
  }
}

@media screen and (max-width:991px) {
  #parent-reviews .desktop-only {
    display: none;
  }
  #parent-reviews {
    text-align: center;
    position: relative;
    padding: 0;
    background-color: #f1f1f1;
  }
  #parent-reviews .container {
    position: initial;
    top: initial;
    left: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
  }
  #parent-reviews .text-area {
    padding-top: 60px;
  }
  #parent-reviews .flex-container .cta-container {
    margin-bottom: 50px;
  }
  .slider-testimonials {
    padding-bottom: 60px;
  }
  #parent-reviews .text-area, .slider-testimonials {
    color: rgb(46, 46, 46);
  }
}

/* End of Parent Reviews */

/* Partners */

#partners {
  background-color: #fff;
}

#partners .section-title {
  margin-bottom: 40px;
}

#partners .mybox {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #00b256;
}

#partners .mybox:after {
  position: absolute;
  left: 46.3%;
  content: ' ';
  border-top: solid 25px #00b256;
  border-left: solid 25px transparent;
  border-right: solid 25px transparent;
}

@media screen and (max-width:600px) {
  #partners .mybox:after {
    left: 42%;
  }
}

#partners .mybox:before {
  left: 50%;
  bottom: -21px;
  border-left-color: #ccc;
}

#partners .mybox .reviews {
  margin-bottom: 0;
  padding: 15px;
  text-align: center;
  color: #fff;
}

/* CMD */

#partners .testimonials img {
  margin: 30px auto 10px;
}

#partners .slick-slide {
  margin: 0 15px;
}

/* Cash */

#cash {
  background-color: #f1f1f1;
}

#cash img {
  margin-bottom: 40px;
}

#cash .section-title {
  font-size: 60px;
  margin-bottom: 15px;
}

@media screen and (max-width:767px) {
  #cash .section-title {
    font-size: 40px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width:400px) {
  #cash .section-title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}

/* Benefits */

#benefits {
  text-align: center;
  background-color: #f1f1f1;
}

#benefits i {
  font-size: 50px;
  color: #00b256;
  margin-bottom: 15px;
}

#benefits .benefit-card .learn {
  margin-bottom: 22px;
}

@media screen and (max-width:991px) {
  .benefit-card {
    margin-bottom: 50px;
  }
}

@media screen and (max-width:767px) {
  #benefits .text-area {
    padding: 0;
  }
}

@media screen and (max-width:600px) {
  #benefits .flex-container {
    display: initial;
  }
}

@media screen and (min-width:576px) {
  .small-only {
    display: none;
  }
}

@media screen and (max-width:575px) {
  .small-hide {
    display: none;
  }
  #benefits .text-area {
    padding-left: 0;
  }
}

@media screen and (min-width:992px) {
  #benefits .desktop-hide {
    display: none;
  }
}

@media screen and (max-width:991px) {
  #benefits .medium-hide {
    display: none;
  }
}

#benefits .section-title {
  font-weight: 600;
}

#benefits p {
  margin-top: 15px;
}

@media screen and (max-width:991px) {
  #benefits .img-container {
    text-align: center;
  }
}

@media screen and (max-width:991px) {
  #benefits p {
    margin-bottom: 25px;
  }
}

@media screen and (max-width:991px) {
  #benefits img {
    margin-bottom: 40px;
  }
}

/* Awards */

#awards {
  background-color: #f1f1f1;
}

#awards .section-title {
  margin-bottom: 40px;
}

@media screen and (max-width:575px) {
  #awards img {
    margin-bottom: 40px;
    height: 150px;
  }
}

/*  CTA */

#cta {
  position: relative;
  padding: 0;
}

#cta .container-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

#cta .mobile-only {
  padding: 50px 0;
}

.error-msg {
  display: block;
  margin: 15px 0;
  color: red;
  font-size: 13px;
  text-align: center;
}

@media screen and (min-width:601px) {
  .mobile-only, .cta-img-mobile {
    display: none;
  }
}

@media screen and (max-width:600px) {
  .tablet-up {
    display: none;
  }
}

@media screen and (max-width:991px) {}

@media screen and (max-width:575px) {}

#cta h3 {
  margin-bottom: 15px;
}

/* Footer */

footer {
  color: #666;
  background-color: #2e2e2e;
}

footer .footer-top {
  background-color: #333;
}

footer .footer-top .footer-logo {
  padding-top: 13px;
  height: 47px;
}

footer .footer-btm {
  padding: 25px 0;
}

footer p.copy {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

footer p.copy:hover {
  color: #fff !important;
}

footer .apple-app {
  margin-bottom: 40px;
}

@media screen and (max-width:910px) {
  footer ul li.link-items a {
    padding: 3px 18px;
    font-size: 14px;
  }
}

@media screen and (max-width:767px) {
  footer .footer-top .img-container {
    text-align: center;
  }
  footer .app-stores img {
    height: initial;
  }
  footer .app-stores.text-center {
    margin-top: 20px;
  }
  footer .footer-top .footer-logo {
    margin-bottom: 15px;
  }
}

footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer ul li a {
  color: #9b9b9b;
  padding: 13px 18px;
  display: inline-block;
  font-size: 18px;
}

footer ul li a:hover, footer ul li a:focus, footer ul li a:visited {
  opacity: .8;
  text-decoration: none;
}

footer .footer-top {
  padding: 30px 0;
}

@media screen and (max-width:767px) {
  footer .footer-top {
    text-align: center;
    padding: 30px 0 0;
  }
}

@media screen and (max-width: 1050px) {
  footer .footer-btm {
    text-align: center;
  }
}

footer .social {
  text-align: center;
}

@media screen and (max-width: 1050px) {
  footer .social {
    margin-top: 20px;
    text-align: center;
  }
}

footer .fb {
  margin-right: 10px;
}

footer .social img:hover {
  opacity: .8;
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 90%;
  }
}

@media screen and (max-width: 500px) {
  footer .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  footer .apple-app {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  footer .footer-top {
    padding: 30px 0 40px;
  }
}

/* Modal */

/* .modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 300px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
} */

.form-inline .form-control {
  width: 100%;
  margin-top: 20px;
}

.modal-content {
  text-align: center;
  background-color: transparent;
}

.modal-content button {
  margin: 0 auto;
}

.modal {
  background-color: rgba(0, 0, 0, .8);
}

.modal-dialog {
  min-height: calc(100vh - 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: auto;
}

.modal.fade.in .modal-dialog {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
  opacity: 1;
}

.modal-header {
  background-color: #666;
  color: #fff;
}

.modal-body {
  background-color: #fff;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.close {
  color: #fff;
  text-shadow: none;
}

/* Company Modal */

#companyModal .modal-dialog {
  max-width: 900px;
}

#companyModal .modal-header {
  background-color: #fff;
  border-bottom: 0;
}

#companyModal .close:not(:disabled):not(.disabled) {
  color: #fff;
  font-size: 40px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300b256' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300b256' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

#companyModal .close {
  opacity: 1;
}

#companyModal .modal-content button {
  margin: 0 0 20px auto;
}

#companyModal .modal-content .triggers {
  margin: 0 10px 10px;
  border: 1px solid #00b256;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
}

#companyModal .modal-content .triggers:focus {
  outline: 0;
}

#companyModal .modal-content .fas {
  color: #00b256;
}

#companyModal .modal-body {
  border-radius: 0;
}

#companyModal .modal-body .p-link {
  color: #00b256;
  text-decoration: underline;
}

#companyModal .modal-body img {
  height: 70px;
}
