/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	// Table of contents //

		01. FONTS
		02. BODY
		03. LOCOMOTIVE
		04. HTML ELEMENTS
		05. LINKS
		06. FORM ELEMENTS
		07. SPACING
		08. ACCORDION
		09. HAMBURGER
		10. PRELOADER
		11. PAGE TRANSITION
		12. SEARCH BOX
		13. SIDE WIDGET
		14. NAVBAR 
		15. SLIDER
		16. PLAY NOW
		17. PAGE HEADER
		18. CONTENT SECTION
		19. VIDEO BG
		20. CUSTOM LINK
		21. CUSTOM BUTTON
		22. CIRCLE BUTTON
		23. IMAGE BOX
		24. SIDE ICON LIST
		25. IMAGE BOX CAROUSEL
		26. SIDE CONTENT
		27. SIDE IMAGE
		28. SIDE LIST
		29. SIDE ARTS
		30. COUNTER BOX
		31. IMAGE CONTENT BOX
		32. TESTIMONIALS BOX
		33. COLLECTION BOX
		34. EXHIBITION BOX
		35. TEXT BOX
		36. ART SLIDER
		37. HORIZONTAL SCROLL
		38. IMAGE ICON BOX
		39. CTA BOX
		40. NOTE BOX
		41. RECENT NEWS
		42. NEWSLETTER BOX
		43. CONTACT BOX
		44. CONTACT FORM
		45. GOOGLE MAPS
		46. BLOG POST
		47. SIDEBAR
		48. FOOTER

	

*/
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=DM+Sans:wght@400;500;700&display=swap");
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'DM Sans', sans-serif;
  font-size: 19px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-x: hidden;
}

