/* 
Theme Name: Fusion : Le Meridien Dania Beach Events
Theme URI: http://agencydominion.com
Description: A Fusion Child theme for Le Meridien Dania Beach Events
Author: Agency Dominion
Template: fusion-base
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, custom-background, editor-style, featured-images, threaded-comments, translation-ready
Text Domain: fusion-lmdaniabeachevents
*/

.color-scheme-2 {
  background: #33a7b5;
  color: #000000;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  letter-spacing: normal;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
}
h6,
.h6 {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  body {
    font-size: 18px;
  }
  h1,
  .h1 {
    font-size: 62px;
  }
  h2,
  .h2 {
    font-size: 48px;
  }
  h3,
  .h3 {
    font-size: 28px;
  }
}

.color-scheme-2 h1,
.color-scheme-2 .h1,
.color-scheme-2 h2,
.color-scheme-2 .h2,
.color-scheme-2 h3,
.color-scheme-2 .h3,
.color-scheme-2 h4,
.color-scheme-2 .h4,
.color-scheme-2 h5,
.color-scheme-2 .h5,
.color-scheme-2 h6,
.color-scheme-2 .h6 {
  color: #ffffff;
}
a:not(.btn) {
  color: #33a7b5;
}
a:not(.btn):focus,
a:not(.btn):hover {
  color: #2e96a3;
  text-decoration: underline;
}
.color-scheme-2 a:not(.btn) {
  color: #ffffff;
  text-decoration: underline;
}
.color-scheme-2 a:not(.btn):focus,
.color-scheme-2 a:not(.btn):hover {
  color: #ffffff;
}

/**
* Buttons
*/

.btn {
  font-weight: 400;
  letter-spacing: normal;
  overflow: hidden;
  position: relative;
  z-index: 1;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: normal;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn.btn-sm {
  font-size: 16px;
  line-height: 1.25;
}
.btn-link {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .btn:not(.btn-sm) {
    font-size: 18px;
    line-height: 1.11111111;
  }
}

.btn-default::before,
.btn-primary::before,
.btn-success::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -155%;
  bottom: -2px;
  left: -25%;
  transform: translateX(-50%) skewX(30deg);
  z-index: -1;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.btn-default::before {
  background: linear-gradient(to right, #2e96a3 50%, #33a7b5 50%);
}
.btn-primary::before {
  background: linear-gradient(to right, #000000 50%, transparent 50%);
}
.color-scheme-2 .btn-primary::before {
  background: linear-gradient(to right, #ffffff 50%, transparent 50%);
}
.btn-default:focus::before,
.btn-primary:focus::before,
.btn-default:hover::before,
.btn-primary:hover::before {
  transform: translateX(0) skewX(30deg);
}
.btn-link::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 4px;
  left: 0;
  background: #000000;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.6s;
}
.btn-lg.btn-link::before {
  bottom: 12px;
}
.color-scheme-2 .btn-link::before {
  background: #ffffff;
}
.btn-link:focus::before,
.btn-link:hover::before {
  animation-name: buttonDraw;
  animation-duration: 0.6s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

@keyframes buttonDraw {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default:focus:active,
.btn-default.active {
  background-color: #33a7b5;
  border-color: #2e96a3;
  color: #000000;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus:active,
.btn-primary.active {
  background-color: transparent;
  border-color: #000000;
  color: #ffffff;
}
.btn-link,
.btn-link:focus,
.btn-link.focus,
.btn-link:hover,
.btn-link:active,
.btn-link:focus:active,
.btn-link.active {
  color: #000000;
  text-decoration: none;
}
.color-scheme-2 .btn-default {
  border-color: #33a7b5;
  color: #000000;
}
.color-scheme-2 .btn-default:focus,
.color-scheme-2 .btn-default.focus,
.color-scheme-2 .btn-default:hover,
.color-scheme-2 .btn-default:active,
.color-scheme-2 .btn-default:focus:active,
.color-scheme-2 .btn-default.active {
  background-color: #33a7b5;
  border-color: #2e96a3;
  color: #000000;
}
.color-scheme-2 .btn-primary {
  border-color: #ffffff;
  color: #ffffff;
}
.color-scheme-2 .btn-primary:focus,
.color-scheme-2 .btn-primary.focus,
.color-scheme-2 .btn-primary:hover,
.color-scheme-2 .btn-primary:active,
.color-scheme-2 .btn-primary:focus:active,
.color-scheme-2 .btn-primary.active {
  background-color: transparent;
  border-color: #ffffff;
  color: #000000;
}
.color-scheme-2 .btn-link {
  color: #ffffff;
  text-decoration: none;
  border-color: transparent;
}
.color-scheme-2 .btn-link:hover,
.color-scheme-2 .btn-link:focus,
.color-scheme-2 .btn-link:active {
  color: #ffffff;
}
.color-scheme-2 .btn-link[disabled]:hover,
.color-scheme-2 fieldset[disabled] .btn-link:hover,
.color-scheme-2 .btn-link[disabled]:focus,
.color-scheme-2 fieldset[disabled] .btn-link:focus {
  color: #ffffff;
}

/**
* Forms
*/

label {
  font-weight: 400;
}
legend {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  color: inherit;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
fieldset {
  margin-top: 30px;
  margin-bottom: 30px;
}
.form-control {
  line-height: 1.25;
  box-shadow: none;
  padding-left: 12px;
  padding-right: 12px;
}
.form-control:focus {
  box-shadow: none;
}
.color-scheme-2 .form-control {
  border-color: transparent;
}
select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff url("images/icons/dark/chevron-down.svg") no-repeat 97%
    center;
  background-size: 16px 16px;
}
select.form-control::-ms-expand,
.form-control::-ms-clear {
  display: none;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #33a7b5;
}
.color-scheme-2 .wpcf7-not-valid-tip {
  color: #dff3f5;
}

@media (min-width: 768px) {
  legend {
    font-size: 18px;
  }
  fieldset {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

/**
* Dividers
*/

.fsn-divider hr,
.fsn-site-map hr {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.fsn-divider-vertical {
  background: rgba(0, 0, 0, 0.1);
}
.color-scheme-2 .fsn-divider hr,
.color-scheme-2 .fsn-site-map hr {
  border-top-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-2 .fsn-divider-vertical {
  background: rgba(255, 255, 255, 0.1);
}
.fsn-divider.solid hr {
  border-top-color: #000000;
}
.fsn-divider-vertical.solid {
  background: #000000;
}
.color-scheme-2 .fsn-divider.solid hr {
  border-top-color: #ffffff;
}
.color-scheme-2 .fsn-divider-vertical.solid {
  background: #ffffff;
}

/**
* List Markers
*/

.fsn-text ul li,
.fsn-site-map ul li {
  list-style-type: none;
  position: relative;
  padding: 6px 0;
}
.fsn-text ul li:before,
.fsn-site-map ul li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: #33a7b5;
  border-width: 0 1px 1px 0;
  margin-top: 12px;
  position: absolute;
  left: -24px;
  -ms-transform: rotate(-45deg) translateZ(0);
  -moz-transform: rotate(-45deg) translateZ(0);
  -webkit-transform: rotate(-45deg) translateZ(0);
  transform: rotate(-45deg) translateZ(0);
}
.color-scheme-2 .fsn-text ul li:before,
.color-scheme-2 .fsn-site-map ul li:before {
  border-color: #ffffff;
}

/**
* Images
*/

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

/**
* Header
*/

body.has-masthead > header .color-scheme-2 {
  background: transparent;
}
body:not(.has-masthead) > header {
  background: #33a7b5;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  body.has-masthead > header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
}

/**
 * Menu : Simple
 */

.fsn-menu.simple .dropdown-menu > li > a {
  color: #000000;
}
.fsn-menu.simple .dropdown-menu > li > a:hover,
.fsn-menu.simple .dropdown-menu > li > a:focus {
  background-color: transparent;
  color: #33A7B5;
}
.fsn-menu.simple .dropdown-menu > .active > a,
.fsn-menu.simple .dropdown-menu > .active > a:hover,
.fsn-menu.simple .dropdown-menu > .active > a:focus {
  background-color: transparent;
  color: #33A7B5;
}
.fsn-menu.simple .dropdown-menu .divider {
  background-color: #D4D4D4;
}
.fsn-menu.simple .navbar-nav > li > a {
  text-transform:uppercase;
  text-decoration:none;
}

@keyframes lineDraw {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

@media (max-width: 767px) {
  .fsn-menu.simple .navbar-toggle {
    border-color: transparent rgba(255, 255, 255, 0.2) transparent transparent;
    padding: 4px 9px 4px 0;
  }
  .fsn-menu.simple .menu-container.expanded {
    background: #000000;
  }
  .fsn-menu.simple .navbar-nav {
    margin: 10px 0 0;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .fsn-menu.simple .navbar-nav > li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .fsn-menu.simple .navbar-nav > li > a {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 0;
  }
  .fsn-menu.simple .navbar .dropdown-menu .divider {
    margin-left: 0;
    margin-right: 0;
  }
  .fsn-menu.simple .menu-container .menu .navbar-nav .active > a,
  .fsn-menu.simple .menu-container .menu .navbar-nav .active > a:hover,
  .fsn-menu.simple .menu-container .menu .navbar-nav .active > a:focus {
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
  }
}

@media (min-width: 768px) {
  .fsn-menu.simple .menu-container {
    padding: 40px;
  }
  .fsn-menu.simple .menu-container .col-sm-9 {
    display:flex;
    align-items:center;
    gap: 20px;
  }
  .fsn-menu.simple .menu-container .brand {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
  .fsn-menu.simple .menu-container .menu {
    float: none;
  }
  .fsn-menu.simple .navbar {
    min-height: 0;
  }
  .fsn-menu.simple .navbar-nav > li > a {
    padding: 10px 20px;
    font-size: 16px;
  }
  .fsn-menu.simple .navbar-nav > li:last-child > a::before {
    left: 20px;
    right: 20px;
  }
  .fsn-menu.simple .navbar .dropdown-menu {
    border-top: 0;
    background-color: #f4f4f4;
    border-radius: 4px;
  }
}

/**
* Menu : Modal
*/

.fsn-menu.menu_modal .menu-modal-trigger,
.menu-modal-controls .close {
  border-radius: 50%;
  transition: background-color 0.3s;
  width: 36px;
  height: 36px;
  padding: 0;
  background-image: url("images/icons/light/menu.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
}
.menu-modal-controls .close {
  background-image: url("images/icons/light/x.svg");
}
.fsn-menu.menu_modal .menu-logo {
  line-height: 0;
}
#menu-modal .multi-col-nav-column > .menu-item > a,
#menu-modal .multi-col-nav-column .menu-item-parent-label {
  display: inline-block;
  font-family: "griffith-gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 24px;
  margin-top: 11px;
  margin-bottom: 11px;
  padding-left: 15px;
  line-height: 1.1;
  text-decoration: none;
  position: relative;
}
#menu-modal .menu-logo img {
  height: auto;
}
#menu-modal .multi-col-nav-column .nested-menu-items a {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
  color: #ffffff;
  text-decoration: none;
}
#menu-modal .multi-col-nav-column > .menu-item.current-menu-item > a {
  color: #ffffff;
}
.fsn-menu.menu_modal .menu-secondary-items {
  display: none;
}
.home .menu-logo > a {
  display: none;
}

@media (max-width: 767px) {
  .fsn-menu.menu_modal {
    margin-left: -15px;
    margin-right: -15px;
  }
  .fsn-menu.menu_modal .menu-container {
    padding: 10px 15px;
  }
  body.has-masthead .fsn-menu.menu_modal {
    position: relative;
    margin-bottom: -132px;
    z-index: 99;
  }
  #menu-modal .menu-modal-inner {
    padding-top: 140px;
  }
  #menu-modal .menu-modal-controls {
    text-align: center;
  }
  .menu-modal-controls .close {
    top: 15px;
    right: auto;
    left: 15px;
  }
  #menu-modal .menu-logo {
    margin-top: 25px;
  }
  .fsn-menu.menu_modal .menu-trigger {
    right: auto;
    left: 15px;
  }
}

@media (min-width: 768px) {
  .fsn-menu.menu_modal .menu-modal-trigger,
  .menu-modal-controls .close {
    display: none !important;
  }
  .fsn-menu.menu_modal .menu-container {
    padding: 30px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }
  .fsn-menu.menu_modal .menu-container:before,
  .fsn-menu.menu_modal .menu-container:after {
    display: none;
  }
  .fsn-menu.menu_modal .menu-trigger,
  .fsn-menu.menu_modal .menu-logo,
  .fsn-menu.menu_modal .menu-button {
    float: none;
    margin: 0;
    padding: 0;
  }
  .menu-modal-controls .close {
    top: 32px;
    left: 30px;
  }
  #menu-modal .menu-button {
    right: 30px;
    top: 30px;
  }
  #menu-modal .multi-col-nav-column > .menu-item > a,
  #menu-modal .multi-col-nav-column .menu-item-parent-label {
    padding-left: 0;
  }
  #menu-modal .multi-col-nav-column:first-child {
    padding-right: 11.71875vw;
  }
  #menu-modal .multi-col-nav-column:nth-child(2) {
    padding-left: 16.66666667%;
  }
  #menu-modal .multi-col-nav-column > .menu-item > a,
  #menu-modal .multi-col-nav-column .menu-item-parent-label {
    font-size: 46px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #menu-modal .multi-col-nav-column .nested-menu-items a {
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 0;
  }
  #menu-modal .multi-col-nav-column a {
    color: #ffffff;
    transition: color 0.3s;
  }
  #menu-modal .multi-col-nav-column:hover a {
    color: #ffffff;
  }
  #menu-modal .multi-col-nav-column:hover a:hover,
  #menu-modal .multi-col-nav-column:hover a:hover:before {
    color: #ffffff;
  }
}

