/***************
Global Adjust
****************/

h2{
    font-family: Gotham-Bold;
	color: #4f526d;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 36px;
    /*font-weight: bold;*/
}
h5{
    color: #4f526d;
}
h6{
    color: #808384;
}
hr{
	width: 41px;
    height: 5px;
    background: #fda63b;
    display: inline-block;
    margin-bottom: 14px;
    margin-top: 14px;
    border-top: unset;
}
section{
	background-size: cover!important;
	margin: 0;
	padding: 10vh 0;
}

p{
	margin-bottom: 8px;
    line-height: 1.7;
    font-size: 17px;
    color: #808384;
}

p.gotham{
    font-family: Gotham-Medium; 
    color: #808384;
}
p.book{
    color: #808384;
}
h6 > p {
    font-family: Gotham-Medium; 
    color: #808384;
}

h6 > p > b{
    font-family: Gotham-Book; 
    color: #808384;
    font-weight: 100;
}

strong, p > b, p > strong{
    font-family: Gotham-Bold;
}

@media all and (min--moz-device-pixel-ratio:0){
  b,strong{
    font-weight: 100;
    }  
}


.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: unset;
}

.snapp_circular_plus{
    z-index: 1;
    width: 40px;
    height: 40px;
    position: absolute;
    font-size: 17px;
    bottom: -4%;
    left: 3rem;
    padding: 8px;
}

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


.snapp_circular_plus > span {
    position: relative;
    top: 0%;
    transform: translateY(-50%); 
}

/* iphone 6, 6s, 7, 8 */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 

        .snapp_circular_plus > span {
            top: -9%; 
        }
    }

    /* iphone 6+, 6s+, 7+, 8+ */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 
         .snapp_circular_plus > span {
            top: -9%; 
        }
    }

    /* iphone X */
    @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
         .snapp_circular_plus > span {
            top: -9%; 
        }
     }

    /* iphone XR */
    @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
        .snapp_circular_plus > span {
            top: -9%; 
        }
    }

   /* iphone XS */
    @media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) { 
         .snapp_circular_plus > span {
            top: -9%; 
        }
    }

   /* iphone XS Max */
    @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) { 
        .snapp_circular_plus > span {
            top: -9%; 
        }
    }

/********************
Bakcgrounds Image/Colors/Fills
*********************/
.background-white{
	background-color: #fff;
    z-index: 1;
    position: relative;
}
#snapp_contact_form {
    z-index: unset;
    position: inherit;
}
.background-gray{
    margin: 0;
    background-color:  #f7f6f6;
}
.background-dark-violet{
	background-image: linear-gradient(to right,rgb(48, 51, 69), rgb(79, 82, 109));
}
.background-red{
    background-color: #ff4900;
}
.background-banner{
 height: 617px;
 background-size: cover!important; 
 background-position: center center!important; 
 background-repeat: no-repeat!important;
}
.background-img-blog{
    min-height: 60vh;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    z-index: 1;
    width: 90%;
    position: absolute;
    top: -50px;
    margin: 0 auto;
}
.filling-white{
    background-color: white;
}
.img-hover:hover{
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    opacity: 0.5;
    background: red;
}
/****************
Spaces Between Elements
****************/
.white-space{
    margin: 45px 0;
    height: 55px;
}
.section-my5{
    margin: 5vh 0;
}
.section-py5{
    padding: 5vh 0;
}
.section-pt5{
    padding: 5vh 0 0 0;
}
.section-pt10-p0{
    padding: 10vh 0 0 0;
}
.section-pt10 {
    padding-top: 163px;
    margin-left: -30px!important;
    /* padding: 10vh 0; */
}
.section-pt10:nth-of-type(2){
    padding-top: 45px;
    margin-left: unset;
    /* padding: 10vh 0; */
}

.section-pb-10-p0{
    padding: 0 0 10vh 0;
}
.section-pb25-p0{
    padding-bottom: 25vh;
}
.section-collaborators{
    padding: 10vh 0;
}
.section-pt20-p0{
    padding: 20vh 0 0 0;
}
.section-p20-p0{
    padding: 20vh 0;
}
.card-body{
    padding: 3rem 3rem 5rem;
}
.banner-text{
    padding-left: 3rem;
}
/****************
Miscelaneus Elements
*******************/
.font-gray{
    color:#808384;
}
.background-banner >div>section>h1{
   font-weight: bold;
    font-size: 72px;
}
.background-banner >div>section>hr {
    background: white;
    margin-top: -1px;
    margin-bottom: 21px;
    width: 25px;
}
.logo{
    width: 100%;
}
.limiter{
    width: 48%;
}
.limiter-65{
    width:65%;
}
.btn{
	color: white !important;
}
.btn-float {
    margin: -23px 19px 0;
    z-index: 0;
    width: 40px;
    height: 40px;
    position: relative;
    font-size: 17px;
}
.btn-float:hover {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
.card:not(.card-to-open ), .card:not(.tablet-card-to-open ) {
    /*box-shadow: 0px 13px 20px 0px #80808059;
    filter: drop-shadow(0px 12px 8px rgba(0,0,0,0.2));
    -webkit-filter: drop-shadow(0px 12px 8px rgba(0,0,0,0.2));
    -moz-filter: drop-shadow(0px 12px 8px rgba(0,0,0,0.2));*/
    border: unset;
    border-radius: 0px;
   
}

.snapp_savoir_cards .snapp_savoir_card {
    box-shadow: unset;
    filter: unset;
    -webkit-filter: unset;
    -moz-filter: unset;
    border: unset;
    border-radius: 0px;
}

.snapp_savoir_cards .snapp_savoir_card:hover,
.snapp_single_apps_card_box:hover {
    filter: drop-shadow(0px 12px 8px rgba(0,0,0,0.2));
    -webkit-filter: drop-shadow(0px 12px 8px rgba(0,0,0,0.2));
    -moz-filter: drop-shadow(0px 12px 8px rgba(0,0,0,0.2));
    border: unset;
    border-radius: 0px;
}

#snapp_accueil_news .card {
    box-shadow: unset;
	box-shadow: 0px 28px 38px 0px rgba(0, 0, 0, 0.08); 
}

