/*!
Theme Name: Scratch
Theme URI: http://cariadmarketing.com
Author: Cariad Marketing
Author URI: http://cariadmarketing.com
Description: A responsive theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: cariad-marketing
Text Domain: scratch
*/
/* Reset
======================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  font-size: 62.5%; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*	Variables
*****************************************/
/* Header
========================================*/
/* Colours
========================================*/
.c-primary {
  color: #0099DB; }

.primary-hover:hover {
  color: #0099DB; }

.bg-primary {
  background-color: #0099DB; }

.b-primary {
  border-color: #0099DB; }

.c-secondary {
  color: #0061af; }

.secondary-hover:hover {
  color: #0061af; }

.bg-secondary {
  background-color: #0061af; }

.b-secondary {
  border-color: #0061af; }

.c-third {
  color: #EF0C25; }

.third-hover:hover {
  color: #EF0C25; }

.bg-third {
  background-color: #EF0C25; }

.b-third {
  border-color: #EF0C25; }

.c-forth {
  color: #65008c; }

.forth-hover:hover {
  color: #65008c; }

.bg-forth {
  background-color: #65008c; }

.b-forth {
  border-color: #65008c; }

.c-pink {
  color: #F1007D; }

.pink-hover:hover {
  color: #F1007D; }

.bg-pink {
  background-color: #F1007D; }

.b-pink {
  border-color: #F1007D; }

.c-orange {
  color: #F87228; }

.orange-hover:hover {
  color: #F87228; }

.bg-orange {
  background-color: #F87228; }

.b-orange {
  border-color: #F87228; }

.c-green {
  color: #90C03A; }

.green-hover:hover {
  color: #90C03A; }

.bg-green {
  background-color: #90C03A; }

.b-green {
  border-color: #90C03A; }

.c-light-grey {
  color: #f8f8f8; }

.light-grey-hover:hover {
  color: #f8f8f8; }

.bg-light-grey {
  background-color: #f8f8f8; }

.b-light-grey {
  border-color: #f8f8f8; }

.c-grey {
  color: #D9D7D7; }

.grey-hover:hover {
  color: #D9D7D7; }

.bg-grey {
  background-color: #D9D7D7; }

.b-grey {
  border-color: #D9D7D7; }

.c-dark-grey {
  color: #494948; }

.dark-grey-hover:hover {
  color: #494948; }

.bg-dark-grey {
  background-color: #494948; }

.b-dark-grey {
  border-color: #494948; }

.c-black {
  color: #000000; }

.black-hover:hover {
  color: #000000; }

.bg-black {
  background-color: #000000; }

.b-black {
  border-color: #000000; }

.c-white {
  color: #ffffff; }

.white-hover:hover {
  color: #ffffff; }

.bg-white {
  background-color: #ffffff; }

.b-white {
  border-color: #ffffff; }

/*	Typography
*****************************************************/
/*  font weights   */
/* Letter spacing */
/* Line height */
/* Body font sizes */
/*  Heading sizes */
/*	Mixins
********************************/
/*	Flex
***************************************/
.flex {
  display: flex; }

.inline-flex {
  display: inline-flex; }

.f-row {
  flex-direction: row !important; }

.column {
  flex-direction: column !important; }

.justify-start {
  justify-content: flex-start !important; }

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

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

.space-between {
  justify-content: space-between !important; }

.space-around {
  justify-content: space-around !important; }

.space-evenly {
  justify-content: space-evenly !important; }

.align-start {
  align-items: flex-start !important; }

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

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

.align-stretch {
  align-items: stretch !important; }

.align-baseline {
  align-items: baseline !important; }

.f-wrap {
  flex-wrap: wrap; }

.fb-30 {
  flex: 1 0 30% !important; }

.fb-35 {
  flex: 1 0 35% !important; }

.fb-40 {
  flex: 1 0 40% !important; }

.fb-45 {
  flex: 1 0 45% !important; }

.fb-50 {
  flex: 1 0 50% !important; }

.fb-55 {
  flex: 1 0 55% !important; }

.fb-60 {
  flex: 1 0 60% !important; }

.fb-65 {
  flex: 1 0 65% !important; }

.fb-70 {
  flex: 1 0 70% !important; }

.fb-80 {
  flex: 1 0 80% !important; }

.fb-90 {
  flex: 1 0 90% !important; }

.fb-100 {
  flex: 1 0 100% !important; }

.show-xs {
  display: block !important; }

.row.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.hide-xs {
  display: none !important; }

.reverse-xs {
  flex-direction: row-reverse !important; }

.col-reverse-xs {
  flex-direction: column-reverse !important; }

@media only screen and (max-width: 400px) {
  .show-xs-only {
    display: block !important; }

  .row.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .hide-xs-only {
    display: none !important; }

  .reverse-xs-only {
    flex-direction: row-reverse !important; }

  .col-reverse-xs-only {
    flex-direction: column-reverse !important; } }
@media only screen and (min-width: 401px) {
  .show-sm {
    display: block !important; }

  .row.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .hide-sm {
    display: none !important; }

  .reverse-sm {
    flex-direction: row-reverse !important; }

  .col-reverse-sm {
    flex-direction: column-reverse !important; } }
@media only screen and (min-width: 401px) and (max-width: 688px) {
  .show-sm-only {
    display: block !important; }

  .row.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .hide-sm-only {
    display: none !important; }

  .reverse-sm-only {
    flex-direction: row-reverse !important; }

  .col-reverse-sm-only {
    flex-direction: column-reverse !important; } }
@media only screen and (min-width: 689px) {
  .show-md {
    display: block !important; }

  .row.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .hide-md {
    display: none !important; }

  .reverse-md {
    flex-direction: row-reverse !important; }

  .col-reverse-md {
    flex-direction: column-reverse !important; } }
@media (min-width: 689px) and (max-width: 1024px) {
  .show-md-only {
    display: block !important; }

  .row.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .hide-md-only {
    display: none !important; }

  .reverse-md-only {
    flex-direction: row-reverse !important; }

  .col-reverse-md-only {
    flex-direction: column-reverse !important; } }
@media only screen and (min-width: 1025px) {
  .show-lg {
    display: block !important; }

  .row.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .hide-lg {
    display: none !important; }

  .reverse-lg {
    flex-direction: row-reverse !important; }

  .col-reverse-lg {
    flex-direction: column-reverse !important; } }
@media only screen and (min-width: 1025px) and (max-width: 1312px) {
  .show-lg-only {
    display: block !important; }

  .row.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .hide-lg-only {
    display: none !important; }

  .reverse-lg-only {
    flex-direction: row-reverse !important; }

  .col-reverse-lg-only {
    flex-direction: column-reverse !important; } }
@media only screen and (min-width: 1313px) {
  .show-xl {
    display: block !important; }

  .row.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }

  .hide-xl {
    display: none !important; }

  .reverse-xl {
    flex-direction: row-reverse !important; }

  .col-reverse-xl {
    flex-direction: column-reverse !important; } }
.start-xs {
  justify-content: flex-start !important; }

.center-xs {
  justify-content: center !important; }

.end-xs {
  justify-content: flex-end !important; }

.top-xs {
  align-items: flex-start !important; }

.middle-xs {
  align-items: center !important; }

.bottom-xs {
  align-items: flex-end !important; }

.around-xs {
  justify-content: space-around !important; }

.between-xs {
  justify-content: space-between !important; }

.first-xs {
  order: -1; }

.last-xs {
  order: 1; }

@media only screen and (min-width: 401px) {
  .start-sm {
    justify-content: flex-start !important; }

  .center-sm {
    justify-content: center !important; }

  .end-sm {
    justify-content: flex-end !important; }

  .top-sm {
    align-items: flex-start !important; }

  .middle-sm {
    align-items: center !important; }

  .bottom-sm {
    align-items: flex-end !important; }

  .around-sm {
    justify-content: space-around !important; }

  .between-sm {
    justify-content: space-between !important; }

  .first-sm {
    order: -1; }

  .last-sm {
    order: 1; } }
@media only screen and (min-width: 689px) {
  .start-md {
    justify-content: flex-start !important; }

  .center-md {
    justify-content: center !important; }

  .end-md {
    justify-content: flex-end !important; }

  .top-md {
    align-items: flex-start !important; }

  .middle-md {
    align-items: center !important; }

  .bottom-md {
    align-items: flex-end !important; }

  .around-md {
    justify-content: space-around !important; }

  .between-md {
    justify-content: space-between !important; }

  .first-md {
    order: -1; }

  .last-md {
    order: 1; } }
@media only screen and (min-width: 1025px) {
  .start-lg {
    justify-content: flex-start !important; }

  .center-lg {
    justify-content: center !important; }

  .end-lg {
    justify-content: flex-end !important; }

  .top-lg {
    align-items: flex-start !important; }

  .middle-lg {
    align-items: center !important; }

  .bottom-lg {
    align-items: flex-end !important; }

  .around-lg {
    justify-content: space-around !important; }

  .between-lg {
    justify-content: space-between !important; }

  .first-lg {
    order: -1; }

  .last-lg {
    order: 1; } }
@media only screen and (min-width: 1313px) {
  .start-xl {
    justify-content: flex-start !important; }

  .center-xl {
    justify-content: center !important; }

  .end-xl {
    justify-content: flex-end !important; }

  .top-xl {
    align-items: flex-start !important; }

  .middle-xl {
    align-items: center !important; }

  .bottom-xl {
    align-items: flex-end !important; }

  .around-xl {
    justify-content: space-around !important; }

  .between-xl {
    justify-content: space-between !important; }

  .first-xl {
    order: -1; }

  .last-xl {
    order: 1; } }
@media (min-width: 688px) {
  .row-md {
    flex-direction: row !important; }

  .flex-column-md {
    flex-direction: column !important; } }
/*	Typography
*****************************************************/
.primary-font {
  font-family: "filson-soft", sans-serif !important; }

.secondary-font {
  font-family: "filson-pro", sans-serif !important;
  font-weight: 500; }

.tertiary-font {
  font-family: "filson-soft", sans-serif !important; }

.quarternary-font {
  font-family: "filson-soft", sans-serif !important; }

.fw-x-light, .fw-x-light a {
  font-weight: 100 !important; }

.fw-light, .fw-light a {
  font-weight: 300 !important; }

.fw-regular, .fw-regular a {
  font-weight: 400 !important; }

.fw-medium, .fw-medium a {
  font-weight: 600 !important; }

.fw-semibold, .fw-semibold a {
  font-weight: 700 !important; }

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

.fw-black, .fw-black a {
  font-weight: 900 !important; }

/*	Typography
*****************************************************/
.wp-caption,
.wp-caption-text,
.gallery-caption {
  font-family: "filson-soft", sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  color: #888888;
  margin-bottom: 10px; }

p, a, td, th, li, dt, dd, .content p {
  font-family: "filson-soft", sans-serif;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: 100;
  color: #525151;
  margin-bottom: 16px;
  overflow-wrap: break-word;
  letter-spacing: 0.25px; }

small, .small, p.small, .small a, .small p {
  font-size: 1.3rem; }

a {
  color: #0061af;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  margin-bottom: 0;
  display: inline-block;
  cursor: pointer; }

a:hover,
a.white:hover {
  color: #a6cf5e; }

/* Content
======================================== */
.content p a,
.content li a {
  border-bottom: 1px dotted #ffffff; }

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

.h1, .h1 a, h1, h1 a {
  font-family: "filson-pro", sans-serif;
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: 700;
  color: #525151;
  margin-bottom: 0; }

.h2, .h2 a, h2, h2 a {
  font-family: "filson-pro", sans-serif;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 700;
  color: #EF0C25;
  margin-bottom: 0; }

.h3, .h3 a, h3, h3 a {
  font-family: "filson-soft", sans-serif;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #525151;
  margin-bottom: 0; }

.h4, .h4 a, h4, h4 a {
  font-family: "filson-soft", sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 300;
  color: #525151;
  margin-bottom: 0; }

.h5, .h5 a, h5, h5 a {
  font-family: "filson-soft", sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 300;
  color: #525151;
  margin-bottom: 0; }

.h6, .h6 a, h6, h6 a {
  font-family: "filson-soft", sans-serif;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 300;
  color: #525151;
  margin-bottom: 0; }

.h1, .h2, .h3, .h3, .h4, .h5, .h6 {
  font-weight: inherit; }

.h2, .h2 a,
h2, h2 a {
  text-transform: uppercase;
  border-bottom: 2px dotted currentColor;
  padding-bottom: 0.75em; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #0061af; }

@media (min-width: 688px) {
  p,
  a,
  td,
  th,
  li,
  dt,
  dd,
  .content p {
    font-size: 1.4rem; }

  .h1, .h1 a, h1, h1 a {
    font-size: 2.8rem; }

  .h2, .h2 a, h2, h2 a {
    font-size: 1.6rem; }

  .h3, .h3 a, h3, h3 a {
    font-size: 1.6rem; }

  .h4, .h4 a, h4, h4 a {
    font-size: 1.5rem; }

  .h5, .h5 a, h5, h5 a {
    font-size: 1.33rem; }

  .h6, .h6 a, h6, h6 a {
    font-size: 1.15rem; } }
@media (min-width: 688px) {
  p,
  a,
  td,
  th,
  li,
  dt,
  dd,
  .content p {
    font-size: 1.5rem; }

  .small,
  p.small,
  .small a,
  .small p {
    font-size: 1.3rem; }

  .h1, .h1 a, h1, h1 a {
    font-size: 4rem; }

  .h2, .h2 a, h2, h2 a {
    font-size: 3rem; }

  .h3, .h3 a, h3, h3 a {
    font-size: 1.8rem; }

  .h4, .h4 a, h4, h4 a {
    font-size: 1.8rem; }

  .h5, .h5 a, h5, h5 a {
    font-size: 1.4rem; }

  .h6, .h6 a, h6, h6 a {
    font-size: 1.2rem; } }
@media (min-width: 1024px) {
  p, a, td, th, li, dt, dd, .content p {
    font-size: 1.6rem; }

  .small, p.small, .small a, .small p {
    font-size: 1.4rem; }

  .h1, .h1 a, h1, h1 a {
    font-size: 4rem; }

  .h2, .h2 a, h2, h2 a {
    font-size: 3rem; }

  .h3, .h3 a, h3, h3 a {
    font-size: 1.8rem; }

  .h4, .h4 a, h4, h4 a {
    font-size: 1.8rem; }

  .h5, .h5 a, h5, h5 a {
    font-size: 1.4rem; }

  .h6, .h6 a, h6, h6 a {
    font-size: 1.2rem; } }
@media all and (min-width: 1312px) {
  p, a, td, th, li, dt, dd, .content p {
    font-size: 1.6rem; }

  .small, p.small, .small a, .small p {
    font-size: 1.4rem; }

  .h1, .h1 a, h1, h1 a {
    font-size: 4rem; }

  .h2, .h2 a, h2, h2 a {
    font-size: 3rem; }

  .h3, .h3 a, h3, h3 a {
    font-size: 1.8rem; }

  .h4, .h4 a, h4, h4 a {
    font-size: 1.8rem; }

  .h5, .h5 a, h5, h5 a {
    font-size: 1.8rem; }

  .h6, .h6 a, h6, h6 a {
    font-size: 1.4rem; } }
/*	Wrappers
****************************/
.full-wrapper {
  width: 100%;
  position: relative; }

.wrapper-s, .wrapper, .wrapper-w {
  width: 90%;
  margin: 0 auto; }

.wrapper-s {
  max-width: 900px; }

.wrapper {
  max-width: 1150px; }

.wrapper-w {
  max-width: 1400px; }

.wrapper-xw {
  max-width: 1850px;
  width: 95%;
  margin: 0 auto; }

.wrapper-100 {
  max-width: 1440px;
  width: 100%;
  margin: auto; }

.header-wrapper {
  max-width: 100%;
  width: 90%; }

.header-image-inner-wrapper {
  height: 100%;
  width: 90%;
  margin: auto; }

/*	Default
*******************************************/
html {
  scroll-behavior: smooth; }

body {
  width: 100%;
  height: 100%;
  min-height: 800px !important;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
  font-family: "filson-soft", sans-serif;
  font-weight: 300;
  line-height: 1;
  position: relative; }

:target {
  scroll-margin-block-start: 300px; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.z1 {
  z-index: 1; }

.z2 {
  z-index: 2; }

.z3 {
  z-index: 3; }

.z4 {
  z-index: 4; }

.z5 {
  z-index: 5; }

.inline {
  display: inline !important; }

.block {
  display: block !important; }

.inline-block {
  display: inline-block !important; }

.table {
  display: table !important; }

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

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

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

.italic {
  font-style: italic; }

.text-l {
  text-align: left; }

.text-r {
  text-align: right; }

.text-c {
  text-align: center; }

.no-wrap {
  white-space: nowrap; }

.w-auto {
  width: auto !important; }

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

.w-95 {
  width: 95% !important; }

.w-90 {
  width: 90% !important; }

.w-85 {
  width: 85% !important; }

.w-80 {
  width: 80% !important; }

.w-75 {
  width: 75% !important; }

.w-70 {
  width: 70% !important; }

.w-65 {
  width: 65% !important; }

.w-60 {
  width: 60% !important; }

.w-55 {
  width: 55% !important; }

.w-50 {
  width: 50% !important; }

.w-45 {
  width: 45% !important; }

.w-40 {
  width: 40% !important; }

.w-35 {
  width: 35% !important; }

.w-30 {
  width: 30% !important; }

.w-25 {
  width: 25% !important; }

.w-20 {
  width: 20% !important; }

.w-15 {
  width: 15% !important; }

.w-10 {
  width: 10% !important; }

.h-inherit {
  height: inherit; }

.clear {
  clear: both; }

.group::after {
  content: "";
  clear: both;
  display: table; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.fl, .alignleft {
  float: left; }

.fr, .alignright {
  float: right; }

.f0 {
  float: none; }

.clear-right {
  clear: right; }

.clear-left {
  clear: left; }

.clear-both {
  clear: both; }

i {
  vertical-align: middle; }

.v-align-t {
  display: table-cell;
  vertical-align: top; }

.v-align-m {
  display: table-cell;
  vertical-align: middle; }

.v-align-b {
  display: table-cell;
  vertical-align: bottom; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.overflow-scroll {
  overflow: scroll; }

.overflow-visible {
  overflow: visible; }

pre {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: auto;
  overflow-y: hidden;
  font-size: 12px;
  line-height: 20px;
  background: #EFEFEF;
  color: #333333;
  border: 1px solid #e6e7e7;
  margin-bottom: 20px;
  font-family: "Courier New", "monospace"; }

pre code {
  padding: 10px;
  color: #333333; }

.hide {
  display: none; }

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

em {
  font-family: "filson-soft", sans-serif;
  font-style: italic; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

@media (min-width: 1px) and (max-width: 1024px) {
  .hide-mobile {
    display: none !important; } }
@media (max-width: 1600px) {
  .hide-under-1600 {
    display: none !important; } }
@media (min-width: 1600px) {
  .hide-over-1600 {
    display: none !important; } }
@media (max-width: 1312px) {
  .hide-under-1312 {
    display: none !important; } }
@media (min-width: 1312px) {
  .hide-over-1312 {
    display: none !important; }

  .fr-over-1312 {
    float: right; }

  .fl-over-1312 {
    float: left; } }
@media (max-width: 1024px) {
  .hide-under-1024 {
    display: none !important; } }
@media (min-width: 1024px) {
  .hide-over-1024 {
    display: none !important; }

  .fr-over-1024 {
    float: right; }

  .fl-over-1024 {
    float: left; } }
@media (max-width: 688px) {
  .hide-under-688 {
    display: none !important; } }
@media (min-width: 688px) {
  .hide-over-688 {
    display: none !important; }

  .fr-over-688 {
    float: right; }

  .fl-over-688 {
    float: left; }

  .row-md {
    flex-direction: row !important; }

  .flex-column-md {
    flex-direction: column !important; } }
/*	Desktop nav
*****************************/
#menu-top-bar li a {
  color: #ffffff;
  font-family: "filson-pro", sans-serif;
  font-size: 1.6rem;
  transition: 0.2s ease-out;
  letter-spacing: 0px;
  font-weight: 500; }
  #menu-top-bar li a:hover {
    color: #0061af; }
  #menu-top-bar li a i {
    font-size: 1.8rem; }

/*	Desktop nav
*****************************/
.header-menu-cntr {
  justify-content: stretch;
  height: 100%;
  align-items: center; }

.main-nav {
  width: 100%;
  height: 100%; }

.menu:after {
  content: "";
  display: table;
  clear: both; }

.main-nav ul {
  display: flex;
  flex: 0 1 auto;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative; }
  .main-nav ul li {
    height: 100%;
    position: static;
    text-align: left; }
    .main-nav ul li:last-child a {
      padding-right: 0; }
    .main-nav ul li a {
      height: 100%;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      text-decoration: none;
      font-family: "filson-soft", sans-serif;
      font-size: 1.2rem;
      font-weight: 300;
      padding: 0 16px;
      letter-spacing: 1px;
      color: #ffffff;
      transition: 0.2s ease-in; }
      .main-nav ul li a:hover {
        color: #65008c;
        cursor: pointer; }

.main-nav ul:not(.mega-menu) li:hover > .sub-menu {
  top: 100%;
  opacity: 1;
  display: block; }

.main-nav .sub-menu {
  top: -9999999px;
  background-color: #ffffff;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  z-index: 999;
  width: 290px;
  height: auto;
  transition: opacity 0.3s ease-in;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  display: none;
  overflow: hidden; }
  .main-nav .sub-menu li {
    display: block;
    height: auto !important; }
    .main-nav .sub-menu li a {
      position: relative;
      display: block;
      line-height: 2.5;
      padding: 6px 15px !important; }

/*-------------- has children nav arrow --------------*/
.main-nav .menu-item-has-children a:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: inline-block;
  line-height: 0;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  margin-left: 7px;
  margin-bottom: 0;
  padding-top: 4px;
  vertical-align: middle; }

.main-nav .menu-item-has-children ul a:after {
  content: ""; }

@media (min-width: 1312px) {
  .main-nav ul li a {
    font-size: 1.3rem; } }
/* Responsive columns
************************************/
/**** Main function to calculate the gutters for rows & cols in nested grid ****/
/*  Extra small screens
*************************************************/
.row {
  max-width: 120%;
  flex-basis: 120%;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap; }

.row.gutterless {
  max-width: 100%;
  flex-basis: 100%; }

.row.gutterless,
.row.gutterless .col {
  margin-left: 0 !important;
  margin-bottom: 0 !important; }

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

.no-mb {
  margin-bottom: 0 !important; }

.row .col.auto {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%; }

@media (max-width: 400px) {
  .row {
    margin-left: -7%; }

  .row .col {
    margin-left: 7%; }

  	/*
  	.wp-block-column:not(:first-child) {
  		margin-left: $xs_gutter !important;
  	}
  
  	.wp-block-column:not(:last-child) {
  		margin-bottom: $xs_gutter !important;
  	}
  	*/
  .row > .col {
    margin-bottom: 7%; }

  .row .col.xs12 {
    width: 100%; }

  .col section + section {
    margin-top: 7%; }

  .page-flow + .page-flow,
  .block-editor-block-list__block:not(.wp-block-column) + .block-editor-block-list__block .page-flow {
    margin-top: 18%; } }
.row .col.xs1 {
  width: calc(((100 - (7 * ( 12 ))) / 12 ) / 100 * 100%); }

.row.gutterless .col.xs1 {
  width: calc((100 / 12) / 100 * 100%); }

.row .col.xs2 {
  width: calc(((100 - (7 * ( 6 ))) / 6 ) / 100 * 100%); }

.row.gutterless .col.xs2 {
  width: calc((100 / 6) / 100 * 100%); }

.row .col.xs5th {
  width: calc(((100 - (7 * ( 5 ))) / 5 ) / 100 * 100%); }

.row.gutterless .col.xs5th {
  width: calc((100 / 5) / 100 * 100%); }

.row .col.xs3 {
  width: calc(((100 - (7 * ( 4 ))) / 4 ) / 100 * 100%); }

.row.gutterless .col.xs3 {
  width: calc((100 / 4) / 100 * 100%); }

.row .col.xs4 {
  width: calc(((100 - (7 * ( 3 ))) / 3 ) / 100 * 100%); }

.row.gutterless .col.xs4 {
  width: calc((100 / 3) / 100 * 100%); }

.row .col.xs5 {
  width: calc(((100 - (7 * ( 2.4 ))) / 2.4 ) / 100 * 100%); }

.row.gutterless .col.xs5 {
  width: calc((100 / 2.4) / 100 * 100%); }

.row .col.xs6 {
  width: calc(((100 - (7 * ( 2 ))) / 2 ) / 100 * 100%); }

.row.gutterless .col.xs6 {
  width: calc((100 / 2) / 100 * 100%); }

.row .col.xs7 {
  width: calc(((100 - (7 * ( 1.7142857143 ))) / 1.7142857143 ) / 100 * 100%); }

.row.gutterless .col.xs7 {
  width: calc((100 / 1.7142857143) / 100 * 100%); }

.row .col.xs8 {
  width: calc(((100 - (7 * ( 1.5 ))) / 1.5 ) / 100 * 100%); }

.row.gutterless .col.xs8 {
  width: calc((100 / 1.5) / 100 * 100%); }

.row .col.xs9 {
  width: calc(((100 - (7 * ( 1.3333333333 ))) / 1.3333333333 ) / 100 * 100%); }

.row.gutterless .col.xs9 {
  width: calc((100 / 1.3333333333) / 100 * 100%); }

.row .col.xs10 {
  width: calc(((100 - (7 * ( 1.2 ))) / 1.2 ) / 100 * 100%); }

.row.gutterless .col.xs10 {
  width: calc((100 / 1.2) / 100 * 100%); }

.row .col.xs11 {
  width: calc(((100 - (7 * ( 1.0909090909 ))) / 1.0909090909 ) / 100 * 100%); }

.row.gutterless .col.xs11 {
  width: calc((100 / 1.0909090909) / 100 * 100%); }

.row .col.xs12 {
  width: calc(((100 - (7 * ( 1 ))) / 1 ) / 100 * 100%); }

.row.gutterless .col.xs12 {
  width: calc((100 / 1) / 100 * 100%); }

@media only screen and (max-width: 400px) {
  .xs12:nth-child(1n+1):nth-last-child(-n+1),
  .xs12:nth-child(1n+1):nth-last-child(-n+1) ~ .xs12 {
    margin-bottom: 0 !important; }

  .xs6:nth-child(2n+1):nth-last-child(-n+2),
  .xs6:nth-child(2n+1):nth-last-child(-n+2) ~ .xs6 {
    margin-bottom: 0 !important; }

  .xs4:nth-child(3n+1):nth-last-child(-n+3),
  .xs4:nth-child(3n+1):nth-last-child(-n+3) ~ .xs4 {
    margin-bottom: 0 !important; }

  .xs3:nth-child(4n+1):nth-last-child(-n+4),
  .xs3:nth-child(4n+1):nth-last-child(-n+4) ~ .xs3 {
    margin-bottom: 0 !important; }

  .xs5th:nth-child(5n+1):nth-last-child(-n+5),
  .xs5th:nth-child(5n+1):nth-last-child(-n+5) ~ .xs5th {
    margin-bottom: 0 !important; }

  .xs2:nth-child(6n+1):nth-last-child(-n+6),
  .xs2:nth-child(6n+1):nth-last-child(-n+6) ~ .xs2 {
    margin-bottom: 0 !important; } }
/*  Small screens
*****************************/
@media all and (min-width: 400px) {
  .row {
    margin-left: -5%; }

  .row .col {
    margin-left: 5%; }

  	/*
  	.wp-block-column:not(:first-child) {
  		margin-left: $sm_gutter !important;
  	}
  
  	.wp-block-column:not(:last-child) {
  		margin-bottom: $sm_gutter !important;
  	}
  	
  	*/
  .rows > .col {
    margin-bottom: 5%; }

  .page-flow + .page-flow,
  .block-editor-block-list__block:not(.wp-block-column) + .block-editor-block-list__block .page-flow {
    margin-top: 18%; }

  .row .col.sm1 {
    width: calc(((100 - (5 * ( 12 ))) / 12 ) / 100 * 100%); }

  .row.gutterless .col.sm1 {
    width: calc((100 / 12) / 100 * 100%); }

  .row .col.sm2 {
    width: calc(((100 - (5 * ( 6 ))) / 6 ) / 100 * 100%); }

  .row.gutterless .col.sm2 {
    width: calc((100 / 6) / 100 * 100%); }

  .row .col.sm5th {
    width: calc(((100 - (5 * ( 5 ))) / 5 ) / 100 * 100%); }

  .row.gutterless .col.sm5th {
    width: calc((100 / 5) / 100 * 100%); }

  .row .col.sm3 {
    width: calc(((100 - (5 * ( 4 ))) / 4 ) / 100 * 100%); }

  .row.gutterless .col.sm3 {
    width: calc((100 / 4) / 100 * 100%); }

  .row .col.sm4 {
    width: calc(((100 - (5 * ( 3 ))) / 3 ) / 100 * 100%); }

  .row.gutterless .col.sm4 {
    width: calc((100 / 3) / 100 * 100%); }

  .row .col.sm5 {
    width: calc(((100 - (5 * ( 2.4 ))) / 2.4 ) / 100 * 100%); }

  .row.gutterless .col.sm5 {
    width: calc((100 / 2.4) / 100 * 100%); }

  .row .col.sm6 {
    width: calc(((100 - (5 * ( 2 ))) / 2 ) / 100 * 100%); }

  .row.gutterless .col.sm6 {
    width: calc((100 / 2) / 100 * 100%); }

  .row .col.sm7 {
    width: calc(((100 - (5 * ( 1.7142857143 ))) / 1.7142857143 ) / 100 * 100%); }

  .row.gutterless .col.sm7 {
    width: calc((100 / 1.7142857143) / 100 * 100%); }

  .row .col.sm8 {
    width: calc(((100 - (5 * ( 1.5 ))) / 1.5 ) / 100 * 100%); }

  .row.gutterless .col.sm8 {
    width: calc((100 / 1.5) / 100 * 100%); }

  .row .col.sm9 {
    width: calc(((100 - (5 * ( 1.3333333333 ))) / 1.3333333333 ) / 100 * 100%); }

  .row.gutterless .col.sm9 {
    width: calc((100 / 1.3333333333) / 100 * 100%); }

  .row .col.sm10 {
    width: calc(((100 - (5 * ( 1.2 ))) / 1.2 ) / 100 * 100%); }

  .row.gutterless .col.sm10 {
    width: calc((100 / 1.2) / 100 * 100%); }

  .row .col.sm11 {
    width: calc(((100 - (5 * ( 1.0909090909 ))) / 1.0909090909 ) / 100 * 100%); }

  .row.gutterless .col.sm11 {
    width: calc((100 / 1.0909090909) / 100 * 100%); }

  .row .col.sm12 {
    width: calc(((100 - (5 * ( 1 ))) / 1 ) / 100 * 100%); }

  .row.gutterless .col.sm12 {
    width: calc((100 / 1) / 100 * 100%); } }
@media only screen and (min-width: 401px) and (max-width: 688px) {
  .sm12:nth-child(1n+1):nth-last-child(-n+1),
  .sm12:nth-child(1n+1):nth-last-child(-n+1) ~ .sm12 {
    margin-bottom: 0 !important; }

  .sm6:nth-child(2n+1):nth-last-child(-n+2),
  .sm6:nth-child(2n+1):nth-last-child(-n+2) ~ .sm6 {
    margin-bottom: 0 !important; }

  .sm4:nth-child(3n+1):nth-last-child(-n+3),
  .sm4:nth-child(3n+1):nth-last-child(-n+3) ~ .sm4 {
    margin-bottom: 0 !important; }

  .sm3:nth-child(4n+1):nth-last-child(-n+4),
  .sm3:nth-child(4n+1):nth-last-child(-n+4) ~ .sm3 {
    margin-bottom: 0 !important; }

  .sm5th:nth-child(5n+1):nth-last-child(-n+5),
  .sm5th:nth-child(5n+1):nth-last-child(-n+5) ~ .sm5th {
    margin-bottom: 0 !important; }

  .sm2:nth-child(6n+1):nth-last-child(-n+6),
  .sm2:nth-child(6n+1):nth-last-child(-n+6) ~ .sm2 {
    margin-bottom: 0 !important; } }
@media (min-width: 782px) {
  .wp-block-column:not(:last-child) {
    margin-bottom: 0 !important; } }
/*  Medium screens
*****************************/
@media all and (min-width: 688px) {
  .row {
    margin-left: -4%; }

  .row .col {
    margin-left: 4%; }

  /*
  .wp-block-column:not(:first-child) {
  	margin-left: $md_gutter !important;
  }
  */
  .rows > .col {
    margin-bottom: 4%; }

  .page-flow + .page-flow,
  .block-editor-block-list__block:not(.wp-block-column) + .block-editor-block-list__block .page-flow {
    margin-top: 10%; }

  .row .col.md1 {
    width: calc(((100 - (4 * ( 12 ))) / 12 ) / 100 * 100%); }

  .row.gutterless .col.md1 {
    width: calc((100 / 12) / 100 * 100%); }

  .row .col.md2 {
    width: calc(((100 - (4 * ( 6 ))) / 6 ) / 100 * 100%); }

  .row.gutterless .col.md2 {
    width: calc((100 / 6) / 100 * 100%); }

  .row .col.md5th {
    width: calc(((100 - (4 * ( 5 ))) / 5 ) / 100 * 100%); }

  .row.gutterless .col.md5th {
    width: calc((100 / 5) / 100 * 100%); }

  .row .col.md3 {
    width: calc(((100 - (4 * ( 4 ))) / 4 ) / 100 * 100%); }

  .row.gutterless .col.md3 {
    width: calc((100 / 4) / 100 * 100%); }

  .row .col.md4 {
    width: calc(((100 - (4 * ( 3 ))) / 3 ) / 100 * 100%); }

  .row.gutterless .col.md4 {
    width: calc((100 / 3) / 100 * 100%); }

  .row .col.md5 {
    width: calc(((100 - (4 * ( 2.4 ))) / 2.4 ) / 100 * 100%); }

  .row.gutterless .col.md5 {
    width: calc((100 / 2.4) / 100 * 100%); }

  .row .col.md6 {
    width: calc(((100 - (4 * ( 2 ))) / 2 ) / 100 * 100%); }

  .row.gutterless .col.md6 {
    width: calc((100 / 2) / 100 * 100%); }

  .row .col.md7 {
    width: calc(((100 - (4 * ( 1.7142857143 ))) / 1.7142857143 ) / 100 * 100%); }

  .row.gutterless .col.md7 {
    width: calc((100 / 1.7142857143) / 100 * 100%); }

  .row .col.md8 {
    width: calc(((100 - (4 * ( 1.5 ))) / 1.5 ) / 100 * 100%); }

  .row.gutterless .col.md8 {
    width: calc((100 / 1.5) / 100 * 100%); }

  .row .col.md9 {
    width: calc(((100 - (4 * ( 1.3333333333 ))) / 1.3333333333 ) / 100 * 100%); }

  .row.gutterless .col.md9 {
    width: calc((100 / 1.3333333333) / 100 * 100%); }

  .row .col.md10 {
    width: calc(((100 - (4 * ( 1.2 ))) / 1.2 ) / 100 * 100%); }

  .row.gutterless .col.md10 {
    width: calc((100 / 1.2) / 100 * 100%); }

  .row .col.md11 {
    width: calc(((100 - (4 * ( 1.0909090909 ))) / 1.0909090909 ) / 100 * 100%); }

  .row.gutterless .col.md11 {
    width: calc((100 / 1.0909090909) / 100 * 100%); }

  .row .col.md12 {
    width: calc(((100 - (4 * ( 1 ))) / 1 ) / 100 * 100%); }

  .row.gutterless .col.md12 {
    width: calc((100 / 1) / 100 * 100%); } }
@media (min-width: 689px) and (max-width: 1024px) {
  .md12:nth-child(1n+1):nth-last-child(-n+1),
  .md12:nth-child(1n+1):nth-last-child(-n+1) ~ .md12 {
    margin-bottom: 0 !important; }

  .md6:nth-child(2n+1):nth-last-child(-n+2),
  .md6:nth-child(2n+1):nth-last-child(-n+2) ~ .md6 {
    margin-bottom: 0 !important; }

  .md4:nth-child(3n+1):nth-last-child(-n+3),
  .md4:nth-child(3n+1):nth-last-child(-n+3) ~ .md4 {
    margin-bottom: 0 !important; }

  .md3:nth-child(4n+1):nth-last-child(-n+4),
  .md3:nth-child(4n+1):nth-last-child(-n+4) ~ .md3 {
    margin-bottom: 0 !important; }

  .md5th:nth-child(5n+1):nth-last-child(-n+5),
  .md5th:nth-child(5n+1):nth-last-child(-n+5) ~ .md5th {
    margin-bottom: 0 !important; }

  .md2:nth-child(6n+1):nth-last-child(-n+6),
  .md2:nth-child(6n+1):nth-last-child(-n+6) ~ .md2 {
    margin-bottom: 0 !important; } }
/*  Large screens
*****************************/
@media all and (min-width: 1024px) {
  .row {
    margin-left: -4%; }

  .row .col {
    margin-left: 4%; }

  /*
  .wp-block-column:not(:first-child) {
  	margin-left: $lg_gutter !important;
  }
  */
  .rows > .col {
    margin-bottom: 4%; }

  .page-flow + .page-flow,
  .block-editor-block-list__block:not(.wp-block-column) + .block-editor-block-list__block .page-flow {
    margin-top: 8%; }

  .row .col.lg1 {
    width: calc(((100 - (4 * ( 12 ))) / 12 ) / 100 * 100%); }

  .row.gutterless .col.lg1 {
    width: calc((100 / 12) / 100 * 100%); }

  .row .col.lg2 {
    width: calc(((100 - (4 * ( 6 ))) / 6 ) / 100 * 100%); }

  .row.gutterless .col.lg2 {
    width: calc((100 / 6) / 100 * 100%); }

  .row .col.lg5th {
    width: calc(((100 - (4 * ( 5 ))) / 5 ) / 100 * 100%); }

  .row.gutterless .col.lg5th {
    width: calc((100 / 5) / 100 * 100%); }

  .row .col.lg3 {
    width: calc(((100 - (4 * ( 4 ))) / 4 ) / 100 * 100%); }

  .row.gutterless .col.lg3 {
    width: calc((100 / 4) / 100 * 100%); }

  .row .col.lg4 {
    width: calc(((100 - (4 * ( 3 ))) / 3 ) / 100 * 100%); }

  .row.gutterless .col.lg4 {
    width: calc((100 / 3) / 100 * 100%); }

  .row .col.lg5 {
    width: calc(((100 - (4 * ( 2.4 ))) / 2.4 ) / 100 * 100%); }

  .row.gutterless .col.lg5 {
    width: calc((100 / 2.4) / 100 * 100%); }

  .row .col.lg6 {
    width: calc(((100 - (4 * ( 2 ))) / 2 ) / 100 * 100%); }

  .row.gutterless .col.lg6 {
    width: calc((100 / 2) / 100 * 100%); }

  .row .col.lg7 {
    width: calc(((100 - (4 * ( 1.7142857143 ))) / 1.7142857143 ) / 100 * 100%); }

  .row.gutterless .col.lg7 {
    width: calc((100 / 1.7142857143) / 100 * 100%); }

  .row .col.lg8 {
    width: calc(((100 - (4 * ( 1.5 ))) / 1.5 ) / 100 * 100%); }

  .row.gutterless .col.lg8 {
    width: calc((100 / 1.5) / 100 * 100%); }

  .row .col.lg9 {
    width: calc(((100 - (4 * ( 1.3333333333 ))) / 1.3333333333 ) / 100 * 100%); }

  .row.gutterless .col.lg9 {
    width: calc((100 / 1.3333333333) / 100 * 100%); }

  .row .col.lg10 {
    width: calc(((100 - (4 * ( 1.2 ))) / 1.2 ) / 100 * 100%); }

  .row.gutterless .col.lg10 {
    width: calc((100 / 1.2) / 100 * 100%); }

  .row .col.lg11 {
    width: calc(((100 - (4 * ( 1.0909090909 ))) / 1.0909090909 ) / 100 * 100%); }

  .row.gutterless .col.lg11 {
    width: calc((100 / 1.0909090909) / 100 * 100%); }

  .row .col.lg12 {
    width: calc(((100 - (4 * ( 1 ))) / 1 ) / 100 * 100%); }

  .row.gutterless .col.lg12 {
    width: calc((100 / 1) / 100 * 100%); } }
@media only screen and (min-width: 1025px) and (max-width: 1312px) {
  .lg12:nth-child(1n+1):nth-last-child(-n+1),
  .lg12:nth-child(1n+1):nth-last-child(-n+1) ~ .lg12 {
    margin-bottom: 0 !important; }

  .lg6:nth-child(2n+1):nth-last-child(-n+2),
  .lg6:nth-child(2n+1):nth-last-child(-n+2) ~ .lg6 {
    margin-bottom: 0 !important; }

  .lg4:nth-child(3n+1):nth-last-child(-n+3),
  .lg4:nth-child(3n+1):nth-last-child(-n+3) ~ .lg4 {
    margin-bottom: 0 !important; }

  .lg3:nth-child(4n+1):nth-last-child(-n+4),
  .lg3:nth-child(4n+1):nth-last-child(-n+4) ~ .lg3 {
    margin-bottom: 0 !important; }

  .lg5th:nth-child(5n+1):nth-last-child(-n+5),
  .lg5th:nth-child(5n+1):nth-last-child(-n+5) ~ .lg5th {
    margin-bottom: 0 !important; }

  .lg2:nth-child(6n+1):nth-last-child(-n+6),
  .lg2:nth-child(6n+1):nth-last-child(-n+6) ~ .lg2 {
    margin-bottom: 0 !important; } }
/*  X-large screens
*****************************/
@media all and (min-width: 1312px) {
  .row {
    margin-left: -4%; }

  .row .col {
    margin-left: 4%; }

  /*
  .wp-block-column:not(:first-child) {
  	margin-left: $xl_gutter !important;
  }
  */
  .rows > .col {
    margin-bottom: 4%; }

  .page-flow + .page-flow,
  .block-editor-block-list__block:not(.wp-block-column) + .block-editor-block-list__block .page-flow {
    margin-top: 6%; }

  .row .col.xl1 {
    width: calc(((100 - (4 * ( 12 ))) / 12 ) / 100 * 100%); }

  .row .col.xl2 {
    width: calc(((100 - (4 * ( 6 ))) / 6 ) / 100 * 100%); }

  .row .col.xl5th {
    width: calc(((100 - (4 * ( 5 ))) / 5 ) / 100 * 100%); }

  .row .col.xl3 {
    width: calc(((100 - (4 * ( 4 ))) / 4 ) / 100 * 100%); }

  .row .col.xl4 {
    width: calc(((100 - (4 * ( 3 ))) / 3 ) / 100 * 100%); }

  .row .col.xl5 {
    width: calc(((100 - (4 * ( 2.4 ))) / 2.4 ) / 100 * 100%); }

  .row .col.xl6 {
    width: calc(((100 - (4 * ( 2 ))) / 2 ) / 100 * 100%); }

  .row .col.xl7 {
    width: calc(((100 - (4 * ( 1.7142857143 ))) / 1.7142857143 ) / 100 * 100%); }

  .row .col.xl8 {
    width: calc(((100 - (4 * ( 1.5 ))) / 1.5 ) / 100 * 100%); }

  .row .col.xl9 {
    width: calc(((100 - (4 * ( 1.3333333333 ))) / 1.3333333333 ) / 100 * 100%); }

  .row .col.xl10 {
    width: calc(((100 - (4 * ( 1.2 ))) / 1.2 ) / 100 * 100%); }

  .row .col.xl11 {
    width: calc(((100 - (4 * ( 1.0909090909 ))) / 1.0909090909 ) / 100 * 100%); }

  .row .col.xl12 {
    width: calc(((100 - (4 * ( 1 ))) / 1 ) / 100 * 100%); } }
@media only screen and (min-width: 1313px) {
  .xl12:nth-child(1n+1):nth-last-child(-n+1),
  .xl12:nth-child(1n+1):nth-last-child(-n+1) ~ .xl12 {
    margin-bottom: 0 !important; }

  .xl6:nth-child(2n+1):nth-last-child(-n+2),
  .xl6:nth-child(2n+1):nth-last-child(-n+2) ~ .xl6 {
    margin-bottom: 0 !important; }

  .xl4:nth-child(3n+1):nth-last-child(-n+3),
  .xl4:nth-child(3n+1):nth-last-child(-n+3) ~ .xl4 {
    margin-bottom: 0 !important; }

  .xl3:nth-child(4n+1):nth-last-child(-n+4),
  .xl3:nth-child(4n+1):nth-last-child(-n+4) ~ .xl3 {
    margin-bottom: 0 !important; }

  .xl5th:nth-child(5n+1):nth-last-child(-n+5),
  .xl5th:nth-child(5n+1):nth-last-child(-n+5) ~ .xl5th {
    margin-bottom: 0 !important; }

  .xl2:nth-child(6n+1):nth-last-child(-n+6),
  .xl2:nth-child(6n+1):nth-last-child(-n+6) ~ .xl2 {
    margin-bottom: 0 !important; } }
@supports (column-gap: 5%) {
  .flexbox-gap .row {
    max-width: 100%;
    margin-left: 0;
    column-gap: 4%; }

  .flexbox-gap .row .col {
    margin-left: 0; }

  .flexbox-gap .row.gutterless,
  .flexbox-gap .row.gutterless .col {
    margin-left: 0 !important;
    column-gap: 0; }

  .flexbox-gap .row .col.xs12 {
    width: 100%; }

  @media (max-width: 400px) {
    .flexbox-gap .row {
      column-gap: 7%; } }
  .flexbox-gap .row .col.xs1 {
    width: calc(((100 - (7 * ( 12 - 1))) / 12 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs1 {
    width: calc((100 / 12) / 100 * 100%); }

  .flexbox-gap .row .col.xs2 {
    width: calc(((100 - (7 * ( 6 - 1))) / 6 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs2 {
    width: calc((100 / 6) / 100 * 100%); }

  .flexbox-gap .row .col.xs5th {
    width: calc(((100 - (7 * ( 5 - 1))) / 5 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs5th {
    width: calc((100 / 5) / 100 * 100%); }

  .flexbox-gap .row .col.xs3 {
    width: calc(((100 - (7 * ( 4 - 1))) / 4 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs3 {
    width: calc((100 / 4) / 100 * 100%); }

  .flexbox-gap .row .col.xs4 {
    width: calc(((100 - (7 * ( 3 - 1))) / 3 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs4 {
    width: calc((100 / 3) / 100 * 100%); }

  .flexbox-gap .row .col.xs5 {
    width: calc(((100 - (7 * ( 2.4 - 1))) / 2.4 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs5 {
    width: calc((100 / 2.4) / 100 * 100%); }

  .flexbox-gap .row .col.xs6 {
    width: calc(((100 - (7 * ( 2 - 1))) / 2 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs6 {
    width: calc((100 / 2) / 100 * 100%); }

  .flexbox-gap .row .col.xs7 {
    width: calc(((100 - (7 * ( 1.7142857143 - 1))) / 1.7142857143 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs7 {
    width: calc((100 / 1.7142857143) / 100 * 100%); }

  .flexbox-gap .row .col.xs8 {
    width: calc(((100 - (7 * ( 1.5 - 1))) / 1.5 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs8 {
    width: calc((100 / 1.5) / 100 * 100%); }

  .flexbox-gap .row .col.xs9 {
    width: calc(((100 - (7 * ( 1.3333333333 - 1))) / 1.3333333333 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs9 {
    width: calc((100 / 1.3333333333) / 100 * 100%); }

  .flexbox-gap .row .col.xs10 {
    width: calc(((100 - (7 * ( 1.2 - 1))) / 1.2 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs10 {
    width: calc((100 / 1.2) / 100 * 100%); }

  .flexbox-gap .row .col.xs11 {
    width: calc(((100 - (7 * ( 1.0909090909 - 1))) / 1.0909090909 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs11 {
    width: calc((100 / 1.0909090909) / 100 * 100%); }

  .flexbox-gap .row .col.xs12 {
    width: calc(((100 - (7 * ( 1 - 1))) / 1 ) / 100 * 100%); }

  .flexbox-gap .row.gutterless .col.xs12 {
    width: calc((100 / 1) / 100 * 100%); }

  	/*  Small screens
      *****************************/
  @media all and (min-width: 400px) {
    .flexbox-gap .row {
      margin-left: 0;
      column-gap: 5%; }

    .flexbox-gap .row .col.sm1 {
      width: calc(((100 - (5 * ( 12 - 1))) / 12 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm1 {
      width: calc((100 / 12) / 100 * 100%); }

    .flexbox-gap .row .col.sm2 {
      width: calc(((100 - (5 * ( 6 - 1))) / 6 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm2 {
      width: calc((100 / 6) / 100 * 100%); }

    .flexbox-gap .row .col.sm5th {
      width: calc(((100 - (5 * ( 5 - 1))) / 5 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm5th {
      width: calc((100 / 5) / 100 * 100%); }

    .flexbox-gap .row .col.sm3 {
      width: calc(((100 - (5 * ( 4 - 1))) / 4 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm3 {
      width: calc((100 / 4) / 100 * 100%); }

    .flexbox-gap .row .col.sm4 {
      width: calc(((100 - (5 * ( 3 - 1))) / 3 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm4 {
      width: calc((100 / 3) / 100 * 100%); }

    .flexbox-gap .row .col.sm5 {
      width: calc(((100 - (5 * ( 2.4 - 1))) / 2.4 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm5 {
      width: calc((100 / 2.4) / 100 * 100%); }

    .flexbox-gap .row .col.sm6 {
      width: calc(((100 - (5 * ( 2 - 1))) / 2 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm6 {
      width: calc((100 / 2) / 100 * 100%); }

    .flexbox-gap .row .col.sm7 {
      width: calc(((100 - (5 * ( 1.7142857143 - 1))) / 1.7142857143 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm7 {
      width: calc((100 / 1.7142857143) / 100 * 100%); }

    .flexbox-gap .row .col.sm8 {
      width: calc(((100 - (5 * ( 1.5 - 1))) / 1.5 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm8 {
      width: calc((100 / 1.5) / 100 * 100%); }

    .flexbox-gap .row .col.sm9 {
      width: calc(((100 - (5 * ( 1.3333333333 - 1))) / 1.3333333333 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm9 {
      width: calc((100 / 1.3333333333) / 100 * 100%); }

    .flexbox-gap .row .col.sm10 {
      width: calc(((100 - (5 * ( 1.2 - 1))) / 1.2 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm10 {
      width: calc((100 / 1.2) / 100 * 100%); }

    .flexbox-gap .row .col.sm11 {
      width: calc(((100 - (5 * ( 1.0909090909 - 1))) / 1.0909090909 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm11 {
      width: calc((100 / 1.0909090909) / 100 * 100%); }

    .flexbox-gap .row .col.sm12 {
      width: calc(((100 - (5 * ( 1 - 1))) / 1 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.sm12 {
      width: calc((100 / 1) / 100 * 100%); } }
  	/*  Medium screens
      *****************************/
  @media all and (min-width: 688px) {
    .flexbox-gap .row {
      column-gap: 4%; }

    .flexbox-gap .row .col.md1 {
      width: calc(((100 - (4 * ( 12 - 1))) / 12 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md1 {
      width: calc((100 / 12) / 100 * 100%); }

    .flexbox-gap .row .col.md2 {
      width: calc(((100 - (4 * ( 6 - 1))) / 6 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md2 {
      width: calc((100 / 6) / 100 * 100%); }

    .flexbox-gap .row .col.md5th {
      width: calc(((100 - (4 * ( 5 - 1))) / 5 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md5th {
      width: calc((100 / 5) / 100 * 100%); }

    .flexbox-gap .row .col.md3 {
      width: calc(((100 - (4 * ( 4 - 1))) / 4 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md3 {
      width: calc((100 / 4) / 100 * 100%); }

    .flexbox-gap .row .col.md4 {
      width: calc(((100 - (4 * ( 3 - 1))) / 3 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md4 {
      width: calc((100 / 3) / 100 * 100%); }

    .flexbox-gap .row .col.md5 {
      width: calc(((100 - (4 * ( 2.4 - 1))) / 2.4 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md5 {
      width: calc((100 / 2.4) / 100 * 100%); }

    .flexbox-gap .row .col.md6 {
      width: calc(((100 - (4 * ( 2 - 1))) / 2 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md6 {
      width: calc((100 / 2) / 100 * 100%); }

    .flexbox-gap .row .col.md7 {
      width: calc(((100 - (4 * ( 1.7142857143 - 1))) / 1.7142857143 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md7 {
      width: calc((100 / 1.7142857143) / 100 * 100%); }

    .flexbox-gap .row .col.md8 {
      width: calc(((100 - (4 * ( 1.5 - 1))) / 1.5 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md8 {
      width: calc((100 / 1.5) / 100 * 100%); }

    .flexbox-gap .row .col.md9 {
      width: calc(((100 - (4 * ( 1.3333333333 - 1))) / 1.3333333333 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md9 {
      width: calc((100 / 1.3333333333) / 100 * 100%); }

    .flexbox-gap .row .col.md10 {
      width: calc(((100 - (4 * ( 1.2 - 1))) / 1.2 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md10 {
      width: calc((100 / 1.2) / 100 * 100%); }

    .flexbox-gap .row .col.md11 {
      width: calc(((100 - (4 * ( 1.0909090909 - 1))) / 1.0909090909 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md11 {
      width: calc((100 / 1.0909090909) / 100 * 100%); }

    .flexbox-gap .row .col.md12 {
      width: calc(((100 - (4 * ( 1 - 1))) / 1 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.md12 {
      width: calc((100 / 1) / 100 * 100%); } }
  	/*  Large screens
      *****************************/
  @media all and (min-width: 1024px) {
    .flexbox-gap .row {
      column-gap: 4%; }

    .flexbox-gap .row .col.lg1 {
      width: calc(((100 - (4 * ( 12 - 1))) / 12 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg1 {
      width: calc((100 / 12) / 100 * 100%); }

    .flexbox-gap .row .col.lg2 {
      width: calc(((100 - (4 * ( 6 - 1))) / 6 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg2 {
      width: calc((100 / 6) / 100 * 100%); }

    .flexbox-gap .row .col.lg5th {
      width: calc(((100 - (4 * ( 5 - 1))) / 5 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg5th {
      width: calc((100 / 5) / 100 * 100%); }

    .flexbox-gap .row .col.lg3 {
      width: calc(((100 - (4 * ( 4 - 1))) / 4 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg3 {
      width: calc((100 / 4) / 100 * 100%); }

    .flexbox-gap .row .col.lg4 {
      width: calc(((100 - (4 * ( 3 - 1))) / 3 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg4 {
      width: calc((100 / 3) / 100 * 100%); }

    .flexbox-gap .row .col.lg5 {
      width: calc(((100 - (4 * ( 2.4 - 1))) / 2.4 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg5 {
      width: calc((100 / 2.4) / 100 * 100%); }

    .flexbox-gap .row .col.lg6 {
      width: calc(((100 - (4 * ( 2 - 1))) / 2 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg6 {
      width: calc((100 / 2) / 100 * 100%); }

    .flexbox-gap .row .col.lg7 {
      width: calc(((100 - (4 * ( 1.7142857143 - 1))) / 1.7142857143 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg7 {
      width: calc((100 / 1.7142857143) / 100 * 100%); }

    .flexbox-gap .row .col.lg8 {
      width: calc(((100 - (4 * ( 1.5 - 1))) / 1.5 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg8 {
      width: calc((100 / 1.5) / 100 * 100%); }

    .flexbox-gap .row .col.lg9 {
      width: calc(((100 - (4 * ( 1.3333333333 - 1))) / 1.3333333333 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg9 {
      width: calc((100 / 1.3333333333) / 100 * 100%); }

    .flexbox-gap .row .col.lg10 {
      width: calc(((100 - (4 * ( 1.2 - 1))) / 1.2 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg10 {
      width: calc((100 / 1.2) / 100 * 100%); }

    .flexbox-gap .row .col.lg11 {
      width: calc(((100 - (4 * ( 1.0909090909 - 1))) / 1.0909090909 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg11 {
      width: calc((100 / 1.0909090909) / 100 * 100%); }

    .flexbox-gap .row .col.lg12 {
      width: calc(((100 - (4 * ( 1 - 1))) / 1 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.lg12 {
      width: calc((100 / 1) / 100 * 100%); } }
  	/*  X-large screens
      *****************************/
  @media all and (min-width: 1312px) {
    .flexbox-gap .row {
      column-gap: 4%; }

    .flexbox-gap .row .col.xl1 {
      width: calc(((100 - (4 * ( 12 - 1))) / 12 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl1 {
      width: calc((100 / 12) / 100 * 100%); }

    .flexbox-gap .row .col.xl2 {
      width: calc(((100 - (4 * ( 6 - 1))) / 6 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl2 {
      width: calc((100 / 6) / 100 * 100%); }

    .flexbox-gap .row .col.xl5th {
      width: calc(((100 - (4 * ( 5 - 1))) / 5 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl5th {
      width: calc((100 / 5) / 100 * 100%); }

    .flexbox-gap .row .col.xl3 {
      width: calc(((100 - (4 * ( 4 - 1))) / 4 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl3 {
      width: calc((100 / 4) / 100 * 100%); }

    .flexbox-gap .row .col.xl4 {
      width: calc(((100 - (4 * ( 3 - 1))) / 3 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl4 {
      width: calc((100 / 3) / 100 * 100%); }

    .flexbox-gap .row .col.xl5 {
      width: calc(((100 - (4 * ( 2.4 - 1))) / 2.4 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl5 {
      width: calc((100 / 2.4) / 100 * 100%); }

    .flexbox-gap .row .col.xl6 {
      width: calc(((100 - (4 * ( 2 - 1))) / 2 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl6 {
      width: calc((100 / 2) / 100 * 100%); }

    .flexbox-gap .row .col.xl7 {
      width: calc(((100 - (4 * ( 1.7142857143 - 1))) / 1.7142857143 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl7 {
      width: calc((100 / 1.7142857143) / 100 * 100%); }

    .flexbox-gap .row .col.xl8 {
      width: calc(((100 - (4 * ( 1.5 - 1))) / 1.5 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl8 {
      width: calc((100 / 1.5) / 100 * 100%); }

    .flexbox-gap .row .col.xl9 {
      width: calc(((100 - (4 * ( 1.3333333333 - 1))) / 1.3333333333 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl9 {
      width: calc((100 / 1.3333333333) / 100 * 100%); }

    .flexbox-gap .row .col.xl10 {
      width: calc(((100 - (4 * ( 1.2 - 1))) / 1.2 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl10 {
      width: calc((100 / 1.2) / 100 * 100%); }

    .flexbox-gap .row .col.xl11 {
      width: calc(((100 - (4 * ( 1.0909090909 - 1))) / 1.0909090909 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl11 {
      width: calc((100 / 1.0909090909) / 100 * 100%); }

    .flexbox-gap .row .col.xl12 {
      width: calc(((100 - (4 * ( 1 - 1))) / 1 ) / 100 * 100%); }

    .flexbox-gap .row.gutterless .col.xl12 {
      width: calc((100 / 1) / 100 * 100%); } } }
/* to the body element */
.noscroll {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  padding-right: 17px; }

.burger-overlay {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  -o-background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important; }

.burger-overlay:after {
  display: block;
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #0099DB;
  z-index: 1; }

.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

#burger-overlay[aria-hidden="true"] {
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  width: 0;
  z-index: -1;
  opacity: 0; }

#burger-overlay[aria-hidden="false"] {
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  width: 100%;
  z-index: 9999;
  opacity: 1; }

.burger-overlay .burger-overlay-content {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  z-index: 2; }

.burger-overlay .wrapper {
  position: relative;
  padding-top: 20px; }

.close-burger-overlay {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer; }

.close-burger-overlay:hover {
  color: #ffffff; }

/*	Mobile nav
*************************************/
.header-nav .menu,
.header-sub-nav .menu {
  display: none; }

.main-nav2 {
  padding-top: 50px; }
  .main-nav2 ul#menu-burger {
    max-width: 80%;
    margin-bottom: 80px; }
    .main-nav2 ul#menu-burger > li {
      border-bottom: 1px solid white; }
    .main-nav2 ul#menu-burger li {
      display: block;
      width: 100%;
      opacity: 0; }
      .main-nav2 ul#menu-burger li a {
        position: relative;
        padding: 12px 20px;
        text-decoration: none;
        display: block;
        color: #ffffff;
        font-size: 20px;
        font-family: "filson-soft", sans-serif;
        font-weight: 400;
        outline: none;
        transition: 0.2s ease;
        line-height: 1.5;
        text-transform: capitalize;
        text-align: left; }
        .main-nav2 ul#menu-burger li a:hover {
          color: #a6cf5e; }
          .main-nav2 ul#menu-burger li a:hover button {
            color: #a6cf5e; }
    .main-nav2 ul#menu-burger .current-menu-item > a {
      color: #a6cf5e; }
      .main-nav2 ul#menu-burger .current-menu-item > a:hover {
        color: #a6cf5e; }
    .main-nav2 ul#menu-burger .current-menu-parent > a {
      color: #a6cf5e; }
    .main-nav2 ul#menu-burger .current-menu-ancestor > a {
      color: #a6cf5e; }
    .main-nav2 ul#menu-burger .sub-menu {
      display: none;
      position: relative;
      left: 3%;
      text-align: left;
      z-index: 10000;
      width: 100%;
      overflow: hidden;
      clear: both; }

.animate-mobile-menu .main-nav2 ul#menu-burger li {
  opacity: 1; }

.menu {
  float: none !important; }

.main-nav2 .menu-item button {
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 100%;
  top: 50%;
  right: 0;
  background: none;
  color: #a6cf5e;
  box-sizing: border-box;
  transform: translateY(-50%); }
  .main-nav2 .menu-item button:hover {
    color: #a6cf5e; }

.main-nav2 .sub-menu li:first-child a {
  border-top: none; }

@media (min-width: 700px) {
  .main-nav2 ul.menu {
    margin: auto;
    max-width: 70%; }

  .main-nav2 a {
    padding: 18px 20px;
    font-size: 28px; }

  .main-nav2 .sub-menu li a {
    padding: 12px 20px;
    font-size: 18px; } }
@media (min-width: 1025px) {
  .main-nav2 ul.menu {
    margin: auto;
    max-width: 600px; } }
@media (min-width: 1400px) {
  .main-nav2 li a {
    padding: 20px 20px;
    font-size: 24px; }

  .main-nav2 .sub-menu a {
    padding: 16px 20px; } }
/*	Mega menu
************************************/
.mega-menu .sub-menu {
  position: absolute;
  top: 99%;
  left: 0;
  max-width: none;
  width: 100%;
  z-index: 1000;
  opacity: 1;
  box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.1);
  max-height: 400px;
  overflow-y: auto; }

.mega-menu > li {
  padding: 8px; }
  .mega-menu > li > a:hover {
    animation: bounce .5s ease; }

.mega-menu li {
  flex: 1; }
  .mega-menu li > a {
    flex: 1;
    justify-content: center;
    padding: 0 !important; }
    .mega-menu li > a:hover {
      color: #ffffff !important; }

.mega-menu .large-menu .sub-menu {
  width: 900px;
  height: 700px; }

.mega-menu li:focus > .sub-menu,
.mega-menu li:hover > .sub-menu {
  display: block; }

.mega-menu .sub-menu li {
  float: left;
  margin-right: 0; }
  .mega-menu .sub-menu li a {
    width: 100%;
    color: #ffffff; }

.one-col .sub-menu li {
  width: 100%;
  margin-right: 0; }

.two-col .sub-menu li {
  width: 50%; }

.three-col .sub-menu li {
  width: 33.3%; }

.four-col .sub-menu li {
  width: 25%; }

li.primary-bg {
  background-color: #0099DB; }
  li.primary-bg:hover {
    background-color: #00abf5; }

.primary-bg .sub-menu {
  background-color: #0099DB; }
  .primary-bg .sub-menu li:hover {
    background-color: #00abf5; }

li.secondary-bg {
  background-color: #0061af; }
  li.secondary-bg:hover {
    background-color: #006fc9; }

.secondary-bg .sub-menu {
  background-color: #0061af; }
  .secondary-bg .sub-menu li:hover {
    background-color: #006fc9; }

li.third-bg {
  background-color: #EF0C25; }
  li.third-bg:hover {
    background-color: #f42138; }

.third-bg .sub-menu {
  background-color: #EF0C25; }
  .third-bg .sub-menu li:hover {
    background-color: #f42138; }

li.orange-bg {
  background-color: #F87228; }
  li.orange-bg:hover {
    background-color: #f98241; }

.orange-bg .sub-menu {
  background-color: #F87228; }
  .orange-bg .sub-menu li:hover {
    background-color: #f98241; }

li.forth-bg {
  background-color: #65008c; }
  li.forth-bg:hover {
    background-color: #7700a6; }

.forth-bg .sub-menu {
  background-color: #65008c; }
  .forth-bg .sub-menu li:hover {
    background-color: #7700a6; }

li.green-bg {
  background-color: #90C03A; }
  li.green-bg:hover {
    background-color: #9cc94b; }

.green-bg .sub-menu {
  background-color: #90C03A; }
  .green-bg .sub-menu li:hover {
    background-color: #9cc94b; }

li.pink-bg {
  background-color: #F1007D; }
  li.pink-bg:hover {
    background-color: #ff0c8a; }

.pink-bg .sub-menu {
  background-color: #F1007D; }
  .pink-bg .sub-menu li:hover {
    background-color: #ff0c8a; }

.mega-menu .sub-menu li:last-child {
  margin-right: 0; }

.mega-menu .sub-menu .sub-menu {
  position: absolute;
  top: -165% !important;
  left: 105%;
  padding: 15px;
  margin-top: 0 !important; }

.mega-menu .sub-menu .sub-menu li {
  border-bottom: 1px solid #E4E4E4; }

.mega-menu .sub-menu li a:hover, .mega-menu .sub-menu .sub-menu li a:hover {
  color: #ffffff !important; }

/* -------------- mega menu active styling --------------
.mega-menu .current-menu-ancestor a {
color:$c-primary !important;
}
.mega-menu .current-menu-ancestor a:hover {
color:$c-primary !important;
}

.mega-menu .sub-menu .sub-menu .current-menu-item a {
color:$c-primary !important;
}
.mega-menu .sub-menu .current-menu-item a:hover {
color:$c-primary !important;
}
.mega-menu .sub-menu .sub-menu .current-menu-item:after {
display: none;
}
*/
@media (min-width: 1314px) {
  .mega-menu .sub-menu {
    max-height: 600px; } }
.content-flow > * {
  margin-bottom: 0 !important; }

.content-flow > * + * {
  margin-top: 1em; }

.content-flow > * + .btn {
  margin-top: 2em; }

.content-flow.f-row > * + * {
  margin-top: 0 !important; }

.m-auto {
  margin: auto; }

.m0-auto {
  margin: 0 auto; }

.p0 {
  padding: 0 !important; }

.p5 {
  padding: 5px !important; }

.p10 {
  padding: 10px !important; }

.p15 {
  padding: 15px !important; }

.p20 {
  padding: 15px !important; }

.p30 {
  padding: 20px !important; }

.p40 {
  padding: 30px !important; }

.p50 {
  padding: 35px !important; }

.p60 {
  padding: 40px !important; }

.p70 {
  padding: 50px !important; }

.p80 {
  padding: 60px !important; }

.p90 {
  padding: 60px !important; }

.p100 {
  padding: 60px !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 15px !important; }

.pb30 {
  padding-bottom: 20px !important; }

.pb40 {
  padding-bottom: 30px !important; }

.pb50 {
  padding-bottom: 35px !important; }

.pb60 {
  padding-bottom: 40px !important; }

.pb70 {
  padding-bottom: 50px !important; }

.pb80 {
  padding-bottom: 60px !important; }

.pb90 {
  padding-bottom: 60px !important; }

.pb100 {
  padding-bottom: 60px !important; }

.pt0 {
  padding-top: 0 !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 15px !important; }

.pt30 {
  padding-top: 20px !important; }

.pt40 {
  padding-top: 30px !important; }

.pt50 {
  padding-top: 35px !important; }

.pt60 {
  padding-top: 40px !important; }

.pt70 {
  padding-top: 50px !important; }

.pt80 {
  padding-top: 60px !important; }

.pt90 {
  padding-top: 60px !important; }

.pt100 {
  padding-top: 60px !important; }

.pl0 {
  padding-left: 0 !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 15px !important; }

.pl30 {
  padding-left: 20px !important; }

.pl40 {
  padding-left: 30px !important; }

.pl50 {
  padding-left: 35px !important; }

.pl60 {
  padding-left: 40px !important; }

.pl70 {
  padding-left: 50px !important; }

.pl80 {
  padding-left: 60px !important; }

.pl90 {
  padding-left: 60px !important; }

.pl100 {
  padding-left: 60px !important; }

.pr0 {
  padding-right: 0 !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 15px !important; }

.pr30 {
  padding-right: 20px !important; }

.pr40 {
  padding-right: 30px !important; }

.pr50 {
  padding-right: 35px !important; }

.pr60 {
  padding-right: 40px !important; }

.pr70 {
  padding-right: 50px !important; }

.pr80 {
  padding-right: 60px !important; }

.pr90 {
  padding-right: 60px !important; }

.pr100 {
  padding-right: 60px !important; }

.m0 {
  margin: 0 !important; }

.m5 {
  margin: 5px !important; }

.m10 {
  margin: 10px !important; }

.m15 {
  margin: 15px !important; }

.m20 {
  margin: 15px !important; }

.m30 {
  margin: 20px !important; }

.m40 {
  margin: 30px !important; }

.m50 {
  margin: 35px !important; }

.m60 {
  margin: 40px !important; }

.m70 {
  margin: 50px !important; }

.m80 {
  margin: 60px !important; }

.m90 {
  margin: 60px !important; }

.m10 {
  margin: 60px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 15px !important; }

.mb30 {
  margin-bottom: 20px !important; }

.mb40 {
  margin-bottom: 30px !important; }

.mb50 {
  margin-bottom: 35px !important; }

.mb60 {
  margin-bottom: 40px !important; }

.mb70 {
  margin-bottom: 50px !important; }

.mb80 {
  margin-bottom: 60px !important; }

.mb90 {
  margin-bottom: 60px !important; }

.mb100 {
  margin-bottom: 60px !important; }

.mt0 {
  margin-top: 0 !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 15px !important; }

.mt30 {
  margin-top: 20px !important; }

.mt40 {
  margin-top: 30px !important; }

.mt50 {
  margin-top: 35px !important; }

.mt60 {
  margin-top: 40px !important; }

.mt70 {
  margin-top: 50px !important; }

.mt80 {
  margin-top: 60px !important; }

.mt90 {
  margin-top: 60px !important; }

.mt100 {
  margin-top: 60px !important; }

.ml0 {
  margin-left: 0 !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 15px !important; }

.ml30 {
  margin-left: 20px !important; }

.ml40 {
  margin-left: 30px !important; }

.ml50 {
  margin-left: 35px !important; }

.ml60 {
  margin-left: 40px !important; }

.ml70 {
  margin-left: 50px !important; }

.ml80 {
  margin-left: 60px !important; }

.ml90 {
  margin-left: 60px !important; }

.ml100 {
  margin-left: 60px !important; }

.mr0 {
  margin-right: 0 !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 15px !important; }

.mr30 {
  margin-right: 20px !important; }

.mr40 {
  margin-right: 30px !important; }

.mr50 {
  margin-right: 35px !important; }

.mr60 {
  margin-right: 40px !important; }

.mr70 {
  margin-right: 50px !important; }

.mr80 {
  margin-right: 60px !important; }

.mr90 {
  margin-right: 60px !important; }

.mr100 {
  margin-right: 60px !important; }

@media (min-width: 688px) and (max-width: 1312px) {
  .p20 {
    padding: 20px !important; }

  .p30 {
    padding: 30px !important; }

  .p40 {
    padding: 35px !important; }

  .p50 {
    padding: 40px !important; }

  .p60 {
    padding: 50px !important; }

  .p70 {
    padding: 60px !important; }

  .p80 {
    padding: 70px !important; }

  .p90 {
    padding: 75px !important; }

  .p100 {
    padding: 85px !important; }

  .pb20 {
    padding-bottom: 20px !important; }

  .pb30 {
    padding-bottom: 30px !important; }

  .pb40 {
    padding-bottom: 35px !important; }

  .pb50 {
    padding-bottom: 40px !important; }

  .pb60 {
    padding-bottom: 50px !important; }

  .pb70 {
    padding-bottom: 60px !important; }

  .pb80 {
    padding-bottom: 70px !important; }

  .pb90 {
    padding-bottom: 75px !important; }

  .pb100 {
    padding-bottom: 85px !important; }

  .pt20 {
    padding-top: 20px !important; }

  .pt30 {
    padding-top: 30px !important; }

  .pt40 {
    padding-top: 35px !important; }

  .pt50 {
    padding-top: 40px !important; }

  .pt60 {
    padding-top: 50px !important; }

  .pt70 {
    padding-top: 60px !important; }

  .pt80 {
    padding-top: 70px !important; }

  .pt90 {
    padding-top: 75px !important; }

  .pt100 {
    padding-top: 85px !important; }

  .pl20 {
    padding-left: 20px !important; }

  .pl30 {
    padding-left: 30px !important; }

  .pl40 {
    padding-left: 35px !important; }

  .pl50 {
    padding-left: 40px !important; }

  .pl60 {
    padding-left: 50px !important; }

  .pl70 {
    padding-left: 60px !important; }

  .pl80 {
    padding-left: 70px !important; }

  .pl90 {
    padding-left: 75px !important; }

  .pl100 {
    padding-left: 85px !important; }

  .pr20 {
    padding-right: 20px !important; }

  .pr30 {
    padding-right: 30px !important; }

  .pr40 {
    padding-right: 35px !important; }

  .pr50 {
    padding-right: 40px !important; }

  .pr60 {
    padding-right: 50px !important; }

  .pr70 {
    padding-right: 60px !important; }

  .pr80 {
    padding-right: 70px !important; }

  .pr90 {
    padding-right: 75px !important; }

  .pr100 {
    padding-right: 85px !important; }

  .m20 {
    margin: 20px !important; }

  .m30 {
    margin: 30px !important; }

  .m40 {
    margin: 35px !important; }

  .m50 {
    margin: 40px !important; }

  .m60 {
    margin: 50px !important; }

  .m70 {
    margin: 60px !important; }

  .m80 {
    margin: 70px !important; }

  .m90 {
    margin: 75px !important; }

  .m100 {
    margin: 85px !important; }

  .mb20 {
    margin-bottom: 20px !important; }

  .mb30 {
    margin-bottom: 30px !important; }

  .mb40 {
    margin-bottom: 35px !important; }

  .mb50 {
    margin-bottom: 40px !important; }

  .mb60 {
    margin-bottom: 50px !important; }

  .mb70 {
    margin-bottom: 60px !important; }

  .mb80 {
    margin-bottom: 70px !important; }

  .mb90 {
    margin-bottom: 75px !important; }

  .mb100 {
    margin-bottom: 85px !important; }

  .mt20 {
    margin-top: 20px !important; }

  .mt30 {
    margin-top: 30px !important; }

  .mt40 {
    margin-top: 35px !important; }

  .mt50 {
    margin-top: 40px !important; }

  .mt60 {
    margin-top: 50px !important; }

  .mt70 {
    margin-top: 60px !important; }

  .mt80 {
    margin-top: 70px !important; }

  .mt90 {
    margin-top: 75px !important; }

  .mt100 {
    margin-top: 85px !important; }

  .ml20 {
    margin-left: 20px !important; }

  .ml30 {
    margin-left: 30px !important; }

  .ml40 {
    margin-left: 35px !important; }

  .ml50 {
    margin-left: 40px !important; }

  .ml60 {
    margin-left: 50px !important; }

  .ml70 {
    margin-left: 60px !important; }

  .ml80 {
    margin-left: 70px !important; }

  .ml90 {
    margin-left: 75px !important; }

  .ml100 {
    margin-left: 85px !important; }

  .mr20 {
    margin-right: 20px !important; }

  .mr30 {
    margin-right: 30px !important; }

  .mr40 {
    margin-right: 35px !important; }

  .mr50 {
    margin-right: 40px !important; }

  .mr60 {
    margin-right: 50px !important; }

  .mr70 {
    margin-right: 60px !important; }

  .mr80 {
    margin-right: 70px !important; }

  .mr90 {
    margin-right: 75px !important; }

  .mr100 {
    margin-right: 85px !important; } }
@media (min-width: 1312px) {
  .p0 {
    padding: 0 !important; }

  .p1 {
    padding: 1px !important; }

  .p2 {
    padding: 2px !important; }

  .p3 {
    padding: 3px !important; }

  .p4 {
    padding: 4px !important; }

  .p5 {
    padding: 5px !important; }

  .p10 {
    padding: 10px !important; }

  .p15 {
    padding: 15px !important; }

  .p20 {
    padding: 20px !important; }

  .p25 {
    padding: 25px !important; }

  .p30 {
    padding: 30px !important; }

  .p35 {
    padding: 35px !important; }

  .p40 {
    padding: 40px !important; }

  .p50 {
    padding: 50px !important; }

  .p60 {
    padding: 60px !important; }

  .p70 {
    padding: 70px !important; }

  .p80 {
    padding: 80px !important; }

  .p90 {
    padding: 90px !important; }

  .p100 {
    padding: 100px !important; }

  .pb1 {
    padding-bottom: 1px !important; }

  .pb2 {
    padding-bottom: 2px !important; }

  .pb3 {
    padding-bottom: 3px !important; }

  .pb4 {
    padding-bottom: 4px !important; }

  .pb5 {
    padding-bottom: 5px !important; }

  .pb10 {
    padding-bottom: 10px !important; }

  .pb15 {
    padding-bottom: 15px !important; }

  .pb20 {
    padding-bottom: 20px !important; }

  .pb25 {
    padding-bottom: 25px !important; }

  .pb30 {
    padding-bottom: 30px !important; }

  .pb35 {
    padding-bottom: 35px !important; }

  .pb40 {
    padding-bottom: 40px !important; }

  .pb50 {
    padding-bottom: 50px !important; }

  .pb60 {
    padding-bottom: 60px !important; }

  .pb70 {
    padding-bottom: 70px !important; }

  .pb80 {
    padding-bottom: 80px !important; }

  .pb90 {
    padding-bottom: 90px !important; }

  .pb100 {
    padding-bottom: 100px !important; }

  .pt1 {
    padding-top: 1px !important; }

  .pt2 {
    padding-top: 2px !important; }

  .pt3 {
    padding-top: 3px !important; }

  .pt4 {
    padding-top: 4px !important; }

  .pt5 {
    padding-top: 5px !important; }

  .pt10 {
    padding-top: 10px !important; }

  .pt15 {
    padding-top: 15px !important; }

  .pt20 {
    padding-top: 20px !important; }

  .pt25 {
    padding-top: 25px !important; }

  .pt30 {
    padding-top: 30px !important; }

  .pt35 {
    padding-top: 35px !important; }

  .pt40 {
    padding-top: 40px !important; }

  .pt50 {
    padding-top: 50px !important; }

  .pt60 {
    padding-top: 60px !important; }

  .pt70 {
    padding-top: 70px !important; }

  .pt80 {
    padding-top: 80px !important; }

  .pt90 {
    padding-top: 90px !important; }

  .pt100 {
    padding-top: 100px !important; }

  .pl1 {
    padding-left: 1px !important; }

  .pl2 {
    padding-left: 2px !important; }

  .pl3 {
    padding-left: 3px !important; }

  .pl4 {
    padding-left: 4px !important; }

  .pl5 {
    padding-left: 5px !important; }

  .pl10 {
    padding-left: 10px !important; }

  .pl15 {
    padding-left: 15px !important; }

  .pl20 {
    padding-left: 20px !important; }

  .pl25 {
    padding-left: 25px !important; }

  .pl30 {
    padding-left: 30px !important; }

  .pl35 {
    padding-left: 35px !important; }

  .pl40 {
    padding-left: 40px !important; }

  .pl50 {
    padding-left: 50px !important; }

  .pl60 {
    padding-left: 60px !important; }

  .pl70 {
    padding-left: 70px !important; }

  .pl80 {
    padding-left: 80px !important; }

  .pl90 {
    padding-left: 90px !important; }

  .pl100 {
    padding-left: 100px !important; }

  .pr1 {
    padding-right: 1px !important; }

  .pr2 {
    padding-right: 2px !important; }

  .pr3 {
    padding-right: 3px !important; }

  .pr4 {
    padding-right: 4px !important; }

  .pr5 {
    padding-right: 5px !important; }

  .pr10 {
    padding-right: 10px !important; }

  .pr15 {
    padding-right: 15px !important; }

  .pr20 {
    padding-right: 20px !important; }

  .pr25 {
    padding-right: 25px !important; }

  .pr30 {
    padding-right: 30px !important; }

  .pr35 {
    padding-right: 35px !important; }

  .pr40 {
    padding-right: 40px !important; }

  .pr50 {
    padding-right: 50px !important; }

  .pr60 {
    padding-right: 60px !important; }

  .pr70 {
    padding-right: 70px !important; }

  .pr80 {
    padding-right: 80px !important; }

  .pr90 {
    padding-right: 90px !important; }

  .pr100 {
    padding-right: 100px !important; }

  .m0 {
    margin: 0 !important; }

  .m1 {
    margin: 1px !important; }

  .m2 {
    margin: 2px !important; }

  .m3 {
    margin: 3px !important; }

  .m4 {
    margin: 4px !important; }

  .m5 {
    margin: 5px !important; }

  .m10 {
    margin: 10px !important; }

  .m15 {
    margin: 15px !important; }

  .m20 {
    margin: 20px !important; }

  .m25 {
    margin: 25px !important; }

  .m30 {
    margin: 30px !important; }

  .m35 {
    margin: 35px !important; }

  .m40 {
    margin: 40px !important; }

  .m50 {
    margin: 50px !important; }

  .m60 {
    margin: 60px !important; }

  .m70 {
    margin: 70px !important; }

  .m80 {
    margin: 80px !important; }

  .m90 {
    margin: 90px !important; }

  .m100 {
    margin: 100px !important; }

  .mb0 {
    margin-bottom: 0 !important; }

  .mb1 {
    margin-bottom: 1px !important; }

  .mb2 {
    margin-bottom: 2px !important; }

  .mb3 {
    margin-bottom: 3px !important; }

  .mb4 {
    margin-bottom: 4px !important; }

  .mb5 {
    margin-bottom: 5px !important; }

  .mb10 {
    margin-bottom: 10px !important; }

  .mb15 {
    margin-bottom: 15px !important; }

  .mb20 {
    margin-bottom: 20px !important; }

  .mb25 {
    margin-bottom: 25px !important; }

  .mb30 {
    margin-bottom: 30px !important; }

  .mb35 {
    margin-bottom: 35px !important; }

  .mb40 {
    margin-bottom: 40px !important; }

  .mb50 {
    margin-bottom: 50px !important; }

  .mb60 {
    margin-bottom: 60px !important; }

  .mb70 {
    margin-bottom: 70px !important; }

  .mb80 {
    margin-bottom: 80px !important; }

  .mb90 {
    margin-bottom: 90px !important; }

  .mb100 {
    margin-bottom: 100px !important; }

  .mt1 {
    margin-top: 1px !important; }

  .mt2 {
    margin-top: 2px !important; }

  .mt3 {
    margin-top: 3px !important; }

  .mt4 {
    margin-top: 4px !important; }

  .mt5 {
    margin-top: 5px !important; }

  .mt10 {
    margin-top: 10px !important; }

  .mt15 {
    margin-top: 15px !important; }

  .mt20 {
    margin-top: 20px !important; }

  .mt25 {
    margin-top: 25px !important; }

  .mt30 {
    margin-top: 30px !important; }

  .mt35 {
    margin-top: 35px !important; }

  .mt40 {
    margin-top: 40px !important; }

  .mt50 {
    margin-top: 50px !important; }

  .mt60 {
    margin-top: 60px !important; }

  .mt70 {
    margin-top: 70px !important; }

  .mt80 {
    margin-top: 80px !important; }

  .mt90 {
    margin-top: 90px !important; }

  .mt100 {
    margin-top: 100px !important; }

  .ml0 {
    margin-left: 0 !important; }

  .ml1 {
    margin-left: 1px !important; }

  .ml2 {
    margin-left: 2px !important; }

  .ml3 {
    margin-left: 3px !important; }

  .ml4 {
    margin-left: 4px !important; }

  .ml5 {
    margin-left: 5px !important; }

  .ml10 {
    margin-left: 10px !important; }

  .ml15 {
    margin-left: 15px !important; }

  .ml20 {
    margin-left: 20px !important; }

  .ml25 {
    margin-left: 25px !important; }

  .ml30 {
    margin-left: 30px !important; }

  .ml35 {
    margin-left: 35px !important; }

  .ml40 {
    margin-left: 40px !important; }

  .ml50 {
    margin-left: 50px !important; }

  .ml60 {
    margin-left: 60px !important; }

  .ml70 {
    margin-left: 70px !important; }

  .ml80 {
    margin-left: 80px !important; }

  .ml90 {
    margin-left: 90px !important; }

  .ml100 {
    margin-left: 100px !important; }

  .mr1 {
    margin-right: 1px !important; }

  .mr2 {
    margin-right: 2px !important; }

  .mr3 {
    margin-right: 3px !important; }

  .mr4 {
    margin-right: 4px !important; }

  .mr5 {
    margin-right: 5px !important; }

  .mr10 {
    margin-right: 10px !important; }

  .mr15 {
    margin-right: 15px !important; }

  .mr20 {
    margin-right: 20px !important; }

  .mr25 {
    margin-right: 25px !important; }

  .mr30 {
    margin-right: 30px !important; }

  .mr35 {
    margin-right: 35px !important; }

  .mr40 {
    margin-right: 40px !important; }

  .mr50 {
    margin-right: 50px !important; }

  .mr60 {
    margin-right: 60px !important; }

  .mr70 {
    margin-right: 70px !important; }

  .mr80 {
    margin-right: 80px !important; }

  .mr90 {
    margin-right: 90px !important; }

  .mr100 {
    margin-right: 100px !important; } }
/* Horizontal rules & borders
******************************************/
hr {
  border: 0;
  height: 1px;
  background: #cccccc; }

.b-full {
  border: 1px solid #e6e7e7; }

.b-left {
  border-left: 1px solid #e6e7e7; }

.b-right {
  border-right: 1px solid #e6e7e7; }

.b-top {
  border-top: 1px solid #e6e7e7; }

.b-bottom {
  border-bottom: 1px solid #e6e7e7; }

.b1 {
  border-width: 1px; }

.b2 {
  border-width: 2px; }

.b3 {
  border-width: 3px; }

.b4 {
  border-width: 4px; }

.b5 {
  border-width: 5px; }

.b6 {
  border-width: 6px; }

.b7 {
  border-width: 7px; }

.b8 {
  border-width: 8px; }

.b9 {
  border-width: 9px; }

.b10 {
  border-width: 10px; }

.bt-grey {
  border-top: 1px solid #e6e7e7; }

.br-grey {
  border-right: 1px solid #e6e7e7; }

.bb-grey {
  border-bottom: 1px solid #e6e7e7; }

.bl-grey {
  border-left: 1px solid #e6e7e7; }

.bt-primary {
  border-top: 5px solid #0099DB; }

.br-primary {
  border-right: 5px solid #0099DB; }

.bb-primary {
  border-bottom: 5px solid #0099DB; }

.bl-primary {
  border-left: 5px solid #0099DB; }

.bt-secondary {
  border-top: 5px solid #0061af; }

.br-secondary {
  border-right: 5px solid #0061af; }

.bb-secondary {
  border-bottom: 5px solid #0061af; }

.bl-secondary {
  border-left: 5px solid #0061af; }

.no-bb {
  border-bottom: none !important; }

.no-bt {
  border-top: none !important; }

.border-none {
  border: none !important; }

.radius-5 {
  border-radius: 5px; }

.radius-10 {
  border-radius: 10px; }

.radius-15 {
  border-radius: 15px; }

.radius-20 {
  border-radius: 20px; }

.radius-25 {
  border-radius: 25px; }

.radius-30 {
  border-radius: 30px; }

.radius-35 {
  border-radius: 35px; }

.rounded {
  border-radius: 10px; }

.rounded-top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.rounded-bottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.circle {
  border-radius: 50%; }

/* Colours
**************************************/
.shadow-sm {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05); }

.shadow-md {
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.1); }

.shadow-lg {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); }

.shadow-sm-hover:hover {
  box-shadow: 0px 0px 2px 1px #dbdbdb; }

.shadow-lg-hover:hover {
  box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.18); }

.bg-none {
  background-color: none !important; }

.bg-black-overlay {
  background-color: rgba(0, 0, 0, 0.26); }

.bg-light-blue {
  background-color: #cdedfd; }

.light-blue {
  color: #cdedfd; }

.light-grey {
  color: #f8f8f8 !important; }

.dark-grey {
  color: #494948 !important; }

.title-color {
  color: #525151 !important; }

.greyscale {
  filter: grayscale(1); }

/*	List styling
*****************************/
li {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
  line-height: 1.5; }

.fa-list ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px; }
  .fa-list ul li::before {
    content: '\f058';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0;
    font-weight: 700;
    color: #0061af;
    font-size: 1.6rem; }

ul.bullet-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  list-style-type: none !important; }
  ul.bullet-list li::before {
    content: '\2022';
    font-size: 2rem;
    line-height: 0.8;
    position: absolute;
    left: 0;
    font-weight: 700;
    font-size: 1.6rem;
    color: #0099DB; }

.content-flow ul:not(.products, .woocommerce-shipping-methods),
.content-flow ol {
  margin-top: 2em !important;
  margin-bottom: 20px; }

.content ul li {
  list-style-type: disc;
  margin-left: 15px;
  font-family: "filson-soft", sans-serif;
  line-height: 22px;
  font-weight: 300;
  color: #525151;
  margin-bottom: 10px; }

.content ol li {
  list-style-type: decimal;
  margin-left: 15px;
  margin-bottom: 10px; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible; }

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 30px;
  height: 4px;
  background-color: #ffffff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  right: 0; }

.home .hamburger-inner,
.home .hamburger-inner::before,
.home .hamburger-inner::after {
  background-color: #ffffff; }

.single .hamburger-inner,
.single .hamburger-inner::before,
.single .hamburger-inner::after {
  background-color: #ffffff; }

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #ffffff; }

.home .hamburger.is-active .hamburger-inner,
.home .hamburger.is-active .hamburger-inner::before,
.home .hamburger.is-active .hamburger-inner::after,
.scrolled .hamburger-inner,
.scrolled .hamburger-inner::before,
.scrolled .hamburger-inner::after {
  background-color: #ffffff; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -10px; }

.hamburger-inner::after {
  bottom: -10px; }

/* HEADER
**************************************************/
.header-button {
  float: right;
  margin-right: 60px;
  margin-left: 20px; }

.header-button .link {
  display: table-cell !important;
  vertical-align: middle; }

.header-basket {
  float: right; }

.cart-contents {
  display: table-cell;
  vertical-align: middle; }

.header-left .social a {
  display: table-cell;
  vertical-align: middle; }

.main-header .col a i {
  font-size: 20px;
  pointer-events: none;
  color: white; }

.main-header .col a:hover i {
  color: inherit; }

@media (min-width: 688px) {
  .header-button {
    float: right;
    margin-right: 60px;
    margin-left: 20px; }

  .header-button .link {
    padding: 6px 25px 6px 25px; } }
/*	Basic slider
**************************************/
.basic-slider .slick-arrow {
  opacity: 0 !important;
  pointer-events: none; }

@media (min-width: 688px) {
  .basic-slider .slick-arrow {
    opacity: 1 !important;
    pointer-events: auto; } }
@media (min-width: 1312px) {
  .basic-slider .slick-arrow {
    color: #525151; }

  .basic-slider .slick-arrow:hover {
    background: none;
    color: #0099DB; }

  .basic-slider .slick-prev {
    left: -80px; }

  .basic-slider .slick-next {
    right: -95px; }

  .basic-slider:hover > .slick-arrow {
    opacity: 1 !important; } }
/*	Search
*****************************/
.search-form {
  width: 100%;
  margin-top: 0; }

.search-form[data-modal="2"] {
  display: none; }

.ysm-search-widget .search-form {
  display: block; }

.search-results .rows + .rows {
  border-top: 1px solid #e6e7e7;
  padding-top: 35px; }

.ysm-search-widget-1 input.search-field::placeholder,
.aws-container .aws-search-field::placeholder {
  font-weight: 100 !important;
  opacity: 0.8; }

.ysm-search-widget .search-field[type="search"] {
  font-style: normal;
  font-size: 1.5rem;
  text-indent: 0;
  height: 45px; }

.smart-search-view-all {
  font-size: 1.5rem; }

.ysm-search-widget .search-submit,
.aws-container .aws-search-form .aws-search-btn {
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  width: 50px;
  background-color: #e22319;
  color: white; }

.aws-container {
  width: 100%; }

.aws-container .aws-search-form .aws-search-btn .aws-search-btn_icon {
  color: #ffffff; }

.aws-container .aws-search-form .aws-search-field {
  border-top-left-radius: 100px !important;
  border-bottom-left-radius: 100px !important; }

.aws-container .aws-wrapper {
  width: auto; }

.aws-search-result .aws_result_link {
  padding: 5px 8px; }

.aws-search-result .aws_result_title,
.aws-search-result .aws_result_sku,
.aws-search-result .aws_result_price {
  font-size: 1.2rem; }

.aws-container .aws-search-form .aws-search-btn {
  width: 50px;
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important; }

.ysm-search-widget .search-submit:before {
  font-size: 17px;
  line-height: 35px;
  font-weight: 200; }

.ysm-search-widget.bordered .search-field {
  border-radius: 100px; }

.ysm-search-widget.bordered .search-submit {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px; }
  .ysm-search-widget.bordered .search-submit::before {
    width: 45px; }

/* Search
======================================== */
.search-form input {
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  margin: auto;
  overflow: hidden;
  display: table;
  height: 50px;
  padding: 0 10px;
  border: 1px solid #e6e7e7; }

.search-btn {
  border: 0;
  background: #494948;
  cursor: pointer;
  font-size: 14px;
  color: #ffffff;
  width: 13%;
  text-align: center;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  line-height: 50px;
  height: 50px; }

.search-btn:hover {
  color: #ffffff;
  background: #0099DB; }

/* Search toggle
========================================*/
.search-toggle {
  color: #0061af;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.search-toggle:hover {
  color: #0061af; }

.scrolled .search-toggle:hover {
  color: #0061af; }

/* Close toggle
========================================*/
.close-search-form {
  cursor: pointer;
  font-size: 14px;
  color: #525151;
  width: 4%;
  padding: 0 5px;
  text-align: center;
  display: table-cell !important;
  vertical-align: middle;
  line-height: 50px;
  height: 50px; }

.close-search-form:hover {
  color: #0099DB; }

@media (min-width: 1024px) {
  .ysm-search-widget {
    width: 400px; } }
/*	Breadcrumbs
*****************************/
.breadcrumbs {
  padding-top: 15px;
  padding-bottom: 20px;
  top: 30px;
  position: relative;
  margin-bottom: 40px; }

.home .breadcrumbs {
  margin-bottom: 0; }

.breadcrumbs span {
  font-family: "filson-soft", sans-serif;
  font-weight: 300; }

.header-image-container .breadcrumbs {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 5%;
  color: #b3b3b3; }

.breadcrumbs span {
  color: #b3b3b3;
  text-transform: capitalize;
  margin-left: 3px; }

.breadcrumbs span:first-child {
  margin-left: 0;
  margin-right: 3px; }

.breadcrumbs a span {
  color: #b3b3b3;
  text-transform: capitalize; }

.breadcrumbs a span:hover {
  border-bottom: 1px dotted #525151; }

.breadcrumbs i {
  color: #b3b3b3;
  font-size: 18px;
  margin-right: 2px; }

.breadcrumbs, .breadcrumbs a, .breadcrumbs span {
  font-size: 12px; }

.breadcrumbs li {
  display: inline; }

.breadcrumbs .current-item {
  font-weight: 400;
  color: #525151; }

/*	Images
******************************/
img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
  -ms-transform: translateZ(0);
  /* IE 9 */
  -webkit-transform: translateZ(0);
  /* Chrome, Safari, Opera */
  transform: translateZ(0); }

.media {
  position: relative;
  display: block;
  width: 100%; }

.media-link {
  display: block;
  height: 100%; }

.absolute-img,
.media img,
.media video {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  top: 0;
  left: 0; }

.media img.default {
  position: relative;
  display: block;
  width: 100% !important;
  height: auto !important;
  margin-left: auto;
  margin-right: auto; }

.xs-ratio {
  padding-bottom: 33.3%	!important; }

.sm-ratio {
  padding-bottom: 45%		!important; }

.wide-ratio {
  padding-bottom: 56% 	!important; }

.med-ratio {
  padding-bottom: 66% 	!important; }

.lg-ratio {
  padding-bottom: 75% 	!important; }

.sq-ratio {
  padding-bottom: 100% 	!important; }

.xl-ratio {
  padding-bottom: 112% 	!important; }

.bg-image {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important; }

.bg-overlay {
  background: rgba(8, 31, 45, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%; }

.parallax {
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 200px !important; }

img.alignleft,
img.alignright {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 20px; }

@media (min-width: 600px) {
  img.alignleft,
  img.alignright {
    width: 50%;
    padding-right: 20px; }

  img.alignleft {
    float: left; }

  img.alignright {
    float: right; } }
.scale-down img {
  object-fit: scale-down !important; }

.overlay,
.fixed-overlay {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 1; }

.hover-overlay {
  transition: all 0.8s ease-in-out 0s; }

.card-media:hover > .hover-overlay {
  opacity: 1; }

.overlay-black {
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.25) 22%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0) 95%); }

.overlay-white {
  background: white;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.3) 22%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 95%); }

.overlay-primary {
  background: #0d2750;
  background: linear-gradient(180deg, rgba(13, 39, 80, 0.72) 0%, rgba(13, 39, 80, 0.3) 22%, rgba(13, 39, 80, 0.1) 50%, rgba(13, 39, 80, 0) 95%); }

.overlay-secondary {
  background: #ff4e0d;
  background: linear-gradient(180deg, rgba(255, 78, 13, 0.72) 0%, rgba(255, 78, 13, 0.3) 22%, rgba(255, 78, 13, 0.1) 50%, rgba(255, 78, 13, 0) 95%); }

.overlay-third {
  background: #eef3fc;
  background: linear-gradient(180deg, rgba(238, 243, 252, 0.72) 0%, rgba(238, 243, 252, 0.3) 22%, rgba(238, 243, 252, 0.1) 50%, rgba(238, 243, 252, 0) 95%); }

.overlay-fourth {
  background: #af125a;
  background: linear-gradient(180deg, rgba(175, 18, 90, 0.72) 0%, rgba(175, 18, 90, 0.3) 22%, rgba(175, 18, 90, 0.1) 50%, rgba(175, 18, 90, 0) 95%); }

.hover-overlay {
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s ease-out;
  -moz-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  pointer-events: none;
  will-change: transform;
  opacity: 0; }

.media-link:hover > .hover-overlay {
  background-color: #000000;
  opacity: 0.2;
  transition: ease 0.3s; }

.media-link:hover > .primary-overlay {
  background-color: #0099DB;
  opacity: 0.5;
  transition: ease 0.3s; }

.media-link:hover > .secondary-overlay {
  background: #0061af;
  opacity: 0.3;
  transition: ease 0.3s; }

.media-link:hover > .third-overlay {
  background-color: #EF0C25;
  opacity: 0.5;
  transition: ease 0.3s; }

.media-link:hover > .forth-overlay {
  background-color: #65008c;
  opacity: 0.5;
  transition: ease 0.3s; }

.hover-overlay ~ .fas,
.hover-overlay ~ .far,
.hover-overlay ~ .fal,
.hover-overlay ~ .fab {
  display: none; }

@media (min-width: 700px) {
  .video-image {
    display: none; }

  .media-link:hover .hover-overlay ~ .far,
  .media-link:hover .hover-overlay ~ .fas,
  .media-link:hover .hover-overlay ~ .fal {
    position: absolute;
    z-index: 5;
    display: block;
    color: #ffffff;
    font-size: 30px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: 6;
    opacity: 1 !important;
    transform: translate(-50%, -50%) rotate(0deg);
    transform-origin: 50% 50%;
    transition: all 0.8s ease-in-out; }

  .img-cntr:hover > .overlay .far {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(360deg); } }
.woocommerce-page h1 {
  margin-bottom: 2rem; }

.sku-label {
  font-weight: 500; }

.woocommerce .products ul,
.woocommerce ul.products {
  margin: 0; }

.related-products-wrapper {
  margin: 0 calc(50% - 50vw);
  background-color: #f8f8f8;
  padding-top: 3rem; }

.single-product section.related {
  margin-top: 2rem; }

.woocommerce.archive .product .price,
.woocommerce .product .price {
  text-align: left;
  color: #525151 !important;
  display: inline-block !important; }
  .woocommerce.archive .product .price + .product-meta,
  .woocommerce .product .price + .product-meta {
    display: inline-block;
    margin-left: 12px; }
.woocommerce.archive .product a.button.loading::after,
.woocommerce.archive .product a.button.added::after,
.woocommerce .product a.button.loading::after,
.woocommerce .product a.button.added::after {
  display: none !important; }

.woocommerce li.product .woocommerce-loop-category__title,
.woocommerce li.product .woocommerce-loop-product__title,
.woocommerce li.product h3,
.woocommerce li.product h3 a {
  padding: 0;
  font-weight: 500;
  letter-spacing: 0; }

.woocommerce li.product .product-meta small,
.woocommerce li.product .product-meta small span {
  color: #858484; }

.woocommerce .media {
  position: relative;
  display: block;
  width: 99.97%; }

.woocommerce li.product {
  border-radius: 20px;
  border: 1px solid transparent;
  padding: 25px 20px 0 !important;
  transition: 0.4s ease-in-out; }
  .woocommerce li.product .media-link {
    font-size: inherit;
    width: 100%; }
    .woocommerce li.product .media-link img {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0.85);
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      margin-bottom: 0;
      transition: 0.3s ease;
      object-fit: contain;
      width: auto !important; }
    .woocommerce li.product .media-link:hover img {
      transform: translate(-50%, -50%) scale(0.9); }
  .woocommerce li.product .media {
    background-color: #ffffff;
    border: 1px dotted #B8B9BC; }
    .woocommerce li.product .media img {
      padding: 0 7px; }
  .woocommerce li.product:hover {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #0061af; }
  .woocommerce li.product .content-flow > * + .btn {
    margin-top: 1em; }
  .woocommerce li.product .card-body {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .woocommerce li.product .price,
  .woocommerce li.product .product-meta small {
    font-weight: bold; }
  .woocommerce li.product .price {
    font-size: 1.6rem !important; }

/* WooCommerce info
========================================*/
.woocommerce-info {
  background-color: #ffffff !important; }

.woocommerce-info::before {
  top: 1.3em !important; }

/* Add to cart inline
========================================*/
.add_to_cart_inline {
  border: none !important;
  padding: 0 !important; }

/* Disabled
========================================*/
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  background: #ccc !important;
  pointer-events: none; }

/* Sale
========================================*/
.woocommerce span.onsale {
  min-height: 2em !important;
  border-radius: 5px !important;
  padding: 3px 10px !important;
  line-height: 2 !important; }

/* Product Addons
========================================*/
.wc-pao-addon-container .form-row {
  padding: 0 !important;
  margin-bottom: 20px !important; }

.wc-pao-addon-name {
  font-size: 14px; }

.wc-pao-addon-container {
  margin-bottom: 40px; }

.wc-pao-addon-description {
  margin-bottom: 15px; }

/* Grid margins */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin-bottom: 1.5em; }

@media (min-width: 688px) {
  .single-product section.related h2 {
    text-align: center; }

  .woocommerce li.product .woocommerce-loop-category__title,
  .woocommerce li.product .woocommerce-loop-product__title,
  .woocommerce li.product h3,
  .woocommerce li.product h3 a {
    font-size: 1.6rem; } }
/*  Buttons
*****************************/
.btn {
  position: relative;
  font-family: "filson-soft", sans-serif;
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-right: 5px !important;
  margin-bottom: 12px;
  border-radius: 5px;
  text-decoration: none !important;
  transition: 0.4s ease;
  text-transform: uppercase; }
  .btn:hover {
    transition: 0.4s; }

.btn:last-of-type {
  margin-right: 0 !important; }

.btn:only-of-type {
  margin-bottom: 0; }

.full-link {
  width: 100%; }

.btn.icon::after {
  content: '\f105';
  font-family: "Font Awesome 5 Pro";
  padding-left: 7px;
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
  font-weight: 400; }

/*	Button sizes
**********************************/
.btn-xs {
  padding: 0.25rem 1.2rem;
  font-size: 1.1rem; }

.btn-sm {
  padding: 0.6rem 1.6rem;
  font-size: 1.2rem; }

.btn-md {
  padding: 0.8rem 2rem;
  font-size: 1.3rem; }

.btn-lg {
  padding: 1rem 2rem;
  font-size: 1.5rem; }

.btn-xl {
  padding: 1.2rem 2.6rem;
  font-size: 1.5rem; }

/* Solid color
***************************************/
.btn-primary {
  background-color: #0099DB;
  border: 1px solid #0099DB;
  background-image: linear-gradient(#0099DB, #0099DB);
  background-repeat: no-repeat;
  color: #ffffff !important; }
  .btn-primary:hover {
    background-image: linear-gradient(#ffffff, #ffffff);
    color: #0099DB !important; }

.btn-secondary {
  background-color: #0061af;
  border: 1px solid #0061af;
  background-image: linear-gradient(#0061af, #0061af);
  background-repeat: no-repeat;
  color: #ffffff !important; }
  .btn-secondary:hover {
    background-image: linear-gradient(#ffffff, #ffffff);
    color: #0061af !important; }

.btn-third {
  background-color: #EF0C25;
  border: 1px solid #EF0C25;
  background-image: linear-gradient(#EF0C25, #EF0C25);
  background-repeat: no-repeat;
  color: #ffffff !important; }
  .btn-third:hover {
    background-image: linear-gradient(#ffffff, #ffffff);
    color: #EF0C25 !important; }

.btn-forth {
  background-color: #65008c;
  border: 1px solid #65008c;
  background-image: linear-gradient(#65008c, #65008c);
  background-repeat: no-repeat;
  color: #ffffff !important; }
  .btn-forth:hover {
    background-image: linear-gradient(#ffffff, #ffffff);
    color: #65008c !important; }

.btn-grey {
  background-color: #D9D7D7;
  border: 1px solid #D9D7D7;
  background-image: linear-gradient(#D9D7D7, #D9D7D7);
  background-repeat: no-repeat;
  color: #ffffff !important; }
  .btn-grey:hover {
    background-image: linear-gradient(#ffffff, #ffffff);
    color: #D9D7D7 !important; }

.btn-black {
  background-color: #000000;
  border: 1px solid #000000;
  background-image: linear-gradient(#000000, #000000);
  background-repeat: no-repeat;
  color: #ffffff !important; }
  .btn-black:hover {
    background-image: linear-gradient(#ffffff, #ffffff);
    color: #000000 !important; }

.btn-white {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff);
  background-repeat: no-repeat;
  color: #ffffff !important;
  color: #EF0C25 !important;
  border-color: #e6e7e7; }
  .btn-white:hover {
    background-image: linear-gradient(#ffffff, #ffffff);
    color: #ffffff !important; }
  .btn-white:hover {
    color: #EF0C25 !important;
    border-color: #e6e7e7; }

/* Outline color
***********************************************/
.btn-outline-primary {
  background: transparent;
  background-repeat: no-repeat;
  border: 2px solid #0099DB;
  color: #0099DB !important; }
  .btn-outline-primary:hover {
    background: #0099DB;
    color: #ffffff !important; }

.btn-outline-secondary {
  background: transparent;
  background-repeat: no-repeat;
  border: 2px solid #0061af;
  color: #0061af !important; }
  .btn-outline-secondary:hover {
    background: #0061af;
    color: #ffffff !important; }

.btn-outline-third {
  background: transparent;
  background-repeat: no-repeat;
  border: 2px solid #EF0C25;
  color: #EF0C25 !important; }
  .btn-outline-third:hover {
    background: #EF0C25;
    color: #ffffff !important; }

.btn-outline-forth {
  background: transparent;
  background-repeat: no-repeat;
  border: 2px solid #65008c;
  color: #65008c !important; }
  .btn-outline-forth:hover {
    background: #65008c;
    color: #ffffff !important; }

.btn-outline-grey {
  background: transparent;
  background-repeat: no-repeat;
  border: 2px solid #D9D7D7;
  color: #D9D7D7 !important; }
  .btn-outline-grey:hover {
    background: #D9D7D7;
    color: #ffffff !important; }

.btn-outline-white {
  background: transparent;
  background-repeat: no-repeat;
  border: 2px solid #ffffff;
  color: #ffffff !important; }
  .btn-outline-white:hover {
    background: #ffffff;
    color: #ffffff !important; }
  .btn-outline-white:hover {
    color: #000000 !important; }

.btn-outline-black {
  background: transparent;
  background-repeat: no-repeat;
  border: 2px solid #000000;
  color: #000000 !important; }
  .btn-outline-black:hover {
    background: #000000;
    color: #ffffff !important; }

/* Darken color
******************************************/
.btn-darken-primary {
  background-color: #0099DB;
  border: 1px solid #0099DB;
  color: #ffffff !important; }
  .btn-darken-primary:hover {
    background-color: #006794;
    border: 1px solid #006794;
    color: #ffffff !important; }

.btn-darken-secondary {
  background-color: #0061af;
  border: 1px solid #0061af;
  color: #ffffff !important; }
  .btn-darken-secondary:hover {
    background-color: #003968;
    border: 1px solid #003968;
    color: #ffffff !important; }

.btn-darken-third {
  background-color: #EF0C25;
  border: 1px solid #EF0C25;
  color: #ffffff !important; }
  .btn-darken-third:hover {
    background-color: #ab091a;
    border: 1px solid #ab091a;
    color: #ffffff !important; }

.btn-darken-forth {
  background-color: #65008c;
  border: 1px solid #65008c;
  color: #ffffff !important; }
  .btn-darken-forth:hover {
    background-color: #310045;
    border: 1px solid #310045;
    color: #ffffff !important; }

.btn-darken-grey {
  background-color: #D9D7D7;
  border: 1px solid #D9D7D7;
  color: #ffffff !important; }
  .btn-darken-grey:hover {
    background-color: #b6b2b2;
    border: 1px solid #b6b2b2;
    color: #ffffff !important; }

/* Lighten color 
*****************************************/
.btn-lighten-primary {
  background-color: #0099DB;
  border: 1px solid #0099DB;
  color: #ffffff !important; }
  .btn-lighten-primary:hover {
    background-color: #0fb7ff;
    border: 1px solid #0fb7ff;
    color: #ffffff !important; }

.btn-lighten-secondary {
  background-color: #0061af;
  border: 1px solid #0061af;
  color: #ffffff !important; }
  .btn-lighten-secondary:hover {
    background-color: #007de2;
    border: 1px solid #007de2;
    color: #ffffff !important; }

.btn-lighten-third {
  background-color: #EF0C25;
  border: 1px solid #EF0C25;
  color: #ffffff !important; }
  .btn-lighten-third:hover {
    background-color: #f5394e;
    border: 1px solid #f5394e;
    color: #ffffff !important; }

.btn-lighten-forth {
  background-color: #65008c;
  border: 1px solid #65008c;
  color: #ffffff !important; }
  .btn-lighten-forth:hover {
    background-color: #8a00bf;
    border: 1px solid #8a00bf;
    color: #ffffff !important; }

.btn-lighten-grey {
  background-color: #D9D7D7;
  border: 1px solid #D9D7D7;
  color: #ffffff !important; }
  .btn-lighten-grey:hover {
    background-color: #f2f1f1;
    border: 1px solid #f2f1f1;
    color: #ffffff !important; }

a.plain-btn {
  font-size: 1.4rem; }

a.btn-plain {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
  color: #0099DB; }
  a.btn-plain:hover {
    color: #0099DB;
    background: transparent; }

a.btn-plain:after {
  content: "";
  position: absolute;
  left: -102%;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #0099DB;
  opacity: 0;
  transition: all 0.4s ease 0s; }

a.btn-plain:hover:after {
  left: 0;
  opacity: 1; }

@media (min-width: 700px) {
  .btn {
    margin-right: 12px; }

  .btn-xs {
    font-size: 1.2rem; }

  .btn-sm {
    padding: 0.8rem 1.8rem; }

  .btn-md {
    padding: 1rem 2.5rem;
    font-size: 1.4rem; }

  .btn-lg {
    padding: 1.4rem 3rem; }

  .btn-xl {
    padding: 1.8rem 4.5rem;
    font-size: 1.5rem; } }
@media (min-width: 1025px) {
  .btn-xs {
    font-size: 1.2rem; }

  .btn-sm {
    padding: 0.9rem 1.8rem; }

  .btn-md {
    padding: 1.2rem 3rem; }

  .btn-lg {
    padding: 1.6rem 4rem; }

  .btn-xl {
    padding: 2rem 5.5rem;
    font-size: 1.6rem; } }
/* WooCommerce Buttons
========================================*/
.prev_next_buttons {
  margin-bottom: 20px; }

.prev_next_buttons a[rel="prev"], .prev_next_buttons a[rel="next"] {
  display: block; }

.prev_next_buttons a[rel="prev"] {
  float: right; }

.prev_next_buttons a[rel="next"] {
  float: left; }

.prev_next_buttons::after {
  content: '';
  display: block;
  clear: both; }

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: "filson-soft", sans-serif;
  box-sizing: border-box !important;
  font-size: 1.3rem !important;
  background-color: #0099DB;
  color: #ffffff;
  margin-right: 5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.25px;
  border: 1px solid #0099DB;
  border-radius: 4px !important;
  padding: 0.725em 0.8em;
  transition: 0.25s ease-out; }
  .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus,
  .woocommerce a.button:hover,
  .woocommerce a.button:focus,
  .woocommerce button.button:hover,
  .woocommerce button.button:focus,
  .woocommerce input.button:hover,
  .woocommerce input.button:focus {
    background-color: #ffffff;
    color: #0099DB;
    border: 1px solid #0099DB; }
  .woocommerce #respond input#submit:last-of-type,
  .woocommerce a.button:last-of-type,
  .woocommerce button.button:last-of-type,
  .woocommerce input.button:last-of-type {
    margin-right: 0 !important; }

.woocommerce .checkout-button,
.woocommerce button#place_order,
.woocommerce .single_add_to_cart_button {
  display: block;
  width: 100% !important;
  background-color: #0099DB !important;
  border: 1px solid #0099DB !important;
  font-size: 1.5rem !important;
  transition: ease 0.4s;
  padding: 1.25em !important; }
  .woocommerce .checkout-button:hover, .woocommerce .checkout-button:focus,
  .woocommerce button#place_order:hover,
  .woocommerce button#place_order:focus,
  .woocommerce .single_add_to_cart_button:hover,
  .woocommerce .single_add_to_cart_button:focus {
    background-color: #0061af !important;
    border: 1px solid #0061af !important; }

.woocommerce button#place_order {
  margin-top: 2em !important; }

.add_to_cart_button.btn,
.ajax_add_to_cart.btn,
.fpd-catalog-customize {
  background-color: #a6cf5e !important;
  border: 1px solid #a6cf5e !important; }
  .add_to_cart_button.btn:hover, .add_to_cart_button.btn:focus,
  .ajax_add_to_cart.btn:hover,
  .ajax_add_to_cart.btn:focus,
  .fpd-catalog-customize:hover,
  .fpd-catalog-customize:focus {
    color: #ffffff !important;
    background-color: #b1d572 !important;
    border: 1px solid #b1d572 !important; }