@charset "UTF-8";
/*
* Author: Wisely Themes
* Author URI: http://www.wiselythemes.com
* Template Name: Neela
* Version: 1.0.1
*/
/* Table of Content
==================================================
	#Playfair Display Font
	#Variables
	#Mixins
	#Sections with background image
	#Typography
	#General
	#Header
	#Navigation
	#Hero
	#About Us
	#Our Story
	#Invite
	#Wedding Location
	#Bridesmaids & Groomsmen
	#Testimonials
	#Gift Registry
	#Gallery
	#Blog
	#Widgets
	#RSVP
	#Footer
	#Lightbox
	#Media Queries */
/* #Playfair Display Font
================================================== */
@font-face {
  font-family: "Buda";
  src: url("../webfonts/playfairdisplay-regular.woff2") format("woff2"), url("../webfonts/playfairdisplay-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* #Variables
================================================== */
/* #Mixins
================================================== */
#footer .copyright a, .widget-quick-links > ul li a, .contact-info li a, .widget-tags .tags a, .widget-latest-posts > ul h3 a, .widget-categories > ul li a, .comments .comment-list > li .comment .reply-btn,
.comments .comment-list > li .comment-info .reply-btn, .blog-listing .item .blog-meta li a,
.blog-listing .post-content .blog-meta li a,
.blog-main .item .blog-meta li a,
.blog-main .post-content .blog-meta li a {
  background: linear-gradient(#530514, #530514) no-repeat 0 100%;
  background-size: 0 1px;
  transition: background-size 0.3s ease-out, color 0.3s ease-out;
}
#footer .copyright a:hover, .widget-quick-links > ul li a:hover, .contact-info li a:hover, .widget-tags .tags a:hover, .widget-latest-posts > ul h3 a:hover, .widget-categories > ul li a:hover, .comments .comment-list > li .comment .reply-btn:hover,
.comments .comment-list > li .comment-info .reply-btn:hover, .blog-listing .item .blog-meta li a:hover,
.blog-listing .post-content .blog-meta li a:hover,
.blog-main .item .blog-meta li a:hover,
.blog-main .post-content .blog-meta li a:hover {
  color: #530514;
  background-size: 100% 1px;
}

.rsvp-bg {
  background-color: #3b040e;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* #Sections with background image
================================================== */
/* #Typography
================================================== */
a:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #530514;
  text-rendering: optimizelegibility;
}

h1 {
  font-size: 42pt;
}

h2 {
  font-size: 36pt;
}

h3 {
  font-size: 30pt;
}

h4 {
  font-size: 21pt;
}

h5 {
  font-size: 16pt;
}

/* #General
================================================== */
html {
  overflow: auto;
}

body {
  padding: 0;
  height: 100%;
  color: #404040;
  overflow: hidden;
  line-height: 1.6;
  background-color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
}

::-moz-selection {
  background: #530514;
  color: #ffe7b5;
}

::selection {
  background: #530514;
  color: #ffe7b5;
}

::-moz-selection {
  background: #530514;
  color: #ffe7b5;
}

.color {
  color: #530514;
}

a {
  color: #530514;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #530514;
}

iframe[src="about:blank"] {
  display: none;
}

p {
  margin: 0 0 20px;
}

img {
  max-width: 100%;
  border: 0 none;
  vertical-align: middle;
}

input,
button,
select,
textarea {
  font-family: "Poppins", sans-serif;
}

#preloader {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
  text-align: center;
}
#preloader .preloader-title {
  font-size: 20pt;
  color: currentColor;
  line-height: 0.9;
  position: absolute;
  top: 41px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Playfair Display", serif;
}
#preloader .preloader-title small {
  color: currentColor;
  line-height: 0.9;
  font-size: 12pt;
}

.loading-heart {
  fill: transparent;
  stroke: #530514;
  stroke-width: 11;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: inline-block;
}
.loading-heart svg {
  overflow: visible;
  width: 11rem;
}
.loading-heart path {
  stroke-dashoffset: 0;
  stroke-dasharray: 1550;
  transform-origin: center;
  -webkit-animation: stroke-animation 3s ease-in-out infinite forwards;
  animation: stroke-animation 3s ease-in-out infinite forwards;
}

@-webkit-keyframes stroke-animation {
  0% {
    stroke-dashoffset: 0;
  }
  30% {
    stroke-dashoffset: 1550;
  }
  60% {
    stroke-dashoffset: 3100;
    fill: transparent;
    transform: scale(1);
  }
  100% {
    stroke-dashoffset: 3100;
  }
}

@keyframes stroke-animation {
  0% {
    stroke-dashoffset: 0;
  }
  30% {
    stroke-dashoffset: 1550;
  }
  60% {
    stroke-dashoffset: 3100;
    fill: transparent;
    transform: scale(1);
  }
  100% {
    stroke-dashoffset: 3100;
  }
}
#wrapper {
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 99;
  height: 100%;
  min-height: 100vh;
  background-color: #ffe7b5;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
}
#wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: transparent;
  content: "";
  z-index: 1002;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
#wrapper.open {
  transform: translate3d(-300px, 0, 0);
}
#wrapper.open::after {
  width: 100%;
  height: 100%;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition: opacity 0.5s;
}

section {
  position: relative;
  padding: 70px 0;
  background-color: #ffffff;
  z-index: 0;
}

.section-bg-color {
  background-color: #ffe7b5;
}

.section-title {
  float: none;
  text-align: center;
  margin: 0 auto 70px;
  position: relative;
  padding-bottom: 35px;
  font-family: "Playfair Display", serif;
}
.section-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 189px;
  max-width: 189px;
  height: 24px;
  background-repeat: no-repeat;
  background-position-x: center;
  transform: translateX(-50%);
}
.section-title.light {
  color: #ffe7b5;
}
.section-title.light::after {
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.section-title.desc {
  margin-bottom: 35px;
}

.section-title-lg {
  float: none;
  text-align: center;
  margin: 0 auto 70px;
  position: relative;
  font-size: 62pt;
  font-family: "Playfair Display", serif;
  line-height: 0.7;
}
.section-title-lg.light {
  color: #ffe7b5;
}
.section-title-lg small {
  font-size: 38pt;
  margin-top: 40px;
  position: relative;
  top: -20px;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  font-weight: 400;
  display: block;
}
.section-title-lg.desc {
  margin-bottom: 50px;
}

.section-desc {
  clear: both;
  margin-bottom: 40px;
}
.section-desc.light {
  color: #ffe7b5;
}

.cta {
  color: #530514;
  font-size: 16pt;
}

.bg-color {
  background-color: #530514;
  color: #ffe7b5;
}
.bg-color a:not(.btn) {
  color: #ffe7b5;
  background: linear-gradient(#fff, #fff) no-repeat 0 100%;
  background-size: 100% 1px;
  transition: background-size 0.3s ease-out, color 0.3s ease-out;
}
.bg-color a:not(.btn):hover {
  color: #ffe7b5;
  background-size: 0 1px;
}
.bg-color i,
.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color .sn-icons a {
  color: #ffe7b5;
}

.bg-color-overlay::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #3b040e;
  z-index: -1;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.center {
  float: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;
}

p.center {
  margin-bottom: 20px;
}

.h-lines,
.v-lines {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
  z-index: -1;
}

.h-lines::before,
.v-lines::before {
  content: "";
  position: absolute;
  border: inherit;
}

.h-lines {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor;
  top: calc(var(--border-size) * -1);
  bottom: calc(var(--border-size) * -1);
}

.h-lines::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--offset) - var(--border-size));
  right: calc(var(--offset) - var(--border-size));
}

.v-lines {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor;
  right: calc(var(--border-size) * -1);
  left: calc(var(--border-size) * -1);
}

.v-lines::before {
  top: calc(var(--offset) - var(--border-size));
  bottom: calc(var(--offset) - var(--border-size));
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}

.btn {
  --offset: 7px;
  --border-size: 1px;
  display: inline-block;
  color: #530514;
  background: transparent;
  position: relative;
  margin: 15px;
  padding: 15px 35px;
  border: 1px solid currentcolor;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1;
  outline: none;
  cursor: pointer;
  border-radius: 0;
  transition: all 0.5s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.btn:hover, .btn:focus, .btn:active {
  background: transparent;
  border-color: #530514;
  color: #530514;
  box-shadow: none;
}
.btn:hover .h-lines, .btn:focus .h-lines, .btn:active .h-lines {
  transform: scaleX(0);
}
.btn:hover .v-lines, .btn:focus .v-lines, .btn:active .v-lines {
  transform: scaleY(0);
}
.btn > i {
  margin-right: 10px;
}
.btn > i.after {
  margin-right: 0;
  margin-left: 10px;
}
.btn.reverse .h-lines {
  transform: scaleX(0);
}
.btn.reverse .v-lines {
  transform: scaleY(0);
}
.btn.reverse:hover .h-lines, .btn.reverse:focus .h-lines, .btn.reverse:active .h-lines {
  transform: scaleX(1);
}
.btn.reverse:hover .v-lines, .btn.reverse:focus .v-lines, .btn.reverse:active .v-lines {
  transform: scaleY(1);
}
.btn.only-icon > i {
  margin-right: 0;
}

.btn-primary {
  color: #530514;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: rgba(83, 5, 20, 0.05);
  border-color: #530514;
  color: #530514;
}
.btn-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(83, 5, 20, 0.2);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #530514;
  background-color: rgba(83, 5, 20, 0.05);
  border-color: #530514;
}
.btn-primary.disabled .h-lines, .btn-primary:disabled .h-lines {
  transform: scaleX(0);
}
.btn-primary.disabled .v-lines, .btn-primary:disabled .v-lines {
  transform: scaleY(0);
}

.btn-light {
  color: #fff;
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
  background: rgba(255, 255, 255, 0.2);
  border-color: #ffe7b5;
  color: #fff;
}
.btn-light:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.2);
}
.btn-light.disabled, .btn-light:disabled {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  border-color: #ffe7b5;
}
.btn-light.disabled .h-lines, .btn-light:disabled .h-lines {
  transform: scaleX(0);
}
.btn-light.disabled .v-lines, .btn-light:disabled .v-lines {
  transform: scaleY(0);
}

.btn-dark {
  color: #fff;
  background: rgba(115, 119, 123, 0.8);
  border: 2px solid #73777b;
}
.btn-dark .h-lines {
  border-top-color: #73777b;
  border-bottom-color: #73777b;
}
.btn-dark .v-lines {
  border-left-color: #73777b;
  border-right-color: #73777b;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
  background: rgba(115, 119, 123, 0.1);
  border-color: #73777b;
  color: #73777b;
}
.btn-dark:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(115, 119, 123, 0.2);
}
.btn-dark.disabled, .btn-dark:disabled {
  background: rgba(115, 119, 123, 0.1);
  border-color: #73777b;
  color: #73777b;
}
.btn-dark.disabled .h-lines, .btn-dark:disabled .h-lines {
  transform: scaleX(0);
}
.btn-dark.disabled .v-lines, .btn-dark:disabled .v-lines {
  transform: scaleY(0);
}

.btn-sm {
  padding: 0 20px;
  font-size: 0.9rem;
  font-size: 0.9rem;
  height: 30px;
  line-height: 27px;
}

