@import url("https://fonts.googleapis.com/css?family=Lobster+Two|Roboto+Condensed:400,700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/remixicon@2.3.0/fonts/remixicon.css");
.sermon__metas .meta, .blog__metas .meta {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}

.sermon__metas .meta:not(:last-child), .blog__metas .meta:not(:last-child) {
  margin-right: 2rem;
}

.sermon__metas .meta i, .blog__metas .meta i {
  margin-right: 0.4rem;
}

.sermon__content, .blog__content {
  margin-top: 1rem;
}

.sermon__content .title, .blog__title {
  margin-top: 2rem;
}

/*
=================================================
                    CSS RESET
=================================================
*/
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: inherit;
  text-decoration: none;
  list-style: none;
  outline: none;
}

/* Document
 ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
 ========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
  margin: 0;
}

/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/* Grouping content
 ========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
* Add the correct margin in IE 8.
*/
figure {
  margin: 1em 40px;
}

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
  outline-width: 0;
}

/**
* Remove the border on images inside links in IE 10-.
*/
img {
  border-style: none;
}

/* Forms
 ========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  color: inherit;
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
  /* 1 */
  overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}

/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
  overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button {
  cursor: pointer;
  border: 0;
  transition: all 0.3s ease-out;
}

/* Hidden
 ========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
  height: 100%;
  font-size: 50%;
}

@media screen and (min-width: 34.5625em) {
  html {
    font-size: 56.25%;
  }
}

@media screen and (min-width: 56.3125em) {
  html {
    font-size: 62.5%;
  }
}

@media screen and (min-width: 87.5625em) {
  html {
    font-size: 75%;
  }
}

body {
  font-family: "Roboto Condensed", sans-serif;
  width: 100%;
  min-height: 100%;
  background-color: #ffffff;
  color: #000000;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden !important;
  font-size: 1.4rem;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

a,
i,
span {
  display: inline-block;
}

i {
  color: #274f73;
  transition: color 0.3s ease-out;
}

a {
  color: #274f73;
  transition: all 0.3s ease-out;
}

a:hover {
  color: #ead94c;
}

/*
=================================================
                  TYPOGRAPHY
=================================================
*/
p:not(:last-child) {
  margin-bottom: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto Condensed", sans-serif;
  color: inherit;
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: 4rem;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.5rem;
}

s {
  text-decoration: line-through;
}

.leading {
  font-size: 2rem;
}

.section-heading {
  margin-bottom: 4rem;
}

.section-heading span {
  font-family: "Lobster Two", cursive;
  position: relative;
  margin-bottom: 1rem;
}

.section-heading span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.4rem;
  background-color: #ead94c;
  bottom: -0.8rem;
  left: 0;
}

.blockquote {
  padding: 2rem;
  position: relative;
}

.blockquote .quote {
  margin-bottom: 2rem;
}

.blockquote::before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 0.4rem;
  background-color: #ead94c;
  top: 0;
  left: 0;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.uppercase {
  text-transform: uppercase !important;
}

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

.bold {
  font-weight: 700 !important;
}

.fancy-font {
  font-family: "Lobster Two", cursive;
}

.fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 100;
}

.display-flex {
  display: flex;
}

