/*

@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;
}

.cormorant-garamond-light {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
}

.cormorant-garamond-regular {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
}

.cormorant-garamond-medium {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: normal;
}

.cormorant-garamond-semibold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: normal;
}

.cormorant-garamond-bold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
}

.cormorant-garamond-light-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: italic;
}

.cormorant-garamond-regular-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: italic;
}

.cormorant-garamond-medium-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: italic;
}

.cormorant-garamond-semibold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: italic;
}

.cormorant-garamond-bold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: italic;
}


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

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

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

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;
}

.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;
}
.navbar a {
  text-decoration: none;
  color: #fff;
}


a:hover {
  text-decoration: none;
  color: #080808;
}
.bg-black {
  background-color: #000 !important;
}
/* 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;
  margin-top: 30px;
}

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: #fff;
  background: #c48061;
  border: none;
  padding: 0 50px;
}

button[type="submit"] {
  height: 70px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #c48061;
  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: #94ffc4;
  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: #fff;
  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: 70px;
}
.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;
}*/
.navbar {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  transform: translateY(-100px);
  opacity: 0;
  transition-delay: 0.9s;
}

/*.slider {
  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 .navbar {
  transform: translateX(0);
  opacity: 1;
}


.page-loaded .slider {
  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: "Cormorant Garamond", 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: "Cormorant Garamond", 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: "Cormorant Garamond", serif;
  margin-bottom: 15px;
  color: #94ffc4;
}
.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: "Cormorant Garamond", 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 .site-menu ul li a img {
  width: 30px;
}
.side-widget .display-mobile .custom-menu ul li a:hover {
  text-decoration: none;
  color: #94ffc4;
}
.side-widget .display-mobile .site-menu {
  width: 100%;
  display: block;
  margin-bottom: auto;
  margin-top: auto;
}
.side-widget .display-mobile .site-menu ul {
  width: 100%;
  margin: 0;
}
.side-widget .display-mobile .site-menu ul li {
  width: 100%;
  font-size: 20px;
}
.side-widget .display-mobile .site-menu ul li a {
  display: inline-block;
  color: #fff;
  margin: 5px 0;
  text-transform: uppercase;
  font-weight: 500;
}
.side-widget .display-mobile .site-menu ul li a:hover {
  text-decoration: none;
  color: #c48061;
}

/* NAVBAR */
.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;

  padding: 15px 60px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
}
/*.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  padding: 25px 0;
}*/


.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: #94ffc4;
  background: none;
  color: #fff;
}





.navbar .logo {
  display: inline-block;
}
.navbar .logo a {
  display: block;
}
.navbar .logo a img {
  height: 62px;
}


.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: #94ffc4;
  transition: width .25s ease;
}
.navbar .custom-menu ul li a:hover:before {
  width: 50%;
  background: #94ffc4;
  transition: width .25s ease;
}
.navbar .custom-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.navbar .site-menu {
  height: 30px;
  line-height: 34px;
  display: inline-block;
  margin-left: auto;
}

/*.navbar .site-menu {
  display: flex;
  flex-wrap: wrap-reverse;
  margin: 0 auto;
}*/

.navbar .site-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.navbar .site-menu ul li {
  display: inline-block;
  margin: 0 25px;
  padding: 0;
  list-style: none;
}
.navbar .site-menu ul li a {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
}
.navbar .site-menu ul li a:hover {
  text-decoration: none;
  color: #c48061;
}
.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: #c48061;
  transition: width .25s ease;
}
.navbar .site-menu ul li a:hover:before {
  width: 50%;
  background: #c48061;;
  transition: width .25s ease;
}
.navbar .site-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.navbar .custom-menu ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  list-style: none;
}




.navbar .drapeaux {
  height: 30px;
  line-height: 34px;
  display: inline-block;
  margin-left: auto;
}
.navbar .drapeaux ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.navbar .drapeaux ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  list-style: none;
}
.drapeaux img {
  width:30px;
}
.navbar .drapeaux ul li a {
  display: inline-block;
  position: relative;
}
.navbar .drapeaux ul li a:hover {
  text-decoration: none;
}
.navbar .drapeaux 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 .drapeaux ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  background: #c48061;
  transition: width .25s ease;
}
.navbar .drapeaux ul li a:hover:before {
  width: 50%;
  background: #c48061;
  transition: width .25s ease;
}
.navbar .drapeaux ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}



.navbar .search-button i {
  display: inline-block;
  font-size: 21px;
  cursor: pointer;
}
.navbar .hamburger-menu {
  margin-left: 30px;
  display: inline-block;
  cursor: pointer;
  z-index: 9999;
}
@media only screen and (min-width: 992px) and (max-width: 5000px) {
  .navbar .hamburger-menu {
  margin-left: 30px;
  display: none;
  cursor: pointer;
}
}
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .drapeaux {
  display: none !important;
}
}
.navbar .navbar-button {
  margin-left: 30px;
}
.navbar .navbar-button a {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding: 0 40px;
  background: #94ffc4;
  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;
}


/* NAVBAR */
.navbar {
  width: 100%;
}
.navbar.dark {
  background: #000;

}
.navbar.navbar-light {
  background: transparent;
}
.navbar.unpinned {
  transform: translate3d(0, 0%, 0);
  transition-delay: 0s;
}
.navbar.pinned {
  transition-delay: 0s;
}


/* SLIDER 
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.slider .container-fluid {
  width: calc(100% - 120px);
  margin: 0 60px;
}
.slider .kinetic-slider {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: #080808;
}
.slider .kinetic-slider canvas {
  width: 100% !important;
  height: auto !important;
  transform: none !important;
}
.slider .kinetic-texts {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  padding-top: 32px;
  color: #fff;
}
.slider .kinetic-texts .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.slider .kinetic-texts .swiper-slide * {
  -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;
  opacity: 0;
}
.slider .kinetic-texts .swiper-slide.swiper-slide-active * {
  opacity: 1;
}
.slider .kinetic-texts .swiper-slide h1 {
  font-size: 126px;
  font-weight: 400;
  font-family: "Cormorant Garamond", serif;
  line-height: 1;
  margin-bottom: 30px;
}
.slider .kinetic-texts .swiper-slide p {
  font-size: 19px;
  margin: 0;
  opacity: 0.7;
  padding-left: 30px;
  border-left: 3px solid #fff;
  margin-left: 10px;
}
.slider .slider-images {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.slider .slider-images .swiper-slide {
  background-size: cover !important;
}
.slider .slider-images .swiper-slide .mobile-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover !important;
  display: none;
}
.slider .slider-texts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 32px;
}
.slider .slider-texts .svg-morph {
  position: absolute;
  top: calc(50% - 200px);
  left: 50%;
  transform: translateX(-140%);
}
.slider .slider-texts .svg-morph path {
  fill: #94ffc4;
  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;
}
.slider .slider-texts .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.slider .slider-texts .swiper-slide h1 {
  font-size: 126px;
  font-weight: 400;
  font-family: "Cormorant Garamond", serif;
  line-height: 1;
  margin-bottom: 30px;
}
.slider .slider-texts .swiper-slide p {
  font-size: 19px;
  margin: 0;
  opacity: 0.7;
  padding-left: 30px;
  border-left: 3px solid #080808;
  margin-left: 10px;
}
.slider .swiper-fraction {
  width: 200px;
  color: #fff;
}
.slider .swiper-fraction span {
  width: 22px;
  display: inline-block;
  color: #080808;
  font-weight: 700;
}
.slider .swiper-fraction span:before {
  content: "0";
}
.slider .swiper-fraction .swiper-pagination-current {
  margin-right: 122px;
}
.slider .swiper-pagination-progressbar {
  top: auto;
  bottom: 56px;
  left: 50px;
  width: 100px;
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
}
.slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #080808;
}
.slider .slider-nav {
  display: flex;
  height: 70px;
  margin-top: -70px;
  position: relative;
  z-index: 3;
}
.slider .slider-nav .button-prev {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  background: #94ffc4;
  color: #080808;
  margin-left: auto;
  margin-right: 8px;
  position: relative;
  z-index: 3;
  cursor: pointer;
  transform: translateY(-22px);
  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;
}
.slider .slider-nav .button-prev:hover {
  background: #080808;
  color: #94ffc4;
}
.slider .slider-nav .button-next {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  background: #94ffc4;
  color: #080808;
  position: relative;
  z-index: 3;
  cursor: pointer;
  transform: translateY(-22px);
  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;
}
.slider .slider-nav .button-next:hover {
  background: #080808;
  color: #94ffc4;
}

/* 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: 70%;
  display: block;
  padding: 0 60px;
  position: relative;
  margin-top: 60px;
  margin: auto;
}
.page-header .inner h1 {
  font-size: 126px;
  font-weight: 400;
    font-family: 'Cinzel', serif;
  line-height: 1;
  margin-bottom: 5px;
  position: relative;
  color: #fff;
  text-align: center;
  padding-top: 165px;
}
@media only screen and (min-width: 1150px) and (max-width: 1900px) {
  .page-header .inner {
  width: 70%;
}
	.page-header .inner h1 {
  font-size: 80px;
}
	.section-title h2 {
 
  font-size: 52px !important;
 
}
.section-title h1 {
 
  font-size: 52px !important;
 
}
}
@media only screen and (min-width: 800px) and (max-width: 1149px) {
  .page-header .inner {
  width: 100%;
}
	.page-header .inner h1 {
  font-size: 40px;
}

}
.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: #94ffc4;
  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.testimonial{
  width: 100%;
  display: block;
  padding: 60px 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.5;
}
.video-bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: -500px;
}

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.section-title figure {
  width: 100%;
  display: block;
  margin-bottom: 25px;
}
.section-title figure img {
  height: 70px;
}
.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: 52px;
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0px;
  line-height: 1;
  font-weight: 400;
}
.section-title h2 strong {
  font-weight: 600;
}
.section-title h1 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 60px;
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0px;
  line-height: 1;
  font-weight: 400;
}
.section-title h1 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: #94ffc4;
  transition: width .25s ease;
}
.custom-link:hover:before {
  width: 50%;
  background: #94ffc4;
  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: #c48061;
  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-2 {
  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;
	margin: auto;
}
.circle-button.white {
  width: 158px;
  height: 158px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: center;
  font-weight: 500;
}
.circle-button-2.white {
  width: 158px;
  height: 158px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #fff;
  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-2: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.white:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -5px;
  top: -5px;
  border: 1px solid #fff;
  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.white:hover {
  text-decoration: none;
}
.circle-button:hover:before {
  left: 0;
  top: 0;
  opacity: 0;
}
.circle-button-2:hover:before {
  left: 0;
  top: 0;
  opacity: 0;
}
.circle-button.white: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: 70px;
}
.side-icon-list.right-side {
  padding-right: 0;
  padding-left: 70px;
}
.side-icon-list ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-icon-list ul li {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  padding: 0;
  list-style: none;
}
.side-icon-list ul li:last-child {
  margin-bottom: 0;
}
.side-icon-list ul li figure {
  width: 80px;
  height: 100%;
  float: left;
  margin-bottom: 0;
}
.side-icon-list ul li figure img {
  height: 44px;
}
.side-icon-list ul li .content {
  width: calc(100% - 80px);
  display: inline-block;
  margin-top: 10px;
}
.side-icon-list ul li .content h5 {
  width: 100%;
  display: block;
  font-family: "Cormorant Garamond", 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: 0.7;
}
.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: "Cormorant Garamond", 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: #94ffc4;
  border-radius: 40px;
}
.side-content h2 {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  font-family: "Cormorant Garamond", serif;
  font-size: 45px;
}
.side-content-parenthese {
  font-family: "Cormorant Garamond", serif;
  font-size: 17px;
}
.side-content h2 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;
}
.side-content h2 a:hover {
  background-size: 100% 100%;
  text-decoration: none;
}
.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%;
}
.clearfix.right {
  padding-left: 20%;
}

.side-list h2 {
  width: 100%;
  display: block;
  font-size: 45px;
  font-family: "Cormorant Garamond", serif;
  margin-bottom: 30px;
}
.side-list h2 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;
}
.side-list h2 a:hover {
  background-size: 100% 100%;
  text-decoration: none;
}
.side-list ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-list ul li {
  width: 100%;
  display: block;
  padding: 0;
  margin-bottom: 6px;
  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: 52px;
  font-family: "Cormorant Garamond", 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: 82px;
  font-family: "Cormorant Garamond", serif;
  display: inline-block;
  line-height: 1;
  position: relative;
  padding: 0;
}
.counter-box .odometer:after {
  content: "";
  width: 70px;
  height: 70px;
  background: #94ffc4;
  border-radius: 50%;
  position: absolute;
  right: -50px;
  top: -20px;
  z-index: -1;
}
.counter-box .value {
  font-size: 82px;
  font-family: "Cormorant Garamond", 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-top: 30px;
  padding-right: 30px;
}
.image-content-box .content-box h3 {
  width: 100%;
  display: block;
  font-size: 28px;
  font-family: "Cormorant Garamond", 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;
  border-radius: 30px;
}
/*.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: 30px 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: "Cormorant Garamond", serif;
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
.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;
  text-align: justify;
}

/* 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: #bb7758;
  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 h3 {
  width: 100%;
  display: block;
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  margin-bottom: 20px;
}
.exhibition-box .content-box h3 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;
  text-transform: uppercase;
}
.exhibition-box .content-box h3 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: "Cormorant Garamond", serif;
  font-size: 45px;
}
.text-box h3 {
  width: 100%;
  display: block;
  /*margin-bottom: 20px;*/
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
}
.text-box .name {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
}