[data-animation-delay] {
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.visible[data-animation-delay] {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.animate-fade {
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.animate-from-top {
  transform: translateY(-40px);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.animate-from-bottom {
  transform: translateY(40px);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.animate-from-left {
  transform: translateX(-40px);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.animate-from-right {
  transform: translateX(40px);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.animation-fade {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition-duration: 1.5s;
}

.animation-from-bottom,
.animation-from-top {
  transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
  transform: translateY(0px);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition-duration: 1.5s;
}

.animation-from-left,
.animation-from-right {
  transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
  transform: translateX(0px);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition-duration: 1.5s;
}

.parallax {
  position: relative;
  overflow: hidden;
  background-position: center center;
}

.parallax-background {
  width: 100%;
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-size: cover;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  margin-bottom: 70px;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item .item {
  margin: 0 2px;
  position: relative;
  border: 10px solid #fff;
  overflow: hidden;
}
.owl-carousel .owl-item .item img {
  width: 100%;
  height: auto;
}
.owl-carousel .owl-item .item:hover img {
  transform: scale(1.2);
}
.owl-carousel .owl-item .item .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  border: 10px solid transparent;
  z-index: 9;
  text-align: center;
  visibility: hidden;
  text-decoration: none;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.owl-carousel .owl-item .item .hover-img .btn {
  position: absolute;
  z-index: 2;
  top: -32px;
  left: 50%;
  margin: 0;
  font-size: 16pt;
  transform: translate(-50%, -50%);
}
.owl-carousel .owl-item .item:hover > .hover-img {
  visibility: visible;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.owl-carousel .owl-item .item:hover > .hover-img .btn {
  top: 50%;
}
.owl-carousel .owl-item .item img,
.owl-carousel .owl-item .hover-img {
  transition: all 0.3s ease-out;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav {
  border: 10px solid #fff;
  display: inline-block;
  position: absolute;
  left: -15px;
  bottom: -30px;
  background-color: #fff;
  z-index: 99;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  background: 0 0;
  font: inherit;
  width: 38px;
  border: 1px solid #530514;
  background-color: #fff;
  color: #530514;
  font-size: 22pt;
  padding-bottom: 6px;
  transition: all 0.3s ease;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #530514;
  color: #ffe7b5;
}
.owl-carousel .owl-nav button.owl-prev {
  margin-right: 10px;
}
.owl-carousel .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  bottom: -45px;
  left: 0;
  width: 100%;
}
.owl-carousel .owl-dots .owl-dot {
  color: inherit;
  display: inline-block;
  border: 0;
  background: transparent;
  padding: 0;
  transform: scale(1);
  *display: inline;
}
.owl-carousel .owl-dots .owl-dot:focus {
  outline: none;
}
.owl-carousel .owl-dots .owl-dot span, .owl-carousel .owl-dots .owl-dot:focus span {
  width: 20px;
  height: 3px;
  margin: 5px;
  background: #404040;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
  height: 6px;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.owl-carousel.light .owl-dots .owl-dot span, .owl-carousel.light .owl-dots .owl-dot:focus span {
  background: #fff;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-height {
  transition: height 0.5s ease-in-out;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

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

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.uppercase {
  text-transform: uppercase;
}

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

.no-padding-top {
  padding-top: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.extra-padding-section {
  padding: 250px 0;
}

.extra-padding-top {
  padding-top: 70px;
}

.extra-margin-section {
  margin: 50px 0;
}

.extra-margin {
  margin: 50px 0 !important;
}

.mt-40 {
  margin-top: 40px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-40 {
  margin-bottom: 40px;
}

.pattern {
  background-image: url("../images/neela-pattern.png");
  background-repeat: repeat;
}

.padding-divider-top {
  padding-top: 170px;
}

.padding-divider-bottom {
  padding-top: 170px;
}

.section-divider-top-1 {
  padding-top: 170px !important;
}
.section-divider-top-1.off-section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 130px;
}
.section-divider-top-1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 130px 100vw 0 0;
  border-color: #ffe7b5 transparent transparent transparent;
}
.section-divider-top-1.section-divider-bg-color::before {
  border-color: #ffe7b5 transparent transparent transparent;
}

.section-divider-top-2 {
  padding-top: 170px !important;
}
.section-divider-top-2.off-section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 130px;
}
.section-divider-top-2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 130px 100vw;
}
.section-divider-bottom-1 {
  padding-bottom: 145px !important;
}
.section-divider-bottom-1.off-section {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 130px;
}
.section-divider-bottom-1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 130px 100vw;
}
.section-divider-bottom-2 {
  padding-bottom: 170px !important;
}
.section-divider-bottom-2.off-section {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 130px;
}
.section-divider-bottom-2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 150px 0 0 100vw;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* #Header
================================================== */
#header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.nav-section {
  padding: 0;
  min-height: 70px;
  background: none repeat scroll 0 0 #530514;
  text-align: center;
}
.nav-section .nav-logo {
  float: left;
  padding: 5px 0;
  height: 65px;
  position: relative;
}
.nav-section .nav-logo img {
  max-height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.nav-section.light {
  background: transparent;
  border-bottom: 0;
  transition: background 0.3s;
}
.nav-section.light.sticky {
  background: #530514;
}

/* #Navigation
================================================== */
.navbar {
  float: right;
  min-height: 0;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Playfair Display", serif;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.nav > li > a:hover, .nav > li > a:focus,
.navbar-nav > li > a.active {
  background-color: transparent;
  color: #530514;
}

.navbar-nav {
  display: block;
}
.navbar-nav > li {
  display: inline-block;
}
.navbar-nav > li.dropdown > a .caret {
  border-right: 3px solid rgba(0, 0, 0, 0);
  border-top: 3px solid;
  margin-left: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 4px solid transparent;
}
.navbar-nav > li > a {
  padding: 0 20px;
  display: block;
  color: #404040;
  line-height: 70px;
  text-transform: uppercase;
  font-size: 12pt;
  text-align: center;
  transition: all 0.3s;
}
.navbar-nav .dropdown-menu {
  position: absolute;
  top: 70px;
  background-color: rgba(255, 255, 255, 0.94);
  text-align: center;
  padding: 0;
  border: none;
  display: none;
  font-size: 13pt;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176);
  left: 50%;
  margin-left: -80px;
  border-radius: 0px;
  transform: translateZ(0);
}
.navbar-nav .open > .dropdown-menu,
.navbar-nav .dropdown-menu:hover {
  display: block;
}
.navbar-nav .dropdown-menu > li > a {
  display: block;
  color: #404040;
  line-height: 1;
  padding: 12px;
  position: relative;
  transition: all 0.2s;
}
.navbar-nav .dropdown-menu > li > a::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 86%;
  left: 7%;
  bottom: 0;
  background-color: #e2e7ec;
}
.navbar-nav .dropdown-menu > li:last-child a::before {
  height: 0;
}
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu > li > a.active {
  background-color: #ffe7b5;
  color: #530514;
}
.navbar-nav .dropdown-submenu {
  position: relative;
}
.navbar-nav .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: -1px;
  max-height: 0;
  overflow: hidden;
}
.navbar-nav .dropdown-submenu > .dropdown-menu > li > a::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 86%;
  left: 7%;
  bottom: 0;
  background-color: #e2e7ec;
}
.navbar-nav .dropdown-submenu > .dropdown-menu > li:last-child a::before {
  height: 0;
}
.navbar-nav .dropdown-submenu:hover > .dropdown-menu {
  max-height: 500px;
  overflow: visible;
}
.navbar-nav .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-left-color: #404040;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 8px;
}
.navbar-nav .dropdown-submenu:hover > a:after {
  border-left-color: #530514;
}
.navbar-nav .dropdown-submenu:hover .dropdown-menu {
  display: block;
}
.navbar-nav .dropdown-submenu .pull-left {
  float: none;
}
.navbar-nav .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.navbar-nav > li.dropdown:hover > .dropdown-menu {
  display: block;
}

.light .nav .open > a, .light .nav .open > a:hover, .light .nav .open > a:focus,
.light .nav > li > a:hover, .light .nav > li > a:focus,
.light .navbar-nav > li > a.active {
  color: #ffe7b5;
}
.light .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.7);
}

#nav-mobile-btn {
  background-color: #530514;
  border: 0;
  color: #ffe7b5;
  font-size: 28px;
  width: 40px;
  padding: 5px 0;
  margin-top: 14px;
  line-height: 1;
  text-align: center;
  float: right;
  display: none;
  border-radius: 4px;
  transition: all 0.3s;
}
#nav-mobile-btn:active, #nav-mobile-btn:hover {
  background-color: #0b0103;
}

.light #nav-mobile-btn {
  background-color: transparent;
  color: #ffe7b5;
}
.light #nav-mobile-btn:active, .light #nav-mobile-btn:hover {
  background-color: #530514;
}
.light.sticky #nav-mobile-btn:active, .light.sticky #nav-mobile-btn:hover {
  background-color: #ffe7b5;
  color: #530514;
}

.nav-mobile {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  visibility: hidden;
  width: 300px;
  height: 100%;
  background: #F7F8FA;
  padding: 15px;
  overflow: auto;
  transform: translate3d(50%, 0, 0);
  border-left: 5px solid rgba(83, 5, 20, 0.3);
  transition: all 0.5s;
}
.nav-mobile > i {
  position: absolute;
  top: 6px;
  right: 15px;
  font-size: 28px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: transparent;
  transition: all 0.5s;
  border-radius: 4px;
}
.nav-mobile > i:hover, .nav-mobile > i:active {
  color: #1a1a1a;
  background-color: #f1f3f6;
}
.nav-mobile h2 {
  text-align: center;
  margin: 10px 0 25px;
  font-size: 26pt;
}
.nav-mobile h2 i {
  margin-right: 10px;
}
.nav-mobile a {
  color: #404040;
}
.nav-mobile a:hover {
  color: #530514;
  text-decoration: none;
}
.nav-mobile a:focus {
  text-decoration: none;
}
.nav-mobile ul {
  list-style: none;
}
.nav-mobile > ul {
  padding: 0;
}
.nav-mobile > ul li {
  margin-bottom: 10px;
}
.nav-mobile > ul li > a {
  margin-bottom: 10px;
  display: block;
}
.nav-mobile > ul > li {
  margin-bottom: 20px;
  padding-left: 10px;
}
.nav-mobile > ul ul {
  padding-left: 15px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.nav-mobile::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: none;
  opacity: 1;
  transition: opacity 0.5s;
}

.nav-mobile.open {
  visibility: visible;
  transition: transform 0.5s;
  transform: translate3d(0, 0, 0);
}

.nav-mobile.open::after {
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.stuck {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.stuck #mobile-nav {
  margin-right: 10%;
}

/* #Hero
================================================== */
#hero {
  position: relative;
  min-height: 200px;
  background-color: transparent;
  text-align: center;
  overflow: hidden;
  padding: 75px 0;
  z-index: 0;
}
#hero::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #3b040e;
  z-index: 0;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#hero > .container {
  position: relative;
}

.hero-wrapper {
  position: relative;
  padding: 90px 0;
}
.hero-wrapper::before, .hero-wrapper::after {
  content: "";
  width: 278px;
  height: 503px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  transform: translateY(-50%);
}
.hero-wrapper::after {
  left: auto;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
.hero-wrapper.x-pad {
  padding: 150px 0;
}
.hero-wrapper h2 {
  color: #ffe7b5;
  font-size: 18pt;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.hero-wrapper h1.hero-title {
  padding-bottom: 3px;
  margin-bottom: 40px;
}
.hero-wrapper h1.hero-title:after {
  content: "";
  height: 1px;
  width: 100px;
  position: absolute;
  bottom: -34px;
  left: 50%;
  margin-left: -50px;
  background-color: #ffe7b5;
}
.hero-wrapper .hero-subtitle {
  font-style: normal;
  font-size: 18pt;
}
.hero-wrapper .hero-subtitle span {
  font-family: "Playfair Display", serif;
  font-size: 50pt;
  position: relative;
  top: 10px;
  margin: 0 14px;
}
.hero-wrapper .btn {
  margin-top: 40px;
}

.hero-divider-top,
.hero-divider-bottom {
  position: relative;
  width: 100%;
  height: 34px;
  margin: 40px auto;
}
.hero-divider-top::before,
.hero-divider-bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 34px;
  background-position-x: center;
  background-repeat: no-repeat;
}
.hero-divider-bottom::before {
  transform: scaleY(-1);
}

.hero-title {
  color: #530514;
  font-family: "Playfair Display", serif;
  font-size: 74pt;
  margin-bottom: 5px;
  position: relative;
  min-height: 55px;
  line-height: 1;
}
.hero-title small {
  font-size: 36pt;
  display: inline-block;
}
.hero-title span {
  display: inline-block;
}
.hero-title.light {
  color: #ffe7b5;
}

.hero-subtitle {
  color: #530514;
  font-size: 16pt;
  font-family: "Poppins", sans-serif;
  font-style: italic;
  font-weight: 300;
}
.hero-subtitle.light {
  color: #ffe7b5;
}

/* Hero Slider ---- */
.zs-enabled {
  position: relative;
}

.zs-enabled .zs-slideshow,
.zs-enabled .zs-slides,
.zs-enabled .zs-slide {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  padding: 0;
}

.zs-enabled .zs-slideshow,
.zs-enabled .zs-slides {
  position: fixed;
  max-height: 100vh;
}

.zs-enabled .zs-slideshow .zs-slides .zs-slide {
  background: transparent none no-repeat 50% 50%;
  background-size: cover;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transform: scale(1.2, 1.2);
  filter: grayscale(1%); /*Fix flickering on Firefox*/
}

.zs-enabled .zs-slideshow .zs-slides .zs-slide.active {
  visibility: visible;
  opacity: 1;
}

.zs-enabled .zs-slideshow .zs-bullets {
  position: absolute;
  z-index: 4;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}

.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {
  display: inline-block;
  cursor: pointer;
  border: 2px solid #ccc;
  width: 14px;
  height: 14px;
  border-radius: 8px;
  margin: 10px;
  background-color: #4a4a4a;
}

.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active {
  background-color: #ccc;
}

.zs-enabled .zs-slideshow:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: transparent none repeat 0 0;
}