.display-flex-column {
  display: flex;
  flex-direction: column;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.justify-align-center {
  justify-content: center;
  align-items: center;
}

.no-gutter,
.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.separator {
  width: 100%;
  height: 0.2rem;
  background-color: #d1d1d1;
}

.default-section-spacing {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.mar-b-xs {
  margin-bottom: 0.6rem !important;
}

.mar-b-sm {
  margin-bottom: 2rem !important;
}

.mar-t-xs {
  margin-top: 0.6rem !important;
}

.mar-t-sm {
  margin-top: 2rem !important;
}

.pad-b-xs {
  padding-bottom: 0.6rem !important;
}

.pad-b-sm {
  padding-bottom: 2rem !important;
}

.pad-t-xs {
  padding-top: 0.6rem !important;
}

.pad-t-sm {
  padding-top: 2rem !important;
}

.mar-b-lg {
  margin-bottom: 6rem !important;
}

.full-width {
  width: 100% !important;
}

.full-screen {
  width: 100% !important;
  height: 100vh !important;
}

.full-viewport-height {
  height: 100vh !important;
}

.overflow-hidden {
  overflow: hidden;
}

@media screen and (min-width: 56.3125em) {
  .overflow-hidden {
    overflow-y: scroll;
  }
}

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

.hide {
  display: none;
  visibility: hidden;
}

@media screen and (min-width: 0em) {
  .hide-on-sm {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 34.5625em) {
  .hide-on-md {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 56.3125em) {
  .hide-on-lg {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 87.5625em) {
  .hide-on-xl {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 0em) {
  .show-on-sm {
    display: block;
    visibility: visible;
  }
}

@media screen and (min-width: 34.5625em) {
  .show-on-md {
    display: block;
    visibility: visible;
  }
}

@media screen and (min-width: 56.3125em) {
  .show-on-lg {
    display: block;
    visibility: visible;
  }
}

@media screen and (min-width: 87.5625em) {
  .show-on-xl {
    display: block;
    visibility: visible;
  }
}

.color-primary {
  color: #51a3a3;
}

.color-secondary {
  color: #dd7373;
}

.color-accent {
  color: #274f73;
}

.color-hover-active {
  color: #ead94c;
}

.color-danger {
  color: #842722;
}

.color-light-gray {
  color: #d1d1d1;
}

.color-lighter-gray {
  color: #f5f5f5;
}

.background-primary {
  background-color: #51a3a3;
}

.background-secondary {
  background-color: #dd7373;
}

.background-accent {
  background-color: #274f73;
}

.background-hover-active {
  background-color: #ead94c;
}

.background-light-gray {
  background-color: #d1d1d1;
}

.background-lighter-gray {
  background-color: #f5f5f5;
}

.container {
  width: 90%;
  margin: 0 auto;
}

@media screen and (min-width: 34.5625em) {
  .container {
    width: 85%;
  }
}

@media screen and (min-width: 56.3125em) {
  .container {
    max-width: 123.3rem;
  }
}

@media screen and (min-width: 87.5625em) {
  .container {
    max-width: 130rem;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.row [class*="flex-"] {
  width: 100%;
  max-width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  min-height: 0.1rem;
  margin-bottom: 2rem;
}

.row [class*="flex-"]:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 0em) {
  .row .flex-sm-1,
  .row .flex-sm-2,
  .row .flex-sm-3,
  .row .flex-sm-4,
  .row .flex-sm-5,
  .row .flex-sm-6,
  .row .flex-sm-7,
  .row .flex-sm-8,
  .row .flex-sm-9,
  .row .flex-sm-10,
  .row .flex-sm-11,
  .row .flex-sm-12 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 0em) {
  .row .flex-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-1,
  .row .flex-md-2,
  .row .flex-md-3,
  .row .flex-md-4,
  .row .flex-md-5,
  .row .flex-md-6,
  .row .flex-md-7,
  .row .flex-md-8,
  .row .flex-md-9,
  .row .flex-md-10,
  .row .flex-md-11,
  .row .flex-md-12 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 34.5625em) {
  .row .flex-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-1,
  .row .flex-lg-2,
  .row .flex-lg-3,
  .row .flex-lg-4,
  .row .flex-lg-5,
  .row .flex-lg-6,
  .row .flex-lg-7,
  .row .flex-lg-8,
  .row .flex-lg-9,
  .row .flex-lg-10,
  .row .flex-lg-11,
  .row .flex-lg-12 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 56.3125em) {
  .row .flex-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-1,
  .row .flex-xl-2,
  .row .flex-xl-3,
  .row .flex-xl-4,
  .row .flex-xl-5,
  .row .flex-xl-6,
  .row .flex-xl-7,
  .row .flex-xl-8,
  .row .flex-xl-9,
  .row .flex-xl-10,
  .row .flex-xl-11,
  .row .flex-xl-12 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 87.5625em) {
  .row .flex-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.header {
  width: 100%;
}

@media screen and (min-width: 56.3125em) {
  .header {
    position: relative;
    z-index: 100;
  }
}

.header .header__nav {
  position: relative;
  padding: 2rem 0;
}

@media screen and (min-width: 56.3125em) {
  .header .header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
}

.header .header__logo {
  width: 15rem;
}

.header .header__logo a {
  width: 100%;
  height: 100%;
}

.header .header__logo img {
  height: 100%;
  width: 100%;
}

.header .header__top-nav {
  position: relative;
  font-size: 2rem;
  padding: 2rem 0;
  color: #ffffff;
}

@media screen and (min-width: 56.3125em) {
  .header .header__top-nav {
    font-size: 1.6rem;
    padding: 1.2rem 0;
  }
}

.header .header__top-nav .header__option {
  display: flex;
  align-items: center;
}

.header .header__top-nav .header__option .email {
  margin-right: 2rem;
}

.header .header__top-nav .header__option .desktop,
.header .header__top-nav .header__option .email a {
  color: #ffffff;
  display: flex;
  align-items: center;
}

.header .header__top-nav .header__option .desktop i,
.header .header__top-nav .header__option .email a i {
  margin-right: 2rem;
}

@media screen and (min-width: 56.3125em) {
  .header .header__top-nav .header__option .desktop i,
  .header .header__top-nav .header__option .email a i {
    margin-right: 1.2rem;
  }
}

@media screen and (min-width: 56.3125em) {
  .header .header__extra.desktop-version {
    margin-left: 6rem;
  }
}

.header .header__mobile--opener {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.header .header__mobile--icon {
  position: relative;
  background-color: transparent;
  width: 5rem;
  height: 5rem;
  font-size: 4.5rem;
  padding: 0.6rem;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.header .header__mobile--icon.rotate {
  transform: rotate(90deg);
  height: 4rem;
  width: 4rem;
}

.header .header__mobile--icon span {
  transition: all 0.3s ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 0.3rem;
  background-color: #274f73;
}

.header .header__mobile--icon span:nth-child(1) {
  top: 20%;
  transform: translate(-50%, 0);
}

.header .header__mobile--icon span:nth-child(3) {
  top: auto;
  bottom: 20%;
  transform: translate(-50%, 0);
}

.header .header__navitems {
  background-color: #ffffff;
  width: 80%;
  height: 100%;
  padding: 2rem 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  z-index: 100;
  box-shadow: 0 0.12rem 1.4rem rgba(0, 0, 0, 0.28);
  transition: all 0.3s ease-out;
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems {
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    position: initial;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    transform: translateX(0);
    padding: 0;
    overflow-y: visible;
    z-index: 0;
    box-shadow: none;
    transition: none;
    margin: 0 6rem;
    margin-right: 0;
  }
}

.header .header__navitems.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.header .header__navitems .header__extra {
  padding: 0 2rem 2rem 2rem;
  position: relative;
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__extra {
    display: none;
    visibility: hidden;
  }
}

.header .header__navitems .header__extra::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: calc(100% - 8rem);
  height: 0.2rem;
  background-color: #d1d1d1;
}

.header .header__navitems .header__extra .cta--search .form__group {
  flex: 1;
  margin-right: 2rem;
}

.header .header__navitems .header__extra .cta--search i {
  color: #d1d1d1;
}

.header .header__navitems .header__list {
  position: relative;
}

.header .header__navitems .header__list a {
  position: relative;
  text-transform: uppercase;
  display: block;
  font-size: 1.8rem;
  padding: 2rem 1.6rem;
  color: #000000;
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__list a {
    font-size: 1.4rem;
    padding: 2.5rem 1.4rem;
  }
}

@media screen and (min-width: 87.5625em) {
  .header .header__navitems .header__list a {
    font-size: 1.5rem;
    padding: 2.5rem 2rem;
  }
}

.header .header__navitems .header__list.active > a,
.header .header__navitems .header__list:hover > a {
  color: #274f73;
  font-weight: 700;
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__list.active > a,
  .header .header__navitems .header__list:hover > a {
    font-weight: 400;
  }
}

.header .header__navitems .header__list > .header__submenu {
  margin-left: 10%;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__list > .header__submenu .header__list > a {
    padding: 1.2rem 2rem;
  }
}

.header .header__navitems .header__list > .header__submenu .header__list:hover > a,
.header .header__navitems .header__list > .header__submenu .header__list.active > a {
  background-color: #274f73;
  color: #ffffff;
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__list > .header__submenu {
    width: 22rem;
    margin-left: 0;
    background-color: #ffffff;
    padding: 0;
    display: block;
    position: absolute;
    top: 160%;
    max-height: initial;
    box-shadow: 0 0.12rem 1.4rem rgba(0, 0, 0, 0.28);
  }
}

@media screen and (min-width: 87.5625em) {
  .header .header__navitems .header__list > .header__submenu a {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__list > .header__submenu a i {
    right: 2rem;
  }
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__list > .header__submenu a::before {
    transform: rotate(0deg);
    top: 0;
    left: 0;
  }
}

.header .header__navitems .header__list:hover > .header__submenu {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__list:hover > .header__submenu {
    max-height: initial;
    top: 100%;
  }
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__submenu .header__submenu {
    left: 130%;
    transition: all 0.3s ease-out;
  }
}

@media screen and (min-width: 56.3125em) {
  .header .header__navitems .header__submenu .header__list:hover .header__submenu {
    left: 100%;
    top: 0;
  }
}

.header.white-bg .header__extra.desktop-version .shopping-cart .bag i {
  color: #000000;
}

.header .header__extra.desktop-version {
  display: flex;
  align-items: center;
}

.header .header__extra.desktop-version .shopping-cart {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 56.3125em) {
  .header .header__extra.desktop-version .shopping-cart {
    position: initial;
    transform: translate(0, 0);
  }
}

.header .header__extra.desktop-version .shopping-cart .bag {
  position: relative;
  font-size: 3.5rem;
}

@media screen and (min-width: 56.3125em) {
  .header .header__extra.desktop-version .shopping-cart .bag {
    font-size: 2.5rem;
    margin-right: 2rem;
    cursor: pointer;
  }
}

.header .header__extra.desktop-version .shopping-cart .bag i {
  color: #ffffff;
}

.header .header__extra.desktop-version .shopping-cart .bag span.full {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #274f73;
  position: absolute;
  top: 1rem;
  right: 0;
}

@media screen and (min-width: 56.3125em) {
  .header .header__extra.desktop-version .shopping-cart .bag span.full {
    width: 1.2rem;
    height: 1.2rem;
  }
}

.header .header__extra.desktop-version .shopping-cart .bag:hover i {
  color: #ead94c;
}

.header .header__top-nav .header__extra.desktop-version {
  justify-content: flex-end;
  margin: 0;
}

.header .header__top-nav .header__extra.desktop-version .shopping-cart {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);
}

@media screen and (min-width: 56.3125em) {
  .header .header__top-nav .header__extra.desktop-version .shopping-cart {
    position: initial;
    transform: translate(0, 0);
  }
}

.header.transparent {
  background-color: transparent;
  transition: all 0.3s ease-out;
}

.header.white-bg {
  background-color: #ffffff;
  box-shadow: 0 0.12rem 1.4rem rgba(0, 0, 0, 0.28);
  transition: all 0.3s ease-out;
}

.header.white-bg .header__mobile--icon span {
  background-color: #274f73;
}

.header.white-bg .header__top-nav .header__option .desktop,
.header.white-bg .header__top-nav .header__option .email a {
  color: #000000;
}

.header.dark-bg {
  background-color: #000000;
  box-shadow: 0 0.12rem 1.4rem rgba(0, 0, 0, 0.28);
  transition: all 0.3s ease-out;
}

.header.dark-bg .header__mobile--icon span {
  background-color: #274f73;
}

@media screen and (min-width: 56.3125em) {
  .header.light-text .header__navitems .header__list a {
    color: #ffffff;
  }
  .header.light-text .header__navitems .header__list.active > a,
  .header.light-text .header__navitems .header__list:hover > a {
    color: #274f73;
  }
  .header.light-text .header__navitems .header__submenu a {
    color: #000000;
  }
}

@media screen and (min-width: 56.3125em) {
  .header.dark-text .header__navitems .header__list a {
    color: #000000;
  }
  .header.dark-text .header__navitems .header__list.active > a,
  .header.dark-text .header__navitems .header__list:hover > a {
    color: #274f73;
  }
  .header.dark-text .header__navitems .header__submenu a {
    color: #000000;
  }
}

.header.dark-text .header__extra.desktop-version .shopping-cart .bag i {
  color: #000000;
}

.header.dark-text .header__extra.desktop-version .shopping-cart .bag:hover i {
  color: #ead94c;
}

.banner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #ffffff;
  height: 30rem;
  padding-bottom: 2rem;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../images/banner.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 87.5625em) {
  .banner {
    height: 40rem;
  }
}

@media screen and (min-width: 34.5625em) {
  .banner__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}

@media screen and (min-width: 34.5625em) {
  .banner__content .breadcrumb {
    margin-left: 1.5rem;
  }
}

.banner__heading {
  margin-bottom: 2rem;
}

@media screen and (min-width: 34.5625em) {
  .banner__heading {
    margin-bottom: 0;
  }
}

.single__metas {
  margin: calc(2rem * 2) 0;
}

.single__content {
  margin-bottom: 4rem;
}

@media screen and (min-width: 56.3125em) {
  .single__content {
    margin-bottom: 0;
  }
}

.sidebar__widget:not(:last-child) {
  margin-bottom: 2rem;
}

.sidebar__title {
  margin-bottom: 1rem;
}

.sidebar .card:not(:last-child) {
  margin-bottom: 2rem;
}

.sidebar .card.custom-height {
  height: calc((50rem - 2rem) / 1.5);
}

.time-location {
  position: relative;
}

.time-location__content .info {
  display: flex;
}

.time-location__content .info:not(:last-child) {
  margin-bottom: 2rem;
}

.time-location__content .info .day,
.time-location__content .info .location {
  margin-right: 2rem;
}

.time-location__content .info span {
  display: block;
}

.time-location__content .info span:not(:last-child) {
  margin-bottom: 1rem;
}

.time-location__map {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 56.3125em) {
  .time-location__map {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
  }
}

.time-location__map iframe {
  width: 100%;
  height: 100%;
}

.footer {
  background-color: #0a151e;
  padding: 5rem 0;
  color: #ffffff;
}

.footer a,
.footer i {
  color: #ffffff;
}

.footer__top .logo-wrapper {
  width: 6rem;
  height: 6rem;
}

.footer__top img {
  width: 100%;
}

.footer__bottom {
  margin-top: 2rem;
}

@media screen and (min-width: 56.3125em) {
  .footer__bottom .credit {
    text-align: center;
  }
}

.footer__bottom .credit a:hover {
  color: #ead94c;
}

.footer__bottom .social {
  width: 100%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 34.5625em) {
  .footer__bottom .social {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 56.3125em) {
  .footer__bottom .social {
    justify-content: flex-end;
    margin-top: 0;
  }
}

.footer__bottom .social__icons {
  margin-left: 2rem;
}

.footer__bottom .social__icons a:not(:last-child) {
  margin-right: 1rem;
}

.footer__bottom .social__icons i {
  font-size: 2.5rem;
}

.footer__bottom .social__icons i:hover {
  color: #ead94c;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}

.jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped {
  transform: 0deg;
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
  transform: rotateY(0deg);
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
  transform: rotateY(0deg);
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
  left: 18%;
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
  transform: rotateY(180deg);
  left: 5%;
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
  left: 84%;
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
  left: -480%;
  transform: rotateY(180deg);
}

.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
  display: none;
}

.jp-card-logo {
  height: 36px;
  width: 60px;
  font-style: italic;
}

.jp-card-logo, .jp-card-logo:before, .jp-card-logo:after {
  box-sizing: border-box;
}

.jp-card-logo.jp-card-amex {
  text-transform: uppercase;
  font-size: 4px;
  font-weight: bold;
  color: white;
  background-image: repeating-radial-gradient(circle at center, #fff 1px, #999 2px);
  background-image: repeating-radial-gradient(circle at center, #fff 1px, #999 2px);
  border: 1px solid #EEE;
}

.jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after {
  width: 28px;
  display: block;
  position: absolute;
  left: 16px;
}

.jp-card-logo.jp-card-amex:before {
  height: 28px;
  content: "american";
  top: 3px;
  text-align: left;
  padding-left: 2px;
  padding-top: 11px;
  background: #267AC3;
}

.jp-card-logo.jp-card-amex:after {
  content: "express";
  bottom: 11px;
  text-align: right;
  padding-right: 2px;
}

.jp-card.jp-card-amex.jp-card-flipped {
  transform: none;
}

.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
  background-color: #108168;
}

.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
  opacity: 1;
}

.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
  visibility: visible;
}

.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
  opacity: 1;
}

.jp-card-logo.jp-card-discover {
  background: #f60;
  color: #111;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  padding-top: 9px;
  letter-spacing: .03em;
  border: 1px solid #EEE;
}

.jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after {
  content: " ";
  display: block;
  position: absolute;
}

.jp-card-logo.jp-card-discover:before {
  background: white;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  bottom: -5%;
  right: -80%;
  z-index: -1;
}

.jp-card-logo.jp-card-discover:after {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  top: 10px;
  left: 27px;
  background-color: #f60;
  background-image: radial-gradient(#f60, #fff);
  content: "network";
  font-size: 4px;
  line-height: 24px;
  text-indent: -7px;
}

.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
  right: 12%;
  top: 18%;
}

.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
  background-color: #86B8CF;
}

.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
  opacity: 1;
}

.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
  transition: 400ms;
  content: " ";
  display: block;
  background-color: #f60;
  background-image: linear-gradient(#f60, #ffa366, #f60);
  height: 50px;
  width: 50px;
  border-radius: 25px;
  position: absolute;
  left: 100%;
  top: 15%;
  margin-left: -25px;
  box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
}

.jp-card-logo.jp-card-visa {
  text-transform: uppercase;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 18px;
  margin-top: 5px;
}

.jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after {
  content: " ";
  display: block;
  width: 100%;
  height: 25%;
}

.jp-card-logo.jp-card-visa:before {
  position: absolute;
  left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 6px 0;
  border-color: transparent #ffffff transparent transparent;
}

.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
  background-color: #191278;
}

.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
  opacity: 1;
  box-shadow: none;
}

.jp-card-logo.jp-card-visaelectron {
  background: white;
  text-transform: uppercase;
  color: #1A1876;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
}

.jp-card-logo.jp-card-visaelectron:before, .jp-card-logo.jp-card-visaelectron:after {
  content: " ";
  display: block;
  width: 100%;
  height: 25%;
}

.jp-card-logo.jp-card-visaelectron:before {
  background: #1A1876;
}

.jp-card-logo.jp-card-visaelectron:after {
  background: #E79800;
}

.jp-card-logo.jp-card-visaelectron .elec {
  float: right;
  font-family: arial;
  font-size: 9px;
  margin-right: 1px;
  margin-top: -5px;
  text-transform: none;
}

.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visaelectron.jp-card-identified .jp-card-back:before {
  background-color: #191278;
}

.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-logo.jp-card-visaelectron {
  opacity: 1;
}

.jp-card-logo.jp-card-mastercard {
  color: white;
  font-style: normal;
  text-transform: lowercase;
  font-weight: bold;
  text-align: center;
  font-size: 9px;
  line-height: 84px;
  z-index: 1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
}

.jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after {
  content: " ";
  display: block;
  width: 36px;
  top: 0;
  position: absolute;
  height: 36px;
  border-radius: 18px;
}

.jp-card-logo.jp-card-mastercard:before {
  left: 0;
  background: #EB001B;
  z-index: -1;
  opacity: 0.9;
}

.jp-card-logo.jp-card-mastercard:after {
  right: 0;
  background: #FF5F00;
  z-index: -2;
}

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
  box-shadow: none;
}

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
  background-color: #0061A8;
}

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
  opacity: 1;
}

