@charset "utf-8";

@import "fonts.css";

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

html {  font-size: 100%; }

body {
  font-family: 'proxima_nova_rgregular', sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  color: #000000;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

/* begin General CSS */
a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
a:hover, a:focus {
  text-decoration: none;
}

a > img { border: 0 none; }

img {
  max-width: 100%;
  height: auto;
}

.clear { clear: both; }

.nova-semibold {
  font-family: 'proxima_nova_ltsemibold';
}

/* Custom Row Reverse */
@media (min-width: 992px) {
  .row-lg-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

/* Custom Container */
@media (min-width: 1360px) {
  .container {
    max-width: 1307px;
  }
}

h1, .h1,
h2, .h2 {
  position: relative;
  font-size: 1.563rem;
  z-index: 9;
}
@media (min-width: 768px) {
  h1, .h1,
  h2, .h2 {
    /*font-size: 3.000rem;*/
    font-size: 2.375rem;
  }
}
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 3.438rem;
  }
  h2, .h2 {
    font-size: 3.000rem;
  }
}


.transition-bg {
  background-color: #98DE79;
  padding: 0 0.500rem;
}

.visual-duplicate {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 17.500rem;
  padding: 1.125rem;
  background: url(../img/visual02.png) no-repeat center center;
  background-size: cover;
}
@media (min-width: 992px) {
  .visual-duplicate {
    padding: 2.125rem;
  }
}

.color-white {
  color: #ffffff !important;
}

.underline {
  text-decoration: underline !important;
}

/* Buttons */
.button {
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  padding: 1.063rem 1.188rem;
  background-color: #FFB68B;

  box-shadow: 0 18px 22px -10px rgba(0, 0, 10, 0.4), 0 4px 16px -16px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.01);
  /*box-shadow: 0 6px 16px -16px rgba(0, 0, 10, 0.5), 0 0 1px 1px rgba(0, 0, 10, 0.01);*/
}
.button:hover, .button:focus {
  color: #ffffff;
  background-color: #141414;
}
@media (min-width: 992px) {
  .button {
    font-size: 1.250rem;
    padding: 1.500rem 2.750rem;
    box-shadow: 0 24px 48px -16px rgba(0, 0, 10, 0.4), 0 4px 16px -16px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.01);
  }
}
/* end General CSS */


/* begin Header */
.header {
  padding-top: 1.250rem;
  padding-bottom: 1.250rem;
}

.navbar-brand {
  margin: 0;
  padding: 0;
  margin-bottom: 1.625rem;
}
.navbar-brand > img {
  max-height: 2.563rem;
  width: auto;
}
@media (min-width: 992px) {
  .navbar-brand {
    margin-bottom: 0;
  }
}

.navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0.313rem 0;
}
.nav-item {}
.nav-link {
  font-size: 0.750rem;
  color: #000000;
}
.nav-link:hover, .nav-link:focus {
  color: #98DE79;
}

@media (min-width: 992px) {
  .header {
    padding-top: 1.438rem;
    padding-bottom: 1.438rem;
  }
  .navbar-nav {
    margin-left: 2.938rem;
    margin-right: 2.938rem;
  }
  .nav-item {
    margin: 0 0.625rem;
  }
  .nav-link {
    font-size: 0.875rem;
  }
}
/* end Header */


/* begin Top Section */
.section-bg {
  position: relative;
  color: #000000;
  padding-top: 5.000rem;
  padding-bottom: 2.500rem;
  min-height: 27.438rem;
  height: auto;
  background-color: #98de79;
  background-image: url(../img/bg-sm-center.png);
  background-repeat: no-repeat;
  /*background-position: 20% center;*/
  background-position: 20% 80%;
  z-index: 4;
}