.text-box p {
  width: 100%;
  display: block;
  opacity: 0.7;
  text-align: justify;
  /*padding-right: 15%;*/
}

/* 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: "Cormorant Garamond", serif;
  font-size: 26px;
  font-weight: 600;
}
.text-content p {
  width: 100%;
  display: block;
  padding-right: 0%;
  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: 62px;
  font-family: "Cormorant Garamond", 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: "Cormorant Garamond", serif;
  transform: rotate(-90deg);
  font-weight: 700;
}
.art-slider-content .swiper-slide h3 {
  display: block;
  font-family: "Cormorant Garamond", 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: #94ffc4;
  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: "Cormorant Garamond", 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: #94ffc4;
  transition: width .25s ease;
}
.image-icon-box .content-box a:hover:before {
  width: 50%;
  background: #94ffc4;
  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: #94ffc4;
  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: 80px;
  font-family: "Cormorant Garamond", 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: #c48061;
  color: #fff;
}
.cta-box .custom-button:hover:before {
  border-color: #fff;
}


/* NOTE BOX */
.note-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #c48061;
  color: #fff;
  padding: 60px;
  margin: 50px 0;
}
.note-box h2 {
  width: 100%;
  display: block;
  font-size: 52px;
  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: 35%;
  padding-right: 0;
}

.recent-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 75px;
  margin-top: 75px;
  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: #94ffc4;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
}
.recent-news .content-box h2 {
  width: 100%;
  display: block;
  font-size: 50px;
  font-weight: 400;
  font-family: "Cormorant Garamond", serif;
  line-height: 1;
  margin-bottom: 30px;
  margin-top: 10px;
}
.recent-news .content-box p {
  width: 100%;
  display: block;
  padding-right: 35%;
  margin-bottom: 40px;
  opacity: 0.7;
  text-align: justify;
}

.content-box p {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  opacity: 0.7;
  text-align: justify;
}

/* NEWSLETTER BOX */
.newsletter-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: #94ffc4;
  padding: 50px 0;
}
.newsletter-box .form {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 50px;
}
.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: 10px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
}
.newsletter-box .form .titles h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 72px;
  font-family: 'Cinzel', serif;
  letter-spacing: -2px;
  line-height: 1;
}
.newsletter-box .form small {
  width: 100%;
  display: block;
  margin-top: 15px;
}
.newsletter-box .form small a {
  display: inline-block;
  text-decoration: underline;
}
.newsletter-box .form .inner {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #fff;
  padding: 10px;
}
.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: #94ffc4;
  padding: 0;
}
.newsletter-box .newsletter-image {
  width: 35%;
  display: inline-block;
  margin: 0;
}
.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: "Cormorant Garamond", serif;
  font-size: 24px;
  font-weight: 600;
}
.titre-contact {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-family: "Cormorant Garamond", 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 input[type="email"] {
  width: 100%;
}
.contact-form .mb-3 textarea {
  width: 100%;
}
.float-left {
	float: left;
}
#contactForm {
	width: 100%;
	float: left;
}

/* GOOGLE MAPS */
.google-maps {
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #94ffc4;
}
.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: #94ffc4;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
}
.blog-post .content-box h3 {
  width: 100%;
  display: block;
  font-size: 54px;
  font-weight: 400;
  font-family: "Cormorant Garamond", serif;
  margin-bottom: 30px;
  margin-top: 10px;
}
.blog-post .content-box blockquote {
  width: 100%;
  display: block;
  margin: 40px 0;
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  padding-left: 40px;
  border-left: 4px solid #94ffc4;
}
.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: "Cormorant Garamond", 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: "Cormorant Garamond", serif;
  position: relative;
  padding-bottom: 15px;
  opacity: 1;
}
.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;
}
.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: 72px;
  }

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

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


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

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

  .exhibition-box .content-box h3 {
    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: 56px;
  }

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

  .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;
  }
   .clearfix.right {
    padding-left: 0px;
  }

  .side-content h3 {
    font-size: 46px;
  }

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

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

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

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

  .contact-form {
    padding: 0;
  }

  .recent-news .content-box h2 {
    font-size: 38px;
  }

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

  .newsletter-box .newsletter-image {
    display: none;
  }
}
/* 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;
  }

  .slider .slider-images .swiper-slide .mobile-slide {
    display: block;
  }

  .play-now {
    display: none;
  }

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


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

  .side-icon-list {
    padding-left: 0;
	padding-right: 0;
  }
  .mt-50 {
  margin-top: 0px !important;
}
	.mt-100 {
  margin-top: 100px !important;
}
.mb-50 {
  margin-bottom: 0px !important;
}

  .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: 52px;
  }

  .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: 48px;
  }

  .footer .footer-menu {
    margin-bottom: 50px;
  }
}
/* 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: 52px;
  }

  .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: 48px;
  }

  .slider .container-fluid {
    width: calc(100% - 30px);
    margin: 0 15px;
    padding: 0;
  }

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

  .slider .slider-texts .swiper-slide h1 br {
    display: none;
  }

  .slider .slider-texts .swiper-slide p {
    margin-left: 0;
    padding-left: 20px;
    font-size: 17px;
  }

  .slider .slider-texts .swiper-slide p br {
    display: none;
  }

  .slider .slider-nav.container-fluid {
    margin-top: -70px;
  }

  .slider .swiper-pagination-progressbar {
    display: none;
  }

  .slider .swiper-fraction {
    display: none;
  }

  .slider .slider-images .button-prev {
    margin-left: 0;
    width: 60px;
    height: 60px;
  }

  .slider .slider-images .button-next {
    width: 60px;
    height: 60px;
  }

  .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: 40px;
  }

  .section-title h2 br {
    display: none;
  }
	.section-title h1 {
    font-size: 40px;
  }

  .section-title h1 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-6 .clearfix.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: 32px;
  }

  .note-box {
    padding: 30px;
  }

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

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

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

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

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

  .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 h2 {
    font-size: 27px;
  }

   h2 {
    font-size: 27px !important;
  }

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

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

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

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

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

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

  .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%;
  }
}
/* 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");
  }
}



/* 1 VIDEO BACKGROUND AJOUT */
/* --------------------------------------------------------------------------------------------------------------- */
.video-wrap {
  width: 100%;
	
}

.video-wrap::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}

.video-wrap video {
  width: 100%;
  height: 100%;
}

.content-overlay {
  position: absolute;
  /*height: 100px;*/
  width: auto;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 100;
  /*padding: 50px 0;*/
}


.content-overlay p,
.content-overlay a{
  text-align: center;
  color: #fff !important;
	font-family: "Cormorant Garamond", serif;
	opacity: 1;
}
.content-overlay { 
	font-size: 40px;
	font-family: 'Cinzel', serif;
	color: #fff;
}

.content-overlay p { 
	font-size: 160px;
	font-family: 'Cinzel', serif;
}

