/* 
Theme Name: Fusion Base : Child Theme
Theme URI: http://agencydominion.com
Description: A Fusion Child theme
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-base
*/

body {
  font-weight: 400;
  font-style: normal;
}
.color-scheme-2 {
  background: #212322;
  color: #fff;
}
h1,
.h1,
h2,
.h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
blockquote,
.blockquote {
  font-family: "adobe-handwriting-ernie", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 39.81px;
  border: 0;
  margin: 20px 0;
  padding: 0;
  line-height: 1.1;
}

@media (min-width: 768px) {
  .full-width-container {
    width: 100%;
    padding-left: 11px;
    padding-right: 11px;
  }
  body {
    font-size: 18px;
  }
  h1,
  .h1 {
    font-size: 53.75px;
  }
  h2,
  .h2 {
    font-size: 44.79px;
  }
  h3,
  .h3 {
    font-size: 37.32px;
  }
  h4,
  .h4 {
    font-size: 31.1px;
  }
  h5,
  .h5 {
    font-size: 25.92px;
  }
  h6,
  .h6 {
    font-size: 21.6px;
  }
  blockquote,
  .blockquote {
    font-size: 44.79px;
  }
}

.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: #fff;
}
a:not(.btn) {
  text-decoration: underline;
}
.color-scheme-2 a:not(.btn) {
  color: #fff;
  text-decoration: underline;
}
.color-scheme-2 a:not(.btn):focus,
.color-scheme-2 a:not(.btn):hover {
  color: #a7a8a9;
}

/**
* Images
*/

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

/**
* Buttons
*/

.btn {
  font-family: josefin-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.02em;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  line-height: 1.25;
  border-width: 2px;
  white-space: normal;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-link {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .btn.btn-lg {
    padding: 22px 40px;
    font-size: 18px;
    line-height: 1.11111111;
  }
  .btn.btn-lg.btn-link {
    padding-left: 0;
    padding-right: 0;
  }
}
.btn-default::before,
.btn-primary::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, #68644e 50%, #7a755c 50%);
}
.btn-primary::before {
  background: linear-gradient(to right, #7a755c 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: 2px;
  position: absolute;
  bottom: 6px;
  left: 0;
  background: #7a755c;
  transform: scaleX(1);
  transform-origin: left;
}
.btn-lg.btn-link::before {
  bottom: 12px;
}
.color-scheme-2 .btn-link::before {
  background: #fff;
}
.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: #7a755c;
  border-color: #68644e;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus:active,
.btn-primary.active {
  background-color: transparent;
  border-color: #7a755c;
  color: #ffffff;
}
.btn-link,
.btn-link:focus,
.btn-link.focus,
.btn-link:hover,
.btn-link:active,
.btn-link:focus:active,
.btn-link.active {
  color: #7a755c;
  text-decoration: none;
}
.color-scheme-2 .btn-default {
  background-color: #7a755c;
  border-color: #7a755c;
}
.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: #7a755c;
  border-color: #68644e;
}
.color-scheme-2 .btn-primary {
  background-color: transparent;
  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: #212322;
}
.color-scheme-2 .btn-link,
.color-scheme-2 .btn-link:focus,
.color-scheme-2 .btn-link.focus,
.color-scheme-2 .btn-link:hover,
.color-scheme-2 .btn-link:active,
.color-scheme-2 .btn-link:focus:active,
.color-scheme-2 .btn-link.active {
  color: #fff;
  text-decoration: none;
}
.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;
}
.wpcf7-acceptance label {
  text-transform: none;
}
.form-control {
  line-height: 1.25;
  box-shadow: none;
  padding-left: 12px;
  padding-right: 12px;
  height: 56px;
  font-size: 16px;
}
.form-control:focus {
  box-shadow: none;
  background-color: #fff;
}
select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("images/icons/dark/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 14px 14px;
}
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  line-height: 20px;
}
input::-webkit-datetime-edit-year-field,
input::-webkit-datetime-edit-month-field,
input::-webkit-datetime-edit-day-field,
input::-webkit-datetime-edit-hour-field,
input::-webkit-datetime-edit-minute-field,
input::-webkit-datetime-edit-second-field,
input::-webkit-datetime-edit-millisecond-field,
input::-webkit-datetime-edit-meridiem-field {
  color: inherit;
}
.input-group-addon {
  background: transparent;
  border-radius: 0;
  padding-left: 24px;
  padding-right: 0;
}
.input-group .input-group-addon + .form-control {
  border-left: 0;
}
select.form-control::-ms-expand,
.form-control::-ms-clear {
  display: none;
}
.form-control-feedback {
  height: 80px;
  line-height: 80px;
}
span.wpcf7-not-valid-tip {
  color: #b30000;
}
.wpcf7-form-control.wpcf7-checkbox {
  display: block;
}
.wpcf7-form-control.wpcf7-checkbox > span {
  display: block;
}
.wpcf7-form.submitting {
  opacity: 0.5;
  pointer-events: none;
}
legend {
  font-size: 33.18px;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  line-height: 1.1;
  color: inherit;
  border-bottom: none;
}

