@font-face {
  font-family: 'Stratum2-Bold';
  src: url('../fonts/Stratum2-Bold.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Stratum2-Bold.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
}

@font-face {
  font-family: 'Stratum2-Medium';
  src: url('../fonts/Stratum2-Medium.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Stratum2-Medium.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */

}


@font-face {
  font-family: 'Univers';
  src: url('../fonts/Univers.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Univers.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */

}
*{
  padding:0;
  margin:0;
}
a{
  transition:all 0.3s;
}

body::-webkit-scrollbar {
    width: 0.5em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}

body::-webkit-scrollbar-thumb {
  background-color: #00ac91;
  outline: 1px solid transparent;
}
body{
  width:100%;
  overflow-x:hidden;
}
header{
  height:65px;
  background-color:#f0f0f0;
  line-height:65px;
  position:fixed;
  width:100%;
  z-index:9999;
  visibility:hidden;
  /*display:none;*/
}

header.shown{
  visibility:visible;
}
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
section#logo{
  border-top:5px solid black;
}
#logo img{
  text-align:center;
  display:block;
  margin:1rem auto;
}

header nav ul li{
  display: inline-block;
  float: left;
}

header nav ul li a{
  color: #000000;
  font-family: 'Stratum2-Medium', sans-serif !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration:none;
}
header nav ul li a:hover{
  color:#7dc3b2;
}
#acquereur a, #vendeur a{
  color:#00ac91;
}

header nav ul li.grid-8{
  /*width:16%;*/
  padding:0 2rem;
}
header nav ul li.grid-8 img{
  height:55px;
  vertical-align:middle;
}
header nav ul li{
  /*width:14%;*/
  padding:0 2.9rem;
  text-align:center;
}



h2,
h3.h2{
  z-index: 2;
  padding: 0;
  color: #000000;
  position: relative;
  margin-bottom: 0.5em;
  font-family: 'Stratum2-Medium', sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align:center;
  line-height: 1em;
}
h2:after,
h3.h2:after{
  left: 50%;
  top: 50%;
  content: '';
  z-index: -1;
  position: absolute;
  width: 40px;
  height: 86px;
  transform: translate(-50%,-50%);
  background-image:url('../img/slash.png');
  background-repeat:no-repeat;
  background-position:center;
}
h2.testimonials{
  color:white;
  margin-bottom: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-repeat:no-repeat;
  background-position:center center;
  background-image:url('../img/arrows.png');
}
h2.testimonials:after,
h3.h2.testimonials:after,
h3.h2.no-slash:after,
h2.no-slash:after{
  display: none;
}
h3{
  font-family: 'Stratum2-Bold', sans-serif;
}

.wrapper{
  width:90%;
  max-width:1200px;
  margin:0 auto;
}

.wrapper p{
  /*max-width:960px;*/
  margin:0 auto;
}

.wrap-2014 {
	padding-top: 40px;
}

/*.w-960{
  max-width:960px;
  margin:0 auto;
}*/
.clear{
  clear:both;
}

#guys{
  /*background-image:url('../img/Trio.png');*/
  background-image:url('../img/courtiers-vente-entreprise-acolytes-bureau-de-quebec.png');
  background-color: black;
  background-size: cover;
  background-position: center -35px;
  background-repeat: no-repeat;
  min-height: 700px;
  padding: 4rem 0;
}

@media (max-width: 65.3125em){ /* 1045px @ 16/em */
}

section{
  padding:4rem 0;
}
section#reussite{
  padding-bottom:0;
}
section.no-padding{
  padding:0 0 !important;
}

#guys h1{
  line-height: 45px;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  letter-spacing: 0px;
  font-weight: 400;
  font-size: 40px;
  color:white;
  text-transform: uppercase;
  font-family: 'Stratum2-Medium' !important;
  text-align:center;
  margin:0 auto;
  padding-top:20%;
}
#guys ul{
  margin: 0;
  padding: 0;
  list-style: none;
  color: #FFF;
  text-align:center;
  font-family: 'Univers';
  font-size:18px;
  line-height:25px;
  padding:1rem 0;
}
#guys ul li {
  display: inline-block;
}
#guys ul li:before{
  color: #FFF;
  content: ' - ';
  font-size: 0.8em;
  margin-left: 1em;
  margin-right: 1em;
}

