#projects-video{
  padding: 0 0!important;
  height: 100vh;
}

#projects-video iframe{
  width: 100%;
  height: inherit;
}

.responsive-tablette{
    padding: 0;
    margin: 15vh 0;
}

.responsive-tablette-image{
  width: 100%;
  height: auto;
  height: intrinsic;
  margin-top: 0px;
}

.snapp_projets_accordion {
  padding: 8px;
}

.snapp_projets_accordion.close {
  padding: 12px 8px 8px 8px;
}

.snapp_section_proyects{
  padding: 1vh 0;
}

.main-categories{
  margin-bottom: 0px;
}

.snapp_tablette_content {
    padding: 0% 9% 10% 5%;
}

.center-v, .tablet-center-v{
  margin-right: 5vw;
}

.background-switch-1{
    background-color: transparent !important;
}

.background-switch-2{
    background-color: #fff !important;
    padding-bottom: 5vh;
    padding-top: 10vh;
}

.background-transform-1{
    transform: skewY(-4deg) !important;
}

.background-transform-2{
    transform: skewY(-4deg) !important;
}

@media all and (min--moz-device-pixel-ratio:0){
  .center-v, .tablet-center-v{
    margin-right: 1%;
  }

}

#snapp_projets_benefices{
  padding-bottom: 15vh;
}

.highlighted-number{
    color: #f4a541;
}


@media screen and (max-width: 1024px) {

  .responsive-tablette-image {
    
    height: auto;
    height: intrinsic;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .snapp_tablette_content {
    padding: 5% 3%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .snapp_tablette_content {
    padding: 0% 8% 10% 5%;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1399px) {
  .snapp_tablette_content {
    padding: 0% 9% 10% 5%;
  }
}

@media screen and (max-width: 1024px) {
    .responsive-tablette{
    padding: 0;
    margin: 10vh 0;
    margin-bottom: 0vh;
    }
    .tablette-image-container{
      margin-bottom: 3vh;
    }

    .container-general-ipad-acordion{
      padding-left: 7vw!important;
    }

    .center-v, .tablet-center-v {
         margin-right: 2vw;
    }
    #snapp_projets_benefices {
      padding-bottom: 8vh;
    }
}

@media screen and (max-width: 991px) {
    .snapp_tablette_content{
      order: 0;
    }
    .snapp_sp_image_blog{
      order: 0;
      margin-top: 5vh;
      padding-right: 0px;
      padding-left: 0px;
      margin-bottom: 0rem!important;
    }

    .container-general-ipad-acordion {
    padding-left: 0!important;
    }

    .snapp_tablette_content {
    padding: 0 0;
  }
  .responsive-tablette-image {
    width: 100%;
    height: auto;
    height: intrinsic;
    margin-top: 0px; 
  }

  
  .sp-module-blog{
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .des-proy.snapp_projets_description{
    padding-left: 0;
    padding-right: 0;
  }

  .container-general-ipad-acordion {
    margin-top: 5vh;
    padding-left: 0vw!important;
  }
  .accordion-content-pr {
    padding-right: 0vw;
  }
  .module_toggle-s {
    padding-bottom: 3vh;
    /*padding-left: 2vh;*/
  }
  
}


#projects-video > p{
  margin-bottom: 0px;
  width: 100%;
  height: 100%;
}

.card-to-open-open{
  margin-bottom: 20px;
}

#projects-video > p > iframe{
  width: 100%;
  height: 100%;
}

.image-beneficesV2 {
    width: 40px;
    height: 53px;
}

.parraf-icones{
  margin-top: 30px;
  font-size: 13px;
  color: #4f526d !important;
}

/*.card-body:hover {
  box-shadow: 0px 13px 20px 0px #80808059;
  transform: scale(1.04);
}*/
.parraf-benefices > span {
  font-family: "Gotham-Bold";
    font-size: 22px;
    line-height: 10px;
}

.parraf-benefices-2 > span{
    font-family: "Gotham-Bold";
    font-size: 22px;
    line-height: 10px;
}


.parraf-benefices-2:hover{
  color: #fda63b;
  transition: 2s; 
}

#snapp_projets_icones{
  padding-top: 20vh;
  padding-bottom: 31vh;
}