@media (min-width: 768px) {
  legend {
    font-size: 37.32px;
  }
  .wpcf7-form-control.wpcf7-checkbox {
    column-count: 2;
    column-gap: 12px;
  }
}

/**
* Dividers
*/

.fsn-divider 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 {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.color-scheme-2 .fsn-divider-vertical {
  background: rgba(255, 255, 255, 0.2);
}

/**
* List Markers
*/

.fsn-text ul li,
.fsn-site-map ul li,
.post-body ul li {
  list-style-type: none;
  position: relative;
  padding: 6px 0;
}
.fsn-text ul li:before,
.fsn-site-map ul li:before,
.post-body ul li:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-style: solid;
  border-color: #7a755c;
  border-width: 0 2px 2px 0;
  margin-top: 9px;
  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);
}

/**
* Menu : Layered
*/

.fsn-menu.layered .navbar-nav > li > a {
  font-family: josefin-sans, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

@media (max-width: 767px) {
  .fsn-menu.layered .navbar-toggle .icon-collapsed {
    background-image: url("images/icons/dark/menu.svg");
  }
  .fsn-menu.layered .navbar-toggle .icon-collapse {
    background-image: url("images/icons/dark/x.svg");
  }
  .fsn-menu.layered .navbar-nav > li > a {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .fsn-menu.layered .menu-container {
    padding-bottom: 0;
  }
  .fsn-menu.layered .navbar {
    padding-top: 9px;
    padding-bottom: 9px;
    border-top-color: rgba(0, 0, 0, 0.1);
  }
  .fsn-menu.layered .list-inline.social-links {
    display: flex;
    align-items: center;
  }
  .fsn-menu.layered .list-inline.social-links a.instagram:after {
    background-image: url("images/icons/dark/social-instagram.svg");
  }
  .fsn-menu.layered .list-inline.social-links a.facebook:after {
    background-image: url("images/icons/dark/social-facebook.svg");
  }
}

/**
* Masthead
*/

.fsn-masthead .masthead-item-video-pause {
  display: none;
}

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

/**
* Introduction
*/

#introduction {
  padding-top: 40px;
  padding-bottom: 60px;
}

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

/**
* Card
*/

.fsn-card .card-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.fsn-card .card-image a 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: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-card .card-image a:focus:after,
.fsn-card .card-image a:hover:after {
  opacity: 1;
}
.card-content .btn:not(.btn-link) {
  margin-top: 30px;
}

/**
* Card : Basic
*/

.fsn-card.basic .card-image {
  padding: 9px;
  background: #ffffff;
  border: 1px solid #7a755c;
}
.color-scheme-2 .fsn-card.basic .card-image {
  background: #212322;
  border: 1px solid #fff;
}

@media (min-width: 768px) {
  .fsn-card.basic .card-content {
    padding-top: 20px;
  }
}

/**
* Card : Horizontal
*/

.fsn-card.horizontal .card-horizontal-video-pause {
  display: none;
}

/**
* Gallery : Instagram
*/

.button-instagram {
  display: inline-block;
  margin: -10px auto 0;
}
.button-instagram > a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 24px;
  height: 24px;
}
.button-instagram > a:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("images/icons/dark/social-instagram.svg") no-repeat center
    center;
  background-size: 20px 20px;
}
.color-scheme-2 .button-instagram > a:before {
  background-image: url("images/icons/light/social-instagram.svg");
}
.fsn-instagram-gallery {
  margin-left: -7px;
  margin-right: -7px;
  position: relative;
}
.fsn-instagram-gallery .instagram-item {
  padding: 7px;
  background: transparent;
}
.fsn-instagram-gallery .instagram-image {
  width: 100%;
  height: 0 !important;
  margin-left: 0;
  padding-bottom: 100%;
}