#guys ul li:first-child:before{
  display: none;
}



p{
  text-align:center;
  font-family: 'Univers';
  font-size:18px;
  line-height:25px;
  padding:1rem 0;
}

.wrapper p{
/*  padding-bottom: 2rem; */
}
  p.telephone{
    padding:0rem 0;
  }

.link-wrapper{
  max-width:400px;
  margin:0 auto;
  padding:0;
}
.link-wrapper.g-wrap{
	/* PdR pas certain qu'on doit limiter le max-width */
	/*  max-width: 590px; */
  max-width: 100%;
  padding-top:1rem;
}

.buyer{
  max-width:250px;
  padding:0;
}
.expertise .link-wrapper a.guys_link{
  color:#00ac91;
  font-family: 'Univers';
  font-size:18px;
  line-height:25px;
/*  margin:0.5rem 0.8rem; */
}

.expertise .link-wrapper a.richard-cantin {
	margin-right: 1rem;
}
.expertise .link-wrapper a.marc-vincent-bobee {
	margin-right: 1rem;
}

.expertise .link-wrapper a.guys_link.special-margin {
 /*   margin: 0.5rem 0.0rem 0.0rem 2rem;*/
}


.expertise .link-wrapper a.guys_link:hover{
    color: #7dc3b2;
}

.expertise .link-wrapper a.guys_link:last-child{
  /*padding-left:1rem;*/
}
.gray_bg{
  background-color:#f0f0f0;
}
.black_bg{
  background-color:rgb(14, 9, 6);
}
.black_bg .wrapper{
  max-width:1440px;
  width:100%;
}

section#testimonials{
  background:#262425;
}

section#processus ul {
  padding: 0;
  margin-left: 0;
  list-style: none;
  margin-top: 2em;
}
section#processus ul li {
  padding-left: 10%;
  padding-right: 10%;
}

@media (max-width: 65.3125em){ /* 1045px @ 16/em */
  section#processus ul li {
  padding-left: 0%;
  padding-right: 0%;
}
}
section#processus ul p {
  text-align: left;
}
section#processus h3 {
  font-size: 40px;
}
section#processus h3,
section#nos_services h3 {
   line-height: 25px;
}

section#processus h3 .label,
section#nos_services h3 .label {
  font-size: 21px;
  font-family: 'Stratum2-Bold';
}

section#nos_services .grid-3 {
  margin-top: 2em;
}


section#pourquoi ul{
  margin-top: 2em;
}

section#pourquoi p{
  text-align: left;
}

section.transactions h3{
  position:relative;
  background:white;
  margin-bottom: 0.5em;
}

section.transactions h3 span{
  z-index:10;
  position:relative;
  background:white;
  padding:0 2rem;
}

section.transactions h3 .splitter{
  position:absolute;
  height:1px;
  background-color:#000;
  width:100%;
  top:18px;
  z-index:0;
}

section#reussite .wrapper p,
section.transactions .wrapper {
	max-width: 800px;
}

.grid-2{
  width:50%;
  float:left;
}
.grid-3{
  width:33.33%;
  float:left;
}
.grid-4{
  width:25%;
  float:left;
}
.logo a{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
}
.logo:hover{
  -webkit-filter:grayscale(0);
}
.logo{
  position:relative;
  background-size:inherit;
  background-position:center;
  height:100px;
  background-repeat:no-repeat;
  -webkit-filter:grayscale(1);
  transition:all 0.3s;
}

.logo.logo-a{
  background-image:url('../img/01_logo_.png');
}
.logo.logo-b{
  background-image:url('../img/02_logo_b.png');
}
.logo.logo-c{
  background-image:url('../img/03_logo_b.png');
}

.logo.logo-d{
  background-image:url('../img/04_logo_b.png');
}
.logo.logo-e{
  background-image:url('../img/05_logo_b.png');
}
.logo.logo-f{
  background-image:url('../img/06_logo_b.png');
}
.logo.logo-g{
  background-image:url('../img/07_logo_b.png');
}
.logo.logo-h{
  background-image:url('../img/08_logo_b.png');
}
.logo.logo-i{
  background-image:url('../img/09_logo_b.png');
}
.logo.logo-j{
  background-image:url('../img/10_logo_b.png');
}
.logo.logo-k{
  background-image:url('../img/11_logo_b.png');
}
.logo.logo-l{
  background-image:url('../img/12_logo_b.png');
}
.logo.logo-m{
  background-image:url('../img/13_logo_b.png');
}
.logo.logo-n{
  background-image:url('../img/14_logo_b.png');
}






