/*
Theme Name: Polyplay
Description: Maquette officielle pour Polyplay
Version: 1.0
Text Domain: polyplay
Domain Path: /languages/

*/

.green{color:#8ed05d;}
.nopad{padding:0;}

.page-template-tpl-devenir-franchise h1, .page-template-tpl-devenir-franchise h2{margin-top:40px!important;}

#franchise_steps {list-style: none; margin:0; padding:0;}
#franchise_steps li::marker{display: none;}
#franchise_steps li .flex{display: flex; flex-wrap: nowrap;}
#franchise_steps li .flex .item img{width:auto; height:52px; max-width: initial;}
#franchise_steps li .flex .item:nth-child(even){padding:10px 20px;}


/* Watch out for the element ID here, subject to change if edited in Elementor*/
section.elementor-element-5971931a{background:#E8E8E8; margin:80px 0;}
section.elementor-element-5971931a input[type*="text"], section.elementor-element-5971931a input[type="tel"], section.elementor-element-5971931a input[type="email"] {width:100%; height: 55px; background-color: #FFFFFF; color: #565656; border:0px solid #000; margin:15px 0; padding-left:15px }
section.elementor-element-5971931a textarea{width:100%; background-color: #FFFFFF; color: #565656; border:0px solid #000; margin:15px 0; padding:15px; }


#temoignages h5{color:#8ed05d; margin:0; padding:0; font-style: normal;}
#temoignages .temoignage_function{font-size:12px;}
#temoignages .temoignages_padding{border:1px solid #8ed05d; padding:30px;}

html[lang="en-US"] header .boutongris{display: none;}

/* Bypass width / height 100% iframe from Elementor */

.elementor iframe{width: 100%!important; min-height:600px; position: relative!important;}

@media screen and (max-width: 767px){
	.elementor iframe{ min-height:100vh;}
	.elementor-aspect-ratio-169 .elementor-fit-aspect-ratio{height: 100vh}
}

header .logotop,
.is-sticky .scrolllogotop{
	max-width:100%;
	max-height:90px;
}
.is-sticky .scrolllogotop{
	margin-top:0 !important;
}

/*--------------------------------------
	BXSLIDER
--------------------------------------*/

.bx-wrapper{position:relative;margin-bottom:60px;zoom:1;-ms-touch-action:pan-y;touch-action:pan-y;padding:0;}
.bx-wrapper img{max-width:100%;display:block;}
.bxslider{margin:0;padding:0;}
ul.bxslider{list-style:none;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;}
.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px; display: flex; justify-content: center;}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0; flex:0 1 auto;}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{vertical-align:bottom;zoom:1;display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#8ed05d;}
.bx-wrapper .bx-prev{left:10px;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0;}
.bx-wrapper .bx-next{right:10px;}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}
.bx-wrapper .bx-controls-auto{text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,0.75);width:100%;}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;}


.footer-social h2,
.footer-social p,
.footer-social a{color:#FFFFFF;}

@media screen and (min-width:1024px){
	.footer-social h2{
		font-size:60px !important;
	}
}

.footer-social a.facebook,
.footer-social a.instagram{
	display:inline-block;
	width:50px;
	height:50px;
	margin:0 20px;
	font-size:0;
	position:relative;
}
.footer-social a.facebook:after{
	content:'';
	display:block;
	width:50px;
	height:50px;
	background:transparent url(img/facebook-white.svg) no-repeat scroll center center;
	background-size:contain;
}
.footer-social a.instagram:after{
	content:'';
	display:block;
	width:50px;
	height:50px;
	background:transparent url(img/instagram-white.svg) no-repeat scroll center center;
	background-size:contain;
}

/*Manual footer*/
.footer-ctas-top{
	background-color: #F6F7F8;
	background-image: url("https://quartzcarpetcanada.ca/wp-content/uploads/2020/12/QuartzCarpet_Site-web_V1_02.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
	padding:60px 10px;
}

.footer-ctas-bottom{
	background-color: #afc841;
	padding:50px;
	text-align:center;
}

.footer-ctas-bottom *{
	color:#FFF;
}

.footer-ctas-bottom .elementor-element.elementor-element-82f8306 .elementor-heading-title {
  font-family: "Oxygen", Sans-serif;
  line-height: 1.7em;
  color: #FFFFFF;
}
.footer-ctas-bottom .elementor-element.elementor-element-78b267e .elementor-heading-title {
  font-family: "Oxygen", Sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}

/* new menu 2025 */

.hidden-menu{display:none !important;}

#menu-menu-1,#menu-menu-1 > li > ul{
	display:flex;
	flex-direction:column;
	text-align:left;
	padding:0;
	list-style:none outside none;
}
@media screen and (min-width: 1025px){
	#menu-menu-1{
		flex-direction:row;
		justify-content:flex-end;
	}
}