.slider-texts {
    background-image: url('images/banner.jpg'); /* change to your image */
    background-size: cover;  /* covers entire area */
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* LOCOMOTIVE */
.no-transform {
  transform: none !important;
}

html {
  overflow-x: hidden;
}

html.has-scroll-smooth {
  overflow: hidden;
}

/* On mobile/tablet, Locomotive Scroll runs with smooth:false — allow native scroll */
@media (max-width: 991px) {
  html, body {
    background-color: #8b1a1a;
  }
  html.has-scroll-smooth {
    overflow: auto !important;
    overflow-x: hidden !important;
  }
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

/* On mobile/tablet, allow native body scroll */
@media (max-width: 991px) {
  .has-scroll-smooth body {
    overflow: auto !important;
    overflow-x: hidden !important;
  }
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

/* HTML ELEMENTS */
img {
  max-width: 100%;
}

iframe {
  max-width: 100%;
}

/* LINKS */
a {
  text-decoration: none;
  color: #080808;
}

a:hover {
  text-decoration: underline;
  color: #080808;
}

/* FORM ELEMENTS */
input[type="text"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="email"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="search"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="password"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="number"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="date"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="radio"] {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(3px);
  appearance: none;
  background: #ededed;
  border-radius: 50%;
}

input[type="radio"]:checked {
  border: 6px solid #080808;
}

input[type="checkbox"] {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(3px);
  appearance: none;
  background: #ededed;
}

input[type="checkbox"]:checked {
  border: 4px solid #ededed;
  background: #080808;
}

textarea {
  width: 520px;
  max-width: 100%;
  height: 140px;
  padding: 30px;
  border: 1px solid #cecece;
}

select {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 30px) 34px, calc(100% - 25px) 34px, calc(100% - 3.5em) 20px;
  background-size: 5px 5px, 5px 5px, 1px 40px;
  background-repeat: no-repeat;
}

select:focus {
  background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 25px) 34px, calc(100% - 30px) 34px, calc(100% - 3.5em) 20px;
  background-size: 5px 5px, 5px 5px, 1px 40px;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

input[type="submit"] {
  height: 70px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #080808;
  background: #c83a10;
  border: none;
  padding: 0 50px;
}

button[type="submit"] {
  height: 70px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #080808;
  background: #c83a10;
  border: none;
  padding: 0 50px;
}
button[type="submit"] i {
  display: inline-block;
  margin-right: 8px;
  font-size: 18px;
  transform: translateY(2px);
}

/* SPACING */
.no-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

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

.spacing-400 {
  height: 400px;
}

.spacing-200 {
  height: 200px;
}

.spacing-100 {
  height: 100px;
}

.spacing-50 {
  height: 50px;
}

/* ACCORDION */
.accordion {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.accordion dt {
  width: 100%;
  display: block;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}
.accordion dt a {
  display: flex;
  align-items: center;
  position: relative;
}
.accordion dt a:before {
  content: "\f078";
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  background: #c83a10;
  border-radius: 50%;
  font-family: "Font Awesome 5 Pro";
  font-size: 13px;
}
.accordion dt a:hover {
  text-decoration: none;
}
.accordion dd {
  width: 100%;
  display: block;
  padding-top: 15px;
  margin-bottom: 30px;
}

/* HAMBURGER */
.hamburger path {
  -webkit-transform: translate3d(0, 0, 0);
  fill: transparent;
  stroke-width: 2px;
  stroke: #000;
  stroke-linecap: round;
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.hamburger path.line-center {
  padding: 10px 0;
}
.hamburger.active .line-center {
  -moz-transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}
.hamburger.active .line-top {
  -moz-transform: rotate(45deg) translateX(6px) translateY(-9px);
  -webkit-transform: rotate(45deg) translateX(6px) translateY(-9px);
  -o-transform: rotate(45deg) translateX(6px) translateY(-9px);
  -ms-transform: rotate(45deg) translateX(6px) translateY(-9px);
  transform: rotate(45deg) translateX(6px) translateY(-9px);
}
.hamburger.active .line-bottom {
  -moz-transform: rotate(-45deg) translateX(-15px) translateY(0px);
  -webkit-transform: rotate(-45deg) translateX(-15px) translateY(0px);
  -o-transform: rotate(-45deg) translateX(-15px) translateY(0px);
  -ms-transform: rotate(-45deg) translateX(-15px) translateY(0px);
  transform: rotate(-45deg) translateX(-15px) translateY(0px);
}

/* PRELOADER */
.preloader {
  width: 100vw;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s;
  overflow: hidden;
}
.preloader .inner {
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-animation-name: preloader-inner;
  -moz-animation-name: preloader-inner;
  -ms-animation-name: preloader-inner;
  -o-animation-name: preloader-inner;
  animation-name: preloader-inner;
  animation-duration: 0.8s;
  transition: all ease 0.8s;
}
.preloader .inner figure {
  width: 200px;
  height: 200px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  margin-bottom: 0;
}
.preloader .inner figure img {
  height: 120px;
  width: auto;
  filter: brightness(0) invert(1);
}
.preloader .inner small {
  width: 100%;
  display: block;
  color: #fff;
  font-family: 'Cinzel', serif;
  font-size: 18px;
  text-align: center;
  margin-top: 15px;
}
.preloader .inner .progress-bar {
  background: none;
}
.preloader svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  fill: #080808;
}
.preloader svg path {
  animation-name: preloader-svg;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 0.7s;
  animation-play-state: paused;
  animation-fill-mode: forwards;
}

/* BEFORE PAGE LOADED */
.navbar {
  transform: translateY(-100%);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 0.20s;
}

header.banner {
  transform: scale(1.4);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 0.25s;
  opacity: 0;
}

.page-header {
  transform: scale(1.4);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 0.25s;
  opacity: 0;
}

/* PAGE LOADED */
.page-loaded .preloader {
  top: 100%;
}

.page-loaded .preloader .inner {
  transform: translateY(50px);
  opacity: 0;
}

.page-loaded .preloader svg path {
  animation-play-state: running;
}

.page-loaded .navbar {
  transform: translateY(0);
}

.page-loaded header.banner {
  transform: scale(1);
  opacity: 1;
}

.page-loaded .page-header {
  transform: scale(1);
  opacity: 1;
}

/* PAGE TRANSITION */
.page-transition {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: -100%;
  z-index: 99;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  overflow: hidden;
}
.page-transition.active {
  top: 0;
}
.page-transition.active svg path {
  -webkit-animation-name: page-transition;
  -moz-animation-name: page-transition;
  -ms-animation-name: page-transition;
  -o-animation-name: page-transition;
  animation-name: page-transition;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.page-transition svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  fill: #080808;
}

/* SEARCH BOX */
.search-box {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
  background: #fff;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.search-box.active {
  opacity: 1;
  visibility: visible;
}
.search-box .container {
  display: flex;
  flex-wrap: wrap;
}
.search-box .container .form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin-bottom: 40px;
}
.search-box .container .form h3 {
  width: 100%;
  display: block;
  font-family: 'Cinzel', serif;
  margin-bottom: 30px;
  font-size: 30px;
}
.search-box .container .form input[type="search"] {
  width: 70%;
  border: none;
  border-bottom: 2px solid #eee;
  margin: 0 15%;
  margin-bottom: 20px;
  font-size: 19px;
}
.search-box .container .search-events {
  width: 100%;
  display: block;
  margin-top: 5vh;
}
.search-box .container .search-events ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.search-box .container .search-events ul li {
  flex: 1;
  margin: 0;
  padding: 0 5%;
  list-style: none;
  text-align: center;
}
.search-box .container .search-events ul li h5 {
  width: 100%;
  display: block;
  font-size: 20px;
  font-family: 'Cinzel', serif;
  font-weight: 400;
}
.search-box .container .search-events ul li h5 a {
  display: inline;
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #080808 2px);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #080808 2px);
  background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #080808 1px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.5s;
}
.search-box .container .search-events ul li h5 a:hover {
  background-size: 100% 100%;
  text-decoration: none;
}
.search-box .container .search-events ul li small {
  width: 100%;
  display: block;
  opacity: 0.7;
}

/* SIDE WIDGET */
.side-widget {
  width: 540px;
  max-width: 80vw;
  height: 100vh;
  min-height: 500px;
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 10;
  padding: 30px 50px;
  padding-right: 110px;
  color: #fff;
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  overflow: auto;
}
.side-widget.active {
  left: 0;
}
.side-widget.active .logo {
  opacity: 1;
  transform: translateX(0);
}
.side-widget.active .inner {
  opacity: 1;
  transform: translateX(0);
}
.side-widget.active .display-mobile {
  opacity: 1;
  transform: translateX(0);
}
.side-widget.active svg path {
  -webkit-animation-name: side-widget-in;
  -moz-animation-name: side-widget-in;
  -ms-animation-name: side-widget-in;
  -o-animation-name: side-widget-in;
  animation-name: side-widget-in;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -ms-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.side-widget svg {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  fill: #080808;
}
.side-widget svg path {
  -webkit-animation-name: side-widget-out;
  -moz-animation-name: side-widget-out;
  -ms-animation-name: side-widget-out;
  -o-animation-name: side-widget-out;
  animation-name: side-widget-out;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
.side-widget .logo {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  position: relative;
  opacity: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  transform: translateX(-100px);
}
.side-widget .logo img {
  height: 62px;
}
.side-widget .inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  opacity: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  transform: translateX(-100px);
}
.side-widget .inner .widget {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.side-widget .inner .widget:last-child {
  margin-bottom: 0;
}
.side-widget .inner .widget p:last-child {
  margin-bottom: 0;
  font-weight: 400;
  opacity: 0.8;
}
.side-widget .inner .widget-title {
  width: 100%;
  display: block;
  font-size: 26px;
  font-family: 'Cinzel', serif;
  margin-bottom: 15px;
  color: #c83a10;
}
.side-widget .display-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  opacity: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  transform: translateX(-100px);
  display: none;
}
.side-widget .display-mobile .custom-menu {
  width: 100%;
  display: block;
  margin-top: auto;
}
.side-widget .display-mobile .custom-menu ul {
  width: 100%;
  margin: 0;
}
.side-widget .display-mobile .custom-menu ul li {
  width: 100%;
  font-family: 'Cinzel', serif;
  font-size: 20px;
}
.side-widget .display-mobile .custom-menu ul li a {
  display: inline-block;
  color: #fff;
  margin: 5px 0;
}
.side-widget .display-mobile .custom-menu ul li a:hover {
  text-decoration: none;
  color: #c83a10;
}
.side-widget .display-mobile .site-menu {
  width: 100%;
  display: block;
  margin-bottom: auto;
  margin-top: 40px;
}
.side-widget .display-mobile .site-menu ul {
  width: 100%;
  margin: 0;
}
.side-widget .display-mobile .site-menu ul li {
  width: 100%;
  font-family: 'Cinzel', serif;
  font-size: 20px;
}
.side-widget .display-mobile .site-menu ul li a {
  display: inline-block;
  color: #fff;
  margin: 5px 0;
}
.side-widget .display-mobile .site-menu ul li a:hover {
  text-decoration: none;
  color: #c83a10;
}

/* NAVBAR */
.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 60px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

/* STICKY NAVBAR — applied via .navbar-sticky class */
.navbar-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  background: #8b1a1a !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 2px 20px rgba(125, 28, 28, 0.10) !important;
  padding: 10px 60px !important;
  transform: translateY(0) !important;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #7d1c1c, #c83a10, #7d1c1c) 1;
}
.navbar-sticky .logo a img {
  height: 90px !important;
}
.navbar-sticky .logo a {
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.navbar-sticky .site-menu ul li a {
  color: #ffffff !important;
}
.navbar-sticky .site-menu ul li a:hover {
  color: #ffffff !important;
}
.navbar-sticky .site-menu ul li.active > a {
  color: #ffffff !important;
}
.navbar-sticky .hamburger path {
  stroke: #ffffff !important;
}
@media (max-width: 991px) {
  .navbar-sticky { padding: 10px 30px !important; }
}
@media (max-width: 767px) {
  .navbar-sticky { padding: 8px 16px !important; }
  .navbar-sticky .logo a img { height: 70px !important; }
  .navbar-sticky .logo a { padding: 0 !important; }
}
.navbar.light {
  color: #fff;
}
.navbar.light .custom-menu ul li a {
  color: #fff;
}
.navbar.light .site-menu ul li a {
  color: #fff;
}
.navbar.light .hamburger-menu .hamburger path {
  stroke: #fff;
}
.navbar.light .navbar-button a {
  border: 3px solid transparent;
  line-height: 56px;
}
.navbar.light .navbar-button a:hover {
  border-color: #c83a10;
  background: none;
  color: #fff;
}
.navbar .logo {
  display: inline-block;
}
.navbar .logo a {
  display: block;
  background: linear-gradient(135deg, #7d1c1c 0%, #a82a10 60%, #c83a10 100%);
  border-radius: 10px;
  padding: 5px 10px;
  box-shadow: 0 2px 10px rgba(125, 28, 28, 0.25);
}
.navbar .logo a img {
  height: 110px;
}
.navbar .custom-menu {
  display: inline-block;
  margin: 0 auto;
}
.navbar .custom-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.navbar .custom-menu ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  list-style: none;
}
.navbar .custom-menu ul li a {
  display: inline-block;
  position: relative;
}
.navbar .custom-menu ul li a:hover {
  text-decoration: none;
}
.navbar .custom-menu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.navbar .custom-menu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  background: #c83a10;
  transition: width .25s ease;
}
.navbar .custom-menu ul li a:hover:before {
  width: 50%;
  background: #c83a10;
  transition: width .25s ease;
}
.navbar .custom-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.navbar .site-menu {
  display: inline-block;
}
.navbar .site-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.navbar .site-menu ul li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
  list-style: none;
}
.navbar .site-menu ul li a {
  display: inline-block;
  position: relative;
  color: #fff;
}
.navbar .site-menu ul li a:hover {
  text-decoration: none;
}
.navbar .site-menu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.navbar .site-menu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  background: #c83a10;
  transition: width .25s ease;
}
.navbar .site-menu ul li a:hover:before {
  width: 50%;
  background: #c83a10;
  transition: width .25s ease;
}
.navbar .site-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
/* Dropdown menu styles */
.navbar .site-menu ul li.has-dropdown {
  position: relative;
}
.navbar .site-menu ul li.has-dropdown .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #0f4452;
  min-width: 200px;
  padding: 10px 0;
  z-index: 999;
  border-top: 2px solid #c83a10;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
.navbar .site-menu ul li.has-dropdown:hover .dropdown {
  display: block;
}
.navbar .site-menu ul li.has-dropdown .dropdown li {
  display: block;
  margin: 0;
  padding: 0;
}
.navbar .site-menu ul li.has-dropdown .dropdown li a {
  display: block;
  padding: 8px 20px;
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
}
.navbar .site-menu ul li.has-dropdown .dropdown li a:hover {
  color: #c83a10;
  background: rgba(148, 255, 196, 0.1);
}
/* Mobile dropdown styles */
.side-widget .display-mobile .site-menu ul li.has-dropdown .dropdown {
  display: block;
  padding-left: 15px;
  margin-top: 5px;
}
.side-widget .display-mobile .site-menu ul li.has-dropdown .dropdown li a {
  font-size: 16px;
  color: rgba(255,255,255,0.75);
}
.navbar .search-button {
  height: 30px;
  line-height: 34px;
  display: inline-block;
  margin-left: auto;
}
.navbar .search-button i {
  display: inline-block;
  font-size: 21px;
  cursor: pointer;
}
.navbar .hamburger-menu {
  display: none;
}
.navbar .navbar-button {
  margin-left: 30px;
}
.navbar .navbar-button a {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding: 0 40px;
  background: #c83a10;
  color: #080808;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.navbar .navbar-button a:hover {
  text-decoration: none;
  background: #080808;
  color: #fff;
}