/*SLIDER*/
/* Slider */
.slick-slider{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  padding-bottom:0;
}

.slick-list{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus{
  outline: none;
}
.slick-list.dragging{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before, .slick-track:after{
  display: table;
  content: '';
}

.slick-track:after{
  clear: both;
}

.slick-loading .slick-track{
  visibility: hidden;
}

.slick-slide{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide p{
  max-width:960px;
  margin:0 auto;
  padding:0 2rem 2rem;
}

[dir='rtl'] .slick-slide{
  float: right;
}

.slick-slide img{
  display: block;
}

.slick-slide.slick-loading img{
  display: none;
}

.slick-slide.dragging img{
  pointer-events: none;
}

.slick-initialized .slick-slide{
  display: block;
}

.slick-loading .slick-slide{
  visibility: hidden;
}

.slick-vertical .slick-slide{
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots{
  list-style-type:none;
  width: 117px;
  margin: 0 auto;
  padding:2rem 0;
}

.slick-dots li{
  float:left;
  width: 15px;
  height: 15px;
  border:1px solid #00ac91;
  background:transparent;
  margin:0 12px;
  transition:all 0.3s;
}
.slick-dots li.slick-active{
  background:#00ac91;
}

.slick-dots li button{
  background: transparent;
  font-size: 0;
  border: none;
}
.slick-dots li button:focus{
  outline:none;
}

.slick-arrow{
  display:none !important;
}
p.from{
  font-size:22px;
  text-transform:uppercase;
  font-family:'Stratum2-Medium', sans-serif;
}
p.from span{
  color: #00ac91;
}
.left-aligned{
  width:calc(33.33% - 2.5rem);
  padding:0rem 1rem;
  border-left:1px solid black;
}

.left-aligned:first-of-type{
  margin-left:8%;
}

.left-aligned h3{
  font-size:40px;
  font-family: 'Stratum2-Medium', sans-serif;
  margin:0;
}
 .left-aligned p{
   text-align:left;
   max-width:300px;
   margin:0;
   padding: 1rem 0 0 !important;
 }
 h3.intervention{
   font-size: 23px;
   color: black;
  text-transform: uppercase;
   padding: 0 2rem;
   text-align:left;
   padding-left:8%;
   font-family:'UniversLTStd-Light', sans-serif;
   font-size: 16px;
   font-weight: 100;
   padding-bottom:10px;
   
 }
 div.w-960 > ul {
	padding-top: 10px;
 }
 
 ul.half{
  width: calc(50% - 1rem);
  padding: 2rem 0.5rem 0;
  float: left;
  list-style-position:outside;
  padding-left:8%;
 }

 /*ul.half:first-of-type{
  padding-left:8%;
 }*/

 ul.half li{
   margin-left:1rem;
   padding: 0.5rem 0;
   font-family: 'Univers';
   font-size:18px;
   line-height:25px;
 }

 .pro h3{
   font-size:40px;
   color:#00ac91;
   text-transform:uppercase;
   font-family:'Stratum2-Bold', sans-serif;
/*  height: 130px;
   line-height: 100px;
   margin-bottom:-70px;
   width:160%;*/
 }
 
 .pro > div {
   background-image:url('../img/Asset-4gfx_.png');
	background-position: left top;
   background-repeat:no-repeat;
 }
 
 .pro h3 span{
   color:rgb(196, 199, 201);
   font-size:24px;
   font-family:'UniversLTStd-Light', sans-serif;
   -webkit-font-smoothing: antialiased !important;
   font-weight:300;
   text-transform:none;
 }
 .pro p{
   text-align:left;
   color:white;
   max-width:90%;
   margin:1rem 0;
 }
.pro ul{
  list-style-type:none;
  padding-left:0;
  margin-top:-15px;
}
 .pro ul li{
   text-align:left;
   color:white;
   max-width:500px;
   font-family: 'Univers';
   font-size:18px;
   line-height:25px;
 }
 .pro ul li a{
   text-align:left;
   color:#00ac91;
   max-width:500px;
 }
 .pro{
   background-size:110%;
   background-repeat:no-repeat;
   padding:8rem 0 2rem;
 }
 .pro .right{
   margin-left:50%;
 }

 .pro .left{
   padding-right:50%;
   margin-left:10%;
 }

 .pro.dominic{
   background-image:url('../img/dominic-chouinard-cpa-ca-et-courtier-en-vente-dentreprise.jpg');
   /*background-position: -390px -20px;*/

   background-position: -215% -50px;
 }

 .pro.richard{

   background-image:url('../img/richard-cantin-avocat-et-courtier-en-vente-dentreprise.jpg');
   background-position: 160% -150px;
   background-size: 125%;
   /*background-size: 150%;*/
   /*background-position: 10% -120px;
   background-size: 150%;*/

 }
 .pro.marc{
   background-image:url('../img/marc-vincent-bobee-cpa-ca-et-courtier-en-vente-dentrepris.jpg');
   background-position: -400px -10px;
   background-size: 100%;
 }
 .pro.josianne{
   background-image:url('../img/josianne-dallaire-cpa-ca-courtiere-en-vente-dentreprise-et-experte-en-evaluation-dentreprises-eee.jpg');
    background-position: -215% -50px;
 }


 .pro.jean{
   background-image:url('../img/Jean-059-1.jpg');
   background-position: 300px -20px;
 }

.link-wrapper.buyer span{
  font-size:60px;
  font-weight:100;
  -webkit-font-smoothing: antialiased !important;
  float:left;
  /*padding:2rem 0;*/
  margin-top:10px;
}
 .link-wrapper.buyer a{
   color:#00ac91;
   font-family: 'Univers';
   font-size:18px;
   line-height:25px;
   /*width:100px;*/
   padding:2rem 1rem 0;
   display:inline-block;
   font-size:18px;
   float:left;
 }
.link-wrapper a:hover{
     color: #7dc3b2;
 }

 .link-wrapper .buyer a{
   padding:0 1rem;
   width:150px;
 }

 .half_section{
   width:50%;
   float:left;
   text-align:center;
 }
 .half_section:first-of-type{
   text-align:center;
   padding-left:10px;
 }


 .half_section ul{
  /*width: calc(50% - 1rem);*/
  width:100%;
  padding: 0rem 0.5rem;
  float: left;
  list-style-position:outside;
  text-align:left;
 }

 .half_section ul li{
   margin-left:1rem;
   padding: 0rem 0;
   font-family: 'Univers';
   font-size:18px;
   line-height:25px;
 }

 .half_section ul li a{
   color:#00ac91;
   text-decoration:none;
 }

 .half_section ul li a:hover{
   color: #7dc3b2;
 }

 footer{
   background:#000000;
   text-align:center;
   color:white;
   padding:4rem 0;
   font-family: 'UniversLTStd-Light', sans-serif;
   -webkit-font-smoothing: antialiased !important;
  font-weight: 300;
 }

 footer ul{
   list-style-type:none;
   list-style-position:outside;
   text-align:left;
   padding:0 1rem 1rem;
 }
 footer ul li{
   font-family: 'Univers';
   font-size: 18px;
 }

 footer ul li a{
   color:#00ac91;
   font-family: 'Univers';
   font-size:18px;
 }

 footer ul li a:hover{
   color: #7dc3b2;
 }

 footer ul li.title{
   padding-bottom:1rem;
 }
.copyrights{
  /*position:absolute;*/
  /*width:100%;*/
  padding-left:1rem;
  text-align:left;
}
.infoatacolytes{
  padding-top:1rem;
}


 /*hamburger*/


 * {
  transition:.25s ease-in-out;
  box-sizing:border-box;
}



/*span {
  display:block;
  background:#566973;
  border-radius:2px;
}*/

#menu-toggle {
  width:100%;
  height:100px;
  background:white;
  position:fixed;
  /*margin:50px auto;*/
  /*position:relative;
  position:relative;*/
  cursor:pointer;
  z-index:99999;
/*  background:rgba(255,255,255,.4);
  border-radius:5px;*/
  display:none;
}

#menu-toggle nav{
  display:none;
  position:absolute;
  width:100%;
  background:white;
  padding:1rem 2rem 4rem;
}

#menu-toggle img{
  text-align: center;
  margin: 0 auto;
  display: block;
  vertical-align: middle;
  margin-top: 35px;
  width: 155px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
#menu-toggle.open img{
  margin-top:-60px;
}
#menu-toggle nav ul{
  list-style-type:none;
}
#menu-toggle nav ul li{
  border-bottom:1px solid #eaeaea;
  padding: 0.5rem 2rem;
}
#menu-toggle nav ul li a{
  font-family: 'Stratum2-Medium', sans-serif;
  font-size:30px;
  text-transform:uppercase;
  text-decoration:none;
  color:black;
}
#menu-toggle nav ul li a:hover{
  color:#00ac91;
}
#menu-toggle span{
  display:block;
  background:#000000;
  border-radius:2px;
}
#menu-toggle:hover {
  /*background:rgba(255,255,255,.8);*/
}
#menu-toggle #hamburger {
  position:absolute;
  height:100%;
  width:100%;
}
#menu-toggle #hamburger span {
  width:60px;
  height:4px;
  position:relative;
  top:24px;
  left:20px;
  margin:10px 0;
}