@media (min-width: 1200px) {
  .fsn-menu.menu_modal .menu-container {
    padding: 18px 45px 18px 40px;
  }
  .fsn-menu.menu_modal .menu-secondary-items {
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    margin-left: 24px;
  }
  .fsn-menu.menu_modal .menu-secondary-items > li {
    padding-left: 0;
    padding-right: 0;
  }
  .fsn-menu.menu_modal .menu-secondary-items > li > a {
    display: block;
    padding: 8px 12px;
    line-height: 1.4285714286;
    transition: color 0.3s;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    position: relative;
  }
  .fsn-menu.menu_modal .menu-secondary-items:hover > li > a {
    color: #ffffff;
  }
  .fsn-menu.menu_modal .menu-secondary-items:hover > li > a:hover {
    color: #ffffff;
  }
  .fsn-menu.menu_modal .menu-secondary-items > li > a::after {
    content: "";
    display: block;
    width: 44px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .fsn-menu.menu_modal .menu-secondary-items > li > a:focus::after,
  .fsn-menu.menu_modal .menu-secondary-items > li > a:hover::after {
    opacity: 1;
  }
  .menu-modal-controls .close {
    left: 40px;
  }
  #menu-modal .menu-button {
    right: 45px;
  }
  #menu-modal .multi-col-nav-column:first-child {
    padding-right: 0;
  }
}

/**
* Masthead
*/

.fsn-masthead .flex-control-nav {
  display: none;
}
.fsn-masthead .flex-direction-nav {
  position: absolute;
  bottom: 48px;
  width: 100px;
  height: 38px;
  margin-left: -50px;
}
.fsn-masthead .flex-direction-nav a {
  width: 50px;
  height: 38px;
  border: 0;
  background: transparent;
  border-radius: 0;
  margin-top: 0;
  top: 0;
  opacity: 0.9;
}
.fsn-masthead .flex-direction-nav .flex-prev,
.fsn-masthead .masthead-slider:hover .flex-direction-nav .flex-prev {
  left: 0;
}
.fsn-masthead .flex-direction-nav .flex-next,
.fsn-masthead .masthead-slider:hover .flex-direction-nav .flex-next {
  right: 0;
}
.fsn-masthead .flex-direction-nav a.flex-prev:before {
  width: 50px;
  height: 38px;
  background-image: url("images/icons/light/arrow-left.svg");
  background-position: left center;
  background-size: 32px 32px;
}
.fsn-masthead .flex-direction-nav a.flex-next:before {
  width: 50px;
  height: 38px;
  background-image: url("images/icons/light/arrow-right.svg");
  background-position: right center;
  background-size: 32px 32px;
}
.fsn-masthead .flex-direction-nav a.flex-prev:after,
.fsn-masthead .flex-direction-nav a.flex-next:after {
  display: none;
}
.fsn-masthead .masthead-item-video-pause {
  width: 36px;
  height: 36px;
  bottom: 25px;
  left: auto;
  right: 15px;
  background: url("images/icons/light/pause-circle.svg") no-repeat center center;
  background-size: 32px 32px;
}
.fsn-masthead .masthead-item-video-pause.paused {
  background: url("images/icons/light/play-circle.svg") no-repeat center center;
  background-size: 32px 32px;
}
.fsn-masthead .masthead-item-overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.7) 33%,
    rgba(0, 0, 0, 0) 100%
  );
}

