h2{
    font-size: 2.73rem;
}

@media screen and (min-width: 992px) {
  .snapp_section_aplication_gp.ap-case3{
    padding-right: 10vw;
  } 
}

.parraf-introduction{
	margin: unset;
    margin-top: -21px;
    padding-top: 0vh;
    padding-bottom: 4vh;
}
p .lead .sr{
  font-size: 25px!important;
}
#app_g .personal.nav-link{
	font-size: 18px!important;
	/*padding-right: 27px;*/
  padding-left: 0px;
  font-family: Gotham-Medium;
  color: #a6a6a6;
  padding-left: 0;
    padding-right: 0;
    margin-left: 8px;
    margin-right: 8px;
}

#app_g .personal.nav-link.active{
  color:#4f526d;
}

#app_g ul > li {
  font-family: Gotham-Medium;
  color: #808384;
}
.background-img-float{
    top: -15%;
    position: absolute;
    width: 90%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: calc(100% + 21vh);
}
.app_g-alt{
	margin-left: 90px;
	width: 100%;
	height: 122%;
}
.app_g-alt-2 {
    width: 98%;
    height: 132%;
}

.title-app_g{
	margin-top: 172px;
	margin-bottom: 0px!important;
}

.title-app_g-2 {
    margin-top: 47px!important;
    margin-bottom: 0px!important;
}

.app_g_btn{
	margin-top: 190px;
}


#app_g p{
  font-family: Gotham-Book;
  color: #808384;
  padding-bottom: 25px;
}

#app_g h6{
  line-height: 1.5rem;
}


#app_g .content_app_g{
  font-family: Gotham-Medium;
}
#app_g h2.title-app_g-2 > hr > br > p{
  font-family: Gotham-Book;
}

#app_g .background-img-blog {
    min-height: 35vw;
    background-size: contain;
    background-repeat: no-repeat!important;
    z-index: 1;
    width: 90%;
    position: absolute;
    margin: 0 auto;
}

.snapp_tablette_content > h6 > b > ul > li {
 font-family: Gotham-Medium;
  color: #808384;
  margin-bottom: 10px;
  line-height: 1.5;
}

.snapp_tablette_content > h6 > b{
  font-weight:unset;
}

.up{
  top: -150px;
}

#app_g ul>li{
  margin-bottom: 10px;
}

#app_g ul>li > a:hover{
  text-decoration: none;
    border-bottom-color: #fda418;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    color: #4f526d !important;
}

#app_g ul>li > .selected{
  text-decoration: none;
    border-bottom-color: #fda418;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    color: #4f526d !important;
}


#app_g ul>li > a{
   text-decoration: none;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 6px;
}


.ap-case4 > .container ,
.ap-case2 > .container , 
.ap-case1-a > .container , 
.ap-case3 > .container, 
.ap-case1 > .container,
.sp-module-blog > .container{
  max-width: 100%;
}

.ap-case4 > .container > .row , 
.ap-case1-a > .container > .row{
  padding-left: 15vw;
  padding-right: 5vw;
}

.sp-module-blog > .container > .row{
  padding-left: 7vw;
    padding-right: 10vw;
}

.ap-case4 > .container > .row > .content_app_g   {
  padding-top: 14vh;
}
.ap-case1-a > .container > .row > .content_app_g {
  padding-top: 0vh;
  padding-right: 6vw;
}

.ap-case1-a > .container > .row > .content_app_g > h2 {
  margin-top: 0px!important;

}

.ap-case2 > .container > .row > .content_app_g{
  padding-top: 2vh;
}

 .ap-case1 > .container > .row > .content_app_g  {
    padding-top: 27vh;
    /*padding-left: 5vw;*/
}

.ap-case2 > .container > .row , .ap-case1 > .container > .row{
  padding-left: 5vw;
  padding-right: 15vw;
  padding-bottom: 13vh;

}