.no-shadow.card:hover{
    /*box-shadow: 0px 13px 20px 0px #80808059;
   */

    filter: drop-shadow(0px 12px 8px rgba(0,0,0,0.2));
-webkit-filter: drop-shadow(0px 12px 8px rgba(0,0,0,0.2));
-moz-filter: drop-shadow(0px 12px 8px rgba(0,0,0,0.2));
 transition: transform 2s;
    transform: scale(1.04);
}
.no-shadow{
    box-shadow: 0px 0px #000;
    border: none;
    /*transition: transform 2s;*/
}
.card-title{
    margin: .75rem 0;
}
.card-text{

    font-size: 16px!important;
    color: #333333!important;
}
.img-container{
	min-height: 60vh;
    /*height: 60vh**/
}
.img-container.img-container-app-g.img-container-app-g-tablette {
    min-height: 75vh;
}
.box-image{
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
}
.text-floating{
    z-index: 1;
    position: absolute;
    bottom: 5%;
    left: 25%;
    right: 25%;
}
.text-big{
    font-size: 32px!important;
}
.btn-snapp{
    font-family: Gotham-Medium;
    margin: 2.5rem 0;
    padding: .8rem 3.4rem;
    border-radius: 54px;
    background: #fda63b !important;
    border: none;
    outline: none;
    width: auto;
    padding: 7px 25px !important;
    line-height: 1;
    font-size: 15px;
}
.btn-snapp:hover{
    color: #50526d;
    text-decoration: none;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

.personal.nav-link.active{
    text-decoration: none!important;
    border-bottom: 1px solid #ffbd60 !important;
    padding-right: 1px;
    margin-right: 23px;
}
.personal{
    text-transform: capitalize;
}
.img-blog-full{
    height: 100%;
}
.d-container{
    background-size: contain!important;
}
.d-container>.box-image{
    min-height: auto;
    width: 40vh;
    background-size: contain!important;
}
.carousel-inner.left-to-right-both>.text-floating{
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: 15%;
    left: 15%;
    right: 20%;
}
.carousel-caption.text-floating{
    bottom: 0;
    top: 40%
}
.carousel-caption.text-floating h5 {
    font-size: 82px;
    font-weight: bold;
    color: white;
}
.lead{
    color: white;
    font-size: 24px;
}
/**************
Slash Effect
*****************/
.left-to-right-both{
    transform: skewY(-4deg);
}
.content-aligned-center-ltr{
    transform: skewY(4deg);
}


/*****************
Modal
*****************/
.modal-backdrop.show{
    opacity: .1;
}


/****************
Slider
*****************/
.carousel-caption-main {
    position: absolute;
    right: 32%;
    left: 15%;
    top: 24%;
    z-index: 10;
    padding-top: 15px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}
.carousel-caption-main > h5 {
    font-size: 3.56rem;
    color: white;
    line-height: 78px;
    font-weight: bold;
}
.carousel-caption-main > p {
    color: white;
    font-size: 1.5rem;
    font-weight: 100;
}
.column-second{
  height: 60vh;
}


.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 30px;
    margin: 0 2px;
    text-indent: 10px;
    border-radius: 100%;
    cursor: pointer;
}

.padding-initial-page{
	padding-top: 83px;
}
.low-size-h2{
	margin-bottom: 33px;
	font-size: 28px;
}


/******
Social Network
*******/

.social-article{
    display: flex;
    position: absolute;
    right: 0px;
}


.social-article > .circle-social:first-child {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    background-color: rgb(191,192,191);
    text-align: unset;
    padding: 3px 6px;
}

.social-article > .circle-social {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    background-color: rgb(191,192,191);
    text-align: unset;
    padding: 3px 2px;
}

.social-article > .circle-social > a{
    position: relative;
    left: 25%;
    top: 1%; 
    color: white;
}