@media (max-width: 767px) {
  .fsn-masthead .masthead-container.masthead-full {
    height: 500px;
  }
}

/**
* Masthead : Split
*/

.fsn-masthead.split,
.fsn-masthead.split .masthead-item {
  background: #707070;
}
.fsn-masthead .masthead-item-content {
  color: #ffffff;
  text-align: center;
}
.fsn-masthead .masthead-item-headline,
.fsn-masthead .masthead-item-subheadline {
  font-family: "griffith-gothic", sans-serif;
  font-weight: 700;
}
.fsn-masthead .masthead-item-headline {
  font-size: 36px;
  line-height: 1;
}
.fsn-masthead .masthead-item-subheadline {
  font-size: 24px;
}

@media (max-width: 767px) {
  .fsn-masthead.split .masthead-item-content {
    padding: 60px 30px 60px;
  }
}

@media (min-width: 768px) {
  .fsn-masthead.split .masthead-item-media {
    right: auto;
    left: 0;
  }
  .fsn-masthead.split .masthead-item-content {
    margin-left: 50%;
  }
  .fsn-masthead .masthead-item-headline {
    font-size: 48px;
  }
  .fsn-masthead .masthead-item-subheadline {
    font-size: 28px;
  }
}

/**
* Introduction
*/

@media (min-width: 768px) {
  #introduction {
    padding-top: 90px;
    padding-bottom: 120px;
  }
}

/**
* Card
*/

.fsn-card .card-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.fsn-card .card-image img {
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s ease;
}
.fsn-card .card-image a:focus img,
.fsn-card .card-image a:hover img {
  transform: scale3d(1.1, 1.1, 1);
  transform-origin: 50% 50%;
}
.fsn-card .card-image a:focus {
  outline: 5px solid #33a7b5;
}
.fsn-card .card-image a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s;
}
.fsn-card .card-image a:focus:after,
.fsn-card .card-image a:hover:after {
  opacity: 1;
}
.card-content .btn:not(.btn-link) {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
  }
}

/**
* Card : Basic
*/

.fsn-card.basic .card-content {
  padding: 30px 20px 30px;
  text-align: center;
}

/**
* Card : Horizontal
*/

@media (max-width: 767px) {
  .fsn-card.horizontal .card-content {
    padding: 40px 30px 50px;
  }
  .fsn-card.horizontal.xs-reverse .card-wrap > .row {
    display: flex;
    flex-direction: column;
  }
  .fsn-card.horizontal.xs-reverse .card-wrap > .row:before,
  .fsn-card.horizontal.xs-reverse .card-wrap > .row:after {
    display: none;
  }
  .fsn-card.horizontal.xs-reverse .card-wrap > .row > .card-content-wrap {
    order: 1;
  }
  .fsn-card.horizontal.xs-reverse .card-wrap > .row > .card-image {
    order: 2;
  }
}

/**
* Card : Banner
*/

.fsn-card.banner .card-content {
  background: transparent;
  text-align: center;
}
.fsn-card.banner .card-media::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.fsn-card.banner .card-content {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .fsn-card.banner .card-content {
    padding: 40px 0 30px;
    width: 66.66666667%;
  }
}

@media (min-width: 1200px) {
  .fsn-card.banner .card-content p {
    padding-left: 8.33333333%;
    padding-right: 8.33333333%;
    margin-left: auto;
    margin-right: auto;
  }
}

/**
* Photoswipe
*/

.pswp__bg {
  background-color: #000000;
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: #33a7b5;
}
.pswp__caption__center {
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.pswp__counter {
  opacity: 1;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right,
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  text-shadow: none;
  border-radius: 50%;
  opacity: 0.9;
  background: #ffffff !important;
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.pswp__button--arrow--left {
  left: 15px;
}
.pswp__button--arrow--right {
  right: 15px;
}
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover {
  opacity: 1;
  background: #ffffff !important;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
  content: "";
  display: block;
  text-shadow: none;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
.pswp--svg .pswp__button--arrow--left:before {
  content: "";
  background: url("images/icons/dark/arrow-left.svg") no-repeat center center;
  background-size: 32px 32px;
}
.pswp--svg .pswp__button--arrow--right:before {
  content: "";
  background: url("images/icons/dark/arrow-right.svg") no-repeat center center;
  background-size: 32px 32px;
}

/**
* Flexslider
*/

.flex-direction-nav a {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  text-shadow: none;
  opacity: 1;
  border-radius: 50%;
  border: 0;
  background: #33a7b5;
}
.flex-direction-nav a:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}
.flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-next:before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
}
.flex-direction-nav a:after {
  text-shadow: none;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
.flex-direction-nav a.flex-prev:after {
  content: "";
  background: url("images/icons/light/chevron-left.svg") no-repeat center center;
  background-size: 32px 32px;
}
.flex-direction-nav a.flex-next:after {
  content: "";
  background: url("images/icons/light/chevron-right.svg") no-repeat center
    center;
  background-size: 32px 32px;
}
.flex-direction-nav .flex-prev {
  left: 0px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  left: 0px;
}
.flex-direction-nav .flex-next {
  right: 0px;
}
.flexslider:hover .flex-direction-nav .flex-next {
  right: 0px;
}

@media (max-width: 767px) {
  .flex-direction-nav {
    width: 168px;
    height: 60px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -84px;
  }
  .flex-direction-nav a {
    top: 0;
    margin-top: 0;
    opacity: 1;
  }
}

/**
* Gallery : Strip
*/

.strip-slider .flex-direction-nav a {
  opacity: 1;
}
.strip-slider .flex-direction-nav a:hover {
  opacity: 1;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.24);
}

/**
* Gallery : Slideshow
*/

.fsn-gallery .slideshow .flex-direction-nav .flex-prev,
.fsn-gallery .slideshow .slideshow-slider:hover .flex-direction-nav .flex-prev,
.fsn-gallery .slideshow .flex-direction-nav .flex-next,
.fsn-gallery .slideshow .slideshow-slider:hover .flex-direction-nav .flex-next {
  opacity: 1;
}
.fsn-gallery .slideshow .flex-direction-nav .flex-prev,
.fsn-gallery .slideshow .flex-direction-nav .flex-next {
  width: 60px;
  height: 60px;
  line-height: 1;
}
.fsn-gallery .slideshow .flex-direction-nav .flex-prev:before,
.fsn-gallery .slideshow .flex-direction-nav .flex-next:before,
.fsn-gallery .slideshow .flex-direction-nav .flex-prev:after,
.fsn-gallery .slideshow .flex-direction-nav .flex-next:after {
  width: 60px;
  height: 60px;
}
.fsn-gallery .slideshow .flex-direction-nav a.flex-prev:before,
.fsn-gallery .slideshow .flex-direction-nav a.flex-next:before {
  background: none;
}
.fsn-gallery .slideshow .slideshow-slider-pause {
  width: 36px;
  height: 36px;
  bottom: 25px;
  left: auto;
  right: 15px;
  bottom: auto;
  top: 15px;
  background: url("images/icons/light/pause-circle.svg") no-repeat;
  background-size: 36px 36px;
}
.fsn-gallery .slideshow .slideshow-slider-pause.paused {
  background: url("images/icons/light/play-circle.svg") no-repeat;
  background-size: 36px 36px;
}
.fsn-gallery
  .slideshow-slider[data-slideshow="true"]
  .slideshow-item-media:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}
.fsn-gallery .slideshow .slideshow-item-content {
  background: #ffffff;
  color: #000000;
}

@media (max-width: 767px) {
  .fsn-gallery .slideshow .flex-direction-nav li {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 768px) {
  .fsn-gallery
    .slideshow-slider[data-slideshow="true"]
    .slideshow-item-media:after {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.7) 100%
    );
  }
}

/**
* Gallery : Slideshow : Two Thirds Width
*/

@media (max-width: 767px) {
  .fsn-gallery .slideshow.two_thirds_width .flex-direction-nav {
    bottom: 24px;
  }
  .fsn-gallery .slideshow.two_thirds_width .slideshow-item-media {
    height: 100%;
  }
  .fsn-gallery
    .slideshow.two_thirds_width
    .slideshow-slider
    .slideshow-item-media {
    height: calc(100% - 124px);
  }
}