.countdown {
  margin: 30px auto 50px;
  min-height: 59px;
}
.countdown > div {
  display: inline-block;
  color: #ffe7b5;
  text-align: center;
  line-height: 1;
  padding: 0 22px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.countdown > div:last-child {
  border-right: none;
}
.countdown > div > span {
  font-size: 12pt;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
}
.countdown > div > div {
  font-size: 55pt;
}
.countdown .end {
  font-size: 24pt;
}

.free-wall {
  display: block;
  position: fixed;
  left: 0;
  top: 56px;
  overflow: hidden;
  z-index: -999;
  height: 100%;
  width: 100%;
  padding: 0;
  max-width: none;
  -webkit-backface-visibility: hidden;
}
.free-wall .item {
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: default;
  float: left;
  overflow: hidden;
  height: 33.3333%;
}
.free-wall .item img {
  height: 100%;
  width: 100%;
  visibility: hidden;
}
.free-wall .item[data-state=init] {
  display: none;
}
.free-wall .item[data-state=start] {
  display: block;
  animation: start 0.5s;
  -webkit-animation: start 0.5s;
}
.free-wall .item[data-state=move] {
  transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
  -webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
}

.background-video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}

/* #ABOUT US
================================================== */
#about-us {
  margin-top: -210px;
  background: linear-gradient(to bottom, #fff, #fff) no-repeat 0px 210px;
  position: relative;
}

.about-elems-wrapper {
  position: relative;
}

