/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# common

# Animations

# Topbar

# social 

# Main Menu

# Banner

# Exhibitions

# Collections

# Blog

# Comment

# Event

# Call to Action

# Brand 

# Main Footer 

# About

# SideMenu 

# Search Popup 

# Testimonials

# Page Header

# Team

# Video

# History

# Contact Map

# Contact Box

# Contact Form

# Venue

# Membership

# FAQ

# Donate

# Sidebar

--------------------------------------------------------------*/

:root{
  --brand-night: #488089;   /* bleu nuit */
  --brand-deep:  #60938f;   /* pétrole */
  --brand-line:  #1d5169;   /* liseré */
  --brand-soft:  rgba(255,255,255,.75);
  --brand-white: #f0f2f4;

  --cta: #D8B46A;          /* or doux (optionnel) */
  --cta-hover:#F2E4B1;
}



/*--------------------------------------------------------------

# common

--------------------------------------------------------------*/



/* Template Variables */



/* font-family: 'Karla', sans-serif;

font-family: 'Playfair Display', serif;

font-family: 'Work Sans', sans-serif; */



:root {

	--thm-font: "Karla", sans-serif;

	--heading-font: "Playfair Display", serif;

	--special-font: "Work Sans", sans-serif;

	--thm-base: #aaa081;

	--thm-base-rgb: 170, 160, 129;

	--thm-black: #1D6CA2

	--thm-black-rgb: 37, 41, 48;

}



body {

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

	line-height: 28px;

	color: #848484;

}



[dir=rtl] .thm__owl-carousel {

	direction: ltr;

}





h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Roboto', sans-serif;

	color: black;

}



a,

a:hover,

a:active,

a:focus {

	text-decoration: none;

	color: #FFF;

}





.page-wrapper {

	position: relative;

	margin: 0 auto;

	width: 100%;

	min-width: 300px;

	overflow: hidden;

}



@media (min-width: 1200px) {

	.container {

		max-width: 1200px;

	}

}