.section-bg:before, .section-bg:after {
  content: '';
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.section-bg:before {
  left: 0;
  background-image: url(../img/bg-sm-left.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.section-bg:after {
  right: 0;
  background-image: url(../img/bg-sm-right.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}

.section-bg .container {
  position: relative;
  z-index: 99;
}

.section-bg__title {
  margin-bottom: 0.688rem;
}

.section-bg__sub-title {
  margin-top: 0.375rem;
}
.section-bg__sub-title .transition-bg {
  position: relative;
  color: #ffffff;
  padding-left: 0;
  margin-right: -1.750rem;
  z-index: 99;
}

.content-visual {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
.content-visual > img {
  width: 100%;
  height: auto;
}

.section-bg .button {
  margin-top: 3.313rem;
}

@media (min-width: 375px) {
  .section-bg__title {
    /*padding-left: 13%;*/
  }
}

@media (min-width: 768px) {
  .section-bg {
    background-image: url(../img/bg-md-center.png);
    background-position: 20% center;
  }
  .section-bg:before {
    background-image: url(../img/bg-md-left.png);
  }
  .section-bg:after {
    background-image: url(../img/bg-md-right.png);
    /*background-position: bottom right;*/
  }

  .content-visual {
    margin-right: -2.438rem;
    margin-left: -0.375rem;
  }

  .section-bg__sub-title .transition-bg {
    margin-right: -3.500rem;
  }

  .section-bg .button {
    max-width: 22.125rem;
    margin: 0 auto;
    margin-top: -1.375rem;
  }
}

@media (min-width: 992px) {
  .section-bg {
    padding-top: 7.688rem;
    padding-bottom: 5.625rem;
  }
  .section-bg__title {
    /*margin: 10% 0 0.625rem 0;*/
    margin: 0 0 0.625rem 0;
    padding: 0 0.625rem;
  }
  .content-visual {
    /*margin-right: -1.875rem;*/
    max-width: 26.171rem;
    margin-right: 0;
    margin-left: 0;
  }
  .section-bg__sub-title .transition-bg {
    margin-right: -5.375rem;
  }
  .section-bg .button {
    margin-top: -2.688rem;
  }
}

@media (min-width: 1360px) {
  .section-bg {
    background-position: 28% 57%;
  }
}
/* end Top Section */


/* begin Bottom Section */
.section {
  padding-bottom: 3.875rem;
  padding-top: 3.313rem;
}

.section__title {
  font-size: 1.313rem;
  margin-bottom: 0.563rem;
}
.section__sub-title {
  font-size: 1.375rem;
  margin-bottom: 2.500rem;
}
.section__content {}
.section__content p {
  font-size: 0.813rem;
  margin-bottom: 1rem;
}
.section__content .button {
  max-width: 29.125rem;
  margin-top: 2.188rem;
}

@media (min-width: 768px) {
  .section__title, .section__sub-title { font-size: 2.375rem; }
  .section__title {
    text-align: center;
  }
}

@media (min-width: 992px) {
  .section {
    padding-top: 6.375rem;
  }
  .section__title {
    text-align: left;
  }
  .section__sub-title {
    margin-bottom: 4.375rem;
  }
  .section__content p {
    font-size: 1.125rem;
    margin-bottom: 1.188rem;
  }
  .section__content .button {}
}

@media (min-width: 1200px) {
  .section__content {
    padding-left: 8.333333%;
    padding-right: 8.333333%;
  }
  .section__sub-title {
    position: relative;
    margin-right: -3.125rem;
  }
}

@media (min-width: 1360px) {
  .section__content {
    /*padding-left: 16.666667%;*/
    padding-right: 16.666667%;
  }
  .section__title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
/* end Bottom Section */


/* begin Footer */
.footer {
  font-size: 0.625rem;
  color: #ffffff;
  background-color: #141414;
  padding-top: 1.438rem;
  padding-bottom: 2.000rem;
}

.footer .navbar-brand {
  margin-bottom: 2.438rem;
}

.link-footer {
  color: #ffffff;
}
.link-footer:hover, .link-footer:focus {
  color: #FFB68B;
  text-decoration: underline;
}

.navbar-nav--footer {
  margin: 0;
}
.navbar-nav--footer .nav-item {
  margin: 0.125rem 0.250rem;
}
.navbar-nav--footer .nav-link {
  color: #ffffff;
  padding: 0;
}
.navbar-nav--footer .nav-link:hover,
.navbar-nav--footer .nav-link:focus {
  color: #FFB68B;
}

@media (min-width: 768px) {
  .footer .navbar-brand {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .footer {
    font-size: 0.875rem;
    padding-top: 2.313rem;
    padding-bottom: 2.375rem;
  }
  .navbar-nav--footer .nav-item {
    margin-left: 0.500rem;
    margin-right: 0.500rem;
  }
}
/* end Footer */