button.mobile-menu-toggle {
  display: block;
  width: 52px;
  height: 52px;
  position: relative;
  overflow: hidden;
  z-index: 10;
  padding: 5px;
  text-indent: -50000px;
  background-color: transparent !important;
  background-image: none;
  text-align: left;
  border: none; }

header .menu-box {
  position: absolute;
  padding-top: 80px;
  top: 0;
  right: auto;
  left: -102vw;
  width: 100%;
  height: 100vh;
  overflow: hidden; }

header .menu-box > .menu-box-inner {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.9); }

.menu-container {
  padding: 0 0 30px 0; }

.menu-container > div, .menu-container > div > ul {
  margin: 0;
  padding: 0; }

.menu-container > div > ul {
  margin: 0;
  padding: 30px; }

.menu-container > div > ul > li {
  list-style: none outside none;
  margin: 0 0 15px 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  border-bottom: 0 solid rgba(0, 0, 0, 0.7); }

.menu-container > div > ul > li > a {
  flex: 1 1 0;
  display: block;
  text-decoration: none;
  padding: 10px 15px;
  color: #80828a;
  font-size: 18px;
  font-weight: 400; }

.menu-container > div.primary-navigation > ul > li.btn > a {
  font-size: 18px;
  padding: 13px 20px; }

.menu-container > div > ul > li > ul.sub-menu {
  list-style: none outside none;
  margin: 0;
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
  background-color: #5b5857;
  transition: opacity 0.3s ease, max-height 0.3s ease;
  max-height: 0;
  overflow: hidden; }

.menu-container > div > ul > li > div.sub-menu {
  transition: opacity 0.3s ease, max-height 0.3s ease;
  max-height: 0;
  overflow: hidden;
  width: 100%; }

.menu-container > div > ul > li > ul.sub-menu > li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-wrap: wrap; }

.menu-container > div > ul > li > ul.sub-menu li > a {
  text-decoration: none;
  color: #80828a;
  padding: 5px 0;
  display: block;
  font-size: 18px;
  font-weight: 400;
  flex: 1 1 0; }

.menu-container > div > ul > li > ul.sub-menu > li > ul.sub-menu {
  list-style: none outside none;
  margin: 0;
  padding: mobi-sub-menu-padding;
  width: 100%;
  transition: opacity 0.3s ease, max-height 0.3s ease;
  max-height: 0;
  overflow: hidden; }
  
button.mobile-menu-toggle:after {
  content: "";
  background-color: #98bf10;
  box-shadow: 0 10px 0 #98bf10, 0 20px 0 #98bf10;
  display: block;
  width: 38px;
  height: 5px;
  border-radius: 99px;
  position: absolute;
  top: 12px;
  left: 5px;
  filter: none;
  border: none;
  margin: 0; }

button.mobile-menu-toggle.opened:before {
  content: "";
  background-color: #98bf10;
  display: block;
  width: 38px;
  height: 5px;
  border-radius: 99px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: 50% 50%;
  box-shadow: none;
  margin-top: -2px; }