@media (min-width: 768px) {
  .fsn-gallery .slideshow.two_thirds_width .slideshow-container {
    height: 656px;
  }
  .fsn-gallery .slideshow.two_thirds_width .slideshow-slider {
    overflow: visible;
  }
  .fsn-gallery .slideshow.two_thirds_width .slideshow-slides {
    width: 66.66666667%;
    left: 33.33333333%;
  }
  .col-sm-6 .fsn-gallery .slideshow.two_thirds_width .slideshow-slides {
    width: 83.33333333%;
    left: 16.66666667%;
  }
  .fsn-gallery .slideshow.two_thirds_width .flex-direction-nav {
    right: 70%;
    bottom: 29.5%;
    width: 60px;
    height: 132px;
  }
  .col-sm-6 .fsn-gallery .slideshow.two_thirds_width .flex-direction-nav {
    right: 86%;
    bottom: 8px;
  }
  .fsn-gallery .slideshow.two_thirds_width .flex-direction-nav .flex-next {
    top: auto;
    bottom: 0;
  }
  .fsn-gallery .slideshow.two_thirds_width .slideshow-item-media {
    height: 100%;
  }
  .fsn-gallery .slideshow.two_thirds_width .slideshow-slider-pause {
    top: auto;
    bottom: 25px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .overlap {
    margin-top: 60px;
  }
}

@media (min-width: 1200px) {
  .overlap {
    margin-top: -7vw;
  }
}

/**
 * Gallery : Slideshow : Full Width
 */

.fsn-gallery .slideshow.full_width .slideshow-item-media {
  height: 100%;
}
.fsn-gallery .slideshow.full_width .has-caption .slideshow-item-media {
  height: calc(100% - 132px);
}
.fsn-gallery .slideshow.full_width .flex-direction-nav a {
  background: #ffffff;
}
.fsn-gallery .slideshow.full_width .flex-direction-nav a.flex-prev:after {
  background-image: url("images/icons/dark/chevron-left.svg");
}
.fsn-gallery .slideshow.full_width .flex-direction-nav a.flex-next:after {
  background-image: url("images/icons/dark/chevron-right.svg");
}

@media (max-width: 767px) {
  .fsn-gallery .slideshow.full_width {
    margin-left: -15px;
    margin-right: -15px;
  }
  .fsn-gallery .slideshow.full_width .flex-direction-nav {
    bottom: 10px;
  }
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-prev,
  .fsn-gallery
    .slideshow.full_width
    .slideshow-slider:hover
    .flex-direction-nav
    .flex-prev {
    opacity: 1;
  }
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-next,
  .fsn-gallery
    .slideshow.full_width
    .slideshow-slider:hover
    .flex-direction-nav
    .flex-next {
    opacity: 1;
  }
  .fsn-gallery .slideshow.full_width .slideshow-item-content {
    padding-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .fsn-gallery .slideshow.full_width .has-caption .slideshow-item-media {
    height: calc(100% - 64px);
  }
  .fsn-gallery .slideshow.full_width .flex-direction-nav {
    position: static;
    width: auto;
    height: auto;
  }
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-prev,
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-next {
    top: 50%;
    margin-top: -35px;
    border-radius: 50%;
  }
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-prev,
  .fsn-gallery
    .slideshow.full_width
    .slideshow-slider:hover
    .flex-direction-nav
    .flex-prev {
    left: 60px;
    opacity: 0.9;
  }
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-next,
  .fsn-gallery
    .slideshow.full_width
    .slideshow-slider:hover
    .flex-direction-nav
    .flex-next {
    right: 60px;
    opacity: 0.9;
  }
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-prev:focus,
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-next:focus,
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-prev:hover,
  .fsn-gallery .slideshow.full_width .flex-direction-nav .flex-next:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }
  .fsn-gallery .slideshow.full_width .slideshow-item-video-pause,
  .fsn-gallery .slideshow.full_width .slideshow-slider-pause {
    right: 60px;
    bottom: 50px;
  }
}

/**
* Gallery : Grid
*/

.fsn-gallery .grid-item-image {
  display: block;
  position: relative;
  overflow: hidden;
}
.fsn-gallery .grid-item-image img {
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s ease;
}
.fsn-gallery .grid-item-image:focus img,
.fsn-gallery .grid-item-image:hover img {
  transform: scale3d(1.1, 1.1, 1);
  transform-origin: 50% 50%;
}
.fsn-gallery .grid-item-image:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s;
}
.fsn-gallery .grid-item-image:focus:after,
.fsn-gallery .grid-item-image:hover:after {
  opacity: 1;
}

@media (min-width: 768px) {
  .fsn-gallery .grid-item {
    width: 33.33333333%;
  }
}

/**
* Gallery : Instagram
*/

.fsn-instagram-gallery .instagram-image {
  width: 100%;
  margin-left: 0;
  height: 0 !important;
  padding-bottom: 100%;
}
.fsn-instagram-gallery .instagram-item {
  margin: 6px;
}

@media (min-width: 768px) {
  .fsn-instagram-gallery {
    min-height: calc(20.8333333325vw - 24px);
  }
  .fsn-instagram-gallery .instagram-item {
    margin: 0 12px;
  }
}

/**
* Description List
*/

.fsn-description-list dt {
  font-size: 18px;
}
.fsn-description-list dd {
  font-family: "griffith-gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.1;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .fsn-description-list .description-list-group {
    margin-bottom: 13px;
    position: relative;
  }
  .fsn-description-list .description-list-group::after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #000000;
  }
  .color-scheme-2 .fsn-description-list .description-list-group::after {
    background: #ffffff;
  }
  .fsn-description-list .description-list-group:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .fsn-description-list .description-list-group:last-child::after {
    display: none;
  }
}

@media (min-width: 768px) {
  .fsn-description-list dt {
    font-size: 22px;
  }
  .fsn-description-list dd {
    font-size: 36px;
  }
  .fsn-description-list .description-list-group {
    padding: 12px 24px;
    border-left: 1px solid #000000;
    flex-basis: 0;
    flex-shrink: 1;
    flex-grow: 1;
  }
  .color-scheme-2 .fsn-description-list .description-list-group {
    border-left-color: #ffffff;
  }
  .fsn-description-list .description-list-group:first-child {
    border-left: 0;
  }
  .flexbox .fsn-description-list dl {
    display: flex;
  }
}

/**
* Tabs
*/

.fsn-tabs-container .nav.nav-tabs > li > a:focus,
.fsn-tabs-container .nav.nav-tabs > li.active > a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.nav.nav-tabs > li > a {
  font-weight: 400;
  letter-spacing: normal;
  text-decoration: none;
}

@media (max-width: 767px) {
  .nav.nav-tabs {
    background: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  }
  .nav.nav-tabs > li {
    text-align: left;
  }
  .nav.nav-tabs > li.expanded {
    border-top-color: rgba(0, 0, 0, 0.15);
  }
  .nav.nav-tabs > li > a {
    background: transparent;
    color: #000000;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
  }
  .nav.nav-tabs > li > a:focus,
  .nav.nav-tabs > li > a:hover {
    background: #33a7b5;
    color: #ffffff;
  }
  .nav.nav-tabs > li.active {
    background: #33a7b5;
  }
  .nav.nav-tabs > li.active a,
  .nav.nav-tabs > li.active a:focus,
  .nav.nav-tabs > li.active a:hover {
    color: #ffffff;
  }
  .nav.nav-tabs > li.active > a:after {
    border: 0;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 15px;
    margin-top: -9px;
    background: url("images/icons/light/chevron-down.svg") no-repeat center
      center;
    background-size: 18px 18px;
  }
  .nav.nav-tabs > li.active.open-tab > a:after {
    top: 50%;
    background-image: url("images/icons/light/chevron-up.svg");
  }
  .color-scheme-2 .nav.nav-tabs {
    background: transparent;
    border-color: #ffffff;
  }
  .color-scheme-2 .nav.nav-tabs > li.expanded {
    border-top-color: #ffffff;
  }
  .color-scheme-2 .nav.nav-tabs > li > a {
    background: transparent;
    color: #ffffff;
  }
  .color-scheme-2 .nav.nav-tabs > li > a:focus,
  .color-scheme-2 .nav.nav-tabs > li > a:hover {
    background: #ffffff;
    color: #000000;
  }
  .color-scheme-2 .nav.nav-tabs > li.active {
    background: #ffffff;
  }
  .color-scheme-2 .nav.nav-tabs > li.active a,
  .color-scheme-2 .nav.nav-tabs > li.active a:focus,
  .color-scheme-2 .nav.nav-tabs > li.active a:hover {
    color: #000000;
  }
  .color-scheme-2 .nav.nav-tabs > li.active > a:after {
    background-image: url("images/icons/dark/chevron-down.svg");
  }
  .color-scheme-2 .nav.nav-tabs > li.active.open-tab > a:after {
    background-image: url("images/icons/dark/chevron-up.svg");
  }
}

