:root {
    /* --header-color: #D2C6B7; */
    /* --header-color: #523F2A; */
    --header-color: #A79270;
    --background-color: #DEE1DD;
}

/* eb-garamond-regular - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/eb-garamond-v30-latin_vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-500 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/eb-garamond-v30-latin_vietnamese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-600 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/eb-garamond-v30-latin_vietnamese-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-700 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/eb-garamond-v30-latin_vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
 background:var(--background-color)
}
body {
  font-family: "EB Garamond", serif !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
 font-size:18px;
 line-height:1.5;
 color:#555;
 background:#f7f7f7
}
body.fh5co-overflow {
 overflow-x:auto
}
::-webkit-selection {
 color:#fff;
 background:#f9ad81
}
::-moz-selection {
 color:#fff;
 background:#f9ad81
}
::selection {
 color:#fff;
 background:#f9ad81
}
a {
 color:#f9ad81;
 -webkit-transition:.5s;
 -o-transition:.5s;
 transition:.5s
}
a:active,
a:focus,
a:hover {
 color:#f67d38;
 outline:0;
 text-decoration:none
}
h1,
h2,
h3,
h4,
h5,
h6 {
 color:#000
}
p {
 margin-bottom:30px
}
.btn {
 margin-right:4px;
 margin-bottom:4px;
 font-size:12px;
 letter-spacing:2px;
 text-transform:uppercase;
 font-weight:700;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 border-radius:4px;
 -webkit-transition:.5s;
 -o-transition:.5s;
 transition:.5s
}
.btn.btn-md {
 padding:10px 20px!important
}
.btn.btn-lg {
 padding:18px 36px!important
}
.btn:active,
.btn:focus,
.btn:hover {
 box-shadow:none!important;
 outline:0!important
}
.btn-primary {
 background:#f9ad81;
 color:#fff;
 border:2px solid #f9ad81
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
 background:#f89d69!important;
 border-color:#f89d69!important
}
.btn-primary.btn-outline {
 background:0 0;
 color:#f9ad81;
 border:2px solid #f9ad81
}
.btn-primary.btn-outline:active,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:hover {
 background:#f9ad81;
 color:#fff
}
.btn-success {
 background:#58ca7e;
 color:#fff;
 border:2px solid #58ca7e
}
.btn-success:active,
.btn-success:focus,
.btn-success:hover {
 background:#45c46f!important;
 border-color:#45c46f!important
}
.btn-success.btn-outline {
 background:0 0;
 color:#58ca7e;
 border:2px solid #58ca7e
}
.btn-success.btn-outline:active,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:hover {
 background:#58ca7e;
 color:#fff
}
.btn-info {
 background:#1784fb;
 color:#fff;
 border:2px solid #1784fb
}
.btn-info:active,
.btn-info:focus,
.btn-info:hover {
 background:#0477f4!important;
 border-color:#0477f4!important
}
.btn-info.btn-outline {
 background:0 0;
 color:#1784fb;
 border:2px solid #1784fb
}
.btn-info.btn-outline:active,
.btn-info.btn-outline:focus,
.btn-info.btn-outline:hover {
 background:#1784fb;
 color:#fff
}
.btn-warning {
 background:#fed330;
 color:#fff;
 border:2px solid #fed330
}
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
 background:#fece17!important;
 border-color:#fece17!important
}
.btn-warning.btn-outline {
 background:0 0;
 color:#fed330;
 border:2px solid #fed330
}
.btn-warning.btn-outline:active,
.btn-warning.btn-outline:focus,
.btn-warning.btn-outline:hover {
 background:#fed330;
 color:#fff
}
.btn-danger {
 background:#fb4f59;
 color:#fff;
 border:2px solid #fb4f59
}
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
 background:#fa3641!important;
 border-color:#fa3641!important
}
.btn-danger.btn-outline {
 background:0 0;
 color:#fb4f59;
 border:2px solid #fb4f59
}
.btn-danger.btn-outline:active,
.btn-danger.btn-outline:focus,
.btn-danger.btn-outline:hover {
 background:#fb4f59;
 color:#fff
}
.btn-outline {
 background:0 0;
 border:2px solid gray;
 font-size:12px;
 letter-spacing:2px;
 text-transform:uppercase;
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s
}
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
 box-shadow:none
}
.form-control {
 box-shadow:none;
 background:0 0;
 border:2px solid rgba(0,0,0,.1);
 height:54px;
 font-size:18px;
 font-weight:300
}
.form-control:active,
.form-control:focus {
 outline:0;
 box-shadow:none;
 border-color:#f9ad81
}
.ned-underl {
 border-bottom:2px solid #f9ad81
}
#fh5co-header {
 position:absolute;
 top:20px;
 left:0;
 z-index:999;
 background:0 0;
 padding:15px 0;
 width:100%
}
@media screen and (max-width:768px) {
 #fh5co-header {
  background:0 0;
  top:0
 }
}
#fh5co-header #fh5co-logo {
 float:left;
 line-height:1.2;
 position:relative
}
@media screen and (max-width:768px) {
 #fh5co-header #fh5co-logo {
  top:-2px
 }
}
#fh5co-header #fh5co-logo a {
 font-size:30px;
 color:#fff
}
@media screen and (max-width:768px) {
 #fh5co-header #fh5co-logo a {
  color:#000
 }
}
#fh5co-header #fh5co-logo a span {
 color:#f9ad81
}
#fh5co-header #fh5co-main-nav {
 float:right
}
@media screen and (max-width:768px) {
 #fh5co-header #fh5co-main-nav {
  display:none
 }
}
#fh5co-header #fh5co-main-nav ul {
 padding:0;
 margin:4px 0 0 0
}
#fh5co-header #fh5co-main-nav ul li {
 padding:0;
 margin:0;
 display:inline
}
#fh5co-header #fh5co-main-nav ul li a {
 color:rgba(255,255,255,.8);
 text-decoration:none;
 margin-left:30px;
 border-bottom:2px solid transparent
}
#fh5co-header #fh5co-main-nav ul li a:hover {
 text-decoration:none;
 color:#f9ad81
}
#fh5co-header #fh5co-main-nav ul li.active a {
 color:#transparent;
 border-bottom:2px solid #f9ad81
}
#fh5co-header.navbar-fixed-top {
 position:fixed!important;
 background:0 0;
 top:0;
 left:0
}
#fh5co-header.navbar-fixed-top #fh5co-logo {
 float:left;
 line-height:1.2
}
#fh5co-header.navbar-fixed-top #fh5co-logo a {
 font-size:30px;
 color:#000
}
#fh5co-header.navbar-fixed-top #fh5co-main-nav ul li a {
 color:rgba(0,0,0,.8);
 text-decoration:none;
 margin-left:30px;
 border-bottom:2px solid transparent
}
#fh5co-header.navbar-fixed-top #fh5co-main-nav ul li a:hover {
 text-decoration:none;
 color:#f9ad81
}
#fh5co-header.navbar-fixed-top #fh5co-main-nav ul li.active a {
 color:#f9ad81;
 border-bottom:2px solid transparent
}
#fh5co-home {
 background:var(--background-color) /*url(../images/loader.gif)*/ no-repeat center center
}
#fh5co-home .flexslider {
 border:none;
 position:relative;
 z-index:1;
 margin-bottom:0
}
#fh5co-home .flexslider .fh5co-text {
 position:absolute;
 z-index:3;
 width:100%;
 top:10%;
 text-align:center
}
#fh5co-home .flexslider .fh5co-text h3 {
    padding-top: 200px;
}
@media screen and (min-width:768px) {
#fh5co-home .flexslider .fh5co-text {
 top:0;
 }