/* BANNER */
header.banner {
  display: block;
  width: 100%;
  line-height: 0;
}
header.banner img {
  display: block;
  width: 100%;
  height: auto;
}
header.banner .banner-mobile {
  display: none;
}
@media (max-width: 767px) {
  header.banner .banner-desktop {
    display: none;
  }
  header.banner .banner-mobile {
    display: block;
    padding-top: 86px;
  }
}

/* PLAY NOW */
.play-now {
  position: relative;
  width: 340px;
  height: 340px;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 4;
  overflow: hidden;
  margin-left: -100px;
}
.play-now .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 40px;
  border-color: transparent transparent transparent #080808;
  transform: translateX(-50%) translateY(-50%);
}
.play-now text {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4px;
  fill: #080808;
}
.play-now svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 340px;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 540px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-size: cover !important;
}
.page-header .inner {
  width: 100%;
  display: block;
  padding: 0 60px;
  position: relative;
  margin-top: 60px;
}
.page-header .inner h1 {
  font-size: 126px;
  font-weight: 400;
  font-family: 'Cinzel', serif;
  line-height: 1;
  margin-bottom: 30px;
  position: relative;
}
.page-header .inner p {
  font-size: 19px;
  margin: 0;
  opacity: 0.7;
  padding-left: 30px;
  border-left: 3px solid #080808;
  margin-left: 10px;
  position: relative;
  padding-right: 50%;
}
.page-header .inner .svg-morph {
  position: absolute;
  top: calc(50% - 200px);
  left: 50%;
  z-index: 0;
  transform: translateX(-140%);
}
.page-header .inner .svg-morph path {
  fill: #c83a10;
  animation-name: svg-morph;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 8s;
  animation-fill-mode: both;
  animation-direction: alternate-reverse;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

/* CONTENT SECTION */
.content-section {
  width: 100%;
  display: block;
  padding: 120px 0;
  position: relative;
  background-size: cover !important;
  background-position: center !important;
}
.content-section .container {
  position: relative;
  z-index: 1;
}
.content-section .container-fluid {
  position: relative;
  z-index: 1;
}

.bottom-white {
  position: relative;
}
.bottom-white:before {
  content: "";
  width: 100%;
  height: 140px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.bottom-white:before .container {
  position: relative;
  z-index: 1;
}

/* VIDEO BG */
.video-bg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.video-bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #080808;
  z-index: 1;
  opacity: 0.85;
}
.video-bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
  justify-content:center;
}
.section-title figure {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
/* Hide the image — replaced by CSS ornamental gradient line */
.section-title figure img {
  display: none;
}
.section-title figure::before {
  content: '';
  display: block;
  width: 180px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent 0%, #7d1c1c 30%, #c83a10 50%, #7d1c1c 70%, transparent 100%);
}
.section-title h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
  opacity: 0.5;
}
.section-title h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 68px;
  font-family: 'Cinzel', serif;
  letter-spacing: -2px;
  line-height: 1;
}
.section-title h2 strong {
  font-weight: 600;
}

/* CUSTOM LINK */
.custom-link {
  display: inline-block;
  position: relative;
}
.custom-link:hover {
  text-decoration: none;
}
.custom-link:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.custom-link:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  background: #c83a10;
  transition: width .25s ease;
}
.custom-link:hover:before {
  width: 50%;
  background: #c83a10;
  transition: width .25s ease;
}
.custom-link:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

/* CUSTOM BUTTON */
.col-12.text-center .custom-button {
  margin-top: 50px;
}

.custom-button {
  height: 70px;
  line-height: 70px;
  display: inline-block;
  background: #c83a10;
  padding: 0 40px;
  color: #080808;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.custom-button:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid transparent;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.custom-button:hover {
  text-decoration: none;
  line-height: 80px;
  text-indent: 6px;
}
.custom-button:hover:before {
  top: 6px;
  left: 6px;
  border-color: #080808;
}

/* CIRCLE BUTTON */
.text-center .circle-button {
  margin: 0 auto;
}

.circle-button {
  width: 158px;
  height: 158px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #080808;
  border-radius: 50%;
  text-align: center;
  font-weight: 500;
}
.circle-button:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -5px;
  top: -5px;
  border: 1px solid #080808;
  border-radius: 50%;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.circle-button:hover {
  text-decoration: none;
}
.circle-button:hover:before {
  left: 0;
  top: 0;
  opacity: 0;
}

/* IMAGE BOX */
.image-box {
  width: 100%;
  display: block;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.image-box.is-inview img {
  opacity: 1;
  transform: scale(1);
}
.image-box img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

/* SIDE ICON LIST */
.side-icon-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 80px;
}
.side-icon-list p {
  font-size: 20px;
  line-height: 1.9;
}
.section-title p {
  font-size: 20px;
  line-height: 1.9;
}
.side-icon-list.right-side {
  padding-right: 0;
  padding-left: 80px;
}
.side-icon-list ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-icon-list ul li {
  width: 100%;
  display: block;
  margin-bottom: 0px;
  padding: 0;
  list-style: none;
}
.side-icon-list ul li:last-child {
  margin-bottom: 0;
}
.side-icon-list ul li figure {
  width: 50px;
  height: 100%;
  float: left;
  margin-bottom: 0;
}
.side-icon-list ul li figure img {
  height: 20px;
  background-color: #c83a10 !important;
}
.side-icon-list ul li .content {
  width: calc(100% - 80px);
  display: inline-block;
  margin-top: 0px;
}
.side-icon-list ul li .content h5 {
  width: 100%;
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 600;
}
.side-icon-list ul li .content p {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  opacity: 1;
}
.side-icon-list ul li .content a {
  display: inline-block;
  text-decoration: underline;
}

/* IMAGE BOX CAROUSEL */
.image-box-carousel {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}
.image-box-carousel figure {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  position: relative;
}
.image-box-carousel figure:before {
  content: "";
  width: 1px;
  height: 64px;
  background: #080808;
  position: absolute;
  left: calc(50% - 0.5px);
  bottom: -32px;
  opacity: 0.8;
}
.image-box-carousel figure img {
  width: 100%;
}
.image-box-carousel .content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
  text-align: center;
}
.image-box-carousel .content-box h5 {
  width: 100%;
  display: block;
  font-size: 30px;
  font-family: 'Cinzel', serif;
}
.image-box-carousel .content-box .custom-link {
  color: #999;
  font-weight: 700;
}

/* SIDE CONTENT */
.side-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.side-content.left {
  padding-right: 20%;
}
.side-content small {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 20px;
  white-space: nowrap;
  position: relative;
  z-index: 0;
  font-size: 14px;
  font-weight: 500;
  background: #c83a10;
  border-radius: 40px;
}
.side-content h2 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: 'Cinzel', serif;
  font-size: 34px;
}
.side-content p {
  width: 100%;
  display: block;
  margin: 0;
  opacity: 0.7;
}
.side-content table {
  width: 100%;
  margin: 20px 0;
  opacity: 0.7;
}
.side-content table tr {
  padding: 5px 0;
}
.side-content table tr td:nth-child(2) {
  font-weight: 700;
}

/* SIDE IMAGE */
.side-image {
  width: 100%;
  display: block;
  margin: 0;
  overflow: hidden;
}
.side-image.left-half {
  width: 50vw;
  float: right;
}
.side-image.right-half {
  width: 50vw;
  float: left;
}
.side-image.is-inview img {
  opacity: 1;
  transform: scale(1);
}
.side-image img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

/* SIDE LIST */
.side-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.side-list.left {
  padding-right: 20%;
}
.side-list.right {
  padding-left: 20%;
}
.side-list h2 {
  width: 100%;
  display: block;
  font-size: 34px;
  font-family: 'Cinzel', serif;
  margin-bottom: 30px;
}
.side-list ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-list ul li {
  width: 100%;
  display: block;
  padding: 0;
  margin-bottom: 20px;
  list-style: none;
}
.side-list ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #080808;
  opacity: 0.5;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 50%;
}
.side-list ul li:last-child {
  margin-bottom: 0;
}

/* SIDE ARTS */
.side-arts {
  width: 50vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #080808;
  color: #fff;
  padding: 100px 80px;
}
.side-arts .titles {
  width: 100%;
  display: block;
  margin-bottom: 60px;
}
.side-arts .titles h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
  opacity: 0.5;
}
.side-arts .titles h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 34px;
  font-family: 'Cinzel', serif;
  letter-spacing: -2px;
  line-height: 1;
}
.side-arts ul {
  width: calc(100% + 30px);
  max-width: 480px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
}
.side-arts ul li {
  width: 50%;
  display: inline-block;
  margin: 0;
  margin-bottom: 20px;
  padding: 0 15px;
  list-style: none;
}
.side-arts ul li img {
  width: 100%;
  display: block;
  border: 6px solid #fff;
}

/* COUNTER BOX */
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  padding: 0;
  padding-right: 7px;
}