.jp-card-logo.jp-card-maestro {
  color: white;
  font-style: normal;
  text-transform: lowercase;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  line-height: 84px;
  z-index: 1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
}

.jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after {
  content: " ";
  display: block;
  width: 36px;
  top: 0;
  position: absolute;
  height: 36px;
  border-radius: 18px;
}

.jp-card-logo.jp-card-maestro:before {
  left: 0;
  background: #EB001B;
  z-index: -2;
}

.jp-card-logo.jp-card-maestro:after {
  right: 0;
  background: #00A2E5;
  z-index: -1;
  opacity: 0.8;
}

.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
  box-shadow: none;
}

.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
  background-color: #0B2C5F;
}

.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
  opacity: 1;
}

.jp-card-logo.jp-card-dankort {
  width: 60px;
  height: 36px;
  padding: 3px;
  border-radius: 8px;
  border: #000 1px solid;
  background-color: #fff;
}

.jp-card-logo.jp-card-dankort .dk {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.jp-card-logo.jp-card-dankort .dk:before {
  background-color: #ED1C24;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 6px;
}

.jp-card-logo.jp-card-dankort .dk:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -7.7px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 10px 0;
  border-color: transparent #ED1C24 transparent transparent;
  z-index: 1;
}

.jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k {
  position: absolute;
  top: 50%;
  width: 50%;
  display: block;
  height: 15.4px;
  margin-top: -7.7px;
  background: white;
}

