@font-face {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/OpenSans-Regular.woff2) format('woff2');
}
@font-face {
  font-family: "Playfair", serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/Playfair_9pt-Regular.woff2) format('woff2');
}

html {
	overflow: hidden;
	overflow-y: auto;
}
body {
	overflow: hidden;
	font-size:16px;
	color: var(--textColor);
	background-color: var(--whiteColor);
	line-height: 1.3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 500;
}
html,
body,
button,
input,
select,
textarea {
	font-family: "Open Sans", sans-serif;
}
article,
aside,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Playfair", serif;
	line-height: 1.2;
}
h1 {
	font-size: 40px;
	font-weight: 600;
	color: var(--blackColor);
}
h2 {
	font-size: 30px;
	font-weight: 600;
	color: var(--blackColor);
}
h3 {
	font-size: 20px;
	font-weight: 500;
	color: var(--blackColor);
}
h4, h5, h6 {
	font-weight: 500;
	color: var(--blackColor);
}
h4 {
	font-size: 18px;
}

h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
a,
a:visited,
a:focus {
  outline: none;
  color: var(--themeColor1); 
  text-decoration:none;
}
a:hover {
	outline: none;
	text-decoration: none;
	color: var(--themeColor1);
}
.content-section {
	position:relative;
}
.cover-image {
	background-size:cover!important;
	background-position: center center!important;
}
.hero-banner-bg.cover-image {
	background-size:cover!important;
	background-position: bottom center!important;
}
.bg-color {
	background-color: var(--bgColor);
}
span.nofollow-link {
  cursor: pointer;
}
span.nofollow-link:hover {
  text-decoration:underline;
}

.height-500 {
	min-height:500px;
}
.height-750 {
	min-height:750px;
}

/***********************************************************************
	MENUHEADER
***********************************************************************/
.navik-menu ul li > a {
	font-size: 16px;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
}
.navik-menu > ul > li:hover > a, 
.navik-menu > ul > li.current-menu > a {
	color: var(--themeColor1);
}
.navik-menu ul ul li > a {
	font-size: 16px;
	font-style: normal;
}
@media (min-width: 768px) {
	.header-shadow-wrapper::after {
	box-shadow: none;
	}
	.sticky .header-shadow-wrapper::after {
	box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.1);
	}
}
@media (min-width: 1200px) {
  .navik-header.sticky .logo img {
    max-height: 60px;
  }
}
@media (max-width:1023px) {
	.navik-header .logo {
	padding: 10px 0 10px 0;
	text-align: left;
	}
}

/***********************************************************************
	TITLE HOMEPAGE
***********************************************************************/
.title-home-area {
	background: var(--bgColor);
}
.title-home-area h1 {
	color: var(--whiteColor);
	margin: 0;
}

/***********************************************************************
	HEADING
***********************************************************************/
.heading {
	background-color: var(--whiteColor);
}
h2.heading {
	padding-right: 20px;
	font-size: 34px;
}
h2.heading span {
	color: var(--themeColor2);
}
.heading2 .heading:after {
    content: "";
    background: #BABDBF;
    right: 0;
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: 0px;
    border-radius: 100%;
}
.heading2 .line {
    background: #BABDBF;
    height: 1px;
    left: 0;
    position: absolute;
    top: 58%;
    width: 100%;
    z-index: -1;
    display: block;
}
@media (max-width:991px){
	.heading2 .heading:after,
	.heading2 .line {
    display:none;
	}
}