#menu-toggle #hamburger span:nth-child(1){
  transition-delay:.5s;
}
#menu-toggle #hamburger span:nth-child(2){
  transition-delay:.625s;
}
#menu-toggle #hamburger span:nth-child(3){
  transition-delay:.75s;
}

#menu-toggle #cross {
  position:absolute;
  height:100%;
  width:100%;
  transform:rotate(20deg);
}
#menu-toggle #cross span:nth-child(1){
  height:0%;
  width:4px;
  position:absolute;
  /*top:10%;*/
  left:48px;
  transition-delay:0s;
}

#menu-toggle.open{
  padding-top:115px;
}
#menu-toggle.open #hamburger span {
  width:0%;
}
#menu-toggle.open nav{
  display:block;
}
#menu-toggle.open #hamburger span:nth-child(1) {
  transition-delay:0s;
}
#menu-toggle.open #hamburger span:nth-child(2) {
  transition-delay:.125s;
}
#menu-toggle.open #hamburger span:nth-child(3) {
  transition-delay:.25s;
}
#menu-toggle.open #cross span:nth-child(1){
  height:80%;
  transition-delay:.625s;
}




/* animation des liens */

a.anime-link
{
  color:#00ac91;
  font-family: 'Univers';
  font-size:18px;
  line-height:25px;
  margin:0.5rem 0.8rem;
}