@media (min-width: 768px) {
  .nav.nav-tabs {
    margin: 0 auto 20px;
    border: none;
    text-align: center;
    border-bottom: 0;
  }
  .nav.nav-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .nav.nav-tabs::before,
  .nav.nav-tabs::after {
    display: none;
  }
  .nav.nav-tabs > li {
    display: flex;
    float: none;
    line-height: 0;
    margin: 0 0 12px;
  }
  .nav.nav-tabs > li > a {
    display: block;
    width: 100%;
    background: transparent;
    border: 1px solid #000000;
    margin: 0 6px;
    padding: 17px 34px;
    border-radius: 0;
    color: #000000;
    transition: all 0.3s;
  }
  .nav.nav-tabs > li > a:focus,
  .nav.nav-tabs > li > a:hover {
    background: #33a7b5;
    border-color: transparent;
    color: #ffffff;
  }
  .nav.nav-tabs > li.active > a,
  .nav.nav-tabs > li.active > a:hover,
  .nav.nav-tabs > li.active > a:focus {
    background: #33a7b5;
    border-color: transparent;
    color: #ffffff;
  }
  .color-scheme-2 .nav.nav-tabs > li > a {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.7);
    color: #ffffff;
  }
  .color-scheme-2 .nav.nav-tabs > li > a:focus,
  .color-scheme-2 .nav.nav-tabs > li > a:hover {
    background: #ffffff;
    border-color: transparent;
    color: #000000;
  }
  .color-scheme-2 .nav.nav-tabs > li.active > a,
  .color-scheme-2 .nav.nav-tabs > li.active > a:hover,
  .color-scheme-2 .nav.nav-tabs > li.active > a:focus {
    background: #ffffff;
    border-color: transparent;
    color: #000000;
  }
}

/**
* Content Roll
*/