@media (min-width: 768px) {
  .fsn-instagram-gallery {
    margin-left: -11px;
    margin-right: -11px;
  }
  .fsn-instagram-gallery .instagram-item {
    padding: 11px;
  }
  .button-instagram {
    position: absolute;
    bottom: calc(10.27777778vw - 12px);
    left: calc(-8.33333333vw - 11px);
    padding-left: 36px;
    margin: 0;
  }
  .button-instagram:before {
    content: "";
    display: block;
    width: 28px;
    height: 1px;
    background: #7a755c;
    position: absolute;
    top: 50%;
    left: 0;
  }
  .color-scheme-2 .button-instagram:before {
    background: #ffffff;
  }
}

/**
* Menu : Inline
*/

.fsn-menu.inline .btn:not(.btn-link) {
  margin-bottom: 6px;
}

/**
* Menu : Inline : Social
*/

.fsn-menu.inline.social .list-inline > li > a {
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  text-align: center;
  line-height: 1;
  border-radius: 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.fsn-menu.inline.social .list-inline {
  margin-left: -6px;
  margin-right: -6px;
}
.fsn-menu.inline.social .list-inline > li {
  padding-left: 6px;
  padding-right: 6px;
}
.fsn-menu.inline.social a svg .icon-circle-1 {
  fill: none;
  stroke: rgba(0, 0, 0, 0.1);
}
.fsn-menu.inline.social a svg .icon-circle-2 {
  fill: none;
  stroke: #7a755c;
  stroke-dashoffset: 204;
  stroke-dasharray: 204;
  transition: all 0.4s linear;
  transform-origin: center;
}
.fsn-menu.inline.social a:hover svg .icon-circle-2 {
  stroke-dashoffset: 0;
  transition: all 0.6s linear;
}
.fsn-menu.inline.social .list-inline > li > a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.fsn-menu.inline.social .list-inline > li.facebook > a:after {
  background: url("images/icons/dark/social-facebook.svg") no-repeat center
    center;
  background-size: 10px 20px;
}
.fsn-menu.inline.social .list-inline > li.instagram > a:after {
  background: url("images/icons/dark/social-instagram.svg") no-repeat center
    center;
  background-size: 20px 20px;
}

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

@media (min-width: 768px) {
  .fsn-menu.inline.social .list-inline > li > a,
  .fsn-menu.inline.social .list-inline > li > a svg {
    width: 70px;
    height: 70px;
  }
  .fsn-menu.inline.social .list-inline > li {
    display: block;
    margin-top: 20px;
  }
  .fsn-menu.inline.social .list-inline > li:first-child {
    margin-top: 0;
  }
}

/**
* Footer
*/

#footer-top > .row {
  display: flex;
}
#footer-top > .row:before,
#footer-top > .row:after {
  display: none;
}

@media (max-width: 767px) {
  #footer {
    padding-bottom: 120px;
  }
  #footer-top {
    padding-bottom: 60px;
  }
  #footer-top > .row {
    display: flex;
    flex-direction: column;
  }
  #footer-top > .row > :nth-child(2) {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    order: 1;
    padding-top: 80px;
    padding-bottom: 80px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #footer-top > .row > :nth-child(2):before,
  #footer-top > .row > :nth-child(2):after {
    content: "";
    width: 1px;
    height: 60px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    pointer-events: none;
  }
  #footer-top > .row > :nth-child(2):before {
    top: 0;
  }
  #footer-top > .row > :nth-child(2):after {
    bottom: 0;
  }
  #footer-top > .row > :nth-child(1) {
    order: 2;
    margin-top: 40px;
  }
  #footer-top > .row > :nth-child(3) {
    order: 3;
    margin-top: 20px;
  }
  #footer-bottom > .container > .row {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
  }
}