/***********************************************************************
	HOME BANNER
***********************************************************************/
.single-banner-item.cover-image::before {
	position:absolute;	
	content:"";
	background:rgba(255,255,255,.85);
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1;
	border-radius: 8px;
}
.single-banner-item a > h2 {
  max-width: 675px;
  margin-bottom: 25px;
  color: var(--blackColor);
  font-size: 50px;
  font-weight: 700;
  line-height:1;
}
.single-banner-item a:hover > h2 {
  color: var(--themeColor1);
}
.single-banner-item p {
  color: #252525;
  max-width: 590px;
  font-weight: 600;
  font-size: 16px;
}
.single-banner-item .default-btn {
  margin-top: 15px;
}
#banner-slides.owl-theme .owl-nav {
  margin-top: 0;
}
#banner-slides.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  font-size: 35px;
  line-height: 1;
  color: var(--themeColor1);
  background-color: transparent !important;
  transition: 0.5s;
  z-index: 1;
  padding: 0 0 0 6px !important;
}
#banner-slides.owl-theme .owl-nav [class*=owl-]::before {
  width: 28px;
  height: 35px;
  content: "";
  position: absolute;
  left: 0;
  transition: 0.5s;
  top: 0;
  z-index: -1;
  border: 1px solid var(--themeColor1);
  border-radius: 2px;
}
#banner-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 40px;
  padding: 0 6px 0 0 !important;
}
#banner-slides.owl-theme .owl-nav [class*=owl-].owl-next::before {
  left: auto;
  right: 0;
}
#banner-slides.owl-theme .owl-nav [class*=owl-]:hover {
  color: var(--blackColor);
}
#banner-slides.owl-theme .owl-nav [class*=owl-]:hover::before {
  border-color: var(--blackColor);
}
.owl-item.active .single-banner-item h2 {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  animation-delay: 0.7s;
}
.owl-item.active .single-banner-item p {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  animation-delay: 0.9s;
}
.owl-item.active .single-banner-item .default-btn {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  animation-delay: 1.1s;
}
.banner-bg {
  position: relative;
  z-index: 1;
}
.banner-bg::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 50%;
  z-index: -1;
  background-position: top center;
  background-size: cover;
  background-color: var(--bgColor);
  background-repeat: no-repeat;
}
.single-banner-item {
	border-radius: 9px;
}
@media (min-width:1400px) {
	.home-banner .container-fluid {
	padding-left: 100px;
	padding-right: 100px;
	}
	.single-banner-item {
	height:700px;
	}
	.single-banner-item {
	padding-top: 140px;
	padding-bottom: 170px;
	padding-left: 175px;
	padding-right: 175px;
	}
}
@media (min-width:1200px) and (max-width:1399px) {
	.home-banner .container-fluid {
	padding-left: 100px;
	padding-right: 100px;
	}
	.title-home-area h1 {
	font-size: 30px;
	}
	.single-banner-item {
	height: 500px;
    padding: 100px 60px;
	}
	.single-banner-item a > h2 {
	font-size: 40px;
	}
	#banner-slides.owl-theme .owl-nav [class*="owl-"] {
	left: 10px;
	}
	#banner-slides.owl-theme .owl-nav [class*="owl-"].owl-next {
	right: 10px;
	}
}
@media (min-width:768px) and (max-width:1199px) {
	.home-banner .container-fluid {
	padding-left: 50px;
	padding-right: 50px;
	}
	.title-home-area h1 {
	font-size: 30px;
	}
	.single-banner-item {
	height: 750px;
    padding: 50px 60px;
	}
	.single-banner-item a > h2 {
	font-size: 40px;
	}
	#banner-slides.owl-theme .owl-nav [class*="owl-"] {
	left: 10px;
	}
	#banner-slides.owl-theme .owl-nav [class*="owl-"].owl-next {
	right: 10px;
	}
}
@media (max-width:767px) {
	.home-banner .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
	}
	.single-banner-item {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
	height:640px;
	}
	.single-banner-item a > h2 {
	margin-bottom: 20px;
	max-width: 100%;
	font-size: 30px;
	}
	.single-banner-item p {
	max-width: 100%;
	font-size: 14px;
	}
	#banner-slides.owl-theme .owl-nav [class*=owl-] {
	left: 15px;
	top: auto;
	transform: translateY(-50px);
	}
	#banner-slides.owl-theme .owl-nav [class*=owl-].owl-next {
	left: auto;
	right: 15px;
	}
}