.ap-case2 > .container > .row{
   background: linear-gradient(176deg, white 84%, #f7f6f6 1%, #f7f6f6 99%);
}

.ap-case1-b > .container > .row > .content_app_g {
  padding-top: 2vh;
  margin-bottom: 0px!important;
}

.ap-case2 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt-2{
  height: 118%;
  min-height: 0vh;
  background-size: contain!important;
}  

.ap-case1-a > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt{
  height: 118%;
  min-height: 0vh;
  background-size: contain!important;
}

@media screen and (max-width: 991px) {
  .ap-case1-a > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt{
    background-size: cover!important;
  }

  .sp-module-blog > .container > .row {
    padding-left: 0px;
    padding-right: 0px;
  }
}


.ap-case4 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt{
  height: 100%;
  background-size: contain!important;
} 



.ap-case1 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt-2 {
  height: 100%;
  background-size: contain!important;
}


.ap-case1{
  padding-top: 0vh;
  padding-bottom: 0vh;
}

.ap-case1 > .container{
 background-color: #f7f6f6;
 background: linear-gradient(173deg, #f7f6f6 80%, white 1%, white 99%);
}

.ap-case1 > .container > .row {
  padding-bottom: 25vh;
}   

.img-container-app-g{
  width: 100%;
  height: 100%;
}

.app-bp-i{
  height: 151%;
  margin-top: -100px;
}
 
.module_toggle-s{
  padding-top: 9vh;
  padding-bottom: 8vh;
}

@media screen and (min-width: 1611px) {
 .module_toggle-s{
  padding-bottom: 17vh;
} 
}

.background-img-alt{
    height: 92vh;
    background-size: 100% 100%!important;
    margin-left: 2vw;
}

.title-benefices {
  font-family: "Gotham-Bold";
}

.background-pj{
  height: 100%;
}

.rotate:hover{
  -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

.aplications-intro-section{
  padding: 10vh 0;
}

.ap-case2{
    padding: 0 0 !important;
    background-color: white;
}
.ap-case1-b{
  margin-bottom: 0vh;
  background-color: #f7f6f6;
  padding: 0vh 0;
}
/* Change by tag
#app_g > .ap-case4 {
  background-color: white;
}
*/
#app_g > .ap-case4 {
 
  background-color: white;
}

#app_g > .ap-case4 > .container{
  background-color: #f7f6f6;
  background: linear-gradient(173deg, #f7f6f6 80%, white 1%, white 99%);
}

#app_g > .ap-case4 ~ .ap-case4 {
  padding: 5vh 0vh 0vh 0vh !important;
  margin-top: -10vh;
}

#app_g > .ap-case4  ~ .ap-case4 > .container{
  background-color: white;
  background: linear-gradient(176deg, white 84%, #f7f6f6 1%, #f7f6f6 99%);
}


#app_g > .ap-case4  ~ .ap-case4 > .container > .row > .content_app_g{
  padding-top: 0vh;
  padding-bottom: 10vh;
}

#app_g > .ap-case4  ~ .ap-case4 > .container > .row > .content_app_g > h2{
   margin-top: 0rem!important;
}

#app_g > .ap-case4  ~ .ap-case4 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt{
    /*height: 110vh;*/
    min-height: unset;
}

.ap-case3  > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt-2{
    height: 100vh;
    min-height: unset;
}

.image_app_g  {
  z-index: 3;
}

/*.image_app_g  > .img-container-app-g{
  min-height: 10vh !important;
}

.image_app_g  > .img-container-app-g > .background-img-blog{
  height: 10vh !important;
  min-height: unset !important;
}*/
/***********************
Mobile First Resposive
*************************/



@media screen and (max-width:426px){  
  .app_g-alt{
    margin-left: 0px;
    width: 100%;
    height: 100%;
  }
  .app_g-alt-2 {
      margin-right: 0px;
      width: 100%;
      height: 100%;
      margin-left: 0px;
  }
  .app_g_btn{
    margin-top: 0px;
  }
  .background-img-float{
    position: relative;
    height: 100%;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
  }
  
  .img-container {
    min-height: 66vh;
    height: 100%;
  }
}


@media screen and (min-width:426px) and (max-width:769px){
  
  .title-app_g{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .app_g-alt{
    margin-left: 0px;
    width: 100%;
    height: 100%;
  }
  .app_g-alt-2 {
      margin-right: 0px;
      width: 100%;
      height: 100%;
      margin-left: 0px;
  }
    .background-img-float{
    position: relative;
    height: auto;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
  }
}

@media screen and (max-width:991px){
  .order-0{
    order: 0;
  }
  .order-1{
    order: 0;
  }
  .up{
  top: -50px;
  }
  #app_g .background-img-blog {
    position: initial;
  }
  .ap-case4 > .container > .row {
    padding-left: 5vw;
    
  }

  .ap-case2 > .container > .row {
     padding-left: 0px; 
     padding-right: 0px; 
  }

  .ap-case1-b > .container > .row > .content_app_g {
        padding-top: 0vh;
  }

  .background-img-blog{
    margin-left: 0px!important;
    margin-right: 0px!important;
    width: 100%!important;
  }

}


