@font-face {
    font-family: 'Canaro';
    src: url('../fonts/Canaro-Medium.eot');
    src: url('../fonts/Canaro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Canaro-Medium.woff2') format('woff2'),
        url('../fonts/Canaro-Medium.woff') format('woff'),
        url('../fonts/Canaro-Medium.ttf') format('truetype'),
        url('../fonts/Canaro-Medium.svg#Canaro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Canaro Book';
    src: url('../fonts/Canaro-Book.eot');
    src: url('../fonts/Canaro-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Canaro-Book.woff2') format('woff2'),
        url('../fonts/Canaro-Book.woff') format('woff'),
        url('../fonts/Canaro-Book.ttf') format('truetype'),
        url('../fonts/Canaro-Book.svg#Canaro-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* GENERAL */
body {
	font-family:'Canaro Book',sans-serif;
}
.grid-container {
	max-width:95rem;
}
/* HEADER */

.link-contact {
	background:url('../images/bg-contact.png');
	background-size:100%;
	display:block;
	width:330px;
	height:46px;
	line-height:46px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
}
.link-contact:hover, .link-contact:focus, .link-contact:visited, .link-contact:active {
	color:#fff;
}
.top-bar, .top-bar ul {
	background:transparent;
}
.logo {
	width:364px;
	height:213px;
}
.menu-link {
	width:68px;
	height:68px;
}
.wp-block-social-links {
	display:block!important;
}
.wp-social-link {
	margin:3px 0!important;
	background:#fff!important;
	color:rgb(149,44,115)!important;

}
.wp-block-social-link-anchor {
	line-height:0!important;
}
h1, h2 {
	color:#202a4d;
	font-size:28px;
	font-family:'Canaro',sans-serif;
	text-transform:uppercase;
}
h3 {
	color:#202a4d;
	font-size:21px;
	font-family:'Canaro',sans-serif;
	margin-top:15px;
	text-transform:uppercase;
}
h1:after, h2:after {
	content:'';
	display:block;
	width:38px;
	height:6px;
	border-radius:6px;
	background: rgb(149,44,115);
	background: linear-gradient(85deg, rgba(149,44,115,1) 0%, rgba(206,61,97,1) 100%);
	margin:30px 60px;
}
h1.has-text-align-center:after, h2.has-text-align-center:after {
	margin:30px auto;
}
.wp-block-separator {
	display:block;
	width:38px;
	height:6px;
	border-radius:6px;
	background: rgb(149,44,115);
	background: linear-gradient(85deg, rgba(149,44,115,1) 0%, rgba(206,61,97,1) 100%);
	margin:30px 60px;
	border:none;
}
p {
	color:#b4b4b4;
	font-size:15px;
}
.bloc-gris {
	padding:100px 150px;
	margin:50px 0 70px 0;
	background-color: #f0f0f0;
}
.more .gutentor-image-thumb {
	position:relative;
	overflow:visible!important;
}
.more .gutentor-image-thumb:after {
	content:'+';
	display:block;
	width:35px;
	height:35px;
	background:#202a4d;
	border:solid 1px #fff;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:15px;
	line-height:35px;
	border-radius:50%;
	position:absolute;
	right:-17px;
	top:50%;
	margin-top:-17px;
}
.more:hover .gutentor-image-thumb:after {
	transform-origin: center;
	transform: scale(1.2);
}
.gutentor-carousel-item {
  width:154px;
  height:154px;
}
.gutentor-carousel-item .gutentor-element-image {
  border-radius:50%;
  background:#fff;
  padding:20px;
  width:154px;
  height:154px;
}
.fancybox-content {
	width:800px;
	max-width:95%;
}
.hidecontent {
	display:none;
}
.center-bloc {
	width:800px;
	max-width:100%;
	margin:0 auto;
}
.gutentor-module-accordion-item {
	background-image: linear-gradient(31deg,rgb(145,43,116) 0,rgb(209,61,94) 100%);
	border-radius:35px;
	margin-bottom:10px;
	color:#fff!important;
}
.gutentor-module-accordion-item p {
	color:#fff!important;
}
.gutentor-module-accordion-item-heading {
	background:transparent!important;
	text-transform:uppercase;
}
.gutentor-module-icon-position-right .gutentor-module-accordion-icon {
	display:block;
	width:35px;
	height:35px;
	background:#202a4d;
	border:solid 1px #fff;
	color:#fff;
	line-height:35px;
	border-radius:50%;
	text-align:center;
	margin-right:-27px;

}
.footer {
	background: rgb(149,44,115);
	background: linear-gradient(85deg, rgba(149,44,115,1) 0%, rgba(206,61,97,1) 100%);
	border-radius:50px 50px 0 0;
	text-align:center;
	padding:25px;
}
.footer a,.footer p {
	color:#fff;
	font-size:10px;
	margin:0;
}
input, textarea {
	border-radius:35px!important;
	border:solid 1px #202a4d!important;
}
input {
	height:47px!important;
	line-height:57px!important;
}
textarea {
	height:135px!important;
	padding:10px;
}
input::placeholder, textarea::placeholder {
	color: #202a4d!important;
}
input.wpcf7-submit {
	background: rgb(149,44,115);
	background: linear-gradient(85deg, rgba(149,44,115,1) 0%, rgba(206,61,97,1) 100%);
	border:none!important;
	color:#fff;
	width:150px;
	display:block;
	max-width:150px;
	margin:0 auto;
}
.wpcf7 {
	width:980px;
	max-width:100%;
	margin:0 auto;
}
.wp-block-gutentor-m4-col {
	position:initial;
}
.illus-1 {
	position:absolute;
	top:0;
	right:-50px;
	height:929px;
}
.illus-1 img {
	height:929px!important;
}
@media (max-width: 1685px) {
	.illus-1 {
		right:-100px;
	}
}
@media (max-width: 1430px) {
	.illus-1 {
		right:-260px;
	}
}
@media (max-width: 1260px) {
	.illus-1 {
		right:-360px;
	}
}
@media (max-width: 1160px) {
	.illus-1 {
		right:-460px;
	}
}
@media (max-width: 1000px) {
	.illus-1 {
		display:none;
	}
}
.top-bar .top-bar-right {
	z-index:8;
}
#centre {
	position:relative;
}
#centre:before {
	content:url('../images/illustration-2.png');
	display:block;
	width:929px;
	height:929px;
	position:absolute;
	bottom:0;
	left:-30%;
}
@media (max-width: 1500px) {
	#centre:before {
		left:-40%;
	}
}
@media (max-width: 1200px) {
	#centre:before {
		display:none;
	}
}
#offcanvas-nav {
	margin-top:75px;
}
#offcanvas-nav li {
	width:85%;
	margin:0 auto;
	color:#fff;
	background: rgb(149,44,115);
	background: linear-gradient(85deg, rgba(149,44,115,1) 0%, rgba(206,61,97,1) 100%);
	border-radius: 35px;
    text-align: center;
    margin-bottom: 15px;
}
#offcanvas-nav li a {
	color:#fff;
}
.off-canvas {
	background:#fff;
	width:250px;
}
.sticky-container {
	z-index:9;
}
.is-stuck {
	background:#fff;
	padding: 15px 0 0 0;
}
.is-stuck .logo {
	width:170px;
	height:100px;
}
.is-stuck .top-bar-right .menu {
	background: rgb(149,44,115);
	background: linear-gradient(85deg, rgba(149,44,115,1) 0%, rgba(206,61,97,1) 100%);
	border-radius: 55px 0 0 55px;
}
@media (max-width: 1000px) {
	.bloc-gris {
		padding:100px 15px;
	}
}
@media (max-width: 700px) {
	.menu {
		justify-content:center;
	}
	.top-bar-right .menu {
		top: 30px;
		position: absolute;
		right: 0;
		background: rgb(149,44,115);
		background: linear-gradient(85deg, rgba(149,44,115,1) 0%, rgba(206,61,97,1) 100%);
		border-radius: 55px 0 0 55px;
	}
	h1, h2 {
		font-size:25px;
	}
	h {
		font-size:20px;
	}

}