/***********************************************************************
	HOMEPAGE
***********************************************************************/
.home-cat-title {
	background: var(--bgColor);
	padding:10px 20px;
	border-radius: 8px;
}
.home-cat-title h2 {
	color: var(--whiteColor);
	margin:0;
}
.bottom-page {
	background-color: #f2f2f2;
}

/***********************************************************************
	TOP PAGE
***********************************************************************/
.title-page-area {
	background: var(--bgColor);
}
.title-page-area h1 {
	color: var(--whiteColor);
	margin: 0;
}
.title-page-area.cover-image::before {
	position:absolute;	
	content:"";
	background-color: rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}
/***********************************************************************
	TITLE HOMEPAGE
***********************************************************************/
.title-area {
  position: relative;
  z-index: 1;
  padding-top: 150px;
  padding-bottom: 120px;
}
.title-content {
	position: relative;
	z-index:5;
}
.title-content h1 {
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 42px;
  font-weight: 700;
}
.title-area::before {
  position: absolute;
  content: "";
  transform: translate(0, 0);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  z-index: 0;
}
@media (max-width:991px) {
	.title-area {
	padding-top: 100px;
	padding-bottom: 80px;
	}
}
/***********************************************************************
	BREADCRUMB
***********************************************************************/
.breadcrumb-item {
	font-size: 14px;
}
.breadcrumb-item a,
.breadcrumb-item.active {
	color: var(--whiteColor);
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--whiteColor);
  content: var(--bs-breadcrumb-divider, ">");
}

/***********************************************************************
	CATEGORIE LISTE
***********************************************************************/
.cat-plus {
	background: #f5f5f5;
}
.article-box.cat-article .box-content {
	position:relative;
	z-index:10;
}
.article-box {
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 10px;
	transition: 0.5s;
	border-radius: 10px;
	padding-bottom: 0;
}
.article-box.cat-article {
	position:relative;
	/*overflow:hidden;*/
	height:100%;
}
.article-box.cat-article .title-article {
	height:60px;
}
.article-box.cat-article h2,
.article-box.cat-article h3 {
	font-size:24px;
	font-weight:600;
	line-height:1.1;
	margin-bottom:0
}
.article-box.cat-article .box-content {
	padding: 0 15px;
}
.article-box .box-image {
	position: relative;
	border-radius:8px 0 0 8px;
	overflow:hidden;
}
.article-box .box-image.cat-image {
	height:200px;
}
.article-box .box-content {
	padding: 18px 15px;
}
.article-box .box-content p {
	font-size: 15px;
	color: var(--textColor);
	margin-bottom: 0;
}
.article-box:hover {
	transform: translateY(-8px);
}
@media (min-width:1200px) {
	.article-box .box-image.cat-image {
	margin-right:-10px;
	}
}
@media (max-width:991px) {
	.article-box .box-image {
	border-radius:8px 8px 0 0;
	}
}
@media (max-width:767px) {
	.article-box.cat-article .title-article {
	height: 70px;
	}
	.article-box.cat-article h2,
	.article-box.cat-article h3 {
	font-size: 20px;
	}
	.article-box.cat-article .box-content.la_une {
	padding: 0 15px 20px;
	}
}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 14px;
  color: #fff;
}
.ribbon {
  --f: .4em; /* control the folded part*/
  --r: .8em; /* control the ribbon shape */
  
  position: absolute;
  bottom: 10px;
  right: calc(-1*var(--f));
  padding-inline: .25em;
  line-height: 1.8;
  background: var(--themeColor1);
  border-top: var(--f) solid #0005;
  border-left: var(--r) solid #0000;
  clip-path: 
    polygon(var(--r) 100%,100% 100%,100% var(--f),calc(100% - var(--f)) 0,
      calc(100% - var(--f)) var(--f),var(--r) var(--f),
      0 calc(50% + var(--f)/2));
}