.thm-btn {

	display: inline-block;

	vertical-align: middle;

	border: none;

	outline: none;

	color: #ffffff;

	font-size: 17px;

	font-weight: 600;

	background-color: var(--thm-base);

	padding: 13.5px 36.5px;

	text-align: center;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.thm-btn:hover {

	background-color: #fff;

	color: var(--thm-black);

}



/* Cursor*/



.cursor {

	position: absolute;

	background-color: #fff;

	width: 6px;

	height: 6px;

	border-radius: 100%;

	z-index: 1;

	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,

		0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,

		0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,

		0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,

		0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,

		0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	pointer-events: none;

	z-index: 10000;

	-webkit-transform: scale(1);

	transform: scale(1);

	visibility: hidden;

}



.cursor {

	visibility: visible;

}



.cursor.active {

	opacity: 0.5;

	-webkit-transform: scale(0);

	transform: scale(0);

}



.cursor.hovered {

	opacity: 0.08;

}



.cursor-follower {

	position: absolute;

	background-color: RGBA(255, 255, 255, 0.3);

	width: 50px;

	height: 50px;

	border-radius: 100%;

	z-index: 1;

	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,

		0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,

		0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,

		0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,

		0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,

		0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	pointer-events: none;

	z-index: 10000;

	visibility: hidden;

}



.cursor-follower {

	visibility: visible;

}



.cursor-follower.active {

	opacity: 0.7;

	-webkit-transform: scale(1);

	transform: scale(1);

}



.cursor-follower.hovered {

	opacity: 0.08;

}



.cursor-follower.close-cursor:before {

	position: absolute;

	content: "";

	height: 25px;

	width: 2px;

	background: #fff;

	left: 48%;

	top: 12px;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	display: inline-block;

}



.cursor-follower.close-cursor:after {

	position: absolute;

	content: "";

	height: 25px;

	width: 2px;

	background: #fff;

	right: 48%;

	top: 12px;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}



/* bootstrap select */

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,

.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,

.bootstrap-select .show>.btn-light.dropdown-toggle {

	background-color: inherit !important;

	box-shadow: none !important;

	outline: none !important;

}



.bootstrap-select>.dropdown-toggle {

	box-shadow: none !important;

}



.bootstrap-select .dropdown-toggle:focus,

.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {

	outline: none !important;

}



.bootstrap-select .dropdown-menu {

	padding-top: 0;

	padding-bottom: 0;

	margin-top: 0;

	z-index: 991;

}



.bootstrap-select .dropdown-menu>li+li>a {

	border-top: 1px solid #f4f4f4;

}



.bootstrap-select .dropdown-menu>li:first-child>a {

	padding-top: 10px;

}



.bootstrap-select .dropdown-menu>li:last-child>a {

	padding-bottom: 10px;

}



.bootstrap-select .dropdown-menu>li.selected>a {

	background: var(--thm-black);

	color: #fff;

}



.bootstrap-select .dropdown-menu>li>a {

	font-size: 16px;

	font-weight: 500;

	padding: 9px 20px;

	color: var(--thm-black);

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.bootstrap-select .dropdown-menu>li>a:hover {

	background: var(--thm-black);

	color: #fff;

	cursor: pointer;

}



.scroll-to-top {

	background-color: #fff;

	display: inline-block;

	width: 50px;

	height: 50px;

	background: var(--thm-black);

	border-radius: 50%;

	position: fixed;

	bottom: 40px;

	right: 40px;

	z-index: 990;

	text-align: center;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

	display: none;

	border: 1px solid var(--thm-black);

}



@media (max-width: 480px) {

	.scroll-to-top {

		width: 40px;

		height: 40px;

	}

}



.scroll-to-top i {

	font-size: 14px;

	line-height: 50px;

	color: #fff;

	position: relative;

	z-index: 10;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



@media (max-width: 480px) {

	.scroll-to-top i {

		font-size: 14px;

		line-height: 40px;

	}

}



.scroll-to-top:hover {

	background-color: #fff;

}



.scroll-to-top:hover i {

	color: var(--thm-black);

}



.post-pagination {

	text-align: center;

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	align-items: center;

}



.post-pagination a {

	color: var(--thm-black);

	font-size: 18px;

	font-weight: 700;

	border-style: solid;

	border-width: 1px;

	border-color: #e3e9ec;

	padding-left: 18.5px;

	padding-right: 18.5px;

	padding-top: 8px;

	padding-bottom: 8px;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.post-pagination a.active,

.post-pagination a:hover {

	color: #fff;

	background-color: var(--thm-black);

	border-color: var(--thm-black);

}



.post-pagination a+a {

	margin-left: 10px;

}



.post-pagination a.active {

	cursor: auto;

}



.post-pagination__prev,

.post-pagination__next {

	border: none !important;

	background-color: transparent !important;

	text-decoration: underline;

	color: var(--thm-black) !important;

	text-transform: uppercase;

	font-size: 14px !important;

}



/* datepicker */

.datepicker-dropdown {

	min-width: 300px;

}



.datepicker-dropdown table {

	width: 100%;

}



.datepicker table tr td span.active.active,

.datepicker table tr td span.active.disabled.active,

.datepicker table tr td span.active.disabled:active,

.datepicker table tr td span.active.disabled:hover.active,

.datepicker table tr td span.active.disabled:hover:active,

.datepicker table tr td span.active:active,

.datepicker table tr td span.active:hover.active,

.datepicker table tr td span.active:hover:active {

	background-color: var(--thm-black);

	background-image: none;

}



.datepicker table tr td.active.active,

.datepicker table tr td.active.disabled.active,

.datepicker table tr td.active.disabled:active,

.datepicker table tr td.active.disabled:hover.active,

.datepicker table tr td.active.disabled:hover:active,

.datepicker table tr td.active:active,

.datepicker table tr td.active:hover.active,

.datepicker table tr td.active:hover:active,

.datepicker table tr td.active,

.datepicker table tr td.active.disabled,

.datepicker table tr td.active.disabled:hover,

.datepicker table tr td.active:hover {

	background-color: var(--thm-base);

	background-image: none;

}



/* preloader */



.preloader {

	position: fixed;

	width: 100%;

	height: 100%;

	background-color: #fff;

	top: 0;

	left: 0;

	z-index: 99999999;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

}



.lds-ripple {

	display: inline-block;

	position: relative;

	width: 80px;

	height: 80px;

}



.lds-ripple div {

	position: absolute;

	border: 4px solid var(--thm-black);

	opacity: 1;

	border-radius: 50%;

	-webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

	        animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

}



.lds-ripple div:nth-child(2) {

	-webkit-animation-delay: -0.5s;

	        animation-delay: -0.5s;

}



@-webkit-keyframes lds-ripple {

	0% {

		top: 36px;

		left: 36px;

		width: 0;

		height: 0;

		opacity: 1;

	}



	100% {

		top: 0px;

		left: 0px;

		width: 72px;

		height: 72px;

		opacity: 0;

	}

}



@keyframes lds-ripple {

	0% {

		top: 36px;

		left: 36px;

		width: 0;

		height: 0;

		opacity: 1;

	}



	100% {

		top: 0px;

		left: 0px;

		width: 72px;

		height: 72px;

		opacity: 0;

	}

}



/* Block Title */



.block-title p {

	margin: 0;

	font-size: 17px;

	line-height: 1em;

	font-weight: bold;

	color: var(--thm-base);

	text-transform: uppercase;

	letter-spacing: 0.15em;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.block-title p::before {

	content: "";

	width: 60px;

	height: 2px;

	background-color: var(--thm-base);

	display: block;

	-webkit-transform: translateX(-50%);

	        transform: translateX(-50%);

}



.block-title h3 {

	font-weight: bold;

	color: var(--thm-black);

	font-size: 44px;

	margin: 0;

	margin-top: 25px;

}

.title-project {

	color: #848484 !important;

}

.title-project:hover {

	text-decoration: underline;

}

.filter-project {

	font-weight: 700;

}

.filter-project:hover {

    text-decoration: underline;

	cursor: pointer;

}



.block-title-two {

	margin-bottom: 60px;

	position: relative;

	padding-top: 170px;

}

.block-title-two2 {

	margin-bottom: 60px;

	padding-top: -170px !important;



}

.block-title-two__line {

	width: 2px;

	height: 110px;

	background-color: var(--thm-base);

	position: absolute;

	top: -55px;

	left: calc(50% - 1px);

}



.block-title-two p {

	margin: 0;

	font-size: 17px;

	line-height: 1em;

	font-weight: bold;

	color: var(--thm-base);

	text-transform: uppercase;

	letter-spacing: 0.15em;

	margin-bottom: 30px;

}



.block-title-two h3 {

	font-weight: bold;

	color: var(--thm-black);

	font-size: 44px;

	margin: 0;

}

.block-title-two2 h3 {

	font-weight: bold;

	color: var(--thm-black);

	font-size: 44px;

	margin: 0;

}



/* More Post link */



.more-post__link {

	width: 100px;

	height: 100px;

	display: block;

	position: relative;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	text-align: center;

	font-size: 14px;

	color: #252930;

	flex-wrap: wrap;

	line-height: 1.2em;

	padding: 0 22px;

	text-transform: uppercase;

}



.more-post__link:hover {

	color: var(--thm-black);

}



.more-post__link .curved-circle {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%) rotate(0);

	        transform: translate(-50%, -50%) rotate(0);

	width: 100px;

	font-size: 8px;

	color: var(--thm-base);

	text-transform: uppercase;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.more-post__link:hover .curved-circle {

	-webkit-transform: translate(-50%, -50%) rotate(180deg);

	        transform: translate(-50%, -50%) rotate(180deg);

}



/*-------------------------------------------------------------- 

# Animations

--------------------------------------------------------------*/



@-webkit-keyframes ImgBounce {

	0% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}



	100% {

		-webkit-transform: translateY(-30px);

		transform: translateY(-30px);

	}

}



@keyframes ImgBounce {

	0% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}



	100% {

		-webkit-transform: translateY(-30px);

		transform: translateY(-30px);

	}

}



@-webkit-keyframes slideBgImage {

	from {

		-webkit-transform: scale(1);

		        transform: scale(1);

	}



	to {

		-webkit-transform: scale(1.15);

		        transform: scale(1.15);

	}

}



@keyframes slideBgImage {

	from {

		-webkit-transform: scale(1);

		        transform: scale(1);

	}



	to {

		-webkit-transform: scale(1.15);

		        transform: scale(1.15);

	}

}



/*-------------------------------------------------------------- 

# Topbar

--------------------------------------------------------------*/



.topbar-one {

	border-bottom: 1px solid #e5e5e5;

	padding-top: 16px;

	padding-bottom: 16px;

	background: #384f9f;

	color: #FFF;

}



.topbar-one .container {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: justify;

	        justify-content: space-between;

}



.topbar-one p {

	font-size: 16px;

	color: #fff;

	margin: 0;

	font-weight: 700;

}

.topbar-one__left {

	display: flex;

} 

.topbar-one__left-ul {

	font-size: 26px;

}

@media  (max-width: 900px) {

    .topbar-one__left-ul {

		text-align: center;

	}

}

.topbar-one__left-ul i {

	margin-right: 10px;

}





.topbar-one__right {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.topbar-one__right a {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	font-size: 16px;

	color: #fff;

	font-weight: 700;

}



.topbar-one__right a i {

	margin-right: 10px;

}



.topbar-one__right a+a {

	margin-left: 30px;

}



.topbar-one__right .topbar__btn {

	background-color: var(--thm-black);

	font-size: 16px;

	color: #fff;

	padding: 7px 19.65px;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

	border: 1px solid var(--thm-black);

}



.topbar__btn:hover {

	background-color: #fff;

	color: #1D6CA2;

}



.topbar-one__home-two {

	background-color: var(--thm-black);

	border-bottom: 0;

}



.topbar-one__home-two .topbar__btn {

	background-color: var(--thm-base);

}



.topbar-one__home-two .topbar__btn:hover {

	background-color: #fff;

	color: var(--thm-black);

}



.topbar-one__home-two .topbar-one__right a:not(.topbar__btn) {

	color: #ffffff;

	opacity: 40%;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.topbar-one__home-two .topbar-one__right a:not(.topbar__btn):hover {

	opacity: 100%;

}



.topbar-one__home-two .topbar-one p {

	color: #ffffff;

	opacity: 40%;

}



/* shadowed carousel */



.shadowed__carousel .owl-stage-outer {

	overflow: visible;

}



.shadowed__carousel .owl-item {

	opacity: 0;

	visibility: hidden;

	-webkit-transition: opacity 500ms ease, visibility 500ms ease;

	transition: opacity 500ms ease, visibility 500ms ease;

}



.shadowed__carousel .owl-item.active {

	opacity: 1;

	visibility: visible;

}



/*-------------------------------------------------------------- 

# Social

--------------------------------------------------------------*/



.twitter {

	height: 20px;

	content: '';

	/*background-image: ;*/

}

/* Facebook */

.fa-facebook i{

    color: white;

	height: 30px;

}



.fa .fa-facebook i{

	padding: 20px; 

	font-size: 30px;

	width: 70px;

	text-align: center;

	text-decoration: none;

	border-radius: 50%; }



/*-------------------------------------------------------------- 

# Main Menu

--------------------------------------------------------------*/

.main-nav-one.stricky {

	background:  var(--brand-night) !important;

}

.main-nav-one .inner-container {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

    background: var(--brand-night);

}



.main-nav-one .side-menu__toggler {

	display: none;

}



.main-nav-one .logo-box {

	border-right: 1px solid #e5e5e5;

	padding: 38.25px 0;

	padding-right: 75px;

}





/*.main-nav__main-navigation {


}*/



.main-nav-one .main-nav__main-navigation {

	margin-left: auto;

}



.main-nav-one .main-nav__main-navigation ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



.main-nav-one .dropdown-btn {

	display: none;

}



.main-nav-one .main-nav__main-navigation .main-nav__navigation-box {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.main-nav-one .main-nav__navigation-box>li {

	padding: 45.75px 0;

}



.main-nav-one .main-nav__navigation-box>li+li {

	margin-left: 40px;

}



.main-nav-one .main-nav__navigation-box>li>a {

	font-size: 18px;

	color: #FFF;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.main-nav-one .main-nav__navigation-box .dropdown>a::after {

	content: "\f107";

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	margin-left: 10px;

}



/* Dropdown menu */



.main-nav__main-navigation .dropdown-btn {

	display: none;

}



.main-nav__main-navigation .main-nav__navigation-box>li ul {

	position: absolute;

	width: 210px;

	background-color: #fff;

	border-top: 2px solid var(--thm-black);

	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),

		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);

	-webkit-transform-origin: top;

	transform-origin: top;

	visibility: hidden;

	opacity: 0;

	z-index: 991;

	-webkit-transition: opacity 500ms ease, visibility 500ms ease,

		-webkit-transform 500ms ease;

	transition: opacity 500ms ease, visibility 500ms ease,

		-webkit-transform 500ms ease;

	-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;

	transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;

	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;

	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;

	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease,

		-webkit-transform 500ms ease;

}



.main-nav__main-navigation .main-nav__navigation-box>li ul>li {

	position: relative;

}



.main-nav__main-navigation .main-nav__navigation-box>li ul .dropdown>a {

	position: relative;

}



.main-nav__main-navigation .main-nav__navigation-box>li ul .dropdown>a::after {

	position: absolute;

	right: 25px;

	top: 50%;

	-webkit-transform: translateY(-50%) rotate(-90deg);

	        transform: translateY(-50%) rotate(-90deg);

}



.main-nav__main-navigation .main-nav__navigation-box>li ul>li+li {

	border-top: 1px solid rgba(var(--thm-black-rgb), 0.15);

}



.main-nav__main-navigation .main-nav__navigation-box>li ul>li>a {

	display: block;

	color: var(--thm-black);

	font-size: 16px;

	font-family: var(--thm-font);

	word-break: break-all;

	padding-top: 9.5px;

	padding-bottom: 9.5px;

	padding-left: 20px;

	padding-right: 20px;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.main-nav__main-navigation .main-nav__navigation-box>li ul>li:hover>a {

	color: #fff;

	background-color: var(--thm-black);

}



/* Second level menu */



.main-nav__main-navigation .main-nav__navigation-box>li>ul {

	top: 100%;

	left: 0;

	-webkit-transform: perspective(300px) scaleY(0) translateZ(30px);

	        transform: perspective(300px) scaleY(0) translateZ(30px);



	visibility: hidden;

	opacity: 0;

}



.main-nav__main-navigation .main-nav__navigation-box>li:hover>ul {

	-webkit-transform: perspective(300px) scaleY(1) translateZ(0);

	        transform: perspective(300px) scaleY(1) translateZ(0);

	visibility: visible;

	opacity: 1;

}



/* Third level menu */



.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {

	top: 0;

	left: 100%;

	-webkit-transform: perspective(300px) scaleX(0);

	        transform: perspective(300px) scaleX(0);

	visibility: hidden;

	opacity: 0;

	-webkit-transform-origin: left;

	        transform-origin: left;

}



.main-nav__main-navigation .main-nav__navigation-box>li>ul>li:hover>ul {

	-webkit-transform: perspective(300px) scaleX(1);

	        transform: perspective(300px) scaleX(1);

	visibility: visible;

	opacity: 1;

}



/* After Third level menu */



.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul {

	display: none;

}



/* Right Side */



.main-nav-one .main-nav__right {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	border-left: 1px solid #e5e5e5;

	padding: 46px 0;

	padding-left: 50px;

	margin-left: 50px;

}



.main-nav-one .main-nav__right a {

	font-size: 20px;

	color: var(--thm-black);

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.main-nav-one .main-nav__right a+a {

	margin-left: 30px;

}



/* stricked menu */

.stricked-menu {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 999;

	background-color: #1D6CA2;

	box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);

	opacity: 0;

	-webkit-transform: translateY(-110%);

	transform: translateY(-110%);

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.stricked-menu.stricky-fixed {

	opacity: 1;

	-webkit-transform: translateY(0%);

	transform: translateY(0%);

}



.stricked-menu .logo-box {

	padding-top: 14.25px;

	padding-bottom: 14.25px;

}



.stricked-menu .main-nav__main-navigation .main-nav__navigation-box>li {

	padding: 22px 0;

}



.stricked-menu .main-nav__right {

	padding-top: 22px;

	padding-bottom: 22px;

}



/* home two */



.main-nav-one__home-two .logo-box {

	padding-right: 0;

	border-right: 0;

}



.main-nav-one__home-two .main-nav__right {

	border: none;

	padding-left: 40px;

	margin-left: 0;

}



/* home three */

.main-nav-one__home-three {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 91;

	border-bottom: 1px solid rgba(255, 255, 255, .2);

}



.main-nav-one__home-three .logo-box {

	border-right: 0;

	padding-right: 0;

}



.main-nav-one__home-three .main-nav__right a,

.main-nav-one__home-three .main-nav__navigation-box>li>a {

	color: #ffffff;

}



.main-nav-one__home-three .main-nav__right {

	padding-left: 0;

	border-left: 0;

	margin-left: 40px;

}



/* home three stricked */

.main-nav-one__home-three.stricked-menu {

	position: fixed;

	background-color: var(--thm-black);

	border-bottom: 0;

}



/*-------------------------------------------------------------- 

# Banner

--------------------------------------------------------------*/



.banner-section {

	position: relative;

}



.banner-carousel {

	position: relative;

}



.banner-carousel .slide-item {

	position: relative;

	display: block;

	background-color: #000000;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 120px 0px 220px;

	overflow: hidden;

}



.style-two .banner-carousel .slide-item {

	padding: 340px 0px 210px;

}



.style-three .banner-carousel .slide-item {

	padding: 300px 0px 270px;

}



.banner-carousel .slide-item .curved-layer {

	position: absolute;

	left: 0;

	top: 0;

	width: 45%;

	height: 100%;

}



.banner-carousel .slide-item .curved-layer:before {

	content: "";

	position: absolute;

	right: 0;

	top: -80%;

	width: 150%;

	height: 200%;

	opacity: 0.85;

	-webkit-transform-origin: left;

	transform-origin: left;

	-webkit-transform: rotate(20deg) scaleX(0);

	transform: rotate(20deg) scaleX(0);

}



.banner-carousel .active .slide-item .curved-layer:before {

	-webkit-transform: rotate(20deg) scaleX(1);

	transform: rotate(20deg) scaleX(1);

	-webkit-transition: all 700ms linear;

	transition: all 700ms linear;

}



.banner-carousel .slide-item .image-layer {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 1;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	-webkit-transform: scale(0,7);

	transform: scale(0,7);

}



.banner-carousel .active .slide-item .image-layer {

	-webkit-animation-name: slideBgImage;

	        animation-name: slideBgImage;

	-webkit-animation-duration: 7000ms;

	        animation-duration: 7000ms;

	-webkit-animation-iteration-count: infinite;

	        animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	        animation-timing-function: linear;

}



.banner-carousel .slide-item:before {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #000000;

	opacity: 0;

	content: "";

	z-index: 1;

}



.banner-carousel .content-box {

	position: relative;

	margin: 0 auto;

	padding: 0 0px;

	z-index: 5;

}



.banner-carousel .content-box:before {

	position: absolute;

	content: "";

	left: -220px;

	top: -120px;

	width: 650px;

	height: 650px;

	border-radius: 50%;

}



.style-three .banner-carousel .content-box {

	text-align: left;

	max-width: 1000px;

	margin: 0 0;

}



.banner-carousel .content-box h3 {

	font-family: var(--thm-font);

	display: block;

	font-size: 24px;

	line-height: 1.15em;

	color: #ffffff;

	font-weight: 700;

	opacity: 0;

	margin-bottom: 35px;

	letter-spacing: 0;

	-webkit-transform: translateY(-100px);

	transform: translateY(-100px);

	text-transform: capitalize;

}



.banner-carousel .active .content-box h3 {

	opacity: 1;

	-webkit-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transition-delay: 700ms;

	transition-delay: 700ms;

}



.banner-carousel .content-box h2 {

	display: block;

	font-size: 60px;

	line-height: 1.15em;

	color: #ffffff;

	font-weight: 700;

	opacity: 0;

	margin-bottom: 30px;

	position: relative;

	-webkit-transform: translateY(-100px);

	transform: translateY(-100px);

}



.banner-carousel .content-box h2 span {

	font-weight: 300;

}



.banner-carousel .active .content-box h2 {

	opacity: 1;

	-webkit-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition: all 900ms ease;

	transition: all 900ms ease;

	-webkit-transition-delay: 300ms;

	transition-delay: 300ms;

}



.banner-carousel .content-box .text {

	display: block;

	font-size: 20px;

	line-height: 1.6em;

	color: #ffffff;

	font-weight: 400;

	opacity: 0;

	margin: 0 auto;

	margin-bottom: 35px;

	-webkit-transform: translateY(80px);

	transform: translateY(80px);

}



.style-three .banner-carousel .content-box .text {

	text-align: left;

	max-width: 600px;

	margin: 0 0 40px;

}



.banner-carousel .active .content-box .text {

	opacity: 1;

	-webkit-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition: all 700ms ease;

	transition: all 700ms ease;

	-webkit-transition-delay: 700ms;

	transition-delay: 700ms;

}



.banner-carousel .content-box .btn-box {

	position: relative;

	opacity: 0;

	z-index: 5;

	-webkit-transform: translateY(80px);

	transform: translateY(80px);

	margin-top: 70px;

}



.banner-carousel .active .content-box .btn-box {

	opacity: 1;

	-webkit-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition: all 700ms ease;

	transition: all 700ms ease;

	-webkit-transition-delay: 1400ms;

	transition-delay: 1400ms;

}



.banner-carousel .content-box .btn-box .thm-btn {

	margin-right: 20px;

	padding: 13.5px 40.5px;

	background-color: #fff;

	color: var(--thm-black);

}



.banner-carousel .content-box .btn-box .thm-btn:hover {

	background-color: var(--thm-black);

	color: #fff;

}



.banner-carousel .content-box .btn-box .thm-btn:last-child {

	margin: 0;

}



.banner-section .owl-theme .owl-nav {

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	margin: 0 auto;

	width: 100%;

}



.banner-section .owl-theme .owl-nav .owl-prev {

	position: absolute;

	left: 50px;

	top: 0;

	background: rgba(255, 255, 255, 0.15);

	height: 56px;

	width: 56px;

	border-radius: 50%;

	border: none;

	text-align: center;

	color: rgba(0, 0, 0, 0);

	line-height: 56px;

	font-size: 0px;

	opacity: 1;

	margin-top: -30px;

	-webkit-transition: all 300ms ease;

	transition: all 300ms ease;

}



.banner-section .owl-theme .owl-nav .owl-prev:after {

	font-family: "Font Awesome 5 Free";

	content: "\f104";

	font-weight: 900;

	position: absolute;

	top: 0;

	width: 56px;

	height: 56px;

	line-height: 56px;

	left: 0;

	color: #ffffff;

	font-size: 24px;

	-webkit-transition: all 300ms ease;

	transition: all 300ms ease;

}



.banner-section .owl-theme .owl-nav .owl-prev:hover:after {

	color: #222;

}



.banner-section .owl-theme .owl-nav .owl-next {

	position: absolute;

	right: 50px;

	top: 0;

	background: rgba(255, 255, 255, 0.15);

	height: 56px;

	width: 56px;

	border-radius: 50%;

	border: none;

	text-align: center;

	line-height: 56px;

	color: rgba(0, 0, 0, 0);

	font-size: 0px;

	opacity: 1;

	margin-top: -30px;

	-webkit-transition: all 300ms ease;

	transition: all 300ms ease;

}



.banner-section .owl-theme .owl-nav .owl-next:after {

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	content: "\f105";

	position: absolute;

	top: 0;

	width: 56px;

	height: 56px;

	line-height: 56px;

	right: 0;

	color: #ffffff;

	font-size: 24px;

	-webkit-transition: all 300ms ease;

	transition: all 300ms ease;

}



.banner-section .owl-theme .owl-nav .owl-next:hover:after {

	color: #222;

}



.banner-section .owl-theme .owl-nav .owl-prev:hover,

.banner-section .owl-theme .owl-nav .owl-next:hover {

	opacity: 1;

	background-color: #fff;

}



.banner-section .owl-dots {

	position: absolute;

	left: 0;

	margin: 0;

	bottom: 40px;

	width: 100%;

	text-align: center;

	display: none;

}



.banner-section .owl-dots .owl-dot {

	position: relative;

	display: inline-block;

	width: 12px;

	height: 12px;

	margin: 0px 4px;

}



.banner-section .owl-dots .owl-dot span {

	position: relative;

	display: block;

	width: 12px;

	height: 12px;

	background: #ffffff;

	border-radius: 50%;

}



.banner-section .btn-style-one .btn-title {

	background-color: #fff;

	color: #222;

}



.banner-section .btn-style-one:hover .btn-title {

	color: #fff;

}



.banner-section__home-two .content-box h3 {

	color: var(--thm-base);

}



.banner-section__home-two .banner-carousel .slide-item {

	padding-top: 175px;

	padding-bottom: 175px;

}



.banner-section__home-three .banner-carousel .slide-item {

	padding-top: 335px;

	padding-bottom: 210px;

}



.banner-section__home-three .owl-theme .owl-nav .owl-prev {

	left: 20px;

	outline: none;

}



.banner-section__home-three .owl-theme .owl-nav .owl-next {

	right: 20px;

	outline: none;

}



/*-------------------------------------------------------------- 

# Exhibitions

--------------------------------------------------------------*/



.exhibition-one {

	padding-bottom: 120px;

}



.exhibition-one .row.high-gutter {

	margin-left: -53px;

	margin-right: -53px;

}



.exhibition-one .row.high-gutter>[class*="col-"] {

	padding-left: 53px;

	padding-right: 53px;

}



.exhibition-one__single {

	margin-bottom: 30px;

}



.exhibition-one__image {

	overflow: hidden;

	position: relative;

}



.exhibition-one__image::after {

	content: "";

	width: 150%;

	height: 200%;

	position: absolute;

	top: -100%;

	left: -180%;

	z-index: 11;

	-webkit-transition: 1s;

	transition: 1s;

	-webkit-transform: rotate(30deg) scale(1.2);

	        transform: rotate(30deg) scale(1.2);

	background: -webkit-gradient(linear,

			left top, right top,

			color-stop(50%, rgba(255, 255, 255, 0)),

			to(rgba(255, 255, 255, 0.7)));

	background: linear-gradient(90deg,

			rgba(255, 255, 255, 0) 50%,

			rgba(255, 255, 255, 0.7) 100%);

}



.exhibition-one__single:hover .exhibition-one__image::after {

	top: 100%;

	left: 100%;

	-webkit-transform: rotate(0);

	        transform: rotate(0);

}



.exhibition-one__image>img {

	width: 100%;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

}



.exhibition-one__content {

	text-align: center;

}



.exhibition-one__content h3 {

	margin: 0;

	font-size: 24px;

	line-height: 36px;

	color: var(--thm-black);

	font-weight: bold;

	margin-top: 20px;

	margin-bottom: 15px;

	width: 65%;

	margin-left: auto;

	margin-right: auto;

}



.exhibition-one__content h3 a {

	color: inherit;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.exhibition-one__content h3 a:hover {

	color: var(--thm-base);

}



.exhibition-one__content p {

	margin: 0;

	font-size: 16px;

	text-transform: uppercase;

	color: var(--thm-base);

}



/* exhibition two */



.exhibition-two {

	padding-bottom: 340px;

}



.exhibition-two__content {

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 40px;

}



.exhibition-two__content h3 {

	margin: 0;

	padding-top: 30px;

	margin-bottom: 10px;

	font-size: 24px;

	line-height: 36px;

	font-weight: bold;

	color: var(--thm-black);

}



.exhibition-two__content h3 a {

	color: inherit;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.exhibition-two__content h3 a:hover {

	color: var(--thm-base);

}



.exhibition-two__content span {

	font-size: 16px;

	color: var(--thm-base);

	text-transform: uppercase;

	display: block;

	margin-bottom: 15px;

}



.exhibition-two__content p {

	margin: 0;

	color: #848484;

	font-size: 16px;

	line-height: 28px;

	margin-bottom: 12px;

}



.exhibition-two__link {

	color: #252930;

	font-size: 16px;

	font-weight: bold;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

	position: relative;

}



.exhibition-two__link::before {

	content: "";

	width: 100%;

	height: 1px;

	background-color: var(--thm-base);

	position: absolute;

	bottom: 0;

	left: 0;

	-webkit-transform: scale(0, 1);

	        transform: scale(0, 1);

	-webkit-transform-origin: left center;

	        transform-origin: left center;

	-webkit-transition: -webkit-transform 500ms ease;

	transition: -webkit-transform 500ms ease;

	transition: transform 500ms ease;

	transition: transform 500ms ease, -webkit-transform 500ms ease;

}



.exhibition-two__link:hover {

	color: var(--thm-base);

}



.exhibition-two__link:hover::before {

	-webkit-transform: scale(1, 1);

	        transform: scale(1, 1);

	-webkit-transform-origin: right center;

	        transform-origin: right center;

}





.exhibition-two__image {

	overflow: hidden;

	position: relative;

}



.exhibition-two__image::after {

	content: "";

	width: 150%;

	height: 200%;

	position: absolute;

	top: -100%;

	left: -190%;

	z-index: 11;

	-webkit-transition: 1s;

	transition: 1s;

	-webkit-transform: rotate(30deg) scale(1.3);

	        transform: rotate(30deg) scale(1.3);

	background: -webkit-gradient(linear,

			left top, right top,

			color-stop(50%, rgba(255, 255, 255, 0)),

			to(rgba(255, 255, 255, 0.7)));

	background: linear-gradient(90deg,

			rgba(255, 255, 255, 0) 50%,

			rgba(255, 255, 255, 0.7) 100%);

}



.exhibition-two__single:hover .exhibition-two__image::after {

	top: 100%;

	left: 100%;

	-webkit-transform: rotate(0);

	        transform: rotate(0);

}



.exhibition-two__carousel.owl-theme .owl-nav {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

}



.exhibition-two__carousel.owl-theme .owl-nav {

	margin-top: 70px;

}



.exhibition-two__carousel.owl-theme .owl-nav [class*=owl-] {

	width: 60px;

	height: 45px;

	border: 1px solid var(--thm-base);

	opacity: 50%;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-transition: 500ms;

	transition: 500ms;

	position: relative;

	outline: none;

	margin: 0;

	padding: 0;

}



.exhibition-two__carousel.owl-theme .owl-nav [class*=owl-]:hover {

	border-color: var(--thm-base);

	background-color: transparent;

	opacity: 100%;

}





.exhibition-two__carousel.owl-theme .owl-nav [class*=owl-]+[class*=owl-] {

	margin-left: 10px;

}



.exhibition-two__carousel.owl-theme .owl-nav [class*=owl-] span {

	color: rgba(0, 0, 0, 0);

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	position: relative;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	text-align: center;

}





.exhibition-two__carousel.owl-theme .owl-nav [class*=owl-] span::before {

	content: '\f30a';

	color: var(--thm-base);

	font-size: 17px;

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	text-align: center;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

}



.exhibition-two__carousel.owl-theme .owl-nav [class*=owl-]:nth-child(2) span::before {

	content: '\f30b';

}









/*-------------------------------------------------------------- 

# Collections

--------------------------------------------------------------*/



.collection-one {

	background: linear-gradient(0.25turn, #3BA8E0, #1D3C72);

	padding-top: 150px;

	padding-bottom: 150px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}



.collection-one__top {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: justify;

	        justify-content: space-between;

}



.collection-one__top .block-title h3 {

	color: #fff;

}



.collection-one__top .more-post__link {

	color: #fff;

}



.collection-one__carousel {

	width: 100%;

	max-width: 1745px;

	margin-left: auto;

	margin-right: -200px;

	margin-top: 90px;

}



@media (max-width: 1750px) {

	.collection-one__carousel {

		max-width: 1660px;

	}

}



@media (max-width: 1440px) {

	.collection-one__carousel {

		margin-right: -140px;

	}

}



@media (max-width: 1366px) {

	.collection-one__carousel {

		margin-right: -90px;

	}

}



.collection-one__single {

	padding-left: 190px;

	position: relative;

}



@media (max-width: 1440px) {

	.collection-one__single {

		padding-left: 120px;

	}

}



.collection-one__single>img {

	-webkit-transition: 0.5s;

	transition: 0.5s;

	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);

	        clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);

}



.collection-one__single:hover>img {

	-webkit-clip-path: polygon(0 0%, 100% 10%, 100% 90%, 0 100%);

	        clip-path: polygon(0 0%, 100% 10%, 100% 90%, 0 100%);

}



.collection-one__content {

	position: absolute;

	bottom: 80px;

	left: 0;

	width: 100%;

}



.collection-one__content h3 {

	margin: 0;

	font-size: 26px;

	line-height: 36px;

	font-weight: bold;

	color: #fff;

	width: 50%;

}



@media (max-width: 1440px) {

	.collection-one__content h3 {

		width: 70%;

	}

}



.collection-one__content h3 a {

	color: inherit;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.collection-one__content h3 a:hover {

	color: var(--thm-base);

}



/* featured collection */



.featured-collection {

	padding-top: 150px;

}



.featured-collection__left {

	padding-right: 50px;

}



.featured-collection__left .featured-collection__image {

	margin-bottom: 80px;

}



.featured-collection__left>p {

	margin: 0;

	color: var(--thm-black);

	font-family: var(--heading-font);

	font-size: 24px;

	line-height: 44px;

	margin-bottom: 85px;

}



.featured-collection__btn {

	margin-top: 40px;

}



.featured-collection__btn:hover {

	background-color: var(--thm-black);

	color: #fff;

}



.featured-collection__right {

	padding-left: 50px;

}



.featured-collection__right>p {

	margin: 0;

	color: var(--thm-black);

	font-family: var(--heading-font);

	font-size: 24px;

	line-height: 44px;

	margin-bottom: 85px;

}



.featured-collection__right .block-title {

	margin-bottom: 50px;

}



.featured-collection__image>img {

	max-width: 80%;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

}



.featured-collection__image {

	overflow: hidden;

	position: relative;

}



.featured-collection__image::after {

	content: "";

	width: 150%;

	height: 200%;

	position: absolute;

	top: -120%;

	left: -210%;

	z-index: 11;

	-webkit-transition: 1s;

	transition: 1s;

	-webkit-transform: rotate(30deg) scale(1.5);

	        transform: rotate(30deg) scale(1.5);

	background: -webkit-gradient(linear,

			left top, right top,

			color-stop(50%, rgba(255, 255, 255, 0)),

			to(rgba(255, 255, 255, 0.7)));

	background: linear-gradient(90deg,

			rgba(255, 255, 255, 0) 50%,

			rgba(255, 255, 255, 0.7) 100%);

}



.featured-collection__image:hover::after {

	top: 100%;

	left: 100%;

	-webkit-transform: rotate(0);

	        transform: rotate(0);

}



/* collection two */



.collection-two {

	padding-bottom: 200px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(245, 247, 250, .8)));

	background-image: linear-gradient(180deg, transparent 0%, rgba(245, 247, 250, .8) 100%);

	padding-top: 165px;

}



.collection-two .container-fluid {

	padding-left: 0;

	padding-right: 0;

}



.collection-two__single {

	position: relative;

}



.collection-two__content {

	padding-top: 32.5px;

	padding-bottom: 32.5px;

	position: absolute;

	bottom: 0;

	left: 50%;

	-webkit-transform: translateX(-50%) translateY(50%);

	        transform: translateX(-50%) translateY(50%);

	width: calc(100% - 70px);

	background-color: #fff;

	text-align: center;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

	-webkit-transition: 500ms;

	transition: 500ms;

	z-index: 11;

}



.collection-two__content:hover {

	background-color: var(--thm-base);

}



.collection-two__content h3 {

	color: var(--thm-black);

	font-size: 20px;

	line-height: 30px;

	margin: 0;

	font-weight: bold;

}



.collection-two__content:hover h3 a {

	color: #fff;

}



.collection-two__content h3 a {

	color: inherit;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.collection-two__content h3 a:hover {

	color: #fff;

}



.collection-two__content p {

	margin: 0;

	text-transform: uppercase;

	font-size: 16px;

	color: var(--thm-base);

	line-height: 1em;

	margin-top: 20px;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.collection-two__content:hover p {

	color: #fff;

}



.collection-two__carousel.owl-theme .owl-nav {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

}



.collection-two__carousel.owl-theme .owl-nav {

	margin-top: 160px;

}



.collection-two__carousel.owl-theme .owl-nav [class*=owl-] {

	width: 60px;

	height: 45px;

	border: 1px solid var(--thm-base);

	opacity: 50%;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-transition: 500ms;

	transition: 500ms;

	position: relative;

	outline: none;

	margin: 0;

	padding: 0;

}



.collection-two__carousel.owl-theme .owl-nav [class*=owl-]:hover {

	border-color: var(--thm-base);

	background-color: transparent;

	opacity: 100%;

}





.collection-two__carousel.owl-theme .owl-nav [class*=owl-]+[class*=owl-] {

	margin-left: 10px;

}



.collection-two__carousel.owl-theme .owl-nav [class*=owl-] span {

	color: rgba(0, 0, 0, 0);

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	position: relative;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	text-align: center;

}





.collection-two__carousel.owl-theme .owl-nav [class*=owl-] span::before {

	content: '\f30a';

	color: var(--thm-base);

	font-size: 17px;

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	text-align: center;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

}



.collection-two__carousel.owl-theme .owl-nav [class*=owl-]:nth-child(2) span::before {

	content: '\f30b';

}





.collection-two__image {

	overflow: hidden;

	position: relative;

}



.collection-two__image::after {

	content: "";

	width: 150%;

	height: 200%;

	position: absolute;

	top: -100%;

	left: -180%;

	z-index: 11;

	-webkit-transition: 1s;

	transition: 1s;

	-webkit-transform: rotate(30deg) scale(1.2);

	        transform: rotate(30deg) scale(1.2);

	background: -webkit-gradient(linear,

			left top, right top,

			color-stop(50%, rgba(255, 255, 255, 0)),

			to(rgba(255, 255, 255, 0.7)));

	background: linear-gradient(90deg,

			rgba(255, 255, 255, 0) 50%,

			rgba(255, 255, 255, 0.7) 100%);

}



.collection-two__single:hover .collection-two__image::after {

	top: 100%;

	left: 100%;

	-webkit-transform: rotate(0);

	        transform: rotate(0);

}



.collection-two__image>img {

	width: 100%;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

}



/* collection two full width page */



.collection-two__collection-full-page {

	padding-top: 0;

	padding-bottom: 150px;

}



/* collection two home three */



.collection-two__home-three {

	padding-top: 0;

	padding-bottom: 150px;

	position: relative;

	z-index: 10;

	background-image: none;

}



.collection-two__scupture {

	position: absolute;

	bottom: -45px;

	right: 2%;

	z-index: 10;

}



.collection-two__home-three .collection-two__content h3 {

	font-size: 24px;

}



.collection-two__home-three .collection-two__content {

	width: calc(100% - 40px);

	box-shadow: none;

}



.collection-two__home-three .collection-two__image img {

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

}



/* collection three */



.collection-three {

	padding-top: 150px;

	padding-bottom: 80px;

}



.collection-three__block>p {

	font-size: 16px;

	line-height: 28px;

	color: #848484;

	margin: 0;

	margin-top: 30px;

	margin-bottom: 35px;

}



.collection-three__block-btn {

	border: 2px solid #e5e5e5;

	background-color: #fff;

	color: var(--thm-black);

}



.collection-three__block-btn:hover {

	color: #fff;

	background-color: var(--thm-black);

	border-color: var(--thm-black);

}



.collection-three .collection-two__single {

	margin-bottom: 50px;

}



.collection-three .masonary-layout {

	margin-left: -20px;

	margin-right: -20px;

}



.collection-three .masonary-item {

	padding-left: 20px;

	padding-right: 20px;

}



.collection-three .collection-two__content {

	position: relative;

	width: 100%;

	padding: 0;

	text-align: left;

	background-color: #fff !important;

	box-shadow: none;

	bottom: auto;

	left: auto;

	-webkit-transform: translateX(0) translateY(0);

	        transform: translateX(0) translateY(0);

	padding-top: 20px;

}



.collection-three .collection-two__content h3 {

	color: var(--thm-black) !important;

}



.collection-three .collection-two__single:hover .collection-two__content h3 a,

.collection-three .collection-two__content h3 a:hover {

	color: var(--thm-base) !important;

}



.collection-three .collection-two__content h3 br {

	display: none;

}



.collection-three .collection-two__content p {

	color: var(--thm-base) !important;

}





/* collection grid */



.collection-grid {

	padding-bottom: 100px;

}



.collection-grid .row.high-gutter {

	margin-left: -20px;

	margin-right: -20px;

}



.collection-grid .row.high-gutter>[class*=col-] {

	padding-left: 20px;

	padding-right: 20px;

}



.collection-grid__single {

	margin-bottom: 50px;

}



.collection-grid__image {

	position: relative;

	background-color: var(--thm-black);

	overflow: hidden;

}



.collection-grid__image>img {

	width: 100%;

	-webkit-transition: opacity 500ms, -webkit-transform 500ms;

	transition: opacity 500ms, -webkit-transform 500ms;

	transition: transform 500ms, opacity 500ms;

	transition: transform 500ms, opacity 500ms, -webkit-transform 500ms;

	-webkit-transform: scale(1.0);

	        transform: scale(1.0);

}



.collection-grid__single:hover .collection-grid__image>img {

	opacity: 0.5;

	-webkit-transform: scale(1.05);

	        transform: scale(1.05);

}



.collection-grid__image>a {

	width: 65px;

	height: 65px;

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-box-align: center;

	        align-items: center;

	text-align: center;

	position: absolute;

	top: calc(50% - 32.5px);

	left: calc(50% - 32.5px);

	background-color: #fff;

	color: var(--thm-black);

	line-height: 65px;

	font-size: 30px;

	font-weight: 600px;

	color: var(--thm-black);

	-webkit-transform: translateY(33px) rotate(30deg);

	        transform: translateY(33px) rotate(30deg);

	opacity: 0;

	visibility: hidden;

	-webkit-transition: 500ms;

	transition: 500ms;

	-webkit-transition-delay: 0ms;

	        transition-delay: 0ms;

}



.collection-grid__single:hover .collection-grid__image>a {

	visibility: visible;

	opacity: 1;

	-webkit-transform: translateY(0) rotate(0);

	        transform: translateY(0) rotate(0);

	-webkit-transition-delay: 500ms;

	        transition-delay: 500ms;

}



.collection-grid__content h3 {

	margin: 0;

	font-size: 20px;

	font-weight: bold;

	color: var(--thm-black);

	margin-top: 30px;

	margin-bottom: 20px;

}



.collection-grid__content h3 a {

	color: inherit;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.collection-grid__content h3 a:hover {

	color: var(--thm-base);

}



.collection-grid__content p {

	margin: 0;

	color: var(--thm-base);

	font-size: 16px;

	line-height: 1em;

	text-transform: uppercase;

}



/* collection filter */



.collection-filter {

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-box-align: center;

	        align-items: center;

	margin-bottom: 60px;

	flex-wrap: wrap;

}



.collection-filter li {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	margin-bottom: 10px;

}



.collection-filter li+li {

	margin-left: 10px;

}



.collection-filter li span {

	display: block;

	border: 1px solid #e5e5e5;

	font-size: 16px;

	color: var(--thm-black);

	padding: 10px 26px;

	cursor: pointer;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.collection-filter li.active span,

.collection-filter li:hover span {

	background-color: var(--thm-base);

	border-color: var(--thm-base);

	color: #fff;

}



/* collection masonary */



.collection-masonary {

	padding-top: 150px;

}



.collection-masonary .collection-grid__top {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: end;

	        align-items: flex-end;

	-webkit-box-pack: justify;

	        justify-content: space-between;

	margin-bottom: 60px;

}



@media(max-width: 1199px) {

	.collection-masonary .collection-grid__top {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		        flex-direction: column;

		-webkit-box-pack: start;

		        justify-content: flex-start;

		-webkit-box-align: start;

		        align-items: flex-start;

	}

}



@media (max-width: 768px) {

	.responsive-image {

		width: 50% !important;

	}

}

.collection-masonary .collection-grid__top .block-title {

	margin-bottom: 0;

}



@media(max-width: 1199px) {

	.collection-masonary .collection-grid__top .block-title {

		margin-bottom: 40px;

	}

}



.collection-masonary .collection-filter {

	margin-bottom: 0;

}



/*-------------------------------------------------------------- 

# Blog

--------------------------------------------------------------*/



.blog-one {

	padding-bottom: 120px;

}



.blog-one__top {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: justify;

	        justify-content: space-between;

	margin-bottom: 55px;

}



.blog-one__single {

	margin-bottom: 30px;

}



.blog-one__image {

	overflow: hidden;

	background-color: var(--thm-black);

}



.blog-one__image>img {

	width: 100%;

	-webkit-transform: scale(1);

	        transform: scale(1);

	opacity: 1;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.blog-one__single:hover .blog-one__image>img {

	opacity: 0.5;

	-webkit-transform: scale(1.05);

	        transform: scale(1.05);

}



.blog-one__date {

	display: inline-block;

	vertical-align: middle;

	color: #252930;

	line-height: 45px;

	padding-left: 20px;

	padding-right: 20px;

	background-color: #ffffff;

	position: absolute;

	top: 0px;

	left: 40px;

	text-transform: uppercase;

	box-shadow: 0px 20px 50px 0px rgb(33 37 43 / 10%);

}



.blog-one__date i {

	color: var(--thm-base);

	margin-right: 4px;

}



.blog-one__content {

	position: relative;

	padding-top:15px;

	padding-bottom: 45px;

	padding-left: 40px;

	padding-right: 40px;

	height: 350px;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

}



.blog-one__content::before {

	content: "";

	width: 2px;

	height: 40px;

	background-color: var(--thm-base);

	position: absolute;

	top: -20px;

	right: 40px;

	z-index: 10;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.blog-one__single:hover .blog-one__content::before {

	-webkit-transform: rotate(90deg);

	        transform: rotate(90deg);

}



.blog-one__meta {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	margin: 0;

	margin-bottom: 5px;

}



.blog-one__meta li {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	color: var(--thm-base);

	text-transform: uppercase;

	font-size: 16px;

}



.blog-one__meta li a {

	color: inherit;

}



.blog-one__meta li+li:before {

	content: "|";

	margin-left: 14px;

	margin-right: 14px;

}



.blog-one__content h3 {

	margin: 0;

	font-size: 24px;

	line-height: 34px;

	color: var(--thm-black);

	margin-bottom: 15px;

}



.blog-one__content h3 a {

	color: inherit;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.blog-one__content h3 a:hover {

	color: var(--thm-base);

}



.blog-one__content p {

	margin: 0;

	font-size: 16px;

	line-height: 28px;

	color: #848484;

	margin-bottom: 10px;

}



.blog-one__link {

	color: #252930;

	font-size: 16px;

	font-weight: bold;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

	position: relative;

	display: inline-block;

}



.blog-one__link::before {

	content: "";

	width: 100%;

	height: 1px;

	background-color: var(--thm-base);

	position: absolute;

	bottom: 0;

	left: 0;

	-webkit-transform: scale(0, 1);

	        transform: scale(0, 1);

	-webkit-transform-origin: left center;

	        transform-origin: left center;

	-webkit-transition: -webkit-transform 500ms ease;

	transition: -webkit-transform 500ms ease;

	transition: transform 500ms ease;

	transition: transform 500ms ease, -webkit-transform 500ms ease;

}



.blog-one__link:hover {

	color: var(--thm-base);

}



.blog-one__link:hover::before {

	-webkit-transform-origin: right center;

	        transform-origin: right center;

	-webkit-transform: scale(1, 1);

	        transform: scale(1, 1);

}



/* blog one video */



.blog-one__video {

	position: relative;

	background-color: #212224;

}



.blog-one__video::before {

	content: '';

	width: 300px;

	height: 300px;

	border: 2px solid #ffffff;

	opacity: 0.5;

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translateX(-50%) translateY(-50%);

	        transform: translateX(-50%) translateY(-50%);

}



.blog-one__video>img {

	width: 100%;

	opacity: 0.3;

}



.blog-one__video-btn {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translateY(-50%) translateX(-50%);

	        transform: translateY(-50%) translateX(-50%);

	width: 90px;

	height: 90px;

	border-radius: 50%;

	text-align: center;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	color: #FFF;

	font-size: 21px;

	-webkit-transition: 500ms;

	transition: 500ms;

	background-color: var(--thm-base);

}



.blog-one__video-btn:hover {

	background-color: #fff;

	color: var(--thm-black);

}



/* blog standard page */



.blog-standard-page .blog-one__content {

	padding-left: 0;

	padding-right: 0;

	box-shadow: none;

	padding-bottom: 0;

}



.blog-standard-page .blog-one__content::before {

	display: none;

}



.blog-standard-page .blog-one__single {

	margin-bottom: 50px;

}



/* blog masonary */



.blog-masonary__single {

	margin-bottom: 60px;

}



.blog-masonary__single .blog-one__image {

	margin-bottom: 30px;

}



.blog-masonary__qoute {

	background-color: var(--thm-base);

	padding-left: 40px;

	padding-right: 40px;

	padding-top: 50px;

	padding-bottom: 55px;

	margin-bottom: 70px;

}



.blog-masonary__qoute p {

	margin: 0;

	color: #fff;

	font-size: 22px;

	line-height: 40px;

	font-family: var(--heading-font);

	font-style: italic;

}



.blog-masonary__qoute h3 {

	text-transform: uppercase;

	font-family: var(--thm-font);

	margin: 0;

	color: #fff;

	font-size: 16px;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	margin-top: 45px;

}



.blog-masonary__qoute h3::before {

	content: '';

	width: 40px;

	height: 2px;

	background-color: #fff;

	margin-right: 10px;

}



.blog-masonary__single h3 {

	margin: 0;

	font-size: 24px;

	line-height: 34px;

	color: var(--thm-black);

	font-weight: bold;

}



.blog-masonary__single h3 a {

	color: inherit;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.blog-masonary__single h3 a:hover {

	color: var(--thm-base);

}



.blog-masonary__single .blog-one__meta {

	margin-bottom: 30px;

	margin-top: 5px;

}



/* blog details */



.blog-details__image {

	margin-bottom: 40px;

}



.blog-details__main h3 {

	margin: 0;

	color: var(--thm-black);

	font-size: 44px;

	line-height: 55px;

	font-weight: bold;

}



.blog-details__main p {

	margin: 0;

	color: #848484;

	font-size: 16px;

	line-height: 28px;

}



.blog-details__main h4 {

	margin: 0;

	color: #252930;

	font-size: 24px;

	font-weight: bold;

}



.blog-details__main .blog-details__tags {

	font-size: 17px;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.blog-details__tags span {

	margin-right: 5px;

}



.blog-details__tags span,

.blog-details__tags a {

	color: #252930;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.blog-details__tags a+a {

	margin-left: 5px;

}



.blog-details__tags a:hover {

	color: var(--thm-base);

}



.blog-details__share {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	color: var(--thm-black);

}



.blog-details__share span {

	margin-right: 10px;

}



.blog-details__share a {

	font-size: 16px;

	color: #c2c2c2;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.blog-details__share a+a {

	margin-left: 10px;

}



.blog-details__share a:hover {

	color: var(--thm-base);

}



.blog-details__main .blog-details__tags {

	margin-bottom: 15px;

	margin-top: 45px;

}



/*-------------------------------------------------------------- 

# Comment

--------------------------------------------------------------*/



.comment-one {

	margin-top: 50px;

	margin-bottom: 50px;

}



.comment-one__title {

	margin: 0;

	color: var(--thm-black);

	font-size: 24px;

	font-weight: bold;

	margin-bottom: 40px;

}



.comment-one__single {

	display: -webkit-box;

	display: flex;

}



.comment-one__image>img {

	width: 80px;

	border-radius: 50%;

}



.comment-one__content {

	padding-left: 30px;

}



.comment-one__content h3 {

	margin: 0;

	font-size: 24px;

	color: var(--thm-black);

	font-weight: bold;

	margin-bottom: 5px;

}



.comment-one__btn {

	margin: 0;

	padding: 2px 15px;

	color: var(--thm-black);

	background-color: #fff;

	border: 1px solid #e5e5e5;

	font-size: 15px;

	position: absolute;

	top: 0;

	right: 0;

}



.comment-one__btn:hover {

	color: #fff;

	border-color: var(--thm-base);

	background-color: var(--thm-base);

}



.comment-one__single {

	position: relative;

}



.comment-one__content span {

	margin: 0;

	color: #848484;

	display: block;

	margin-bottom: 15px;

}



.comment-one__content p {

	margin: 0;

	color: #848484;

	font-size: 16px;

	line-height: 28px;

}



.comment-one__single+.comment-one__single {

	border-top: 1px solid #e5e5e5;

	padding-top: 50px;

	margin-top: 40px;

}



.comment-one__single+.comment-one__single .comment-one__btn {

	top: 60px;

}



/*-------------------------------------------------------------- 

# Event

--------------------------------------------------------------*/



.event-one {

	padding-bottom: 150px;

	position: relative;

	background-image: -webkit-gradient(linear,

			left top, right top,

			from(rgba(245, 247, 250, 0)),

			to(rgba(245, 247, 250, 0.8)));

	background-image: linear-gradient(90deg,

			rgba(245, 247, 250, 0) 0%,

			rgba(245, 247, 250, 0.8) 100%);

}



.event-one::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 0.3;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	background-image: url(../images/backgrounds/event-bg-1-1.jpg);

}



.event-one__moc {

	position: absolute;

	top: -150px;

	right: 2%;

	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;

	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;

}



.event-one__home-three .event-one__moc {

	left: 2%;

	right: auto;

}



.event-one .container {

	position: relative;

}



.event-one .container .row>[class*="col-"]+[class*="col-"] {

	margin-top: 30px;

}



.event-one__single {

	background-color: #fff;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	padding-left: 80px;

	padding-right: 80px;

	flex-wrap: wrap;

	padding-top: 55.5px;

	padding-bottom: 55.5px;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.event-one__single:hover {

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

}



.event-one__image {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	position: relative;

}



.event-one__image-inner {

	position: relative;

}



.event-one__image-inner::before {

	content: "";

	width: 260px;

	height: 10px;

	border-top: 2px solid var(--thm-base);

	border-bottom: 2px solid var(--thm-base);

	opacity: 0.5;

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);

	        transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);

	-webkit-transition: -webkit-transform 500ms ease;

	transition: -webkit-transform 500ms ease;

	transition: transform 500ms ease;

	transition: transform 500ms ease, -webkit-transform 500ms ease;

}



.event-one__single:hover .event-one__image-inner::before {

	-webkit-transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);

	        transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);

}



.event-one__image-inner>img {

	position: relative;

	z-index: 10;

	border-radius: 50%;

	box-shadow: 0px 10px 20px 0px rgba(33, 37, 43, 0.2);

}



.event-one__content {

	padding-left: 80px;

	padding-right: 90px;

	-webkit-box-flex: 1;

	        flex: 1 1 54%;

}



.event-one__content h3 {

	margin: 0;

	margin-bottom: 15px;

	font-size: 24px;

	font-weight: bold;

	color: var(--thm-black);

}



.event-one__content h3 a {

	color: inherit;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.event-one__content h3 a:hover {

	color: var(--thm-base);

}



.event-one__content p {

	margin: 0;

	width: 87%;

}



.event-one__date {

	font-size: 20px;

	color: var(--thm-base);

	line-height: 1em;

	text-align: center;

	margin-right: 85px;

}



.event-one__date span {

	display: block;

	font-size: 47px;

	font-weight: bold;

	color: var(--thm-black);

	margin-bottom: 15px;

}



.event-one__btn {

	border: 2px solid #e5e5e5;

	background-color: transparent;

	font-size: 16px;

	color: var(--thm-black);

}



.event-one__btn:hover {

	background-color: var(--thm-base);

	border-color: var(--thm-base);

	color: #fff;

}



.event-one__event-page-2 {

	padding-top: 150px;

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(245, 247, 250, 0)), to(rgba(245, 247, 250, 0.8)));

	background-image: linear-gradient(90deg, rgba(245, 247, 250, 0) 0%, rgba(245, 247, 250, 0.8) 100%);

}



.event-one__event-page-2::before {

	display: none;

}



.event-one__event-page-2 .more-post__block {

	margin-top: 70px;

}



/* event two */



.event-two {

	padding-bottom: 150px;

	position: relative;

}



.event-two__sculpture {

	position: absolute;

	top: -120px;

	right: 3%;

	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;

	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;

}



.event-two .container {

	position: relative;

}



.event-two__single+.event-two__single {

	margin-top: 70px;

}



.event-two__single:nth-child(odd) .row {

	-webkit-box-orient: horizontal;

	-webkit-box-direction: reverse;

	        flex-direction: row-reverse;

}



.event-two__single:nth-child(even) .row .event-two__content {

	padding-left: 50px;

}



.event-two__single:nth-child(odd) .row .event-two__content {

	padding-right: 50px;

}



.event-two__image {

	position: relative;

}



.event-two__image::before {

	content: '';

	width: 250px;

	height: 202px;

	background-image: url(../images/shapes/event-2-dot-1.png);

	background-repeat: no-repeat;

	background-position: left top;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	        transform: translateY(-50%);

	left: -75px;

}





.event-two__single:nth-child(odd) .event-two__image::before {

	left: auto;

	right: -75px;

}



.event-two__image {

	display: inline-block;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.2);

}



.event-two__image-inner>img {

	position: relative;

}



.event-two__image-inner {

	overflow: hidden;

	position: relative;

}



.event-two__image-inner::after {

	content: "";

	width: 150%;

	height: 200%;

	position: absolute;

	top: -100%;

	left: -180%;

	z-index: 11;

	-webkit-transition: 1s;

	transition: 1s;

	-webkit-transform: rotate(30deg) scale(1.2);

	        transform: rotate(30deg) scale(1.2);

	background: -webkit-gradient(linear,

			left top, right top,

			color-stop(50%, rgba(255, 255, 255, 0)),

			to(rgba(255, 255, 255, 0.7)));

	background: linear-gradient(90deg,

			rgba(255, 255, 255, 0) 50%,

			rgba(255, 255, 255, 0.7) 100%);

}



.event-two__single:hover .event-two__image-inner::after {

	top: 100%;

	left: 100%;

	-webkit-transform: rotate(0);

	        transform: rotate(0);

}





.event-two__content .block-title {

	margin-bottom: 40px;

}



.event-two__content .block-title p {

	font-size: 16px;

}



.event-two__content .block-title h3 {

	font-size: 30px;

	margin-top: 15px;

}



.event-two__content>p {

	margin: 0;

	color: #848484;

	font-size: 16px;

	line-height: 28px;

}



.event-two__btn {

	border: 2px solid #e5e5e5;

	background-color: transparent;

	color: #252930;

	margin-top: 40px;

}



.event-two__btn:hover {

	background-color: var(--thm-base);

	color: #fff;

	border-color: var(--thm-base);

}



.event-two__event-1-page {

	padding-top: 150px;

}



.event-two__event-1-page .more-post__block {

	margin-top: 70px;

}



/* event three */



.event-three {

	padding-top: 150px;

	padding-bottom: 150px;

}



.event-three .more-post__block {

	margin-top: 30px;

}



.event-three__single {

	margin-bottom: 40px;

}



.event-three__image {

	overflow: hidden;

	background-color: var(--thm-black);

}



.event-three__image>img {

	width: 100%;

	-webkit-transform: scale(1);

	        transform: scale(1);

	opacity: 1;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.event-three__single:hover .event-three__image>img {

	opacity: 0.5;

	-webkit-transform: scale(1.05);

	        transform: scale(1.05);

}



.event-three__date {

	display: inline-block;

	vertical-align: middle;

	color: #252930;

	line-height: 45px;

	padding-left: 20px;

	padding-right: 20px;

	background-color: #ffffff;

	position: absolute;

	top: 40px;

	left: 40px;

	text-transform: uppercase;

}



.event-three__date i {

	color: var(--thm-base);

	margin-right: 4px;

}



.event-three__content {

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

	padding-left: 30px;

	padding-right: 30px;

	padding-top: 30px;

	padding-bottom: 30px;

}



.event-three__content span {

	text-transform: uppercase;

	font-size: 16px;

	color: var(--thm-base);

	display: block;

	line-height: 1em;

}



.event-three__content h3 {

	margin: 0;

	font-size: 24px;

	line-height: 34px;

	color: var(--thm-black);

	font-weight: bold;

	margin-top: 10px;

	margin-bottom: 5px;

}



.event-three__content h3 a {

	color: inherit;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.event-three__content h3 a:hover {

	color: var(--thm-base);

}



.event-three__content p {

	margin: 0;

	color: #848484;

	font-size: 16px;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	margin-bottom: 25px;

}



.event-three__content p i {

	margin-right: 10px;

}



.event-three__btn {

	padding: 0;

	background-color: #fff;

	border: 1px solid #e5e5e5;

	font-size: 16px;

	font-weight: bold;

	color: var(--thm-black);

	padding: 10px 37.5px;

}



.event-three__btn:hover {

	background-color: var(--thm-base);

	border-color: var(--thm-base);

	color: #fff;

}



/* event details */



.event-details {

	padding-top: 150px;

	padding-bottom: 150px;

}



.event-details__booking {

	background: #1D6CA2;

	padding-top: 60px;

	padding-bottom: 60px;

	padding-left: 40px;

	padding-right: 40px;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.3);

}





.event-details__book-btn {

	padding: 11px 0;

	width: 100%;

	text-align: center;

	font-size: 16px;

	font-weight: bold;

}



.event-details__booking-info {

	margin: 0;

	margin-bottom: 55px;

}



.event-details__booking-info li {

	color: rgba(255, 255, 255, .5);

	font-size: 17px;

	line-height: 1em;

}



.event-details__booking-info li+li {

	margin-top: 25px;

}



.event-details__booking-info li span {

	display: block;

	color: #fefefe;

	font-size: 17px;

	text-transform: uppercase;

	margin: 0;

	line-height: 1em;

	margin-bottom: 15px;

}



.event-details .row.high-gutter {

	margin-left: -20px;

	margin-right: -20px;

}



.event-details .row.high-gutter>[class*=col-] {

	padding-left: 20px;

	padding-right: 20px;

}



.event-details__image {

	margin-bottom: 50px;

}



.event-details__image>img {

	width: 100%;

}



.event-details__content p {

	margin: 0;

}



.event-details__content p+p {

	margin-top: 25px;

}



.event-details__content h3 {

	font-weight: bold;

	font-size: 24px;

	color: var(--thm-black);

	margin: 0;

	margin-bottom: 25px;

}



.event-details__content p+h3 {

	margin-top: 30px;

}



.event-details__content .google-map__contact {

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

	width: 100%;

	height: 350px;

	display: block;

	border: none;

	outline: none;

	margin-top: 40px;

	margin-bottom: 50px;

}



.event-details__contact {

	margin: 0;

	margin-top: 40px;

}



.event-details__contact li {

	font-size: 17px;

	line-height: 1em;

	color: #848484;

}



.event-details__contact li+li {

	margin-top: 25px;

}



.event-details__contact li span {

	display: block;

	color: var(--thm-black);

	font-size: 17px;

	text-transform: uppercase;

	margin: 0;

	line-height: 1em;

	margin-bottom: 15px;

}



.event-details__top {

	margin-bottom: 60px;

}



.event-details__top p {

	text-transform: uppercase;

	margin: 0;

	font-size: 17px;

	color: var(--thm-base);

	line-height: 1em;

	margin-bottom: 25px;

}



.event-details__top h3 {

	margin: 0;

	font-weight: bold;

	color: var(--thm-black);

	font-size: 44px;

}



.event-details__post-nav {

	border-top: 1px solid #e5e5e5;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	flex-wrap: wrap;

	margin-top: 65px;

	padding-top: 30px;

}



[class*=event-details__post__] {

	-webkit-box-flex: 1;

	        flex: 1 1 50%;

	position: relative;

	padding-left: 55px;

	background-image: url(../images/shapes/event-d-p-post.png);

	background-repeat: no-repeat;

	background-position: left center;

}



[class*=event-details__post__] p {

	margin: 0;

	color: #8e8e8e;

	font-size: 17px;

	text-transform: uppercase;

	line-height: 1em;

}



[class*=event-details__post__] h3 {

	margin: 0;

	color: var(--thm-black);

	font-size: 22px;

	font-weight: bold;

	margin-top: 10px;

}



[class*=event-details__post__] h3 a {

	color: inherit;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.event-details__post__next {

	text-align: right;

	padding-left: 0;

	padding-right: 55px;

	background-image: url(../images/shapes/event-d-n-post.png);

	background-position: right center;

}





/*-------------------------------------------------------------- 

# Call to Action

--------------------------------------------------------------*/



.cta-one {

	padding-top: 117px;

	padding-bottom: 127px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

	background-color: var(--thm-black);

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

}



.cta-one__btn-block {

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-box-align: center;

	        align-items: center;

	margin-top: 35px;

}



.cta-one h3 {

	margin: 0;

	color: #fff;

	font-size: 50px;

	margin-bottom: 20px;

}



.cta-one p {

	margin: 0;

	font-size: 18px;

	line-height: 28px;

	color: #fff;

}



.cta-one__btn-one {

	border: 2px solid rgba(255, 255, 255, 0.2);

	color: #fff;

	background-color: transparent;

	padding: 11.5px 34.5px;

	margin-right: 15px;

}



.cta-two {

	padding-bottom: 150px;

}



.cta-two .inner-container {

	margin-bottom: -230px;

	margin-top: -100px;

	position: relative;

	z-index: 11;

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 30px 70px 0px rgba(33, 37, 43, 0.1);

}



.cta-two__box {

	text-align: center;

	padding-top: 55px;

	padding-bottom: 55px;

}



.cta-two__icon {

	width: 90px;

	height: 90px;

	background-color: rgba(0, 0, 0, 0.05);

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 20px;

	border-radius: 50%;

}



.cta-two__icon i {

	font-size: 40px;

	color: var(--thm-black);

}



.cta-two__box h3 {

	color: var(--thm-black);

	font-size: 24px;

	margin: 0;

	margin-bottom: 15px;

}



.cta-two__box p {

	margin: 0;

	margin-bottom: 20px;

}



.cta-two__box .thm-btn {

	background-color: transparent;

	color: var(--thm-black);

	border: 2px solid #e5e5e5;

	font-size: 16px;

	padding: 6px 26px;

}



.cta-two__box .thm-btn:hover {

	background-color: #fff;

	border-color: var(--thm-black);

	color: black;

}



[class*="col-"]:nth-child(2) .cta-two__box {

	background-color: var(--brand-deep);

}



[class*="col-"]:nth-child(2) .cta-two__box h3 {

	color: #fff;

}



[class*="col-"]:nth-child(2) .cta-two__icon {

	background-color: rgba(255, 255, 255, 0.05);

}



[class*="col-"]:nth-child(2) .cta-two__icon i {

	color: var(--thm-base);

}



[class*="col-"]:nth-child(2) .cta-two__box .thm-btn {



	border-color: #FFF;

	color: #fff;

}



[class*="col-"]:nth-child(2) .cta-two__box .thm-btn:hover {

	background-color: #fff;

	border-color: #fff;

	color: black;

}



.cta-two__home-two {

	background-color: #1b1f24;

}



.cta-two__home-two .inner-container {

	margin-top: 0;

	background-color: transparent;

}



.cta-two__home-two [class*="col-"]:nth-child(2) .cta-two__box {

	background-color: transparent;

}



.cta-two__home-two .cta-two__box h3 {

	color: #fff;

}



.cta-two__home-two [class*="col-"]:nth-child(2) .cta-two__Icon,

.cta-two__home-two .cta-two__icon {

	background-color: rgba(255, 255, 255, 0.05);

}



.cta-two__home-two .cta-two__icon i {

	color: var(--thm-base);

}



.cta-two__home-two [class*="col-"]:nth-child(2) .cta-two__box .thm-btn,

.cta-two__home-two .cta-two__box .thm-btn {

	background-color: transparent;

	color: rgb(255, 255, 255, 0.3);

	border-color: rgba(255, 255, 255, 0.1);

}



.cta-two__home-two [class*="col-"]:nth-child(2) .cta-two__box .thm-btn:hover,

.cta-two__home-two .cta-two__box .thm-btn:hover {

	background-color: var(--thm-base);

	border-color: var(--thm-base);

	color: #fff;

}



.cta-two__home-two .cta-two__box {

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: start;

	        align-items: flex-start;

	text-align: left;

	-webkit-box-pack: start;

	        justify-content: flex-start;

}



.cta-two__home-two .cta-two__icon {

	margin-left: 0;

	margin-right: 20px;

	width: 75px;

	height: 75px;

}



.cta-two__home-two .cta-two__icon {

	font-size: 35px;

}



.cta-two__home-two {

	padding-bottom: 0;

}



.cta-two__home-two .cta-two__box {

	padding-top: 70px;

	padding-bottom: 70px;

}



/* cta three */



.cta-three .inner-container {

	background-color: #1b1f24;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.3);

	padding-left: 100px;

	padding-right: 100px;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: start;

	        align-items: flex-start;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding-top: 100px;

	padding-bottom: 90px;

	position: relative;

	margin-top: -190px;

	margin-bottom: -190px;

	z-index: 10;

}



.cta-three .inner-container::before {

	content: '';

	width: 60px;

	height: 2px;

	background-color: var(--thm-base);

	top: 115px;

	left: -30px;

	position: absolute;

}



.cta-three__title {

	position: relative;

	top: -10px;

}



.cta-three__title h3 {

	width: 170px;

	color: #fff;

	font-size: 30px;

	line-height: 46px;

	font-weight: bold;

	margin: 0;

}





.cta-three__title h3 span {

	color: var(--thm-base);

}



.cta-three__content {

	padding-left: 80px;

}



.cta-three__content p {

	margin: 0;

	font-size: 16px;

	line-height: 28px;

	color: #fff;

}



.cta-three__list-wrap {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	margin-top: 30px;

}



.cta-three__list {

	margin: 0;

	-webkit-box-flex: 1;

	        flex: 1 1 32%;

}



.cta-three__list:not(:first-child) {

	margin-left: 40px;

}



.cta-three__list:nth-child(1) {

	-webkit-box-flex: 1;

	        flex: 1 1 47%;

}



.cta-three__list li {

	color: rgb(255, 255, 255, .5);

	font-size: 16px;

	position: relative;

	padding-left: 23px;

}



.cta-three__list li+li {

	margin-top: 7px;

}



.cta-three__list li::before {

	content: '';

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background-color: var(--thm-base);

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	        transform: translateY(-50%);

}



/*-------------------------------------------------------------- 

# Brand 

--------------------------------------------------------------*/



.brand-one {

	background-color: #fff;

	padding-top: 66px;

	padding-bottom: 66px;

	box-shadow: 0px 20px 50px 0px rgb(33 37 43 / 10%);

}



.brand-one__carousel img {

	opacity: 0.6;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.brand-one__carousel img:hover {

	opacity: 1;

}



/*-------------------------------------------------------------- 

# Main Footer 

--------------------------------------------------------------*/

/*.footer-perso {

	

}*/

.site-footer {

	background: #384F9F;

	color: #fff;

}

.site-footer__upper {

	padding-bottom: 3A0px;

	padding-top: 50px;

}



.footer-widget {

	margin-bottom: 30px;

}



.footer-widget__title {

	margin: 0;

	color: #252930;

	font-size: 24px;

	font-weight: 700;

	line-height: 1em;

	margin-bottom: 30px;

}



.footer-widget p {

	margin: 0;

	font-size: 16px;

	line-height: 26px;

	color: #848484;

}



.footer-widget p+p {

	margin-top: 15px;

}



.footer-widget p a {

	color: inherit;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.footer-widget p a:hover {

	color: var(--thm-black);

}



.footer-widget__links-list {

	margin-bottom: 0;

}



.footer-widget__links-list li {

	position: relative;

	padding-left: 20px;

}



.footer-widget__links-list li::before {

	content: "";

	width: 6px;

	height: 6px;

	border-radius: 50%;

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	        transform: translateY(-50%);

	background-color: var(--thm-base);

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.footer-widget__links-list li+li {

	margin-top: 5px;

}



.footer-widget__links-list li a {

	color: #848484;

	font-size: 16px;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.footer-widget__links-list li:hover::before {

	color: var(--thm-black);

}



.footer-widget__links-list li:hover a {

	color: var(--thm-black);

}



.footer-widget__about {

	padding-right: 70px;

}



.footer-widget__about p {

	margin: 0;

	font-size: 20px;

	line-height: 38px;

	color: #000000;

	font-family: var(--heading-font);

}



.footer-widget__contact {

	padding-left: 60px;

}



.footer-widget__open-hrs {

	padding-left: 70px;

}



.site-footer__bottom {

	padding-top: 30px;

}



.site-footer__bottom .inner-container {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	border-top: 1px solid #e5e5e5;

	-webkit-box-pack: justify;

	        justify-content: space-between;

}



.site-footer__bottom-logo {

	-webkit-transform: translateY(-30px);

	        transform: translateY(-30px);

}



.site-footer__bottom p {

	margin: 0;

}



.site-footer__bottom-links {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.site-footer__bottom-links a {

	color: inherit;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.site-footer__bottom-links a:hover {

	color: var(--thm-black);

}



.site-footer__bottom-links a+a {

	margin-left: 5px;

}



/*-------------------------------------------------------------- 

# About

--------------------------------------------------------------*/



.about-one p {

	margin: 0;

	color: #aaa081;

	position: relative;

}



.about-one__membership {

	padding-top: 150px;

}







.about-one__moc {

	position: absolute;

	bottom: -75px;

	left: -70px;

	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;

	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;

}



.about-one .container {

	padding-bottom: 175px;

}



.about-one__membership .container {

	padding-bottom: 140px;

}



.about-one .block-title {

	margin-bottom: 50px;

}



.about-one .about-one__highlighted-text {

	font-family: var(--heading-font);

	color: #000000;

	font-size: 24px;

	line-height: 44px;

	margin: 0;

	font-weight: 400;

	padding-right: 35px;

}



.about-one__feature-list {

	margin: 0;

	margin-top: 35px;

}



.col-xl-3 .about-one__feature-list {

	margin-left: -10px;

}



.about-one__feature-list li {

	position: relative;

	padding-left: 20px;

	font-size: 16px;

	word-break: break-all;

	color: #252930;

}



.about-one__feature-list li+li {

	margin-top: 10px;

}



.about-one__feature-list li::before {

	content: "";

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background-color: var(--thm-base);

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	        transform: translateY(-50%);

}



.about-one__feature h3 {

	margin: 0;

	color: var(--thm-black);

	font-size: 30px;

	font-weight: bold;

	font-weight: 700;

	margin-top: 55px;

	margin-bottom: 15px;

}



.about-cta__wrapper {

	position: relative;

	background-image: -webkit-gradient(linear,

			left bottom, left top,

			from(rgba(245, 247, 250, 0)),

			to(rgba(245, 247, 250, 0.8)));

	background-image: linear-gradient(0deg,

			rgba(245, 247, 250, 0) 0%,

			rgba(245, 247, 250, 0.8) 100%);

}



.about-cta__wrapper .container {

	position: relative;

}



.about-cta__wrapper::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 0.3;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

}



.about-two {

	padding-top: 150px;

	padding-bottom: 150px;

	background-repeat: no-repeat;

	background-position: bottom center;

	position: relative;

}



.about-two::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #f5f7fa;

	opacity: 70%;

}



.about-two__sclupture {

	position: absolute;

	bottom: -100px;

	left: 50px;

	z-index: 10;

	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;

	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;

}



@media(max-width: 1440px) {

	.about-two__sclupture {

		left: -10%;

	}

}



.about-two .container {

	position: relative;

}



.about-two__content p {

	color: #252930;

	font-size: 16px;

	line-height: 28px;

	margin: 0;

}



.about-two__content .about-two__highlight {

	font-family: var(--heading-font);

	color: #000000;

	font-size: 24px;

	line-height: 44px;

	margin: 0;

}



.about-two__content .block-title {

	margin-bottom: 50px;

}



.about-two__content .about-two__highlight {

	margin-bottom: 30px;

}



.about-two__image {

	margin-top: 50px;

	position: relative;

	left: 100px;

}



.about-two__image::before {

	content: '';

	position: absolute;

	width: 250px;

	height: 250px;

	background-image: url(../images/shapes/about-dot-2.png);

	background-repeat: no-repeat;

	right: -70px;

	top: -70px;

}



.about-two__image>img {

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.3);

	z-index: 10;

	position: relative;

}



/* about three */



.about-three {

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(245, 247, 250, 0)), to(rgba(245, 247, 250, 0.8)));

	background-image: linear-gradient(90deg, rgba(245, 247, 250, 0) 0%, rgba(245, 247, 250, 0.8) 100%);

}



.about-three .container-fluid {

	padding-left: 0;

	padding-right: 0;

}



.about-three .my-auto {

	display: block;

	width: 100%;

}



.about-three__image img {

	float: right;

}



.about-three__content {

	width: 100%;

	max-width: 520px;

	margin-left: auto;

	margin-right: auto;

}



.about-three__content>p {

	font-size: 16px;

	line-height: 28px;

	color: #252930;

	margin: 0;

}



.about-three__content .about-three__highlight {

	font-family: var(--heading-font);

	color: #000000;

	font-size: 24px;

	line-height: 44px;

}



.about-three__content .block-title {

	margin-bottom: 50px;

}



.about-three__content .about-three__highlight {

	margin-bottom: 25px;

}





/* about four */



.about-four {

	padding-top: 150px;

	padding-bottom: 140px;

}





.about-four {

	position: relative;

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(245, 247, 250, 0)), to(rgba(245, 247, 250, 0.8)));

	background-image: linear-gradient(90deg, rgba(245, 247, 250, 0) 0%, rgba(245, 247, 250, 0.8) 100%);

}



.about-four .container {

	position: relative;

}



.about-four::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 0.3;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	background-image: url(../images/backgrounds/event-bg-1-1.jpg);

}



.about-four__content>p {

	font-size: 16px;

	line-height: 28px;

	color: #252930;

	margin: 0;

}



.about-four__content>p+p {

	margin-top: 30px;



}



.about-four__highlite-text {

	margin-bottom: 30px;

}



.about-four__highlite-text p {

	margin: 0;

	color: #000000;

	font-size: 24px;

	line-height: 44px;

	font-family: var(--heading-font);

}



.about-four__image {

	position: absolute;

	right: 0;

	top: 150px;

}



.about-four__image>img {

	position: relative;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.3);

}



.about-four__image::before {

	content: '';

	width: 250px;

	height: 370px;

	background-image: url(../images/shapes/about-4-dots.png);

	background-repeat: no-repeat;

	background-position: top left;

	position: absolute;

	top: -100px;

	right: -70px;

}



.about-four__content .block-title {

	margin-bottom: 50px;

}





/*-------------------------------------------------------------- 

 # SideMenu 

 --------------------------------------------------------------*/



.side-menu__block {

	position: fixed;

	top: 0;

	right: 0;

	width: 100vw;

	height: 100vh;

	z-index: 1000;

	-webkit-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: left center;

	transform-origin: right center;

	-webkit-transition: -webkit-transform 0.7s ease;

	transition: -webkit-transform 0.7s ease;

	transition: transform 0.7s ease;

	transition: transform 0.7s ease, -webkit-transform 0.7s ease;

}



.side-menu__block.active {

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

}



.side-menu__block-overlay {

	width: 100%;

	height: 100%;

	background-color: #000;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 999;

	opacity: 0.7;

}



.side-menu__block-inner {

    position: relative;

    width: auto;

    margin-left: auto;

    height: 100vh;

    background-color: var(--thm-black);

    z-index: 999999;

    overflow-y: auto;

    padding: 40px 0;

    padding-top: 60px;

    position: relative;

    display: flex;

    flex-direction: column; 

    justify-content: center; 

    align-items: center; 

}



.side-menu__block-inner .mCustomScrollBox {

	width: 100%;

}



.side-menu__close-btn {

	position: absolute;

	top: 20px;

	right: 30px;

	z-index: 9999999;

	font-size: 18px;

	color: #fff;

	opacity: 1;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.side-menu__close-btn:hover {

	color: var(--thm-base);

}



.mobile-nav__container {

	margin: 40px 0;

	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);

	border-bottom: 1px solid rgba(var(--thm-base-rgb), 0.3);

}



.mobile-nav__container ul {

	margin: 0;

	padding: 0;

	list-style: none;

	display: flex;

	flex-direction: column;

}



.mobile-nav__container li.dropdown ul {

	display: none;

}



.mobile-nav__container li.dropdown {

	position: relative;

}



.mobile-nav__container li.dropdown .dropdown-btn {

	border: none;

	outline: none;

	width: 35px;

	height: 35px;

	background-color: #000000;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

	text-align: center;

	font-size: 20px;

	color: #fff;

	position: absolute;

	top: 10px;

	right: 0;

	-webkit-transform: rotate(0);

	transform: rotate(0);

	-webkit-transition: transfrom 500ms ease, color 500ms ease,

		background-color 500ms ease;

	transition: transfrom 500ms ease, color 500ms ease,

		background-color 500ms ease;

}



.mobile-nav__container li.dropdown .dropdown-btn.open {

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	background: #ffffff;

	color: var(--thm-black);

}



.mobile-nav__container li+li {

	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);

}



.mobile-nav__container li>ul {

	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);

}



.mobile-nav__container li a {

	text-transform: uppercase;

	color: #fff;

	font-size: 16px;

	font-weight: 600;

	display: block;

	font-family: var(--thm-font);

	padding: 10px 0;

	padding-left: 30px;

	padding-right: 30px;

	border-left: 3px solid transparent;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

	position: relative;

}



.mobile-nav__container li a:hover {

	background-color: var(--thm-base);

	color: #ffffff;

}



.mobile-nav__container li.current-menu-item>a,

.mobile-nav__container li.current>a {

	border-color: var(--thm-primary);

	background-color: var(--thm-base);

}



.mobile-nav__container .navigation-box__right {

	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);

}



.side-menu__logo {

	padding-left: 30px;

}



.side-menu__block__copy {

	color: #cccccc;

	font-family: var(--thm-font);

	font-size: 18px;

	text-align: center;

	padding-left: 30px;

	padding-right: 30px;

}



.side-menu__block__copy a {

	text-transform: uppercase;

	color: #fff;

	font-weight: bold;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.side-menu__block__copy a:hover {

	color: var(--thm-base);

}



.side-menu__social {

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: center;

	justify-content: center;

}



.side-menu__social a {

	color: #ffffff;

	font-size: 16px;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.side-menu__social a:hover {

	color: var(--thm-base);

}



.side-menu__social a+a {

	margin-left: 19px;

}



/* side content */



.side-content__block {

	position: fixed;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100vh;

	z-index: 1000;

	-webkit-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: left center;

	transform-origin: left center;

	-webkit-transition: -webkit-transform 0.7s ease;

	transition: -webkit-transform 0.7s ease;

	transition: transform 0.7s ease;

	transition: transform 0.7s ease, -webkit-transform 0.7s ease;

}



.side-content__block.active {

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

}



.side-content__block-overlay {

	width: 100%;

	height: 100%;

	background-color: #000;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 999;

	opacity: 0.7;

}



.side-content__block-inner {

	position: relative;

	width: 300px;

	height: 100vh;

	background-color: #fff;

	z-index: 999999;

	overflow-y: auto;

	padding: 20px 15px;

	position: relative;

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: center;

	justify-content: center;

	align-content: space-between;

}



.side-content__block-inner .mCustomScrollBox {

	width: 100%;

}



.side-content__block .main-navigation .submenu {

	display: none;

}



.side-content__block__text {

	text-align: center;

}



.side-content__block__title {

	font-size: 20px;

	color: var(--thm-black);

	margin: 0;

	margin-bottom: 15px;

}



.side-content__block-line {

	margin: 40px 0;

	border-color: rgba(48, 46, 47, 0.2);

}



.side-content__block-about {

	margin-top: 40px;

}



.side-content__block-about__btn:hover {

	background-color: var(--thm-black);

	color: #fff;

}



.side-content__block-contact__list {

	margin: 0;

	padding: 0;

	list-style: none;

	margin-bottom: 30px;

}



.side-content__block-contact__list-item {

	color: var(--thm-black);

	font-size: 15px;

	position: relative;

	padding-left: 30px;

}



.side-content__block-contact__list-item a {

	color: inherit;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.side-content__block-contact__list-item a:hover {

	color: var(--thm-black);

}



.side-content__block-contact__list-item i {

	font-size: 17px;

	color: var(--thm-black);

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}



.side-content__block-contact__list-item+.side-content__block-contact__list-item {

	margin-top: 10px;

}



.side-content__block__text-copy {

	position: absolute;

	bottom: 0;

	left: 50%;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

}



.side-content__block__text-copy a {

	color: inherit;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.side-content__block__text-copy a:hover {

	color: var(--thm-black);

}



.side-content__block__text a {

	color: var(--thm-black);

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.side-content__block__text a:hover {

	color: var(--thm-black);

}



/*-------------------------------------------------------------- 

 # Search Popup 

 --------------------------------------------------------------*/



.search-popup {

	position: fixed;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100vh;

	z-index: 1000;

	-webkit-transform: scale(1, 0);

	transform: scale(1, 0);

	-webkit-transform-origin: bottom center;

	transform-origin: bottom center;

	-webkit-transition: -webkit-transform 0.7s ease;

	transition: -webkit-transform 0.7s ease;

	transition: transform 0.7s ease;

	transition: transform 0.7s ease, -webkit-transform 0.7s ease;

}



.search-popup.active {

	-webkit-transform-origin: top center;

	transform-origin: top center;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

}



.search-popup__overlay {

	width: 100%;

	height: 100%;

	background-color: #000;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 999;

	opacity: 0.7;

	cursor: none;

}



.search-popup__inner {

	position: absolute;

	width: 100%;

	height: 100%;

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	align-items: center;

}



.search-popup__form {

	position: relative;

	z-index: 9991;

	width: 100%;

	padding: 15px;

	max-width: 600px;

	position: relative;

}



.search-popup__form input {

	background-color: transparent;

	border: none;

	outline: none;

	width: 100%;

	height: 60px;

	color: var(--thm-black);

	font-size: 18px;

	background-color: white;

	padding-left: 30px;

}



.search-popup__form ::-webkit-input-placeholder {

	opacity: 1;

	color: var(--thm-black);

}



.search-popup__form ::-moz-placeholder {

	opacity: 1;

	color: var(--thm-black);

}



.search-popup__form :-ms-input-placeholder {

	opacity: 1;

	color: var(--thm-black);

}



.search-popup__form ::-ms-input-placeholder {

	opacity: 1;

	color: var(--thm-black);

}



.search-popup__form ::placeholder {

	opacity: 1;

	color: var(--thm-black);

}



.search-popup__form input::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */

	color: var(--thm-black);

}



.search-popup__form input::-moz-placeholder {

	/* Firefox 19+ */

	color: var(--thm-black);

}



.search-popup__form input:-ms-input-placeholder {

	/* IE 10+ */

	color: var(--thm-black);

}



.search-popup__form input:-moz-placeholder {

	/* Firefox 18- */

	color: var(--thm-black);

}



.search-popup__form button[type="submit"] {

	border: none;

	outline: none;

	width: 60px;

	height: 60px;

	color: #fff;

	background-color: var(--thm-black);

	cursor: pointer;

	position: absolute;

	top: 50%;

	right: 15px;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.search-popup__form button[type="submit"]:hover {

	background-color: var(--thm-base);

	color: #fff;

}





/*--------------------------------------------------------------

# Testimonials

--------------------------------------------------------------*/



.testimonials-one {

	background-color: #f5f7fa;

}



.testimonials-one .container-fluid {

	padding-left: 0;

	padding-right: 0;

}



.testimonials-one .block-title {

	margin-bottom: 60px;

}



.testimonials-one__block {

	margin-left: auto;

	margin-right: auto;

	width: 100%;

	max-width: 520px;

}



.testimonials-one__carousel .owl-item img {

	width: auto;

}



.testimonials-one .my-auto {

	width: 100%;

	display: block;

}



.testimonials-one__author {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.testimonials-one__author img {

	border-radius: 50%;

}



.testimonials-one__author h4 {

	margin: 0;

	font-size: 16px;

	color: var(--thm-black);

	font-family: var(--thm-font);

	text-transform: uppercase;

	margin-left: 15px;

}



.testimonials-one__single>p {

	margin: 0;

	font-family: var(--heading-font);

	font-size: 22px;

	color: #000000;

	line-height: 40px;

	font-style: italic;

	margin-top: 30px;

	margin-bottom: 15px;

}



.testimonials-one__carousel.owl-theme .owl-nav {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: start;

	        align-items: flex-start;

	-webkit-box-pack: start;

	        justify-content: flex-start;

}



.testimonials-one__carousel.owl-theme .owl-nav {

	margin-top: 45px;

}



.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-] {

	width: 60px;

	height: 45px;

	border: 1px solid var(--thm-base);

	opacity: 50%;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-transition: 500ms;

	transition: 500ms;

	position: relative;

	outline: none;

	margin: 0;

	padding: 0;

}



.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-]:hover {

	border-color: var(--thm-base);

	background-color: transparent;

	opacity: 100%;

}





.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-]+[class*=owl-] {

	margin-left: 10px;

}



.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-] span {

	color: rgba(0, 0, 0, 0);

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	position: relative;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	text-align: center;

}





.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-] span::before {

	content: '\f30a';

	color: var(--thm-base);

	font-size: 17px;

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	text-align: center;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

}



.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-]:nth-child(2) span::before {

	content: '\f30b';

}





/*--------------------------------------------------------------

# Page Header

--------------------------------------------------------------*/



.page-header {

	background-repeat: no-repeat;

	background-position: top center;

	background-attachment: fixed;

	position: relative;

	padding-top: 120px;

	padding-bottom: 120px;

}





.page-header::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	opacity: 60%;

}



.page-header .container {

	position: relative;

	text-align: center;

}



.page-header h2 {

	color: #fff;

	font-size: 50px;

	font-weight: bold;

	margin: 0;

}







/*--------------------------------------------------------------

# Team

--------------------------------------------------------------*/



.team-one {

	background-color: #f5f7fa;

	padding-bottom: 95px;

}



@media(min-width: 1200px) {

	.team-one .container>.row {

		margin-left: -53px;

		margin-right: -53px;

	}



	.team-one .container>.row>[class*=col-] {

		padding-left: 53px;

		padding-right: 53px;

	}

}



.team-one .block-title-two {

	padding-top: 150px;

}



.team-one__single {

	margin-bottom: 65px;

}



.team-one__image {

	background-color: #000000;

	position: relative;

	overflow: hidden;

}



.team-one__image>img {

	width: 100%;

	opacity: 1;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.team-one__single:hover .team-one__image>img {

	opacity: 0.7;

}



.team-one__social {

	position: absolute;

	width: 100%;

	background-color: var(--thm-base);

	text-align: center;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	bottom: 0;

	left: 0;

	padding-top: 25px;

	padding-bottom: 25px;

	-webkit-transform: translateY(50%);

	        transform: translateY(50%);

	opacity: 0;

	visibility: hidden;

	-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;

	transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;

	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;

	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;

}



.team-one__single:hover .team-one__social {

	-webkit-transform: translateY(0%);

	        transform: translateY(0%);

	opacity: 1;

	visibility: visible;

}



.team-one__social a {

	display: -webkit-box;

	display: flex;

	width: 40px;

	height: 40px;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	text-align: center;

	border: 1px solid rgba(255, 255, 255, .3);

	color: #fff;

	-webkit-transition: 500ms;

	transition: 500ms;

	font-size: 14px;

	border-radius: 50%;

}



.team-one__social a:hover {

	color: var(--thm-black);

	border-color: #ffff;

	background-color: #fff;

}



.team-one__social a+a {

	margin-left: 10px;

}



.team-one__content {

	text-align: center;

}



.team-one__content h3 {

	color: var(--thm-black);

	margin: 0;

	font-size: 24px;

	font-weight: bold;

	margin-top: 25px;

	margin-bottom: 10px;

}



.team-one__content p {

	margin: 0;

	color: var(--thm-base);

	text-transform: uppercase;

	font-size: 16px;

}

.team-img {
  height: 220px;
  object-fit: cover;
  object-position: center top;
}

/*--------------------------------------------------------------

# Video

--------------------------------------------------------------*/



.video-one {

	background-repeat: no-repeat;

	background-position: center center;

	background-attachment: fixed;

	background-size: cover;



	position: relative;



}



.video-one::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #000000;

	opacity: 0.3;

}



.video-one .container {

	position: relative;

	padding-top: 320px;

	padding-bottom: 320px;

}



.video-one__btn {

	width: 110px;

	height: 110px;

	margin-left: auto;

	margin-right: auto;

	border: 4px solid #fff;

	border-radius: 50%;

	font-size: 40px;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	text-align: center;

	color: #fff;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.video-one__btn:hover {

	background-color: #fff;

	color: var(--thm-black);

}







/*--------------------------------------------------------------

# History

--------------------------------------------------------------*/



.history-one {

	padding-bottom: 150px;

	padding-top: 95px;

	position: relative;

}



.history-one__sculp {

	position: absolute;

	top: -95px;

	left: 3%;

	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;

	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;

}



@media(max-width: 575px) {

	.history-one__sculp {

		display: none;

	}

}



.history-one__single:nth-child(odd) .row {

	-webkit-box-orient: horizontal;

	-webkit-box-direction: reverse;

	        flex-direction: row-reverse;

}



.history-one__single:nth-child(odd) .history-one__image {

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: end;

	        justify-content: flex-end;

}



.history-one__image>img {

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.2);

	position: relative;

}



.history-one__image {

	position: relative;

}



.history-one__image::before {

	content: '';

	position: absolute;

	width: 250px;

	height: 202px;

	background-image: url(../images/shapes/about-dot-2.png);

	background-repeat: no-repeat;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%) translateX(-50%);

	        transform: translateY(-50%) translateX(-50%);

}



.history-one__content {

	width: 100%;

	padding-right: 70px;

}



.history-one__single:nth-child(even) .history-one__content {

	padding-right: 0;

	padding-left: 70px;

}





.history-one__single {

	position: relative;

}



.history-one__single::before {

	content: '';

	width: 25px;

	height: 25px;

	border: 7px solid #f0ede6;

	background-color: var(--thm-base);

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translateY(-50%) translateX(-50%);

	        transform: translateY(-50%) translateX(-50%);

	border-radius: 50%;

	z-index: 11;

}



.history-one__single:nth-child(odd) .history-one__image::before {

	left: auto;

	right: 0;

	-webkit-transform: translateY(-50%) translateX(50%);

	        transform: translateY(-50%) translateX(50%);

}



.history-one__single::after {

	content: '';

	width: 1px;

	height: 100%;

	background-color: #e5e5e5;

	position: absolute;

	top: 0;

	left: 50%;

	-webkit-transform: translateX(-50%);

	        transform: translateX(-50%);

}



.history-one__single+.history-one__single {

	padding-top: 70px;

}



.history-one__top p {

	font-size: 30px;

	font-weight: 400;

	letter-spacing: 0;

	margin-bottom: 0;

}



.history-one__top h3 {

	font-size: 26px;

	margin-top: 15px;

	margin-bottom: 40px;

}





/*--------------------------------------------------------------

# Contact Map

--------------------------------------------------------------*/



.contact-map-one .google-map__contact {

	display: block;

	border: none;

	outline: none;

	width: 100%;

	height: 500px;

	box-shadow: 0px -5px 70px 0px rgba(33, 37, 43, 0.2);

}



.contact-map-one {

	padding-top: 150px;

	padding-bottom: 150px;

}





/*--------------------------------------------------------------

# Contact Box

--------------------------------------------------------------*/



.contact-box-one {

	padding-bottom: 140px;

}



.contact-box-one .row.high-gutters {

	margin-left: -20px;

	margin-right: -20px;

}



.contact-box-one .row.high-gutters>[class*=col-] {

	padding-left: 20px;

	padding-right: 20px;

}



.contact-box-one__single h3 {

	margin: 0;

	color: var(--thm-black);

	font-size: 24px;

	font-weight: bold;

	margin-bottom: 25px;

}



.contact-box-one__single p {

	margin: 0;

	color: #848484;

	line-height: 28px;

	font-size: 16px;

}





/*--------------------------------------------------------------

# Contact Form

--------------------------------------------------------------*/



.contact-one__box+.contact-one__box {

	margin-top: 40px;

}



.contact-one__box h3 {

	font-size: 20px;

	font-weight: bold;

	margin: 0;

	color: var(--thm-black);

	margin-bottom: 20px;

}



.contact-one__box p {

	margin: 0;

	font-size: 16px;

	line-height: 28px;

	color: #848484;

}



.contact-one__box p+p {

	margin-top: 15px;

}



.contact-one__box p a {

	color: inherit;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}



.contact-one__box p a:hover {

	color: var(--thm-black);

}



.contact-one__box-social {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.contact-one__box-social a {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	width: 45px;

	height: 45px;

	color: #848484;

	font-size: 14px;

	background-color: rgba(0, 0, 0, .1);

	-webkit-transition: 500ms;

	transition: 500ms;

}



.contact-one__box-social a:hover {

	background-color: var(--thm-base);

	color: #fff;

}





.contact-one__box-social a+a {

	margin-left: 10px;

}



.contact-one__form textarea,

.contact-one__form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {

	width: 100%;

	border: none;

	height: 60px;

	border: 1px solid #e5e5e5;

	color: #848484;

	outline: none;

	padding-left: 20px;

	margin-bottom: 30px;

}



.contact-one__form ::-webkit-input-placeholder {

	opacity: 1;

	color: #848484;

}



.contact-one__form ::-moz-placeholder {

	opacity: 1;

	color: #848484;

}



.contact-one__form :-ms-input-placeholder {

	opacity: 1;

	color: #848484;

}



.contact-one__form ::-ms-input-placeholder {

	opacity: 1;

	color: #848484;

}



.contact-one__form ::placeholder {

	opacity: 1;

	color: #848484;

}



.contact-one__form textarea {

	height: 165px;

	padding-top: 15px;

}



.contact-one__btn:hover {

	background-color: var(--thm-black);

	color: #fff;

}



.contact-one__form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

	width: 100%;

}



.contact-one__form .bootstrap-select>.dropdown-toggle {

	height: 60px;

	border-radius: 0;

	border: 1px solid #e5e5e5;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	padding-left: 20px;

	background-color: transparent;

}



.contact-one__form .bootstrap-select .dropdown-toggle .filter-option {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.contact-one__form .dropdown-toggle::after {

	position: absolute;

	top: 50%;

	right: 20px;

	-webkit-transform: translateY(-3px);

	        transform: translateY(-3px);

}





/*--------------------------------------------------------------

# Venue

--------------------------------------------------------------*/



.venue-one {

	padding-top: 150px;

	padding-bottom: 110px;

}



.venue-one__top {

	margin-bottom: 60px;

}



.venue-one__top>p {

	margin: 0;

	margin-top: 55px;

}



.venue-one .row.high-gutter {

	margin-left: -52px;

	margin-right: -52px;

}



.venue-one .row.high-gutter>[class*=col-] {

	padding-left: 52px;

	padding-right: 52px;

}



.venue-one__single {

	text-align: center;

	margin-bottom: 40px;

}



.venue-one__single h3 {

	color: var(--thm-black);

	font-size: 24px;

	font-weight: bold;

	margin: 0;

	margin-top: 30px;

	margin-bottom: 30px;

}



.venue-one__single h3 a {

	color: inherit;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.venue-one__single h3 a:hover {

	color: var(--thm-base);

}



.venue-one__single p {

	margin: 0;

	color: #848484;

	font-size: 16px;

	line-height: 1em;

}



.venue-one__single span {

	display: block;

	line-height: 1em;

}



.venue-one__time {

	text-transform: uppercase;

	color: var(--thm-base);

	font-size: 16px;

	line-height: 1em;

	display: block;

	margin-bottom: 10px;

}



.venue-one__address i {

	margin-right: 10px;

}



.venue-one__btn {

	border: 1px solid #e5e5e5;

	font-size: 16px;

	background-color: transparent;

	color: #252930;

	margin-top: 25px;

}



.venue-one__btn:hover {

	background-color: var(--thm-base);

	color: #fff;

}



.venue-one__image {

	overflow: hidden;

	position: relative;

}



.venue-one__image::after {

	content: "";

	width: 150%;

	height: 200%;

	position: absolute;

	top: -100%;

	left: -180%;

	z-index: 11;

	-webkit-transition: 1s;

	transition: 1s;

	-webkit-transform: rotate(30deg);

	        transform: rotate(30deg);

	background: -webkit-gradient(linear,

			left top, right top,

			color-stop(50%, rgba(255, 255, 255, 0)),

			to(rgba(255, 255, 255, 0.7)));

	background: linear-gradient(90deg,

			rgba(255, 255, 255, 0) 50%,

			rgba(255, 255, 255, 0.7) 100%);

}



.venue-one__single:hover .venue-one__image::after {

	top: 100%;

	left: 100%;

	-webkit-transform: rotate(0);

	        transform: rotate(0);

}



.venue-one__image>img {

	width: 100%;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

}



/*--------------------------------------------------------------

# Membership

--------------------------------------------------------------*/



.membership-one {

	background-color: #f5f7fa;

	padding-top: 150px;

	padding-bottom: 110px;

}



.membership-one__single {

	padding-left: 50px;

	padding-right: 50px;

	margin-bottom: 40px;

	text-align: center;

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

	background-color: #fff;

	padding-top: 50px;

	padding-bottom: 50px;

}



.membership-one__single h3 {

	color: var(--thm-black);

	font-size: 24px;

	font-weight: bold;

	margin: 0;

	margin-bottom: 5px;

}



.membership-one__single p {

	margin: 0;

	font-size: 16px;

	line-height: 26px;

	color: #848484;

	margin-top: 30px;

	margin-bottom: 25px;

}



.membership-one__btn {

	padding: 6px 26.5px;

	border: 2px solid #e5e5e5;

	font-size: 16px;

	font-weight: bold;

	color: var(--thm-black);

	background-color: #fff;

}





.membership-one__btn:hover {

	background-color: var(--thm-base);

	border-color: var(--thm-base);

	color: #fff;

}



.membership-one__price {

	margin-bottom: 35px;

	border-radius: 50%;

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 10px 20px 0px rgba(33, 37, 43, 0.1);

	font-size: 14px;

	line-height: 1em;

	color: #848484;

	width: 100px;

	height: 100px;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	        flex-direction: column;

	margin-left: auto;

	margin-right: auto;

}



.membership-one__price span {

	display: block;

	color: var(--thm-base);

	font-size: 30px;

	font-weight: bold;

	line-height: 1em;

	margin-bottom: 10px;

}



.membership-one__price {

	position: relative;

}



.membership-one__price::before {

	content: "";

	width: 180px;

	height: 10px;

	border-top: 2px solid var(--thm-base);

	border-bottom: 2px solid var(--thm-base);

	opacity: 0.5;

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);

	        transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);

	-webkit-transition: -webkit-transform 500ms ease;

	transition: -webkit-transform 500ms ease;

	transition: transform 500ms ease;

	transition: transform 500ms ease, -webkit-transform 500ms ease;

}



.membership-one__single:hover .membership-one__price::before {

	-webkit-transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);

	        transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);

}