@media (min-width: 768px) {
  #footer {
    padding-bottom: 200px;
  }
  #footer-top {
    position: relative;
    padding-top: 130px;
    padding-bottom: 130px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #footer-top > .row {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  #footer-top:before,
  #footer-top:after {
    content: "";
    width: 1px;
    height: 105px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    pointer-events: none;
  }
  #footer-top:before {
    top: 0;
  }
  #footer-top:after {
    bottom: 0;
  }
}

/**
 * Menu : WP Custom
 */

footer .fsn-menu.wp_custom > ul > li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.fsn-menu.wp_custom a {
  display: block;
  font-size: 10px;
  text-decoration: none;
}
.fsn-menu.wp_custom a:focus,
.fsn-menu.wp_custom a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  footer .fsn-menu.wp_custom > ul > li {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fsn-menu.wp_custom a {
    font-size: 16px;
  }
}

/**
* 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-family: josefin-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .nav.nav-tabs {
    background: #e5e5e5;
  }
  .nav.nav-tabs > li.expanded {
    border-top-color: rgba(0, 0, 0, 0.05);
  }
  .nav.nav-tabs > li:last-child.expanded {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .nav.nav-tabs > li > a {
    background: transparent;
    color: #212322;
  }
  .nav.nav-tabs > li > a:focus,
  .nav.nav-tabs > li > a:hover {
    color: #212322;
  }
  .nav.nav-tabs > li.active {
    background: #7a755c;
  }
  .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: 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;
  }
  .nav.nav-tabs > li.active.open-tab > a:after {
    top: 50%;
    background-image: url("images/icons/light/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 > li {
    display: inline-block;
    float: none;
    line-height: 0;
    margin: 0;
  }
  .nav.nav-tabs > li > a {
    border: none;
    border-radius: 0;
    margin: 0 11px;
    padding: 16px 0;
    color: #7a755c;
  }
  .nav.nav-tabs > li > a:focus,
  .nav.nav-tabs > li > a:hover {
    background: transparent;
    color: #7a755c;
  }
  .nav.nav-tabs > li.active > a,
  .nav.nav-tabs > li.active > a:hover,
  .nav.nav-tabs > li.active > a:focus {
    background: transparent;
    border: none;
    color: #7a755c;
  }
  .nav.nav-tabs > li > a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 8px;
    left: 0;
    background: #7a755c;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .nav.nav-tabs > li > a:focus:after,
  .nav.nav-tabs > li > a:hover:after {
    opacity: 0.7;
  }
  .nav.nav-tabs > li.active > a:after,
  .nav.nav-tabs > li.active > a:focus:after,
  .nav.nav-tabs > li.active > a:hover:after {
    opacity: 1;
  }
}

/**
* Content Roll
*/

.fsn-content-roll .content-roll-item-image-wrap {
  padding: 9px;
  background: #ffffff;
  border: 1px solid #7a755c;
}
.fsn-content-roll .content-roll-item-image-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: inset 0 0 0 9px #fff;
  z-index: 1;
  pointer-events: none;
}
.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;
}

@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-family: josefin-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    background: #e5e5e5;
    color: #212322;
  }
  .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: #7a755c;
  }
  .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-family: josefin-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    border-radius: 0;
    margin: 0 11px;
    padding: 16px 0;
    color: #7a755c;
    background: transparent;
  }
  .simple-filter-group .simple-filter-term:focus,
  .simple-filter-group .simple-filter-term:hover {
    background: transparent;
    color: #7a755c;
  }
  .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: #7a755c;
  }
  .simple-filter-group .simple-filter-term:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 8px;
    left: 0;
    background: #7a755c;
    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;
  }
}

/**
* Flexslider
*/