.counter-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.counter-box .odometer {
  font-size: 54px;
  font-family: 'Cinzel', serif;
  display: inline-block;
  line-height: 1;
  position: relative;
  padding: 0;
}
.counter-box .odometer:after {
  content: "";
  width: 70px;
  height: 70px;
  background: #c83a10;
  border-radius: 50%;
  position: absolute;
  right: -50px;
  top: -20px;
  z-index: -1;
}
.counter-box .value {
  font-size: 54px;
  font-family: 'Cinzel', serif;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
  position: relative;
  z-index: 1;
}
.counter-box p {
  width: 100%;
  display: block;
  margin: 0;
  text-align: center;
  font-weight: 700;
  opacity: 0.7;
}

/* IMAGE CONTENT BOX */
.col-lg-4:nth-child(1) .image-content-box {
  padding-right: 30px;
}

.col-lg-4:nth-child(2) .image-content-box {
  padding: 0 15px;
}

.col-lg-4:nth-child(3) .image-content-box {
  padding-left: 30px;
}

.image-content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.image-content-box.is-inview figure img {
  opacity: 1;
  transform: scale(1);
}
.image-content-box figure {
  width: 100%;
  display: block;
  margin: 0;
  overflow: hidden;
}
.image-content-box figure img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.image-content-box .content-box {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #fff;
  margin-top: -30px;
  padding: 30px;
  /* padding-top: 30px; */
  /* padding-right: 30px; */
}
.image-content-box .content-box h3 {
  width: 100%;
  display: block;
  font-size: 28px;
  font-family: 'Cinzel', serif;
  margin-bottom: 10px;
}
.image-content-box .content-box p {
  width: 100%;
  display: block;
  margin: 0;
  opacity: 0.7;
}

/* TESTIMONIAL BOX */
.col-md-6:nth-child(2) .testimonial-box {
  margin-left: auto;
}

.testimonial-box {
  width: 100%;
  max-width: 90%;
  display: flex;
  flex-wrap: wrap;
}
.testimonial-box .content-box {
  width: 100%;
  display: block;
  background: #fffbf7;
  position: relative;
  margin-bottom: 30px;
  padding: 50px;
  font-size: 19px;
}
.testimonial-box .content-box:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #fffbf7 transparent transparent transparent;
  position: absolute;
  left: 50px;
  bottom: -20px;
}
.testimonial-box h6 {
  width: 100%;
  display: block;
  margin: 0;
  padding-left: 50px;
}

/* COLLECTION BOX */
.col-lg-4:nth-child(3n + 1) .collection-box {
  padding-right: 30px;
}

.col-lg-4:nth-child(3n + 2) .collection-box {
  padding: 0 15px;
}

.col-lg-4:nth-child(3n + 3) .collection-box {
  padding-left: 30px;
}

.collection-box {
  width: 100%;
  display: block;
  margin: 15px 0;
}
.collection-box.is-inview img {
  opacity: 1;
  transform: scale(1);
}
.collection-box figure {
  width: 100%;
  display: block;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;
}
.collection-box figure img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.collection-box h4 {
  width: 100%;
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 30px;
  margin-bottom: 20px;
}
.collection-box h4 a {
  display: inline;
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.5s;
}
.collection-box h4 a:hover {
  background-size: 100% 100%;
  text-decoration: none;
}
.collection-box p {
  width: 100%;
  display: block;
  margin: 0;
}

/* EXHIBITION BOX */
.col-lg-4:nth-child(3n + 1) .exhibition-box {
  padding-right: 30px;
}

.col-lg-4:nth-child(3n + 2) .exhibition-box {
  padding: 0 15px;
}

.col-lg-4:nth-child(3n + 3) .exhibition-box {
  padding-left: 30px;
}

.exhibition-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.exhibition-box.is-inview .img {
  opacity: 1;
  transform: scale(1);
}
.exhibition-box figure {
  width: 100%;
  display: block;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;
}
.exhibition-box figure * {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.exhibition-box figure .info {
  height: 40px;
  line-height: 40px;
  border-radius: 0;
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-align: center;
  border-radius: 40px;
}
.exhibition-box figure .info span {
  width: 100%;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 0;
  font-size: 14px;
  font-weight: 500;
  background: #c83a10;
  border-radius: 40px;
}
.exhibition-box figure .info figure {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  border-radius: 40px;
}
.exhibition-box figure .info figure img {
  width: 17px;
  height: 17px;
}
.exhibition-box figure .info:hover {
  width: auto;
}
.exhibition-box figure .info:hover figure {
  opacity: 0;
}
.exhibition-box figure .info:hover span {
  max-width: 220px;
  padding: 0 20px;
}
.exhibition-box figure .img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.exhibition-box .content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.exhibition-box .content-box h4 {
  width: 100%;
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 30px;
  margin-bottom: 20px;
}
.exhibition-box .content-box h4 a {
  display: inline;
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.5s;
}
.exhibition-box .content-box h4 a:hover {
  background-size: 100% 100%;
  text-decoration: none;
}
.exhibition-box .content-box p {
  width: 100%;
  display: block;
  margin: 0;
}

/* TEXT BOX */
.text-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.text-box h2 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: 'Cinzel', serif;
  font-size: 38px;
}
.text-box h3 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: 'Cinzel', serif;
  font-size: 32px;
}
.text-box p {
  width: 100%;
  display: block;
  opacity: 0.7;
}

/* TEXT CONTENT */
.col-lg-4:nth-child(3) .text-content {
  margin-top: 100px;
}

.text-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.text-content h6 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: 'Cinzel', serif;
  font-size: 26px;
  font-weight: 600;
}
.text-content p {
  width: 100%;
  display: block;
  padding-right: 35%;
  opacity: 0.7;
  position: relative;
  padding-left: 30px;
}
.text-content p:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #080808;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
}
.text-content p:last-child {
  margin-bottom: 0;
}

/* ART SLIDER */
.art-slider {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.art-slider.is-inview .art-slider-images {
  opacity: 1;
  transform: scale(1);
}
.art-slider .titles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.art-slider .titles h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
  opacity: 0.5;
}
.art-slider .titles h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 42px;
  font-family: 'Cinzel', serif;
  letter-spacing: -2px;
  line-height: 1;
}
.art-slider .art-slider-images {
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

/* ART SLIDER CONTENT */
.art-slider-content {
  width: 100%;
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}
.art-slider-content .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  opacity: 0.3;
}
.art-slider-content .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.art-slider-content .swiper-slide span {
  width: 70px;
  border-bottom: 3px solid #080808;
  margin-right: 40px;
  float: left;
  font-family: 'Cinzel', serif;
  transform: rotate(-90deg);
  font-weight: 700;
}
.art-slider-content .swiper-slide h3 {
  display: block;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  margin: 0;
}

/* ART SLIDER IMAGES */
.art-slider-images {
  width: 50vw;
  float: left;
  position: relative;
  overflow: hidden;
}
.art-slider-images .swiper-slide {
  background: #080808;
}
.art-slider-images .swiper-slide img {
  width: 100%;
  float: left;
}

/* HORIZONTAL SCROLL */
.horizontal-scroll {
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.horizontal-scroll .scroll-inner {
  width: 200vw;
  display: flex;
  position: relative;
  z-index: 1;
}
.horizontal-scroll .scroll-inner .scroll-wrapper {
  width: 100vw;
  float: left;
}

/* IMAGE ICON BOX */
.image-icon-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 185px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.image-icon-box.is-inview .content-image img {
  opacity: 1;
  transform: scale(1);
}
.image-icon-box:hover .content-box .expand {
  max-height: 190px;
}
.image-icon-box:hover .content-box p {
  margin-bottom: 40px;
  margin-top: 20px;
}
.image-icon-box * {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.image-icon-box .icon {
  width: 100px;
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #c83a10;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 1;
}
.image-icon-box .icon img {
  height: 50px;
}
.image-icon-box .content-image {
  width: 100%;
  display: block;
  margin: 0;
  overflow: hidden;
}
.image-icon-box .content-image img {
  width: 100%;
  display: block;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.image-icon-box .content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  padding: 50px 10%;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.image-icon-box .content-box .expand {
  width: 100%;
  max-height: 0;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.image-icon-box .content-box b {
  width: 100%;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
}
.image-icon-box .content-box h4 {
  width: 100%;
  display: block;
  font-size: 34px;
  font-family: 'Cinzel', serif;
  margin-bottom: 0;
}
.image-icon-box .content-box p {
  width: 100%;
  margin: 0;
}
.image-icon-box .content-box a {
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
  margin: 0 auto;
  font-weight: 500;
  font-size: 15px;
}
.image-icon-box .content-box a:hover {
  text-decoration: none;
}
.image-icon-box .content-box a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.image-icon-box .content-box a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 4px;
  width: 0;
  background: #c83a10;
  transition: width .25s ease;
}
.image-icon-box .content-box a:hover:before {
  width: 50%;
  background: #c83a10;
  transition: width .25s ease;
}
.image-icon-box .content-box a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

/* CTA BOX */
.cta-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  color: #fff;
  margin: 50px 0;
}
.cta-box.dark {
  color: #080808;
  margin: 0;
}
.cta-box.dark .custom-button:hover {
  background: #c83a10;
  color: #080808;
}
.cta-box.dark .custom-button:hover:before {
  border-color: #080808;
}
.cta-box figure {
  width: 100%;
  display: block;
  margin-bottom: 25px;
}
.cta-box figure img {
  height: 70px;
}
.cta-box h6 {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
}
.cta-box h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 56px;
  font-family: 'Cinzel', serif;
  letter-spacing: -2px;
}
.cta-box h2 strong {
  font-weight: 600;
}
.cta-box p {
  padding: 0 20%;
}
.cta-box .custom-button {
  margin: 0 auto;
  margin-top: 60px;
}
.cta-box .custom-button:hover {
  background: #080808;
  color: #fff;
}
.cta-box .custom-button:hover:before {
  border-color: #fff;
}

/* NOTE BOX */
.note-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #c83a10;
  color: #080808;
  padding: 60px;
  margin: 50px 0;
}
.note-box h2 {
  width: 100%;
  display: block;
  font-size: 34px;
  font-family: 'Cinzel', serif;
  margin-bottom: 20px;
  line-height: 1.2;
}
.note-box p {
  width: 100%;
  display: block;
  margin: 0;
  opacity: 0.7;
  font-size: 19px;
}