/***********************************************************************
	CATEGORIE TEXTE DROPDOWN
***********************************************************************/
.text-cat {
	background: #f5f5f5;
	padding:25px 20px 15px;
	border:none;
}
.text-cat a {
	font-weight:600;
	color: var(--themeColor1);
}
.text-cat a.btn {
	font-weight:500;
}
#catpresentation h2 {
	font-size:26px;
	color: var(--blackColor);
}
#catpresentation h3 {
	font-size:20px;
	color: var(--blackColor);
}
.auteur-style {
	position:relative;
	border-radius:0;
	padding:10px 0 0;
	text-align:end;
}
.auteur-style .auteur .auteur-tumb {
  height: 35px;
  width: 35px;
  display: inline-block;
}
.auteur-style .auteur .auteur-tumb img {
  height: 35px;
  width: 35px;
  border-radius: 100%;
}
.auteur-style .auteur .auteur-text {
  display: inline-block;
  color: var(--themeColor1);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding-left: 5px;
}

/***********************************************************************
	SHAPE
***********************************************************************/
.shape-7855{
	overflow:hidden;
	position:relative;
}
.shape-7855::before{
	content:'';
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
	top: -1px;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat; 
	background-size: 100% 50px;
	background-position: 50% 100%;    
	background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><g fill="%23ffffff"><path d="M1003 104.7H-1v-34a875.1 875.1 0 01178.7-17.8c68.9.4 106.3 8.9 150.6 14 172.1 19.7 238-35.3 411.7-34.2A860 860 0 011003 77"/><path d="M1003 98.9H-1v-31c57.7-13 118-26 178.7-25.8 69 .4 106.3 9.8 150.6 15.3C500.4 79 566.3 18.7 740 20c60.6.4 151.5 15 263 54.8" opacity=".5"/><path d="M509.4 3.7a442.8 442.8 0 01-233 4c-3.8-1 1.3 2.9 2 3.3a36.4 36.4 0 0011.6 6.1 447.2 447.2 0 00236-3.7c.6-.2-6.9-5.6-7.5-6-2-1.2-6.5-4.4-9-3.7z" opacity=".5"/><path d="M302.5 36.1a336.2 336.2 0 00181 5.9c2-.5-4.3-4.5-4.8-4.8-2-1.3-8-5.8-10.8-5.1A332.4 332.4 0 01289 26.7c-3.8-1.2 1.4 3 2 3.3a40.8 40.8 0 0011.5 6.1z"/></g></svg>'); 
}
@media (min-width:768px){
	.shape-7855::before{
	background-size: 100% 70px;
	background-position: 50% 100%;   
	}  
} 
@media (min-width:1025px){
	.shape-7855::before{ 
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 60px 175%;
	background-position: 100% 50%;  
	background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 1000"><g fill="%23ffffff"><path d="M101.6 0v1000.2H67.5a867.7 867.7 0 01-17.7-178c.3-68.6 8.8-105.9 13.9-150C83.5 500.7 28.4 435 29.6 262c.4-60.4 7.8-150.8 44.2-262"/><path d="M95.8 0v1000.2h-31c-13-57.5-26-117.6-25.8-178 .4-68.6 9.7-105.9 15.2-150C76 500.7 15.5 435 16.9 262c.5-60.4 15-150.8 54.9-262" opacity=".5"/><path d="M.6 491.7a439.4 439.4 0 014 232c-1 3.9 2.8-1.2 3.3-1.8a36 36 0 006.1-11.6 443.8 443.8 0 00-3.8-235c-.1-.6-5.5 6.8-6 7.4-1.2 2-4.4 6.5-3.6 9z" opacity=".5"/><path d="M33 697.8a333.6 333.6 0 005.8-180.3c-.5-1.9-4.4 4.4-4.7 4.9-1.3 2-5.8 8-5.1 10.7a329.8 329.8 0 01-5.4 178.2c-1.2 3.8 3-1.4 3.3-2a40.8 40.8 0 006.1-11.5z"/></g></svg>'); 
	}
}