.membership-one__price-inner {

	position: relative;

	background-color: #fff;

	z-index: 10;

	width: 100%;

	height: 100%;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	        flex-direction: column;

	border-radius: 50%;

}



/*--------------------------------------------------------------

# FAQ

--------------------------------------------------------------*/



.faq-one {

	padding-top: 150px;

	padding-bottom: 110px;

}



.faq-one__top {

	margin-bottom: 60px;

}



.faq-one__top>p {

	margin: 0;

	font-size: 16px;

	line-height: 28px;

	color: #848484;

	margin-top: 55px;

}



.faq-one .accrodion-grp {

	margin-bottom: 40px;

}



.faq-one .accrodion {

	border: 1px solid #e5e5e5;

}



.faq-one .accrodion+.accrodion {

	margin-top: 20px;

}



.faq-one .accrodion-title {

	padding-top: 18px;

	padding-bottom: 18px;

	padding-left: 30px;

	cursor: pointer;

	padding-right: 30px;

}



.faq-one .accrodion-title h4 {

	font-family: var(--thm-font);

	color: #252930;

	font-size: 20px;

	margin: 0;

}



.faq-one .accrodion-content {

	padding-left: 30px;

	padding-right: 30px;

	border-top: 1px solid #e5e5e5;

	padding-top: 25px;

	padding-bottom: 25px;

}