/* RECENT NEWS */
.col-12:nth-child(2) .recent-news {
  margin-bottom: 100px;
}

.col-12:nth-child(even) .recent-news figure {
  order: 1;
}

.col-12:nth-child(even) .recent-news .content-box {
  order: 2;
  margin-right: 0;
  margin-left: -15%;
  text-align: right;
}

.col-12:nth-child(even) .recent-news .content-box p {
  padding-left: 30%;
  padding-right: 0;
}

.recent-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 150px;
  padding: 0 5%;
}
.recent-news figure {
  width: 60%;
  display: inline-block;
  margin: 0;
  overflow: hidden;
}
.recent-news figure.is-inview img {
  opacity: 1;
  transform: scale(1);
}
.recent-news figure img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.recent-news .content-box {
  width: 55%;
  display: inline-block;
  margin-right: -15%;
  position: relative;
  z-index: 1;
}
.recent-news .content-box small {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  background: #c83a10;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
}
.recent-news .content-box h3 {
  width: 100%;
  display: block;
  font-size: 36px;
  font-weight: 400;
  font-family: 'Cinzel', serif;
  margin-bottom: 30px;
  margin-top: 10px;
}
.recent-news .content-box p {
  width: 100%;
  display: block;
  padding-right: 30%;
  margin-bottom: 40px;
  opacity: 0.7;
}

/* NEWSLETTER BOX — Join the Movement */
.newsletter-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #fff5f0 0%, #fef0ec 50%, #fff8f5 100%);
  border-radius: 16px;
  padding: 60px 50px;
  position: relative;
  overflow: hidden;
  border-top: 4px solid #c83a10;
  box-shadow: 0 10px 50px rgba(125, 28, 28, 0.10);
}
/* Decorative radial glow — top right */
.newsletter-box::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 58, 16, 0.12) 0%, transparent 70%);
  pointer-events: none;
}
/* Decorative radial glow — bottom left */
.newsletter-box::after {
  content: '';
  position: absolute;
  bottom: -60px;
  left: -60px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(125, 28, 28, 0.08) 0%, transparent 70%);
  pointer-events: none;
}
.newsletter-box .form {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 50px;
  position: relative;
  z-index: 1;
}
.newsletter-box .form .titles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.newsletter-box .form .titles h6 {
  width: 100%;
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #c83a10;
}
.newsletter-box .form .titles h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 44px;
  font-family: 'Cinzel', serif;
  letter-spacing: -2px;
  line-height: 1;
  color: #7d1c1c;
}
.newsletter-box .form small {
  width: 100%;
  display: block;
  margin-top: 16px;
  font-size: 15px;
  color: #5a3030;
  opacity: 0.8;
}
.newsletter-box .form small a {
  display: inline-block;
  text-decoration: underline;
  color: #c83a10;
}
.newsletter-box .form .inner {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #fff;
  padding: 10px;
  border: 1px solid rgba(125, 28, 28, 0.15);
  border-radius: 6px;
}
.newsletter-box .form input[type="email"] {
  width: 70%;
  flex: auto;
  border: none;
  padding: 0;
  padding-left: 20px;
}
.newsletter-box .form input[type="submit"] {
  width: 30%;
  background: #7d1c1c;
  padding: 0;
}
.newsletter-box .newsletter-image {
  width: 35%;
  display: inline-block;
  margin: 0;
  position: relative;
  z-index: 1;
}
.newsletter-box .newsletter-image img {
  width: 100%;
}

/* CONTACT BOX */
.contact-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding-right: 10%;
}
.contact-box:last-child {
  margin-bottom: 0;
}
.contact-box h6 {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-family: 'Cinzel', serif;
  font-size: 24px;
  font-weight: 600;
}
.contact-box a {
  display: block;
  text-decoration: underline;
}
.contact-box a:hover {
  text-decoration: none;
}
.contact-box p {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  opacity: 0.7;
}
.contact-box p:last-child {
  margin-bottom: 0;
}

/* CONTACT FORM */
.contact-form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 10%;
}
.contact-form .mb-3 {
  width: 100%;
  display: block;
}
.contact-form .mb-3 input[type="text"] {
  width: 100%;
}
.contact-form .mb-3 textarea {
  width: 100%;
}

/* GOOGLE MAPS */
.google-maps {
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #c83a10;
}
.google-maps iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  filter: grayscale(1);
}

/* BLOG POST */
.blog-post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 120px;
}
.blog-post figure {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  overflow: hidden;
}
.blog-post figure.is-inview img {
  opacity: 1;
  transform: scale(1);
}
.blog-post figure img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.blog-post .content-box {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 1.7;
}
.blog-post .content-box small {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  background: #c83a10;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
}
.blog-post .content-box h3 {
  width: 100%;
  display: block;
  font-size: 36px;
  font-weight: 400;
  font-family: 'Cinzel', serif;
  margin-bottom: 30px;
  margin-top: 10px;
}
.blog-post .content-box blockquote {
  width: 100%;
  display: block;
  margin: 40px 0;
  font-family: 'Cinzel', serif;
  font-size: 22px;
  padding-left: 40px;
  border-left: 4px solid #c83a10;
}
.blog-post .content-box p {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  opacity: 0.7;
}
.blog-post .content-box p:last-child {
  margin-bottom: 0;
}