a.anime-link:hover
/*.expertise .link-wrapper a.guys_link:hover */{
    color: #7dc3b2;
}

a.anime-link {
  display: inline-block;
  position: relative;
  text-decoration: none;
}

a.anime-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #00ac91;
  /*visibility: hidden;*/
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

a.anime-link:hover:before {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  background-color: #7dc3b2;
}

/* nav voir https://slicejack.com/changing-display-order-css-direction-property/ pour le modèle. 
TODO: Je n'ai pas optimisé les structures pour adapter au contexte. */

.les-acolytes {
/*  padding: 40px 0;
  background: #333;
  font-size: 15px;
  color: #fff;
  */
  text-align: center;
  direction: rtl;
}

.les-acolytes__nav {
  display: inline-block;
/*  padding: 0px 20px; */
}

.les-acolytes__copy,
.les-acolytes__author {
  display: inline-block;
}

.les-acolytes__content {
  display: inline-block;
}

.les-acolytes__nav,
.les-acolytes__content {
  direction: ltr;
}

.les-acolytes__copy,
.les-acolytes__author {
  margin: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

.les-acolytes__nav ul {
/*  margin: 0 -10px; */
  padding: 0;
  list-style: none;
}

.les-acolytes__nav ul li {
  display: inline-block;
/*  padding: 0 10px;*/
}

@media (max-width: 41.5625em) { /* 665px @ 16px/em */
	.les-acolytes__nav ul li {
	  display: block;
	}
	.les-acolytes__content {
	  display: block;
	}
}



/* fin nav */


.link-wrapper.buyer a {
  padding: 2rem 0 0;
  margin: 0rem 1rem;
}
.link-wrapper.buyer .cl-effect-18 a::before, .link-wrapper.buyer .cl-effect-18 a::after{
  top:58%;
}

.link-wrapper.buyer .cl-effect-18 a:hover{
  color:#7dc3b2;
}

footer ul li a span{
  /*padding:0 0.5rem;
  display:inline-block;
  width:120px;
  text-align:center;*/
}

@media (max-width: 48em) { /* 768px @ 16px/em */
}

@media (min-width: 47.968em) and (max-width: 65.5em) { /* 768px @ 16px/em */
}

@media (max-width: 84.37em) { /* 1350px @ 16/em */
  header nav ul li{
    padding:0 2.5rem;
  }
  .pro.richard{
    background-position:180% -20px;
  }
  .pro.dominic{
    background-position: -215% -0px;
  }
  #mvb{
    /*margin-bottom: -25px !important;*/
  }
}
@media (max-width: 112.5em) { /* 1800px @ 16/em */
  #guys h1{
    padding-top:400px;
  }
  /*.pro.dominic{
    background-position: 10% -120px;
  }*/

}