.jp-card-logo.jp-card-dankort .d {
  left: 0;
  border-radius: 0 8px 10px 0;
}

.jp-card-logo.jp-card-dankort .d:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background: #ED1C24;
  border-radius: 2px 4px 6px 0px;
  height: 5px;
  width: 7px;
  margin: -3px 0 0 -4px;
}

.jp-card-logo.jp-card-dankort .k {
  right: 0;
}

.jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after {
  content: '';
  position: absolute;
  right: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  margin-right: -1px;
}

.jp-card-logo.jp-card-dankort .k:before {
  top: 0;
  border-width: 8px 5px 0 0;
  border-color: #ED1C24 transparent transparent transparent;
}

.jp-card-logo.jp-card-dankort .k:after {
  bottom: 0;
  border-width: 0 5px 8px 0;
  border-color: transparent transparent #ED1C24 transparent;
}

.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
  background-color: #0055C7;
}

.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
  opacity: 1;
}

.jp-card-logo.jp-card-elo {
  height: 50px;
  width: 50px;
  border-radius: 100%;
  background: black;
  color: white;
  text-align: center;
  text-transform: lowercase;
  font-size: 21px;
  font-style: normal;
  letter-spacing: 1px;
  font-weight: bold;
  padding-top: 13px;
}

.jp-card-logo.jp-card-elo .e, .jp-card-logo.jp-card-elo .l, .jp-card-logo.jp-card-elo .o {
  display: inline-block;
  position: relative;
}

.jp-card-logo.jp-card-elo .e {
  transform: rotate(-15deg);
}