@media screen and (min-width: 769px) and (max-width:1024px){
    .img-container-app-g {
      height: 85%;
    }
    #app_g .background-img-blog {
      min-height: 35vw;
      background-size: cover!important;
      background-repeat: no-repeat!important;
      z-index: 1;
      width: 90%;
      position: initial;
      top: -50px;
      margin: 0 auto;
  }
  #app_g .snapp_app_img_invert:last-child {
    width: 98% !important;
    background-position: center center !important;
  }
  #app_g .background-img-blog:last-child {
      min-height: 35vw;
      background-size: contain!important;
      background-repeat: no-repeat!important;
      z-index: 1;
      width: 90%;
      position: initial;
      top: -50px;
      margin: 0 auto;
  }
    .app_g-alt{
    margin-left: 0;
    width: 100%;
    height: 109%;
    background-position: center center !important;
  }
  .app_g-alt-2 {
      /*margin-right: 129px;*/
      width: 98%;
      height: 109%;
      /*margin-left: -117px;*/
      background-position: center center !important;
  }
     .background-img-float{
    position: relative;
    height: auto;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
  }
  .text-out{
    width: 100%;
  }

}

@media screen and (min-width:770px) and (max-width:991px){
  .image_app_g > div > div{
    margin-left: 0px;
    margin-right: 0px;
  }
  .image_app_g{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px!important;
  }
  .app_g_btn{
    margin-top: 50px!important;
  }
  .app_section_g > .container{
        max-width: 90%;
  }
  
}

@media screen and (min-width: 992px) and (max-width:1220px){
  .app-bp-i{
    height: 100%;
    margin-top: -38px;
  }
}


@media screen and (min-width: 991px) and (max-width:1620px){
  .section-aujust-v1{
    padding: 0 0;
  }

  .des-proy{
    padding-bottom: 0vh;
  }
  
  #app_g .background-img-blog {
   
    /*background-size: cover!important;*/
   
  }

  .ap-case4 > .container > .row,
  .ap-case1-a > .container > .row , 
  .ap-case1-b > .container > .row , 
  .ap-case2 > .container > .row
  .ap-case3 > .container > .row{
    padding-left: 12vw;
    padding-right: 5vw;
  }
  .ap-case1 > .container > .row > .content_app_g {
    padding-top: 18vh;
  }

  .app_g-alt-2 , .app_g-alt{
      height: 100%;
  }

  .ap-case4 > .container > .row > .app_g-alt{
    height: 105%;
  }
  .module_toggle-s > .container {
    max-width: 90%;
  }
}

@media screen and (min-width: 1221px) and (max-width:1620px){
  .app-bp-i{
    height: 130%;
    margin-top: -96px;
  }

}




@media screen and (min-width: 1000px) and (max-width:1920px){
  .app_g-alt{
    margin-left: -90px;
    width: 100%;
    background-position: center center !important;
  }
  .app_g-alt-2 {
      /*margin-right: 129px;*/
      width: 98%;
      /*height: 90vh;*/
      /*margin-left: -117px;*/
      background-position: center center !important;
  }

}


@media screen and (max-width: 991px){
  .app-bp-i{
    height: 100%;
    margin-top: 0px;
  }
  .background-img-alt {
    margin-left: 0vw;
    margin-top: 2vh;
    height: 86vh;
  }
  .module_toggle-s > .container {
    max-width: 95%;
  }
  .ap-case4 > .container > .row > .content_app_g {
    padding-top: 0vh;
  }

  .ap-case4 {
    padding: 4vh 0 !important;
  }
  .background-img-blog {
    min-height: 60vh!important;
  }

  .ap-case1 > .container > .row > .content_app_g {
    padding-top: 0vh;
  }

   .ap-case1-b {
    margin-bottom: 0; 
    }

    .img-container.img-container-app-g.img-container-app-g-tablette {
      min-height: 50vh;
    }

    .smartphone-tablet {
    
      height: 100%;
    }
}



@media screen and (min--moz-device-pixel-ratio:0) and (max-width: 576px){
    .img-container.img-container-app-g.img-container-app-g-tablette {
      min-height: auto;
    }
}


@media screen and (max-width: 1280px){
  .ap-case2 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt-2 {
    height: 115%;
  }
}