.fsn-content-roll .content-roll-item-image-wrap {
  display: block;
  position: relative;
  overflow: hidden;
}
.fsn-content-roll .content-roll-item-image-wrap img {
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transition: -moz-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.fsn-content-roll
  .content-roll-item-wrap:hover
  .content-roll-item-image-wrap
  img {
  -moz-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
  transform-origin: 50% 50%;
}
.fsn-content-roll .content-roll-item-image-wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fsn-content-roll
  .content-roll-item-wrap:hover
  .content-roll-item-image-wrap::after {
  opacity: 1;
}
.fsn-content-roll .container {
  width: auto;
  padding: 0;
}
.ajax-content-roll-container .content-roll-header {
  text-align: center;
}
.content-roll-item .content-roll-item-content {
  padding: 10px 15px 30px;
  text-align: center;
}
.fsn-content-roll .content-roll-item-wrap > a {
  text-decoration: none;
}
.fsn-content-roll .event-date {
  display: block;
  margin-bottom: 20px;
}
.content-roll-item-content p {
  margin-top: 15px;
  color: #000000;
}

@media (max-width: 767px) {
  .ajax-content-roll-container .content-roll-header {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .simple-filter-group .simple-filter-term > span {
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    background: transparent;
    color: #000000;
  }
  .simple-filter-group .simple-filter-term.expanded > span {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .simple-filter-group .simple-filter-term.active {
    background: #33a7b5;
  }
  .simple-filter-group .simple-filter-term.active > span {
    color: #ffffff;
  }
  .simple-filter-group .simple-filter-term.active > span:after {
    border: 0;
    width: 14px;
    height: 14px;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    background: url("images/icons/light/chevron-down.svg") no-repeat center
      center;
    background-size: 14px 14px;
  }
  .simple-filter-group .simple-filter-term.active.open > span:after {
    top: 50%;
    background-image: url("images/icons/light/chevron-up.svg");
  }
}

@media (min-width: 768px) {
  .content-roll-filters-container .container {
    width: auto;
    padding: 0;
  }
  .content-roll-filters-container .container > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .content-roll-filters-container .container > .row > .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .content-roll-item.grid.col-sm-4 {
    width: 33.33%;
  }
  .ajax-content-roll-container .content-roll-header {
    margin: 0 auto 20px;
    padding: 0;
    border: none;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .simple-filter-group .simple-filter-term {
    position: relative;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    border: none;
    border-radius: 0;
    margin: 0 24px;
    padding: 17px 34px;
    background: transparent;
    color: #000000;
  }
  .simple-filter-group .simple-filter-term:focus,
  .simple-filter-group .simple-filter-term:hover {
    background: transparent;
    color: #33a7b5;
  }
  .simple-filter-group .simple-filter-term.active,
  .simple-filter-group .simple-filter-term:focus,
  .simple-filter-group .simple-filter-term:hover {
    background: transparent;
    border: none;
    color: #33a7b5;
  }
  .simple-filter-group .simple-filter-term:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 20px;
    left: 0;
    background: #33a7b5;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .simple-filter-group .simple-filter-term:focus:after,
  .simple-filter-group .simple-filter-term:hover:after {
    opacity: 0.7;
  }
  .simple-filter-group .simple-filter-term.active:after,
  .simple-filter-group .simple-filter-term.active:focus:after,
  .simple-filter-group .simple-filter-term.active:hover:after {
    opacity: 1;
  }
  .ajax-content-roll-items-container {
    margin-top: 60px;
  }
  .content-roll-item .content-roll-item-content {
    padding: 20px 15px;
  }
}

/**
* Menu : Inline
*/

@media (max-width: 767px) {
  .fsn-menu.inline .list-inline {
    margin-left: 0;
  }
  .fsn-menu.inline .btn.btn-link {
    display: inline-block;
    width: auto;
  }
}

/**
* Menu : Inline : Social
*/

.fsn-menu.inline.social .list-inline > li > a,
.fsn-menu.inline.social .list-inline > li > button {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  text-align: center;
  line-height: 1;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.fsn-menu.inline.social .list-inline {
  margin-left: -4px;
  margin-right: -4px;
}
.fsn-menu.inline.social .list-inline > li {
  padding-left: 4px;
  padding-right: 4px;
}
.fsn-menu.inline.social .list-inline > li > a:hover {
  opacity: 0.9;
}
.fsn-menu.inline.social .list-inline > li.facebook > a:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("images/icons/light/social-facebook.svg") no-repeat center
    center;
  background-size: 10px 20px;
}
.fsn-menu.inline.social .list-inline > li.instagram > a:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("images/icons/light/social-instagram.svg") no-repeat center
    center;
  background-size: 20px 20px;
}
.fsn-menu.inline.social .list-inline > li.twitter > a:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("images/icons/light/social-twitter.svg") no-repeat center
    center;
  background-size: 20px 20px;
}

@media (max-width: 767px) {
  .fsn-menu.inline.social .list-inline > li {
    display: inline-block;
  }
}

/**
* Footer
*/

body > footer {
  font-size: 16px;
}

/**
* Ticker
*/

.fsn-ticker {
  font-family: "griffith-gothic", sans-serif;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

/**
 * Menu : WP Custom
 */

.fsn-menu.wp_custom a {
  transition: color 0.3s;
  text-decoration: none;
}
.fsn-menu.wp_custom .current-menu-item > a,
.fsn-menu.wp_custom .current-cat > a,
.fsn-menu.wp_custom .current-filter > a {
  color: #ffffff;
}
footer .fsn-menu.wp_custom > ul {
  column-count: 2;
  column-gap: 12px;
}
footer .fsn-menu.wp_custom > ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .fsn-menu.wp_custom > ul > li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  padding-top: 6px;
  padding-bottom: 6px;
}

/**
* Menu : Mobile Footer
*/

@media (max-width: 767px) {
  .fsn-menu.mobile_footer {
    background: #33a7b5;
    border: 1px solid #fff;
    width: auto;
    bottom: 25px;
    left: 15px;
    right: 15px;
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: all 0.3s;
  }
  .fsn-menu.mobile_footer.in {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.3s;
  }
  .fsn-menu.mobile_footer ul {
    margin-left: 0;
  }
  .fsn-menu.mobile_footer ul li {
    display: block;
  }
  .mobile-footer a:not(.btn),
  .mobile-footer button {
    display: block;
    width: 100%;
    position: relative;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    border: 0;
    text-transform: none;
    text-align: center;
    text-decoration: none;
    margin: 0;
    padding: 15px 30px;
  }
  .mobile-footer a:focus,
  .mobile-footer a:hover,
  .mobile-footer button:focus,
  .mobile-footer button:hover {
    color: #ffffff;
  }
  #mobile-back-to-top {
    display: none !important;
  }
}

/**
* Blog
*/

.post-header {
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
  text-align: center;
}
.post-header .wp-post-image {
  margin-top: 60px;
  width: 100%;
  height: auto;
}
.post-body {
  padding-top: 60px;
  padding-bottom: 60px;
}
.post-body img {
  max-width: 100%;
  height: auto;
}
.post-metadata {
  font-size: 16px;
}
.post-metadata a {
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  padding: 2px 10px;
  background: #33a7b5;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s;
}
.post-metadata a:focus,
.post-metadata a:hover {
  background: #2e96a3;
  color: #ffffff;
}
.post-footer .post-back a,
.post-footer .social-sharing-title {
  font-weight: 400;
  font-style: normal;
}
.post-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.fsn-social-sharing a.social-sharing-item {
  text-decoration: none;
}
.post-footer .post-back a {
  text-decoration: none;
  position: relative;
  padding-left: 30px;
}
.post-footer .post-back a::before {
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 4px;
  z-index: 1;
  background: url("images/icons/primary/arrow-left.svg") no-repeat center center;
  background-size: 19px 19px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s;
}
.post-footer .post-back a:focus::before,
.post-footer .post-back a:hover::before {
  transform: translate3d(-4px, 0, 0);
}
.wp-block-image,
.wp-block-buttons {
  margin: 30px 0;
}
.post-body .post-thumbnail {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .post-footer {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .post-share {
    margin-top: 30px;
  }
  .post-component {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) {
  .post-header {
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .post-metadata {
    font-size: 22px;
  }
  .post-header .wp-post-image {
    margin-top: 120px;
    width: 100%;
    height: auto;
  }
  .post-body {
    padding-top: 120px;
    padding-bottom: 100px;
  }
  .post-back,
  .post-share {
    width: 50%;
    float: left;
    padding: 39px 0;
  }
  .post-share {
    text-align: right;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding: 37px 0;
  }
  .wp-block-image {
    margin: 50px 0;
  }
  .entry-title:before {
    margin-bottom: 50px;
  }
  .post-body .post-thumbnail {
    margin-bottom: 60px;
  }
}

/**
* Notifications : Modal
*/

.fsn-notifications.modal_window .notifications-modal-controls {
  background: #33a7b5;
}
.fsn-notifications.modal_window .notification-modal-title {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
.fsn-notifications.modal_window
  .notifications-modal-controls
  .flex-direction-nav
  .flex-nav-prev {
  border-right-color: rgba(255, 255, 255, 0.1);
}
.fsn-notifications.modal_window
  .notifications-modal-controls
  .flex-direction-nav
  .flex-nav-next {
  border-left-color: rgba(255, 255, 255, 0.1);
}
.fsn-notifications.modal_window .flex-direction-nav .flex-prev,
.fsn-notifications.modal_window .flex-direction-nav .flex-next {
  background-image: none !important;
  border-radius: 0;
}
.fsn-notifications.modal_window .flex-direction-nav a.flex-prev:after {
  width: 100%;
  height: 100%;
  background-image: url("images/icons/light/arrow-left.svg");
}
.fsn-notifications.modal_window .flex-direction-nav a.flex-next:after {
  width: 100%;
  height: 100%;
  background-image: url("images/icons/light/arrow-right.svg");
}
.fsn-notifications.modal_window .notifications-modal-items .close {
  background-image: url("images/icons/light/x.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
}
.fsn-notifications.modal_window
  .notifications-modal-items
  .close
  .material-icons {
  display: none;
}

@media (max-width: 767px) {
  .fsn-notifications.modal_window
    .notifications-modal-controls
    .flex-direction-nav {
    width: auto;
    height: 70px;
    position: relative;
    margin: 0;
    bottom: auto;
    left: auto;
  }
}

/**
* Notification : Popover/Cookie
*/

.fsn-notifications.notifications-popover {
  font-size: 14px;
}
.notifications-popover .notification-content {
  text-align: center;
  padding: 15px;
}
.notifications-popover .notification-content .h3 {
  margin-top: 0;
}
.notifications-popover .notification-content .btn {
  margin-top: 10px;
}
.fsn-notifications.notifications-popover .popover-close {
  width: 48px;
  height: 48px;
  background: url("images/icons/dark/x.svg") no-repeat center center;
  background-size: 32px 32px;
  opacity: 0.7;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fsn-notifications.notifications-popover .popover-close .material-icons {
  display: none;
}
.fsn-notifications.notifications-popover .popover-close:focus,
.fsn-notifications.notifications-popover .popover-close:hover {
  opacity: 1;
}

@media (min-width: 768px) {
  .fsn-notifications.notifications-popover {
    width: 480px;
    font-size: 16px;
    right: auto;
    left: 40px;
  }
}

/**
* Notifications : Bar Inline
*/

.fsn-notifications.bar_inline {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.fsn-notifications.bar_inline {
  height: auto;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  background: #33a7b5;
  min-height: 40px;
}
.fsn-notifications.bar_inline.dismissed {
  height: auto;
}
.fsn-notifications.bar_inline.putaway {
  min-height: 0;
  border: 0;
}
.fsn-notifications.bar_inline .notifications-bar-inline-items.flexslider {
  transition: opacity 0.3s;
}
.fsn-notifications.bar_inline .slides {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.fsn-notifications.bar_inline .notifications-bar-inline-controls {
  width: 80px;
  right: 40px;
}
.fsn-notifications.bar_inline .notifications-bar-inline-controls.disabled {
  display: none;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav {
  padding: 0;
  margin: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 100%;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  .flex-nav-prev,
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  .flex-nav-next {
  border-left-color: rgba(0, 0, 0, 0.1);
  width: 40px;
  height: 100%;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  .flex-nav-next {
  border-right-color: rgba(0, 0, 0, 0.1);
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  .flex-prev:after,
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  .flex-next:after {
  width: 40px;
  height: 100%;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  a {
  border-radius: 0;
  border: 0;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  .flex-prev,
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  .flex-next {
  background: none;
  width: 40px;
  height: 100%;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  .flex-prev {
  left: 0;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-controls
  .flex-direction-nav
  .flex-next {
  right: 0;
}
.fsn-notifications.bar_inline .flex-direction-nav a.flex-prev:after {
  width: 100%;
  height: 100%;
  background-image: url("images/icons/light/arrow-left.svg");
}
.fsn-notifications.bar_inline .flex-direction-nav a.flex-next:after {
  width: 100%;
  height: 100%;
  background-image: url("images/icons/light/arrow-right.svg");
}
.fsn-notifications.bar_inline .notifications-bar-inline-close {
  width: 40px;
  height: 100%;
  background-image: url("images/icons/light/x.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-close
  .close
  .material-icons {
  display: none;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-items.flexslider
  .slides
  .slide {
  padding-left: 15px;
  padding-right: 135px;
}
.fsn-notifications.bar_inline .fsn-notification {
  height: auto;
  line-height: 1.4285714286;
  padding: 10px 0;
  font-size: 12px;
  color: #ffffff;
}
.fsn-notifications.bar_inline .h6 {
  margin: 0 6px 0 0;
}
.fsn-notifications.bar_inline a {
  width: 100%;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}
.fsn-notifications.bar_inline a:hover {
  text-decoration: underline;
}
.fsn-notifications.bar_inline
  .notifications-bar-inline-items.flexslider
  .slides
  .slide {
  white-space: normal;
}
.fsn-notifications.bar_inline .notification-bar-headline {
  text-transform: uppercase;
}

@media (max-width: 767px) {
  header .fsn-notification-container {
    margin-left: -15px;
    margin-right: -15px;
  }
  .fsn-notifications.bar_inline {
    display: block;
    min-height: 55px;
  }
  .fsn-notifications.bar_inline .notification-bar-headline {
    display: block;
    color: #ffffff;
  }
}

@media (min-width: 768px) {
  .fsn-notifications.bar_inline {
    min-height: 50px;
  }
  .fsn-notifications.bar_inline.putaway {
    min-height: 0;
  }
  .fsn-notifications.bar_inline .notifications-bar-inline-controls {
    width: 100px;
    right: 50px;
  }
  .fsn-notifications.bar_inline
    .notifications-bar-inline-controls
    .flex-direction-nav {
    width: 100px;
  }
  .fsn-notifications.bar_inline
    .notifications-bar-inline-controls
    .flex-direction-nav
    .flex-nav-prev,
  .fsn-notifications.bar_inline
    .notifications-bar-inline-controls
    .flex-direction-nav
    .flex-nav-next {
    width: 50px;
  }
  .fsn-notifications.bar_inline
    .notifications-bar-inline-controls
    .flex-direction-nav
    .flex-prev {
    width: 50px;
    left: 0;
  }
  .fsn-notifications.bar_inline
    .notifications-bar-inline-controls
    .flex-direction-nav
    .flex-next {
    width: 50px;
  }
  .fsn-notifications.bar_inline
    .notifications-bar-inline-controls
    .flex-direction-nav
    .flex-prev:after,
  .fsn-notifications.bar_inline
    .notifications-bar-inline-controls
    .flex-direction-nav
    .flex-next:after {
    width: 50px;
    background-size: 24px 24px;
  }
  .fsn-notifications.bar_inline .notifications-bar-inline-close {
    width: 50px;
  }
  .fsn-notifications.bar_inline
    .notifications-bar-inline-items.flexslider
    .slides
    .slide {
    padding-left: 40px;
    padding-right: 186px;
  }
  .fsn-notifications.bar_inline .fsn-notification {
    padding: 14px 0 16px;
    line-height: 1.42857143;
  }
  .fsn-notifications.bar_inline .notification-bar-headline {
    display: inline-block;
    margin-right: 15px;
  }
}

/**
* Notifications : Bar
*/

.fsn-notifications.bar {
  background: #33a7b5;
}
.fsn-notifications.bar h5 {
  border-right-color: rgba(255, 255, 255, 0.1);
}
.fsn-notifications.bar
  .notifications-bar-controls
  .flex-direction-nav
  .flex-nav-prev {
  border-left-color: rgba(255, 255, 255, 0.1);
}
.fsn-notifications.bar
  .notifications-bar-controls
  .flex-direction-nav
  .flex-nav-next {
  border-left-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(255, 255, 255, 0.1);
}
.fsn-notifications.bar .flex-direction-nav .flex-prev,
.fsn-notifications.bar .flex-direction-nav .flex-next {
  background-image: none !important;
  border-radius: 0;
}
.fsn-notifications.bar .flex-direction-nav a.flex-prev:before,
.fsn-notifications.bar .flex-direction-nav a.flex-next:before {
  width: 70px;
  height: 70px;
}
.fsn-notifications.bar .flex-direction-nav a.flex-prev:after {
  width: 100%;
  height: 100%;
  background-image: url("images/icons/light/arrow-left.svg");
}
.fsn-notifications.bar .flex-direction-nav a.flex-next:after {
  width: 100%;
  height: 100%;
  background-image: url("images/icons/light/arrow-right.svg");
}
.fsn-notifications.bar .notifications-bar-close {
  background-image: url("images/icons/light/x.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
}
.fsn-notifications.bar.putaway .notifications-bar-close {
  background-image: url("images/icons/light/plus.svg");
}
.fsn-notifications.bar .notifications-bar-close .close .material-icons {
  display: none;
}

/**
* Notifications : Floating Footer
*/

.fsn-notifications.floating_footer {
  background: #33a7b5;
}
.fsn-notifications.floating_footer h5 {
  border-right-color: rgba(255, 255, 255, 0.1);
}
.fsn-notifications.floating_footer
  .notifications-floating-footer-controls
  .flex-direction-nav
  .flex-nav-prev {
  border-left-color: rgba(255, 255, 255, 0.1);
}
.fsn-notifications.floating_footer
  .notifications-floating-footer-controls
  .flex-direction-nav
  .flex-nav-next {
  border-left-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(255, 255, 255, 0.1);
}
.fsn-notifications.floating_footer .flex-direction-nav .flex-prev,
.fsn-notifications.floating_footer .flex-direction-nav .flex-next {
  background-image: none !important;
  border-radius: 0;
}
.fsn-notifications.floating_footer .flex-direction-nav a.flex-prev:before,
.fsn-notifications.floating_footer .flex-direction-nav a.flex-next:before {
  width: 70px;
  height: 70px;
}
.fsn-notifications.floating_footer .flex-direction-nav a.flex-prev:after {
  width: 100%;
  height: 100%;
  background-image: url("images/icons/light/arrow-left.svg");
}
.fsn-notifications.floating_footer .flex-direction-nav a.flex-next:after {
  width: 100%;
  height: 100%;
  background-image: url("images/icons/light/arrow-right.svg");
}
.fsn-notifications.floating_footer .notifications-floating-footer-close {
  background-image: url("images/icons/light/x.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
}
.fsn-notifications.floating_footer.putaway
  .notifications-floating-footer-close {
  background-image: url("images/icons/light/plus.svg");
}
.fsn-notifications.floating_footer
  .notifications-floating-footer-close
  .close
  .material-icons {
  display: none;
}

/**
* Modals
*/

.component.modal > .modal-component-inner {
  margin: 60px 15px;
  box-shadow: none;
  background: #ffffff;
}
.component.modal .close {
  text-shadow: none;
  position: absolute;
  top: -24px;
  right: -24px;
  width: 48px;
  height: 48px;
  color: #000000;
  opacity: 1;
  border-radius: 50%;
  background: #fff url("images/icons/dark/x.svg") no-repeat center center;
  background-size: 32px 32px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  font-weight: 400;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.component.modal .close .material-icons {
  display: none;
}
.component.modal .close:focus,
.component.modal .close:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.24);
  outline: none;
}

@media (min-width: 768px) {
  .component.modal .close {
    opacity: 1;
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
  }
  .component.modal > .modal-component-inner {
    margin: 100px auto 0;
    width: auto;
    max-width: 700px;
  }
}

@media (min-width: 992px) {
  .component.modal > .modal-component-inner {
    max-width: 890px;
  }
}

@media (min-width: 1200px) {
  .component.modal > .modal-component-inner {
    max-width: 960px;
  }
}

/**
* Fixed Button
*/

@media (max-width: 767px) {
  #fixed-button {
    display: none;
  }
}

@media (min-width: 768px) {
  #fixed-button {
    position: fixed;
    bottom: 30px;
    height: 70px;
    width: auto;
    float: right;
    margin-right: 48px;
    overflow: hidden;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition:
      z-index 0s 0.75s,
      opacity 0s 0.75s;
  }
  #fixed-button.in {
    z-index: 50;
    opacity: 1;
    transition:
      z-index 0s,
      opacity 0s;
  }
  #fixed-button .btn {
    -ms-transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0);
    transition: transform 0.75s cubic-bezier(0.34, 0.615, 0.4, 0.985);
  }
  #fixed-button.in .btn {
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.24);
  }
  #fixed-button.stopped {
    display: none;
  }
}

/**
 * Advanced Animation : Modals
 */

.modal-backdrop {
  display: none !important;
}
.component.modal:before,
.fsn-notifications.modal_window .modal:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #33a7b5;
  opacity: 0.95;
}
.component.modal:before,
.fsn-notifications.modal_window .modal:before {
  transform: scaleY(0);
  transform-origin: center top;
  transition: transform 0.3s cubic-bezier(0.65, 0.025, 0.67, 0.36);
}
.component.modal.in:before,
.fsn-notifications.modal_window .modal.in:before {
  transform: scaleY(1);
  transition: transform 0.5s cubic-bezier(0.34, 0.615, 0.4, 0.985);
}
.component.modal > .modal-component-inner,
.fsn-notifications.modal_window .modal-dialog {
  opacity: 0;
  transform: translateY(3rem);
  transition:
    opacity 0.3s cubic-bezier(0.65, 0.025, 0.67, 0.36),
    transform 0.3s cubic-bezier(0.65, 0.025, 0.67, 0.36);
}
.component.modal.in > .modal-component-inner,
.fsn-notifications.modal_window .modal.in .modal-dialog {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.5s,
    transform 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.5s;
}
.component.modal .close,
.fsn-notifications.modal_window .notifications-modal-items .close {
  opacity: 0;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.component.modal.in .close,
.fsn-notifications.modal_window .modal.in .notifications-modal-items .close {
  opacity: 0.8;
  transition: opacity 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.8s;
}
.component.modal .close:focus,
.component.modal .close:hover,
.fsn-notifications.modal_window .notifications-modal-items .close:focus,
.fsn-notifications.modal_window .notifications-modal-items .close:hover {
  opacity: 1;
}

/**
* Advanced Animation : Modal Menu
*/

#menu-modal {
  background: transparent;
  display: none;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  transition:
    opacity 0s,
    z-index 0s,
    display 0s;
  transition-delay: 0.9s;
}
#menu-modal.animating {
  display: block !important;
}
.menu-modal-open #menu-modal {
  opacity: 1;
  pointer-events: all;
  z-index: 1050;
  transition-delay: 0s;
}
#menu-modal .modal-dialog {
  background: transparent;
}
#menu-modal .modal-dialog,
#menu-modal .menu-modal-controls,
#menu-modal .multi-col-nav-container,
#menu-modal .modal-dialog:after {
  z-index: 1;
}
#menu-modal .menu-modal-controls {
  z-index: 1051;
}
#menu-modal .menu-modal-controls .close {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.65, 0.025, 0.67, 0.36) 0.5s;
  transition-duration: 0.3s;
}
#menu-modal.do-animation .menu-modal-controls .close {
  opacity: 1;
  transition: opacity 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.3s;
}
#menu-modal .menu-modal-bg-solid {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
  background: #33a7b5;
  transform: scaleX(0);
  transform-origin: left center;
  transition:
    transform 0.5s cubic-bezier(0.65, 0.025, 0.67, 0.36) 0.3s,
    opacity 0s 0.8s;
}
#menu-modal.do-animation .menu-modal-bg-solid {
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.34, 0.615, 0.4, 0.985);
}
#menu-modal .menu-modal-controls .menu-button {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.3s;
}
#menu-modal.do-animation .menu-modal-controls .menu-button {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.65, 0.025, 0.67, 0.36) 0.5s;
}
#menu-modal .multi-col-nav-column {
  opacity: 0;
  transform: translateY(3rem);
  transition:
    opacity 0.6s cubic-bezier(0.65, 0.025, 0.67, 0.36),
    transform 0.6s cubic-bezier(0.65, 0.025, 0.67, 0.36);
  transition-duration: 0.3s;
}
#menu-modal.do-animation .multi-col-nav-column {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985),
    transform 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985);
}