.container-acticles{
    padding-left: 10vw;
    padding-right: 10vw;
}

.article-pagination > li > a{
    color: gray;
}

.article-pagination > .previus{
    position: absolute;
    left: 0px;
}

.article-pagination > .next{
    position: absolute;
    right: 0px;
}

.over-projects{
    position: absolute !important;
    background-color: rgba(248,151,28,.9);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    border-radius: 10px !important;
}

.over-projects:hover{
    opacity: 1;
    cursor: pointer;
}

.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: 9px;
}

.over-projects > div > h3 {
    color:white;
    text-transform: uppercase;
    font-size: 40px;
}

.over-projects > div > a {
    color:white;
    font-size: 40px;
}

.over-projects2{
    background-color: rgba(248,151,28,.9);
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.over-projects2:hover > div > a {
    opacity: 1;
    cursor: pointer;
}

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


.over-projects2 > div > span {
    color:white;
    text-transform: uppercase;
    font-size: 9px;
}

.over-projects2 > div > h3 {
    color:white;
    text-transform: uppercase;
    font-size: 40px;
}

.over-projects2 > div > a {
    color:white;
    font-size: 40px;
    opacity: 0;
}

.social-article > .circle-social > a > svg{

}

/******************
Quotation Mark
*********************/
.quotation-holder{
    width: 100%;
    height: 100%;
    z-index: 33;
    position: absolute;
    top: -60%;
    right: 0%;
    background-repeat: no-repeat;
    background-size: cover;
}
.quotation-holder>.background-img{
    min-height: 100vh;
}
#snapp_timeline > a,
#snapp_timeline > span {
    vertical-align: middle;
    display: inline-block;
}
#snapp_timeline > .snapp_timeline_counter {
    /*margin-top: -9px;*/
}

.snapp_word_no_wrap{
        white-space: nowrap;
}
/**********************
Responsive
***********************/
@media screen and (max-width: 1024px){
    .background-img-blog {
        position: inherit;
        min-height: 70vh;
    }
    .execanim .snapp_agence_execanim_plr {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 991px){
    section{
        padding: 5vh 0;
    }
    
}
@media screen and (max-width: 426px){
    h1{
      font-size: 45px!important;
    }
    .font-title{
        font-size: 8vw!important;
    }

    .font-subtitle{
        font-size: 5vw!important;
    }
    h2{
      font-size:1.70rem;
    }
    .background-img{
        background-size: cover!important;
        background-position: center center!important;
    }
    .img-container{
        min-height: 32vh;
        height: 100%;
    }
  
    .card-body {
    padding: 2rem 2rem 2rem;
    }
  
    .background-img-blog{
        position: unset;
        width: 100%;
    }
    .column-second{
     height: 100vh!important;
    }
    .quotation-holder{
    width: 125%;
    height: 100%;
    z-index: 33;
    position: absolute;
    top: 0%;
    right: 0%;
    left: -30%;
    }
    .quotation-holder > .background-img{
        background-size: contain!important;
    }
    .logo{
        width: 60%;
    }
  .btn-snapp {
    padding: .4rem 1.4rem;
    margin: 0.5rem 0;
    font-size: 16px;
  }
} 


@media screen and (min-width: 427px) and (max-width: 769px) {
  h2{
    font-size:2rem;
    margin-bottom:16px;
  }
  /*p{
    line-height:1.3rem;
  }*/  .btn-snapp {
    margin: .5rem 0;
    padding: .4rem 2.4rem; 
  }

  .desc-bloc-recrutement {
    font-family: Gotham-Book;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.2px;
    color: #333;
    padding-bottom: 10px !important;
    width: 80vw;
}
}

@media screen and (max-width: 770px){
    .background-img-blog {
    position: unset;
    /* min-height: 75vh; */
    background-size: cover!important;
    background-repeat: no-repeat!important;
    /* z-index: 1; */
    width: 100%;
    /* top: -50px; */
    background-position: center center!important;
    }
    .carousel-caption-main {
    top: 0%;
    }

    .quotation-holder {
    width: 142%;
    height: 0%;
    top: -22%;
    right: 0%; 
    left: -40%;
    }

}



@media screen and (max-width: 1300px){
    
    section {
        
        padding: 5vh 0;
    }

}

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

.app-g-list-center{
    margin-left: auto;
    margin-right: auto;
}
.snapp_tablette_content p > strong, .snapp_tablette_content p > b, .snapp_tablette_content ul > li > b, .snapp_tablette_content ul > li > strong{color: rgb(87,91,92);font-family: Gotham-Bold;}
.snapp_tablette_content ul>li {
    margin-bottom: 10px;
}
.snapp_tablette_content ul > li {
    color: #808384;
	line-height: 1.7;
    font-size: 17px;
    text-align: left!important;
}
#snapp_projets_full_image h2{text-align:center}
#snapp_projets_full_image hr{left: 50%;position: relative;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-o-transform: translate(-50%,0);-moz-transform: translate(-50%,0);}