@media screen and (max-width: 1024px){
  .aplications-intro-section {
    padding: 5vh 0;
  }

  .container-app-g {
    width: 100%;
    max-width: 94%;
  }
  .ap-case4 > .container > .row > .content_app_g {
    padding-top: 6vh;
  }
  #app_g > .ap-case4 > .container {
    padding-bottom: 10vh;
  }

  .ap-case4 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt {
    height: 119%;
  }

  #app_g > .ap-case4 {
    padding: 0vh 0 !important;
   
  }

  .ap-case2 {
    margin-top: -6vh;
  }

  .ap-case2 > .container > .row, .ap-case1 > .container > .row {
    padding-bottom: 6vh;
  }

  .ap-case2 > .container > .row, .ap-case1 > .container > .row {
    padding-bottom: 24vh;
  }

  .ap-case3 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt-2 {
    height: 100%;
  }

  .ap-case3{
    margin-top: -12vh;
  }

  .smartphone-tablet {
    margin: 2vh auto;
    margin-left: 0px;
  }
}

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

  .ap-case4 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt {
    height: 100vh;
    width: 100%;
    background-size: cover!important;
  }

  .ap-case2 > .container > .row > .content_app_g {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .ap-case2 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt-2 {
    height: 100vh;
  }

  .ap-case2 > .container > .row, .ap-case1 > .container > .row {
    padding-bottom: 8vh;
  }

  .ap-case1-a > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt {
    height: 100vh;
  }

  .ap-case1 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt-2 {
    height: 100vh;
  }

  .ap-case1 > .container {
   
    background: unset;
  }

  #app_g > .ap-case4 ~ .ap-case4 > .container > .row > .content_app_g {
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-right: 0px;
    padding-left: 0px;
  }

  .ap-case4, .ap-case2 , .ap-case1-b , .ap-case1-a, .ap-case1, .ap-case3 {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }

  .ap-case2 > .container > .row {
    background: unset;
  }

  .ap-case4 > .container > .row, .ap-case1-a > .container > .row {
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .ap-case2 > .container > .row, .ap-case1 > .container > .row {
    padding-left: 0vw;
    padding-right: 0vw;
    padding-bottom: 2vh;
  }

  #app_g > .ap-case4 ~ .ap-case4 {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
    margin-top: 0vh;
  }

   #app_g > .ap-case4 > .container  {
       padding-left: 5vw !important;
      padding-right: 5vw !important;
      background: unset;
      background-color: #f7f6f6;
   }

  .ap-case3 {
    margin-top: 0vh;
  }

  #app_g > .ap-case4 ~ .ap-case4 > .container {
    background: unset;
  }

  #app_g > .ap-case4 ~ .ap-case4 > .container > .row > .image_app_g{
    padding-left: 0px;
    padding-right: 0px;
  }
	.scan-section .background-img-blog.app_g-alt-2 {top:auto!important;transform: translate(0,0)!important;}
}

@media screen and (max-width: 768px){
    .smartphone-tablet {
      height: 34vh;
    }
    /*Add by TAG TEAM*/
    .page-cactussnappapplications-grand-public #site-content #app_g section.snapp_section_aplication_gp.ap-case3 .image_app_g.up,
    .page-cactussnappenconsumer-application #site-content #app_g section.snapp_section_aplication_gp.ap-case3 .image_app_g.up{top:0px!important} 
}

@media screen and (max-width: 576px){
    .img-container.img-container-app-g.img-container-app-g-tablette {
      min-height: fit-content;
    }

    .ap-case4 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt {
      height: 500px;
      /*background-size: contain!important;*/
    }

    .ap-case2 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt-2 {
      height: 500px;
      background-size: cover!important;
    }

    .ap-case1-a > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt {
      height: 500px;
      background-size: cover!important;
    }

    .ap-case1 > .container > .row > .image_app_g > .img-container-app-g > .background-img-blog.app_g-alt-2 {
      height: 500px;
      background-size: cover!important;
    }

    .metiers_ap-case4 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc {
      margin-top: 0vh;
    }
    .img-container {
      min-height: auto;
      height: 100%;
    }
}


@media screen and (min-width: 1540px) {
  #app_g > .ap-case4 > .container {
    padding-bottom: 10vh;
    background: linear-gradient(175deg, #f7f6f6 75%, white 1%, white 99%);
  }

  .metiers_ap-case4.gray > .container {
    
    background: linear-gradient(175deg, #f7f6f6 75%, white 1%, white 99%);
    padding-bottom: 20vh;
  }

  .ap-case1 > .container {
    background-color: #f7f6f6;
    background: linear-gradient(175deg, #f7f6f6 75%, white 1%, white 99%);
  }

  .ap-case2 > .container > .row {
    background: linear-gradient(175deg, white 75%, #f7f6f6 1%, #f7f6f6 99%);
  }

  #app_g > .ap-case4 ~ .ap-case4 > .container {
    background-color: white;
    background: linear-gradient(175deg, white 75%, #f7f6f6 1%, #f7f6f6 99%);
  }
  
}
 /*Add by TAG TEAM*/
.page-cactussnappapplications-grand-public #site-content #app_g section.snapp_section_aplication_gp.ap-case3 .img-container-app-g .background-img-blog.app_g-alt-2,
.page-cactussnappenconsumer-application #site-content #app_g section.snapp_section_aplication_gp.ap-case3 .img-container-app-g .background-img-blog.app_g-alt-2{top:auto;bottom:0}
.page-cactussnappapplications-grand-public #site-content #app_g section.snapp_section_aplication_gp.ap-case3 .image_app_g.up,
.page-cactussnappenconsumer-application #site-content #app_g section.snapp_section_aplication_gp.ap-case3 .image_app_g.up{top:-80px}
.scan-section .background-img-blog.app_g-alt-2 {top: 50%;transform: translate(0,-50%);}