button.mobile-menu-toggle.opened:after {
  top: 50%;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  box-shadow: none;
  margin-top: -2px; }

@media screen and (min-width: 1025px) {
  button.mobile-menu-toggle {
    display: none; } }

@media screen and (min-width: 1025px) {
  header .menu-box {
    padding: 0;
    position: static;
    top: 0;
    height: auto !important;
    width: 100%;
    overflow: visible; } }

header .menu-box.opened {
  left: 0;
  height: 100vh; }

header .menu-box.closed {
  left: 0;
  height: 0; }

header .menu-box.entry-fade-in.opened.animating {
  animation: mobile-menu-transition-slide-in 0.3s ease 0s 1 normal forwards running; }

header .menu-box.exit-fade-out.closed.animating {
  height: 100vh;
  animation: mobile-menu-transition-fade-out 0.3s ease 0s 1 normal forwards running; }

header .menu-box.entry-slide-down.opened.animating {
  animation: mobile-menu-transition-slide-down 0.3s ease 0s 1 normal forwards running; }

header .menu-box.exit-slide-up.closed.animating {
  animation: mobile-menu-transition-slide-up 0.3s ease 0s 1 normal forwards running; }

header .menu-box.entry-from-left.opened.animating {
  animation: mobile-menu-transition-from-left 0.3s ease 0s 1 normal forwards running; }

header .menu-box.exit-to-left.closed.animating {
  height: 100vh;
  animation: mobile-menu-transition-to-left 0.3s ease 0s 1 normal forwards running; }

header .menu-box.entry-from-right.opened.animating {
  left: auto;
  animation: mobile-menu-transition-from-right 0.3s ease 0s 1 normal forwards running; }

header .menu-box.exit-to-right.closed.animating {
  left: auto;
  height: 100vh;
  animation: mobile-menu-transition-to-right 0.3s ease 0s 1 normal forwards running; }

@media screen and (min-width: 1025px) {
  header .menu-box > .menu-box-inner {
    background-color: transparent;
    overflow: visible; } }

header .menu-box > .menu-box-inner .secondary-navigation-mobile ul {
  display: flex;
  flex-direction: column;
  padding-bottom: 14vh; }

header .menu-box > .menu-box-inner .secondary-navigation-mobile ul > li.btn {
  order: 999; }

.menu-container:last-child {
  padding: 0; }

@media screen and (min-width: 1025px) {
  .menu-container {
    display: flex;
    flex: 1 1 auto;
    align-items: flex-end;
    padding: 0; } }

@media screen and (min-width: 1025px) {
  .menu-container > div, .menu-container > div > ul {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    margin: 0;
    padding: 0; } }

@media screen and (min-width: 1025px) {
  .menu-container > div:first-child, .menu-container > div > ul:first-child {
    padding-top: 0; } }

.menu-container > div > ul > li > button {
  text-indent: -50000px;
  overflow: hidden;
  position: relative;
  flex: 0 1 47px;
  height: 47px;
  padding: 0;
  min-width: 47px;
  border: none;
  background: transparent none;
  position: relative;
  border-left: 1px solid #98bf10;
  border-radius: 0; }

.menu-container > div > ul > li > button:after {
  background: transparent url("img/angle-down.svg") no-repeat scroll center center;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-size: contain;
  transition: transform 0.2s ease;
  border: none;
  filter: none; }

.menu-container > div > ul > li.animating > .sub-menu {
  max-height: 0;
  overflow: hidden; }

.menu-container > div > ul > li.opened.animating > .sub-menu, .menu-container > div > ul > li.opened > .sub-menu {
  max-height: 3000px; }

.menu-container > div > ul > li.opened.animating > button:after, .menu-container > div > ul > li.opened > button:after {
  transform: rotate(-180deg); }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > button {
    text-indent: -50000px;
    overflow: hidden;
    position: relative;
    flex: 0 1 40px;
    height: 40px;
    padding: 0;
    min-width: 40px;
    display: none; } }