.faq-one .accrodion-content p {

	margin: 0;

	font-size: 16px;

	line-height: 28px;

	color: #848484;

}



/*--------------------------------------------------------------

# Donate

--------------------------------------------------------------*/



.donate-one {

	padding-top: 150px;

	padding-bottom: 150px;

	position: relative;

}



.donate-one__sculpture {

	position: absolute;

	bottom: 120px;

	left: 60px;

	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;

	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;

}



@media(max-width: 1440px) {

	.donate-one__sculpture {

		left: -8%;

	}

}



.donate-one::before {

	content: '';

	width: 100%;

	height: 320px;

	background-color: #f5f7fa;

	position: absolute;

	bottom: 0;

	left: 0;

}



.donate-one .container {

	position: relative;

}



.donate-one__block>p {

	margin: 0;

	margin-top: 55px;

}



.donate-one__form {

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

	padding: 50px;

	margin-left: 100px;

}



.donate-one__btn {

	width: 100%;

	text-align: center;

	padding-left: 0;

	padding-right: 0;

	outline: none;

}



.donate-one__btn:hover {

	background-color: var(--thm-black);

	color: #fff;

}



.donate-one__amount {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



.donate-one__amount .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

	width: 44px;

	height: 44px;

	background-color: #f5f7fa;

	border: 1px solid #e5e5e5;

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-box-align: center;

	        align-items: center;

	text-align: center;

}