@media (max-width: 767px) {
  #menu-modal-monogram {
    display: none;
  }
  #menu-modal .menu-logo {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.3s;
  }
  #menu-modal.do-animation .menu-logo {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.65, 0.025, 0.67, 0.36) 0.2s;
  }
}

@media (min-width: 768px) {
  #menu-modal .menu-modal-bg-solid {
    transform-origin: left center;
    transition:
      transform 0.3s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.6s,
      opacity 0s 0.9s;
  }
  #menu-modal.do-animation .menu-modal-bg-solid {
    transition:
      transform 0.5s cubic-bezier(0.65, 0.025, 0.67, 0.36),
      opacity 0s;
  }
  #menu-modal .menu-modal-bg-image {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    overflow: hidden;
    z-index: 0;
    opacity: 0;
    will-change: opacity;
    background-image: url("images/menu-modal-bg.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    transition: opacity 0.55s cubic-bezier(0.65, 0.025, 0.67, 0.36) 0.05s;
  }
  #menu-modal.do-animation .menu-modal-bg-image {
    opacity: 1;
    transition: opacity 0.8s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.5s;
  }
  #menu-modal.do-animation .multi-col-nav-column:first-child {
    transition-delay: 0.175s;
  }
  #menu-modal.do-animation .multi-col-nav-column:nth-child(2) {
    transition-delay: 0.55s;
  }
  #menu-modal.do-animation .multi-col-nav-column:nth-child(3) {
    transition-delay: 0.925s;
  }
}