@media only screen and (min-width: 1400px) and (max-width: 1900px) {
  .content-overlay p { 
	font-size: 90px;
}
	.content-overlay { 
	font-size: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .content-overlay p { 
	font-size: 85px;
}
	.content-overlay { 
	font-size: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .content-overlay p { 
	font-size: 80px;
}
	.content-overlay { 
	font-size: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .content-overlay p{ 
	font-size: 70px;
}
	.content-overlay { 
	font-size: 20px;
}
	
}
@media only screen and (max-width: 767px) {
  .content-overlay p { 
	font-size: 55px;
}
	.content-overlay { 
	font-size: 18px;
}
	.award__text-8 {
    width: 220px;
    right: 10px;
    bottom: 10px;
  }
}

#titre  { 
	width:80%; 
	position:relative; 
	margin:auto; 
	text-align:center;
	top: 60%; 
}

#titre h3{
  text-align: center;
  color: #fff !important;
	font-family: "Cormorant Garamond", serif;
}


.more {
  -moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
  -webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
  -ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
  transition: transform 0.75s ease, opacity 0.75s ease;
    transition-delay: 0s, 0s;
  -moz-transition-delay: 2s;
  -webkit-transition-delay: 2s;
  -ms-transition-delay: 2s;
  transition-delay: 2s;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  border: none;
  bottom: 0;
  color: inherit;
  font-size: 0.8em;
  height: 8.5em;
  left: 50%;
  letter-spacing: 0.225em;
  margin-left: -8.5em;
  opacity: 1;
  outline: 0;
  padding-left: 0.225em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 16em;
  z-index: 1;
  font-family: 'DM Sans', sans-serif !important;
}



.pt-10 {
	padding-top:10rem!important
}
.mr-20 {
	margin-right: 20px;
}
.mr-7 {
	margin-right: 7px;
}
.ml-3{padding-left:1rem!important}
.ml-5{padding-left:3rem!important}
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .ml-3{padding-left:0rem!important}
}
@media only screen and (min-width: 0px) and (max-width: 1200px) {
  .ml-5{padding-left:0rem!important}
}
.color-bordeau {
	color: #8a0917;
	font-family: "Cormorant Garamond", serif;
    font-size: 24px !important;
	margin-bottom: 20px;
	font-weight: 500;
    line-height: 1.2;
	opacity: 1 !important;
} 
.color-bordeau-contact {
  color: #8a0917;
}
.color-bordeau-contact a {
  color: #8a0917;
}
.color-bordeau-handscript {
	color: #8a0917;
	font-family: "Cormorant Garamond", serif;
    font-size: 35px !important;
	margin-bottom: 20px;
	font-weight: 500;
    line-height: 1.2;
	opacity: 1 !important;
} 
.color-bordeau-text {
	color: #8a0917;
	opacity: 1 !important;
} 
.l-p-1 {
	letter-spacing: -0.2px !important;
} 
.l-p-10 {
	letter-spacing: -0.5px !important;
} 