@media (max-width: 80em){ /* 1280px @ 16/em */
  header nav ul li{
    padding:0 2rem;
  }
}

@media (max-width:74.0625em){ /* 1180px @ 16/em */
  #mvb{
    /*margin-bottom: 20px !important;*//
  }

}


@media (max-width: 71.875em){ /* 1150px @ 16/em */
  header nav ul li{
    padding:0 1.5rem;
  }
}

@media (max-width: 65.3125em){ /* 1045px @ 16/em */
  header nav ul li{
    padding:0 1rem;
  }
}
@media (max-width: 52.5em){ /* 850px @ 16/em */
  header nav ul li{
    padding:0 0.5rem;
  }
}

@media (max-width: 52.1875em){ /* 830px @ 16/em */
  #mvb{
    /*margin-bottom: 50px !important;*/
  }
}


@media (max-width: 45.0625em){
  .expertise .link-wrapper a.guys_link{
    font-size:16px;
  }
}

@media (max-width: 47.9375em) and (min-width: 40.625em){
  #mvb{
    /*margin-bottom:-30px !important;*/
  }
}
@media (max-width: 40.625em) and (min-width:30.01em){
  #mvb{
    /*margin-bottom:50px !important;*/
  }
  .cl-effect-18{
    width:300px;
  }
}

@media (max-width: 30em) { 
  /*#mvb{
    line-height:30px !important;
  }*/
  /*h3#mvb{
    padding-bottom: 210px !important;
  }*/
  #first-mvb{
    padding-top:100px;
  }
  #menu-toggle #cross span:nth-child(1){
  }
  #menu-toggle #cross span:nth-child(1){
    top:-40% !important;
  }
  .pro .right{
    width:100% !important;
  }
  .pro .left{
    width:100% !important;
  }
  .pro h3{
    height:60px;
    font-size:35px;
  }
  .pro p{
    margin:0;
  }
  #guys{
    background-position: 45% 90px;
  }

  .pro.richard{
    background-position: 50% 0px !important;
  }
  .pro.jean{
    background-position: 45% 0px !important;
  }
  p{
    font-size:16px;
  }
  p.from{
    font-size:16px;
  }
  .pro ul li{
    font-size:16px;
  }
  .half_section ul li{
    font-size:16px;
  }
  footer ul li a{
    font-size:16px;
  }
  .expertise .link-wrapper a.guys_link{
    font-size:16px;
  }
  ul.half li{
    font-size:16px;
  }
  .link-wrapper.buyer a{
    font-size:16px;
  }
}