#fh5co-home .flexslider .fh5co-text h3 {
    padding-top: 225px;
}
}
h2 {
 font-size:40px;
 font-weight:100;
 color:#fff
}
h3 {
 font-size:18px;
 font-weight:400;
 color:#fff
}
@media screen and (min-width:768px) {
 h3 {
  font-size:25px
 }
}
#fh5co-home .flexslider .fh5co-text h1 {
 margin:0 0 15px 0;
 padding:0;
 font-size:50px;
 font-weight:400;
 color:#fff;
 display:-moz-inline-stack;
 display:inline-block;
 zoom:1;
/* border:7px solid #fff; */
 padding:30px 50px;
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s
}
@media screen and (max-width:992px) {
 /* #fh5co-home .flexslider .fh5co-text h1 {
  font-size:20px
 } */
 #fh5co-home .flexslider .fh5co-text h2 {
  font-size:26px
 }
}
#fh5co-home .fh5co-go {
 margin-top:15px
}
#fh5co-home .flexslider .fh5co-text .fh5co-go {
 margin-top:30px
}
#fh5co-home .flexslider .fh5co-text .fh5co-go a {
 font-size:13px;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#fff;
 font-weight:400;
 display:block;
 position:relative;
 padding-bottom:50px
}
#fh5co-home .flexslider .fh5co-text .fh5co-go a span {
 font-size:20px;
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-10px;
 -webkit-animation:ani-mouse 2.5s linear infinite;
 -moz-animation:ani-mouse 2.5s linear infinite;
 animation:ani-mouse 2.5s linear infinite
}
#fh5co-home .flexslider .fh5co-text .fh5co-go a:hover {
 text-decoration:none
}
#fh5co-home .flexslider .fh5co-text .fh5co-go a:hover span {
 text-decoration:none
}
#fh5co-home .flexslider .slides li {
 background-repeat:no-repeat;
 background-size:cover
}
@media screen and (max-width:1080px) {
 #fh5co-home .flexslider .slides li {
  background-repeat:no-repeat;
  background-position:550px 0;
  background-clip:content-box
 }
}
#fh5co-home .flexslider .fh5co-overlay {
 position:absolute;
 z-index:3;
 top:0;
 bottom:0;
 left:0;
 right:0;
 opacity:.3;
 background:#444853
}
#fh5co-home .flexslider .flex-control-nav,
#fh5co-home .flexslider .flex-direction-nav {
 display:none
}
#fh5co-main,
#fh5co-offcanvas {
 -webkit-transition:.8s;
 -o-transition:.8s;
 transition:.8s
}
#fh5co-offcanvas {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 z-index:9999;
 width:275px;
 background:#444853;
 overflow-y:auto;
 padding:50px 30px 30px 30px;
 -moz-transform:translateX(275px);
 -webkit-transform:translateX(275px);
 -ms-transform:translateX(275px);
 -o-transform:translateX(275px);
 transform:translateX(275px)
}
#fh5co-offcanvas .fh5co-offcanvas-close {
 position:absolute;
 top:20px;
 right:30px
}
#fh5co-offcanvas .fh5co-offcanvas-close:before {
 font-style:normal;
 font-weight:500;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:"\00D7";
 font-size:30px;
 color:rgba(255,255,255,.5);
 -webkit-transition:.5s;
 -o-transition:.5s;
 transition:.5s
}
#fh5co-offcanvas .fh5co-offcanvas-close:hover:before {
 color:#fff
}
#fh5co-offcanvas nav ul {
 padding:0;
 margin:0
}
#fh5co-offcanvas nav ul li {
 padding:0;
 margin:0;
 list-style:none
}
#fh5co-offcanvas nav ul li a {
 display:block;
 color:rgba(255,255,255,.5);
 padding:7px 0
}
#fh5co-offcanvas nav ul li a:hover {
 color:#f9ad81
}
#fh5co-offcanvas nav ul li.active a {
 color:#f9ad81
}
.offcanvas-visible #fh5co-offcanvas {
 -moz-transform:translateX(0);
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0)
}
.wed-events {
 background:#fff;
 padding-top:20px;
 padding-bottom:20px;
 border-radius:10px
}
.wed-events .ceremony-bg {
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 position:relative;
 height:600px
}
.wed-events .desc {
 padding:2em;
 padding-top:20px;
 margin-top:20px;
 padding-bottom:20px
}
.wed-events .desc h3 {
 font-size:30px
}
.wed-events .desc p strong {
 font-size:14px
}
#fh5co-contact,
#fh5co-content,
#fh5co-testimony {
 padding:7em 0
}
#fh5co-about,
#fh5co-gallery,
#fh5co-location,
#fh5co-transportation,
#fh5co-afterparty,
#fh5co-portfolio {
 padding:3em 0
}
@media screen and (max-width:768px) {
 #fh5co-about,
 #fh5co-contact,
 #fh5co-content,
 #fh5co-gallery,
 #fh5co-location,
 #fh5co-transportation,
 #fh5co-afterparty,
 #fh5co-portfolio,
 #fh5co-testimony {
  padding:2em 0
 }
}
#fh5co-content figure {
 margin-bottom:30px
}
#fh5co-portfolio, #fh5co-gallery, #fh5co-location, #fh5co-transportation, #fh5co-afterparty, #fh5co-about {
 background:var(--background-color)
}
#ned-about {
 background:#fff
}
#fh5co-portfolio h3 {
 text-align:center
}
#fh5co-about .fh5co-text {
 padding-left:4em
}
@media screen and (max-width:992px) {
 #fh5co-about .fh5co-text {
  padding:0 0 20px 0
 }
}
#fh5co-about .fh5co-text .fh5co-meta {
 color:rgba(255,255,255,.2);
 text-transform:uppercase;
 letter-spacing:2px;
 font-size:12px;
 display:block;
 margin-bottom:20px;
 font-weight:700
}
#fh5co-about .fh5co-text.with-plus {
 padding-right:4em;
 padding-left:0;
 position:relative
}
@media screen and (max-width:992px) {
 #fh5co-about .fh5co-text.with-plus {
  padding-right:0
 }
}
#fh5co-about .fh5co-text.with-plus:after {
 position:absolute;
 right:0;
 margin-right:-30px;
 top:50%;
 margin-top:-25px;
 /* font-family:icomoon; */
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:"\e114";
 font-size:50px;
 color:#f9ad81
}
@media screen and (max-width:992px) {
 #fh5co-about .fh5co-text.with-plus:after {
  display:none;
  visibility:hidden
 }
}
#fh5co-testimony {
 background-color:transparent;
 background-size:cover;
 background-attachment:fixed;
 position:relative;
 width:100%
}
#fh5co-testimony>.container {
 position:relative;
 z-index:5
}
#fh5co-testimony>.fh5co-overlay {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:3;
 opacity:.7;
 background:#444853
}
#fh5co-testimony .flexslider {
 border:transparent!important;
 background:0 0!important
}
#fh5co-testimony .flexslider .slides li {
 font-size:40px;
 line-height:1.5
}
#fh5co-testimony .flexslider .slides li blockquote {
 padding-left:0;
 border-left:none
}
@media screen and (max-width:768px) {
 #fh5co-testimony .flexslider .slides li blockquote {
  padding:0 20px
 }
}
#fh5co-testimony .flexslider .slides li blockquote p {
 font-size:40px;
 line-height:1.5;
 color:#fff!important
}
@media screen and (max-width:768px) {
 #fh5co-testimony .flexslider .slides li blockquote p {
  font-size:20px;
  line-height:1.5
 }
}
#fh5co-testimony .flexslider .flex-control-paging {
 position:relative
}
#fh5co-testimony .flexslider .flex-control-paging.flex-control-nav {
 bottom:-70px
}
@media screen and (max-width:768px) {
 #fh5co-testimony .flexslider .flex-control-paging.flex-control-nav {
  bottom:-60px
 }
}
#fh5co-testimony .flexslider .flex-control-paging li a {
 width:14px;
 height:14px;
 background:rgba(255,255,255,.2);
 box-shadow:none;
 border:2px solid transparent
}
#fh5co-testimony .flexslider .flex-control-paging li a:active,
#fh5co-testimony .flexslider .flex-control-paging li a:focus {
 outline:0
}
#fh5co-testimony .flexslider .flex-control-paging li a.flex-active {
 position:relative;
 background:0 0;
 box-shadow:none;
 border:2px solid #f9ad81
}
#fh5co-footer {
 background:#ececec;
 padding:1em 0;
 font-size:16px
}
@media screen and (max-width:768px) {
 #fh5co-footer {
  padding:1em 0
 }
}
#fh5co-footer a {
 color:#f67d38
}
#fh5co-footer a:hover {
 text-decoration:underline
}
#fh5co-footer p {
 margin-bottom:10px
}
#fh5co-footer .fh5co-footer-widget {
 margin-bottom:10px;
 float:left;
 width:100%
}
.fh5co-social {
 padding:0;
 margin:0
}
@media screen and (max-width:768px) {
 .fh5co-social {
  float:none!important
 }
}
.fh5co-social li {
 padding:0;
 margin:0;
 display:inline
}
.fh5co-social li a {
 margin-left:10px
}
@media screen and (max-width:768px) {
 .fh5co-social li a {
  margin-right:10px
 }
}
.fh5co-social li a i {
 font-size:20px
}
.fh5co-social li a:hover {
 text-decoration:none!important
}
.fh5co-social li a:hover i {
 text-decoration:none
}
.img-grid {
 width:100%;
 height:100%;
 position:relative;
 overflow:hidden;
 float:left;
 margin-bottom:30px
}
@media screen and (max-width:480px) {
 .img-grid {
  margin-bottom:15px
 }
}
.img-grid img {
 position:relative;
 z-index:10
}
.img-grid a {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 opacity:0;
 z-index:12;
 background:rgba(68,72,83,.9);
 text-align:center;
 -webkit-transition:.5s;
 -o-transition:.5s;
 transition:.5s
}
.img-grid a>div {
 position:absolute;
 bottom:-20px;
 left:0;
 text-align:center;
 width:100%;
 -webkit-transition:.8s,ease-out;
 -o-transition:.8s,ease-out;
 transition:.8s,ease-out
}
.img-grid a .fh5co-title {
 font-size:18px;
 color:#fff;
 padding:0;
 position:relative
}
.img-grid a .fh5co-meta {
 color:rgba(255,255,255,.4);
 font-size:10px;
 font-weight:400;
 letter-spacing:2px;
 display:block;
 position:relative;
 padding-bottom:7px;
 text-transform:uppercase
}
.img-grid a .fh5co-meta:after {
 content:"";
 position:absolute;
 bottom:0;
 width:20px;
 margin-left:-10px;
 height:2px;
 left:50%;
 background:#f9ad81
}
.img-grid:hover>a {
 opacity:1
}
.img-grid:hover>a>div {
 bottom:20px
}
.ned-section-title {
 font-size:20px;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#41454f;
 font-family:sans-serif;
 font-weight:700;
 opacity:.4;
 margin-bottom:20px
}
.ned-section-venue {
 font-size:30px;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#555;
 font-family:sans-serif;
 font-weight:700;
 opacity:.4;
 margin-bottom:20px
}
@media screen and (max-width:768px) {
 .ned-section-venue {
  font-size:24px
 }
}
. .ned-date-highlight {
 font-size:26px;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#444;
 font-family:sans-serif;
 font-weight:700;
 margin-bottom:20px
}
@media screen and (max-width:768px) {
 .ned-date-highlight {
  font-size:20px
 }
}
.section-heading .fh5co-section-title {
 font-size:11px;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#41454f;
 font-family:sans-serif;
 font-weight:700;
 opacity:.4;
 margin-bottom:20px
}
.fh5co-lead {
 font-size:26px
}
.ned-lead {
 font-size:22px
}
.ned-lead-name {
 font-size:25px
}
@media screen and (max-width:768px) {
 .fh5co-lead {
  font-size:20px
 }
 .ned-lead {
  font-size:18px
 }
 .ned-lead-name {
  font-size:20px
 }
}
@media screen and (max-device-width:768px) {
 .fh5co-lead {
  font-size:16px
 }
 .ned-lead {
  font-size:13px
 }
 .ned-lead-name {
  font-size:16px
 }
}
.js .animate-box,
.js .to-animate,
.js .to-animate-2 {
 opacity:0
}
.fh5co-nav-toggle {
 width:25px;
 height:25px;
 cursor:pointer;
 text-decoration:none
}
.fh5co-nav-toggle.active i::after,
.fh5co-nav-toggle.active i::before {
 background:#f9ad81
}
.fh5co-nav-toggle:active,
.fh5co-nav-toggle:focus,
.fh5co-nav-toggle:hover {
 outline:0;
 border-bottom:none!important
}
.fh5co-nav-toggle i {
 position:relative;
 display:-moz-inline-stack;
 display:inline-block;
 zoom:1;
 width:25px;
 height:3px;
 color:transparent;
 font:bold 14px/.4 Helvetica;
 text-transform:uppercase;
 text-indent:-55px;
 background:0 0;
 transition:all .2s ease-out
}
#fh5co-header.navbar-fixed-top .fh5co-nav-toggle i {
 position:relative;
 display:-moz-inline-stack;
 display:inline-block;
 zoom:1;
 width:25px;
 height:3px;
 color:#797979;
 font:bold 14px/.4 Helvetica;
 text-transform:uppercase;
 text-indent:-55px;
 background:#797979;
 transition:all .2s ease-out
}
.fh5co-nav-toggle i::after,
.fh5co-nav-toggle i::before {
 content:"";
 width:25px;
 height:3px;
 background:0 0;
 position:absolute;
 left:0;
 -webkit-transition:.2s;
 -o-transition:.2s;
 transition:.2s
}
#fh5co-header.navbar-fixed-top .fh5co-nav-toggle i::after,
#fh5co-header.navbar-fixed-top .fh5co-nav-toggle i::before {
 content:"";
 width:25px;
 height:3px;
 background:#797979;
 position:absolute;
 left:0;
 -webkit-transition:.2s;
 -o-transition:.2s;
 transition:.2s
}
.fh5co-nav-toggle i::before {
 top:-7px
}
.fh5co-nav-toggle i::after {
 bottom:-7px
}
.fh5co-nav-toggle:hover i::before {
 top:-10px
}
.fh5co-nav-toggle:hover i::after {
 bottom:-10px
}
.fh5co-nav-toggle.active i {
 background:0 0
}
.fh5co-nav-toggle.active i::before {
 top:0;
 -webkit-transform:rotateZ(45deg);
 -moz-transform:rotateZ(45deg);
 -ms-transform:rotateZ(45deg);
 -o-transform:rotateZ(45deg);
 transform:rotateZ(45deg)
}
.fh5co-nav-toggle.active i::after {
 bottom:0;
 -webkit-transform:rotateZ(-45deg);
 -moz-transform:rotateZ(-45deg);
 -ms-transform:rotateZ(-45deg);
 -o-transform:rotateZ(-45deg);
 transform:rotateZ(-45deg)
}
.fh5co-nav-toggle {
 position:absolute;
 top:8px;
 right:15px;
 z-index:21;
 padding:6px 0 0 0;
 display:block;
 margin:0 auto;
 display:none;
 height:44px;
 width:25px;
 border-bottom:none!important
}
@media screen and (max-width:768px) {
 .fh5co-nav-toggle {
  display:block
 }
 .offcanvas-visible .fh5co-nav-toggle {
  z-index:999999!important
 }
}
.fh5co-animated {
 -webkit-animation-duration:.3s;
 animation-duration:.3s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.r-pb {
 padding-bottom:40px
}
.gallery {
 margin-bottom:30px
}
.gallery .gallery-img {
 width:100%;
 float:left;
 overflow:hidden;
 position:relative;
 z-index:1;
 margin-bottom:25px
}
.gallery .gallery-img img {
 position:relative;
 max-width:100%;
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 -webkit-transition:.9s;
 -o-transition:.9s;
 transition:.9s
}
.gallery .gallery-img:hover img {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1);
 transform:scale(1.1)
}
@media screen and (max-width:480px) {
 .col-xxs-12 {
  width:100%;
  float:none
 }
}
@-webkit-keyframes ani-mouse {
 0% {
  opacity:1;
  top:29%
 }
 15% {
  opacity:1;
  top:50%
 }
 50% {
  opacity:0;
  top:50%
 }
 100% {
  opacity:0;
  top:29%
 }
}
@-moz-keyframes ani-mouse {
 0% {
  opacity:1;
  top:29%
 }
 15% {
  opacity:1;
  top:50%
 }
 50% {
  opacity:0;
  top:50%
 }
 100% {
  opacity:0;
  top:29%
 }
}
@keyframes ani-mouse {
 0% {
  opacity:1;
  top:29%
 }
 15% {
  opacity:1;
  top:50%
 }
 50% {
  opacity:0;
  top:50%
 }
 100% {
  opacity:0;
  top:29%
 }
}
ol,
ul {
 list-style:none;
 list-style-image:none;
 padding:0
}
.parents>li {
 float:left;
 width:50%;
 padding:0;
 text-align:center
}
.parents>.detail>li {
 padding:0;
 margin-bottom:10px;
 padding-left:10px
}
#fh5co-portfolio dl {
 width:100%;
 padding:10px 0 10px 0
}
#fh5co-portfolio dl dt {
 float:left;
 margin-top:4%;
 width:60%;
 padding:0
}
#fh5co-portfolio dl dd {
 padding:0 8px;
 width:15%;
 float:left;
 margin-top:3%
}
.sns_a li {
 display:inline-block;
 width:25%
}
.grid-container {
 display:grid;
 grid-template-columns:auto auto auto;
 padding:10px
}
.grid-item {
 padding:4px;
 text-align:center
}
.massage_box {
 padding:0 70px 0 70px;
 background:0 0
}
.massage_box li {
 outline:0;
 border-bottom:1px solid #e4dee0;
 color:#e6eff3;
 border-top:none;
 padding-top:5px;
 padding-bottom:5px
}
.massage_box li input {
 outline:0;
 border:none!important;
 background:0 0!important;
 color:#000;
 box-sizing:border-box;
 padding-left:5px;
 width:50%
}
.massage_box li span.tt {
 color:#9b5e33;
 letter-spacing:.3px;
 top:auto
}
.massage_list {
 display:none;
 width:84%;
 margin:auto 0;
 padding:e 10px;
 margin-top:15px;
 background:#f4f3f1;
 font-size:12px;
 border-radius:0;
 text-align:left;
 position:relative
}
.massage_list>name {
 padding-left:0;
 font-weight:700;
 color:#555;
 padding:10px 0 10px 0
}
.massage_list .txt {
 letter-spacing:.1px;
 color:#777;
 min-height:20px;
 position:relative;
 padding:10px 0 10px 0
}
.massage_list .time {
 letter-spacing:.1px;
 color:#777;
 top:15px;
 position:absolute;
 right:10px;
 padding-left:13px
}
.wrap-loading {
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 background:rgba(0,0,0,.2);
 display:none;
 z-index:9999
}
.wrap-loading div {
 position:fixed;
 top:50%;
 left:50%;
 margin-left:-21px;
 margin-top:-21px
}
.flex-active-slide {
  background-position:65% center !important;
}

.section-header {
  font-size: 28px;
  font-family: Hahmlet;
  font-stretch: condensed;
  font-weight: medium;
  color: var(--header-color);
}

.tel-icon {
  font-size: 20px;
  color: transparent;
  text-shadow: 0 0 0 var(--header-color);
  line-height: 1em;
}

.map {
    width: 80%;
}

#simplemap img {
    width: 80%;
    max-width: 320px;
}

@media screen and (min-width:768px) {
    .mobile-only { display: none; }
}

.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
  font-weight: normal;
}