.element {
  position: relative;
  margin-bottom: 40px;
}
.element .highlight {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffe7b5;
  margin-bottom: 30px;
  font-family: "Playfair Display", serif;
}
.element .highlight i {
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.element .image {
  position: relative;
  width: 100%;
  overflow: hidden;
  box-shadow: inset 0px 0px 0px 15px #fff;
  transition: all 0.3s;
}
.element .image::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.element .image img {
  width: 100%;
  height: auto;
  z-index: -1;
  position: relative;
  transition: all 0.3s;
}
.element .image .hover-info {
  --offset: 10px;
  --border-size: 1px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 36px solid transparent;
  background-color: rgba(255, 255, 255, 0.85);
  text-align: left;
  z-index: 1;
  transition: all 0.3s;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.element .image .hover-info .h-lines {
  transform: scaleX(0);
  border-top-color: #530514;
  border-bottom-color: #530514;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.element .image .hover-info .v-lines {
  transform: scaleY(0);
  border-left-color: #530514;
  border-right-color: #530514;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.element .image .hover-info .content {
  width: 100%;
  height: auto;
  padding: 15px;
  overflow: auto;
  position: relative;
  z-index: 1;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.element .image .hover-info .content p {
  width: 100%;
  margin-bottom: 20px;
}
.element .image .hover-info .sn-icons {
  float: none;
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.element .image .hover-info .sn-icons a {
  color: #530514;
}
.element .image .hover-info h3 {
  margin-bottom: 33px;
  position: relative;
  font-family: "Playfair Display", serif;
  font-size: 30pt;
}
.element .image .hover-info h3 small {
  display: block;
  font-size: 12pt;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 6px;
}
.element .image:hover {
  box-shadow: none;
}
.element .image:hover .hover-info {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.element .image:hover .hover-info .h-lines {
  transform: scaleX(1);
}
.element .image:hover .hover-info .v-lines {
  transform: scaleY(1);
}
.element .image:hover img {
  webkit-filter: blur(4px) grayscale(80%) brightness(1.4);
  filter: blur(4px) grayscale(80%) brightness(1.4);
}

.divider-about-us {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -52.5px;
  color: #530514;
  background-color: #ffe7b5;
  width: 105px;
  height: 105px;
  line-height: 105px;
  text-align: center;
  z-index: 2;
  border-radius: 100%;
}
.divider-about-us i {
  display: inline-block;
  color: #530514;
  font-size: 44pt;
  transform: rotate(360deg);
  transition: transform 0.3s ease;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.divider-about-us i::before {
  line-height: 105px;
}
.divider-about-us.flip i {
  transform: rotateY(180deg);
}

.about-us-desc {
  text-align: center;
}
.about-us-desc h3 {
  font-family: "Playfair Display", serif;
  margin-bottom: 40px;
  font-weight: 700;
}
.about-us-desc h3 small {
  display: block;
  font-weight: 400;
  font-size: 18pt;
}

.neela-quote {
  position: relative;
  padding: 46px 0;
  font-style: italic;
  font-size: 22pt;
  font-weight: 300;
  text-align: center;
  margin-top: 1rem;
}
.neela-quote::before, .neela-quote::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background-position-x: center;
  background-repeat: no-repeat;
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.neela-quote::after {
  top: auto;
  bottom: 0;
}
.neela-quote.light {
  color: #ffe7b5;
}
.neela-quote.light::before, .neela-quote.light::after {
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.neela-quote.small {
  font-size: 16pt;
}

#about-us-quote-section {
  background-color: #f9f9f9;
}

.element-v2 {
  position: relative;
  margin-top: 50px;
  margin-bottom: 100px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.element-v2 .image {
  width: 40%;
  height: 100%;
  display: table-cell;
  float: none;
  vertical-align: top;
  padding: 0;
  margin: 0;
  min-height: 0;
  background-clip: border-box;
  background-origin: padding-box;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.element-v2 .info {
  --offset: 12px;
  --border-size: 1px;
  position: relative;
  width: 60%;
  height: 100%;
  border: 35px solid transparent;
  border-left-width: 42px;
  border-right-width: 42px;
  text-align: center;
  z-index: 1;
  display: table-cell;
  float: none;
  vertical-align: top;
  background-color: #ffe7b5;
  box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1);
  transform: translate(-30px, 30px);
}
.element-v2 .info .h-lines {
  border-top-color: #530514;
  border-bottom-color: #530514;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.element-v2 .info .v-lines {
  border-left-color: #530514;
  border-right-color: #530514;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.element-v2 .info .content {
  width: 100%;
  height: 100%;
  padding: 30px;
  position: relative;
  z-index: 1;
}
.element-v2 .info .content p {
  margin-bottom: 0;
}
.element-v2 .info .sn-icons {
  float: none;
  position: relative;
  margin: 30px 0 10px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.element-v2 .info .sn-icons a {
  color: #530514;
}
.element-v2 .info h3 {
  margin-top: 12px;
  margin-bottom: 18px;
  position: relative;
  font-family: "Playfair Display", serif;
}
.element-v2 .info h3 small {
  display: block;
  font-size: 14pt;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-style: italic;
}
.element-v2 .info p {
  width: 100%;
}
.element-v2::before {
  content: "";
  width: 337px;
  height: 230px;
  position: absolute;
  top: -48px;
  right: -112px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: scaleX(-1) rotate(-16deg);
}
.element-v2.photo-right {
  margin-bottom: 50px;
}
.element-v2.photo-right::before {
  top: auto;
  right: auto;
  left: -110px;
  bottom: -50px;
  transform: scaleX(-1) rotate(165deg);
}
.element-v2.photo-right .info {
  transform: translate(30px, -30px);
}

/* #Our Story
================================================== */
#our-story-title {
  font-size: 38pt;
  line-height: 38pt;
  text-align: center;
  color: #ffe7b5;
  font-family: "Playfair Display", serif;
}
#our-story-title .section-title {
  margin-bottom: 0;
}

.timeline {
  position: relative;
}
.timeline::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #530514;
  clear: both;
  transition: height 0.3s linear;
}
.timeline::after {
  content: "";
  display: table;
  clear: both;
}
.timeline .year {
  clear: both;
  padding: 7px 0;
  position: relative;
  z-index: 1;
  text-align: center;
  width: 100%;
  background-color: #ffe7b5;
  margin-bottom: 70px;
}
.timeline .year:first-child {
  padding-top: 0;
}
.timeline .year .neela-style {
  --offset: 7px;
  --border-size: 1px;
  font-family: "Playfair Display", serif;
  color: #530514;
  font-size: 27pt;
  position: relative;
  padding: 4px 32px;
}
.timeline .year .neela-style .h-lines {
  border-top-color: #530514;
  border-bottom-color: #530514;
}
.timeline .year .neela-style .v-lines {
  border-left-color: #530514;
  border-right-color: #530514;
}
.timeline .date {
  background-color: #530514;
  border: 10px solid #fff;
  padding: 26px 22px;
  display: inline-block;
  position: absolute;
  top: 50px;
  z-index: 10;
  right: 19%;
}
.timeline .date .neela-style {
  --offset: 7px;
  --border-size: 1px;
  font-family: "Playfair Display", serif;
  color: #ffe7b5;
  font-size: 18pt;
  position: relative;
  padding: 8px 18px;
}
.timeline .date .neela-style .h-lines {
  border-top-color: rgba(255, 255, 255, 0.3);
  border-bottom-color: rgba(255, 255, 255, 0.3);
}
.timeline .date .neela-style .v-lines {
  border-left-color: rgba(255, 255, 255, 0.3);
  border-right-color: rgba(255, 255, 255, 0.3);
}
.timeline .description-wrapper {
  position: relative;
  z-index: 10;
}
.timeline .description {
  background-color: #530514;
  border: 10px solid #fff;
  padding: 30px;
  display: inline-block;
  position: relative;
  z-index: 10;
  text-align: center;
}
.timeline .description .neela-style {
  --offset: 9px;
  --border-size: 1px;
  color: #ffe7b5;
  position: relative;
  padding: 30px 20px;
}
.timeline .description .neela-style .h-lines {
  border-top-color: rgba(255, 255, 255, 0.3);
  border-bottom-color: rgba(255, 255, 255, 0.3);
}
.timeline .description .neela-style .v-lines {
  border-left-color: rgba(255, 255, 255, 0.3);
  border-right-color: rgba(255, 255, 255, 0.3);
}
.timeline .description h4 {
  float: none;
  text-align: center;
  margin: 0 auto 15px;
  position: relative;
  padding-bottom: 40px;
  color: #ffe7b5;
  display: inline-block;
  font-family: "Playfair Display", serif;
}
.timeline .description h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 19px;
  background-position: center center;
  background-repeat: no-repeat;
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.timeline .description h4.has-icon {
  padding-left: 45px;
}
.timeline .description h4.has-icon i {
  position: absolute;
  left: -8px;
  top: -8px;
  font-size: 36pt;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.timeline .description p {
  margin: 0;
}
.timeline .template-1,
.timeline .template-2 {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  position: relative;
  margin-bottom: 100px;
}
.timeline .template-1::before, .timeline .template-1::after,
.timeline .template-2::before,
.timeline .template-2::after {
  content: "";
  width: 424px;
  height: 398px;
  position: absolute;
  top: -60px;
  right: -150px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
}
.timeline .template-1::after,
.timeline .template-2::after {
  top: auto;
  right: auto;
  bottom: -100px;
  left: -150px;
  transform: rotate(180deg);
}
.timeline .template-1 .image-1,
.timeline .template-2 .image-1 {
  grid-column: 1/span 14;
  grid-row: 1;
  z-index: 1;
  max-width: 100%;
}
.timeline .template-1 .image-1 img,
.timeline .template-2 .image-1 img {
  border: 10px solid #fff;
  width: 100%;
  height: auto;
  display: block;
}
.timeline .template-1 .image-2,
.timeline .template-2 .image-2 {
  grid-column: 12/-1;
  grid-row: 1;
  padding-top: 25%;
  z-index: 1;
  max-width: 100%;
}
.timeline .template-1 .image-2 img,
.timeline .template-2 .image-2 img {
  border: 10px solid #fff;
  width: 100%;
  height: auto;
  display: block;
}
.timeline .template-1 .description-wrapper,
.timeline .template-2 .description-wrapper {
  grid-column: 3/span 12;
  grid-row: 1;
  margin-top: 100%;
}
.timeline .template-2::after {
  bottom: 20px;
}
.timeline .template-2 .date {
  top: 90px;
  right: 15%;
}
.timeline .template-2 .videoEmbed {
  grid-column: 1/span 16;
  grid-row: 1;
  z-index: 3;
  max-width: 100%;
}
.timeline .template-2 .videoEmbed img,
.timeline .template-2 .videoEmbed iframe,
.timeline .template-2 .videoEmbed embed,
.timeline .template-2 .videoEmbed object {
  border: 10px solid #fff;
  background: #fff;
  width: 100%;
  display: block;
}
.timeline .template-2 .image-1 {
  grid-column: 13/-1;
  padding-top: 35%;
  z-index: 1;
}
.timeline .template-2 .image-2 {
  grid-column: 2/span 12;
  padding-top: 65%;
  z-index: 2;
}
.timeline .template-2 .description-wrapper {
  grid-column: 11/span 12;
  grid-row: 1;
  margin-top: 150%;
}

.gallery-container {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  position: relative;
  margin-bottom: 100px;
}
.gallery-container::after {
  content: "";
  width: 424px;
  height: 398px;
  position: absolute;
  bottom: -75px;
  left: -165px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scaleY(-1) rotate(-90deg);
}
.gallery-container .description-wrapper {
  grid-column: 14/-1;
  grid-row: 1;
  margin-top: 10%;
  z-index: 1;
}
.gallery-container .description-wrapper .description {
  transition: transform 0.5s ease-in-out;
}
.gallery-container .timeline-gallery-wrapper {
  grid-column: 1/span 18;
  grid-row: 1;
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.gallery-container:hover .description {
  transform: translateX(35%);
}

.timeline_footer {
  clear: both;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  display: inline-block;
  line-height: 1;
}
.timeline_footer i {
  display: inline-block;
  font-size: 60pt;
  color: #530514;
  margin-top: 21px;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.timeline_footer .punchline {
  font-size: 60pt;
  font-weight: 700;
  font-family: "Playfair Display", serif;
  color: #530514;
  padding-bottom: 60px;
  text-transform: uppercase;
}
.timeline_footer .punchline small {
  display: block;
  font-size: 18pt;
  margin-bottom: 6px;
  font-weight: 400;
}

/* #Invite
================================================== */
.invite {
  color: #ffe7b5;
  position: relative;
  padding: 0;
  display: flex;
  margin-top: 25px;
  margin-bottom: 60px;
  text-align: center;
  --offset: 14px;
  --border-size: 2px;
}
.invite.neela-style .h-lines {
  border-top-color: #ffe7b5;
  border-bottom-color: #ffe7b5;
  z-index: 0;
}
.invite.neela-style .v-lines {
  border-left-color: #ffe7b5;
  border-right-color: #ffe7b5;
  z-index: 0;
}
.invite .invite_title {
  font-family: "Playfair Display", serif;
  font-size: 90pt;
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  overflow: hidden;
}
.invite .invite_title .text {
  display: flex;
  flex-direction: column;
  line-height: 62px;
  text-align: center;
  position: relative;
  padding: 130px 80px;
}
.invite .invite_title .text::before, .invite .invite_title .text::after {
  content: "";
  width: 173px;
  height: 154px;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.invite .invite_title .text::after {
  top: auto;
  right: auto;
  bottom: 11px;
  left: 4px;
  transform: rotate(-180deg);
}
.invite .invite_title .text small {
  display: block;
  font-size: 16pt;
  top: 10px;
  left: 50%;
  position: relative;
  text-transform: uppercase;
  transform: translateX(-50%);
}
.invite .invite_title .text span:last-child {
  margin-left: 24px;
}
.invite .invite_info {
  width: 52%;
  font-size: 12pt;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  padding: 40px 30px;
  background-color: rgba(83, 5, 20, 0.7);
  color: #ffe7b5;
}
.invite .invite_info h2 {
  margin-bottom: 8px;
  color: #ffe7b5;
  font-family: "Playfair Display", serif;
}
.invite .invite_info h2 small {
  font-size: 16pt;
}
.invite .invite_info .date {
  font-family: "Playfair Display", serif;
  font-size: 26pt;
  font-weight: 700;
  padding: 35px 0 41px;
  margin: 20px 0;
  position: relative;
}
.invite .invite_info .date::before, .invite .invite_info .date::after {
  content: "";
  width: 100%;
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.invite .invite_info .date::after {
  top: auto;
  bottom: 0;
  transform: scaleY(-1);
}
.invite .invite_info .date small {
  display: block;
  font-size: 18pt;
  font-weight: 400;
}
.invite .invite_info h5 {
  color: #ffe7b5;
  margin-top: 12px;
  font-family: "Playfair Display", serif;
}

.overflow-content {
  z-index: 1;
  /*margin: 100px 0;*/
  position: relative;
  padding: 70px 0;
}

.overflow-content-over {
  z-index: 1;
}

.overflow-image-wrapper {
  position: relative;
}

.overflow-image-text {
  width: 50%;
}

.overflow-image {
  position: absolute;
  right: 0;
  top: -140px;
  bottom: -140px;
  width: 38%;
  height: auto;
  border: 20px solid #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.overflow-image img {
  border: 20px solid #fff;
  display: none;
}
.overflow-image.flower::before {
  content: "";
  width: 424px;
  height: 398px;
  position: absolute;
  top: 50%;
  right: -274px;
  margin-top: -212px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(45deg);
}

.menu-section {
  position: relative;
  background-color: #530514;
}
.menu-section::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 33.3%;
  height: 100%;
  background-color: #530514;
  z-index: 0;
}

.menu-wrapper {
  padding: 60px 56px;
  background-color: #530514;
  color: #ffe7b5;
  z-index: 1;
}
.menu-wrapper .neela-style {
  --offset: 10px;
  --border-size: 1px;
  color: #ffe7b5;
  position: relative;
  padding: 46px 46px;
  z-index: 0;
}
.menu-wrapper .neela-style .h-lines {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.menu-wrapper .neela-style .v-lines {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.menu-wrapper .menu-top-flowers::before, .menu-wrapper .menu-top-flowers::after {
  content: "";
  width: 170px;
  height: 151px;
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.menu-wrapper .menu-top-flowers::after {
  right: auto;
  left: 10px;
  transform: scaleX(-1);
}
.menu-wrapper .menu-bottom-flowers::before, .menu-wrapper .menu-bottom-flowers::after {
  content: "";
  width: 170px;
  height: 151px;
  position: absolute;
  bottom: 8px;
  right: 10px;
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  transform: scaleX(-1) rotate(180deg);
}
.menu-wrapper .menu-bottom-flowers::after {
  right: auto;
  left: 10px;
  transform: rotate(180deg);
}
.menu-wrapper h2.section-title-lg {
  color: #ffe7b5;
}
.menu-wrapper .menu-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-wrapper .menu-items li {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 3px;
}
.menu-wrapper .menu-items li h3 {
  color: #ffe7b5;
  text-transform: uppercase;
  font-size: 19pt;
  margin-bottom: 10px;
}
.menu-wrapper .menu-items li h4 {
  color: #ffe7b5;
  text-transform: uppercase;
  font-size: 12pt;
  margin-top: 12px;
  margin-bottom: 4px;
}
.menu-wrapper .menu-items li h4 ~ h4 {
  margin-top: 25px;
}
.menu-wrapper .menu-items li p {
  font-style: italic;
}
.menu-wrapper .menu-items li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}
.menu-wrapper .menu-items li:last-child:after {
  display: none;
}

.half-img {
  padding: 0;
  margin: 0;
  min-height: 0;
  background-clip: border-box;
  background-origin: padding-box;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
}

/* #Wedding Location
================================================== */
.map-info-container {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  position: relative;
  margin-bottom: 50px;
}
.map-info-container::before {
  content: "";
  width: 1px;
  height: calc(100% + 59px);
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #530514;
  clear: both;
}
.map-info-container .info-wrapper {
  grid-column: 1/span 9;
  grid-row: 1;
  margin-top: 10%;
  z-index: 1;
}
.map-info-container .info-wrapper .location-info {
  background-color: #530514;
  border: 10px solid #fff;
  padding: 30px;
  display: inline-block;
  position: relative;
  z-index: 10;
  text-align: center;
  width: 100%;
  transition: transform 0.5s ease-in-out;
}
.map-info-container .info-wrapper .location-info .neela-style {
  --offset: 9px;
  --border-size: 1px;
  color: #ffe7b5;
  position: relative;
  padding: 24px 12px;
}
.map-info-container .info-wrapper .location-info .neela-style .h-lines {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.map-info-container .info-wrapper .location-info .neela-style .v-lines {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.map-info-container .info-wrapper .location-info h4 {
  float: none;
  text-align: left;
  margin: 0 auto 25px;
  position: relative;
  color: #ffe7b5;
  display: inline-block;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: 25pt;
}
.map-info-container .info-wrapper .location-info h4.has-icon {
  padding-left: 80px;
  padding-top: 10px;
}
.map-info-container .info-wrapper .location-info h4.has-icon i {
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 50pt;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.map-info-container .info-wrapper .location-info h4 small {
  display: block;
  font-weight: 400;
  font-size: 16pt;
}
.map-info-container .info-wrapper .location-info h5 {
  color: #ffe7b5;
  font-family: "Poppins", sans-serif;
  font-size: 15pt;
}
.map-info-container .info-wrapper .location-info .info-map-divider {
  position: relative;
  width: 100%;
  height: 19px;
  margin: 30px 0;
}
.map-info-container .info-wrapper .location-info .info-map-divider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 19px;
  background-position: center center;
  background-repeat: no-repeat;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.map-info-container .info-wrapper .location-info p {
  margin: 0;
  font-style: italic;
  font-weight: 300;
}
.map-info-container .map-wrapper {
  grid-column: 6/-1;
  grid-row: 1;
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.map-info-container .location-info.open {
  transform: translateX(-25%);
}

#map_canvas {
  width: 100%;
  height: 520px;
  position: relative;
  border: 15px solid #fff;
  background: #fff;
}
#map_canvas img {
  max-width: none;
}

.marker {
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  background-color: #ffe7b5;
  color: #530514;
  border: 2px solid #530514;
  font-size: 16pt;
  line-height: 35px;
  border-radius: 6px;
  transition: all 0.3s ease-out;
}
.marker::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 9px 0 9px;
  border-color: #ffffff transparent transparent transparent;
  line-height: 0px;
  _border-color: #ffffff #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color="#000000");
  transition: all 0.3s ease-out;
}
.marker::before {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #530514 transparent transparent transparent;
  line-height: 0px;
  _border-color: #530514 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color="#000000");
  transition: all 0.3s ease-out;
}
.marker:hover {
  background-color: #530514;
  border-color: #ffe7b5;
  color: #ffe7b5;
}
.marker:hover::after {
  border-color: #530514 transparent transparent transparent;
}
.marker:hover::before {
  border-color: #ffffff transparent transparent transparent;
}

.marker > div {
  margin: 0;
  padding: 0;
}

.infoWindow {
  width: 200px;
}

.map_pins {
  padding: 4px 0;
  text-align: center;
  background-color: #ffe7b5;
  position: absolute;
  right: 0;
  top: 475px;
}
.map_pins .pins {
  list-style: none;
  color: #adb1b5;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.map_pins .pins li {
  display: inline-block;
  padding: 0;
  margin: 6px 14px;
}
.map_pins .pins li i,
.map_pins .pins li .fa {
  margin-right: 5px;
  font-size: 14pt;
  position: relative;
  top: 1px;
}

.wedding-details {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  padding: 0 30px 30px;
}
.wedding-details::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 20%;
  height: 60%;
  width: 1px;
  background: #e3e3e3;
}
.wedding-details > i {
  color: #530514;
  font-size: 60pt;
  line-height: 0;
}
.wedding-details h4 {
  font-family: "Playfair Display", serif;
  font-size: 35pt;
  margin-bottom: 38px;
}
.wedding-details h4 small {
  font-family: "Poppins", sans-serif;
  font-size: 11pt;
  display: block;
  margin-top: 6px;
}
.wedding-details:last-child::after {
  display: none;
}
.wedding-details.light {
  color: #ffe7b5;
}
.wedding-details.light i,
.wedding-details.light h4 {
  color: #ffe7b5;
}

#map_canvas_full {
  width: 100%;
  height: 520px;
  position: relative;
}
#map_canvas_full img {
  max-width: none;
}

.map_pins_full {
  padding: 11px 0;
  text-align: center;
  background-color: #530514;
  color: #ffe7b5;
}
.map_pins_full .pins {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.map_pins_full .pins li {
  display: inline-block;
  padding: 0;
  margin: 6px 18px;
}
.map_pins_full .pins li i,
.map_pins_full .pins li .fa {
  margin-right: 9px;
  font-size: 14pt;
  position: relative;
  top: 1px;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/* #Bridesmaids & Groomsmen
================================================== */
.bmaid-gmen .image,
.bmaid-gmen-color .image {
  border: none;
  box-shadow: none;
}
.bmaid-gmen .image .hover-info,
.bmaid-gmen-color .image .hover-info {
  border: 35px solid transparent;
}
.bmaid-gmen .image .hover-info .content,
.bmaid-gmen-color .image .hover-info .content {
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
.bmaid-gmen .image .hover-info h3 small,
.bmaid-gmen-color .image .hover-info h3 small {
  font-size: 12pt;
  margin-top: 8px;
}

.bmaid-gmen-color .image .hover-info {
  background-color: #530514;
}
.bmaid-gmen-color .image .hover-info .h-lines {
  border-top-color: #ffe7b5;
  border-bottom-color: #ffe7b5;
}
.bmaid-gmen-color .image .hover-info .v-lines {
  border-left-color: #ffe7b5;
  border-right-color: #ffe7b5;
}
.bmaid-gmen-color .image .hover-info h3,
.bmaid-gmen-color .image .hover-info .sn-icons a {
  color: #ffe7b5;
}

/* #Testimonials
================================================== */
.side-flowers-light {
  overflow: hidden;
}
.side-flowers-light::after, .side-flowers-light::before {
  content: "";
  width: 407px;
  height: 804px;
  position: absolute;
  top: 50%;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.side-flowers-light::before {
  left: 0;
  transform: translateY(-50%);
}
.side-flowers-light::after {
  right: 0;
  transform: scaleX(-1) translateY(-50%);
}

.side-flowers {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.side-flowers::after, .side-flowers::before {
  content: "";
  width: 782px;
  height: 534px;
  position: absolute;
  top: 50%;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.side-flowers::before {
  left: -354px;
  transform: scaleX(-1) translateY(-50%) rotate(-60deg);
}
.side-flowers::after {
  right: -354px;
  transform: scaleX(-1) translateY(-50%) rotate(104deg);
}

section.side-flowers {
  position: relative;
  z-index: 0;
}

.testimonials .owl-item .item {
  border: 0;
  text-align: center;
}
.testimonials .owl-item .item blockquote {
  padding: 20px 75px;
  position: relative;
}
.testimonials .owl-item .item blockquote::before, .testimonials .owl-item .item blockquote::after {
  content: "“";
  position: absolute;
  font-family: "Playfair Display", serif;
  font-size: 145pt;
  line-height: 1;
  left: 0;
  top: 50%;
  margin-top: -68px;
  -khtml-opacity: 0.26;
  -moz-opacity: 0.26;
  opacity: 0.26;
}
.testimonials .owl-item .item blockquote::after {
  content: "”";
  left: auto;
  right: 0;
}
.testimonials .owl-item .item .author {
  margin-top: 45px;
  margin-bottom: 20px;
}
.testimonials .owl-item .item .author h3 {
  font-family: "Playfair Display", serif;
  color: #404040;
}
.testimonials .owl-item .item .author h3 small {
  position: relative;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 11pt;
  font-style: italic;
  margin-top: 32px;
}
.testimonials .owl-item .item .author h3 small::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 1px;
  background-color: #404040;
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}

.light .owl-item .item {
  color: #ffe7b5;
}
.light .owl-item .item .author h3 {
  color: #ffe7b5;
}
.light .owl-item .item .author h3 small::before {
  background-color: #ffe7b5;
}

/* #Gift Registry
================================================== */
#giftregistry {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.wedding-gifts {
  list-style: none;
  margin-bottom: 35px;
  margin-top: 15px;
  padding: 0;
}
.wedding-gifts li {
  position: relative;
  display: block;
  color: #530514;
  background-color: #ffe7b5;
  padding: 35px;
  margin-bottom: 35px;
}
.wedding-gifts li .neela-style {
  --offset: 7px;
  --border-size: 1px;
  color: #530514;
  position: relative;
  padding: 32px;
  z-index: 0;
}
.wedding-gifts li .neela-style .h-lines {
  border-top-color: rgba(83, 5, 20, 0.5);
  border-bottom-color: rgba(83, 5, 20, 0.5);
  transition: all 0.3s ease-out;
}
.wedding-gifts li .neela-style .v-lines {
  border-left-color: rgba(83, 5, 20, 0.5);
  border-right-color: rgba(83, 5, 20, 0.5);
  transition: all 0.3s ease-out;
}
.wedding-gifts li > div > i {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: 50pt;
  z-index: 2;
  top: -3px;
  left: 0;
  width: 20%;
  text-align: right;
  margin-right: 7%;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  transition: all 0.3s ease-out;
}
.wedding-gifts li h3 {
  position: relative;
  display: inline-block;
  line-height: 1;
  z-index: 2;
  right: 0;
  width: 71%;
  font-size: 26pt;
  font-family: "Playfair Display", serif;
  transition: all 0.3s ease-out;
}
.wedding-gifts li .info {
  position: relative;
  z-index: 2;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.3s ease;
  top: -40px;
  text-align: center;
  max-height: 0;
}
.wedding-gifts li .info img {
  background: rgba(255, 255, 255, 0.15);
  margin: 15px auto;
  padding: 5px 15px;
  display: inline-block;
  width: 40%;
}
.wedding-gifts li .info .btn {
  margin: 20px 10px;
}
.wedding-gifts li:hover .neela-style {
  height: auto;
}
.wedding-gifts li:hover .neela-style .h-lines {
  border-top-color: #530514;
  border-bottom-color: #530514;
}
.wedding-gifts li:hover .neela-style .v-lines {
  border-left-color: #530514;
  border-right-color: #530514;
}
.wedding-gifts li:hover .info {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  top: 20px;
  float: none;
  max-height: 500px;
}

.progress-wrapper {
  margin-bottom: 32px;
  color: #530514;
  font-family: "Playfair Display", serif;
  font-size: 15pt;
}
.progress-wrapper label {
  display: block;
  width: 100%;
  margin-bottom: 2px;
}
.progress-wrapper label small {
  float: right;
}
.progress-wrapper .progress {
  height: 7px;
  background: 0;
  border-bottom: 1px solid #530514;
  border-radius: 0;
}
.progress-wrapper .progress .progress-bar {
  width: 0;
  background-color: #530514;
  transition: width 0.5s ease-in-out;
}

.partners {
  text-align: center;
}
.partners .item {
  display: inline-block;
  margin: 12px;
  vertical-align: middle;
  padding: 20px 15px;
}
.partners .item img {
  max-width: 100%;
}

/* #Gallery
================================================== */
.gallery-wrapper {
  position: relative;
}
.gallery-wrapper .gallery-left,
.gallery-wrapper .gallery-right {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -40px;
  color: #ffe7b5;
  z-index: 2;
  cursor: pointer;
  padding: 10px;
  display: inline-block;
  font-size: 36pt;
  line-height: 1;
  border: 5px solid transparent;
  transform: translate(0, 0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.gallery-wrapper .gallery-left:hover,
.gallery-wrapper .gallery-right:hover {
  -khtml-opacity: 1 !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}
.gallery-wrapper .gallery-right {
  right: 15px;
  left: auto;
}
.gallery-wrapper:hover .gallery-left,
.gallery-wrapper:hover .gallery-right {
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.gallery-scroller {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 30px;
  position: relative;
  bottom: -5px;
}
.gallery-scroller ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.gallery-scroller li {
  display: inline-block;
  position: relative;
  width: 380px;
  height: 380px;
  overflow: hidden;
  padding: 0;
  margin: -5px -3px 0 0;
  background-color: #530514;
}
.gallery-scroller li img {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.gallery-scroller li:hover img {
  transform: scale(1.2);
}
.gallery-scroller li .hover-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  text-align: center;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.gallery-scroller li .hover-info > a {
  position: relative;
  top: 25%;
  transform: translateY(-87%);
}
.gallery-scroller li:hover .hover-info {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.gallery-scroller li:hover .hover-info > a {
  top: 50%;
}
.gallery-scroller li img,
.gallery-scroller li .hover-info,
.gallery-scroller li .hover-info > a {
  transition: all 0.3s ease-out;
}
.gallery-scroller.thumbs-lg li {
  width: 480px;
  height: 480px;
}

.gallery .item {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
.gallery .item:hover img {
  transform: scale(1.2);
}
.gallery .item .hover-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  text-align: center;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.gallery .item .hover-info > a {
  position: relative;
  top: 25%;
  transform: translateY(-87%);
}
.gallery .item:hover .hover-info {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.gallery .item:hover .hover-info > a {
  top: 50%;
}
.gallery .item img {
  width: 100%;
}
.gallery .item img,
.gallery .item .hover-info,
.gallery .item .hover-info > a {
  transition: all 0.3s ease-out;
}
.gallery .pagination {
  margin: 55px 0;
}

/* #Blog
================================================== */
.gx-6 {
  --bs-gutter-x: 4rem;
}

.page-header {
  margin: 0;
  padding-top: 120px;
  padding-bottom: 60px;
  position: relative;
  background-color: #530514;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffe7b5;
}
.page-header::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #3b040e;
  z-index: 0;
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.page-header.section-divider-bottom-* {
  padding-bottom: 140px !important;
}
.page-header .page-title {
  color: #ffe7b5;
  float: none;
  text-align: center;
  margin: 0 auto;
  position: relative;
  padding-bottom: 40px;
  font-family: "Playfair Display", serif;
}
.page-header .page-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 189px;
  max-width: 189px;
  height: 24px;
  background-repeat: no-repeat;
  background-position-x: center;
  transform: translateX(-50%);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.page-content {
  padding: 80px 0;
}

.main {
  padding-bottom: 0;
}

.title,
.title-fancy,
.title-fancy-lg {
  float: none;
  text-align: center;
  margin: 0 auto 25px;
  font-size: 22pt;
  color: #404040;
}
.title.color,
.title-fancy.color,
.title-fancy-lg.color {
  color: #530514;
}

.title-fancy {
  font-family: "Playfair Display", serif;
  font-size: 30pt;
}

.title-fancy-lg {
  font-family: "Playfair Display", serif;
  font-size: 34pt;
}

.blog-listing .item,
.blog-listing .post-content,
.blog-main .item,
.blog-main .post-content {
  margin: 0 auto 70px;
  text-align: left;
  position: relative;
}
.blog-listing .item .image,
.blog-listing .post-content .image,
.blog-main .item .image,
.blog-main .post-content .image {
  width: 100%;
  overflow: hidden;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.blog-listing .item .image img,
.blog-listing .post-content .image img,
.blog-main .item .image img,
.blog-main .post-content .image img {
  width: 100%;
  height: auto;
  transition: all 0.8s ease-out;
}
.blog-listing .item .image a,
.blog-listing .post-content .image a,
.blog-main .item .image a,
.blog-main .post-content .image a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9;
  text-align: center;
  visibility: hidden;
  text-decoration: none;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.6s ease-out;
}
.blog-listing .item .image a .btn,
.blog-listing .post-content .image a .btn,
.blog-main .item .image a .btn,
.blog-main .post-content .image a .btn {
  transform: translateY(-50%);
  position: relative;
  top: 100%;
}
.blog-listing .item .image:hover img,
.blog-listing .post-content .image:hover img,
.blog-main .item .image:hover img,
.blog-main .post-content .image:hover img {
  transform: scale(1.1);
}
.blog-listing .item .image:hover > a,
.blog-listing .post-content .image:hover > a,
.blog-main .item .image:hover > a,
.blog-main .post-content .image:hover > a {
  visibility: visible;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.blog-listing .item .image:hover > a .btn,
.blog-listing .post-content .image:hover > a .btn,
.blog-main .item .image:hover > a .btn,
.blog-main .post-content .image:hover > a .btn {
  top: 49%;
}
.blog-listing .item .date,
.blog-listing .post-content .date,
.blog-main .item .date,
.blog-main .post-content .date {
  position: absolute;
  z-index: 10;
  top: -30px;
  left: calc(var(--bs-gutter-x) * 0.5);
  padding: 8px 35px;
  margin: 0 0 0 -20px;
  color: #fff;
  background-color: #530514;
  border: 10px solid #fff;
  font-family: "Playfair Display", serif;
  font-size: 19pt;
}
.blog-listing .item .info-blog,
.blog-listing .post-content .info-blog,
.blog-main .item .info-blog,
.blog-main .post-content .info-blog {
  padding-top: 20px;
  text-align: center;
}
.blog-listing .item .info-blog .post-title,
.blog-listing .post-content .info-blog .post-title,
.blog-main .item .info-blog .post-title,
.blog-main .post-content .info-blog .post-title {
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-size: 23pt;
  position: relative;
  text-align: left;
  width: 100%;
  text-align: center;
  padding-bottom: 35px;
  font-family: "Playfair Display", serif;
}
.blog-listing .item .info-blog .post-title::after,
.blog-listing .post-content .info-blog .post-title::after,
.blog-main .item .info-blog .post-title::after,
.blog-main .post-content .info-blog .post-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 189px;
  max-width: 189px;
  height: 24px;
  transform: translateX(-50%);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.blog-listing .item .info-blog .post-title a,
.blog-listing .post-content .info-blog .post-title a,
.blog-main .item .info-blog .post-title a,
.blog-main .post-content .info-blog .post-title a {
  transition: all 0.3s ease-out;
}
.blog-listing .item .info-blog .post-title a:hover,
.blog-listing .post-content .info-blog .post-title a:hover,
.blog-main .item .info-blog .post-title a:hover,
.blog-main .post-content .info-blog .post-title a:hover {
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.blog-listing .item .info-blog .post-title small,
.blog-listing .post-content .info-blog .post-title small,
.blog-main .item .info-blog .post-title small,
.blog-main .post-content .info-blog .post-title small {
  display: block;
  font-style: italic;
  margin-top: 4px;
}
.blog-listing .item .info-blog .extra-padding,
.blog-listing .post-content .info-blog .extra-padding,
.blog-main .item .info-blog .extra-padding,
.blog-main .post-content .info-blog .extra-padding {
  padding-left: 50px;
  padding-right: 50px;
}
.blog-listing .item .bottom-info,
.blog-listing .post-content .bottom-info,
.blog-main .item .bottom-info,
.blog-main .post-content .bottom-info {
  margin: 20px 0 0;
  border-top: 1px solid #e2e2e2;
  padding: 18px 0 0;
  text-align: left;
  display: inline-block;
  width: 100%;
}
.blog-listing .item .bottom-info.center,
.blog-listing .post-content .bottom-info.center,
.blog-main .item .bottom-info.center,
.blog-main .post-content .bottom-info.center {
  text-align: center;
}
.blog-listing .item .blog-meta,
.blog-listing .post-content .blog-meta,
.blog-main .item .blog-meta,
.blog-main .post-content .blog-meta {
  padding: 0;
  margin: 0;
  float: left;
  margin-bottom: 10px;
}
.blog-listing .item .blog-meta li,
.blog-listing .post-content .blog-meta li,
.blog-main .item .blog-meta li,
.blog-main .post-content .blog-meta li {
  display: inline-block;
  margin-right: 14px;
  color: #530514;
}
.blog-listing .item .blog-meta li:last-child,
.blog-listing .post-content .blog-meta li:last-child,
.blog-main .item .blog-meta li:last-child,
.blog-main .post-content .blog-meta li:last-child {
  margin-right: 0px;
}
.blog-listing .item .blog-meta li i,
.blog-listing .post-content .blog-meta li i,
.blog-main .item .blog-meta li i,
.blog-main .post-content .blog-meta li i {
  margin-right: 2px;
}
.blog-listing .item .blog-meta li a,
.blog-listing .post-content .blog-meta li a,
.blog-main .item .blog-meta li a,
.blog-main .post-content .blog-meta li a {
  font-style: italic;
  color: #530514;
}
.blog-listing .item .blog-share,
.blog-listing .post-content .blog-share,
.blog-main .item .blog-share,
.blog-main .post-content .blog-share {
  float: right;
  margin-left: 10px;
}
.blog-listing .item .blog-share a,
.blog-listing .post-content .blog-share a,
.blog-main .item .blog-share a,
.blog-main .post-content .blog-share a {
  margin-left: 10px;
  padding: 0 5px;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  transition: opacity 0.3s ease-out;
}
.blog-listing .item .blog-share a:hover,
.blog-listing .post-content .blog-share a:hover,
.blog-main .item .blog-share a:hover,
.blog-main .post-content .blog-share a:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.blog-listing .item .center .blog-meta,
.blog-listing .post-content .center .blog-meta,
.blog-main .item .center .blog-meta,
.blog-main .post-content .center .blog-meta {
  float: none;
}
.blog-listing .item .center .blog-share,
.blog-listing .post-content .center .blog-share,
.blog-main .item .center .blog-share,
.blog-main .post-content .center .blog-share {
  float: none;
  margin: 0;
}
.blog-listing .item .center .blog-share a,
.blog-listing .post-content .center .blog-share a,
.blog-main .item .center .blog-share a,
.blog-main .post-content .center .blog-share a {
  margin: 0 5px;
}
.blog-listing .item.disabled,
.blog-listing .post-content.disabled,
.blog-main .item.disabled,
.blog-main .post-content.disabled {
  display: none;
}

.section-bg-color .blog-listing .item .date,
.section-bg-color .blog-listing .post-content .date,
.section-bg-color .blog-main .item .date,
.section-bg-color .blog-main .post-content .date {
  border-color: #ffe7b5;
}

.blog-main .post-content .image:hover img {
  transform: none;
}
.blog-main .post-content .date {
  left: 0;
}
.blog-main .post-content .info-blog {
  padding-top: 45px;
  text-align: left;
}
.blog-main .post-content .info-blog.center {
  text-align: center;
}
.blog-main .post-content .info-blog .post-title {
  padding-bottom: 60px;
  margin-bottom: 40px;
}
.blog-main .post-content h3, .blog-main .post-content h4, .blog-main .post-content h5, .blog-main .post-content h6 {
  color: #42344F;
}
.blog-main .post-content p {
  margin: 20px 0;
}
.blog-main .post-content p.no-margin {
  margin: 0;
}
.blog-main .post-content blockquote {
  background-color: #f7f7f7;
  padding: 65px;
  font-size: 16pt;
  font-style: italic;
  color: #464646;
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: 40px auto;
}
.blog-main .post-content blockquote::before {
  content: "";
  width: 510px;
  height: 479px;
  position: absolute;
  top: -32px;
  right: -65px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(-6deg) scaleX(-1);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
}
.blog-main .post-content .alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.blog-main .post-content .alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.blog-main .post-content .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.blog-main .post-content .fullwidth {
  width: 100%;
}
.blog-main h1, .blog-main h2, .blog-main h3, .blog-main h4, .blog-main h5, .blog-main h6 {
  margin-bottom: 30px;
}
.blog-main h1 {
  font-size: 24pt;
}
.blog-main h2 {
  font-size: 21pt;
}
.blog-main h3 {
  font-size: 17pt;
}
.blog-main h4 {
  font-size: 13pt;
}
.blog-main h5 {
  font-size: 12pt;
}
.blog-main h6 {
  font-size: 10pt;
}
.blog-main .inner-title {
  text-transform: uppercase;
  font-size: 18pt;
  margin-bottom: 40px;
  font-family: "Playfair Display", serif;
}

.pagination {
  text-align: center;
  padding: 0;
  margin: 20px 0 100px;
  display: flex;
  width: 100%;
  justify-content: center;
}
.pagination ul {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.pagination ul > li {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-right: 1px solid #d9d9d9;
  margin-bottom: 5px;
}
.pagination ul > li a {
  display: block;
  width: 100%;
  height: 48px;
  color: #404040;
  text-align: center;
  transition: all 0.3s;
}
.pagination ul > li a:hover, .pagination ul > li a:focus {
  text-decoration: none;
}
.pagination ul li:last-child {
  border-right: 0;
}
.pagination ul li a:hover,
.pagination ul li a.active {
  color: #530514;
}
.pagination ul#pages {
  margin: 0 15px;
  order: 2;
}
.pagination ul#previous {
  order: 1;
  margin-left: 10px;
}
.pagination ul#next {
  order: 3;
  margin-right: 10px;
}
.pagination ul#previous li,
.pagination ul#next li {
  width: 37px;
  border: 1px solid #530514;
}
.pagination ul#previous li a,
.pagination ul#next li a {
  color: #530514;
}
.pagination ul#previous li a:hover,
.pagination ul#next li a:hover {
  background-color: #530514;
  color: #ffe7b5;
}

.comments {
  margin-bottom: 50px;
}
.comments .comment-list {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.comments .comment-list > li {
  width: 100%;
}
.comments .comment-list > li .comment-content {
  display: flex;
  border-top: 1px solid #d9d9d9;
  padding-top: 26px;
}
.comments .comment-list > li .comment-avatar {
  width: 85px;
  height: 85px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.comments .comment-list > li .comment-avatar img {
  width: 100%;
  height: auto;
}
.comments .comment-list > li ul {
  list-style: none;
  padding: 0;
  margin-left: 105px;
}
.comments .comment-list > li .comment,
.comments .comment-list > li .comment-info {
  width: calc(100% - 105px);
  position: relative;
  margin-bottom: 22px;
}
.comments .comment-list > li .comment h4,
.comments .comment-list > li .comment-info h4 {
  margin-bottom: 25px;
  font-weight: 300;
  position: relative;
  text-transform: uppercase;
}
.comments .comment-list > li .comment h4 small,
.comments .comment-list > li .comment-info h4 small {
  display: block;
  font-size: 11pt;
  margin-top: 3px;
  text-transform: none;
  color: #404040;
}
.comments .comment-list > li .comment p,
.comments .comment-list > li .comment-info p {
  margin: 0;
}
.comments .comment-list > li .comment .reply-btn,
.comments .comment-list > li .comment-info .reply-btn {
  float: right;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
  font-size: 13pt;
  text-transform: uppercase;
}
.comments .comment-list > li:first-child > .comment-content {
  border: none;
  padding-top: 0;
}

.comment-form {
  margin-bottom: 80px;
}
.comment-form .form-check-wrapper {
  color: #404040;
}

.sidebar {
  padding-bottom: 60px;
}

/* #Widgets
================================================== */
.widget {
  margin-bottom: 60px;
}
.widget .widget-title {
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
}
.widget h2.widget-title {
  font-size: 18pt;
  margin-bottom: 24px;
}

.widget-about {
  text-align: center;
}
.widget-about .image-container {
  position: relative;
  padding: 5px 22px 70px;
}
.widget-about .image-container::before, .widget-about .image-container::after {
  content: "";
  width: 293px;
  height: 200px;
  position: absolute;
  top: -56px;
  left: 0;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.widget-about .image-container::after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}
.widget-about .image-container .image {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
}
.widget-about .image-container .image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4);
}
.widget-about h2 {
  font-size: 37pt;
  margin-bottom: 30px;
}

.widget-search form {
  position: relative;
}
.widget-search form button {
  padding: 12px 15px;
  background: none;
  border: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  color: #530514;
  font-size: 15pt;
  background-color: #fdfdfd;
  transition: all 0.3s;
}
.widget-search form button:hover {
  background-color: #530514;
  color: #ffe7b5;
}
.widget-search form button:hover ~ input {
  border-color: #530514;
}
.widget-search form input {
  width: 100%;
  background-color: #fdfdfd;
}
.widget-search form input:focus, .widget-search form input:active {
  outline: none;
}

.widget-categories > ul {
  list-style: none;
  padding: 0;
}
.widget-categories > ul li {
  margin: 8px 0;
}
.widget-categories > ul li a {
  color: #404040;
  display: inline-block;
}
.widget-categories > ul li a span {
  color: #adb2b6;
}
.widget-categories > ul li a:hover span {
  color: #530514;
}
.widget-categories > ul li:hover:before {
  color: #530514;
}

.widget-latest-posts > ul {
  list-style: none;
  display: inline-block;
  padding: 0;
  clear: both;
}
.widget-latest-posts > ul > li {
  display: inline-block;
  margin-bottom: 26px;
  width: 100%;
  border-bottom: 0 !important;
}
.widget-latest-posts > ul > li::before {
  display: none;
}
.widget-latest-posts > ul > li .image {
  position: relative;
  float: left;
  width: 30%;
  margin-right: 3%;
}
.widget-latest-posts > ul > li .image.no-thumb {
  background-color: #e3e3e3;
  height: 100px;
}
.widget-latest-posts > ul > li .image img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease-out;
}
.widget-latest-posts > ul > li .image a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9;
  text-align: center;
  visibility: hidden;
  text-decoration: none;
  color: #ffe7b5;
  text-align: center;
  font-size: 16pt;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.widget-latest-posts > ul > li .image a span {
  position: relative;
  top: 100%;
  display: block;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
.widget-latest-posts > ul > li .image:hover > a {
  visibility: visible;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.widget-latest-posts > ul > li .image:hover > a span {
  top: 49%;
}
.widget-latest-posts > ul .top-info {
  border-bottom: 1px solid #E4E4E4;
  font-size: 11pt;
  font-style: italic;
  float: right;
  width: 67%;
  margin: 0 0 11px;
  padding: 0 0 5px;
}
.widget-latest-posts > ul .top-info li {
  display: inline-block;
  margin-right: 14px;
  float: none;
  padding: 0;
  color: #adb2b6;
}
.widget-latest-posts > ul .top-info li:last-child {
  margin-right: 0px;
}
.widget-latest-posts > ul .top-info li i {
  margin-right: 5px;
}
.widget-latest-posts > ul .top-info li a {
  color: #404040;
}
.widget-latest-posts > ul .top-info li a:hover {
  color: #530514;
}
.widget-latest-posts > ul h3 {
  font-family: "Poppins", sans-serif;
  font-size: 16pt;
  display: inline-block;
  margin-bottom: 15px;
  width: 67%;
}
.widget-tags .tags a {
  color: #404040;
  display: inline-block;
  font-style: italic;
  margin: 0 9px 2px 0;
  text-transform: uppercase;
}
.widget-tags .tags span {
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}

.widget-newsletter {
  background-color: #530514;
  color: #ffe7b5;
  padding: 30px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.widget-newsletter::before {
  content: "";
  width: 600px;
  height: 410px;
  position: absolute;
  top: 0px;
  right: -240px;
  z-index: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(-24deg);
  -khtml-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
}
.widget-newsletter h2 {
  margin-bottom: 20px;
}
.widget-newsletter .neela-style {
  --offset: 10px;
  --border-size: 1px;
  color: #ffe7b5;
  position: relative;
  padding: 22px 30px;
  z-index: 1;
}
.widget-newsletter .neela-style .h-lines {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-bottom-color: rgba(255, 255, 255, 0.5);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.widget-newsletter .neela-style .v-lines {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.widget-newsletter p {
  margin-bottom: 35px;
}
.widget-newsletter form {
  position: relative;
  color: #404040;
}
.widget-newsletter form button {
  padding: 12px 15px;
  background: none;
  border: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  color: #530514;
  background-color: #fdfdfd;
  font-size: 15pt;
  transition: all 0.3s;
}
.widget-newsletter form button:hover {
  background-color: #530514;
  color: #ffe7b5;
}
.widget-newsletter form button:hover ~ input {
  border-color: #530514;
}
.widget-newsletter form input {
  width: 100%;
  background-color: #fdfdfd;
  margin-bottom: 8px;
}
.widget-newsletter form input:focus, .widget-newsletter form input:active {
  outline: none;
}
.widget-newsletter.light {
  background-color: transparent;
  color: #404040;
  padding: 0 30px;
}
.widget-newsletter.light::before {
  display: none;
}

.widget-contact-info {
  text-align: center;
}
.widget-contact-info img {
  max-width: 100%;
  margin-bottom: 25px;
}
.widget-contact-info .sn-icons {
  margin: 0;
}

.contact-info {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
}
.contact-info li {
  margin-bottom: 15px;
  font-style: italic;
}
.contact-info li span {
  text-transform: uppercase;
  font-style: normal;
  color: #464646;
}
.contact-info li a {
  color: #404040;
}

.widget-quick-links {
  text-align: center;
}
.widget-quick-links > ul {
  list-style: none;
  padding: 0;
  margin: 0 0 15px;
}
.widget-quick-links > ul li {
  margin-bottom: 15px;
  letter-spacing: 1px;
}
.widget-quick-links > ul li a {
  color: #404040;
}

/* #RSVP
================================================== */
#rsvp {
  background: linear-gradient(#fff 50%, #530514 50%) no-repeat;
}
#rsvp::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 210px 100vw 0 0;
  border-color: #fff transparent transparent transparent;
  margin-top: -1px;
}
#rsvp.section-bg-color {
  background: linear-gradient(#ffe7b5 50%, #530514 50%) no-repeat;
}
#rsvp.section-bg-color::before {
  border-color: #ffe7b5 transparent transparent transparent;
}

#rsvp-2 {
  background: linear-gradient(#530514 50%, #fff 50%) no-repeat;
}
#rsvp-2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 210px 100vw 0 0;
  border-color: #530514 transparent transparent transparent;
  margin-top: -1px;
}
#rsvp-2.section-bg-color {
  background: linear-gradient(#530514 50%, #ffe7b5 50%) no-repeat;
}
#rsvp-2.section-bg-color::before {
  border-color: #530514 transparent transparent transparent;
}

.form-wrapper {
  position: relative;
  padding: 40px 60px;
  margin-bottom: 40px;
  background: #fff;
  box-shadow: 0px 0px 25px 10px rgba(100, 100, 100, 0.14);
}
.form-wrapper.overflow {
  top: -120px;
  margin-bottom: -270px;
}
.form-wrapper.no-shadow {
  box-shadow: none;
}
.form-wrapper.flowers::before, .form-wrapper.flowers::after {
  content: "";
  width: 857px;
  height: 585px;
  position: absolute;
  top: -240px;
  right: -45px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
}
.form-wrapper.flowers::before {
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.form-wrapper.flowers::after {
  top: auto;
  right: auto;
  bottom: -240px;
  left: -45px;
  transform: rotate(180deg);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.form-wrapper.neela-style {
  --offset: 11px;
  --border-size: 1px;
  border: 42px solid #fff;
}
.form-wrapper.neela-style > .h-lines {
  border-top-color: #530514;
  border-bottom-color: #530514;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 0;
}
.form-wrapper.neela-style > .v-lines {
  border-left-color: #530514;
  border-right-color: #530514;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 0;
}
.form-wrapper form {
  position: relative;
  z-index: 1;
}
.form-wrapper .btn > .h-lines,
.form-wrapper .btn > .v-lines {
  z-index: 0;
}

.g-recaptcha {
  display: inline-block;
}

#rsvp-2 .form-wrapper.flowers::before {
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
#rsvp-2 .form-wrapper.flowers::after {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.form-control,
.form-select {
  background-color: #fbfbfb;
  border: 1px solid #e1e1e1;
  color: #404040;
  height: auto;
  margin-bottom: 20px;
  padding: 11px 20px;
  border-radius: 0;
  transition: border-color 0.3s ease-out;
}

.form-control::-webkit-input-placeholder {
  color: #404040;
}

.form-control:-moz-placeholder {
  color: #404040;
}

.form-control::-moz-placeholder {
  color: #404040;
}

.form-control:-ms-input-placeholder {
  color: #404040;
}

.form-control:focus,
.form-select:focus {
  outline: 0 none;
  border-color: #530514;
  background-color: #fbfbfb;
  box-shadow: none;
}

textarea.form-control {
  min-height: 120px;
}

.form-check-input:active {
  filter: none;
  background-color: rgba(83, 5, 20, 0.25);
}

.form-check-input:focus {
  box-shadow: none;
}

.form-check-input:checked {
  background-color: #530514;
}

.form-check-input[type=radio] {
  border-color: #530514;
}

.form-check-input:checked[type=radio] {
  background-color: #fff;
  border-color: #530514;
  box-shadow: none;
}

.form-check-input[type=checkbox] {
  border-radius: 0;
  border-color: #530514;
}

.form-check-input.is-invalid {
  border-color: #dc3545;
}

.form-check-input.is-invalid ~ label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: none;
}

.form-check-wrapper {
  color: #530514;
  margin-bottom: 20px;
}
.form-check-wrapper > label {
  color: #404040;
  margin-bottom: 5px;
  display: block;
}
.form-check-wrapper > .form-check:last-child {
  margin-right: 0;
}

.alert {
  border-radius: 0;
}

.btn-close:focus {
  box-shadow: none;
}

/* #Footer
================================================== */
#footer-onepage {
  text-align: left;
  padding: 0;
  position: relative;
}
#footer-onepage .footer-widget-area {
  position: relative;
  text-align: center;
  width: 100%;
  padding: 15px 0;
  z-index: 0;
  background-color: transparent;
}
#footer-onepage .footer-widget-area:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}
#footer-onepage .footer-widget-area .footer-info {
  display: flex;
  height: 100%;
  align-items: center;
  font-style: italic;
}
#footer-onepage .footer-widget-area .footer-info.left {
  text-align: left;
  justify-content: left;
}
#footer-onepage .footer-widget-area .footer-info.right {
  text-align: right;
  justify-content: right;
}
#footer-onepage .copyright {
  text-align: center;
  padding: 15px 0;
  font-size: 12px;
  background-color: transparent;
}

.footer-logo {
  font-family: "Playfair Display", serif;
  font-size: 30pt;
  line-height: 0.65;
  padding: 26px 64px;
  position: relative;
  display: inline-block;
}
.footer-logo::before, .footer-logo::after {
  content: "";
  width: 100px;
  height: 87px;
  position: absolute;
  bottom: 22px;
  right: -12px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  transform: rotate(50deg);
}
.footer-logo::after {
  top: auto;
  right: auto;
  left: -12px;
  transform: rotate(-130deg);
}
.footer-logo small {
  font-size: 12pt;
  position: relative;
  top: -8px;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#footer {
  background-color: #ffe7b5;
  position: relative;
}
#footer .widget-title {
  color: #464646;
  text-transform: none;
}
#footer .footer-widget-area {
  padding: 60px 0 0;
}
#footer .copyright {
  text-align: center;
  background-color: transparent;
}
#footer .copyright > .container {
  border-top: 1px solid #ddd;
  padding-top: 23px;
  padding-bottom: 29px;
}
.sn-icons {
  list-style: none;
  padding: 0;
  display: inline-block;
  line-height: 1;
}
.sn-icons li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.sn-icons a {
  display: inline-block;
  font-size: 19pt;
  overflow: hidden;
  padding: 0 5px;
  margin: 0 1px;
  color: #530514;
  text-align: center;
  background: none !important;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  transition: all 0.3s;
}
.sn-icons a:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/* #Lightbox
================================================== */
.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  display: none;
  width: 100%;
  height: 100%;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border: 10px solid white;
}
.lightbox a img {
  border: none;
}

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

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

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

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

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

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

.lb-nav a {
  outline: none;
}

.lb-prev,
.lb-next {
  padding: 6px 10px;
  cursor: pointer;
  display: block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffe7b5;
  font-size: 36pt;
  position: absolute;
  top: 50%;
  border: 5px solid transparent;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.lb-nav a.lb-prev {
  left: -20px;
  color: #ffe7b5;
}
.lb-nav a.lb-prev::before {
  content: "\f053";
}

.lb-nav a.lb-prev:hover,
.lb-nav a.lb-next:hover {
  -khtml-opacity: 1 !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}

.lb-nav a.lb-next {
  right: -20px;
  color: #ffe7b5;
}
.lb-nav a.lb-next::before {
  content: "\f054";
}

.lb-nav:hover a.lb-prev {
  left: 20px;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.lb-nav:hover a.lb-next {
  right: 20px;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 10px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer::after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-caption a {
  color: #4ae;
}
.lb-data .lb-number {
  display: none !important;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 40px;
  height: 40px;
  text-align: right;
  outline: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffe7b5;
  font-size: 18pt;
  text-align: center;
  line-height: 30px;
  margin-right: -4px;
  margin-top: -7px;
  border: 5px solid transparent;
  transition: all 0.3s;
}
.lb-data .lb-close::before {
  content: "\f00d";
}
.lb-data .lb-close:hover {
  cursor: pointer;
  transform: rotate(180deg);
}

/* #Media Queries
================================================== */
@media (max-width: 1399px) {
  .invite .invite_info h2 {
    font-size: 30pt;
  }
  .invite .invite_info .date {
    font-size: 20pt;
  }
  .invite .invite_title {
    font-size: 70pt;
  }
  .invite .invite_title .text {
    line-height: 55px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .element .image .hover-info h3 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 26pt;
  }
  .side-flowers-light::before {
    left: -80px;
  }
  .side-flowers-light::after {
    right: -80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .widget h2.section-title {
    font-size: 32pt;
  }
}
@media (max-width: 1199px) {
  .hero-title {
    font-size: 54pt;
  }
  .hero-title small {
    font-size: 28pt;
  }
  .hero-wrapper {
    margin-top: 100px;
  }
  .hero-wrapper h1.hero-title {
    margin-bottom: 28px;
  }
  .hero-wrapper .hero-subtitle span {
    font-size: 42pt;
  }
  .hero-wrapper.v-center {
    margin-top: auto;
  }
  .countdown > div > div {
    font-size: 45pt;
  }
  .blog-bottom-info > ul {
    width: 100%;
    border-right: none;
  }
  .bmaid-gmen .image .hover-info h3,
.bmaid-gmen-color .image .hover-info h3 {
    font-size: 20pt;
  }
  .side-flowers-light::before {
    left: -145px;
  }
  .side-flowers-light::after {
    right: -145px;
  }
  .side-flowers::before {
    left: -430px;
  }
  .side-flowers::after {
    right: -430px;
  }
  .overflow-image {
    width: 46%;
  }
}
@media (max-width: 991px) {
  .navbar-nav {
    width: auto;
  }
  .nav.navbar-nav > li {
    display: none;
  }
  .navbar > a.btn {
    display: none;
  }
  #nav-mobile-btn {
    display: block;
  }
  .hero-wrapper {
    margin-top: 120px;
  }
  .hero-wrapper::before {
    left: -45px;
  }
  .hero-wrapper::after {
    right: -45px;
  }
  .hero-wrapper h2 {
    font-size: 16pt;
  }
  .hero-wrapper.v-center {
    margin-top: auto;
  }
  .hero-title {
    font-size: 44pt;
    margin-bottom: 50px;
  }
  .hero-title span:first-child:before {
    left: -82px;
    top: -24px;
  }
  .hero-title span:last-child:after {
    right: -82px;
    top: -24px;
  }
  .hero-title small {
    font-size: 24pt;
  }
  .hero-wrapper .hero-subtitle {
    font-size: 16pt;
  }
  .hero-wrapper .hero-subtitle span {
    font-size: 36pt;
  }
  .countdown > div > div {
    font-size: 36pt;
  }
  .gallery-container .description-wrapper {
    grid-column: 2/24;
    grid-row: 2;
    margin-top: 25px;
  }
  .gallery-container .timeline-gallery-wrapper {
    grid-column: 1/-1;
  }
  .gallery-container:hover .description {
    transform: none;
  }
  .invite .invite_title {
    font-size: 80pt;
  }
  .invite .invite_title .text {
    padding: 90px 60px;
  }
  .invite .invite_title .text::before, .invite .invite_title .text::after {
    width: 127px;
    height: 112px;
  }
  .invite .invite_title .text::before {
    top: 20px;
    right: 18px;
  }
  .invite .invite_title .text::after {
    bottom: 0;
  }
  .invite .invite_title .text small {
    font-size: 25px;
  }
  .invite .invite_info h2 {
    font-size: 28pt;
  }
  .invite .invite_info .date {
    font-size: 20pt;
  }
  .map-info-container .info-wrapper {
    grid-column: 5/-5;
    grid-row: 2;
    margin-top: 3%;
  }
  .map-info-container .map-wrapper {
    grid-column: 1/-1;
    grid-row: 1;
  }
  .map-info-container .location-info.open {
    transform: none;
  }
  h1.section-title {
    font-size: 36pt;
  }
  .padding-divider-top {
    padding-top: 100px;
  }
  .section-divider-top-1 {
    padding-top: 100px !important;
  }
  .section-divider-top-1.off-section {
    height: 90px;
  }
  .section-divider-top-1::before {
    border-width: 90px 100vw 0 0;
  }
  .section-divider-top-2 {
    padding-top: 100px !important;
  }
  .section-divider-top-2.off-section {
    height: 90px;
  }
  .section-divider-top-2::before {
    border-width: 0 0 90px 100vw;
  }
  .section-divider-bottom-1 {
    padding-bottom: 100px !important;
  }
  .section-divider-bottom-1.off-section {
    height: 90px;
  }
  .section-divider-bottom-1::after {
    border-width: 0 0 90px 100vw;
  }
  .section-divider-bottom-2 {
    padding-bottom: 100px !important;
  }
  .section-divider-bottom-2.off-section {
    height: 90px;
  }
  .section-divider-bottom-2::after {
    border-width: 90px 0 0 100vw;
  }
  .section-title-xl {
    font-size: 70pt;
  }
  .section-title-xl small {
    font-size: 40pt;
  }
  .wedding-gifts li > div > i {
    font-size: 35pt;
    top: 0px;
  }
  .wedding-gifts li h3 {
    font-size: 20pt;
  }
  .wedding-gifts li .btn {
    padding: 8px 20px 9px 21px;
    font-size: 0.9rem;
  }
  .gallery-scroller li {
    height: 250px;
    width: 250px;
  }
  .gallery-scroller.thumbs-lg li {
    height: 320px;
    width: 320px;
  }
  .blog-listing .item .info-blog .extra-padding {
    padding: 0;
  }
  .blog-listing .item .date,
.blog-listing .post-content .date,
.blog-main .item .date,
.blog-main .post-content .date {
    font-size: 15pt;
    padding: 6px 20px;
  }
  .half-img {
    position: relative;
    height: 350px;
    width: 100%;
    background-attachment: fixed;
  }
  .overflow-image-text {
    width: 38%;
  }
  .overflow-image {
    width: 55%;
    top: -100px;
    bottom: -125px;
  }
  .side-flowers::before {
    left: -470px;
  }
  .side-flowers::after {
    right: -470px;
  }
  .form-wrapper.overflow {
    top: 50px;
    margin-bottom: -80px;
  }
  .footer-logo {
    font-size: 22pt;
    line-height: 0.85;
  }
  .footer-logo small {
    top: -4px;
  }
  .footer-logo::before, .footer-logo::after {
    width: 80px;
    height: 71px;
    bottom: 26px;
    right: 10px;
  }
  .footer-logo::after {
    right: auto;
    left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .element .image .hover-info h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 24pt;
  }
  .element .image .hover-info h3 small {
    font-size: 13pt;
  }
  .timeline .template-1 .date {
    right: 14%;
  }
  .timeline .template-1 .description-wrapper {
    grid-column: 2/span 13;
  }
  .timeline .template-2 .date {
    top: 60px;
    right: 10%;
  }
  .widget-about .image-container {
    margin: 0 100px;
  }
  .widget-newsletter.light {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .hero-title {
    font-size: 40pt;
  }
  .hero-title span:first-child:before {
    left: -70px;
    top: -20px;
  }
  .hero-title span:last-child:after {
    right: -70px;
    top: -20px;
  }
  .hero-title small {
    font-size: 18pt;
  }
  .hero-subtitle {
    font-size: 13pt;
  }
  .hero-wrapper {
    position: relative;
  }
  .hero-wrapper::before, .hero-wrapper::after {
    content: "";
    width: 219px;
    height: 395px;
  }
  .hero-wrapper.x-pad {
    padding: 105px 0;
  }
  .hero-wrapper .hero-title {
    font-size: 32pt;
    margin-bottom: 0;
  }
  .hero-wrapper h2 {
    font-size: 15pt;
  }
  .hero-wrapper .hero-subtitle {
    font-size: 15pt;
  }
  .hero-wrapper .hero-subtitle span {
    font-size: 32pt;
    top: 6px;
  }
  .hero-wrapper h1.hero-title:after {
    bottom: -22px;
  }
  #about-us {
    margin-top: 0;
    background: #fff;
  }
  .neela-quote {
    font-size: 18pt;
  }
  .element .highlight {
    color: #404040;
  }
  .timeline .template-1 .date {
    top: 18px;
    right: 4%;
  }
  .timeline .template-1 .date .neela-style {
    font-size: 18pt;
  }
  .timeline .template-1 .description-wrapper {
    grid-column: 2/24;
    grid-row: 2;
    margin-top: -5%;
  }
  .timeline .template-2 .date {
    top: 50px;
    right: 3%;
  }
  .timeline .template-2 .video {
    grid-column: 1/span 16;
    grid-row: 1;
  }
  .timeline .template-2 .image-1 {
    padding-top: 50%;
  }
  .timeline .template-2 .image-2 {
    grid-column: 2/span 12;
    padding-top: 65%;
  }
  .timeline .template-2 .description-wrapper {
    grid-column: 2/24;
    grid-row: 2;
    margin-top: -5%;
  }
  .timeline_footer .punchline {
    font-size: 44pt;
  }
  .timeline_footer .punchline small {
    font-size: 16pt;
  }
  .invite {
    flex-direction: column;
    margin: 25px 25px 60px;
  }
  .invite .invite_title {
    width: 100%;
  }
  .invite .invite_info {
    width: 100%;
  }
  .map-info-container .info-wrapper {
    grid-column: 3/-3;
    margin-top: 15%;
  }
  .bmaid-gmen .image .hover-info .content,
.bmaid-gmen-color .image .hover-info .content {
    padding: 10px;
  }
  .bmaid-gmen .image .hover-info h3,
.bmaid-gmen-color .image .hover-info h3 {
    font-size: 18pt;
    margin-bottom: 5px;
  }
  .bmaid-gmen .image .hover-info h3 small,
.bmaid-gmen-color .image .hover-info h3 small {
    font-size: 10pt;
  }
  .countdown > div > div {
    font-size: 30pt;
  }
  .countdown > div > span {
    font-size: 10pt;
  }
  .comments .comment-list > li .comment-content {
    display: block;
  }
  .comments .comment-list > li .comment-content .comment {
    width: 100%;
  }
  .comments .comment-list > li ul {
    margin-left: 55px;
  }
  .element-v2 {
    display: flex;
    flex-direction: column;
  }
  .element-v2 .image {
    width: 100%;
    display: block;
    order: 1;
  }
  .element-v2 .image img {
    display: block !important;
  }
  .element-v2 .info {
    width: 100%;
    display: block;
    order: 2;
  }
  .wedding-details::after {
    content: "";
    right: 20%;
    bottom: 0;
    height: 1px;
    width: 60%;
  }
  .overflow-image-text {
    width: 100%;
  }
  .overflow-image {
    width: 100%;
    position: relative;
    height: 560px;
    top: auto;
    bottom: -120px;
    margin-top: -80px;
  }
  .side-flowers::before {
    left: -500px;
  }
  .side-flowers::after {
    right: -500px;
  }
  #footer-onepage .footer-widget-area {
    padding: 25px 0;
  }
  #footer-onepage .footer-widget-area .footer-info.left,
#footer-onepage .footer-widget-area .footer-info.right {
    text-align: center;
    justify-content: center;
  }
  .footer-logo {
    margin: 15px 0;
  }
}
@media (max-width: 576px) {
  .padding-divider-top {
    padding-top: 70px;
  }
  .section-divider-top-1 {
    padding-top: 70px !important;
  }
  .section-divider-top-1.off-section {
    height: 60px;
  }
  .section-divider-top-1::before {
    border-width: 60px 100vw 0 0;
  }
  .section-divider-top-2 {
    padding-top: 70px !important;
  }
  .section-divider-top-2.off-section {
    height: 60px;
  }
  .section-divider-top-2::before {
    border-width: 0 0 60px 100vw;
  }
  .section-divider-bottom-1 {
    padding-bottom: 70px !important;
  }
  .section-divider-bottom-1.off-section {
    height: 60px;
  }
  .section-divider-bottom-1::after {
    border-width: 0 0 60px 100vw;
  }
  .section-divider-bottom-2 {
    padding-bottom: 70px !important;
  }
  .section-divider-bottom-2.off-section {
    height: 60px;
  }
  .section-divider-bottom-2::after {
    border-width: 60px 0 0 100vw;
  }
  .bmaid-gmen .image .hover-info .content,
.bmaid-gmen-color .image .hover-info .content {
    padding: 30px;
  }
  .bmaid-gmen .image .hover-info h3,
.bmaid-gmen-color .image .hover-info h3 {
    font-size: 32pt;
    margin-bottom: 35px;
  }
  .bmaid-gmen .image .hover-info h3 small,
.bmaid-gmen-color .image .hover-info h3 small {
    font-size: 12pt;
  }
  .side-flowers-light::before {
    left: -200px;
  }
  .side-flowers-light::after {
    right: -200px;
  }
  .side-flowers::before {
    left: -535px;
  }
  .side-flowers::after {
    right: -535px;
  }
  .gallery-scroller.thumbs-lg li {
    height: 250px;
    width: 250px;
  }
}
@media (max-width: 480px) {
  .hero-wrapper::before {
    left: -100px;
  }
  .hero-wrapper::after {
    right: -100px;
  }
  .hero-title {
    font-size: 30pt;
    margin-bottom: 15px;
  }
  .hero-title span:first-child:before {
    left: -52px;
    top: -10px;
  }
  .hero-title span:last-child:after {
    right: -52px;
    top: -10px;
  }
  .hero-title small {
    font-size: 16pt;
  }
  .hero-text {
    font-size: 22pt;
  }
  .element .image .hover-info h3 {
    font-size: 24pt;
  }
  .map-info-container .info-wrapper {
    grid-column: 2/-2;
    margin-top: 15%;
  }
  .countdown > div {
    padding: 0 12px;
  }
  .countdown > div > div {
    font-size: 26pt;
  }
  h1.section-title {
    font-size: 28pt;
  }
  h1.page-title {
    font-size: 28pt;
  }
  .section-desc h1 {
    font-size: 30pt;
  }
  .section-title-lg {
    font-size: 50pt;
  }
  .section-title-lg small {
    font-size: 30pt;
  }
  .timeline .template-1 .date {
    top: -10px;
    padding: 20px 16px;
  }
  .timeline .template-1 .date .neela-style {
    font-size: 12pt;
    padding: 6px 10px;
  }
  .timeline .template-2 .date {
    top: 30px;
    padding: 20px 16px;
  }
  .timeline .template-2 .date .neela-style {
    font-size: 12pt;
    padding: 6px 10px;
  }
  .timeline_footer .punchline {
    font-size: 34pt;
  }
  .timeline_footer .punchline small {
    font-size: 14pt;
  }
  .map-info-container .info-wrapper .location-info h4 {
    font-size: 18pt;
  }
  .map-info-container .info-wrapper .location-info h5 {
    font-size: 13pt;
  }
  .wedding-gifts li .neela-style {
    padding: 15px;
  }
  .wedding-gifts li > div > i {
    font-size: 28pt;
    top: 3px;
  }
  .wedding-gifts li h3 {
    font-size: 14pt;
  }
  .form-wrapper {
    padding: 20px 25px;
  }
  .pagination {
    display: inline-block;
  }
  .pagination ul#pages {
    order: 0;
    margin: 0 0 15px;
    width: 100%;
  }
  .pagination ul#pages li {
    float: none;
  }
  .pagination ul#previous,
.pagination ul#next {
    order: 0;
  }
  .pagination ul#previous li,
.pagination ul#next li {
    float: none;
  }
  .form-wrap .btn[type=submit] {
    white-space: normal;
  }
  .form-wrap .btn[type=submit] .icon {
    display: none;
  }
  .submit_form .icon {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .parallax-background {
    background-attachment: scroll !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .background-video {
    position: absolute;
  }
}/*# sourceMappingURL=style.css.map */