.jp-card-logo.jp-card-elo .o {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  right: 0;
  top: 7px;
  border-radius: 100%;
  background-image: linear-gradient(#ff0 50%, red 50%);
  transform: rotate(40deg);
  text-indent: -9999px;
}

.jp-card-logo.jp-card-elo .o:before {
  content: "";
  position: absolute;
  width: 49%;
  height: 49%;
  background: black;
  border-radius: 100%;
  text-indent: -99999px;
  top: 25%;
  left: 25%;
}

.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before, .jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {
  background-color: #6F6969;
}

.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {
  opacity: 1;
}

.jp-card-logo.jp-card-jcb {
  border-radius: 5px 0px 5px 0px;
  -moz-border-radius: 5px 0px 5px 0px;
  -webkit-border-radius: 5px 0px 5px 0px;
  background-color: white;
  font-style: normal;
  color: white;
  width: 50px;
  padding: 2px 0 0 2px;
}

.jp-card-logo.jp-card-jcb > div {
  width: 15px;
  margin-right: 1px;
  display: inline-block;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
  border-radius: 5px 0px 5px 0px;
  -moz-border-radius: 5px 0px 5px 0px;
  -webkit-border-radius: 5px 0px 5px 0px;
}

.jp-card-logo.jp-card-jcb > div:before, .jp-card-logo.jp-card-jcb > div:after {
  content: " ";
  display: block;
  height: 8px;
}

.jp-card-logo.jp-card-jcb > div.j {
  background-color: #000063;
  background-image: linear-gradient(to right, #000063, #008cff);
}

.jp-card-logo.jp-card-jcb > div.c {
  background-color: #630000;
  background-image: linear-gradient(to right, #630000, #ff008d);
}

.jp-card-logo.jp-card-jcb > div.b {
  background-color: #006300;
  background-image: linear-gradient(to right, #006300, lime);
}

.jp-card.jp-card-jcb.jp-card-identified .jp-card-front:before, .jp-card.jp-card-jcb.jp-card-identified .jp-card-back:before {
  background-color: #CB8000;
}

.jp-card.jp-card-jcb.jp-card-identified .jp-card-logo.jp-card-jcb {
  opacity: 1;
  box-shadow: none;
}

.jp-card-logo.jp-card-dinersclub {
  font-family: serif;
  height: 40px;
  width: 100px;
  color: white;
  font-size: 17px;
  font-style: normal;
  letter-spacing: 1px;
}

.jp-card-logo.jp-card-dinersclub::before, .jp-card-logo.jp-card-dinersclub::after {
  display: block;
  position: relative;
}

.jp-card-logo.jp-card-dinersclub::before {
  content: 'Diners Club';
}

.jp-card-logo.jp-card-dinersclub::after {
  content: 'International';
  text-transform: uppercase;
  font-size: 0.6em;
}

.jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo {
  box-shadow: none !important;
}

.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before {
  background-color: #999;
}

.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub {
  opacity: 1;
}

.jp-card-container {
  perspective: 1000px;
  width: 350px;
  max-width: 100%;
  height: 200px;
  margin: auto;
  z-index: 1;
  position: relative;
}

.jp-card {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 315px;
  border-radius: 10px;
  transform-style: preserve-3d;
  transition: all 400ms linear;
}

.jp-card > *, .jp-card > *:before, .jp-card > *:after {
  box-sizing: border-box;
  font-family: inherit;
}

.jp-card.jp-card-flipped {
  transform: rotateY(180deg);
}

.jp-card .jp-card-front, .jp-card .jp-card-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: all 400ms linear;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #DDD;
}

.jp-card .jp-card-front:before, .jp-card .jp-card-back:before {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 10px;
  transition: all 400ms ease;
}

.jp-card .jp-card-front:after, .jp-card .jp-card-back:after {
  content: " ";
  display: block;
}

.jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
  color: #fff;
  font-weight: normal;
  opacity: 0.5;
  transition: opacity 400ms linear;
}

.jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused {
  opacity: 1;
  font-weight: 700;
}

.jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc {
  font-family: "Bitstream Vera Sans Mono",Consolas,Courier,monospace;
  font-size: 14px;
}

.jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny {
  width: 50px;
  height: 35px;
  border-radius: 5px;
  background: #CCC;
  position: relative;
}

.jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before {
  content: " ";
  display: block;
  width: 70%;
  height: 60%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #d9d9d9;
  position: absolute;
  top: 20%;
}

.jp-card .jp-card-front .jp-card-logo {
  position: absolute;
  opacity: 0;
  right: 5%;
  top: 8%;
  transition: 400ms;
}

.jp-card .jp-card-front .jp-card-lower {
  width: 80%;
  position: absolute;
  left: 10%;
  bottom: 30px;
}

@media only screen and (max-width: 480px) {
  .jp-card .jp-card-front .jp-card-lower {
    width: 90%;
    left: 5%;
  }
}

.jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
  visibility: hidden;
  float: right;
  position: relative;
  bottom: 5px;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-number {
  font-family: "Bitstream Vera Sans Mono",Consolas,Courier,monospace;
  font-size: 24px;
  clear: both;
  margin-bottom: 30px;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
  font-family: "Bitstream Vera Sans Mono",Consolas,Courier,monospace;
  letter-spacing: 0em;
  position: relative;
  float: right;
  width: 25%;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
  font-size: 7px;
  white-space: pre;
  display: block;
  opacity: .5;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
  content: attr(data-before);
  margin-bottom: 2px;
  font-size: 7px;
  text-transform: uppercase;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
  position: absolute;
  content: attr(data-after);
  text-align: right;
  right: 100%;
  margin-right: 5px;
  margin-top: 2px;
  bottom: 0;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-name {
  text-transform: uppercase;
  font-family: "Bitstream Vera Sans Mono",Consolas,Courier,monospace;
  font-size: 20px;
  max-height: 45px;
  position: absolute;
  bottom: 0;
  width: 190px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: horizontal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jp-card .jp-card-back {
  transform: rotateY(180deg);
}

.jp-card .jp-card-back .jp-card-bar {
  background-color: #444;
  background-image: linear-gradient(#444, #333);
  width: 100%;
  height: 20%;
  position: absolute;
  top: 10%;
}

.jp-card .jp-card-back:after {
  content: " ";
  display: block;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  width: 80%;
  height: 16%;
  position: absolute;
  top: 40%;
  left: 2%;
}

.jp-card .jp-card-back .jp-card-cvc {
  position: absolute;
  top: 40%;
  left: 85%;
  transition-delay: 600ms;
}

.jp-card .jp-card-back .jp-card-shiny {
  position: absolute;
  top: 66%;
  left: 2%;
}

.jp-card .jp-card-back .jp-card-shiny:after {
  content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card.";
  position: absolute;
  left: 120%;
  top: 5%;
  color: white;
  font-size: 7px;
  width: 230px;
  opacity: .5;
}

.jp-card.jp-card-identified {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before {
  transition: all 400ms ease;
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
  opacity: 1;
}

.jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.breadcrumb {
  display: flex;
  text-transform: uppercase;
}

.breadcrumb__home--link {
  font-weight: 700;
}

.breadcrumb span {
  margin: 0 1rem;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.4rem solid #d1d1d1;
  border-right: 0.4rem solid #d1d1d1;
  transform: rotate(45deg) translateY(50%);
}

.breadcrumb__current--page-link {
  opacity: 0.6;
}

.button,
input[type="submit"],
button[type="submit"] {
  font-size: 1.6rem;
  padding: 1.6rem 2rem;
  text-align: center;
  border: 0;
  cursor: pointer;
  color: #ffffff;
  background-color: #274f73;
  border: 0.1rem solid transparent;
  transition: all 0.3s ease-out;
}

@media screen and (min-width: 34.5625em) {
  .button,
  input[type="submit"],
  button[type="submit"] {
    padding: 1.6rem 3rem;
  }
}

.button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  color: #ffffff;
  background-color: #ead94c;
}

.button.button--link,
input[type="submit"].button--link,
button[type="submit"].button--link {
  color: #274f73;
  background-color: transparent;
  padding: 1.6rem 0;
}

.button.button--link i,
input[type="submit"].button--link i,
button[type="submit"].button--link i {
  margin-left: 1rem;
}

.button.button--link:hover,
input[type="submit"].button--link:hover,
button[type="submit"].button--link:hover {
  color: #ead94c;
}

@media screen and (min-width: 0em) {
  .button-block-sm {
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 34.5625em) {
  .button-block-md {
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 56.3125em) {
  .button-block-lg {
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 87.5625em) {
  .button-block-xl {
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 0em) {
  .button-inline-sm {
    display: inline-block;
    width: auto;
  }
}

@media screen and (min-width: 34.5625em) {
  .button-inline-md {
    display: inline-block;
    width: auto;
  }
}

@media screen and (min-width: 56.3125em) {
  .button-inline-lg {
    display: inline-block;
    width: auto;
  }
}

@media screen and (min-width: 87.5625em) {
  .button-inline-xl {
    display: inline-block;
    width: auto;
  }
}

.card {
  position: relative;
  padding: 2rem;
  height: 50rem;
  overflow: hidden;
  display: flex;
  color: #ffffff;
  justify-content: center;
  align-items: flex-end;
}

.card__header {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.card__header::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.card__image {
  width: 100%;
  height: 100%;
}

.card__body, .card__footer {
  position: relative;
  z-index: 10;
}

.card--event {
  justify-content: flex-start;
}

.card.gallery__card .card__header::before {
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  background-color: transparent;
  border: 0.2rem solid #ead94c;
  transition: transform 0.3s ease-out;
}

@media screen and (min-width: 56.3125em) {
  .card.gallery__card .card__header::before {
    transform: translate(-50%, -50%) rotate(-35deg) scale(0);
  }
}

@media screen and (min-width: 56.3125em) {
  .card.gallery__card:hover .card__header::before {
    transform: translate(-50%, -50%) rotate(0) scale(1);
  }
}

.card.card--picture {
  border: 0.2rem solid #ead94c;
}

.card.card--picture::before {
  content: "";
  display: block;
  width: 30rem;
  height: 30rem;
  background-color: #ead94c;
  position: absolute;
  left: -4rem;
  bottom: -12rem;
  z-index: 5;
  transform-origin: top left;
  transform: rotate(45deg);
}

.card.card--picture .card__header {
  width: calc(100% - 4rem);
  height: calc(50rem - 4rem);
}

.card.card--picture .card__footer {
  margin-bottom: 2rem;
}

.card.card--picture.card--square {
  width: 15rem;
  height: 15rem;
}

.card.card--picture.card--square::before {
  left: -10rem;
}

.card.card--picture.card--square .card__header {
  width: calc(15rem - 2rem);
  height: calc(15rem - 2rem);
}

.card--shop .sale-banner {
  background-color: #51a3a3;
  padding: 0.6rem 2rem;
  font-size: 1.6rem;
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 12;
}

.card--shop .shop__details {
  margin-bottom: 2rem;
}

.card--shop .shop__details--price {
  font-size: 1.6rem;
  margin-top: 0.6rem;
}

.card--shop .shop__link .button--link {
  margin-top: 1rem;
  color: #ead94c;
  padding: 1.6rem 3rem;
  border: 0.1rem solid #ead94c;
}

.card--shop .shop__link .button--link:hover {
  background-color: #ead94c;
  color: #ffffff;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 5rem;
  height: 5rem;
  font-size: 3rem;
  background-color: #274f73;
  color: #ffffff;
  border-radius: 50%;
}

.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
  background-color: #ead94c;
}

#hero-carousel {
  height: 100%;
}

#hero-carousel .hero__intro,
#hero-carousel h1,
#hero-carousel p {
  color: #ffffff;
}

#hero-carousel .slide {
  height: 70rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 34.5625em) {
  #hero-carousel .slide {
    height: 90rem;
  }
}

@media screen and (min-width: 56.3125em) {
  #hero-carousel .slide {
    height: 60rem;
  }
}

@media screen and (min-width: 87.5625em) {
  #hero-carousel .slide {
    height: 70rem;
  }
}

#hero-carousel #first-slide {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../../images/hero-1.jpg");
}

#hero-carousel #second-slide {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../../images/hero-2.jpg");
}

#hero-carousel .owl-nav .owl-prev {
  left: 2rem;
}

