.offres--card {border: 2px solid #e4a851; max-width: 360px; margin: 0 auto; padding: 2rem; border-radius: 30px}
.offres--card h4 {text-transform: uppercase; font-weight: 600; text-align: center; color: #e4a851; font-size: 1.6rem}
.offres--table {display: flex; flex-wrap: wrap}
.offres--item {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 1 50%; max-width: 50%; padding: 1rem}
.offres--item img {max-width: 100%; width: auto; max-height: 55px; margin-bottom: .5rem}
#offres-bot-texte {text-transform: uppercase; margin-top: 2rem; font-weight: 600; text-align: center; color: #fff; font-size: 1.4rem}
.player--diff {font-weight: normal !important}
.player--diff em {font-weight: 700 !important}
.row-offers {max-width: 1300px; margin: 0 auto}
#section--9 #green--title {font-size: 3rem}
.timeline--row .timeline--inner .timeline--item {z-index: 10}
.timeline--row .timeline--inner:before {z-index: 1}
.app--annonceur .app--scroll--section#section--ciblage, .app--annonceur .app--scroll--section#section--8 {background: url(../images/bg_homepage.svg) left center no-repeat transparent !important;}
.stack--logos > div {padding: .3rem 1rem !important}
.bar.bar--clients ul li:last-child a:before {border-radius: 50%; left: 0px; }
.bar.bar--clients ul li:last-child a:active:before {border-radius: 50%; left: 0px; }
.engagement--card {height: 100%; background: rgba(255,255,255,.8)}
#app--rse--section {align-items: flex-start !important}
@media (max-width: 991.98px) {
	.offres-col {padding-top: 2rem; padding-bottom: 4rem}
	.offres--card h4 {font-size: 1.4rem}
	#offres-bot-texte {margin-top: 0rem; font-size: 1.2rem}
}
.stack--logos > div:nth-child(4) img {max-width: 40px}
.stack--logos > div:nth-child(7) img {max-width: 80px}
@media (max-height: 768px) {
	#section--offres {padding: 80px 0 80px;}
	#section--offres .player--title {margin-bottom: 1rem; font-size: 1.2rem;}
	#section--offres .offres--card {padding: 1rem;}
	#section--offres .offres--card .offres--item {padding: .5rem}
	#section--offres .offres--card .offres--item img {max-height: 30px;}
	#section--offres .offres--card .offres--item strong {font-size: 1rem}
	#section--offres #offres-bot-texte {margin-top: 1rem; font-size: 1rem;}
	#section--offres .has--arrow:after {width: 20px; height: 35px; right: -10px; background-size: 20px 35px;}
}

#homepage .row.my-3 {max-width: 1100px; margin: 0 auto;}
#homepage--title {font-weight: 700;font-size: 3rem; margin-bottom: 1rem; line-height: normal; color: #fff; text-align: center; text-transform: uppercase}
#homepage--title strong {color: #e4a851}
#homepage--content {color: #fff; font-size: 1.6rem; margin-top: 2rem; text-align: center}
.home--card span {border: 2px solid #e4a851; display: block; padding: 1rem; width: 100%; height: auto; border-radius: 20px; transition: all ease-in-out .2s}
.home--card img {width: 100%; height: auto;}
.home--card:hover  span {opacity: .7}
.home--card span  {display: block; transition: all ease-in-out .2s }
.home--card:hover span {background: #e4a851;  border-radius: 20px;}
.home--card strong {text-align: center; color: #fff; font-weight: 700;font-size: 2rem; display: block; margin-top: 1rem; text-transform: uppercase;  transition: all ease-in-out .2s}
.home--card:hover strong {color: #e4a851;}
.home--card {color: #fff; text-decoration: none; text-align: center}

@media (max-width: 768px) {
	#homepage--title {font-size: 2rem;}
	#homepage--content {font-size: 1.2rem;}
}

@media (max-width: 768px) {
	#homepage--title {font-size: 2rem !important;}
	#homepage--content {font-size: 1.2rem !important}
}

#page--contact {background: url(../images/bg_homepage.svg) left center no-repeat #05163e; display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100vw;
height: 100%;
min-height: 100vh
}
.img-contact {
	margin-top: 2rem
}
.contact--title {font-weight: 600;
font-size: 40px;
line-height: 46px;
text-align: left;
color: #f1a63b;
margin-bottom: 1rem;
text-transform: uppercase;
}
.col-contact-form {
	padding-left: 4rem
}
.col-contact-form .form-control {
	background: #1d3353;
	color: #fff;
	border: none
}
.col-contact-form .form-check {
	padding-left: .5rem;
	color: #fff;
}
.col-contact-form .wpcf7-response-output {
	background: #fff
}

#home--links {position: absolute; right: 1rem; bottom: 1rem}
#home--links a {font-size: 14px; color: #fff; text-decoration: none}
#home--region {position: absolute; left: 1rem; bottom: 1rem}

@media (max-width: 768px) {
	#page--contact {padding: 3rem 0}
	#page--contact .col-contact-form {padding-left: 15px; padding-top: 15px}
	#homepage--title {line-height: 2.6rem; margin-top: 2rem; margin-bottom: 1rem; font-size: 2.4rem}
	.home--card {margin: 1rem 0; display: block}
	.home--card img {max-width: 240px}
	#homepage--content {font-size: 1.4rem; margin-top: 1rem}
}

@media (max-width: 992px) {
	.page-template-page-templatesclients-php .app--clients .app--scroll--section {display: block !important;
opacity: 1;
visibility: visible;}
}

.clients--frame {
	position: relative
}

.unmount  {
	position: absolute;
	right: -40px; 
	top: -30px;
	width: 60px;
	height: 60px;
	display: flex; 
	align-items: center; 
	justify-content: center;
	border-radius: 50%;
	background: #FFF
}

.unmount svg{
  width: 50px;
  cursor: pointer;
}

.circle_lg{
  stroke-dasharray: 600px 1500px;
  transition: all .5s;
}

.circle_sm{
  opacity: 1;
  transition: all .25s;
}

.unmount.mute svg .circle_lg{
  stroke-dashoffset: -1360px;
}

.unmount.mute svg .circle_sm{
  opacity: 0;
}


.homepage--v2 {background: url(../images/bg_homepage.svg) left center no-repeat #05163e !important; background-size: auto 100%;}
#app--header--getstarted {text-decoration: none; display: inline-block; margin-left: 1.5rem; border: 2px solid #fff; padding: .2rem .7rem; border-radius: 10px; text-transform: uppercase; font-size: .9rem; transition: all ease-in .2s}
#app--header--getstarted:hover {border-color: #3e7df7}
@media (max-width: 768px) {
#app--header--getstarted {display: none}
}