@media (max-width: 48em) { /* 768px @ 16px/em */
  .left-aligned:first-of-type{
    margin-left:0 !important;
  }
  .logo.grid-3, .logo.grid-4{
    width:50%;
  }
  ul.half:first-of-type{
    padding-left:0;
    padding-bottom:0;
  }
  ul.half.second{
    padding-top:0;
    padding-bottom:0;
  }
  #menu-toggle{
    display:block;
  }

	section.anchor, footer.anchor { padding-top: 100px; }
  
  header{
    display:none;
  }
  section#logo{
    display:none;
  }
  footer{
    padding:4rem 2rem;
  }
  h2{
    text-align:center;
  }
  section.transactions h3 span{
    /*padding-left:0;*/
  }
  section.transactions h3{
    margin:2rem 0;
  }
  section.transactions h3:first-of-type{
    margin-top:0;
  }

  .slick-slider{
    padding:0;
  }
  #guys h1{
    font-size:1.4rem;
    padding-left:2rem;
    padding-right:2rem;
    text-align:left;
  }
   #guys ul{
    text-align: left;
      padding-left:2rem;
    padding-right:2rem;
  }
   #guys ul li{
    display: block;
  }
   #guys ul li:before {
    margin-left: 0;
    display: inline-block !important;
   }
  .half_section{
    width:100%;
  }
  .half_section ul{
    width:100%;
    padding:1rem 0;
  }
  .pro{
    padding:8rem 2rem;
  }
  .pro.richard{
    /*background-position: center 0px;*/
    background-position: 60% -40px;
    background-size: 1100px;
  }
  .pro.dominic{
    background-position: 37% -15px;
    background-size: 1100px;
  }
  .pro.jean{
    /*background-position: center 0px;*/
    background-position: 30% 0px;
    background-size:900px;
  }
  .pro.marc{
    background-position: 60% 20px;
    background-size: 950px;
  }  
  .pro.josianne{
    background-position: 35% 0px;
    background-size: 950px;
  }
  .pro.jean h3{
  /*  margin-bottom:-30px; */
  }
  .pro .right{
    padding-left:0;
/*    padding-top: 340px;*/
    /*width:60%;*/
    margin:0 auto;
  }
  .pro .left{
    padding-right:0;
    padding-left:0;
/*    padding-top:420px; */
    /*width:60%;*/
    margin:0 auto;
  }

  .pro h3{
  /*
    width:auto;
    margin-bottom:-80px;
    line-height:40px;
    */
  }



   .pro.richard .right{
     padding-top: 456px;
	background-position: 0% 452px;
   }
   
   .pro.dominic .left{
     padding-top: 418px;
	background-position: 0% 414px;
   }

   .pro.marc .right{
     padding-top: 380px;
  background-position: 0% 384px;
   }

   .pro.josianne .left{
     padding-top: 350px;
    background-position: 0% 354px;
   }

   .pro.jean .left{
     padding-top: 325px;
	   background-position: 0% 321px;
   }  
  
  h3.intervention{
    text-align: left;
    padding: 0;
  }
  ul.half{
    width:100%;
    padding:2rem 0;
  }
  .grid-2, .grid-3, .grid-4{
    width:100%;
  }
  section{
    padding:2rem 2rem;
  }

  p{
    text-align:left;
    padding:1rem 0;
  }
  p.telephone{
    text-align:center;
    padding:0rem 0;
  }
  p.from span{
    display:block;
  }
  #guys{
     min-height: 550px;
     background-position: center 149px;
     background-size: 130%;
   }
   #guys h1{
     padding-top:340px;
     line-height:33px;
   }
   .left-aligned h3{
     padding-top:1rem;
   }

/*
   .pro.richard .right{
     padding-top:495px;
   }
   .pro.dominic .left{
     padding-top:425px;
   }
   .pro.jean .right{
     padding-top:335px;
   }
   */
 }



 @media (min-width: 30.05em) and (max-width: 48em) {
   #guys {
     background-position: center 100px;
   }
 }