.flex-direction-nav a {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  text-shadow: none;
  opacity: 1;
  border-radius: 50%;
  border: 0;
  background: #ffffff;
}
.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/dark/chevron-left.svg") no-repeat center center;
  background-size: 32px 32px;
}
.flex-direction-nav a.flex-next:after {
  content: "";
  background: url("images/icons/dark/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: 144px;
    height: 60px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -72px;
  }
  .flex-direction-nav a {
    top: 0;
    margin-top: 0;
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .flex-direction-nav a {
    width: 60px;
    height: 60px;
    margin-top: -30px;
  }
  .flex-direction-nav a.flex-prev:before,
  .flex-direction-nav a.flex-next:before {
    width: 60px;
    height: 60px;
  }
  .flex-direction-nav a:after {
    width: 60px;
    height: 60px;
  }
}

/**
* Gallery : Strip
*/

@media (max-width: 767px) {
  .strip-slider .flex-direction-nav a {
    opacity: 1;
  }
  .strip-slider .flex-direction-nav .flex-prev {
    left: 0;
  }
  .strip-slider .flex-direction-nav .flex-next {
    right: 0;
  }
}

@media (min-width: 768px) {
  .strip-slider .flex-direction-nav a:focus,
  .strip-slider .flex-direction-nav a:focus,
  .strip-slider .flex-direction-nav a:hover,
  .strip-slider .flex-direction-nav a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }
}

/**
* 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 .flex-direction-nav a {
  background: #ffffff;
}
.fsn-gallery .slideshow .flex-direction-nav a.flex-prev:after {
  background-image: url("images/icons/dark/chevron-left.svg");
}
.fsn-gallery .slideshow .flex-direction-nav a.flex-next:after {
  background-image: url("images/icons/dark/chevron-right.svg");
}
.fsn-gallery .slideshow .slideshow-item-content {
  background: #ffffff;
  color: #212322;
}
.fsn-gallery .slideshow .slideshow-item-media {
  height: 100%;
}
.fsn-gallery .slideshow .has-caption .slideshow-item-media {
  height: calc(100% - 132px);
}

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

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

/**
* Blog and Events
*/