/* SIDEBAR */
.sidebar {
  width: 100%;
  display: block;
  padding-left: 30px;
}
.sidebar .widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #f1f1f1;
  border-right: 4px solid #f1f1f1;
  border-bottom: 4px solid #f1f1f1;
  padding: 35px;
  margin-bottom: 35px;
  position: relative;
}
.sidebar .widget * {
  position: relative;
}
.sidebar .widget .widget-title {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 22px;
  color: #080808;
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-family: 'Cinzel', serif;
}
.sidebar .widget .widget-title:after {
  content: "";
  width: 50px;
  height: 4px;
  background: #080808;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.sidebar .widget .widget-title:before {
  content: "";
  width: 100%;
  height: 4px;
  background: #f1f1f1;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  mix-blend-mode: difference;
}
.sidebar .widget form {
  width: 100%;
  display: block;
}
.sidebar .widget form input[type="submit"] {
  margin-top: 10px;
  background: #080808;
  color: #fff;
}
.sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 4px 0;
  padding: 0;
  list-style: none;
}
.sidebar .widget .categories li a {
  color: #080808;
  font-size: 19px;
}
.sidebar .widget .widget-gallery {
  width: calc(100% + 4px);
  float: left;
  margin: 0 -2px;
  padding: 0;
}
.sidebar .widget .widget-gallery li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 2px;
  list-style: none;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.pagination .page-item {
  display: inline-block;
}
.pagination .page-item.active .page-link {
  background: #080808;
  border-color: transparent;
  color: #fff;
}
.pagination .page-item .page-link {
  height: 60px;
  line-height: 60px;
  border-radius: 0 !important;
  padding: 0 20px;
  color: #080808;
}
.pagination .page-item .page-link:hover {
  text-decoration: none;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 120px;
}
.footer .logo {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.footer .logo img {
  height: 64px;
}
.footer .app-logos {
  width: 100%;
  display: block;
  margin: 0;
}
.footer .app-logos img {
  width: auto;
  height: 32px;
}
.footer .widget-title {
  width: 100%;
  display: block;
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 20px;
  font-family: 'Cinzel', serif;
  position: relative;
  padding-bottom: 15px;
}
.footer .widget-title:after {
  content: "";
  width: 70px;
  height: 2px;
  background: #080808;
  position: absolute;
  left: 0;
  bottom: 0;
}
.footer .social-media {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.footer .social-media li {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}
.footer .social-media li a {
  display: inline-block;
}
.footer .social-media li a i {
  width: 20px;
  display: inline-block;
  font-size: 14px;
}
.footer .social-media li a:hover {
  text-decoration: underline;
}
.footer .footer-menu {
  width: 100%;
  display: block;
  margin: 0;
  padding-left: 20px;
}
.footer .footer-menu li {
  margin-bottom: 8px;
}
.footer .footer-menu li a {
  display: inline-block;
  font-size: 16px;
}
.footer .address {
  width: 100%;
  display: block;
  line-height: 1.8;
}
.footer .address strong {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.footer .footer-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 50px 0;
  border-top: double 10px #f7f7f7;
  margin-top: 60px;
  font-size: 14px;
}
.footer .footer-bottom .container {
  display: flex;
  flex-wrap: wrap;
}
.footer .footer-bottom .copyright {
  display: inline-block;
}
.footer .footer-bottom .creation {
  margin-left: auto;
  display: inline-block;
}
.footer .footer-bottom .creation a {
  display: inline-block;
  text-decoration: underline;
}
.footer .footer-bottom .creation a:hover {
  text-decoration: none;
}

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .search-box .container .search-events ul li {
    padding: 0 2%;
  }

  .slider .slider-texts .swiper-slide h1 {
    font-size: 92px;
  }

  .navbar .site-menu ul li {
    margin: 0 10px;
  }

  .navbar .navbar-button {
    display: none;
  }

  .play-now {
    left: 60%;
  }

  .page-header .inner h1 {
    font-size: 92px;
  }

  .page-header .inner p {
    padding-right: 30%;
  }

  .section-title h2 {
    font-size: 46px;
  }

  .side-icon-list ul li {
    margin-bottom: 30px;
  }

  .side-icon-list.right-side {
    padding-left: 30px;
  }

  .exhibition-box .content-box h4 {
    font-size: 25px;
  }

  .exhibition-box {
    padding: 0 !important;
  }

  .collection-box {
    padding: 0 !important;
  }

  .collection-box h4 {
    font-size: 25px;
  }

  .image-content-box {
    padding: 0 !important;
  }

  .counter-box .odometer {
    font-size: 38px;
  }

  .counter-box .value {
    font-size: 38px;
  }

  .testimonial-box {
    max-width: 100%;
  }

  .text-content p {
    padding-right: 10%;
  }

  .image-icon-box .content-box h4 {
    font-size: 26px;
  }

  .image-icon-box:hover .content-box .expand {
    max-height: 400px;
  }

  .side-list.right {
    padding-left: 30px;
  }

  .side-content h2 {
    font-size: 32px;
  }

  .side-content.left {
    padding-right: 30px;
  }

  .art-slider-content {
    height: 300px;
  }

  .art-slider .titles h2 {
    font-size: 32px;
  }

  .cta-box h2 {
    font-size: 46px;
  }

  .contact-form {
    padding: 0;
  }

  .recent-news .content-box h3 {
    font-size: 28px;
  }

  .newsletter-box .form {
    width: 100%;
    padding: 0;
  }

  .newsletter-box .newsletter-image {
    display: none;
  }
  .navbar .hamburger-menu {
  margin-left: 30px;
  display: inline-block;
  cursor: pointer;
}
}
/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  input {
    border-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
  }

  input[type="search"] {
    -webkit-appearance: none;
    appearance: none;
  }

  textarea {
    border-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
  }

  .side-widget.active .display-mobile {
    display: flex;
    margin-top: -50px;
  }

  .side-widget.active .inner {
    display: none;
  }

  .side-widget {
    width: 440px;
  }

  .search-box .container .search-events ul {
    display: none;
  }

  .navbar .custom-menu {
    display: none;
  }

  .navbar .site-menu {
    display: none;
  }

  .navbar .navbar-button {
    display: inline-block;
  }

  .slider .slider-texts .swiper-slide h1 {
    font-size: 72px;
  }

  .slider .slider-texts .swiper-slide p {
    opacity: 1;
  }

  .play-now {
    display: none;
  }

  .section-title h2 {
    font-size: 34px;
  }

  .page-header .inner p {
    padding-right: 10%;
    padding-left: 0;
    border-left: none;
    margin-left: 0;
  }

  .side-icon-list {
    padding-left: 0;
  }

  .side-icon-list ul li .content p br {
    display: none;
  }

  .sidebar {
    padding-left: 0;
    margin-top: 60px;
  }

  .col-lg-4:nth-child(1) .exhibition-box {
    padding-right: 0;
  }

  .col-lg-4:nth-child(2) .exhibition-box {
    padding: 0;
  }

  .col-lg-4:nth-child(3) .exhibition-box {
    padding-left: 0;
    margin: 50px 0;
  }

  .col-lg-3 .circle-button {
    display: none;
  }

  .col-lg-5 .side-icon-list.right-side {
    margin-top: 60px;
  }

  .cta-box h2 {
    font-size: 36px;
  }

  .exhibition-box {
    margin-top: 60px;
  }

  .side-image.right-half {
    width: 100%;
  }

  .side-image.left-half {
    width: 100%;
  }

  .image-content-box {
    margin-top: 60px;
  }

  .side-arts {
    width: 100%;
  }

  .counter-box {
    margin: 15px 0;
  }

  .art-slider {
    margin-top: -80px;
  }

  .art-slider-content {
    height: 200px;
    margin-bottom: 80px;
  }

  .art-slider-images {
    width: 100%;
  }

  .image-icon-box {
    border-right: none;
  }

  .recent-news {
    padding: 0;
    margin-bottom: 80px;
  }

  .recent-news .content-box {
    width: 100%;
    margin-bottom: 0;
    order: 2;
  }

  .recent-news figure {
    width: 100%;
    order: 1;
    margin-bottom: 50px;
  }

  .contact-form {
    margin-top: 60px;
  }

  .col-12:nth-child(even) .recent-news .content-box {
    text-align: left;
    margin: 0;
  }

  .col-12:nth-child(even) .recent-news .content-box p {
    padding-left: 0;
  }

  .newsletter-box {
    padding: 50px 0;
  }

  .newsletter-box .form .titles h2 {
    font-size: 26px;
  }

  .footer .footer-menu {
    margin-bottom: 50px;
  }
  .navbar .hamburger-menu {
  margin-left: 30px;
  display: inline-block;
  cursor: pointer;
}
  
}
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  
  .preloader {
    background: #080808;
  }

  .preloader svg {
    display: none;
  }

  .page-transition {
    background: #080808;
  }

  .page-transition svg {
    display: none;
  }

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

  .side-widget {
    padding: 30px;
    padding-right: 0;
    width: 100%;
    max-width: 85vw;
  }

  .side-widget .logo img {
    height: 90px;
  }

  .search-box .container .form input[type="search"] {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }

  .navbar {
    padding: 20px 15px;
  }

  .navbar .navbar-button {
    display: none;
  }

  .navbar .logo a img {
    height: 75px;
  }


  .page-header .inner {
    padding: 0 15px;
  }

  .page-header .inner h1 {
    font-size: 42px;
  }

  .page-header .inner p {
    font-size: 17px;
    padding-right: 0;
  }

  .section-title {
    margin-bottom: 60px;
  }

  .section-title h2 {
    font-size: 28px;
  }

  .section-title h2 br {
    display: none;
  }

  .side-content.left br {
    display: none;
  }

  .counter-box {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .side-content.left {
    padding-right: 0;
  }

  .side-content table {
    font-size: 14px;
  }

  .side-icon-list ul li figure {
    width: 100%;
    margin-bottom: 10px;
  }

  .side-icon-list ul li .content {
    width: 100%;
  }

  .side-icon-list ul li .content p br {
    display: none;
  }

  .col-lg-6 .side-list.right {
    padding-left: 0;
    margin-top: 60px;
  }

  .col-lg-3:last-child .counter-box {
    margin-bottom: 0;
  }

  .col-lg-6 .side-icon-list {
    margin-bottom: 50px;
    padding-right: 0;
  }

  .collection-box figure {
    margin-bottom: 15px;
  }

  .col-lg-4:nth-child(1) .image-content-box {
    margin-top: 0;
  }

  .blog-post .content-box h3 {
    font-size: 24px;
  }

  .note-box {
    padding: 30px;
  }

  .note-box h2 {
    font-size: 24px;
  }

  .text-box p {
    padding-right: 0;
  }

  .art-slider {
    margin-top: 0;
  }

  .art-slider-content {
    display: none;
  }

  .cta-box h2 {
    font-size: 30px;
  }

  .side-icon-list.right-side {
    padding: 0;
  }

  .exhibition-box {
    margin-top: 60px;
  }

  .col-12.text-center .custom-button {
    margin-top: 0;
  }

  .col-lg-4:nth-child(1) .exhibition-box {
    margin-top: 0;
  }

  .col-lg-4:nth-child(3) .text-box {
    margin: 50px 0;
  }

  .col-lg-4:last-child .image-icon-box .content-box {
    padding-bottom: 0;
  }

  .col-lg-4:nth-child(3) .text-content {
    margin: 30px 0;
  }

  .col-lg-6 .side-icon-list.left-side {
    padding-top: 60px;
    padding-right: 0;
  }

  .side-arts {
    padding: 80px 30px;
  }

  .testimonial-box {
    margin-bottom: 60px;
  }

  .testimonial-box .content-box {
    padding: 30px;
  }

  .col-md-6:last-child .testimonial-box {
    margin-bottom: 0;
  }

  .image-content-box .content-box {
    width: 100%;
    margin-top: 0;
  }

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

  .text-content p {
    padding: 0 5%;
  }

  .text-content p:before {
    display: none;
  }

  .image-icon-box {
    padding-bottom: 100px;
  }

  .image-icon-box .content-box {
    padding: 30px 0;
  }

  .image-icon-box .icon {
    width: 60px;
    height: 60px;
  }

  .image-icon-box .icon img {
    height: 36px;
  }

  .recent-news figure {
    margin-bottom: 20px;
  }

  .recent-news .content-box h3 {
    font-size: 22px;
  }

  .recent-news .content-box p {
    padding: 0;
  }

  .text-box h2 {
    font-size: 30px;
  }

  .col-md-2 img {
    margin-bottom: 30px;
  }

  .col-12:nth-child(2) .recent-news {
    margin-bottom: 50px;
  }

  .newsletter-box {
    padding: 40px 20px;
    border-radius: 10px;
  }

  .newsletter-box .form .titles h2 {
    font-size: 26px;
  }

  .newsletter-box .form .inner {
    width: 100%;
  }

  .newsletter-box .form input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
  }

  .newsletter-box .form input[type="submit"] {
    width: 100%;
  }

  .footer {
    padding-top: 80px;
  }

  .footer .social-media {
    margin-bottom: 50px;
  }

  .footer .footer-bottom .creation {
    width: 100%;
  }
  .navbar .hamburger-menu {
    margin-left: 30px;
    display: inline-block;
    cursor: pointer;
  }

}
/* ANIMATIONS */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(360deg);
  }
  to {
    -o-transform: rotate(0);
  }
}
@keyframes rotate {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}
@-webkit-keyframes svg-morph {
  0% {
    d: path("m244.333332,38.437499c26.666664,-1.666666 125.666662,0.999995 195.333325,50.33333c69.666663,49.333335 -39.666664,141.666664 -70.666664,174.229164c-31,32.5625 -176.999993,107.437507 -234.999993,76.437507c-58,-31 73.666665,-107.000001 49,-190.4375c-24.666665,-83.437499 34.666668,-108.895835 61.333332,-110.562501z");
  }
  100% {
    d: path("m244.333332,38.437499c58.666669,50.333342 24.666647,101.000011 94.33331,150.333346c69.666663,49.333335 71.333353,156.666666 14.333349,175.229163c-57.000004,18.562498 -160.999991,6.437492 -218.999991,-24.562508c-58,-31 -109.333363,-174.000012 -70.000018,-236.437507c39.333345,-62.437496 121.666681,-114.895836 180.33335,-64.562494z");
  }
}
@-moz-keyframes svg-morph {
  0% {
    d: path("m244.333332,38.437499c26.666664,-1.666666 125.666662,0.999995 195.333325,50.33333c69.666663,49.333335 -39.666664,141.666664 -70.666664,174.229164c-31,32.5625 -176.999993,107.437507 -234.999993,76.437507c-58,-31 73.666665,-107.000001 49,-190.4375c-24.666665,-83.437499 34.666668,-108.895835 61.333332,-110.562501z");
  }
  100% {
    d: path("m244.333332,38.437499c58.666669,50.333342 24.666647,101.000011 94.33331,150.333346c69.666663,49.333335 71.333353,156.666666 14.333349,175.229163c-57.000004,18.562498 -160.999991,6.437492 -218.999991,-24.562508c-58,-31 -109.333363,-174.000012 -70.000018,-236.437507c39.333345,-62.437496 121.666681,-114.895836 180.33335,-64.562494z");
  }
}
@-ms-keyframes svg-morph {
  0% {
    d: path("m244.333332,38.437499c26.666664,-1.666666 125.666662,0.999995 195.333325,50.33333c69.666663,49.333335 -39.666664,141.666664 -70.666664,174.229164c-31,32.5625 -176.999993,107.437507 -234.999993,76.437507c-58,-31 73.666665,-107.000001 49,-190.4375c-24.666665,-83.437499 34.666668,-108.895835 61.333332,-110.562501z");
  }
  100% {
    d: path("m244.333332,38.437499c58.666669,50.333342 24.666647,101.000011 94.33331,150.333346c69.666663,49.333335 71.333353,156.666666 14.333349,175.229163c-57.000004,18.562498 -160.999991,6.437492 -218.999991,-24.562508c-58,-31 -109.333363,-174.000012 -70.000018,-236.437507c39.333345,-62.437496 121.666681,-114.895836 180.33335,-64.562494z");
  }
}
@-o-keyframes svg-morph {
  0% {
    d: path("m244.333332,38.437499c26.666664,-1.666666 125.666662,0.999995 195.333325,50.33333c69.666663,49.333335 -39.666664,141.666664 -70.666664,174.229164c-31,32.5625 -176.999993,107.437507 -234.999993,76.437507c-58,-31 73.666665,-107.000001 49,-190.4375c-24.666665,-83.437499 34.666668,-108.895835 61.333332,-110.562501z");
  }
  100% {
    d: path("m244.333332,38.437499c58.666669,50.333342 24.666647,101.000011 94.33331,150.333346c69.666663,49.333335 71.333353,156.666666 14.333349,175.229163c-57.000004,18.562498 -160.999991,6.437492 -218.999991,-24.562508c-58,-31 -109.333363,-174.000012 -70.000018,-236.437507c39.333345,-62.437496 121.666681,-114.895836 180.33335,-64.562494z");
  }
}
@keyframes svg-morph {
  0% {
    d: path("m244.333332,38.437499c26.666664,-1.666666 125.666662,0.999995 195.333325,50.33333c69.666663,49.333335 -39.666664,141.666664 -70.666664,174.229164c-31,32.5625 -176.999993,107.437507 -234.999993,76.437507c-58,-31 73.666665,-107.000001 49,-190.4375c-24.666665,-83.437499 34.666668,-108.895835 61.333332,-110.562501z");
  }
  100% {
    d: path("m244.333332,38.437499c58.666669,50.333342 24.666647,101.000011 94.33331,150.333346c69.666663,49.333335 71.333353,156.666666 14.333349,175.229163c-57.000004,18.562498 -160.999991,6.437492 -218.999991,-24.562508c-58,-31 -109.333363,-174.000012 -70.000018,-236.437507c39.333345,-62.437496 121.666681,-114.895836 180.33335,-64.562494z");
  }
}
@-webkit-keyframes preloader-svg {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
  50% {
    d: path("M0,230 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,960 305.333333,1080 0,1080 L0,230 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@-webkit-keyframes preloader-svg {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
  50% {
    d: path("M0,230 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,960 305.333333,1080 0,1080 L0,230 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@-moz-keyframes preloader-svg {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
  50% {
    d: path("M0,230 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,960 305.333333,1080 0,1080 L0,230 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@-ms-keyframes preloader-svg {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
  50% {
    d: path("M0,230 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,960 305.333333,1080 0,1080 L0,230 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@-o-keyframes preloader-svg {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
  50% {
    d: path("M0,230 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,960 305.333333,1080 0,1080 L0,230 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@keyframes preloader-svg {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
  50% {
    d: path("M0,230 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,960 305.333333,1080 0,1080 L0,230 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@-webkit-keyframes preloader-inner {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes preloader-inner {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-ms-keyframes preloader-inner {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes preloader-inner {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes preloader-inner {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes page-transition {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@-moz-keyframes page-transition {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@-ms-keyframes page-transition {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@-o-keyframes page-transition {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@keyframes page-transition {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z");
  }
  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}
@-webkit-keyframes side-widget-in {
  0% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
}
@-moz-keyframes side-widget-in {
  0% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
}
@-ms-keyframes side-widget-in {
  0% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
}
@-o-keyframes side-widget-in {
  0% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
}
@keyframes side-widget-in {
  0% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
}
@-webkit-keyframes side-widget-out {
  0% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
}
@-moz-keyframes side-widget-out {
  0% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
}
@-ms-keyframes side-widget-out {
  0% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
}
@-o-keyframes side-widget-out {
  0% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
}
@keyframes side-widget-out {
  0% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
  50% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }
  100% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
}

/* ================================
   PRODUCT SECTION — reusable card
   ================================ */
.product-section {
  background: #fffbf7;
}

.product-card {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 60px rgba(0,0,0,0.10);
  border: 1px solid rgba(0,0,0,0.07);
}

/* Image panel — left column */
.product-img-panel {
  width: 100%;
  height: 100%;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 40px;
  position: relative;
}
.product-img-panel img {
  display: block;
  max-width: 100%;
  max-height: 460px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 30px rgba(0,0,0,0.45));
}

/* Two images side by side */
.product-img-panel--duo {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 40px 24px;
}
.product-img-panel--duo::before {
  content: "";
  position: absolute;
  top: 15%;
  bottom: 15%;
  left: 50%;
  width: 1px;
  background: rgba(255,255,255,0.12);
}
.product-img-panel--duo img {
  flex: 1;
  max-width: 48%;
  max-height: 480px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Content panel — right column */
.product-info-panel {
  background: #ffffff;
  height: 100%;
  padding: 60px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid rgba(0,0,0,0.06);
}

/* Category tag */
.product-tag {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #8b1a1a;
  background: rgba(139,26,26,0.08);
  padding: 5px 16px;
  border-radius: 30px;
  margin-bottom: 18px;
  width: fit-content;
}

/* Product title */
.product-title {
  font-family: 'Cinzel', serif;
  font-size: 38px;
  font-weight: 700;
  color: #1a0800;
  letter-spacing: 2px;
  margin-bottom: 10px;
  line-height: 1.2;
}

/* Tagline */
.product-tagline {
  font-size: 14px;
  color: #9a6c14;
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 0;
}

/* Accent rule */
.product-rule {
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, #8b1a1a, #c0392b);
  border-radius: 2px;
  margin: 24px 0;
  flex-shrink: 0;
}

/* Body text */
.product-info-panel p {
  font-size: 19px;
  line-height: 1.85;
  color: #000000;
  margin-bottom: 14px;
}
.product-info-panel p strong {
  color: #3a0a00;
  font-weight: 600;
}
.product-info-panel p em {
  color: #8b5e14;
}

/* Sub-headings within content */
.product-sub-heading {
  font-family: 'Cinzel', serif;
  font-size: 20px;
  font-weight: 700;
  color: #8b1a1a;
  letter-spacing: 0.8px;
  margin-top: 26px;
  margin-bottom: 10px;
  padding-left: 12px;
  border-left: 3px solid #c0392b;
}

/* Gaumaya feature pills */
.gaumaya-features-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 28px;
}
.gaumaya-feature {
  display: flex;
  align-items: center;
  gap: 7px;
  background: #fff8f0;
  border: 1px solid rgba(139,26,26,0.12);
  border-radius: 30px;
  padding: 7px 16px;
  font-size: 13px;
  color: #3a0a00;
  font-weight: 500;
}
.product-img-panel--cover {
  background-size: cover !important;
  background-position: center !important;
}
.gaumaya-img-stack {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gaumaya-img-stack img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.product-img-panel--cover .gaumaya-img-stack {
  position: absolute;
  inset: 0;
  padding: 0;
}

/* Read More button */
.product-readmore-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 13px 32px;
  background: #8b1a1a;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.2s ease;
}
.product-readmore-btn:hover {
  background: #6a1212;
  color: #fff;
  transform: translateY(-2px);
  text-decoration: none;
}
.product-readmore-btn i {
  font-size: 12px;
  transition: transform 0.2s ease;
}
.product-readmore-btn:hover i {
  transform: translateX(4px);
}

/* Responsive */
@media (max-width: 991px) {
  .product-title {
    font-size: 30px;
  }
  .product-info-panel {
    padding: 48px 40px;
  }
  .product-img-panel {
    min-height: 380px;
  }
}
@media (max-width: 767px) {
  .product-card {
    border-radius: 14px;
    flex-direction: column-reverse;
  }
  .product-img-panel {
    min-height: 260px;
    padding: 0;
    order: -1;
  }
  .product-img-panel img {
    max-height: 240px;
  }
  .product-info-panel {
    padding: 28px 20px;
    height: auto;
  }
  .product-title {
    font-size: 24px;
  }
  .gaumaya-features-row {
    gap: 8px;
  }
  .gaumaya-feature {
    font-size: 12px;
    padding: 6px 12px;
  }
}

@media (max-width: 480px) {
  .product-info-panel {
    padding: 22px 16px;
  }
  .product-title {
    font-size: 20px;
  }
  .product-img-panel {
    min-height: 220px;
  }
  .product-readmore-btn {
    width: 100%;
    justify-content: center;
  }
}

/* ============================================
   GLOBAL MOBILE OVERFLOW / BANNER FIX
   ============================================ */
@media (max-width: 767px) {
  /* Prevent horizontal scroll from scale(1.4) preload animation */
  html, body {
    overflow-x: hidden;
    max-width: 100%;
    background-color: #8b1a1a;
  }

  /* Ensure all direct page sections don't overflow */
  .content-section,
  .product-section {
    overflow-x: hidden;
    width: 100%;
  }
}

/* ============================================
   FLOATING CONTACT WIDGET
   ============================================ */

/* ---- Desktop: fixed right side ---- */
.float-contact-widget {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 0;
  z-index: 9999;
}

.fcw-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  border-radius: 4px 0 0 4px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.fcw-btn:hover {
  color: #fff;
  transform: scale(1.08);
}

.fcw-label {
  display: none;
}

.fcw-whatsapp  { background: #25d366; }
.fcw-whatsapp:hover { background: #1ebe5d; }

.fcw-call      { background: #0c7cd5; }
.fcw-call:hover { background: #0a6ab8; }
.fcw-call i { transform: rotate(100deg); display: inline-block; }

.fcw-enquire   { background: #e06b2e; }
.fcw-enquire:hover { background: #c85e27; }

/* ---- Mobile: sticky bottom bar ---- */
@media (max-width: 991px) {
  .float-contact-widget {
    position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    flex-direction: row !important;
    width: 100% !important;
    z-index: 99999 !important;
    margin: 0 !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
  }

  .fcw-btn {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    height: 56px !important;
    border-radius: 0 !important;
    font-size: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .fcw-btn:hover,
  .fcw-btn:active {
    transform: none !important;
  }

  .fcw-label {
    display: none !important;
  }

  /* prevent page content hiding behind the sticky bar */
  .gc-footer-bottom {
    padding-bottom: 56px !important;
  }
}

/* ============================================
   BACK TO TOP
   ============================================ */
.back-to-top {
  position: fixed;
  bottom: 28px;
  right: 60px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #e06b2e;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, background 0.2s ease;
  box-shadow: 0 4px 14px rgba(224,107,46,0.4);
}
.back-to-top.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.back-to-top:hover {
  background: #c85e27;
}

@media (max-width: 991px) {
  .back-to-top {
    bottom: 70px;
    right: 14px;
  }
}

/* ============================================
   ENQUIRY POPUP
   ============================================ */
.enq-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 100000;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.enq-overlay.active {
  display: flex;
}
.enq-modal {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 440px;
  padding: 36px 32px 28px;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25);
  animation: enqSlideIn 0.3s ease;
}
@keyframes enqSlideIn {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.enq-close {
  position: absolute;
  top: 14px;
  right: 16px;
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: #888;
  padding: 0;
  transition: color 0.2s;
}
.enq-close:hover { color: #333; }

.enq-header {
  text-align: center;
  margin-bottom: 24px;
}
.enq-header i {
  font-size: 32px;
  color: #e06b2e;
  margin-bottom: 10px;
  display: block;
}
.enq-header h4 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 4px;
}
.enq-header p {
  font-size: 13px;
  color: #888;
  margin: 0;
}
.enq-field {
  margin-bottom: 14px;
}
.enq-field input,
.enq-field textarea {
  width: 100%;
  border: 1.5px solid #e0e0e0;
  border-radius: 8px;
  padding: 11px 14px;
  font-size: 14px;
  color: #333;
  outline: none;
  transition: border-color 0.2s;
  font-family: inherit;
  resize: none;
  background: #fafafa;
}
.enq-field input:focus,
.enq-field textarea:focus {
  border-color: #e06b2e;
  background: #fff;
}
.enq-submit {
  width: 100%;
  background: #e06b2e;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 13px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: 4px;
  font-family: inherit;
}
.enq-submit:hover  { background: #c85e27; }
.enq-submit:disabled { opacity: 0.7; cursor: not-allowed; }
.enq-response { margin-top: 12px; text-align: center; font-size: 14px; }
.enq-success { color: #198754; }
.enq-error   { color: #dc3545; }

@media (max-width: 480px) {
  .enq-modal {
    padding: 28px 20px 22px;
  }
}