#hero-carousel .owl-nav .owl-next {
  right: 2rem;
}

#hero-carousel .owl-dots {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#hero-carousel .owl-dots .owl-dot {
  width: 4rem;
  height: 1rem;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
}

#hero-carousel .owl-dots .owl-dot:first-child {
  margin-right: 2rem;
}

#hero-carousel .owl-dots .owl-dot.active, #hero-carousel .owl-dots .owl-dot:hover {
  background-color: #ead94c;
}

#event-carousel {
  position: relative;
}

#event-carousel .owl-nav .owl-prev {
  left: -2rem;
}

@media screen and (min-width: 34.5625em) {
  #event-carousel .owl-nav .owl-prev {
    left: -6rem;
  }
}

#event-carousel .owl-nav .owl-next {
  right: -2rem;
}

@media screen and (min-width: 34.5625em) {
  #event-carousel .owl-nav .owl-next {
    right: -6rem;
  }
}

#our-testimonial {
  position: relative;
}

#our-testimonial .owl-nav .owl-prev,
#our-testimonial .owl-nav .owl-next {
  left: 50%;
  top: auto;
  transform: translate(-40%, 0);
  bottom: -4rem;
}

#our-testimonial .owl-nav .owl-prev {
  left: 30%;
}

@media screen and (min-width: 34.5625em) {
  #our-testimonial .owl-nav .owl-prev {
    left: 40%;
  }
}

#our-testimonial .owl-nav .owl-next {
  left: auto;
  right: 30%;
}

@media screen and (min-width: 34.5625em) {
  #our-testimonial .owl-nav .owl-next {
    right: 40%;
  }
}

.comments__content {
  margin-bottom: 2rem;
}

.comments__box {
  position: relative;
  padding: 1rem;
}

.comments__box .comments__avatar {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 0;
  left: 0;
}

.comments__box .comments__avatar img {
  width: 100%;
  height: 100%;
}

.comments__box .comments__details,
.comments__box .comments__reply--link {
  margin-left: 8rem;
}

.comments__box .comments__details span {
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.comments__box--reply {
  margin-top: 2rem;
  margin-left: 8rem;
}

.comments__form {
  margin-top: 2rem;
}

.form__group {
  width: 100%;
  position: relative;
}

.form__label {
  margin-bottom: 1rem;
  display: inline-block;
}

.form__input {
  display: block;
  width: 100%;
  padding: 1.6rem 2rem;
  background-color: transparent;
  font-size: 1.6rem;
  border: 0.1rem solid #d1d1d1;
  transition: border-color 0.3s ease-out;
}

.form__input:hover, .form__input:focus {
  border-color: #274f73;
}

.form__textarea {
  resize: none;
  height: 20rem;
}

.form__radio {
  -webkit-appearance: none;
  position: absolute;
}

.form__label--radio {
  margin-bottom: 0;
  padding: 1.6rem 2rem;
  display: block;
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer;
  box-shadow: 0 0.12rem 1.4rem rgba(0, 0, 0, 0.28);
  transition: all 0.3s ease-out;
}

.form__label--custom {
  position: absolute;
  height: calc(100% - 0.2rem);
  top: 0.1rem;
  left: 0.1rem;
  font-size: 2.5rem;
  width: 4rem;
  text-align: center;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid #f5f5f5;
}

.form__radio:checked + .form__label--radio {
  background-color: #ead94c;
  color: #ffffff;
  box-shadow: none;
}

.form .form__checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 2rem;
  padding-left: 4rem;
  -webkit-user-select: none;
          user-select: none;
}

.form .form__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.form .form__checkbox input:checked ~ .checkmark {
  background-color: #ead94c;
  border-color: #ead94c;
}

.form .form__checkbox input:checked ~ .checkmark::after {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -20%) rotate(45deg);
  border-color: #f5f5f5;
}

.form .form__checkbox:hover .checkmark {
  transform: scale(0.8);
}

.form .form__checkbox .checkmark {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  transform: scale(1);
  border: 0.1rem solid #274f73;
  transition: all 0.3s ease-out;
}

.form .form__checkbox .checkmark::after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%) rotate(45deg);
  width: 1rem;
  height: 1.6rem;
  border: 0.1rem solid #d1d1d1;
  border-width: 0 0.2rem 0.2rem 0;
  border-color: #f5f5f5;
  transition: all 0.3s ease-out;
}

.lightbox .lb-image {
  border: 0;
  border-radius: 0.4rem;
}

.lightbox .lb-outerContainer {
  background-color: transparent;
  border-radius: 0.4rem;
}

.pagination {
  display: flex;
  font-size: 3rem;
}

@media screen and (min-width: 56.3125em) {
  .pagination {
    font-size: 2rem;
  }
}

.pagination span {
  margin: 0 0.5rem;
  width: 4.5rem;
  height: 4.5rem;
  color: #274f73;
  cursor: pointer;
  border: 0.2rem solid #274f73;
  transition: all 0.3s ease-out;
}

.pagination span a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.pagination span:hover {
  border-color: #ead94c;
  color: #ead94c;
}

.pagination span.active {
  background-color: #ead94c;
  border-color: #ead94c;
}

.pagination span.active a {
  color: #ffffff;
}

.pagination .pagination__arrow:hover {
  background-color: transparent;
}

.scroll-to-top {
  position: fixed;
  bottom: 20%;
  right: 2rem;
  z-index: 20;
  width: 5rem;
  height: 5rem;
  border-radius: 0.4rem;
  padding: 2rem;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  background-color: #274f73;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-out;
}