.alignnone {
  margin: 5px 5px 5px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 5px 5px;
}
.alignleft {
  float: left;
  margin: 5px 5px 5px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 5px 5px;
}
a img.alignnone {
  margin: 5px 5px 5px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 5px 5px 0;
}
.wp-caption.alignnone {
  margin: 5px 5px 5px 0;
}
.wp-caption.alignleft {
  margin: 5px 5px 5px 0;
}
.wp-caption.alignright {
  margin: 5px 0 5px 5px;
}
.post-header {
  padding-top: 50px;
  padding-bottom: 70px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.post-body {
  padding-top: 60px;
  padding-bottom: 60px;
}
.post-body img {
  max-width: 100%;
  height: auto;
}
.post-metadata {
  font-size: 16px;
  padding: 0;
}
.post-footer .social-sharing-title {
  font-family: "Josefin Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.post-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.fsn-social-sharing .social-sharing-item {
  text-decoration: none;
}
.post-back a {
  text-decoration: none;
  position: relative;
}
.post-back a:focus::before,
.post-back a:hover::before {
  opacity: 1;
}
.wp-block-image {
  margin: 40px 0;
}
.fsn-social-sharing a.social-sharing-item {
  text-decoration: none;
}
.wp-block-button__link {
  margin-top: 15px;
  margin-bottom: 15px;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-top: 30px;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.wp-block-embed-youtube .wp-block-embed__wrapper object,
.wp-block-embed-youtube .wp-block-embed__wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

@media (min-width: 768px) {
  .post-header {
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .post-metadata {
    font-size: 18px;
  }
  .post-body {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .post-back,
  .post-share {
    width: 50%;
    float: left;
    padding: 30px 0;
  }
  .post-back {
    padding: 16px 0;
  }
  .post-share {
    padding: 36px 0;
  }
  .post-share {
    text-align: right;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
  .wp-block-image {
    margin: 50px 0;
  }
  .wp-block-buttons {
    margin-left: -5px;
  }
  .wp-block-buttons > .wp-block-button {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
  }
}

/**
* Video : Autoplay
*/

.fsn-video-autoplay .video-autoplay-pause {
  display: none;
}
.fsn-video-autoplay.bg-video {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.fsn-video-autoplay.bg-video:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(
    ellipse at bottom,
    rgba(33, 35, 34, 0) 20%,
    rgba(33, 35, 34, 1) 72%,
    rgba(33, 35, 34, 1) 100%
  );
  pointer-events: none;
}
.fsn-video-autoplay.bg-video .video-autoplay-overlay {
  background: linear-gradient(
    to bottom,
    rgba(33, 35, 34, 0.7) 0%,
    rgba(33, 35, 34, 0) 50%,
    rgba(33, 35, 34, 0) 70%,
    rgba(33, 35, 34, 1) 100%
  ) !important;
}
.z-1 {
  position: relative;
  z-index: 1;
}

/**
* Backgrounds
*/

.bg-r,
.bg-and-bottom,
.bg-and-top,
body > footer {
  position: relative;
}
.bg-r:before {
  content: "";
  display: block;
  width: 100%;
  height: 1270px;
  background: url("images/bg-r.png") no-repeat -66px top;
  background-size: 122vw auto;
  position: absolute;
  top: 20px;
  left: 0;
  pointer-events: none;
}
.has-masthead .bg-r:before,
.single-event {
  top: -6px;
}
.bg-and-bottom:before {
  content: "";
  display: block;
  width: 100%;
  height: 308px;
  background: url("images/bg-and.png") no-repeat right -84vw top;
  background-size: 300vw auto;
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.bg-and-top:before {
  content: "";
  display: block;
  width: 100%;
  height: 86px;
  background: url("images/bg-and.png") no-repeat right -84vw bottom;
  background-size: 300vw auto;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
body > footer:before {
  content: "";
  display: block;
  width: 100%;
  height: 1350px;
  background: url("images/bg-v.png") no-repeat right -48.714286vw bottom 50px;
  background-size: 150vw auto;
  position: absolute;
  bottom: 800px;
  right: 0;
  pointer-events: none;
}

@media (min-width: 768px) {
  .bg-r:before {
    width: 100%;
    height: 1270px;
    background: url("images/bg-r.png") no-repeat -35px top;
    background-size: 932px 1270px;
    top: 38px;
    left: 0;
  }
  .has-masthead .bg-r:before {
    top: -86px;
  }
  .bg-and-bottom:before {
    width: 100%;
    height: 270px;
    background: url("images/bg-and.png") no-repeat right -232px top;
    background-size: 2068px 856px;
    bottom: 0;
    right: 0;
  }
  .bg-and-top:before {
    width: 100%;
    height: 220px;
    background: url("images/bg-and.png") no-repeat center bottom;
    background-size: 2068px 856px;
    top: 0;
    right: 0;
  }
  body > footer:before {
    width: 100%;
    height: 1350px;
    background: url("images/bg-v.png") no-repeat right -45px bottom 50px;
    background-size: 1232px 1300px;
    bottom: 0;
    right: 0;
  }
}

/**
* Fixed Button
*/

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

@media (min-width: 768px) {
  #fixed-button {
    position: fixed;
    bottom: 30px;
    height: 68px;
    width: auto;
    float: right;
    margin-right: 40px;
    overflow: hidden;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: z-index 0s 0.75s, opacity 0s 0.75s;
  }
  #fixed-button.in {
    z-index: 999;
    opacity: 1;
    transition: z-index 0s, opacity 0s;
  }
  #fixed-button .btn {
    -ms-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 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;
  }
}

/**
* Menu : Mobile Footer
*/

@media (max-width: 767px) {
  .fsn-menu.mobile_footer {
    background: #7a755c;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
    width: auto;
    bottom: 25px;
    left: 15px;
    right: 15px;
    opacity: 0;
    border-radius: 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-family: josefin-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    color: #ffffff;
    border: 0;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    margin: 0;
    padding: 15px 30px;
  }
  .mobile-footer a:not(.btn):focus,
  .mobile-footer a:not(.btn):hover,
  .mobile-footer button:focus,
  .mobile-footer button:hover {
    color: #ffffff;
  }
  #mobile-back-to-top {
    display: none !important;
  }
}

/**
* Advanced Animation : Clock
*/

#clock {
  border: 1px solid #918a6e;
  border-radius: 50%;
  position: relative;
  margin: auto;
}

#hour-hand,
#minute-hand {
  background-color: #918a6e;
  position: absolute;
  bottom: 50%;
  left: 50%;
  transition: transform 2s cubic-bezier(0.68, -0.25, 0.27, 1.25);
  transform-origin: 50% 100%;
}

/* Mobile Styles */
@media (max-width: 767px) {
  #clock {
    width: 93px;
    height: 93px;
  }
  #hour-hand {
    height: 24px;
    width: 1px;
  }
  #minute-hand {
    height: 38px;
    width: 1px;
  }
}