@media screen and (min-width: 1025px) {
  .touchevents .menu-container > div > ul > li > button, .touchevents .menu-container > div > ul > li > button, .touchevents .menu-container > div > ul > li > button {
    display: block; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li {
    padding: 0 10px;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: nowrap;
    border: none;
    min-height: 50px;
     } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li.animating > ul.sub-menu {
    display: flex;
    opacity: 0;
    padding: 10px;
    height: auto;
    color: #80828a;
    max-height: none;
    min-width: 300px; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li.hover.animating > ul.sub-menu, .menu-container > div > ul > li.hover > ul.sub-menu, .menu-container > div > ul > li.touched.animating > ul.sub-menu, .menu-container > div > ul > li.touched > ul.sub-menu {
    display: flex;
    opacity: 1;
    height: auto;
    overflow: visible;
    color: #80828a;
    padding: 10px; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li.animating > div.sub-menu {
    display: flex;
    opacity: 0;
    height: auto;
    color: #80828a;
    max-height: none;
    min-width: 300px; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li.hover.animating > div.sub-menu, .menu-container > div > ul > li.hover > div.sub-menu, .menu-container > div > ul > li.touched.animating > div.sub-menu, .menu-container > div > ul > li.touched > div.sub-menu {
    display: flex;
    opacity: 1;
    height: auto;
    overflow: visible; } }

.menu-container > div > ul > li:hover > a {
  color: #98bf10; }

.menu-container > div > ul > li.menu-item-has-children.opened > a {
  color: #98bf10; }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li:hover > a > span:before {
    width: 27px;
    background-color: #98bf10; } }

.menu-container > div > ul > li.current-menu-item > a, .menu-container > div > ul > li.current-menu-ancestor > a {
  color: #98bf10; }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li.current-menu-item > a > span:before, .menu-container > div > ul > li.current-menu-ancestor > a > span:before {
    width: 27px;
    background-color: #98bf10; } }

.menu-container > div > ul > li:first-child > a {
  border-top: 0 solid rgba(0, 0, 0, 0.7); }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li:first-child > a {
    border-top: none; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li.current-menu-item > a, .menu-container > div > ul > li.current-menu-ancestor > a {
    color: #80828a; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li:hover > a, .menu-container > div > ul > li.hover > a, .menu-container > div > ul > li.touched > a {
    color: #80828a; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > a {
    color: #80828a;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    position: relative;
    transition: color 0.3s ease;
    display: block;
    text-align: center;
    line-height: 1.1em;
    border-bottom: none;
    text-transform: uppercase; }
	
  .menu-container > div > ul > li.hover > a,.menu-container > div > ul > li > a:hover,.menu-container > div > ul > li.current-menu-item > a{color:#afc841;}
}

@media screen and (min-width: 1025px) {
  .touchevents .menu-container > div > ul > li > a.menu-item-has-children, .touchevents .menu-container > div > ul > li > a.menu-item-has-children, .touchevents .menu-container > div > ul > li > a.menu-item-has-children {
    margin-right: 15px; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > a.menu-item-has-children:after {
    content: "";
    display: inline-block;
    border: 4px solid #80828a;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(45deg);
    position: relative;
    top: -5px;
    left: 5px; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > a span {
    position: relative; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > a span:before {
    content: "";
    display: block;
    height: 1px;
    width: 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    background-color: #98bf10;
    transition: width 0.3s ease;
    margin-bottom: 5px; } }

.menu-container > div.primary-navigation > ul > li.btn > a span:before {
  content: none; }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu {
    background-color: rgba(91, 88, 87, 0.8);
    width: 350px;
    padding: 0;
    flex-direction: column;
    align-items: stretch;
    position: absolute;
    top: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden;
    max-height: none; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > div.sub-menu {
    position: absolute;
    height: 0;
    opacity: 0;
    overflow: hidden;
    max-height: none; } }

.menu-container > div > ul > li > ul.sub-menu > li > button {
  text-indent: -50000px;
  overflow: hidden;
  position: relative;
  flex: 0 1 47px;
  height: 47px;
  padding: 0;
  min-width: 47px; }

.menu-container > div > ul > li > ul.sub-menu > li.animating > .sub-menu {
  max-height: 0;
  overflow: hidden; }

.menu-container > div > ul > li > ul.sub-menu > li.opened.animating > .sub-menu, .menu-container > div > ul > li > ul.sub-menu > li.opened > .sub-menu {
  max-height: 300px; }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li > button {
    text-indent: -50000px;
    overflow: hidden;
    position: relative;
    flex: 0 1 40px;
    height: 40px;
    padding: 0;
    min-width: 40px;
    display: none; } }

@media screen and (min-width: 1025px) {
  .touchevents .menu-container > div > ul > li > ul.sub-menu > li > button, .touchevents .menu-container > div > ul > li > ul.sub-menu > li > button, .touchevents .menu-container > div > ul > li > ul.sub-menu > li > button {
    display: block; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li {
    display: flex;
    justify-content: stretch;
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.4); } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li.menu-item-has-children:hover > a {
    color: #80828a;
    background-color: #5b5857; } }

.menu-container > div > ul > li > ul.sub-menu > li.menu-item-has-children.opened > a {
  color: #80828a; }

.menu-container > div > ul > li > ul.sub-menu > li.current-menu-item > a, .menu-container > div > ul > li > ul.sub-menu > li.current-menu-ancestor > a {
  color: #80828a; }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li.current-menu-item > a, .menu-container > div > ul > li > ul.sub-menu > li.current-menu-ancestor > a {
    color: #80828a; } }

.menu-container > div > ul > li > ul.sub-menu > li:first-child {
  padding-top: 6px; }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li:first-child {
    padding-top: 0;
    border: none; } }

.menu-container > div > ul > li > ul.sub-menu > li:last-child {
  padding-bottom: 6px; }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li:last-child {
    padding-bottom: 0; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li.animating > ul.sub-menu {
    display: flex;
    opacity: 0;
    padding: 10px;
    height: auto;
    overflow: visible;
    color: #80828a;
    max-height: none; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li.hover.animating > ul.sub-menu, .menu-container > div > ul > li > ul.sub-menu > li.hover > ul.sub-menu, .menu-container > div > ul > li > ul.sub-menu > li.touched.animating > ul.sub-menu, .menu-container > div > ul > li > ul.sub-menu > li.touched > ul.sub-menu {
    display: flex;
    opacity: 1;
    height: auto;
    overflow: visible;
    color: #80828a;
    padding: 10px;
    max-height: none; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li.hover.animating > div.sub-menu, .menu-container > div > ul > li > ul.sub-menu > li.hover > div.sub-menu, .menu-container > div > ul > li > ul.sub-menu > li.touched.animating > div.sub-menu, .menu-container > div > ul > li > ul.sub-menu > li.touched > div.sub-menu {
    display: flex;
    opacity: 1;
    height: auto;
    overflow: visible;
    max-height: none; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu li > a {
    color: #80828a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px;
    position: relative;
    transition: color 0.3s ease, background-color 0.3s ease;
    width: 100%;
    text-align: center;
    line-height: 1.1em; } }

.menu-container > div > ul > li > ul.sub-menu li > a:hover {
  color: #80828a; }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu li > a:hover {
    color: #80828a;
    background-color: #5b5857; } }

@media screen and (min-width: 1025px) {
  .menu-container > div > ul > li > ul.sub-menu > li > ul.sub-menu {
    background-color: rgba(91, 88, 87, 0.8);
    width: 350px;
    display: flex;
    padding: 0;
    flex-direction: column;
    align-items: stretch;
    position: absolute;
    top: 0;
    left: 100%;
    height: 0;
    overflow: visible;
    opacity: 0;
    max-height: none; } }
	
.menu-item > .mldevwebmm-menubox {
  transition: opacity 0.3s ease;
  background-color: #FFF; }

.mldevwebmm-column {
  flex: 0 0 100%; }
  
  @media screen and (min-width: 1025px) {
  .menu-item > .mldevwebmm-menubox.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw !important; } }

.menu-item > .mldevwebmm-menubox .mldevwebmm-row {
  display: flex;
  flex-direction: column;
  margin-top: 60px; }

.menu-item > .mldevwebmm-menubox .mldevwebmm-row:first-child {
  margin-top: 0; }

@media screen and (min-width: 1025px) {
  .menu-item > .mldevwebmm-menubox .mldevwebmm-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; } }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link-image {
  display: block;
  text-align: center;
  color: #5b5857;
  padding-bottom: 40px;
  position: relative;
  top: 0;
  transition: top 0.3s ease; }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link-image > .link-image-media-box {
  display: block;
  width: 100%;
  height: 1px;
  padding-bottom: 100%;
  position: relative;
  top: 0;
  overflow: hidden;
  border-radius: 999px;
  }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link-image > .link-image-media-box > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
max-width:none;  }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link-image > .link-image-title {
  display: block;
  width: 100%;
  height: 40px;
  padding-top: 15px;
  transition: color 0.3s ease, top 0.3s ease;
  font-family: "Oxygen", Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1.2em;
  position: absolute;
  inset: auto -9999px 0 -9999px;
  margin: 0 auto;
  max-width: 120%; }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link-image:hover {
  color: #98bf10; }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link-image:hover {
  top: -5px; }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link {
  display: block;
  margin-bottom: 22px; }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link > a {
  display: inline-block;
  color: #5b5857;
  font-family: "Oxygen", Arial, Helvetica, sans-serif;
  padding-left: 40px;
  font-size: 22px;
  position: relative; }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link > a:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #5b5857;
  border-right: 3px solid #5b5857;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: 10px;
  transition: border-color 0.3s ease; }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link > a:hover {
  color: #98bf10; }

.menu-item > .mldevwebmm-menubox .mldevwebmm-link > a:hover:before {
  border-color: #98bf10; }

.mldevwebmm-column.width-small-four-fifths {
  flex: 0 0 80%; }

.mldevwebmm-column.width-small-three-quarters {
  flex: 0 0 75%; }

.mldevwebmm-column.width-small-two-thirds {
  flex: 0 0 66.6666%; }

.mldevwebmm-column.width-small-half {
  flex: 0 0 50%; }

.mldevwebmm-column.width-small-half {
  flex: 0 0 33.3333%; }

.mldevwebmm-column.width-small-quarter {
  flex: 0 0 25%; }

.mldevwebmm-column.width-small-fifth {
  flex: 0 0 20%; }

@media screen and (min-width: 1025px) {
  .mldevwebmm-column.width-medium-four-fifths {
    flex: 0 0 80%; } }

@media screen and (min-width: 1025px) {
  .mldevwebmm-column.width-medium-three-quarters {
    flex: 0 0 75%; } }

@media screen and (min-width: 1025px) {
  .mldevwebmm-column.width-medium-two-thirds {
    flex: 0 0 66.6666%; } }

@media screen and (min-width: 1025px) {
  .mldevwebmm-column.width-medium-half {
    flex: 0 0 50%; } }

@media screen and (min-width: 1025px) {
  .mldevwebmm-column.width-medium-half {
    flex: 0 0 33.3333%; } }

@media screen and (min-width: 1025px) {
  .mldevwebmm-column.width-medium-quarter {
    flex: 0 0 25%; } }

@media screen and (min-width: 1025px) {
  .mldevwebmm-column.width-medium-fifth {
    flex: 0 0 20%; } }

@media screen and (min-width: 1601px) {
  .mldevwebmm-column.width-large-four-fifths {
    flex: 0 0 80%; } }

@media screen and (min-width: 1601px) {
  .mldevwebmm-column.width-large-three-quarters {
    flex: 0 0 75%; } }

@media screen and (min-width: 1601px) {
  .mldevwebmm-column.width-large-two-thirds {
    flex: 0 0 66.6666%; } }

@media screen and (min-width: 1601px) {
  .mldevwebmm-column.width-large-half {
    flex: 0 0 50%; } }

@media screen and (min-width: 1601px) {
  .mldevwebmm-column.width-large-half {
    flex: 0 0 33.3333%; } }

@media screen and (min-width: 1601px) {
  .mldevwebmm-column.width-large-quarter {
    flex: 0 0 25%; } }

@media screen and (min-width: 1601px) {
  .mldevwebmm-column.width-large-fifth {
    flex: 0 0 20%; } }

.mldevwebmm-column.vcenter > .inner-col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%; }
  
.mldevwebmm-menubox .vcenter{
	border:none;
	height:auto;
	min-height:0;
}

.mldevwebmm-column.sub-columns-20 > .inner-col {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3%;
  row-gap: 30px; }

.mldevwebmm-column.sub-columns-20 > .inner-col > * {
  flex: 0 0 50%;
  padding-left: 3%;
  padding-right: 3%; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mldevwebmm-column.sub-columns-20 > .inner-col > * {
    flex: 0 0 33.3333%; } }

@media screen and (min-width: 1025px) {
	.mldevwebmm-column.sub-columns-20 > .inner-col > * {
		flex: 0 0 20%;
	}
	.topmenupage header > .row{
		display:flex;
		align-items:center;
	}
	
	.logobottom img.img-responsive{
		max-width:300px;
	}
}

.footer-ctas-bottom{
	background-color: #afc841;
	background: -webkit-linear-gradient(90deg,rgba(131, 171, 109, 1) 0%, rgba(175, 200, 65, 1) 100%);
	background: -moz-linear-gradient(90deg,rgba(131, 171, 109, 1) 0%, rgba(175, 200, 65, 1) 100%);
	background: linear-gradient(90deg,rgba(131, 171, 109, 1) 0%, rgba(175, 200, 65, 1) 100%);
}


	
h1.mldevwebmm-title,
h2.mldevwebmm-title,
h3.mldevwebmm-title,
h4.mldevwebmm-title,
h5.mldevwebmm-title,
h6.mldevwebmm-title{
	font-size:34px;
	color:#80828a;
	text-transform:none;
	font-family: "Oxygen", Arial, Helvetica, sans-serif;
	margin: 20px 0;
}

#topfixed-sticky-wrapper{
	height:auto !important;
	position: relative;
	z-index: 50;
}

header .col-lg-3,
header .col-lg-9{
	position:static;
}

.megamenu-box{
	display:flex;
	justify-content:flex-end;
}

.boutonstop{
	margin-bottom:0;
}

.logotopdiv{
	position:relative;
	z-index:51;
}

.mainlogo.logotop{
	display:block;
}

.scrolllogotop {
	display:none !important;
}

#topfixed-sticky-wrapper{z-index:9999;}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(24px, 0); } }

@keyframes mobile-menu-transition-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes mobile-menu-transition-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes mobile-menu-transition-slide-down {
  0% {
    height: 0; }
  100% {
    height: 100vh; } }

@keyframes mobile-menu-transition-slide-up {
  0% {
    height: 100vh; }
  100% {
    height: 0; } }

@keyframes mobile-menu-transition-from-left {
  0% {
    left: -102vw; }
  100% {
    left: 0; } }

@keyframes mobile-menu-transition-to-left {
  0% {
    left: 0; }
  100% {
    left: -102vw; } }

@keyframes mobile-menu-transition-from-right {
  0% {
    right: -102vw; }
  100% {
    right: 0vw; } }

@keyframes mobile-menu-transition-to-right {
  0% {
    right: 0vw; }
  100% {
    right: -102vw; } }