.donate-one__amount .bootstrap-select>.dropdown-toggle {

	padding: 0;

	font-size: 16px;

	color: #848484;

	text-align: center;

	background-color: transparent;

}



.donate-one__amount .bootstrap-select .dropdown-toggle .filter-option-inner {

	text-align: center;

}



.donate-one__amount .dropdown-toggle::after {

	display: none;

}



.donate-one__amount input {

	border: none;

	outline: none;

	width: 131px;

	height: 44px;

	border: 1px solid #e5e5e5;

	border-left: 0;

	color: #848484;

	font-size: 16px;

	padding-left: 15px;

}



.donate-one__selected-amount {

	display: -webkit-box;

	display: flex;

	flex-wrap: wrap;

	-webkit-box-align: center;

	        align-items: center;

	margin-top: 15px;

	margin-bottom: 40px;

}





.donate-one__selected-amount a {

	width: 115px;

	height: 60px;

	border: 1px solid #e5e5e5;

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-box-align: center;

	        align-items: center;

	text-align: center;

	font-size: 16px;

	color: #848484;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.donate-one__selected-amount a.active,

.donate-one__selected-amount a:hover {

	background-color: #f5f7fa;

	border-color: #e5e5e5;

}



.donate-one__selected-amount a+a {

	margin-left: 10px;

}



.donate-one__title {

	font-size: 26px;

	color: var(--thm-black);

	margin: 0;

	font-weight: bold;

	margin-bottom: 30px;

}



.donate-one__subtitle {

	margin: 0;

	font-size: 22px;

	color: var(--thm-black);

	margin-bottom: 20px;

}



.donate-one__form label {

	margin: 0;

	color: #252930;

	font-size: 16px;

	font-weight: 400;

	display: block;

	line-height: 1em;

	margin-bottom: 10px;

}



.donate-one__form label span {

	vertical-align: super;

}



.donate-one__total {

	border: 1px solid #e5e5e5;

	width: 100%;

	max-width: 240px;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: justify;

	        justify-content: space-between;

	font-size: 18px;

	color: #252930;

	padding-left: 15px;

}



.donate-one__total input {

	border: none;

	outline: none;

	width: 84px;

	height: 44px;

	border-left: 1px solid #e5e5e5;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	        justify-content: center;

	text-align: center;

	margin-left: 15px;

}



.donate-one__input {

	margin-bottom: 20px;

}



.donate-one__input input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {

	border: none;

	outline: none;

	width: 100%;

	height: 44px;

	border: 1px solid #e5e5e5;

	padding-left: 15px;

	font-size: 16px;

	color: #848484;

}



.donate-one__input ::-webkit-input-placeholder {

	color: #848484;

	opacity: 1;

}



.donate-one__input ::-moz-placeholder {

	color: #848484;

	opacity: 1;

}



.donate-one__input :-ms-input-placeholder {

	color: #848484;

	opacity: 1;

}



.donate-one__input ::-ms-input-placeholder {

	color: #848484;

	opacity: 1;

}



.donate-one__input ::placeholder {

	color: #848484;

	opacity: 1;

}





/*--------------------------------------------------------------

# Sidebar

--------------------------------------------------------------*/



.sidebar {

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

	padding-left: 40px;

	padding-right: 40px;

	padding-top: 63px;

	padding-bottom: 70px;

}



@media(max-width: 991px) {

	.sidebar {

		margin-top: 80px;

	}

}



.sidebar__single+.sidebar__single {

	margin-top: 70px;

}



.sidebar__title {

	margin: 0;

	color: var(--thm-black);

	font-weight: bold;

	font-size: 24px;

	margin-bottom: 35px;

}



.sidebar__single .sidebar__title+p {

	margin-top: -20px;

}



.sidebar__search {

	border-style: solid;

	border-width: 1px;

	border-color: rgb(229, 229, 229);

	background-color: rgb(255, 255, 255);

	position: relative;

}



.sidebar__search input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {

	border: none;

	outline: none;

	width: 100%;

	height: 70px;

	padding-left: 20px;

}



.sidebar__search button[type=submit] {

	width: auto;

	border: none;

	outline: none;

	background-color: transparent;

	position: absolute;

	top: 50%;

	right: 20px;

	-webkit-transform: translateY(-50%);

	        transform: translateY(-50%);

	font-size: 18px;

}



.sidebar__search ::-webkit-input-placeholder {

	opacity: 1;

	font-size: 16px;

	color: #848484;

}



.sidebar__search ::-moz-placeholder {

	opacity: 1;

	font-size: 16px;

	color: #848484;

}



.sidebar__search :-ms-input-placeholder {

	opacity: 1;

	font-size: 16px;

	color: #848484;

}



.sidebar__search ::-ms-input-placeholder {

	opacity: 1;

	font-size: 16px;

	color: #848484;

}



.sidebar__search ::placeholder {

	opacity: 1;

	font-size: 16px;

	color: #848484;

}



.sidebar__single p {

	margin: 0;

	font-size: 16px;

	line-height: 28px;

	color: #848484;

}



.sidebar__cat-list {

	margin-bottom: -10px;

	margin-top: 20px;

}



.sidebar__cat-list li {

	position: relative;

	padding-left: 18px;

}



.sidebar__cat-list li+li {

	margin-top: 10px;

}



.sidebar__cat-list li::before {

	content: '';

	width: 7px;

	height: 7px;

	background-color: #dadde0;

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	        transform: translateY(-50%);

	border-radius: 50%;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.sidebar__cat-list li:hover::before {

	background-color: var(--thm-base);

}



.sidebar__cat-list li a {

	font-size: 16px;

	font-weight: bold;

	color: var(--thm-black);

	-webkit-transition: 500ms;

	transition: 500ms;

	display: block;



}



.sidebar__cat-list li a:hover {

	color: var(--thm-base);

}



.sidebar__post-single {

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

}



@media(max-width: 425px) {

	.sidebar__post-single {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		        flex-direction: column;

		-webkit-box-align: start;

		        align-items: flex-start;

		-webkit-box-pack: start;

		        justify-content: flex-start;

	}

}



.sidebar__post-single+.sidebar__post-single {

	margin-top: 30px;

}



.sidebar__post-image>img {

	width: 90px;

}



.sidebar__post-content {

	margin-left: 20px;

}



@media(max-width: 425px) {

	.sidebar__post-content {

		margin-left: 0;

		margin-top: 20px;

	}

}



.sidebar__post-content h3 {

	margin: 0;

	font-size: 18px;

	line-height: 1.5em;

	color: var(--thm-black);

	font-weight: bold;

	margin-top: 10px;

}



.sidebar__post-content h3 a {

	color: inherit;

	-webkit-transition: 500ms;

	transition: 500ms;

}



.sidebar__post-content h3 a:hover {

	color: var(--thm-base);

}



.sidebar__post-date {

	text-transform: uppercase;

	color: var(--thm-black);

	font-size: 16px;

	display: -webkit-box;

	display: flex;

	-webkit-box-align: center;

	        align-items: center;

	line-height: 1em;

}



.sidebar__post-date i {

	color: var(--thm-base);

	margin-right: 10px;

}



.sidebar__tags {

	display: -webkit-box;

	display: flex;

	flex-wrap: wrap;

	margin-top: -10px;

	margin-left: -10px;

}

i:hover {

	color:lightgray

}



.sidebar__tags a {

	border: 1px solid #e5e5e5;

	display: -webkit-box;

	display: flex;

	-webkit-box-pack: center;

	        justify-content: center;

	-webkit-box-align: center;

	        align-items: center;

	font-size: 15px;

	color: var(--thm-black);

	-webkit-transition: 500ms;

	transition: 500ms;

	margin-top: 10px;

	margin-left: 10px;

	padding: 10px 17px;

}



.sidebar__tags a:hover {

	color: #fff;

	background-color: var(--thm-base);

	border-color: var(--thm-base);

}

.contner {

	width: 100%;

	display: flex;

}

.center {

	display: inline-block;

	justify-content: center;

	margin: 100px;

	margin-left: 30%;

}

.contact-form {

    background-image: linear-gradient(to right, #d8d8d8, #3c557f);

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    overflow: hidden !important;

    padding: 50px;

}

    .contact-form-conainer {

        padding: 50px !important;

	

        @media screen and (max-width: 768px){

            font-size: 15px !important;

            margin: 0 20px 0 20px !important;

            padding: 10px !important;

            overflow: hidden !important;

        }

        @media screen and (min-width: 576px){

            font-size: 15px !important;

            margin: 0 20px 0 20px !important;

            padding: 10px !important;

            overflow: hidden !important;

        } 

        @media screen and (max-width: 576px){

            font-size: 15px !important;

            margin: 0 20px 0 20px !important;

            padding: 10px !important;

            overflow: hidden !important;

        }

	

	}

.white-popup{
  position: relative;
  background: #fff;
  padding: 24px;
  max-width: 820px;
  margin: 20px auto;
  border-radius: 12px;
}
.white-popup h3 { margin-bottom: 6px; }
.white-popup h5 { margin-bottom: 14px; opacity: .85; }


.theme-card{
  border-radius: 14px;
  overflow: hidden;
}

.theme-thumb{
  display:block;
  height: 160px;   /* ajuste si tu veux plus grand/petit */
  overflow:hidden;
}

.theme-thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transition: transform .25s ease;
}

.theme-card:hover .theme-thumb img{
  transform: scale(1.03);
}

/* Look moderne */
.theme-card{
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Accent couleur en haut */
.theme-card{
  border-top: 5px solid var(--theme-color, #0d6efd);
}

/* Titre couleur thème */
.theme-card .card-title{
  color: var(--theme-color, #0d6efd);
  font-weight: 800;
}

/* Bouton couleur thème */
.theme-card .btn{
  background: var(--theme-color, #0d6efd);
  border-color: var(--theme-color, #0d6efd);
  font-weight: 700;
  border-radius: 12px;
}

/* Hover */
.theme-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0,0,0,.10);
}

.theme-card .btn:hover{
  filter: brightness(0.92);
}

.theme-thumb{
  height: 170px;
  overflow: hidden;
}
.theme-thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
}


/* Aligner le début du texte "normal" entre cartes */
.card.theme-card .card-intro{
  text-transform: uppercase;
  font-weight: 800;
  font-size: .95rem;
  line-height: 1.45;
  letter-spacing: .02em;
  margin: 0 0 14px;

  min-height: 5.6em !important;
}

/* Le texte normal commence juste après */
.card.theme-card .card-text{
  margin: 0 !important;
}

.about-block { margin-top: 24px; }
.about-block .block-title { margin-bottom: 16px; }
.about-block p { margin-bottom: 24px; }
.about-block ul { margin-bottom: 24px; }

@media (max-width: 768px){
  .about-block { margin-top: 18px; }
}

.demarche{
  padding: 70px 0;
}

.demarche-lead{
  max-width: 900px;
  margin: 12px auto 0;
  font-size: 1.05rem;
  line-height: 1.6;
  opacity: .9;
}

.demarche-card{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  background: #fff;
  border-top: 5px solid var(--theme-color, #0d6efd);
  height: 100%;
}

.demarche-card-title{
  margin: 0 0 10px;
  font-weight: 800;
  color: var(--theme-color, #0d6efd);
}

.demarche-card-text{
  margin: 0 0 12px;
  line-height: 1.6;
}

.demarche-card-link{
  font-weight: 700;
  color: var(--theme-color, #0d6efd);
  text-decoration: none;
}

.demarche-card-link:hover{
  text-decoration: underline;
}

.demarche-highlight{
  border-radius: 16px;
  padding: 26px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
  border-left: 6px solid var(--theme-color, #0d6efd);
}

.demarche-photo{
  width: 100%;
  height: 340px;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}

@media (max-width: 768px){
  .demarche{ padding: 50px 0; }
  .demarche-photo{ height: 240px; }
}

/* Header centré et pas trop large */
.demarche-header{
  max-width: 980px;
  margin: 0 auto 26px; /* centre + espace sous le header */
}

.demarche-title{
  margin: 0 0 10px;
}

.demarche-subtitle{
  max-width: 900px;
  margin: 0 auto 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .90rem;
  line-height: 1.5;
  color: var(--accent-gold);
  font-weight: 900;
}

.demarche-intro{
  margin: 0 auto 22px;
  font-weight: 700;
  font-size: 1rem;
  opacity: .9;
}


/* Réduire l'espace global de la section */
.demarche{
  padding: 45px 0;   /* au lieu de 70px */
}

.separator{
  height: 1px;
  background: #2F449D;
  margin: 40px 0;
  opacity: .7;
}

.demarche-intro{
  margin: 0 auto 22px;
  font-weight: 700;
  font-size: 1rem;
  opacity: .9;
}

/* Cartes : lien toujours en bas */
.demarche-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.demarche-card .demarche-card-text{
  flex: 1 1 auto;   /* prend l'espace restant */
}

/* optionnel : rendre le lien plus "bouton" */
.demarche-card-link{
  margin-top: 14px;
  font-weight: 800;
  text-decoration: none;
}

:root{
  --accent-gold: #b6a77a; /* couleur du bouton Découvrir l'équipe */
}


/* --- Démarche : on reprend la main sur les 2 paragraphes sous le titre --- */
.demarche .demarche-subtitle{
  text-transform: uppercase !important;     /* enlève les capitales */
  letter-spacing: .06em !important;        /* enlève l'espacement des lettres */
  color: var(--accent-gold) !important;/* couleur du bouton */
  font-weight: 700 !important;         /* gras */
  font-size: 1rem !important;
  line-height: 1.6 !important;
  max-width: 900px;
  margin: 10px auto 8px !important;
}

.demarche .demarche-intro{
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #1a1a1a !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  opacity: .9 !important;
  margin: 0 auto 18px !important;
}

.featured-collection .featured-collection-subtitle{
  text-transform: uppercase !important;     /* enlève les capitales */
  letter-spacing: .06em !important;        /* enlève l'espacement des lettres */
  color: var(--accent-gold) !important;/* couleur du bouton */
  font-weight: 700 !important;         /* gras */
  font-size: 1rem !important;
  line-height: 1.6 !important;
  max-width: 900px;
  margin: 10px auto 8px !important;
}


/* =========================
   PAGE NOTRE ÉQUIPE
   ========================= */

.about-one { padding: 90px 0 !important; } /* au lieu de 120 si tu veux moins d'air */

/* Titre + intro */
.team-intro{
  max-width: 900px;
  margin: 12px auto 0;
  font-size: 1rem;
  line-height: 1.7;
  color: #444;
}

/* Filtres */
.filter-button-group{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.filter-button-group .thm-btn{
  padding: 10px 16px;
  margin: 0;                 /* on enlève les margin inline */
  opacity: .85;
  transition: transform .15s ease, opacity .15s ease;
}

.filter-button-group .thm-btn:hover{
  opacity: 1;
  transform: translateY(-1px);
}

.filter-button-group .thm-btn.active{
  opacity: 1;
  box-shadow: 0 10px 25px rgba(0,0,0,.10);
}

/* Grille team */
.team-grid{
  margin-top: 10px;
}

.team-item{
  margin-bottom: 30px; /* remplace les styles inline */
}

/* Carte cliquable */
.team-item a{
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}

.team-item .card{
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}

.team-item .card:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(0,0,0,.12);
}

/* Images : même hauteur et cadrage propre */
.team-img,
.team-item .card-img-top{
  width: 100%;
  height: 230px;         /* ajuste si tu veux */
  object-fit: cover;
  display: block;
}

/* Texte carte */
.team-item .card-body{
  padding: 16px 16px 18px;
}

.team-item .card-title{
  font-weight: 800;
  margin: 0 0 6px;
  font-size: 1.05rem;
}

.team-item .card-text{
  margin: 0;
  color: #555;
  line-height: 1.5;
}

/* Popup Magnific : plus lisible */
.white-popup{
  position: relative;
  background: #fff;
  padding: 24px;
  max-width: 720px;
  margin: 20px auto;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
}

.white-popup h3{
  margin: 0 0 8px;
  font-weight: 900;
}

.white-popup h5{
  margin: 0 0 14px;
  color: #555;
  font-weight: 700;
}

.white-popup p{
  margin: 0;
  line-height: 1.7;
  color: #333;
}


/* Couleurs = mêmes thèmes que la home */
:root{
  --c-securite:#2c6f86;
  --c-sport:#5b4b8a;
  --c-jeunesse:#5b4b8a;
  --c-aines:#5b4b8a;
  --c-gold:#b7a57a;     /* couleur "accent" (ex: sous-titres) */
  --c-separator:#2F449D;
  --c-environnement:#3f6f3f;
  --c-social:#b84545;
}

/* ====== Filtres isotope colorés ====== */
.filter-button-group{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.filter-btn{
  padding:10px 16px;
  border-radius:14px;
  opacity:.85;
  transition: transform .15s ease, opacity .15s ease, box-shadow .15s ease;
}

.filter-btn:hover{ opacity:1; transform:translateY(-1px); }

.filter-btn.active{
  opacity:1;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
}

/* Chaque thème */
.filter-securite{ background:var(--c-securite) !important; }
.filter-sport{ background:var(--c-sport) !important; }
.filter-jeunesse{ background:var(--c-sport) !important; }
.filter-aines{ background:var(--c-sport) !important; }
.filter-environnement{ background:var(--c-environnement) !important; }
.filter-enfant{ background:var(--c-environnement) !important; }
.filter-sante{ background:var(--c-social) !important; }
.filter-social{ background:var(--c-social) !important; }
.filter-culture{ background:var(--c-social) !important; }


.filter-securite, .filter-sport, .filter-jeunesse, .filter-aines, .filter-environnement, .filter-enfant, .filter-sante, .filter-social, .filter-culture    {
  color:#fff !important;
}

/* Bouton "Tout" plus neutre */
.filter-btn[data-filter="*"]{
  background:#1a1a1a !important;
  color:#fff !important;
}

/* ====== Cartes équipe + badge ====== */
.team-card{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
  height:100%;
}

.team-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 38px rgba(0,0,0,.12);
}

.team-media{
  position:relative;
  overflow:hidden;
}

.team-img, .team-card .card-img-top{
  width:100%;
  height:230px;          /* ajuste si besoin */
  object-fit:cover;
  display:block;
}

/* Pastille */
.team-badge{
  position:absolute;
  top:12px;
  left:12px;
  padding:7px 10px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:800;
  color:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.18);
  letter-spacing:.02em;
}




/* ===== TITRES DE SECTION (GLOBAL) ===== */

.section-title{
  text-align: center;
  margin-bottom: 40px;
}

.section-title h2,
.section-title h3{
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 12px;
}

.section-title .section-subtitle{
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #b8a47c; /* même couleur que "Découvrir l'équipe" */
  max-width: 900px;
  margin: 0 auto 10px;
}

.section-title .section-intro{
  font-size: 0.95rem;
  font-weight: 600;
  color: #333;
  margin-top: 10px;
}




/* ==================================================
   CUSTOM (BriceLauret) — styles spécifiques
   Objectif : garder le thème d'origine intact, et centraliser ici les ajouts/surcharges.
   ================================================== */

/* ---------- Séparateur ---------- */
.separator{
  height:1px;
  background:var(--c-separator);
  margin:56px 0;
}

/* ---------- Ajustements généraux de sections ---------- */
.section-wrap{
  max-width:1140px;
  margin:0 auto;
  padding-left:15px;
  padding-right:15px;
}


/* ==================================================
   PAGE ÉQUIPE — filtres + cartes + popups
   ================================================== */

/* Boutons Isotope : couleurs = thèmes accueil (sans modifier le HTML) */
.filter-button-group button{
  border:0;
  padding:10px 16px;
  margin:5px;
  border-radius:14px;
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
  transition:transform .12s ease, filter .12s ease, opacity .12s ease;
}
.filter-button-group button:hover{ transform:translateY(-1px); }
.filter-button-group button.active{ filter:saturate(1.05) brightness(.95); }

.filter-button-group button[data-filter="*"]{ background:#111; }
.filter-button-group button[data-filter=".securite"]{ background:var(--c-securite); }
.filter-button-group button[data-filter=".sport"]{ background:var(--c-sport); }
.filter-button-group button[data-filter=".jeunesse"]{ background:var(--c-jeunesse); }
.filter-button-group button[data-filter=".aines"]{ background:var(--c-aines); }
.filter-button-group button[data-filter=".environnement"]{ background:var(--c-environnement); }
.filter-button-group button[data-filter=".enfant"]{ background:var(--c-environnement); }
.filter-button-group button[data-filter=".sante"]{ background:var(--c-social); }
.filter-button-group button[data-filter=".social"]{ background:var(--c-social); }
.filter-button-group button[data-filter=".culture"]{ background:var(--c-social); }


/* Pastille sur les cartes */
.team-badge{
  position:absolute;
  top:12px;
  left:12px;
  padding:7px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  color:#fff;
  z-index:2;
  box-shadow:0 10px 18px rgba(0,0,0,.16);
}


/* Couleur du badge selon thème */
.team-badge.securite{ background:var(--c-securite); }
.team-badge.sport{ background:var(--c-sport); }
.team-badge.jeunesse{ background:var(--c-sport); }
.team-badge.aines{ background:var(--c-sport); }
.team-badge.environnement{ background:var(--c-environnement); }
.team-badge.enfant{ background:var(--c-environnement); }
.team-badge.sante{ background:var(--c-social); }
.team-badge.social{ background:var(--c-social); }
.team-badge.culture{ background:var(--c-social); }




/* Image cartes : ratio recommandé = 4:3 (ex 1200x900) ou 800x600.
   L'important : même ratio partout + visage centré. */
.team-img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
  display:block;
}

/* Carte équipe */
.team-item .card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  overflow:hidden;
  height:100%;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
  transition:transform .15s ease, box-shadow .15s ease;
}
.team-item .card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(0,0,0,.10);
}
.team-item .card-body{ padding:16px 16px 18px; }

/* Nom/prénom */
.team-item .card-title{
  margin:0 0 6px;
  font-size:16px;
  font-weight:900;
  text-transform:none;
  letter-spacing:0;
  color:#111;
}

/* Rôle (remplace le style “block-title p” : on force plus spécifique) */
.team-item .team-role{
  margin:0;
  text-transform:none !important;
  letter-spacing:normal !important;
  font-size:0.92rem;
  line-height:1.35;
  color:#666;
  font-weight:600;
}

/* Popup Magnific : version plus élégante */
.white-popup{
  position:relative;
  background:#fff;
  max-width:840px;
  margin:40px auto;
  padding:28px 28px 26px;
  border-radius:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}
.white-popup h3{
  margin:0 0 6px;
  font-weight:900;
  font-size:26px;
  color:#111;
}
.white-popup h5{
  margin:0 0 14px;
  font-weight:700;
  color:#555;
}
.white-popup p{
  color:#333;
  line-height:1.65;
  margin:0;
}
.white-popup p strong{ color:#111; }

/* Bouton close Magnific */
.mfp-close{
  width:40px !important;
  height:40px !important;
  line-height:40px !important;
  border-radius:10px;
  right:12px !important;
  top:12px !important;
  background:rgba(0,0,0,.06);
  opacity:1;
}
.mfp-close:hover{ background:rgba(0,0,0,.10); }

/* =========================================
   TEAM GRID : cartes même hauteur (Isotope OK)
   ========================================= */

.team-item .card{
  height: 100% !important;   /* garde la carte pleine hauteur de l'item */
  min-height: 390px;         /* <-- ajuste (400/420/450) selon ton rendu */
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
}

/* Image : hauteur FIXE sinon chaque carte change */
.team-item img.card-img-top,
.team-item .team-img{
  height: 240px !important;  /* <-- ajuste (220/240/260) */
  width: 100%;
  object-fit: cover;
  display: block;
}

/* Le contenu prend le reste */
.team-item .card-body{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* ==============================
   TEAM ROLE – tiret aligné
   ============================== */

.team-item .team-role{
  position: relative;
  padding-left: 20px; /* espace pour le tiret */
  margin-top: 10px;

  font-size: 0.90rem;
  line-height: 1.3;
  color: #666;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* Tiret décoratif */
.team-item .team-role::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;           /* 🔑 alignement vertical stable */
  width: 24px;
  height: 2px;
  background-color: #b7a87a; /* doré du thème */
  opacity: 0.7;
}

/* Masquer le tiret du team-role sur mobile */
@media (max-width: 767px) {
  .team-item .team-role::before {
    display: none;
  }

  .team-item .team-role {
    padding-left: 0; /* on enlève l'espace réservé au tiret */
  }
}


/* =========================
   PAGE PROJETS (1 colonne)
========================= */

.projet-hero{
  margin: 10px 0 35px;
  padding: 22px 20px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  border-top: 5px solid var(--theme-color, #2c6f86);
}

.projet-badge{
  display:inline-block;
  font-weight:700;
  font-size:0.9rem;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--theme-color, #2c6f86);
  color:#fff;
  margin-bottom: 10px;
}

.projet-title{
  margin: 0 0 8px;
  font-size: 2rem;
  line-height: 1.15;
  color:#111;
}

.projet-intro{
  margin:0;
  max-width: 900px;
  color:#444;
  line-height:1.6;
}

.projet-section{
  margin: 0 0 34px;
}

.projet-h2{
  font-size: 1.35rem;
  margin: 0 0 12px;
  color:#111;
}

.projet-list{
  margin: 0;
  padding-left: 18px;
  color:#333;
  line-height:1.65;
}

.projet-referents{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.projet-person{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 12px 12px;
  border-radius: 14px;
  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
  text-decoration:none;
  color: inherit;
}

.projet-person img{
  width: 56px;
  height: 56px;
  border-radius: 14px;
  object-fit: cover;
}

.projet-person-name{
  font-weight: 800;
  color:#111;
  line-height:1.2;
}

.projet-person-role{
  color:#666;
  font-size: 0.95rem;
  line-height:1.2;
}

.projet-quote{
  background:#fff;
  border-left: 5px solid var(--theme-color, #2c6f86);
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.projet-quote p{
  margin:0 0 8px;
  color:#333;
  line-height:1.65;
}

.projet-sign{
  font-weight: 800;
  color:#111;
}

.projet-tract{
  background:#fff;
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  border-top: 5px solid var(--theme-color, #2c6f86);
}

.projet-tract-preview{
  display:block;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,0.08);
}

.projet-tract-preview img{
  width:100%;
  height:auto;
  display:block;
}

.projet-tract-actions{
  display:flex;
  gap: 12px;
  align-items:center;
  flex-wrap:wrap;
  margin-top: 14px;
}

.projet-link{
  color:#333;
  text-decoration:none;
  font-weight:700;
}

.projet-link:hover{
  text-decoration: underline;
}

.projet-cta{
  margin-top: 40px;
  padding-top: 10px;
}

/* Accordéon Projet */
.projet-acc{
  border-radius: 16px;
  background:#fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  border-top: 5px solid var(--theme-color, #2c6f86);
  overflow: hidden;
  margin-bottom: 18px;
}

.projet-acc__sum{
  list-style: none;
  cursor: pointer;
  padding: 18px 18px;
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 14px;
}

.projet-acc__sum::-webkit-details-marker{ display:none; }

.projet-acc__kicker{
  display:inline-block;
  font-weight:800;
  font-size: .85rem;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--theme-color, #2c6f86);
  color:#fff;
  margin-bottom: 10px;
}

.projet-acc__title{
  margin: 0 0 6px;
  font-size: 1.6rem;
  line-height:1.15;
  color:#111;
}

.projet-acc__intro{
  margin: 0;
  color:#444;
  line-height:1.6;
  max-width: 950px;
}

.projet-acc__chev{
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 1;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(0,0,0,0.10);
  color:#111;
  flex: 0 0 auto;
}

.projet-acc[open] .projet-acc__chev{
  transform: rotate(45deg);
}

.projet-acc__content{
  padding: 0 18px 18px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.projet-h3{
  margin: 16px 0 10px;
  font-size: 1.1rem;
  color:#111;
}

.projet-p{
  margin: 0;
  color:#333;
  line-height:1.65;
}

/* ENTÊTE toujours visible colorée */
.projet-acc__sum{
  /* fond léger “teinté” par la couleur du thème */
  background: color-mix(in srgb, var(--theme-color, #2c6f86) 10%, #ffffff);
}

/* Titre = couleur du thème */
.projet-acc__title{
  color: var(--theme-color, #2c6f86);
}

/* Intro + kicker plus cohérents */
.projet-acc__intro{
  color: color-mix(in srgb, var(--theme-color, #2c6f86) 60%, #111);
}

/* Bouton + (chevron) aux couleurs du thème */
.projet-acc__chev{
  border-color: color-mix(in srgb, var(--theme-color, #2c6f86) 40%, rgba(0,0,0,0.12));
  color: var(--theme-color, #2c6f86);
  background: #fff;
}

/* Option : petite barre accent à gauche de l’entête */
.projet-acc__head{
  position: relative;
  padding-left: 14px;
}
.projet-acc__head::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:4px;
  border-radius: 4px;
  background: var(--theme-color, #2c6f86);
}
/* Page projet : respire */
.projet-page{
  padding: 80px 0;
}

/* Titre */
.projet-head{
  margin-bottom: 30px;
}
.projet-title{
  font-size: 46px;
  font-weight: 800;
  margin: 0;
}
.projet-subtitle{
  max-width: 900px;
  margin: 12px auto 0;
  color: #8f8f8f;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

/* IMPORTANT : l’accordéon n’est plus pleine largeur */
.projet-wrap{
  max-width: 980px;     /* ajuste : 900 / 1000 selon ton goût */
  margin: 0 auto;       /* centre */
  padding: 0 10px;      /* petite marge mobile */
}

/* Accordéon */
.projet-acc{
  background: #eef6f8;
  border-radius: 18px;
  margin: 18px 0;
  border-top: 4px solid var(--theme-color);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Summary */
.projet-acc__sum{
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 18px;
}
.projet-acc__sum::-webkit-details-marker{ display:none; }

/* Pastille thème */
.projet-chip{
  background: var(--theme-color);
  color: #fff;
  border-radius: 999px;
  padding: 7px 12px;
  font-weight: 700;
  font-size: 13px;
  flex: 0 0 auto;
  margin-top: 2px;
}

/* Texte */
.projet-acc__txt{ flex: 1; }
.projet-acc__h{
  display:block;
  font-size: 28px;
  font-weight: 800;
  color: #1a1a1a;
  line-height: 1.15;
}
.projet-acc__p{
  display:block;
  margin-top: 6px;
  color: #3a3a3a;
  font-size: 15px;
  line-height: 1.4;
}

/* Icône + */
.projet-acc__icon{
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.15);
  display: grid;
  place-items: center;
  font-weight: 900;
  color: var(--theme-color);
  background: #fff;
}

/* Contenu */
.projet-acc__content{
  padding: 0 18px 18px;
}
.projet-acc[open] .projet-acc__content{
  padding-top: 8px;
}

/* Quand c’est ouvert : le + devient un - (visuel simple) */
.projet-acc[open] .projet-acc__icon{ color: #fff; background: var(--theme-color); }
.projet-acc[open] .projet-acc__icon::before{ content:"–"; }
.projet-acc:not([open]) .projet-acc__icon::before{ content:"+"; }

/* Grille des cartes */
.projet-cards-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

/* Carte */
.projet-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px 18px 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

.projet-card h4{
  margin: 0 0 10px;
  font-weight: 800;
  font-size: 1.05rem;
  color: #1a1a1a;
}

/* Listes dans les cartes */
.projet-card ul{
  margin: 0;
  padding-left: 18px;
}

.projet-card li{
  margin: 8px 0;
  line-height: 1.45;
  color: #555;
}

/* Responsive */
@media (max-width: 992px){
  .projet-cards-grid{
    grid-template-columns: 1fr;
  }
}

/* TOPBAR */
.topbar-one{
  background: var(--brand-night) !important;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.topbar-one p,
.topbar-one a,
.topbar-one i{
  color: var(--brand-white) !important;
  opacity: .92;
}

/* NAVBAR */
.main-nav-one{
  background: linear-gradient(135deg, var(--brand-deep), var(--brand-night)) !important;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.main-nav-one .logo-box h6,
.main-nav-one .logo-box h2,
.main-nav-one .logo-box p{
  color: var(--brand-white) !important;
}

.main-nav-one .main-nav__navigation-box > li > a{
  color: var(--brand-white) !important;
  font-weight: 600;
  padding: 10px 12px;
  border-radius: 10px;
  transition: background .2s ease, color .2s ease;
}

.main-nav-one .main-nav__navigation-box > li > a:hover,
.main-nav-one .main-nav__navigation-box > li.current > a{
  background: rgba(255,255,255,.10);
}


.site-footer{
  background: var(--brand-night) !important;
}

.site-footer__upper{
  background: linear-gradient(135deg, var(--brand-deep), var(--brand-night)) !important;
  border-top: 1px solid rgba(255,255,255,.10);
}

.site-footer__bottom{
  background: var(--brand-night) !important; /* un cran plus sombre */
  border-top: 1px solid rgba(255,255,255,.10);
}

.site-footer,
.site-footer a,
.site-footer p,
.site-footer h2{
  color: var(--brand-white) !important;
}

.site-footer a:hover{
  opacity: .85;
}


.projet-tract-preview {
  display: block;
  max-width: 340px;   /* largeur VISUELLE de la carte */
  margin: 0 auto;     /* centrage */
}

.projet-tract-preview img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  transition: transform 0.3s ease;
}

.projet-tract-preview:hover img {
  transform: scale(1.03);
}

@media (max-width: 768px) {
  .projet-tract-preview {
    max-width: 220px;
  }
}

/* ===== Actualités ===== */
.page-header--actu { padding: 70px 0 30px; text-align: center; }
.page-header--actu .page-title { margin: 0; }
.page-header--actu .page-subtitle { margin: 10px 0 0; opacity: .8; }

.actus { padding: 30px 0 80px; }
.actus-toolbar {
  display:flex; gap:16px; align-items:flex-start; justify-content:space-between;
  flex-wrap:wrap; margin-bottom:24px;
}
.actus-filters { flex: 1 1 720px; }
.actus-view { display:flex; gap:8px; align-items:center; }
.actus-view-btn {
  padding:10px 14px; border:1px solid rgba(0,0,0,.12);
  border-radius:12px; text-decoration:none;
}
.actus-view-btn.is-active { font-weight:700; }

.actu-card {
  background:#fff; border-radius: 18px; overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  height:100%; display:flex; flex-direction:column;
}
.actu-card__img img {
  width:100%; height: 210px; object-fit: cover; display:block;
}
.actu-card__body {
  padding: 18px 18px 22px;
  flex:1; display:flex; flex-direction:column; gap:10px;
}

.actu-meta { display:flex; gap:10px; align-items:center; font-size:.9rem; opacity:.85; }
.actu-cat { padding: 4px 10px; border-radius:999px; background: rgba(0,0,0,.06); }

.actu-title { font-size: 1.2rem; margin:0; }
.actu-title a { text-decoration:none; }
.actu-excerpt { margin:0; opacity:.9; }
.actu-more { margin-top:auto; font-weight:700; text-decoration:none; }

.actus-list { display:flex; flex-direction:column; gap:16px; }
.actu-row {
  display:flex; gap:16px; background:#fff; border-radius:18px; overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.actu-row__img { flex: 0 0 260px; }
.actu-row__img img { width:100%; height:100%; object-fit:cover; display:block; }
.actu-row__body { padding:18px 18px 22px; flex:1; display:flex; flex-direction:column; gap:10px; }

.actus-pager { margin-top: 28px; }
.actus-pager__inner { display:flex; align-items:center; justify-content:center; gap:14px; }
.actus-pager__count { opacity:.8; }
.is-disabled { pointer-events:none; opacity:.45; }

.actu-hero { padding: 60px 0 0; }
.actu-hero__title { margin: 10px 0 0; }
.actu-hero__lead { margin: 12px 0 0; opacity:.85; }
.actu-hero__img img {
  width:100%; max-height: 520px; object-fit: cover; display:block; margin-top: 18px;
}
.actu-content { padding: 40px 0 80px; }
.actu-content__inner { max-width: 820px; margin: 0 auto; }
.actu-back { margin-top: 30px; text-align:center; }

@media (max-width: 768px){
  .actu-row { flex-direction:column; }
  .actu-row__img { flex: 0 0 auto; }
  .actu-card__img img { height: 190px; }
}

.site-footer {
  background: #0f2a3a;
  color: #ffffff;
}

.site-footer__upper {
  padding: 60px 0 40px;
}

.footer-title {
  font-weight: 600;
  margin-bottom: 15px;
  color: #ffffff;
}

.footer-links,
.footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li,
.footer-contact li {
  margin-bottom: 8px;
}

.footer-links a,
.footer-contact a {
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  font-size: 0.95rem;
}

.footer-links a:hover,
.footer-contact a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.footer-social a {
  font-size: 26px;
  color: #ffffff;
  margin-right: 10px;
}

.site-footer__bottom {
  border-top: 1px solid rgba(255,255,255,0.15);
  padding: 15px 0;
  font-size: 0.85rem;
}

.actu-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  margin: 20px 0;
}

.actu-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.actu-video-fallback{display:block;text-decoration:none}
.actu-video-fallback .thumb{position:relative;border-radius:12px;overflow:hidden}
.actu-video-fallback img{width:30%;display:block}
.actu-video-fallback .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px}
.actu-video-fallback .label{margin-top:10px;font-weight:600}

/* ============================
   THEMES (Equipe) - Couleurs
   ============================ */

/* 1) Thème "Marron" (tract Voirie / Cadre de vie / Commerce)
   -> même famille de couleur, variantes légères par sous-thème */
:root{
  --theme-marron: #8B6B3D;          /* couleur principale */
  --theme-marron-voirie: #7A5C33;
  --theme-marron-cadrevie: #8B6B3D;
  --theme-marron-commerce: #9A7A4B;

  /* 2) Thème "Gris" (RH / Finance) */
  --theme-gris: #6B7280;           /* gris neutre (type slate) */
  --theme-gris-rh: #6B7280;
  --theme-gris-finance: #4B5563;   /* un peu plus soutenu */
}

/* ----------------------------
   Boutons filtres (pastilles haut de page)
   Adapte les sélecteurs si tes filtres ont une classe différente
   Ex: .team-filter-btn ou .filter-btn etc.
   ---------------------------- */
.team-filter-btn.cadrevie,
.team-filter-btn.voirie,
.team-filter-btn.commerce{
  background: var(--theme-marron);
  color:#fff;
}

.team-filter-btn.voirie{ background: var(--theme-marron-voirie); }
.team-filter-btn.cadrevie{ background: var(--theme-marron-cadrevie); }
.team-filter-btn.commerce{ background: var(--theme-marron-commerce); }

.team-filter-btn.rh,
.team-filter-btn.finance{
  background: var(--theme-gris);
  color:#fff;
}
.team-filter-btn.finance{ background: var(--theme-gris-finance); }

.filter-btn:hover{ opacity:1; transform:translateY(-1px); }

/* ----------------------------
   Pastilles sur les cartes équipe (badge dans la photo)
   Ton HTML utilise: <span class="team-badge securite">Sécurité</span>
   donc on suit la même logique
   ---------------------------- */
.team-badge.cadrevie,
.team-badge.voirie,
.team-badge.commerce{
  background: var(--theme-marron);
  color:#fff;
}

.team-badge.voirie{ background: var(--theme-marron-voirie); }
.team-badge.cadrevie{ background: var(--theme-marron-cadrevie); }
.team-badge.commerce{ background: var(--theme-marron-commerce); }

.team-badge.rh,
.team-badge.finance{
  background: var(--theme-gris);
  color:#fff;
}
.team-badge.finance{ background: var(--theme-gris-finance); }

/* ----------------------------
   (Optionnel) mini-liseré dans la carte selon le thème
   Si tu as un élément "tiret" ou "line" dans la card, tu peux le teinter.
   Exemple si tu as .team-line ou un pseudo-element:
   ---------------------------- */
.team-item.cadrevie .team-role::before,
.team-item.voirie .team-role::before,
.team-item.commerce .team-role::before{
  background: var(--theme-marron);
}
.team-item.voirie .team-role::before{ background: var(--theme-marron-voirie); }
.team-item.commerce .team-role::before{ background: var(--theme-marron-commerce); }

.team-item.rh .team-role::before,
.team-item.finance .team-role::before{
  background: var(--theme-gris);
}
.team-item.finance .team-role::before{ background: var(--theme-gris-finance); }

/* Bouton thème : prend la couleur du thème */
.theme-card .btn.btn-primary{
  background: var(--theme-color);
  border-color: var(--theme-color);
}
.theme-card .btn.btn-primary:hover{
  filter: brightness(0.92);
}