.snapp_sub_title > div > div > h2{
	margin-top: 10vh;
}

.snapp_sub_title > div > div > hr{
margin-top: 25px;margin-bottom: 30px;
}
.filter-project{
  color: rgb(74,75,99);
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  display: inline-block;
  padding-bottom: 5px;
}

.filter-project:hover{
  color: rgb(74,75,99);
  text-decoration: none;
}

.filter-project-sub {
    font-size: 14px;
    color: rgb(166,165,166);
    visibility: hidden;
}

.filter-project-sub.active{
  color: rgb(97,101,102 );
  font-weight: bolder;
  text-decoration: none;
  visibility: visible;
}

.filter-project-sub:hover{
  color: rgb(97,101,102 );
  font-weight: bolder;
  text-decoration: none;
}


.active-sub .filter-project-sub{
  color: rgb(97,101,102 );
  text-decoration: none;
  /*border-bottom-color: #fda418;
  border-bottom-style: solid;
  border-bottom-width: 6px;*/
  font-weight: bold;
  padding: 0px 0 10px 0;
  font-family: Gotham-Medium;
}

.background-img-alt {
    width: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
}

.snapp_projects_filter > .row{
	margin-top: 40px;
}
.main-categories  > .cat-active {
    color: rgb(74,75,99);
    text-decoration: none;
    border-bottom-color: #fda418;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    font-weight: bold;
    padding: 0px 0 10px 0;
}

.main-categories > .more-padding > a {
	margin-left: 105px;
} 


.sub-categories{
	margin-top: 11px;
}


.background-img{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.img-container {
    /*min-height: 50vh;*/
}

.container-accordion{
 /* max-width: 45%;*/
}

.column-second-image {
    height: 463px;
}
#snapp_projets_full_image {
  position: relative;
  z-index: 4;
  padding: 10vh 0;
}
/*
Change by TAG 
.snapp_projets_image_full {
 height: 85vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
*/

.snapp_projets_image_full {
 height: 85vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

 

.ml{
  margin-left: -9%;
}

.title-benefices{
  font-size: 20px;
  margin-top: 25px;
  font-weight: bolder;
  cursor: default!important;
}

.title-benefices:hover {
   color:#fda418;
   transition: 2s;
   cursor: pointer;

}

.main-categories > .list-inline-item{
  
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 6px;
   /*padding: 0px 0 10px 0;*/
  
}

.main-categories > .list-inline-item {
  color: rgb(74,75,99);
  font-weight: bold;
  /*padding: 0px 0 10px 0;*/
}

.main-categories > .list-inline-item > a{
  text-decoration: none;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 6px;
}

.main-categories > .list-inline-item:hover > a,
.main-categories > .list-inline-item.cat-active > a {
  text-decoration: none;
  border-bottom-color: #fda418;
  border-bottom-style: solid;
  border-bottom-width: 6px;
}

.back-contain{
  background-size: contain!important;
}



.projets-img-float {
    top: -33%;
    position: absolute;
    width: 90%;
    height: 105vh;
}

@media (min-width:1570px) {

  .snapp_projects_toggle_container{
     max-width: 1929px; 
     margin-left: auto; 
     margin-right: auto; 
  }

 #snapp_projects_toggle_container{
     max-width: 1929px; 
     margin-left: auto; 
     margin-right: auto; 
  }

}

@media screen and (min-width: 1440px) and (max-height: 800px) {
	.projets-img-float {
	    width: 50%;
	}
}

.content-projects-row{
 min-height: 85vh;
}

.content-projects-row > div > .img-container{
  min-height: 100%;
}