/* Desktop Styles */
@media (min-width: 768px) {
  #clock {
    width: 186px;
    height: 186px;
  }
  #hour-hand {
    height: 48px;
    width: 1px;
  }
  #minute-hand {
    height: 76px;
    width: 1px;
  }
}

/**
* Advanced Animation : SVG Animations
*/

.fsn-inline-animation #reservation-animation {
  width: 100%;
  max-width: 900px;
  height: auto;
}
.fsn-inline-animation.in #reservation-animation #r-line1 {
  animation: drawIn 0.1s linear 0.1s forwards;
}
.fsn-inline-animation.in #reservation-animation #r-line2 {
  animation: drawIn 0.18s linear 0.2s forwards;
}
.fsn-inline-animation.in #reservation-animation #e-line1 {
  animation: drawIn 0.2s linear 0.38s forwards;
}
.fsn-inline-animation.in #reservation-animation #s-line1 {
  animation: drawIn 0.25s linear 0.58s forwards;
}
.fsn-inline-animation.in #reservation-animation #s-line2 {
  animation: drawIn 0.15s linear 0.83s forwards;
}
.fsn-inline-animation.in #reservation-animation #e-line2 {
  animation: drawIn 0.1s linear 0.98s forwards;
}
.fsn-inline-animation.in #reservation-animation #e-line3 {
  animation: drawIn 0.28s linear 1.07s forwards;
}
.fsn-inline-animation.in #reservation-animation #r-line3 {
  animation: drawIn 0.12s linear 1.35s forwards;
}
.fsn-inline-animation.in #reservation-animation #r-line4 {
  animation: drawIn 0.21s linear 1.47s forwards;
}
.fsn-inline-animation.in #reservation-animation #v-line1 {
  animation: drawIn 0.21s linear 1.68s forwards;
}
.fsn-inline-animation.in #reservation-animation #v-line2 {
  animation: drawIn 0.11s linear 1.9s forwards;
}
.fsn-inline-animation.in #reservation-animation #a-line1 {
  animation: drawIn 0.12s linear 2.01s forwards;
}
.fsn-inline-animation.in #reservation-animation #a-line2 {
  animation: drawIn 0.11s linear 2.13s forwards;
}
.fsn-inline-animation.in #reservation-animation #t-line1 {
  animation: drawIn 0.38s linear 2.24s forwards;
}
.fsn-inline-animation.in #reservation-animation #t-line2 {
  animation: drawIn 0.34s linear 2.63s forwards;
}
.fsn-inline-animation.in #reservation-animation #t-line3 {
  animation: drawIn 0.26s linear 3s forwards;
}
.fsn-inline-animation.in #reservation-animation #i-line1 {
  animation: drawIn 0.1s linear 3.25s forwards;
}
.fsn-inline-animation.in #reservation-animation #o-line1 {
  animation: drawIn 0.1s linear 3.32s forwards;
}
.fsn-inline-animation.in #reservation-animation #o-line2 {
  animation: drawIn 0.12s linear 3.4s forwards;
}
.fsn-inline-animation.in #reservation-animation #n-line1 {
  animation: drawIn 0.44s linear 3.52s forwards;
}
.fsn-inline-animation.in #reservation-animation #s-line3 {
  animation: drawIn 0.23s linear 3.93s forwards;
}
.fsn-inline-animation.in #reservation-animation #s-line4 {
  animation: drawIn 0.14s linear 4.16s forwards;
}

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

/**
* Modals
*/

.component.modal > .modal-component-inner {
  margin: 60px 15px 0;
  box-shadow: none;
}
.component.modal .close {
  text-shadow: none;
  position: absolute;
  top: -24px;
  right: -24px;
  width: 48px;
  height: 48px;
  color: #7a755c;
  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: 300;
  -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;
  }
}

/**
 * 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: #212322;
  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;
}