.scroll-to-top:hover {
  background-color: #ead94c;
}

.scroll-to-top.active {
  opacity: 1;
  visibility: visible;
}

.scroll-to-top i {
  font-size: 2rem;
  color: #ffffff;
}

.search .text {
  opacity: 0.6;
}

.search .form__group {
  margin-right: 3rem;
}

.share {
  display: inline-flex;
  align-items: center;
  background-color: #ffffff;
  font-size: 2.5rem;
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
  box-shadow: 0 0.12rem 1.2rem rgba(0, 0, 0, 0.28);
}

@media screen and (min-width: 56.3125em) {
  .share {
    font-size: 2rem;
  }
}

.share span {
  margin: 0 1.6rem;
}

.share a {
  padding: 1rem 2rem;
}

.share a:hover {
  background-color: #ead94c;
}

.share a:hover i {
  color: #ffffff;
}

@media screen and (min-width: 56.3125em) {
  .testimonial {
    display: flex;
    align-items: flex-end;
  }
}

.testimonial__avatar {
  margin-bottom: 2rem;
}

@media screen and (min-width: 56.3125em) {
  .testimonial__avatar {
    margin-right: 2rem;
    margin-bottom: 0;
  }
}

.testimonial__author {
  color: rgba(255, 255, 255, 0.6);
}

.hero {
  height: 70rem;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 34.5625em) {
  .hero {
    height: 90rem;
  }
}

@media screen and (min-width: 56.3125em) {
  .hero {
    height: 60rem;
  }
}

@media screen and (min-width: 87.5625em) {
  .hero {
    height: 70rem;
  }
}

.hero__content .hero__intro {
  font-family: "Lobster Two", cursive;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}

.hero__content h1 {
  font-size: 4.5rem;
}

.hero__content .hero__cta {
  margin-top: 4rem;
}