/***********************************************************************
	ARTICLE
***********************************************************************/
img.premiere {
	width:100%;
	border-radius:8px;
}
#content img {
  border: none;
  border-radius: 9px;
  transition: all 0.4s;
}
.sidebar-widget {
	position: relative;
	padding: 0px 24px;
}
.sidebar-widget.sommaire {
	background-color: #F5F5F5;
	padding: 24px 24px;
	border-radius: 12px;
}
.sidebar-widget .widget-title,
.sidebar-widget.other-article .widget-title {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px;
  display:block;
}
.sidebar-widget .widget-title {
  color: var(--blackColor);
}
.sidebar-widget .widget-title span {
  color: var(--themeColor1);
}
.sidebar-widget.other-article .widget-title {
	color: var(--blackColor);
}
.sidebar-widget.other-article {
  background-color: var(--whiteColor);
  padding: 24px 0;
  border-radius: 0 20px 20px 20px;
}
#content h2 {
	font-size: 26px;
	font-weight: 600;
	color: var(--blackColor);
}
#content h3 {
	font-size:20px;
	font-weight:600;
	color: var(--blackColor);
}
#content h2::before, #content h3::before, #content h4::before {
  display: block;
  content: "";
  margin-top: -100px;
  height: 100px;
  visibility: hidden;
}
#content a {
	font-weight:600;
	text-decoration: underline dotted;
}
#summary-list {
    list-style: none;
    padding-left: 0;
}
#summary-list li {
    margin: 5px 0; /* Espacement entre les éléments */
	font-weight:400;
}
#summary-list li::first-letter {
  font-size: 1.1rem;
  font-weight: bold;
  color: var(--themeColor1);
}
#summary-list li.level-2 {
    margin-left: 20px; /* Indentation pour les titres <h3> */
}
#summary-list li.level-2::first-letter {
  font-size: 1rem;
  font-weight:normal;
}
#summary-list a {
    text-decoration: none;
    color: var(--textColor);
}
#summary-list a:hover {
    text-decoration: none;
	color: var(--blackColor);
}
#summary-list a.active {
    font-weight: bold;
	color: var(--themeColor2);
}
#content .author-thumb img {
	width:60px;
	height:50px;
	border-radius:100%;
}
.author-thumb .author-name {
  color: var(--whiteColor);
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-top: 20px;
  display:block;
}
.auteur-article {
	position:relative;
	border-radius:0;
	padding:10px 0 0;
	text-align:center;
}
.auteur-article .auteur .auteur-tumb {
  height: 65px;
  width: 65px;
  display: block;
}
.auteur-article .auteur .auteur-tumb img {
  height: 65px;
  width: 65px;
  border-radius: 100%;
}
.auteur-article .auteur .auteur-text {
  display: block;
  color: var(--themeColor1);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding-left: 0;
  margin-bottom: 15px;
}


/***********************************************************************
	TEAM
***********************************************************************/
.single-team {
  background-color: #f6f7f9;
  margin-bottom: 30px;
  padding: 10px;
  border-radius: 5px;
  transition: 0.5s;
}
.single-team img {
  border-radius: 5px;
}
.single-team .team-content {
  text-align: center;
  padding: 25px 15px;
}
.single-team .team-content h3 {
  font-size: 26px;
  margin-bottom: 5px;
}
.single-team .team-content span {
  font-size: 16px;
  color: #929ba4;
}
.single-team:hover {
  transform: translateY(-8px);
}

/***********************************************************************
	PERSONA
***********************************************************************/
.auteurs h2 {
	font-size: 26px;
	color: var(--blackColor);
	font-weight:600;	
}
.portrait img {
	border-radius:100%;
}

/***********************************************************************
	DIVERS
***********************************************************************/
.divider {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  margin: 2rem auto 1rem;
  color: #E5E5E5;
  width: 100%;
}
.divider.divider-border {
  color: #E5E5E5;
}
.divider.divider-rounded::before, 
.divider.divider-border::before, 
.divider.divider-rounded::after, 
.divider.divider-border::after {
  margin-left: 0;
  margin-right: 0;
}
.divider::after {
  margin-left: 0.5rem;
}
.divider::after, 
.divider::before {
  content: '';
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  height: 1px;
  background-color: #EEE;
}
.divider.divider-center::before {
  display: block;
}
.divider::before {
  display: none;
  margin-right: 0.5rem;
}
.divider.divider-border i {
  line-height: 38px;
  background-color: transparent;
  border: 1px solid #EEE;
}
.divider.divider-rounded i, 
.divider.divider-border i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #BBB;
  background-color: #F5F5F5;
  border-radius: 50%;
}
.divider i, .divider a, .divider-text {
  position: relative;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 24px;
  max-width: 100%;
  line-height: 1;
  font-size: 18px !important;
  text-align: center;
}