/**
* Inline Animation : Logo
*/

.fsn-inline-animation.in .asbury-logo-inline .text-the {
  -webkit-transform: translate(-20px, 0px);
  -ms-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
  -webkit-animation: showIn 1s ease-out 2.8s forwards;
  animation: showIn 1s ease-out 2.8s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-at {
  -webkit-transform: translate(0px, 15px);
  -ms-transform: translate(0px, 15px);
  transform: translate(0px, 15px);
  -webkit-animation: showIn 0.8s ease-out 3s forwards;
  animation: showIn 0.8s ease-out 3s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-hotel {
  -webkit-transform: translate(0px, 15px);
  -ms-transform: translate(0px, 15px);
  transform: translate(0px, 15px);
  -webkit-animation: showIn 0.8s ease-out 3s forwards;
  animation: showIn 0.8s ease-out 3s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(1) {
  -webkit-animation: drawIn 0.36s ease-in 0.1s forwards;
  animation: drawIn 0.36s ease-in 0.1s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(2) {
  -webkit-animation: drawIn 0.28s ease-out 0.46s forwards;
  animation: drawIn 0.28s ease-out 0.46s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(3) {
  -webkit-animation: drawIn 0.23s linear 0.7s forwards;
  animation: drawIn 0.23s linear 0.7s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(4) {
  -webkit-animation: drawIn 0.17s linear 0.94s forwards;
  animation: drawIn 0.17s linear 0.94s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(5) {
  -webkit-animation: drawIn 0.13s linear 1.1s forwards;
  animation: drawIn 0.13s linear 1.1s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(6) {
  -webkit-animation: drawIn 0.13s linear 1.24s forwards;
  animation: drawIn 0.13s linear 1.24s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(7) {
  -webkit-animation: drawIn 0.4s linear 1.39s forwards;
  animation: drawIn 0.4s linear 1.39s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(8) {
  -webkit-animation: drawIn 0.34s ease-in 1.8s forwards;
  animation: drawIn 0.34s ease-in 1.8s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(9) {
  -webkit-animation: drawIn 0.24s ease-out 2.13s forwards;
  animation: drawIn 0.24s ease-out 2.13s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(10) {
  -webkit-animation: drawIn 0.24s linear 2.95s forwards;
  animation: drawIn 0.24s linear 2.95s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(11) {
  -webkit-animation: drawIn 0.36s ease-in 2.3s forwards;
  animation: drawIn 0.36s ease-in 2.3s forwards;
}

.fsn-inline-animation.in .asbury-logo-inline .text-lines > path:nth-child(12) {
  -webkit-animation: drawIn 0.36s ease-out 2.66s forwards;
  animation: drawIn 0.36s ease-out 2.66s forwards;
}

@-webkit-keyframes drawIn {
  to {
    stroke-dashoffset: 0px;
  }
}

@keyframes drawIn {
  to {
    stroke-dashoffset: 0px;
  }
}

@-webkit-keyframes showIn {
  to {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
  }
}

@keyframes showIn {
  to {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
  }
}

/**
* Masthead Animation : Logo
*/

.masthead-item-logo {
  display: none;
}
.asbury-logo-masthead {
  max-width: 660px;
  height: auto;
  width: 100%;
}
.asbury-logo-masthead #text-the {
  -webkit-transform: translate(-20px, 0px);
  -ms-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
  -webkit-animation: showIn 1s ease-out 2.8s forwards;
  animation: showIn 1s ease-out 2.8s forwards;
}

.asbury-logo-masthead #text-at {
  -webkit-transform: translate(0px, 15px);
  -ms-transform: translate(0px, 15px);
  transform: translate(0px, 15px);
  -webkit-animation: showIn 0.8s ease-out 3s forwards;
  animation: showIn 0.8s ease-out 3s forwards;
}

.asbury-logo-masthead #text-hotel {
  -webkit-transform: translate(0px, 15px);
  -ms-transform: translate(0px, 15px);
  transform: translate(0px, 15px);
  -webkit-animation: showIn 0.8s ease-out 3s forwards;
  animation: showIn 0.8s ease-out 3s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(1) {
  -webkit-animation: drawIn 0.36s ease-in 0.1s forwards;
  animation: drawIn 0.36s ease-in 0.1s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(2) {
  -webkit-animation: drawIn 0.28s ease-out 0.46s forwards;
  animation: drawIn 0.28s ease-out 0.46s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(3) {
  -webkit-animation: drawIn 0.23s linear 0.7s forwards;
  animation: drawIn 0.23s linear 0.7s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(4) {
  -webkit-animation: drawIn 0.17s linear 0.94s forwards;
  animation: drawIn 0.17s linear 0.94s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(5) {
  -webkit-animation: drawIn 0.13s linear 1.1s forwards;
  animation: drawIn 0.13s linear 1.1s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(6) {
  -webkit-animation: drawIn 0.13s linear 1.24s forwards;
  animation: drawIn 0.13s linear 1.24s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(7) {
  -webkit-animation: drawIn 0.4s linear 1.39s forwards;
  animation: drawIn 0.4s linear 1.39s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(8) {
  -webkit-animation: drawIn 0.34s ease-in 1.8s forwards;
  animation: drawIn 0.34s ease-in 1.8s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(9) {
  -webkit-animation: drawIn 0.24s ease-out 2.13s forwards;
  animation: drawIn 0.24s ease-out 2.13s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(10) {
  -webkit-animation: drawIn 0.24s linear 2.95s forwards;
  animation: drawIn 0.24s linear 2.95s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(11) {
  -webkit-animation: drawIn 0.36s ease-in 2.3s forwards;
  animation: drawIn 0.36s ease-in 2.3s forwards;
}

.asbury-logo-masthead #text-lines > path:nth-child(12) {
  -webkit-animation: drawIn 0.36s ease-out 2.66s forwards;
  animation: drawIn 0.36s ease-out 2.66s forwards;
}