.hero-2 {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../../images/hero-3.jpg");
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-2 .hero__content {
  color: #ffffff;
}

.hero-3 {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../../images/hero-4.jpg");
  background-position: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-3 .hero__clip--cover {
  position: absolute;
  width: 41.6666666667%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../../images/hero-4.jpg");
  background-position: left;
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

.hero-3 .hero__content {
  color: #ffffff;
  padding-top: 12rem;
  position: relative;
  z-index: 15;
}

.next-event {
  color: #ffffff;
  -webkit-clip-path: none;
          clip-path: none;
}

@media screen and (min-width: 34.5625em) {
  .next-event {
    -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  }
}

@media screen and (min-width: 87.5625em) {
  .next-event {
    -webkit-clip-path: polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
  }
}

.next-event .intro {
  margin-bottom: 1rem;
}

.next-event__cta {
  margin-top: 2rem;
}

@media screen and (min-width: 34.5625em) {
  .next-event__cta {
    margin-top: 0;
    text-align: right;
  }
}

.last-sermon .sermon__metas {
  justify-content: flex-start;
}

.last-sermon .sermon__content .title {
  margin-bottom: 1rem;
}

.our-ministries .card.custom-height {
  height: calc(50rem / 1.5);
}

@media screen and (min-width: 56.3125em) {
  .our-ministries .card.custom-height {
    height: calc(
 (50rem - 2rem) / 2);
  }
}

.our-gallery .row {
  margin-left: 0;
  margin-right: 0;
}

.our-gallery .gallery-link {
  display: block;
}

.our-gallery.gallery--equal-grid .gallery__card {
  height: 30rem;
}

.our-gallery.gallery--unequal-grid .row {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

@media screen and (min-width: 34.5625em) {
  .our-gallery.gallery--unequal-grid .four,
  .our-gallery.gallery--unequal-grid .three {
    margin: 2rem 0;
  }
  .our-gallery.gallery--unequal-grid .four .stretch-vertical,
  .our-gallery.gallery--unequal-grid .three .stretch-vertical {
    height: 30rem;
  }
}

@media screen and (min-width: 56.3125em) {
  .our-gallery.gallery--unequal-grid .three,
  .our-gallery.gallery--unequal-grid .four {
    margin: 0;
  }
  .our-gallery.gallery--unequal-grid .three .stretch-vertical,
  .our-gallery.gallery--unequal-grid .four .stretch-vertical {
    height: calc(30rem * 2);
  }
  .our-gallery.gallery--unequal-grid .five,
  .our-gallery.gallery--unequal-grid .six {
    margin-top: calc(
 (-30rem) + 2rem);
  }
  .our-gallery.gallery--unequal-grid .five .gallery__card,
  .our-gallery.gallery--unequal-grid .six .gallery__card {
    height: calc((30rem) - 2rem);
  }
}

.our-gallery.gallery--unequal-grid .equal-height {
  height: 30rem;
}

.our-gallery.gallery--unequal-grid .stretch-vertical {
  height: calc(30rem * 2);
}

.our-gallery.gallery--unequal-grid .stretch-horizontal {
  height: 30rem;
}

.our-testimonial {
  position: relative;
}

.our-testimonial__background--cover {
  position: absolute;
  height: 40rem;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url("../../images/background-1.jpg");
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
          clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
}

@media screen and (min-width: 34.5625em) {
  .our-testimonial__background--cover {
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
            clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
  }
}

@media screen and (min-width: 56.3125em) {
  .our-testimonial__background--cover {
    -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
  }
}

@media screen and (min-width: 56.3125em) {
  .our-testimonial__background--cover {
    height: 100%;
    width: 41.6666666667%;
  }
}

.our-testimonial__content {
  margin-top: 40rem;
}

@media screen and (min-width: 56.3125em) {
  .our-testimonial__content {
    margin-top: 0;
  }
}

.home-2 .our-testimonial {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../../images/background-3.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.home-2 .our-testimonial__content {
  margin-top: 0;
}

.home-2 .our-testimonial .testimonial {
  margin-bottom: 0;
}

@media screen and (min-width: 34.5625em) {
  .recent-articles [class*="flex-"]:nth-child(3) {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 56.3125em) {
  .recent-articles [class*="flex-"]:nth-child(3) {
    margin: 0;
  }
}

.our-mission-vision {
  position: relative;
  background-image: linear-gradient(#dd7373 50%, #51a3a3 50%);
}

@media screen and (min-width: 56.3125em) {
  .our-mission-vision {
    background-image: linear-gradient(95deg, #dd7373 50%, #51a3a3 50%);
  }
}

.our-mission-vision__content {
  position: relative;
  z-index: 5;
}

.our-belief__box .heading {
  position: relative;
  display: inline-block;
  width: auto;
  margin-bottom: 2rem;
}

.our-belief__box .heading::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 0.4rem;
  background-color: #ead94c;
  bottom: -0.8rem;
  left: 50%;
  transform: translateX(-50%);
}

.our-stats {
  padding: 8rem 0;
  color: #ffffff;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../images/background-6.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.our-stats__box .heading {
  font-family: "Lobster Two", cursive;
  font-size: 5rem;
  position: relative;
  display: inline-block;
  width: auto;
  margin-bottom: 2rem;
}

.our-stats__box .heading::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 0.4rem;
  background-color: #ead94c;
  bottom: -0.8rem;
  left: 50%;
  transform: translateX(-50%);
}

.staff {
  color: #ffffff;
}

.staff__title {
  margin: 1rem 0 2rem;
}

.all-events__events {
  margin-bottom: 4rem;
}

.all-events .pagination {
  justify-content: center;
}

.event {
  color: #ffffff;
}

.event__link {
  margin-top: 2rem;
}

.event__metas {
  margin-bottom: 1.2rem;
}

.event__metas.horizontal {
  display: flex;
}

.event__metas.horizontal .meta:not(:last-child) {
  margin-right: 0.4rem;
}

@media screen and (min-width: 34.5625em) {
  .event__metas.horizontal .meta:not(:last-child) {
    margin-right: 2rem;
  }
}

.event__metas.vertical .meta {
  font-size: 2rem;
}

.event__metas.vertical .meta:not(:last-child) {
  margin-bottom: 1rem;
}

.event__metas .meta {
  display: flex;
  align-items: center;
}

.event__metas .meta i {
  margin-right: 0.4rem;
}

.all-sermons__sermons {
  margin-bottom: 4rem;
}

.all-sermons .pagination {
  justify-content: center;
}

.sermon {
  color: #ffffff;
  text-align: center;
}

.sermon__metas {
  display: flex;
  justify-content: center;
}

.sermon__content .excerpt {
  margin-bottom: 2rem;
}

.sermon__download {
  font-size: 3rem;
  display: flex;
  margin-top: 1rem;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 56.3125em) {
  .sermon__download {
    font-size: 2rem;
  }
}

.sermon__download span {
  margin-right: 2rem;
}

.sermon__download a:not(:last-child) {
  margin-right: 1rem;
}

.sermon__download a i {
  padding: 0.4rem;
}

.sermon__download a:hover i {
  color: #ead94c;
}

.sermon__link {
  margin-top: 1rem;
}

.blog-single .blog-single__metas .blog__metas {
  justify-content: flex-start;
}

.blog-single .sermon__download {
  background-color: #ffffff;
  margin-top: 0;
  border-top-left-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
  box-shadow: 0 0.12rem 1.2rem rgba(0, 0, 0, 0.28);
}

@media screen and (min-width: 34.5625em) {
  .blog-single .sermon__download {
    justify-content: flex-end;
  }
}

.blog-single .sermon__download a {
  margin: 0;
  padding: 0 0.6rem;
}

.blog-single .sermon__download a:hover {
  background-color: #ead94c;
}

.blog-single .sermon__download a:hover i {
  color: #ffffff;
}

.blog-single .blockquote {
  margin-bottom: 1.6rem;
}

@media screen and (min-width: 34.5625em) {
  .blog-single .blockquote {
    margin: 2rem 0;
  }
}

.all-ministries__ministries {
  margin-bottom: 4rem;
}

.all-ministries .pagination {
  justify-content: center;
}

.ministry {
  justify-content: flex-start;
  color: #ffffff;
}

.ministry__metas {
  display: flex;
}

.ministry__metas .meta:not(:last-child) {
  margin-right: 2rem;
}

.ministry__metas .meta {
  display: flex;
  align-items: center;
}

.ministry__metas .meta i {
  margin-right: 0.4rem;
}

.ministry__meta {
  margin: 1.2rem 0;
  font-size: 2rem;
}

@media screen and (min-width: 34.5625em) {
  .ministry__meta {
    margin: 0.4rem 0;
  }
}

.ministry__content {
  width: 100%;
}

@media screen and (min-width: 34.5625em) {
  .ministry__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.ministry__content .excerpt {
  margin-bottom: 2rem;
}

@media screen and (min-width: 34.5625em) {
  .ministry__content .excerpt {
    margin-bottom: 0;
    flex: 50%;
    margin-right: 2rem;
  }
}

.all-posts__posts {
  margin-bottom: 4rem;
}

.all-posts .pagination {
  justify-content: center;
}

.blog {
  color: #ffffff;
  text-align: center;
}

.blog__metas {
  display: flex;
  justify-content: center;
}

.blog__content .excerpt {
  margin-bottom: 2rem;
}

.sermons-single .sermons-single__metas .sermon__metas {
  justify-content: flex-start;
}

.sermons-single .sermon__download {
  background-color: #ffffff;
  margin-top: 0;
  border-top-left-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
  box-shadow: 0 0.12rem 1.2rem rgba(0, 0, 0, 0.28);
}

@media screen and (min-width: 34.5625em) {
  .sermons-single .sermon__download {
    justify-content: flex-end;
  }
}

.sermons-single .sermon__download a {
  margin: 0;
  padding: 0 0.6rem;
}

.sermons-single .sermon__download a:hover {
  background-color: #ead94c;
}

.sermons-single .sermon__download a:hover i {
  color: #ffffff;
}

.sermons-single .blockquote {
  margin-bottom: 1.6rem;
}

@media screen and (min-width: 34.5625em) {
  .sermons-single .blockquote {
    margin: 2rem 0;
  }
}

.contact__form.working-form .error {
  color: #842722;
}

.contact__form.working-form .form__input.error {
  border-color: #842722;
}

.donations {
  position: relative;
}

.donations h3 {
  margin-bottom: 1rem;
}

.donations__form .donations__amount,
.donations__form .donations__frequency,
.donations__form .donations__type,
.donations__form .donations__payment {
  margin-bottom: 4rem;
}

.donations__form .donations__amount .form__group,
.donations__form .donations__type .form__group {
  margin-bottom: 2rem;
}

@media screen and (min-width: 34.5625em) {
  .donations__form .donations__amount .form__group,
  .donations__form .donations__type .form__group {
    margin-bottom: 0;
  }
}

.donations__form .donations__amount input#custom,
.donations__form .donations__type input#custom {
  padding-left: 6rem;
}

.donations .card-wrapper {
  display: none;
}

@media screen and (min-width: 56.3125em) {
  .donations .card-wrapper {
    position: absolute;
    width: 30rem;
    height: 20rem;
    left: 30%;
    bottom: 40rem;
  }
  .donations .card-wrapper.active {
    display: block;
  }
}

.donations .credit-card-payment-form,
.donations .paypal-link {
  display: none;
}

.donations .credit-card-payment-form.active,
.donations .paypal-link.active {
  display: block;
}

.donations .credit-card-payment-form .form__input.jp-card-invalid,
.donations .paypal-link .form__input.jp-card-invalid {
  border-color: #842722;
}

.staffs-single__details {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #f5f5f5;
}

.staffs-single__details .staff__title {
  margin-bottom: 0;
}

.staffs-single__testimonial h3 {
  margin-bottom: 1rem;
}

.page-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: #ffffff;
  left: 0;
  top: 0;
  transform: translateX(0);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-out;
}

.page-loader .loader {
  width: 50%;
  animation: loading 0.5s cubic-bezier(0, 1.21, 0.7, 1.1) infinite forwards;
}

@media screen and (min-width: 56.3125em) {
  .page-loader .loader {
    width: 20%;
  }
}

@media screen and (min-width: 87.5625em) {
  .page-loader .loader {
    width: 10%;
  }
}

.page-loader.slide-off {
  transform: translateX(-100%);
}

.page-loader.is-loading-finish {
  animation: loading-out 1s ease-in-out forwards;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  30% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.05);
  }
  57% {
    transform: scale(1);
  }
  64% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes loading-out {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.elements h2 {
  margin-bottom: 2rem;
}

.elements h3 {
  margin-bottom: 1rem;
}

.elements#grid .row:not(:last-child) {
  border-bottom: 0.1rem solid #f5f5f5;
  padding-bottom: 2rem;
}

.elements#grid [class*="flex-"]:not(:last-child) {
  border-bottom: 0.1rem solid #f5f5f5;
}

@media screen and (min-width: 56.3125em) {
  .elements#grid [class*="flex-"]:not(:last-child) {
    border-bottom: 0;
    border-right: 0.1rem solid #f5f5f5;
  }
}