/*
Theme Name: Ankit Designs
Theme URI: http://ankitdesigns.com
Author: Ankit Designs
Author URI: http://ankitdesigns.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ad
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Ankit Designs is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
@font-face {
  font-family: "The Historia";
  src: url("../fonts/the_historia-webfont.woff2") format("woff2"), url("../fonts/the_historia-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*--------------------------------------------------------------
# Rows
--------------------------------------------------------------*/
.row--hasBG {
  background: no-repeat center center;
  background-size: cover;
}

.row--hasFixedBG {
  background: no-repeat center center;
  background-size: cover;
}

.row--hasOverlay {
  position: relative;
}

.row--hasOverlay:before {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(35, 31, 32, 0.6);
  z-index: 1;
}

.row--hasOverlay>.wpb_column,
.row--hasOverlay>.container,
.row--hasOverlay>.vc_row {
  position: relative;
  z-index: 2;
}

.row--hasOverflow {
  overflow: visible !important;
  position: relative;
  z-index: 2;
}

.row--lightText {
  color: #ffffff;
}

.row--lightText h1,
.row--lightText h2,
.row--lightText h3,
.row--lightText h4 {
  color: #ffffff;
}

.row--whiteBoxes--leftAlign {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.row--justifyContentCenter {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row--indent {
  padding: 80px;
}

.paddingTop--none {
  padding-top: 0;
}

@media screen and (min-width: 1500px) {
  .paddingTop--none {
    padding-top: 0;
  }
}

@media screen and (max-width: 992px) {
  .paddingTop--none {
    padding-top: 0;
  }
}

.paddingTop--extraSmall {
  padding-top: 20px;
}

@media screen and (min-width: 1500px) {
  .paddingTop--extraSmall {
    padding-top: 30px;
  }
}

@media screen and (max-width: 992px) {
  .paddingTop--extraSmall {
    padding-top: 10px;
  }
}

.paddingTop--small {
  padding-top: 40px;
}

@media screen and (min-width: 1500px) {
  .paddingTop--small {
    padding-top: 60px;
  }
}

@media screen and (max-width: 992px) {
  .paddingTop--small {
    padding-top: 20px;
  }
}

.paddingTop--regular {
  padding-top: 100px;
}

@media screen and (min-width: 1500px) {
  .paddingTop--regular {
    padding-top: 150px;
  }
}

@media screen and (max-width: 992px) {
  .paddingTop--regular {
    padding-top: 50px;
  }
}

.paddingTop--large {
  padding-top: 150px;
}

@media screen and (min-width: 1500px) {
  .paddingTop--large {
    padding-top: 225px;
  }
}

@media screen and (max-width: 992px) {
  .paddingTop--large {
    padding-top: 75px;
  }
}

.paddingTop--extraLarge {
  padding-top: 250px;
}

@media screen and (min-width: 1500px) {
  .paddingTop--extraLarge {
    padding-top: 375px;
  }
}

@media screen and (max-width: 992px) {
  .paddingTop--extraLarge {
    padding-top: 125px;
  }
}

.paddingBottom--none {
  padding-bottom: 0;
}

@media screen and (min-width: 1500px) {
  .paddingBottom--none {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 992px) {
  .paddingBottom--none {
    padding-bottom: 0;
  }
}

.paddingBottom--extraSmall {
  padding-bottom: 20px;
}

@media screen and (min-width: 1500px) {
  .paddingBottom--extraSmall {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .paddingBottom--extraSmall {
    padding-bottom: 10px;
  }
}

.paddingBottom--small {
  padding-bottom: 40px;
}

@media screen and (min-width: 1500px) {
  .paddingBottom--small {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 992px) {
  .paddingBottom--small {
    padding-bottom: 20px;
  }
}

.paddingBottom--regular {
  padding-bottom: 100px;
}

@media screen and (min-width: 1500px) {
  .paddingBottom--regular {
    padding-bottom: 150px;
  }
}

@media screen and (max-width: 992px) {
  .paddingBottom--regular {
    padding-bottom: 50px;
  }
}

.paddingBottom--large {
  padding-bottom: 150px;
}

@media screen and (min-width: 1500px) {
  .paddingBottom--large {
    padding-bottom: 225px;
  }
}

@media screen and (max-width: 992px) {
  .paddingBottom--large {
    padding-bottom: 75px;
  }
}

.paddingBottom--extraLarge {
  padding-bottom: 250px;
}

@media screen and (min-width: 1500px) {
  .paddingBottom--extraLarge {
    padding-bottom: 375px;
  }
}

@media screen and (max-width: 992px) {
  .paddingBottom--extraLarge {
    padding-bottom: 125px;
  }
}

/*--------------------------------------------------------------
# Columns
--------------------------------------------------------------*/
.element--hasPaddings {
  padding: 70px;
}

@media screen and (max-width: 768px) {
  .element--hasPaddings {
    padding: 40px;
  }
}

.col--hasOverlay {
  position: relative;
}

.col--hasOverlay:before {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(35, 31, 32, 0.4);
  z-index: 1;
}

.col--hasOverlay>.wpb_column,
.col--hasOverlay>.container,
.col--hasOverlay>.vc_row {
  position: relative;
  z-index: 2;
}

.boxCol__inner {
  max-width: 30em;
  margin: 0 auto;
}

/*--------------------------------------------------------------
# Global Element Helpers
--------------------------------------------------------------*/
.element--whiteText {
  color: #ffffff;
}

.element--whiteText h1,
.element--whiteText h2,
.element--whiteText h3,
.element--whiteText h4,
.element--whiteText h5 {
  color: #ffffff;
}

.element--whiteBG {
  background-color: #ffffff;
}

.element--blackText {
  color: #231F20;
}

.element--blackText h1,
.element--blackText h2,
.element--blackText h3,
.element--blackText h4,
.element--blackText h5 {
  color: #231F20;
}

.element--blackBG {
  background-color: #231F20;
}

.element--greenText {
  color: #94A018;
}

.element--greenText h1,
.element--greenText h2,
.element--greenText h3,
.element--greenText h4,
.element--greenText h5 {
  color: #94A018;
}

.element--greenBG {
  background-color: #94A018;
}

.element--navyText {
  color: #2C4251;
}

.element--navyText h1,
.element--navyText h2,
.element--navyText h3,
.element--navyText h4,
.element--navyText h5 {
  color: #2C4251;
}

.element--navyBG {
  background-color: #2C4251;
}

.element--creamText {
  color: #F2F2ED;
}

.element--creamText h1,
.element--creamText h2,
.element--creamText h3,
.element--creamText h4,
.element--creamText h5 {
  color: #F2F2ED;
}

.element--creamBG {
  background-color: #F2F2ED;
}

.element--textCenter {
  text-align: center;
}

.element--textCenter p {
  margin-left: auto;
  margin-right: auto;
}

.element--hasTextShadow {
  text-shadow: 3px 3px 20px rgba(35, 31, 32, 0.3);
}

.element--topShadow {
  position: relative;
}

.element--topShadow:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
  z-index: 2;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.25;
}

.element--bottomShadow {
  position: relative;
}

.element--bottomShadow:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  z-index: 2;
  pointer-events: none;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.25;
}

/*--------------------------------------------------------------
# Empty Space Elements
--------------------------------------------------------------*/
.spacing--small {
  height: 20px;
}

@media screen and (max-width: 992px) {
  .spacing--small {
    height: 10px;
  }
}

.spacing--medium {
  height: 40px;
}

@media screen and (max-width: 992px) {
  .spacing--medium {
    height: 20px;
  }
}

.spacing--large {
  height: 100px;
}

@media screen and (max-width: 992px) {
  .spacing--large {
    height: 50px;
  }
}

/*--------------------------------------------------------------
# Visibility
--------------------------------------------------------------*/
.temp-hide {
  display: none !important;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 1550px) {
  .container {
    width: 1480px;
  }
}

@media screen and (min-width: 992px) {
  .row--hasFixedBG {
    background-attachment: fixed;
  }

  .row--flippedDesktop,
  .row--flipDesktop {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    /* NEW - Chrome */
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .element--hideDesktop {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .row--flipMobile {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    /* NEW - Chrome */
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .element--hideMobile {
    display: none !important;
  }
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --bs-gutter-x: 40px;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
  overflow-x: hidden;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: """";
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li>ul,
li>ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.section--hasParallaxBG {
  position: relative;
}

.sectionBG {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
  .sectionBG {
    background-attachment: scroll;
  }
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
  -webkit-font-smoothing: antialiased;
  font-family: "Catamaran", Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.6;
  color: #2C4251;
}

@media screen and (max-width: 1200px) {
  body {
    font-size: 17px;
  }
}

@media screen and (max-width: 768px) {
  body {
    font-size: 15px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

h1,
.h1 {
  clear: both;
  text-decoration: none;
  font-style: normal;
  font-family: "The Historia", "Catamaran", Arial, Helvetica, sans-serif;
  font-size: 150px;
  line-height: 1.2;
  margin: 0 0 0.3em;
  font-weight: 400;
  text-transform: none;
}

h1:first-child,
.h1:first-child {
  margin-top: 0;
}

h1:last-child,
.h1:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {

  h1,
  .h1 {
    font-size: 120px;
  }
}

@media screen and (max-width: 992px) {

  h1,
  .h1 {
    font-size: 100px;
  }
}

@media screen and (max-width: 768px) {

  h1,
  .h1 {
    font-size: 50px;
  }
}

h2,
.h2 {
  clear: both;
  text-decoration: none;
  font-style: normal;
  font-family: "Catamaran", Arial, Helvetica, sans-serif;
  font-size: 48px;
  line-height: 1.2;
  margin: 0 0 0.5em;
  font-weight: 700;
  text-transform: none;
  max-width: 20em;
}

h2:first-child,
.h2:first-child {
  margin-top: 0;
}

h2:last-child,
.h2:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {

  h2,
  .h2 {
    font-size: 38px;
  }
}

@media screen and (max-width: 768px) {

  h2,
  .h2 {
    font-size: 28px;
  }
}

h3,
.h3 {
  clear: both;
  text-decoration: none;
  font-style: normal;
  font-family: "Catamaran", Arial, Helvetica, sans-serif;
  font-size: 26px;
  line-height: 1.3;
  margin: 0.5em 0 1em;
  font-weight: 700;
  text-transform: none;
}

h3:first-child,
.h3:first-child {
  margin-top: 0;
}

h3:last-child,
.h3:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {

  h3,
  .h3 {
    font-size: 21px;
  }
}

@media screen and (max-width: 768px) {

  h3,
  .h3 {
    font-size: 17px;
  }
}

h4,
.h4 {
  clear: both;
  text-decoration: none;
  font-style: normal;
  font-family: "Catamaran", Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 24px;
  margin: 0.5em 0 1em;
  font-weight: 700;
  text-transform: uppercase;
}

h4:first-child,
.h4:first-child {
  margin-top: 0;
}

h4:last-child,
.h4:last-child {
  margin-bottom: 0;
}

p {
  max-width: 30em;
  margin: 1em 0;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

.p--wide {
  max-width: 40em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a:hover {
  text-decoration: none;
}

a:visited,
a:focus,
a:active {
  outline: 0;
}

.textLink {
  position: relative;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.textLink:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  border-bottom: 5px solid;
  opacity: 0.3;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.textLink:hover:after,
.textLink:focus:after {
  width: 70%;
}

.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 700;
  padding: 1em 3em;
  margin: 1em 0;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  display: inline-block;
  border: none;
  border-radius: 3px;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.btn i {
  margin-left: 5px;
  vertical-align: middle;
}

.btn:before {
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  opacity: 0.2;
  -webkit-transform: scale3d(0.7, 1.1, 1);
  transform: scale3d(0.7, 1.1, 1);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.btn:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(1.1, 1, 1);
  transform: scale3d(1.1, 1, 1);
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}

.btn:before,
.btn:after {
  content: "";
  position: absolute;
  border-radius: inherit;
  z-index: -1;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.btn:hover,
.btn:focus {
  color: #ffffff;
}

.btn:hover:before,
.btn:hover:after,
.btn:focus:before,
.btn:focus:after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.btn:hover:before,
.btn:focus:before {
  opacity: 1;
}

.btn:hover:after,
.btn:focus:after {
  background-color: #37474f;
}

.btn:first-child {
  margin-top: 0;
}

.btn:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .btn {
    padding: 0.8em 2em;
  }
}

.btn--whiteBG:before,
.btn--whiteBG:after {
  background-color: #ffffff;
}

.btn--whiteText {
  color: #ffffff;
}

.btn--whiteHoverBG:hover:after,
.btn--whiteHoverBG:focus:after {
  background-color: #ffffff;
}

.btn--whiteHoverText:hover,
.btn--whiteHoverText:focus {
  color: #ffffff;
}

.btn--blackBG:before,
.btn--blackBG:after {
  background-color: #231F20;
}

.btn--blackText {
  color: #231F20;
}

.btn--blackHoverBG:hover:after,
.btn--blackHoverBG:focus:after {
  background-color: #231F20;
}

.btn--blackHoverText:hover,
.btn--blackHoverText:focus {
  color: #231F20;
}

.btn--greenBG:before,
.btn--greenBG:after {
  background-color: #94A018;
}

.btn--greenText {
  color: #94A018;
}

.btn--greenHoverBG:hover:after,
.btn--greenHoverBG:focus:after {
  background-color: #94A018;
}

.btn--greenHoverText:hover,
.btn--greenHoverText:focus {
  color: #94A018;
}

.btn--navyBG:before,
.btn--navyBG:after {
  background-color: #2C4251;
}

.btn--navyText {
  color: #2C4251;
}

.btn--navyHoverBG:hover:after,
.btn--navyHoverBG:focus:after {
  background-color: #2C4251;
}

.btn--navyHoverText:hover,
.btn--navyHoverText:focus {
  color: #2C4251;
}

.btn--creamBG:before,
.btn--creamBG:after {
  background-color: #F2F2ED;
}

.btn--creamText {
  color: #F2F2ED;
}

.btn--creamHoverBG:hover:after,
.btn--creamHoverBG:focus:after {
  background-color: #F2F2ED;
}

.btn--creamHoverText:hover,
.btn--creamHoverText:focus {
  color: #F2F2ED;
}

.ctaBox {
  border-radius: 30px;
  -webkit-box-shadow: 3px 3px 20px rgba(35, 31, 32, 0.2);
  box-shadow: 3px 3px 20px rgba(35, 31, 32, 0.2);
  margin: 2em 0;
  padding: 2em 2.5em;
  max-width: 30em;
  position: relative;
}

@media screen and (max-width: 768px) {
  .ctaBox {
    margin: 0 0 0 -40px;
    width: 100vw;
    border-radius: 0;
  }
}

@media screen and (min-width: 992px) {
  .iconBox--side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .iconBox--side .iconBox__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 0.5em;
  }

  .iconBox--side .iconBox__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}

.iconBox__icon {
  font-size: 50px;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 50%;
  text-align: center;
}

.iconBox__icon i {
  -webkit-transform: translate(2px, 4px);
  transform: translate(2px, 4px);
}

.iconBox__text {
  font-size: 17px;
  font-weight: 500;
}

@media screen and (max-width: 992px) {
  .iconBox {
    text-align: center;
  }

  .iconBox__icon {
    font-size: 24px;
    margin: 0 auto 10px;
  }

  .iconBox__icon i {
    font-weight: 400;
  }

  .iconBox__text {
    font-size: 15px;
    line-height: 1.4;
  }
}

@media screen and (max-width: 768px) {
  .iconBox {
    margin: 20px 0;
  }
}

.countdown {
  margin: 0 0 10px;
}

.countdown__inner {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.countdown__block {
  margin: 0 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.countdown__block:first-child {
  margin-left: 0;
}

.countdown__block__number {
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  display: block;
  text-align: center;
}

.countdown__block__text {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .countdown__block__text {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .countdown__block__number {
    font-size: 32px;
  }

  .countdown__block__text {
    font-size: 13px;
  }

  .countdown__block {
    margin: 0 10px;
  }
}

/**
 * Landing page styles
 */
.siteHeader {
  z-index: 4;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  padding: 40px;
}

.heroSection {
  padding-top: 150px;
}

.heroSection .sectionBG {
  background-image: url("../img/hero-bg.webp");
}

html.no-webp .heroSection .sectionBG {
  background-image: url("../img/hero-bg.jpg");
}

@media screen and (max-width: 768px) {
  .heroSection {
    padding-bottom: 0;
    position: relative;
  }

  .heroSection:before {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(35, 31, 32, 0.4);
    z-index: 1;
  }

  .heroSection>.wpb_column,
  .heroSection>.container,
  .heroSection>.vc_row {
    position: relative;
    z-index: 2;
  }

  .heroSection .sectionBG {
    background-position: 80% 50%;
  }

  .heroSection>.container {
    z-index: 4;
  }

  .heroSection .ctaBox {
    margin-top: 40px;
  }
}

.heroBottle {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(40%, 40%);
  transform: translate(40%, 40%);
  width: 250px;
  height: auto;
  z-index: 5;
}

@media screen and (max-width: 1200px) {
  .heroBottle {
    width: 200px;
  }
}

@media screen and (max-width: 992px) {
  .heroBottle {
    -webkit-transform: translate(40%, 30%);
    transform: translate(40%, 30%);
  }
}

@media screen and (max-width: 768px) {
  .heroBottle {
    -webkit-transform: translate(0%, 30%);
    transform: translate(0%, 30%);
    width: 120px;
  }
}

.iconRow {
  border-bottom: 1px solid #F2F2ED;
}

.wave {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
}

.wave img {
  width: 100%;
  height: auto;
}

.wave--top {
  top: -2px;
}

.wave__wrapper {
  position: relative;
}

.icebergSection {
  background-image: url("../img/ice-island.webp");
}

html.no-webp .icebergSection {
  background-image: url("../img/ice-island.jpg");
}

@media screen and (max-width: 768px) {
  .icebergSection {
    position: relative;
  }

  .icebergSection:before {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(35, 31, 32, 0.4);
    z-index: 1;
  }

  .icebergSection>.wpb_column,
  .icebergSection>.container,
  .icebergSection>.vc_row {
    position: relative;
    z-index: 2;
  }

  .icebergSection .container-fluid {
    z-index: 3;
    position: relative;
  }
}

.krillPillsGraphic {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-4%, 20%);
  transform: translate(-4%, 20%);
}

@media screen and (min-width: 1500px) {
  .krillPillsGraphic {
    -webkit-transform: translate(-4%, 20%) scale(0.8);
    transform: translate(-4%, 20%) scale(0.8);
  }
}

@media screen and (max-width: 992px) {
  .krillPillsGraphic {
    display: none;
  }
}

.krillImgCol {
  background-image: url("../img/krill.webp");
}

html.no-webp .krillImgCol {
  background-image: url("../img/krill.jpg");
}

@media screen and (max-width: 992px) {
  .krillImgCol {
    background-position: top center;
  }
}

.girlSmilingCol {
  background-image: url("../img/girl-smiling.webp");
}

html.no-webp .girlSmilingCol {
  background-image: url("../img/girl-smiling.jpg");
}

.bottomCTASection {
  background-image: url("../img/krill-pill-single.webp");
}

html.no-webp .bottomCTASection {
  background-image: url("../img/krill-pill-single.jpg");
}

.siteFooter {
  background: #94A018;
  color: #ffffff;
}

.siteFooter__inner {
  padding: 20px;
}

@media screen and (min-width: 992px) {
  .siteFooter__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 992px) {
  .siteFooter__inner {
    text-align: center;
    padding: 40px;
  }
}

.siteFooter__menu {
  margin: 0;
  padding: 0;
  font-size: 17px;
  list-style: none;
}

.siteFooter__menu a {
  font-weight: 700;
  padding: 0 1em;
  color: #ffffff;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .siteFooter__menu li {
    display: inline-block;
  }
}

@media screen and (max-width: 992px) {
  .siteFooter__menu {
    margin-top: 20px;
  }
}

.dropdown {
  display: inline-block
}

.btn-dropdown {
  margin: 0;
}

.btn-dropdown:focus+.dropdown-menu,
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu {
  width: 100%
}

.dropdown-menu>li>a {
  text-decoration: none;
  color: #2C4251;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
}

.dropdown-menu>li>a:hover {
  background-color: #eee;
}