/***********************
Responsive Mobile First
*************************/
@media screen and (min-width:426px) and (max-width:769px){
  .background-img{
    height: auto;
  }
  .img-container{
    height:auto;
  }
  .main-categories > .more-padding > a {
    margin-left: 0px;
  }
}
@media screen and (max-width: 768px){
  .btn-acordion {
    right: -40px;
  }
  .card-acordion {
    padding: 30px 40px 30px 40px;
  }
  .over-projects {
    opacity: 0;
  }
  .ref-svg-layer:focus {
   display: block!important;
  }
  .ref-svg-layer {
    display: block!important;
 }
    .container-accordion{
  max-width: 100%;
  }
    .ml{
    margin-left: 0;
  }
  .snapp_projets_image_full {
    height: 75vw;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}

@media screen and (max-width: 575px) {
  #accordion .card-acordion {
    max-width: 96%;
  }
  .responsive-tablette-image {
    
    height: auto;
     height:intrinsic;
    
  }

  
}

@media screen and (max-width: 1024px){
  .projets-img-float {
    top: -3%;
    position: relative;
    width: 90%;
    height: 100%;
  }
  .box-image-ref {
    height: 32vh;
  }

  #snapp_accueil_news > .container{
      max-width: 90%;
      width: 90%;
  }

  #snapp_accueil_news {
    padding: 5vh 0 5vh 0;
  }
  .background-img-alt {
    width: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
  }

  .content-projects{
    padding-right: 0px;
    padding-left: 7px !important;
  }
  .content-projects-row{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 0;
  }
  .main-categories > .more-padding > a {
    margin-left: 0px;
  } 
}


@media screen and (min-width: 1024px) and (max-width: 1440px)  {
    .responsive-back{
        top: -6%;
        position: absolute;
        width: calc(100% - 5vw);
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-position: center center!important;
        height: calc(70% + 0vh);
    }
    .text-out{
        width: 155%;
    }
}

@media screen and (min-width: 1480px) {
  .text-out{
        width: 165%;
    }
    .projets-img-float {
    top: -37%;
    position: absolute;
    width: 90%;
    /*height: calc(100% + 6vh);*/
  }
}

@media screen and (max-width: 1024px){

  .img-container {
      margin-bottom: 15px;
  }

  .content-projects-row {
    min-height: 38vh;
  }

}

@media screen and (min-width: 1611px){
    .responsive-tablette-image{
      width: 100%;
      height: auto;
      height: intrinsic;
      margin-top: 0px;
    }
}

@media screen and (max-width: 991px){
  .snapp_projets_description {
    padding-bottom: 0;
  }
  .img-container {
      margin-bottom: 15px;
  }
  .snapp_dissmis_p{
    padding:0;
  }

  .mobible-hide{
    display: none;
  }

  .snapp_projects_first_box > .content-projects.col-xl-12.col-lg-12.col-md-12.col-sm-12.px-0{
    margin-bottom: 16px;
  }

  .snapp_projects_sub_filters{
    display: none;
  }

}
@media screen and (max-width:767px){
  #snapp_projets_share .icons-stores .to-rigth,
  #snapp_projets_share .icons-stores .to-left {
    float: inherit;
    margin-top: 20px;
  }

  #snapp_projets_share .icons-stores .pr-4, #snapp_projets_share .icons-stores .pl-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width:500px) {


    #ref-h1 {
        font-size: 4vh !important;
    }

    #ref-p {
        font-size: 3vh !important;
    }

}