@media (min-width: 48em) and (max-width: 64em) {
  header nav ul li a{
    font-size:15px;
  }
}

 @media (min-width: 47.968em) and (max-width: 65.5em) { /* 768px @ 16px/em */
  .left-aligned:first-of-type{
    margin-left:8%;
  }
   .pro{
     padding:2rem 0;
   }
   .pro.marc{
     background-position: -88px -10px;
   }
   .pro.josianne{
     background-position: -88px -10px;
   }
   .pro.richard{
     /*background-position: center 0px;*/
     /*background-position: 30% 0px;*/
     background-position: 100% 0px;
     /*background-size: 900px;*/
   }
   .pro.dominic{
     background-position: center -15px;
     background-size: 1100px;
   }
   .pro.jean{
     /*background-position: center 0px;*/
     background-position: 30% 0px;
     background-size:900px;
   }
   .pro .right{
     padding-left:0;
     padding-top: 340px;
     width:60%;
     margin:0 auto;
   }
   .pro .left{
     padding-right:0;
     padding-left:0;
     padding-top: 340px;
     width:60%;
     margin:0 auto;
   }

   .pro.richard .right{
     padding-top: 605px;
	background-position: 0% 609px;
   }
   
   .pro.dominic .left{
     padding-top: 523px;
	background-position: 0% 527px;
   }

   .pro.marc .right{
     padding-top: 420px;
	background-position: 0% 424px;
   }

   .pro.jean .left{
     padding-top: 430px;
  background-position: 0% 434px;
   }   
   .pro.josianne .left{
     padding-top: 430px;
  background-position: 0% 434px;
   }   

   .pro h3{
     width:auto;
/*     margin-bottom:-80px; */
     line-height:40px;
   }
   /*

   .pro.jean h3{
     margin-bottom:-30px;
   }
   
   .pro.marc .right{
     padding-top: 405px;
   }
   .pro.richard .right{
     padding-top: 605px;
   }
   .pro.dominic .left{
     padding-top:520px;
   }
   .pro.jean .right{
     padding-top:430px;
   }
   */
 }

 @media (max-width: 37.5em) { /* 600px @ 16px/em */
   section.transactions h3 .splitter{
     display:none;
   }
   .slick-slide{
     padding:2rem 0;
   }
   h2,
   h3.h2{
     text-align:left;
     /*background-position: left center;*/
     background-image:none;

    line-height: 1.3em;
     font-size:20px;
     border-bottom:1px solid black;
   }
   h2.testimonials,
   h3.h2.testimonials{
     background-image:none;
   }
   h2.no-slash.white-bg,
   h3.h2.no-slash.white-bg{
     text-align:left;
   }
  h2:after,
   h3.h2:after{
    display: none;
  }
   section.transactions h3 span{
     padding-left:0;
   }

   .pro h3{
     margin-bottom:10px !important;
   }
   #mvb{
/*     margin-bottom:-100px !important; */
   }
   .left-aligned:first-of-type{
    margin-left:0%;
  }
  ul.half:first-of-type{
    padding-left:0;
  }
  .slick-slide p{
    padding:0 0 0 ;
  }
  p.from{
    padding:1rem 0 0;
  }
  .logo.grid-3, .logo.grid-4{
    width:50%;
  }
  .logo-c{
    width:100% !important;
  }
 }



@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  #menu-toggle{
    display:block;
  }
  header{
    display:none;
  }
  section#logo{
    display:none;
  }
  footer{
    padding:4rem 2rem;
  }
  h2{
    text-align:center;
  }
  section.transactions h3 span{
    padding-left:0;
  }
  .slick-slider{
    padding-left:0;
  }
  #guys h1{
    font-size:2rem;
    padding-left:2rem;
    text-align:left;
  }
  .half_section{
    width:100%;
  }
  .half_section ul{
    width:100%;
    padding:1rem 0;
  }
  .pro{
    padding:8rem 2rem;
  }
  .pro.richard{
    /*background-position: center 0px;*/
    background-position: 30% 0px;
    background-size: 900px;
  }
  .pro.dominic{
    background-position: center -78px;
    background-size: 1100px;
  }
  .pro.jean{
    /*background-position: center 0px;*/
    background-position: 30% 0px;
    background-size:900px;
  }
  .pro.jean h3{
    margin-bottom:-30px;
  }
  .pro .right{
    padding-left:0;
    padding-top: 340px;
    /*width:60%;*/
    margin:0 auto;
  }
  .pro .left{
    padding-right:0;
    padding-left:0;
    padding-top:420px;
    /*width:60%;*/
    margin:0 auto;
  }
  .pro h3{
    width:auto;
    margin-bottom:-80px;
    line-height:40px;
  }
  h3.intervention{
    text-align: left;
    padding: 0;
  }
  ul.half{
    width:100%;
    padding:2rem 0;
  }
  .grid-2, .grid-3, .grid-4{
    width:100%;
  }
  section{
    padding:2rem 2rem;
  }
  p{
    text-align:left;
    padding:1rem 0;
  }
  p.from span{
    display:block;
  }
  .slick-slide p{
    font-size:14px !important;
  }
  #guys{
     min-height: 550px;
   }
   #guys h2{
     padding-top:260px;
   }
}

@media screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 3) {
  .slick-slide p{
    font-size:14px !important;
  }
}

@media (max-width: 30em){
  #mvb{
/*    margin-bottom:-10px !important; */
  }
}

@media (max-width: 25.9375em){
  #mvb{
/*    margin-bottom:5px !important;
    line-height:34px !important;
    */
  }
}