/***********************************************************************
	CONTACT
***********************************************************************/
.contact-form.formulaire {
	position:relative;
	background-color: #f5f5f5;
	border-radius: 8px;
	padding: 32px;
}
.cv {
    margin-bottom: 20px;
}
.form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: var(--whiteColor);
  background-clip: padding-box;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.contact-form label {
  display: inline-block;
  margin-bottom: .5rem;
  color: var(--blackColor);
  font-size: 16px;
}
.contact-form input {
  height: 45px;
  border: 1px solid #ddd;
  box-shadow: none;
  border-radius: 0;
}
.contact-form input {
  padding: 6px 20px 6px 60px;
}
.contact-form .captcha input {
	padding: 6px 20px 6px 20px;
}
.contact-form textarea {
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 0;
}
.contact-form .cv i {
  font-size: 22px;
  position: absolute;
  left: 16px;
  color: #8e8e8e;
  top: 45px;
  padding: 0px 0px;
}
.contact-form .cv i {
  left: 13px;
  top: 29px;
  border-right: 0px solid #ddd;
  padding: 13px 17px;
  font-size: 18px;
}
.contact-form .cv i {
  background: var(--themeColor1);
  color: #fff;
}
.contact-form .submit-btn-wrapper button {
  background-color: var(--themeColor1);
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: var(--whiteColor);
  border: 0;
  outline: 0;
  margin-top: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-form .submit-btn-wrapper:hover button {
    background-color: var(--themeColor2);
}
.contact-form .submit-btn-wrapper button {
  width: 100%;
}
.alert-danger {
	padding: 5px 10px;
	top: 5px;
	float: right;
	border-radius: 0;
	font-size: 14px;
}
#contact h5.card-title {
	margin:0;
	color: var(--whiteColor);
}
@media (min-width:992px) {
	#contact .alert {
	position: absolute;
	right: 13px;
	top: -5px;
	}
	#contact .alert.captcha-error {
	top: -15px;
	}
}
@media (max-width:991px) {
	#contact .alert {
	position: relative;
	top: 4px;
	}
}
.infos-contact .card-header {
	background: var(--themeColor1);
	color:  var(--whiteColor);
	font-size:20px;
	font-weight:600;
}
.infos-contact .card-body {
	background: #f5f5f5;
}


/***********************************************************************
	FOOTER
***********************************************************************/
#footer {
	position:relative;
}
/*-- Footer copyright --*/
#footer .copyright {
	background: var(--bgCopyright);
	line-height: 22px;
	padding: 30px 0 30px;
}
#footer .copyright, 
#footer .copyright a {
	color: var(--whiteColor);
}
#footer .copyright a:hover {
	color: var(--whiteColor);
	text-decoration:underline;
}
#footer .copyright ul {
	margin-bottom:0;
}
@media (max-width:576px) {
	#footer .copyright .list-inline-item {
	display: block;
	padding:5px 0;
	}
}

/***********************************************************************
	TO TOP
***********************************************************************/
#back-to-top {
    position: fixed;
    width: 50px;
	height: 50px;
	bottom: 30px;
	right: 30px;
    z-index: 9999;   
    cursor: pointer;
    background-image: url(../images/back-to-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
	background-color: rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 100%;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	transition: all 250ms linear;
    opacity: 0;
}
#back-to-top:hover {
	background-color: var(--themeColor1);
	opacity: 1;
}
#back-to-top.show {
    opacity: 1;
}


@media (max-width:991px) {
	.order-first {
    order: 1 !important;
	}
}
@media (max-width:767px) {
	h1 {
	font-size: 30px;
	}
}