@media screen and (max-width:425px){

  .background-img{
    height: 75%;
  }
  .ml{
  margin-left: 0;
}
  .container-accordion{
  max-width: 100%;
}
  .main-categories > .more-padding > a {
    margin-left: 0px;
  }
  #snapp_projets_benefices h2 {
    margin-bottom: 0;
  }
  #snapp_projets_share .icons-stores .to-rigth,
  #snapp_projets_share .icons-stores .to-left {
    float: inherit;
  }
  #snapp_projets_share .icons-stores .pr-4,
  #snapp_projets_share .icons-stores .pl-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #snapp_projets_share .icons-stores .pr-4 {
    padding-bottom: 15px;
  }
  .row .img-container{
    display: block;
  }
  .img-container>.projets-img-float{
    width: 100%;
    display: block;
    height: 55vh;
  }
  .box-image-ref {
      height: 50vh;
  }
  .snapp_projects_column_box {
    margin-bottom: 0 !important;
  }
  .snapp_projects_first_box {
    margin-bottom: 1rem;
  }
  .snapp_projects_first_box > .content-projects.col-xl-12.col-lg-12.col-md-12.col-sm-12.px-0{
    margin-bottom: 0px;
  }
}
#container-projects > .content-projects-row > .content-projects{
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-top: 10px !important;

}
#container-projects > .content-projects-row > .content-projects > .img-container > .content-projects{padding:7.5px!important;margin:0!important}
/*#container-projects > .content-projects-row > .content-projects > .img-container.snapp_projects_first_box > .content-projects{padding:0px!important;margin:0!important}*/
.content-projects-row{

    margin:0!important;padding:0!important;min-height:0px !important;

}

.box-image-ref{
    min-height: 330px !important;
    max-height: 330px !important;
    border-radius: 10px !important;
}

.bloc-ref-img-alpha {
    background: rgba(0, 0, 0, 0.4);
    min-width: 508px;
    max-width: 508px;
    min-height: 300px !important;
    border-radius: 10px;
}

.bloc-ref-fligrane {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
}


.ref-img-alpha{
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

.ref-svg-layer{
    position:absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    z-index:99;
}

.opac-parent{
    position: relative !important;
    min-height: 330px !important;
    max-height: 330px !important;
    border-radius: 10px !important;
    background-color: rgba(0, 0, 0, 0.4);
}

.box-image-ref{
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
}

.d-container>.box-image-ref{
    min-height: 40vh;
    background-size: contain!important;
}

.over-projects > div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.over-projects > div > span {
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    text-align:center;
}

.over-projects > div > .span-cat {
    display:block;
    font-family: Gotham-Medium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
}

.over-projects > div > .span-title {
    display:block;
    font-size: 28px;
    text-align:center;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
}

/*
.over-projects > div {
    top: 0%;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    height: 100%;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.over-projects > div > span {

    color: white;
    text-transform: uppercase;
    font-size: 15px;
    text-align:center;
}

.over-projects > div > .span-cat {
    position: absolute;
    top: 5%;
    display: block;
    width: 100%;
    font-family: Gotham-Medium;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
}

.over-projects > div > .span-title {
    font-size: 28px;
    width: 100%;
    text-align:center;
}

*/


@media screen and (max-width: 991px){
    .d-container>.box-image-ref{
        margin-top: 50px;
    }
}

.tablette-image-container{
  height: auto;
}


@media screen and (min-width: 1000px){
   /* .responsive-tablette-image{
      flex: 50%;
      max-height: 100vh;
      max-width: 33vw;
      margin-left: 40%;
    }*/
    .snapp_tablette_content {
      
      max-width: 50vw;
  }

    .box-left-projet{
      flex: 50%;
    }

    .box-right-projet{
      flex: 50%;
    }
    .container-ref{
      display: flex;
      flex-direction: row;
      border: 0px solid black;
    }
    .snapp_tablette_content {
      padding: 0% 3%!important;
  }
}

@media screen and (max-width: 1530px) {
  .container-ref{
    display: flex;
    flex-direction: column-reverse;
    border: 0px solid black;
  }

  .snapp_tablette_content {
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }

  .bloc-ref-left{
    max-width: 80vw!important;
    margin-left: auto;
    margin-right: auto;
  }

  .box-right-projet{
    margin-bottom: 150px;
  }

  .box-left-projet{
    margin-bottom: 150px;
  }


}



@media screen and (max-width: 1250px) {
    .responsive-tablette-image {
        flex: 50%;
        max-height: 100vh;
        max-width: none;
        margin-left: 0px;
    }
}