.mb-10 {
	margin-bottom: 6rem;
} 
.mb-50 {
	margin-bottom: 50px;
} 
.mb-100  {
	margin-bottom: 80px;
} 
.mt-50 {
	margin-top: 50px;
} 
.mt-100 {
	margin-top: 150px;
} 
.mt-8 {
	margin-top: 5rem;
} 
.mt-6 {
	margin-top: -55px;
} 
.pb-75 {
	padding-bottom: 75px;
} 
.carte {
  background-image: url("../images/carte-fond.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  font-weight: 600;
}




.pt-140 {
  padding-top: 140px;
}
@media only screen and (max-width: 767px) {
  .pt-140 {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-140 {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-140 {
    padding-top: 90px;
  }
}
.sec-title h2 {
  width: 100%;
  display: block;
  font-size: 80px;
  font-weight: 400;
  font-family: "Cormorant Garamond", serif;
  margin-bottom: 30px;
  margin-top: 10px;
  line-height: 1;
}

  h2 {
  width: 100%;
  display: block;
  font-size: 45px;
  font-weight: 400;
  font-family: "Cormorant Garamond", serif;
  margin-bottom: 30px;
  margin-top: 10px;
  line-height: 1;
}


/*----------------------------------------*/
/*  26. STORY CSS START
/*----------------------------------------*/
.story__area {
  overflow: hidden;
}
.story__area .sec-title-wrapper {
  padding-bottom: 40px;
}
.story__area .from-text {
  position: absolute;
  top: -140px;
  right: -220px;
  width: 160px;
  height: 130px;
  background-color: var(--primary);
  padding: 20px 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.1;
  color: var(--black-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .story__area .from-text {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .story__area .from-text {
    right: 0;
    top: -89px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .story__area .from-text {
    right: -20px;
    top: -80px;
  }
}
@media only screen and (max-width: 767px) {
  .story__area .from-text {
    width: 120px;
    right: 0;
    top: -60px;
  }
}
.story__area .from-text span {
  display: block;
  font-size: 65px;
  /*font-weight: 500;*/
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
	line-height: -20px
}
@media only screen and (max-width: 767px) {
  .story__area .from-text span {
    font-size: 30px;
  }
}
.story__text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-3);
  padding-bottom: 20px;
  opacity: 0.7;
  text-align: justify;
}

@media (max-height: 1365px) {
  .story__text p {
    padding-top: 30px;
    padding-bottom: 0;
  }
}
.story__img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 700px;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .story__img-wrapper {
    height: 650px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .story__img-wrapper {
    height: 580px;
  }
}
@media (max-width: 1200px) {
  .story__img-wrapper {
    height: 100%;
  }
}
.story__img-wrapper img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 30px;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .story__img-wrapper img {
    margin-bottom: 20px;
  }
}


.hero-title {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 60px;
  font-family: "Cormorant Garamond", serif;
  letter-spacing: -2px;
  line-height: 1;
  font-weight: 400;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-title {
    font-size: 36px;
  }
}
.hero__about {
  background-image: url(../imgs/about/about-bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  overflow: hidden;
}
/*.hero__about-content {
  padding-top: 170px;
}*/
.hero__about-content figure {
  width: 100%;
  display: block;
  margin-bottom: 25px;
}
.hero__about-content img {
  height: 70px;
}
@media only screen and (max-width: 767px) {
  .hero__about-content {
    padding-top: 50px;
  }
  .mb-10 {
	margin-bottom: 2rem;
} 
}
.hero__about-content .hero-title {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .hero__about-content .hero-title {
    padding-bottom: 30px;
  }
}
.hero__about-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 2.5fr 30px 2.5fr;
  grid-template-columns: 1fr 2.5fr 2.5fr;
  padding-bottom: 80px;
  grid-gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__about-info {
    -ms-grid-columns: 1fr 30px 2.5fr 30px 2fr;
    grid-template-columns: 1fr 2.5fr 2fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__about-info {
    -ms-grid-columns: 1fr 20px 2.5fr 20px 1fr;
    grid-template-columns: 1fr 2.5fr 1fr;
    grid-gap: 20px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__about-info {
    padding-bottom: 60px;
  }
}
.hero__about-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .hero__about-text {
    grid-column: 1/-1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-bottom: 20px;
  }
}
.hero__about-text p {
  font-size: 18px;
  line-height: 1.4;
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__about-text p {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__about-text p {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero__about-text p {
    padding-left: 0;
  }
}
.hero__about-award {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.hero__about-award::before {
  position: absolute;
  content: "";
  left: 75px;
  top: 50%;
  width: 250px;
  height: 1px;
  background-color: var(--white-4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__about-award::before {
    left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__about-award::before {
    width: 150px;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero__about-award {
    position: absolute;
    top: 150px;
  }
}
.hero__about-video {
  margin-bottom: -10px;
  height: 800px;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .hero__about-video {
    height: 700px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__about-video {
    height: 650px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__about-video {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__about-video {
    height: 470px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__about-video {
    height: auto;
  }
}
.hero__about-video iframe,
.hero__about-video video {
  width: 100%;
  height: auto;
}
.hero__about-row {
  position: inherit;
  margin-right: -310px;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .hero__about-row {
    margin-right: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__about-row {
    margin-right: -150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__about-row {
    margin-right: -150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__about-row {
    margin-right: -120px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__about-row {
    margin-right: calc(-0.5 * var(--bs-gutter-x));
  }
}



/*----------------------------------------*/
/*  17. SERVICE CSS START
/*----------------------------------------*/
.service__area {
  background-color: var(--black-2);
  overflow: hidden;
}
.service__list figure img {
  height: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area.pb-150 {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area.pb-150 {
    padding-bottom: 90px;
  }
}
.service__area a:first-child .service__item {
  border-top: 1px solid var(--secondary);
}
.service__area .sec-title,
.service__area .sec-sub-title {
  color: var(--white);
}
.service__area .sec-title-wrapper {
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service__area-2 {
  background-color: var(--pink);
}
@media only screen and (max-width: 767px) {
  .service__area-2 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .service__area-2 .sec-text {
    padding-bottom: 30px;
  }
}
.service__area-2 .sec-text p {
  font-size: 18px;
  line-height: 1.4;
  color: var(--black-2);
  max-width: 410px;
}
.service__area-3 {
  overflow: hidden;
}
.service__area-3 .sec-title {
  padding-bottom: 40px;
  /*text-transform: uppercase;*/
  background-color: var(--white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-3 .sec-title {
    padding-bottom: 0;
  }
}
.service__area-3 .sec-title-wrapper {
  position: relative;
  padding-left: 330px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area-3 .sec-title-wrapper {
    padding-left: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-3 .sec-title-wrapper {
    padding-left: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .service__area-3 .sec-title-wrapper {
    padding-left: 0;
  }
}
/*.service__area-3 .sec-title-wrapper::after {
  position: absolute;
  content: "";
  left: 40%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--white-2);
}*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area-3 .sec-title-wrapper::after {
    left: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-3 .sec-title-wrapper::after {
    left: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .service__area-3 .sec-title-wrapper::after {
    width: 0;
  }
}
.service__area-3 .sec-title-wrapper p {
  padding-top: 10px;
  padding-bottom: 60px;
  max-width: 410px;
  font-size: 18px;
  line-height: 1.4;
  margin-left: 220px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area-3 .sec-title-wrapper p {
    margin-left: 120px;
    padding-top: 30px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-3 .sec-title-wrapper p {
    margin-left: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .service__area-3 .sec-title-wrapper p {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.service__area-3 .sec-sub-title {
  padding-top: 50px;
  text-transform: uppercase;
  background-color: var(--white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area-3 .sec-sub-title {
    padding-top: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-3 .sec-sub-title {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .service__area-3 .sec-sub-title {
    padding-top: 0;
  }
}
.service__area-6 {
  padding-left: 100px;
  background-color: var(--black-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .service__area-6 {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area-6 {
    padding-top: 100px;
    padding-left: 88px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-6 {
    padding-top: 90px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .service__area-6 {
    padding-bottom: 0;
    padding-left: 0;
  }
}
.service__area-6 .inherit-row {
  margin-left: -180px;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .service__area-6 .inherit-row {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__area-6 .inherit-row {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area-6 .inherit-row {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-6 .inherit-row {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
@media only screen and (max-width: 767px) {
  .service__area-6 .inherit-row {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.service__area-6 .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .service__area-6 .content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service__area-6 .left-content {
  width: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area-6 .left-content {
    width: 35%;
    padding-left: 50px;
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-6 .left-content {
    width: 30%;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .service__area-6 .left-content {
    display: none;
  }
}
.service__area-6 .right-content {
  width: 40%;
  padding-left: 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .service__area-6 .right-content {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__area-6 .right-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area-6 .right-content {
    width: 100%;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-6 .right-content {
    width: 100%;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .service__area-6 .right-content {
    width: 100%;
    padding-left: 0;
  }
}
.service__area-6 .mid-content {
  width: 40%;
  height: 100vh;
  position: relative;
}
.service__area-6 .mid-content .service__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.service__area-6 .mid-content .service__image img {
  width: auto;
  height: 100vh;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__area-6 .mid-content {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__area-6 .mid-content {
    display: none;
  }
}
.service__area-6 .mid-content #img1 {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .service__area-6 .mid-content {
    display: none;
  }
  .service__area-6 .right-content {
    padding-left: 0;
  }
}
.service__top-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
/*.service__top-text p {
  max-width: 505px;
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  opacity: 1;
  font-size: 17px;	
}*/
.service__top-text p {
  max-width: 660px;
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  opacity: 1;
  font-size: 17px;
  text-align: justify;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__top-text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__top-text p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .service__top-text p {
    font-size: 18px;
    margin: 30px 0;
  }
}
.service__top-text p span {
  color: var(--white);
}
.service__top-btn #btn_wrapper,
.service__top-btn .btn_wrapper {
  margin-left: auto;
  margin-right: -40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__top-btn #btn_wrapper,
.service__top-btn .btn_wrapper {
    margin-right: -10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__top-btn #btn_wrapper,
.service__top-btn .btn_wrapper {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .service__top-btn #btn_wrapper,
.service__top-btn .btn_wrapper {
    margin-right: 0;
    margin-left: 0;
  }
}
.service__list-wrapper {
  margin-top: 40px;
}
.service__img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  -webkit-transform: rotate(0deg) translateX(-100px);
          transform: rotate(0deg) translateX(-100px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__img {
    max-width: 260px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__img {
    max-width: 200px;
  }
}
.service__img.active {
  opacity: 1;
  -webkit-transform: rotate(10deg) translateX(60px) translateY(30px);
          transform: rotate(10deg) translateX(60px) translateY(30px);
}
.service__img.active2 {
  opacity: 1;
  -webkit-transform: rotate(10deg) translateX(60px) translateY(100px);
          transform: rotate(10deg) translateX(60px) translateY(100px);
}
.service__img.active3 {
  opacity: 1;
  -webkit-transform: rotate(10deg) translateX(60px) translateY(110px);
          transform: rotate(10deg) translateX(60px) translateY(110px);
}
.service__img.active4 {
  opacity: 1;
  -webkit-transform: rotate(10deg) translateX(60px) translateY(65px);
          transform: rotate(10deg) translateX(60px) translateY(65px);
}
.service__img.active5 {
  opacity: 1;
  -webkit-transform: rotate(2deg) translateX(50px) translateY(185px);
          transform: rotate(2deg) translateX(50px) translateY(185px);
}
.service__img.active6 {
  opacity: 1;
  -webkit-transform: rotate(5deg) translateX(50px) translateY(235px);
          transform: rotate(5deg) translateX(50px) translateY(235px)
}
.service__img.active7 {
  opacity: 1;
  -webkit-transform: rotate(-5deg) translateX(20px) translateY(135px);
          transform: rotate(-5deg) translateX(20px) translateY(135px);
}
.service__img.active8 {
  opacity: 1;
  -webkit-transform: rotate(10deg) translateX(60px) translateY(190px);
  transform: rotate(10deg) translateX(60px) translateY(190px);
}
.service__img-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__img-wrapper {
    display: none;
  }
}
.service__img-wrapper span {
  position: absolute;
  width: 175px;
  height: 70px;
  background-color: #d9d9d9;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(-26deg) translate(-100%, -100%);
          transform: rotate(-26deg) translate(-100%, -100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__img-wrapper span {
    bottom: 260px;
    height: 40px;
    width: 120px;
  }
}
.service__img-wrapper span.current {
  -webkit-transform: rotate(-26deg) translate(180px, 70%);
          transform: rotate(-26deg) translate(180px, 70%);
}
.service__img-3 {
  position: relative;
}
.service__img-3 img {
  top: -95px;
  position: absolute;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.service__img-6 img {
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__items-6 {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .service__items-6 {
    padding-top: 60px;
  }
}
.service__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.7fr 2fr 2.5fr 1fr;
  grid-template-columns: 0.7fr 2fr 2.5fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--secondary);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__item {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 25px 0 10px;
  }
}
.service__item:hover .service__number span,
.service__item:hover .service a {
  color: var(--white);
}
.service__item:hover .service__title {
  color: var(--white);
}
.service__item:hover .service__link p {
  color: var(--white);
}
.service__item:hover .service__link p i {
  -webkit-transform: translate(60px, -60px) rotate(-45deg);
          transform: translate(60px, -60px) rotate(-45deg);
}
.service__item:hover .service__link p::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(20px, -20px) rotate(-45deg);
          transform: translate(20px, -20px) rotate(-45deg);
}
.service__item-2 {
  position: relative;
}
.service__item-2::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: -90px;
  top: 0;
  background-color: var(--black-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__item-2::before {
    left: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__item-2::before {
    left: -20px;
  }
}
.service__item-2:nth-child(3n+1)::before {
  position: unset;
}
.service__item-2 img {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .service__item-2 img {
    margin-bottom: 20px;
  }
}
.service__item-2 p {
  color: var(--black-2);
  padding-bottom: 25px;
}
.service__item-2 ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-2);
}
.service__item-3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30% 45% 25%;
  grid-template-columns: 30% 45% 25%;
  border-bottom: 1px solid var(--white-2);
  padding: 55px 0 50px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item-3 {
    -ms-grid-columns: 30% 50% 20%;
    grid-template-columns: 30% 50% 20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__item-3 {
    -ms-grid-columns: 30% 50% 20%;
    grid-template-columns: 30% 50% 20%;
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__item-3 {
    -ms-grid-columns: 30% 2% 40% 2% 24%;
    grid-template-columns: 30% 40% 24%;
    gap: 2%;
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .service__item-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 40px 0;
  }
}
.service__item-3:first-child {
  border-top: 1px solid var(--white-2);
}
.service__item-3:hover .service__hover-3 {
  opacity: 1;
}
.service__item-6 {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service__item-6 .image-tab {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__item-6 {
    height: auto;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 30px 3fr;
    grid-template-columns: 2fr 3fr;
    grid-column-gap: 30px;
    margin-bottom: 60px;
  }
  .service__item-6 .image-tab {
    display: block;
  }
  .service__item-6 .image-tab img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__item-6 {
    height: auto;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .service__item-6 {
    height: auto;
    padding-bottom: 50px;
  }
}
.service__item-6 p {
  max-width: 550px;
  font-size: 18px;
  line-height: 1.4;
  color: var(--gray-2);
  padding-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item-6 p {
    padding-bottom: 20px;
  }
}
.service__item-6 ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px auto;
  grid-template-columns: 240px auto;
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__item-6 ul {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .service__item-6 ul {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-bottom: 20px;
  }
}
.service__item-6 ul li {
  display: inline-block;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item-6 ul li {
    font-size: 16px;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .service__item-6 ul {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item-6 ul {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__item-6 ul {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__item-6 ul {
    padding-bottom: 50px;
    -ms-grid-columns: 240px auto;
    grid-template-columns: 240px auto;
  }
}
.service__hover-3 {
  width: 300px;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 75%;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  margin: -200px 0 0 -150px;
  overflow: hidden;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .service__hover-3 {
    width: 0;
    display: none;
  }
}
.service__number span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
  /*-webkit-transition: all 0.3s;
  transition: all 0.3s;*/
  width: 200px;
}
.service__number  {

  width: 150px;
}
.service__title {
  display: block;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.3;
  color: var(--gray-2);
}
.service__title:hover {
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .service__title {
    padding: 10px 0 20px;
  }
  .service__title br {
    display: none;
  }
}
.service__title-2, .service__title-3 {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.3;
  color: var(--black-2);
  padding-bottom: 25px;
}
.horaires {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.3;
  color: var(--black-2);
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__title-2, .service__title-3 {
    font-size: 24px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .service__title-2, .service__title-3 {
    padding-bottom: 15px;
  }
}
.service__title-3 {
  text-transform: uppercase;
}
.service__title-3:hover {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .service__title-3 {
    display: block;
    font-size: 30px;
    padding-bottom: 20px;
  }
}
.service__title-6 {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.1;
  color: var(--white);
  padding-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__title-6 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__title-6 {
    font-size: 32px;
    padding-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__title-6 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service__title-6 {
    font-size: 30px;
  }
}
.service__text {
  max-width: 500px;
  width: 500px;
}
.service__text p {
  color: #fff;
  opacity: 0.7;
  font-size: 17px;
  text-align: justify;
}
.service__link {
  text-align: right;
  overflow: hidden;
}
.service__link p {
  display: inline-block;
  font-size: 48px;
  color: var(--gray-2);
}
.service__link p i {
  -webkit-transform: translate(0, 0) rotate(-45deg);
          transform: translate(0, 0) rotate(-45deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service__link p::after {
  position: absolute;
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  left: -20px;
  bottom: -20px;
  -webkit-transform: translate(0, 0) rotate(-45deg);
          transform: translate(0, 0) rotate(-45deg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service__btn-2 a {
  color: var(--black-2);
  border-color: var(--black-2);
}
.service__btn-2#btn_wrapper, .service__btn-2.btn_wrapper {
  margin: 0 auto;
  margin-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__btn-2#btn_wrapper, .service__btn-2.btn_wrapper {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__btn-2#btn_wrapper, .service__btn-2.btn_wrapper {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .service__btn-2#btn_wrapper, .service__btn-2.btn_wrapper {
    margin: 0;
    margin-top: 60px;
  }
}
.service__btn-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .service__btn-3 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 30px;
  }
}
.service__btn-3 #btn_wrapper,
.service__btn-3 .btn_wrapper {
  width: 200px;
  height: 200px;
  margin-right: -15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__btn-3 #btn_wrapper,
.service__btn-3 .btn_wrapper {
    margin-left: auto;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .service__btn-3 #btn_wrapper,
.service__btn-3 .btn_wrapper {
    margin-left: -15px;
  }
}
.service__list .active .service__number span,
.service__list .active .service__title,
.service__list .active .service__link p {
  color: var(--white);
}
.service__list h3 {
  color: var(--white);
}
.service__list-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 120px 1fr 120px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__list-2 {
    gap: 100px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__list-2 {
    gap: 90px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service__list-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 60px;
  }
}
.service__list-3 {
  padding-top: 70px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .service__list-3 {
    padding-top: 40px;
  }
}
.service__list-6 {
  padding-top: 160px;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .service__list-6 {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__list-6 {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__list-6 {
    padding-top: 60px;
    position: sticky;
    top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__list-6 {
    padding-top: 60px;
    position: sticky;
    top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .service__list-6 {
    padding-top: 60px;
  }
}
.service__list-6 li {
  padding-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__list-6 li {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__list-6 li {
    padding-bottom: 20px;
  }
}
.service__list-6 li.active a {
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .service__list-6 li {
    padding-bottom: 20px;
  }
}
.service__list-6 li a {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.5;
  color: var(--gray-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__list-6 li a {
    line-height: 1.4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__list-6 li a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .service__list-6 li a {
    font-size: 20px;
  }
}
.service__content-3 {
  max-width: 340px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__content-3 {
    padding-left: 30px;
  }
}
.service__content-3 p {
  font-size: 18px;
  line-height: 1.4;
  color: var(--black-2);
}
.service__content-3 ul {
  padding-top: 20px;
  position: relative;
  z-index: 1;
}
.service__content-3 ul li {
  font-size: 18px;
  color: var(--black-2);
}
.service3__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.service3__img-wrap {
  width: 20vw;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  padding-bottom: 25vw;
}
@media only screen and (max-width: 767px) {
  .service3__img-wrap {
    display: none;
    position: unset;
  }
}
.service__detail {
  overflow: hidden;
}
.service__detail .sec-title {
  max-width: 630px;
  font-size: 60px;
  line-height: 1;
  padding-bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__detail .sec-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail .sec-title {
    font-size: 30px;
    padding-bottom: 30px;
  }
}
.service__detail-circle {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .service__detail-circle {
    display: none;
  }
}
.service__detail-circle span {
  position: relative;
  display: block;
  /*width: 136px;
  height: 136px;
  background-color: var(--primary);
  border-radius: 100%;*/
	
	position: absolute;
  content: "";
  width: 200px;
  height: 200px;
  right: 50px;
  /*top: 140px;*/
  background-image: url("../imgs/conviction/orge-2.png");
  background-repeat: no-repeat;
  /*background-position: right top;*/
}
/*.service__detail-circle span::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  left: calc(50% - 3px);
  top: calc(50% - 3px);
  background-color: var(--black-2);
  border-radius: 100%;
}
.service__detail-circle span::after {
  position: absolute;
  content: "";
  width: 170px;
  height: 2px;
  left: 50%;
  top: calc(50% - 1px);
  background-color: var(--black-2);
  border-radius: 100%;
}*/
.service__detail-img {
  padding-right: 1px;
  position: relative;
  margin-bottom: 60px;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .service__detail-img {
    margin-top: 30px;
  }
}
.service__detail-img img {
  width: 100%;
}
.service__detail-img img.sd-shape {
  width: auto;
  position: absolute;
  bottom: -15px;
  right: 20px;
}
@media only screen and (max-width: 767px) {
  .service__detail-img img.sd-shape {
    right: 5px;
    bottom: -30px;
  }
}
.service__detail-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 80px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__detail-content {
    grid-gap: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__detail-content {
    grid-gap: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__detail-content {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}
.service__detail-content p {
  font-size: 18px;
  line-height: 1.4;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-v2.pt-110 {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-v2.pt-110 {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .service-v2.pt-110 {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-v3.pt-130 {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-v3.pt-130 {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .service-v3.pt-130 {
    padding-top: 120px;
  }
}
.service-v4.pb-150 {
  padding-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-v4 .pt-130 {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-v4 .pt-130 {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .service-v4 .pt-130 {
    padding-top: 120px;
  }
}
.service-v5 .portfolio__service-item, .service-v5.portfolio__service .sec-title, .service-v5.portfolio__service .sec-text, .service-v5.portfolio__service .sec-text p {
  opacity: 1;
}
.service-v5 .portfolio__service-item {
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-v5.pt-140 {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-v5.pt-140 {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .service-v5.pt-140 {
    padding-top: 120px;
    padding-bottom: 40px;
  }
}
.service-v5.portfolio__service .sec-title {
  text-indent: 0;
}

.service__list-6 li a.active {
  color: red;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.service__area-6 .mid-content .service__image:nth-child(1) {
  z-index: 9;
}

.service__image:nth-child(2) {
  z-index: 8;
}

.service__image:nth-child(3) {
  z-index: 7;
}

.service__image:nth-child(4) {
  z-index: 6;
}

.service__image:nth-child(5) {
  z-index: 5;
}

.service__image:nth-child(6) {
  z-index: 4;
}

.service__image:nth-child(7) {
  z-index: 3;
}

.service__image:nth-child(8) {
  z-index: 2;
}

.service__image:nth-child(9) {
  z-index: 1;
}

.service__hero-2 {
  padding-top: 150px;
  padding-bottom: 150px;
  background-image: url(../imgs/home-7/sh-bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__hero-2 {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__hero-2 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-2 {
    padding-bottom: 60px;
  }
}
.service__hero-2 .shape-1 {
  position: absolute;
  width: 132px;
  height: auto;
  right: 165px;
  top: 275px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__hero-2 .shape-1 {
    right: 100px;
    top: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__hero-2 .shape-1 {
    right: 30px;
    top: 200px;
    width: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__hero-2 .shape-1 {
    max-width: 80px;
    right: 10px;
    top: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-2 .shape-1 {
    width: 75px;
    right: 6px;
    top: 130px;
  }
}
.service__hero-inner-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
}
@media only screen and (max-width: 767px) {
  .service__hero-inner-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.service__hero-left-2 {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .service__hero-left-2 {
    -ms-grid-row: 2;
    grid-row: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
}
.service__hero-left-2 img {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__hero-left-2 img {
    max-width: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__hero-left-2 img {
    max-width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-left-2 img {
    max-width: 160px;
    margin: 0;
  }
}
.service__hero-left-2 .image-1, .service__hero-left-2 .image-3 {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .service__hero-left-2 .image-1, .service__hero-left-2 .image-3 {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__hero-left-2 .image-1, .service__hero-left-2 .image-3 {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__hero-left-2 .image-1, .service__hero-left-2 .image-3 {
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-left-2 .image-1, .service__hero-left-2 .image-3 {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.service__hero-left-2 .image-2 {
  -webkit-transform: translateX(62px);
          transform: translateX(62px);
}
@media only screen and (max-width: 767px) {
  .service__hero-left-2 .image-2 {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.service__hero-left-2 .image-4 {
  position: absolute;
  left: 318px;
  bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__hero-left-2 .image-4 {
    left: 278px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__hero-left-2 .image-4 {
    left: 225px;
    bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-left-2 .image-4 {
    position: unset;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-right-2 {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
.service__hero-right-2 .title {
  font-weight: 500;
  font-size: 130px;
  line-height: 1;
  color: var(--black);
  text-transform: capitalize;
  padding-bottom: 40px;
  padding-top: 80px;
  padding-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__hero-right-2 .title {
    font-size: 110px;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__hero-right-2 .title {
    font-size: 90px;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-right-2 .title {
    font-size: 60px;
    padding-bottom: 20px;
    padding-top: 0;
    padding-left: 0;
  }
}
.service__hero-right-2 .title span {
  display: block;
  padding-left: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__hero-right-2 .title span {
    padding-left: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__hero-right-2 .title span {
    padding-left: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-right-2 .title span {
    padding-left: 60px;
  }
}
.service__hero-right-2 p {
  font-size: 18px;
  max-width: 340px;
  margin-left: 350px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__hero-right-2 p {
    margin-left: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__hero-right-2 p {
    margin-left: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-right-2 p {
    font-size: 16px;
    margin-left: 65px;
  }
}
.service__hero-right-2 .scroll {
  margin-left: 350px;
  margin-top: 95px;
  -webkit-animation: wcSlideBottom 5s infinite linear;
          animation: wcSlideBottom 5s infinite linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__hero-right-2 .scroll {
    margin-left: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__hero-right-2 .scroll {
    margin-left: 220px;
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-right-2 .scroll {
    margin-left: 65px;
    margin-top: 40px;
  }
}




.sec-title-wrapper {
  position: relative;
  z-index: 9;
}





/*----------------------------------------*/
/*  16. ABOUT CSS START
/*----------------------------------------*/
.about__area {
  overflow: hidden;
  background-color: var(--white);
}
.about__area .sec-title {
  max-width: 770px;
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__area .sec-title {
    max-width: 660px;
  }
}
.about__area-2 {
  overflow: hidden;
  /*background-color: var(--black-2);
  background-image: url(../imgs/shape/2.png);
  background-repeat: no-repeat;
  background-position: 0 31%;*/
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .about__area-2 {
    background-position: 0 40%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__area-2 {
    background-position: 0 37%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__area-2 {
    background-position: 0 39%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__area-2 {
    background-position: -15% 47%;
  }
}
@media only screen and (max-width: 767px) {
  .about__area-2 {
    background-size: 0;
  }
}
.about__area-2 .sec-title {
  color: var(--white);
}
.about__area-2 .sec-title-wrapper {
  max-width: 1000px;
  padding-bottom: 70px;
}
.sec-title-wrapper figure img {
  height: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__area-2 .sec-title-wrapper {
    max-width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .about__area-2 .sec-title-wrapper {
    padding-bottom: 50px;
  }
}
.about__area-2 .sec-text {
  max-width: 875px;
}
@media only screen and (max-width: 767px) {
  .about__area-2 .sec-text {
    padding-bottom: 40px;
  }
}
.about__area-2 .sec-text p {
  font-size: 17px;
  line-height: 1.4;
  /*color: var(--gray-2);*/
	opacity: 0.7;
	text-align: justify;
}
.about__area-2 .sec-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  gap: 215px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__area-2 .sec-text-wrapper {
    gap: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__area-2 .sec-text-wrapper {
    gap: 50px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .about__area-2 .sec-text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
  }
}
.about__area-2 #btn_wrapper,
.about__area-2 .btn_wrapper {
  margin-left: 0;
  margin-right: -40px;
  margin-top: -50px;
}
.about__area-2 #btn_wrapper,
.about__area-2 .btn_wrapper-2 {

  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__area-2 #btn_wrapper,
.about__area-2 .btn_wrapper {
    margin-left: auto;
    margin-right: 0;
    margin-top: -20px;
  }
}
.about__area-3 {
  background-image: url(../imgs/shape/7.png);
  background-repeat: no-repeat;
  background-position: 100% 30%;
  background-color: var(--black-2);
  position: relative;
}
.about__area-3::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 50%;
  bottom: 0px;
  background-color: var(--black-5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__area-3::after {
    left: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .about__area-3::after {
    width: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__area-3 .pt-140 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__area-3 .pt-140 {
    padding-top: 90px;
  }
}
.about__area-3 .sec-title {
  color: var(--white);
  text-transform: uppercase;
  padding-bottom: 40px;
  background-color: var(--black-2);
}
.about__area-3 .sec-sub-title {
  color: var(--white);
  text-transform: uppercase;
  padding-top: 45px;
  background-color: var(--black-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__area-3 .sec-sub-title {
    padding-top: 0;
  }
}
.about__area-3 .sec-text p {
  max-width: 810px;
  font-size: 18px;
  line-height: 1.4;
  color: var(--gray-2);
  padding-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .about__area-3 .sec-text p {
    padding-bottom: 50px;
  }
}
.about__area-3 .sec-text-wrapper {
  padding-left: 150px;
  padding-top: 45px;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .about__area-3 .sec-text-wrapper {
    padding-left: 160px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__area-3 .sec-text-wrapper {
    padding-left: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__area-3 .sec-text-wrapper {
    padding-left: 65px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__area-3 .sec-text-wrapper {
    padding-left: 0;
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about__area-3 .sec-text-wrapper {
    padding-left: 0;
    padding-top: 15px;
  }
}
.about__area-8 .about-sub-right {
  color: var(--black-7);
  padding-bottom: 10px;
}
.about__title-wrapper {
  padding-left: 190px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__title-wrapper {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about__title-wrapper {
    padding-left: 0;
  }
}
.about__content {
  padding-top: 65px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content {
    padding-top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .about__content {
    padding-top: 50px;
  }
}
.about__content p {
  max-width: 440px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: var(--black-3);
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__content p {
    max-width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content p {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about__content p {
    margin-bottom: 30px;
  }
}
.about__content-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 80px 1.8fr;
  grid-template-columns: 1fr 1.8fr;
  grid-gap: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__content-wrapper {
    grid-gap: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content-wrapper {
    -ms-grid-columns: 1fr 30px 1.5fr;
    grid-template-columns: 1fr 1.5fr;
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about__content-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.about__img img {
  width: 100%;
  overflow: hidden;
}
.about__img-right {
  position: absolute;
  right: 0;
  top: 280px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__img-right {
    position: relative;
    top: 30px;
    right: unset;
  }
}
@media only screen and (max-width: 767px) {
  .about__img-right {
    position: relative;
    top: 30px;
    right: unset;
  }
}
.about__img-right img {
  width: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__img-right img {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__img-right img {
    display: none;
  }
}
.about__img-2 {
  max-width: 1720px;
  margin: 0 auto;
  overflow: hidden;
  max-height: 800px;
  margin-bottom: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__img-2 {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__img-2 {
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .about__img-2 {
    margin-bottom: 0;
  }
}
.about__img-2 img {
  width: 100%;
}
.about__img-3 {
  overflow: hidden;
  position: relative;
  width: calc(100% - 85px);
  height: 770px;
}
.about__img-3 img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 110%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__img-3 {
    overflow: hidden;
    position: relative;
    width: calc(100% - 40px);
    height: 660px;
  }
  .about__img-3 img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 120%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__img-3 {
    width: 100%;
    height: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__img-3 {
    width: 100%;
    height: unset;
  }
}
@media only screen and (max-width: 767px) {
  .about__img-3 {
    width: 100%;
    height: unset;
  }
}
.about__img-3 img {
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__img-3 img {
    position: unset;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__img-3 img {
    position: unset;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .about__img-3 img {
    position: unset;
    height: auto;
  }
}

.portfolio__item {
  -webkit-transform: perspective(4000px) rotateX(90deg);
          transform: perspective(4000px) rotateX(90deg);
}

.section_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
  position: relative;
  margin-top: -25px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .section_wrapper {
    margin-bottom: 30px;
  }
}
.section_wrapper::before {
  content: "";
  position: absolute;
  bottom: 48%;
  left: 60px;
  height: 1px;
  width: calc(100% - 60px);
  background-color: var(--gray-11);
}
@media only screen and (max-width: 767px) {
  .section_wrapper::before {
    left: 48px;
    width: calc(100% - 48px);
  }
}

.react_border {
  position: relative;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  background-color: transparent;
  border: 1px solid var(--gray-11);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
  .react_border {
    height: 40px;
    width: 40px;
    line-height: 36px;
  }
}
.react_border span {
  font-weight: 400;
  font-size: 16px;
  color: var(--black-2);
  display: inline-block;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.about8__title {
  text-indent: 105px;
  font-weight: 500;
  font-size: 80px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--black-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .about8__title {
    font-size: 72px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about8__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about8__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about8__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about8__title {
    font-size: 36px;
    text-indent: 50px;
  }
}
.about8__title a {
  color: var(--black-2);
  font-family: "newYork";
  position: relative;
}
.about8__title a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 10px;
  background-color: var(--black-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about8__title a::after {
    bottom: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .about8__title a::after {
    bottom: 3px;
  }
}
.about8__content {
  float: right;
}
.about8__content p {
  line-height: 1.3;
  max-width: 515px;
  text-indent: 65px;
  font-size: 24px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about8__content p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about8__content p {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about8__content p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.5;
  }
}

.workitems {
  display: -ms-grid;
  display: grid;
  grid-gap: 50px;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .workitems {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .workitems {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .workitems {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.work8:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .work8:nth-child(2) {
    margin-top: 0;
  }
}
.work8:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.work8:nth-child(4) {
  margin-left: 50px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .work8:nth-child(4) {
    margin: 0;
  }
}
.work8:nth-child(5) {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .work8:nth-child(5) {
    margin: 0;
  }
}
.work8:nth-child(6) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work8 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work8 {
    margin-bottom: 50px;
  }
}
.work8 img {
  max-width: 100%;
}
.work8__title {
  width: 320px;
  margin-bottom: 120px;
  padding-top: 90px;
  margin-left: 440px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .work8__title {
    margin-bottom: 90px;
    padding-top: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work8__title {
    margin-left: 165px;
    margin-bottom: 90px;
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work8__title {
    margin-left: 40px;
    margin-bottom: 90px;
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .work8__title {
    margin-bottom: 40px;
    margin-left: 20px;
    padding-top: 40px;
  }
}
.work8__title p {
  font-size: 18px;
  text-indent: 65px;
  font-weight: 400;
  color: var(--black-2);
}
.work8__content {
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .work8__content {
    padding-top: 20px;
  }
}
.work8__content p {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: var(--black-3);
}
.work8__content__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--black-2);
  padding-bottom: 5px;
}
.work8__content__title span {
  font-family: "newYork";
}
.work8__btn {
  text-align: center;
  margin-top: 115px;
  margin-bottom: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work8__btn {
    margin-top: 60px;
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work8__btn {
    margin-top: 60px;
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .work8__btn {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .work__area-8 {
    margin-bottom: 50px;
  }
}

.about__area-8 {
  padding-bottom: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__area-8 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__area-8 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .about__area-8 {
    padding-bottom: 80px;
  }
}

.dir-rtl .about__area-2 .sec-text-wrapper {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

@media only screen and (max-width: 767px) {
  .dir-rtl .about__area-2 #btn_wrapper,
.dir-rtl .about__area-2 .btn_wrapper {
    margin-right: 0;
  }
}


.pt-130 {
  padding-top: 130px;
}
@media only screen and (max-width: 767px) {
  .pt-130 {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-130 {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-130 {
    padding-top: 90px;
  }
}

.pb-110 {
  padding-bottom: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-110 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-110 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-110 {
    padding-bottom: 60px;
  }
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dir-rtl .about__area-3::after {
    left: 50%;
  }
}
.dir-rtl .about__area-3 .sec-text-wrapper {
  padding-right: 210px;
  padding-left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .dir-rtl .about__area-3 .sec-text-wrapper {
    padding-right: 160px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dir-rtl .about__area-3 .sec-text-wrapper {
    padding-right: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dir-rtl .about__area-3 .sec-text-wrapper {
    padding-right: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dir-rtl .about__area-3 .sec-text-wrapper {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .dir-rtl .about__area-3 .sec-text-wrapper {
    padding-right: 0;
  }
}







:root {
  --primary: #C48A62;;
  --secondary: #2c2c2c;
  --black: #000;
  --black-2: #121212;
  --black-3: #555;
  --black-4: #1d1d1d;
  --black-5: #343434;
  --black-6: #262626;
  --black-7: #555555;
  --black-13: #666;
  --white: #fff;
  --white-2: #efefef;
  --white-3: #e9e9e9;
  --white-4: #f0f0f0;
  --white-5: #fbfbfb;
  --white-6: #d7d7d7;
  --gray: #c2c2c2;
  --gray-2: #999;
  --gray-3: #a8a8a8;
  --gray-4: #f6f6f6;
  --gray-5: #bbb;
  --gray-6: #2b2b2b;
  --gray-7: #b9b9b9;
  --gray-8: #8E8E8E;
  --gray-9: #aaa;
  --gray-10: #7c7c7c;
  --gray-11: #D9D9D9;
  --gray-12: #383838;
  --gray-13: #ccc;
  --gray-14: #dfdfdf;
  --gray-15: #C0C0C0;
  --pink: #FAEDE9;
  --pink-2: #FF9776;
  --pink-3: #F3ECEC;
  --pink-4: #FFFAF0;
  --pink-5: #E0E3CC;
  --bg-line: #1e1e1e;
  --d-gray: #6A6A6A;
  --d-black: #1A1A1A;
  --d-black-2: #171717;
  --d-black-3: #1A1A1A;
}

/*----------------------------------------*/
/*  05. THEME CSS START
/*----------------------------------------*/



ul,
ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
  position: relative;
  z-index: 1;
}


p {
  padding: 0;
  margin: 0;
  font-style: normal;
  line-height: 1.5;
  font-weight: 400;
  font-size: 17px;
  /*color: var(--black-3);*/
  position: relative;
  z-index: 1;
  opacity: 0.7;
  
}


/*----------------------------------------*/
/*  33. FEATURE CSS START
/*----------------------------------------*/
.feature__area-2 {
  background-color: var(--pink);
}
.feature__top {
  padding-bottom: 65px;
  border-bottom: 1px solid var(--black);
}
@media only screen and (max-width: 767px) {
  .feature__top {
    border-bottom: none;
  }
}
@media only screen and (max-width: 767px) {
  .feature__btm {
    padding-bottom: 15px;
  }
}
.feature__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-left: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature__text {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature__text {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__text {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .feature__text {
    padding-left: 0;
    padding-top: 30px;
  }
}
.feature__text p {
  font-size: 18px;
  line-height: 1.4;
  color: var(--black-2);
}
.feature__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__list {
    -ms-grid-columns: 1fr 0 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .feature__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.feature__item {
  border-right: 1px solid var(--black-2);
  padding: 145px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature__item {
    padding: 90px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature__item {
    padding: 90px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__item {
    padding: 50px 30px;
    border-right: none;
  }
}
@media only screen and (max-width: 767px) {
  .feature__item {
    border-right: none;
    padding: 0 0 50px 0;
  }
}
.feature__item:first-child {
  padding-left: 0;
}
.feature__item:last-child {
  border-right: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__item:nth-child(odd) {
    border-right: 1px solid var(--black-2);
  }
}
.feature__item img {
  margin-bottom: 35px;
}
.feature__item p {
  color: var(--black-2);
}
.feature__title {
  font-weight: 500;
  font-size: 26px;
  line-height: 1.4;
  color: var(--black-2);
  padding-bottom: 12px;
}


:root {
  --white-6: #d7d7d7;
  --white-7: #B7B7C5;
  --black-14: #323438;
  --black-15: #2C2C2C;
  --lime: #745EFF;
  --lime-2: #5547F5;
  --gray-16: #6B6B6B;
  --gray-17: #F7F7FC;
  --gray-18: #999999;
  --gray-20: #D7D7D7;
  --gray-21: #F2F2F8;
  --gray-22: #FCFCFE;
  --gray-23: #ECECF3;
  --gray-24: #ECECF4;
}

main {
  overflow: hidden;
}

.line_4 {
  position: relative;
}
.line-col-4 div {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--white-2);
}
.line-col-4 div:nth-child(2) {
  left: 33.33%;
}
.line-col-4 div:nth-child(3) {
  left: 66.66%;
}
.line-col-4 div:nth-child(4) {
  left: 100%;
}

.portfolio6__line .line-col-4 div {
  height: 1000px;
  top: unset;
  bottom: 0;
}

.btn-started {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  padding: 17px 36px 16px;
  color: var(--white);
  border-radius: 5px;
  background: var(--lime);
  display: inline-block;
}
.btn-started i {
  padding-left: 10px;
}
.btn-started:hover {
  color: var(--white);
  background-color: #FF977B;
}
.btn-view {
  font-weight: 500;
  line-height: 1.3;
  color: var(--black-2);
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-view i {
  padding-left: 10px;
}
.btn-view::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--black-2);
  content: "";
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-view:hover::after {
  left: 0;
  width: 1%;
}
.btn-view:hover {
  color: var(--lime-2);
}
.btn-extra {
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
  line-height: 1.3;
  padding: 9px 14px 11px;
  border-radius: 5px;
  background-color: var(--black-2);
  border: 1px solid var(--black-2);
}
.btn-extra:hover {
  color: var(--black);
  background-color: transparent;
}

.title-wrapper-6 p {
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-3);
}
@media only screen and (max-width: 767px) {
  .title-wrapper-6 p {
    font-size: 16px;
  }
}

.sec-subtile-6 {
  font-size: 16px;
  color: var(--black-2);
  line-height: 1.3;
  padding: 2px 14px 3px;
  font-weight: 400;
  border-radius: 16px;
  border: 1px solid var(--gray-16);
  display: inline-block;
  margin-bottom: 17px;
}
@media only screen and (max-width: 767px) {
  .sec-subtile-6 {
    margin-bottom: 10px;
  }
}
.sec-title-6 {
  font-size: 50px;
  color: var(--black-2);
  font-weight: 500;
  line-height: 1.13;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .sec-title-6 {
    font-size: 30px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-title-6 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-title-6 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-title-6 {
    font-size: 45px;
  }
}

.hero__area-6 {
  position: relative;
}
.hero__area-6 .shape-4 {
  position: absolute;
  bottom: -60px;
  left: 180px;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .hero__area-6 .shape-4 {
    max-width: 260px;
    left: 0;
  }
}


.feature__area-6 {
  overflow: hidden;
  background-color: var(--gray-17);
}
.feature__content img {
  margin-top: -90px;
}
@media only screen and (max-width: 767px) {
  .feature__content img {
    margin-top: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature__content img {
    width: 100%;
  }
}
.feature__content-right {
  background-color: #8a0917;
  padding: 143px 60px 100px 110px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .feature__content-right {
    padding: 20px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__content-right {
    padding: 80px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature__content-right {
    padding: 100px 20px 0px 25px;
  }
}
.feature__content-right p {
  font-size: 17px;
  color: #fff;
  line-height: 1.5;
  padding-bottom: 25px;
  padding-right: 242px;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .feature__content-right p {
    padding-right: 0;
    padding-bottom: 15px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__content-right p {
    padding-right: 0;
    padding-bottom: 15px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature__content-right p {
    padding-right: 140px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature__content-right p {
    padding-right: 145px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .feature__content-right p {
    padding-right: 225px;
  }
}
.feature__content-right p span {
  color: var(--white);
}
.feature__content-left {
  padding-top: 143px;
}
@media only screen and (max-width: 767px) {
  .feature__content-left {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__content-left {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__content-left {
    padding-top: 100px;
  }
}
.feature__title-6 {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.3;
  color: var(--white);
  padding-bottom: 22px;
  padding-left: 60px;
}
.feature__title-6::before {
  position: absolute;
  top: 13px;
  left: 0;
  width: 50px;
  height: 1px;
  content: "";
  background: var(--white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__content img {
    width: 100%;
    margin-top: 0;
  }
}
.feature__content-btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 114px;
  height: 100%;
  margin-left: 110px;
}
@media only screen and (max-width: 767px) {
  .feature__content-btm {
    gap: 20px;
    margin-left: 0;
    padding: 30px 0px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__content-btm {
    gap: 20px;
    margin-left: 0;
    padding: 30px 0px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature__content-btm {
    gap: 20px;
    margin-left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature__content-btm {
    gap: 20px;
  }
}
.feature__content-item img {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .feature__content-item img {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .feature__content-item img {
    max-width: 100%;
  }
}
.feature__content-item h5 {
  font-size: 18px;
  color: var(--black-2);
  font-weight: 500;
  line-height: 1.4;
  padding-bottom: 15px;
}
.feature__content-item p {
  font-weight: 300;
  color: var(--black-3);
}
.feature__img-1 {
  position: absolute;
  top: 22%;
  right: 10%;
}
@media only screen and (max-width: 767px) {
  .feature__img-1 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__img-1 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature__img-1 {
    top: 9%;
    right: 4%;
  }
}
.feature__img-2 {
  margin-left: 100px;
}
@media only screen and (max-width: 767px) {
  .feature__img-2 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__img-2 {
    display: none;
  }
}
.feature__img-3 {
  position: absolute;
  right: 6%;
  bottom: 5%;
}
@media only screen and (max-width: 767px) {
  .feature__img-3 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature__img-3 {
    display: none;
  }
}





.job__area {
  background-color: var(--black-2);
  overflow: hidden;
}
.job__area .sec-title {
  color: var(--white);
}
.job__apply {
  margin-top: -20px;
}
@media (max-width: 1400px) {
  .job__apply {
    margin-top: 0;
  }
}
.job__list {
  padding-top: 60px;
}
.job__list a:first-child .job__item {
  border-top: 1px solid var(--secondary);
}
.job__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5fr 5fr 1fr;
  grid-template-columns: 1fr 5fr 5fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--secondary);
  padding: 35px 0;
}
@media only screen and (max-width: 767px) {
  .job__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 35px 0 20px;
  }
}
.job__item:hover .job__title {
  color: var(--white);
}
.job__item:hover .job__link i {
  -webkit-transform: rotate(-45deg) translate(60px, 2px);
          transform: rotate(-45deg) translate(60px, 2px);
  color: var(--white);
}
.job__item:hover .job__link span::after {
  right: 0;
  bottom: 0;
  opacity: 1;
  visibility: visible;
  color: var(--white);
}
.job__no, .job__open {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3;
  color: var(--gray-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job__no, .job__open {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .job__no, .job__open {
    font-size: 18px;
  }
}
.job__title {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.5;
  color: var(--gray-3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job__title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job__title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .job__title {
    font-size: 24px;
  }
}
.job__link {
  text-align: right;
  overflow: hidden;
  position: relative;
}
.job__link span::after {
  position: absolute;
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  right: 45px;
  bottom: -35px;
  -webkit-transform: translate(0, 0) rotate(-45deg);
          transform: translate(0, 0) rotate(-45deg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.job__link i,
.job__link span {
  font-size: 30px;
  color: var(--gray-3);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.job__detail {
  overflow: hidden;
}
.job__detail-top {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 690px;
}
.job__detail-top img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 120%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1920px) {
  .job__detail-top {
    /*padding-left: 100px;*/
	  padding-left: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .job__detail-top {
    padding-left: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px;
  }
  .job__detail-top img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 120%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job__detail-top {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    position: unset;
  }
  .job__detail-top img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job__detail-top {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    position: unset;
  }
  .job__detail-top img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .job__detail-top {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    position: unset;
    padding-top: 73px;
  }
  .job__detail-top img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
.job__detail-top img {
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job__detail-top img {
    position: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job__detail-top img {
    position: unset;
  }
}
@media only screen and (max-width: 767px) {
  .job__detail-top img {
    position: unset;
  }
}
.job__detail-wrapper {
  padding-top: 60px;
  padding-right: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .job__detail-wrapper {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .job__detail-wrapper {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job__detail-wrapper {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .job__detail-wrapper {
    padding-right: 0;
  }
}
.job__detail-meta {
  padding-top: 35px;
  padding-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job__detail-meta {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .job__detail-meta {
    padding-bottom: 20px;
  }
}
.job__detail-meta li {
  display: inline-block;
  padding-right: 70px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job__detail-meta li {
    display: block;
    padding-right: 0;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .job__detail-meta li {
    display: block;
    padding-right: 0;
    padding-bottom: 20px;
  }
}
.job__detail-meta li span {
  color: var(--gray-8);
  font-size: 14px;
  font-weight: 400;
  display: block;
}
.job__detail-content {
  border-top: 1px solid var(--white-4);
  padding-top: 35px;
}
.job__detail-content p {
  font-size: 18px;
  line-height: 1.4;
  padding-bottom: 40px;
}
.job__detail-content h1,
.job__detail-content h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: var(--black-2);
  padding-bottom: 20px;
}
.job__detail-content h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  color: var(--black-2);
  padding-bottom: 20px;
}
.job__detail-content h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: var(--black-2);
  padding-bottom: 20px;
}
.job__detail-content h5,
.job__detail-content h6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--black-2);
  padding-bottom: 20px;
}
.job__detail-content ul,
.job__detail-content ol {
  padding-bottom: 35px;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .job__detail-content ul,
.job__detail-content ol {
    padding-left: 20px;
    padding-bottom: 30px;
  }
}
.job__detail-content ul li,
.job__detail-content ol li {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-3);
  padding-bottom: 5px;
  position: relative;
}
.job__detail-content ul li::before,
.job__detail-content ol li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  left: -18px;
  top: 12px;
  background-color: var(--black-3);
  border-radius: 30px;
}
.job__detail-sidebar {
  margin-top: 70px;
  background: #F9F9F9;
  padding: 40px 30px;
  position: sticky;
  top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job__detail-sidebar {
    padding: 30px 20px;
  }
}
.job__detail-sidebar ul li {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-3);
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .job__detail-sidebar ul li {
    font-size: 14px;
  }
}
.job__detail-sidebar ul li:last-child {
  padding-bottom: 0;
}
.job__detail-sidebar ul li span {
  color: var(--gray-8);
  font-size: 14px;
  font-weight: 400;
  display: block;
}





/* SECTIONS PARALLAX */

.v-align-transform 			{ position: relative; transform: translate3d(0, -50%, 0);  top: 50%; z-index: 2; }
.text-center 				{ text-align: center;}
.fullscreen-parallax 		{ height: 100vh; background-color: #111; }

section {
  position: relative;
  overflow: hidden;
}

.image-bg h1,
.image-bg h2,
.image-bg h3,
.image-bg h4,
.image-bg h5,
.image-bg h6 { 
  color: #ffffff;
}
.image-bg p,
.image-bg span,
.image-bg li {
  color: #ffffff;
  font-family: "Droid Serif", serif;
}
.image-bg .container,
.image-bg div[class*='col-'] {
  position: relative;
  z-index: 3;
}
.container.image-bg .row {
  position: relative;
  z-index: 3;
}
.background-image-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #292929;
  background-size: cover !important;
  background-position: 50% 50% !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
}
.background-image-holder img {
  display: none;
}
.background-multiply .background-image-holder {
  background-color: #91a05c !important;
  background-blend-mode: multiply;
}
.background-image-holder.fadeIn {
  opacity: 1;
}

.parallax > .background-image-holder,
.parallax .slides li > .background-image-holder {
  height: 100vh;
  top: -50vh;
  transition: all 0s ease !important;
  transition: opacity 0.3s ease !important;
  -webkit-transform-style: preserve-3d;
}

.parallax:first-child .slides li > .background-image-holder,
.parallax:first-child .background-image-holder {
  top: 0;
}
.main-container > a:first-child + .parallax .background-image-holder {
  top: 0;
}

.background-image-holder.fadeIn {
    opacity: 1;
}

.cover {
  margin: 0;
  padding: 0;
}
.cover h1,
.cover h2,
.cover h3,
.cover h4,
.cover h5,
.cover h6 {
  color: #ffffff;
}
.cover p,
.cover span,
.cover li {
  color: #ffffff;
}



/* IMAGE  BACKGROUND */
#overlay {
	background-color:rgba(0,0,0,.35);
	height:100%;
	left:0;
	position:relative;
	top:0;
	transition:background-color 300ms ease;
	width:100%;
	z-index: 1;
}

/* AJOUT SEO  */
#overlay  p { 
	font-size: 150px;
	font-family: 'Cinzel', serif;
	opacity: 1;
}

@media only screen and (min-width: 1400px) and (max-width: 1900px) {
  #overlay  p { 
	font-size: 90px;
}

}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #overlay  p { 
	font-size: 85px;
}

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #overlay  p { 
	font-size: 80px;
}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #overlay  p{ 
	font-size: 70px;
}
	
}
@media only screen and (max-width: 767px) {
  #overlay  p { 
	font-size: 40px;
}

}
/* Fin AJOUT SEO  */

#overlay h1 { 
	font-size: 160px;
	font-family: 'Cinzel', serif;
}
#overlay h3 { 
	font-size: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1900px) {
  #overlay h1 { 
	font-size: 90px;
}
	#overlay h3 { 
	font-size: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #overlay h1 { 
	font-size: 85px;
}
	#overlay h3 { 
	font-size: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #overlay h1 { 
	font-size: 80px;
}
	#overlay h3 { 
	font-size: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #overlay h1 { 
	font-size: 70px;
}
	#overlay h3 { 
	font-size: 20px;
}
	
}
@media only screen and (max-width: 767px) {
  #overlay h1 { 
	font-size: 55px;
}
	#overlay h3 { 
	font-size: 18px;
}
	
}



.hero__area-7 {
  padding-top: 180px;
  padding-bottom: 140px;
  background-image: url(../imgs/home-7/hero-bg.png);
  background-repeat: repeat;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__area-7 {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__area-7 {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__area-7 {
    padding-top: 160px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__area-7 {
    padding-top: 160px;
    padding-bottom: 60px;
  }
}
.hero__area-7 .shape-1 {
  position: absolute;
  right: 100px;
  bottom: 200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__area-7 .shape-1 {
    right: 60px;
    max-width: 260px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__area-7 .shape-1 {
    max-width: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__area-7 .shape-1 {
    max-width: 200px;
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__area-7 .shape-1 {
    max-width: 120px;
    bottom: unset;
    top: 330px;
    right: 0;
  }
}
.hero__title-7 {
  width: 100%;
  display: block;
  font-size: 50px;
  font-family: "Cormorant Garamond", serif;
  margin-bottom: 30px;
  max-width: 1060px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__title-7 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__title-7 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__title-7 {
    font-size: 35px;
  }
  
}
@media only screen and (max-width: 767px) {
  .hero__title-7 {
    font-size: 35px;
  }
 
}
.hero__text-7 {
  margin-left: 210px;
  margin-top: 60px;
  display: -ms-grid;
  display: grid;
  /*-ms-grid-columns: 200px 20px auto;
  grid-template-columns: 200px auto;*/
  grid-gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__text-7 {
    margin-left: 60px;
    -ms-grid-columns: 160px 20px auto;
    grid-template-columns: 160px auto;
  }
}
@media only screen and (max-width: 767px) {
  .hero__text-7 {
    margin-left: 0;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.hero__text-7 .about {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: var(--black-2);
  position: relative;
  text-transform: capitalize;
}
.hero__text-7 .about::after {
  position: absolute;
  content: "";
  width: 90px;
  height: 1px;
  top: 14px;
  left: 60px;
  background-color: var(--black-2);
  padding-left: 9px;
}
.hero__text-7 p {
  max-width: 650px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-3);
}

.video__area img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1920px) {
  .video__area img {
    height: 800px;
  }
}
.video__area.about__img-2 {
  margin-bottom: 0;
  max-width: 100%;
  width: 100%;
}

.about__area-7 {
  position: relative;
}
.about__area-7 .sec-title-wrapper {
  text-align: center;
  padding-bottom: 70px;
}
.about__area-7 .shape-1 {
  position: absolute;
  left: 00px;
  top: 280px;
}
.about__left-7 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 650px;
}
.about__left-7 img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 120%;
  margin-left: auto;
  margin-right: auto;
}
.about__left-7 img {
  max-width: 100%;
}
.about__mid-7 {
  padding-left: 80px;
  padding-top: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__mid-7 {
    padding-left: 30px;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__mid-7 {
    padding-left: 10px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__mid-7 {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about__mid-7 {
    padding-left: 0;
    padding-top: 40px;
  }
}
.about__mid-7 p {
  max-width: 440px;
  font-size: 18px;
  line-height: 1.4;
  color: var(--black-3);
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__mid-7 p {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .about__mid-7 p {
    font-size: 16px;
  }
}
.about__mid-7 img {
  display: block;
}
.about__mid-7 .signature {
  margin-top: 30px;
}
.about__mid-7 .image-1 {
  margin-left: auto;
  margin-top: 35px;
  -webkit-transform: translateX(25px);
          transform: translateX(25px);
}
@media only screen and (max-width: 767px) {
  .about__mid-7 .image-1 {
    margin-left: 0;
  }
}
.about__right-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  padding-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .about__right-7 {
    margin-top: 10px;
    padding-bottom: 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.about__right-7 img {
  max-width: 100%;
}

.text-justify {
  text-align: justify;
}

.text-right {
  text-align: right;
}


.pr-5 {
  padding-right: 100px;
}
@media only screen and (max-width: 767px) {
.pr-5 {
  padding-right: 0px;
}
}

.form-dark {
  /*height: 60px;*/
  line-height: 35px;
  color: #8a0917;
  background-color: var(--tp-common-black-2);
  
  display: inline-block;
  font-size: 38px;
  font-weight: 400;
  /*position: absolute;
  top: -55px;
  left: 20px;
	padding: 5px 5px;
  background-color: #c48061;*/
  font-style: italic;
}
.spatule {
  transform: rotate(-5deg);
}

.caveat {
  font-family: "Caveat", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.reenie-beanie-regular {
  font-family: "Reenie Beanie", serif;
  font-weight: 400;
  font-style: normal;
}

.portrait {
  width: 250px;
}

.italic {
  font-style: italic;
}

.picto img {
  width: 15px;
}

.recaptcha 			{ width: 300px; height:auto; margin-bottom: 15px; }