html {
    height : 100%;
}

body {
    margin           : 0;
    background-color : #FFF;
    height           : 100%;
}

/* HEADER HOME*/

header.home {
    height   : 100px;
    width    : 100%;
    position : absolute;
    z-index  : 100;
}

header.home .logo {
    position    : absolute;
    top         : 5px;
    left        : 70px;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden;
    z-index     : 100;
    height      : 120px
}

header.home .logo .icon {
    display          : inline-block;
    position         : relative;
    width            : 240px;
    height           : 73px;
    background-image : url('/img/logo_home_light.png');
}

header.home .logo.dark .icon {
    background-image : url('/img/logo_home.png');
}

.page_layout {
    top              : 0;
    bottom           : 0;
    left             : 0;
    right            : 0;
    z-index          : 1;
    background-color : #FFF;
    position         : relative;
}

.page_layout.cnil_push {
    top : 32px;
}

/* ------ MENU DE NAVIGATION HOME-------- */
.navigation-actions {
    position     : absolute;
    z-index      : 200;
    top          : 20px;
    right        : 5%;
    margin-right : -10px;
    color        : #FFF;
    font-size    : 13px;
    font-weight  : 500;
}

.navigation-actions.dark {
    color        : #7f7f7f;
    border-color : #7f7f7f;
}

.navigation-actions .menu-trigger span {
    margin-left  : 20px ;
    margin-right : 0 ;
}

.navigation-actions .menu-trigger .icon {
    display     : inline-block;
    position    : relative;
    margin-left : 5px ;
    width       : 25px;
    height      : 20px;
    left        : 5px;
    top         : 5px;
    background  : url('/img/menu_icon.png') no-repeat;
}

/* ------ FIN MENU DE NAVIGATION HOME-------- */

/* ------ MENU PRINCIPAL HOME-------- */
.navigation-main {
    position         : absolute;
    font-size        : 13px;
    top              : 0;
    right            : 0;
    width            : 200px;
    background-color : #f5f5f5;
    padding          : 25px 40px 150px 40px;
    overflow         : hidden;
    z-index          : 0;
}

.navigation-main p {
    margin         : 0;
    padding-bottom : 5px;
}

.navigation-main ul {
    padding       : 20px 0 15px 0;
    margin        : 0;
    border-bottom : solid 1px #cecece;
}

.navigation-main ul li {
    padding        : 0;
    margin         : 0;
    list-style     : none;
    font-weight    : 600;
    text-transform : uppercase;
    padding-bottom : 15px;
    vertical-align : middle;
}

.navigation-main ul li ul {
    padding    : 0;
    margin     : 0;
    list-style : none;
    border     : none;
}

.navigation-main ul li ul li {
    text-transform      : none;
    font-weight         : 400;
    list-style          : disc;
    list-style-position : inside;
    padding-left        : 5px;
    padding-top         : 7px;
    padding-bottom      : 0;
}

.navigation-main ul a li:hover, .navigation-main a:hover {
    color : #ff5a5f;
}

/* ------ FIN MENU PRINCIPAL HOME -------- */

/* ------ LE SLIDER HOME RESPONSIVE-------- */
#home_slider {
    position : relative;
}

#home_slider .logo {
    width  : 340px ;
    height : 216px ;
}

#slides {
    position         : relative;
    height           : 85vh;
    background-image : url('/img/slide_defaut.jpg');
    background-size  : 100%;
    display          : block;
    overflow         : hidden;
}

#slides .slides-container {
    z-index  : 1;
    position : relative;
}

#slides .slides-container .slide_content {
    text-align : center;
    width      : 100%;
    margin     : 0 auto;
    bottom     : 80px;
    position   : absolute;
}

#slides .slides-container .slide_content.primary_home {
    text-align : center;
    width      : 100%;
    margin     : 0 auto;
    top        : 35%;
    position   : absolute;
}

#slides .slides-container .slide_content.primary_home .tittle {
    font-size : 32px;
    color     : #000;
}

#slides .slides-container .slide_content .tittle {
    font-family    : "Museo Sans W01_900", sans-serif;
    text-transform : uppercase;
    font-size      : 70px;
    color          : #FFF;

}

#slides .slides-container .slide_content h1 {
    font-family   : "Museo Sans W03_100", sans-serif;
    font-size     : 32px;
    color         : #FFF;
    margin-bottom : 40px;
    line-height   : 38px;
}

#slides .slides-container .slide_content .circle_btn {
    padding   : 7px 20px;
    color     : #FFF ;
    font-size : 15px;
}

.slides-navigation {
    margin   : 0 auto;
    position : absolute;
    z-index  : 3;
    top      : 45%;
    width    : 100%;
}

.slides-navigation a {
    position    : absolute;
    display     : block;
    font-size   : 5em;
    color       : #FFF;
    font-weight : 100;
    text-shadow : 1px 1px 2px #545454;
}

.slides-navigation a.prev {
    left : 40px;
}

.slides-navigation a.next {
    right : 40px;
}

.navigation-horizontal-indicator {
    width    : 100%;
    height   : 8px;
    overflow : hidden;
    position : absolute;
    top      : -8px;
    z-index  : 99;
}

.navigation-horizontal .nav-item .indicator {
    background-color : #36a9e1;
    display          : block;
    margin-left      : auto;
    margin-right     : auto;
    z-index          : 1000;
    width            : 0;
    height           : 0;
    border-style     : solid;
    border-width     : 15px 15px 0 15px;
    border-color     : #FFF transparent transparent transparent;
}

.slides-pagination {
    height     : 100px;
    width      : 100%;
    position   : absolute;
    z-index    : 5000;
    text-align : center;
}

.slides-pagination .nav-item {
    text-align       : center;
    display          : inline-block;
    margin           : 0 14px;
    text-transform   : uppercase;
    color            : #d3d1d1;
    font-size        : 12px;
    padding-top      : 15px;
    background-color : #FF8040;
}

.navigation-horizontal {
    text-align    : center;
    height        : 100px;
    position      : relative;
    display       : block;
    padding-top   : 15px;
    margin-bottom : 10px;
}

.navigation-horizontal .nav-item {
    font-family    : "Museo Sans W03_500", sans-serif;
    text-align     : center;
    display        : inline-block;
    margin         : 0 14px;
    text-transform : uppercase;
    color          : #7F7F7F;
    font-size      : 14px;
    position       : relative;
    height         : 100px;
}

.navigation-horizontal .nav-item .arrow {
    text-align : center;
    display    : inline-block;
}

.navigation-horizontal .nav-item .arrow i {
    right        : 10px;
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 15px 12.5px 0 12.5px;
    border-color : #FFF transparent transparent transparent;
}

.navigation-horizontal .nav-item:hover .arrow i, .navigation-horizontal .nav-item.active .arrow i {
    border-color : #000 transparent transparent transparent;
}

.navigation-horizontal .nav-item .text {
    margin-top : 5px;
    display    : inline-block;
}

.navigation-horizontal .nav-item:hover, .navigation-horizontal .nav-item.active {
    color  : #ff5a5f;
    cursor : pointer;
}

.navigation-horizontal .nav-item:hover .icon, .navigation-horizontal .nav-item.active .icon {
    background-position : 0 -36px;
}

.navigation-horizontal .icon {
    height              : 36px;
    width               : 50px;
    border-width        : 0;
    display             : block;
    background-image    : url('/img/spry_category.png');
    background-repeat   : no-repeat;
    background-position : 0 0;
    margin-left         : auto;
    margin-right        : auto;
    margin-top          : -5px;

}

.navigation-horizontal .nav-item.juridique .icon {
    background-position : 0 0;
}

.navigation-horizontal .nav-item.coaching .icon {
    background-position : -50px 0;
}

.navigation-horizontal .nav-item.traduction .icon {
    background-position : -150px 0;
}

.navigation-horizontal .nav-item.video .icon {
    background-position : -200px 0;
}

.navigation-horizontal .nav-item.music .icon {
    background-position : -250px 0;
}

.navigation-horizontal .nav-item.webmarketing .icon {
    background-position : -300px 0;
}

.navigation-horizontal .nav-item.graphisme .icon {
    background-position : -350px 0;
}

.navigation-horizontal .nav-item.voyance .icon {
    background-position : -400px 0;
}

.nav-item.juridique:hover .icon, .nav-item.juridique.active .icon {
    background-position : 0 -36px;
}

.nav-item.coaching:hover .icon, .nav-item.coaching.active .icon {
    background-position : -50px -36px;
}

.nav-item.traduction:hover .icon, .nav-item.traduction.active .icon {
    background-position : -150px -36px;
}

.nav-item.video:hover .icon, .nav-item.video.active .icon {
    background-position : -200px -36px;
}

.nav-item.music:hover .icon, .nav-item.music.active .icon {
    background-position : -250px -36px;
}

.nav-item.webmarketing:hover .icon, .nav-item.webmarketing.active .icon {
    background-position : -300px -36px;
}

.nav-item.graphisme:hover .icon, .nav-item.graphisme.active .icon {
    background-position : -350px -36px;
}

.nav-item.voyance:hover .icon, .nav-item.voyance.active .icon {
    background-position : -400px -36px;
}

/*------ LES BLOCS DE CONTENUS SPECIFIQUES PAR CATEGORIE--------*/

.content_detail {
    display : none;
}

.content_detail h2 {
    font-size     : 16px;
    margin-left   : 40px;
    margin-bottom : 10px;
}

.content_detail h3 {
    font-family    : "Museo Sans W03_700", sans-serif;
    margin-bottom  : 7px;
    text-transform : uppercase;
}

.content_detail .tittle, #comment-ca-marche .tittle, #commentaries .tittle {
    font-family    : "Museo Sans W01_900", sans-serif;
    font-size      : 19px;
    text-transform : uppercase;
    text-align     : center;
    margin-bottom  : 20px;
}

.tittle.master, #commentaries .tittle.master, #comment-ca-marche .tittle.master {
    font-size      : 36px;
    font-weight    : 300 ;
    margin-bottom  : 40px;
    text-transform : none;
}

.subtitle.master {
    font-size     : 18px;
    font-style    : italic;
    margin-bottom : 35px;
}

#comment-ca-marche .title, #join-us .title {
    font-size      : 25px;
    text-transform : uppercase;
}

#comment-ca-marche .title .big, #join-us .title .big {
    font-size   : 39px;
    font-family : "Museo Sans W01_900", sans-serif;
    margin-top  : -6px
}

#comment-ca-marche .title i, #join-us .title i {
    height        : 60px;
    font-size     : 65px;
    float         : left;
    margin-left   : -12px;
    margin-bottom : 5px;
}

#comment-ca-marche p, #join-us p {
    margin-top : 10px;
}

.content_detail .big_tittle {
    font-size   : 40px;
    font-family : "Museo Sans W03_100", sans-serif;
    color       : #7f7f7f;
    line-height : 51px;
}

.content_detail .round_pict {
    margin-right : 40px;
    height       : 200px;
}

.content_detail .simple_btn {
    font-size      : 14px ;
    text-transform : none;
    font-weight    : 600;
    margin-top     : 20px;
    margin-right   : 20px;
    padding        : 10px 20px;
}

.content_detail.active {
    display : block;
}

#category_block a img {
    opacity : 0.7;
}

#category_block a:hover img {
    opacity : 1;
}

#category-block-name{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* SLIDESHOW COMMENTAIRES */
#commentaries .slide {
    display  : block;
    width    : 820px;
    height   : 220px;
    float    : left;
    overflow : hidden;
}

#commentaries .slide_pagin {
    width      : 130px;
    display    : inline-block;
    text-align : center;
}

#commentaries .nav_slider {
    display          : inline-block;
    width            : 60px;
    height           : 60px;
    background-color : #dcdbdb;
    line-height      : 60px;
    text-align       : center;
    border-radius    : 8px;
    font-size        : 24px;
    font-weight      : 600;
    color            : #FFF;
    cursor           : pointer;
    margin-top       : 50px;
}

#commentaries .nav_slider:hover {
    background-color : #36a9e1;
}

#commentaries_slideshow .round_pict {
    display : block;
    width   : 100%;
    height  : 250px;
}

#commentaries_slideshow .round_pict, #commentaries_slideshow img {
    height : 140px;
    width  : 140px;
}

#commentaries_slideshow .photo_box {
    width      : 170px;
    text-align : center;
    float      : left;
}

#commentaries_slideshow .commentary_box {
    padding: 20px;
}

#commentaries_slideshow .rating.small {
    line-height : 20px;
    text-align  : center;
    margin-top  : 5px;
    height      : 15px;
}

#commentaries_slideshow .rating.small span {
    display             : inline-block;
    height              : 20px;
    width               : 13px;
    background          : url(/img/rating_stars_small.png) no-repeat;
    background-position : 0 1px;
    letter-spacing      : 0.25em;
}

#commentaries_slideshow .rating.small span.s1 {
    background-position : 0 0;
}

#commentaries_slideshow .rating.small span.s2 {
    background-position : -14px 0;
}

#commentaries_slideshow .rating.small span.s3 {
    background-position : -28px 0;
}

#commentaries_slideshow .nb_call {
    display     : inline-block;
    font-size   : 11px;
    color       : #36a9e1;
    height      : 15px;
    font-weight : 400;
    line-height : 20px;
}

#commentaries_slideshow p {
    font-family : "Museo Sans W03_100", sans-serif;
    font-size   : 28px;
    font-weight : 200;
    font-style  : italic;
    text-align  : center;
    margin-top  : 25px;
}

#commentaries_slideshow p.author {
    font-size   : 11px;
    margin      : 0;
    font-family : "Museo Sans W03_300", sans-serif;
    font-style  : normal;
    text-align  : center;
    margin-top  : 10px ;
}

/*-------  FORMULAIRE D'INSCRIPTION --------*/

#inscription .tittle {
    color          : #414141;
    font-size      : 34px;
    margin-bottom  : 40px;
    text-align     : center;
    text-transform : uppercase;
}

#inscription .tittle strong {
    font-family : "Museo Sans W01_900", sans-serif;
    font-size   : 44px ;
}

#subscribe_form_home p, #subscribe_form_landing p {
    font-size : 12px;
}

#subscribe_form_home p a, #subscribe_form_landing p a {
    text-decoration : underline;
}

/*-------  SPECIFIQUE HOME MASTER --------*/

header.home_master {
    background-color : #393939;
    height           : 70px;
    width            : 100%;
    position         : fixed;
    z-index          : 3;
}

header.home_master .grid_12 {
    background : url(/img/header_master_bg.png) no-repeat 135px top
}

#home_slide {
    height     : 580px;
    background : #c6c0c3 url(/img/HomeMaster_img.jpg) no-repeat right top;
    box-sizing: content-box;
}

#home_slide h1 {
    font-size : 33px;
    color     : #FFF;
}

#home_slide .home_master_bg h1 {
    font-family : "Museo Sans W03_100", sans-serif;
    font-size   : 50px;
    padding-top : 80px;

}

#home_slide .circle_btn {
    padding     : 7px 19px;
    font-size   : 15px;
    font-weight : 500;
}

#home_slide .circle_btn.orange {
    border-color : #ff5a5f;
}

#home_slide .circle_btn.orange:hover {
    background-color            : rgba(0, 0, 0, 0.5);
    border-color                : #797979;
    -webkit-transition-property : background-color;
    -webkit-transition-duration : 0.3s;
    -moz-transition-property    : background-color;
    -moz-transition-duration    : 0.3s;
    transition-property         : background-color;
    transition-duration         : 0.3s;
    -webkit-transition-property : border-color;
    -moz-transition-property    : border-color;
    transition-property         : border-color;
}

#home_slide #uae {
    color: #FFF;
    margin-top: 60px;
    border-radius: 5px;
    width: 380px;
    padding: 20px 0px 0px 0px;
    text-align: center;
}


#home_slide #uae .uea_title {
    text-transform: uppercase;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
}
#home_slide #uae img {
    width :140px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
}

#corporate-kang p {
    width      : 200px;
    margin-top : 20px;
    text-align : center;
}

#equipe-kang p {
    font-size   : 18px;
    line-height : 25px;
}

#category-kang .home_cat_title {
    height         : 50px;
    line-height    : 50px;
    margin-bottom  : 10px;
    font-weight    : bold;
    padding-left   : 50px;
    text-transform : uppercase;
}

.home_cat_title.juridique {
    background : url(/img/Pict_juridique.png) no-repeat 0 0;
    color      : #ff5a5f;
}

.home_cat_title.video {
    background : url(/img/Pict_video.png) no-repeat 0 0;
    color      : #ffce34;
}

.home_cat_title.musique {
    background : url(/img/Pict_musique.png) no-repeat 0 0;
    color      : #a05caf;
}

.home_cat_title.web {
    background : url(/img/Pict_webmarketing.png) no-repeat 0 0;
    color      : #b6b6b6;
}

.home_cat_title.siteweb {
    background : url(/img/Pict_siteweb.png) no-repeat 0 0;
    color      : #f18822;
}

.home_cat_title.graphisme {
    background : url(/img/Pict_graphisme.png) no-repeat 0 0;
    color      : #99cb01;
}

.home_cat_title.traduction {
    background : url(/img/Pict_traduction.png) no-repeat 0 0;
    color      : #3ac5ff;
}

.home_cat_title.astro {
    background : url(/img/Pict_astro.png) no-repeat 0 0;
    color      : #185f7d;
}

/* HOME PRINCIPALE AB TESTING */

.slideout-panel{
    overflow: hidden;
}

.home_couv{
    padding-top: 280px ;
    height: 330px;
    position: relative;
    z-index: 2;
    margin-top: -40px;
    /*display: flex;*/
    flex-direction: column-reverse;
}

#home_couv_cinemagraph{
    padding-top: 180px ;
    position: relative;
    height: 50vh;
    min-height: 25rem;
    max-width: 1920px;
    width: 100%;
    box-sizing: content-box;
}

#home_couv_cinemagraph video{
    position: absolute;
    top: 5%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: initial;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;
}

#home_couv_animation[poster]{
    width: 1920px;
    height: auto;
}

#home_couv_main_div_text{
    position: relative;
    z-index: 2;
}

.home_couv_special {
	overflow: initial;
	padding-top: 65px;
	height: 540px;
	position: relative;
	z-index: 2;
	margin-top: -140px;
}


.home_couv_op_spe {
    padding-top: 230px;
    height: 580px;
}

.home_couv h1,
.home_couv h1 sup {
    font-family: "Montserrat";
    letter-spacing: -2px;
    margin-top: -90px;
    font-size: 33px;
    color: #ff5a5f;
    margin-bottom: -18px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    line-height: 39px;
}

.home_couv h1 sup{
    font-size: 18px ;
}

.home_couv h2 {
    font-family: "Museo Sans W03_300", sans-serif;
    font-size: 35px;
    color: #414141;
    margin-bottom: 35px;
    padding-top: 75px;
}

#home_couv_second_title{
    margin-top: -49.5%;
}

.home_couv input, .home_couv input[type=text]:focus {
    color         : #414141;
    background    : #FFF url(/img/search_picto.png) no-repeat 450px center ;
    padding       : 20px;
    border-radius : 7px;
    outline       : none ;
    border        : none ;
    width         : 460px;
    font-family   : "Museo Sans W03_300", sans-serif;
    font-size     : 14px;
}

#home_search_form{
    margin-top: 90px;
    padding-bottom: 70px;
}

form{
    padding: 0;
}

#on-kang-you-can {
    padding-top    : 35px;
    padding-bottom : 30px;
}

#on-kang-you-can span {
    float          : left;
    margin-right   : 36px;
    height         : 40px;
    vertical-align : middle;
}

#on-kang-you-can span img {
    float        : left;
    margin-right : 5px;
}

.home_simple_title {
    font-family    : "Museo Sans W03_300", sans-serif;
    font-size      : 30px;
    text-transform : uppercase;
}

#home_text_you_can{
	width: 245px;
}

#press .home_simple_title {
    color     : #dddddd;
    font-size : 26px;
}

#our_community p {
    font-size   : 18px;
    line-height : 21px;
}

#why li {
    width      : 14%;
    float      : left;
    text-align : center;
    font-size  : 14px;
    color      : #414141;
}

#press {
    border-bottom : solid 1px #dddddd;
    text-align    : center;
}

.home_couv .visible_mobile {
    display : none;
}

/*************** Début de rotate word ***************/

.rotate_title {
    /*width: 100%;*/
    font-family: "Museo Sans W01_900";
    margin-top: 6%;
    font-size: 50px;
    line-height: 50px;
    color: #414141;
    height: 50px;
    position: absolute;
    top: 40%;
    left: 54%;
    margin-top: -15px;
    margin-left: -275px;
}

.rotate_title .visible {
    float       : left;
    font-family : "Museo Sans W03_300", sans-serif;
    font-size   : 50px;
    overflow    : hidden;
    height      : 50px;
    line-height : 50px;
    color       : #414141;
}

.cd-words-wrapper-text{
    font-family: "Montserrat";
    color: #414141;
    font-size: 35px;
    text-align: center;
    line-height: 43px;
    font-weight: 500;
}

.cd-intro {
    margin: -100px auto;
}

.cd-headline {
    font-size: 35px;
    line-height: 1.2;
    font-weight: 500;
}

/* Rotation */

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

/* Animation */

.cd-headline.slide b {
    opacity: 0;
    top: 14px; /* .2em */
}

.cd-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in 0.6s;
    -moz-animation: slide-in 0.6s;
    animation: slide-in 0.6s;
}

.cd-headline.slide b.is-hidden {
    -webkit-animation: slide-out 0.6s;
    -moz-animation: slide-out 0.6s;
    animation: slide-out 0.6s;
}

/*@-webkit-keyframes slide-in {*/
  /*0% {*/
    /*opacity: 0;*/
    /*-webkit-transform: translateY(-100%);*/
  /*}*/
  /*60% {*/
    /*opacity: 1;*/
    /*-webkit-transform: translateY(20%);*/
  /*}*/
  /*100% {*/
    /*opacity: 1;*/
    /*-webkit-transform: translateY(0);*/
  /*}*/
/*}*/

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  40% {
    opacity: 1;
    -moz-transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateY(-140%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    40% {
        opacity: 0;
        -moz-transform: translateY(-140%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.no-js .cd-words-wrapper b {
    opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

/* Animation */

.cd-headline.slide span {
    display: inline-block;
    padding: .2em 0;
    color: #414141;
    font-family: "Montserrat";
}

@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

/*************** Fin de rotate word ***************/

/* ----- ANIMATIONS ----- */

@-webkit-keyframes change {
    0% {
        margin-top : 0;
    }
    5% {
        margin-top : -50px;
    }
    10% {
        margin-top : -50px;
    }
    15% {
        margin-top : -100px;
    }
    20% {
        margin-top : -100px;
    }
    25% {
        margin-top : -150px;
    }
    30% {
        margin-top : -150px;
    }
    35% {
        margin-top : -200px;
    }
    40% {
        margin-top : -200px;
    }
    45% {
        margin-top : -250px;
    }
    50% {
        margin-top : -250px;
    }
    55% {
        margin-top : -300px;
    }
    60% {
        margin-top : -300px;
    }
    65% {
        margin-top : -350px;
    }
    70% {
        margin-top : -350px;
    }
    75% {
        margin-top : -400px;
    }
    80% {
        margin-top : -400px;
    }
    85% {
        margin-top : -450px;
    }
    90% {
        margin-top : -450px;
    }
    95% {
        margin-top : -500px;
    }
    100% {
        margin-top : -500px;
    }
}

@-moz-keyframes change {
    0% {
        margin-top : 0;
    }
    5% {
        margin-top : -50px;
    }
    10% {
        margin-top : -50px;
    }
    15% {
        margin-top : -100px;
    }
    20% {
        margin-top : -100px;
    }
    25% {
        margin-top : -150px;
    }
    30% {
        margin-top : -150px;
    }
    35% {
        margin-top : -200px;
    }
    40% {
        margin-top : -200px;
    }
    45% {
        margin-top : -250px;
    }
    50% {
        margin-top : -250px;
    }
    55% {
        margin-top : -300px;
    }
    60% {
        margin-top : -300px;
    }
    65% {
        margin-top : -350px;
    }
    70% {
        margin-top : -350px;
    }
    75% {
        margin-top : -400px;
    }
    80% {
        margin-top : -400px;
    }
    85% {
        margin-top : -450px;
    }
    90% {
        margin-top : -450px;
    }
    95% {
        margin-top : -500px;
    }
    100% {
        margin-top : -500px;
    }
}

@-o-keyframes change {
    0% {
        margin-top : 0;
    }
    5% {
        margin-top : -50px;
    }
    10% {
        margin-top : -50px;
    }
    15% {
        margin-top : -100px;
    }
    20% {
        margin-top : -100px;
    }
    25% {
        margin-top : -150px;
    }
    30% {
        margin-top : -150px;
    }
    35% {
        margin-top : -200px;
    }
    40% {
        margin-top : -200px;
    }
    45% {
        margin-top : -250px;
    }
    50% {
        margin-top : -250px;
    }
    55% {
        margin-top : -300px;
    }
    60% {
        margin-top : -300px;
    }
    65% {
        margin-top : -350px;
    }
    70% {
        margin-top : -350px;
    }
    75% {
        margin-top : -400px;
    }
    80% {
        margin-top : -400px;
    }
    85% {
        margin-top : -450px;
    }
    90% {
        margin-top : -450px;
    }
    95% {
        margin-top : -500px;
    }
    100% {
        margin-top : -500px;
    }
}

@keyframes change {
    0% {
        margin-top : 0;
    }
    5% {
        margin-top : -50px;
    }
    10% {
        margin-top : -50px;
    }
    15% {
        margin-top : -100px;
    }
    20% {
        margin-top : -100px;
    }
    25% {
        margin-top : -150px;
    }
    30% {
        margin-top : -150px;
    }
    35% {
        margin-top : -200px;
    }
    40% {
        margin-top : -200px;
    }
    45% {
        margin-top : -250px;
    }
    50% {
        margin-top : -250px;
    }
    55% {
        margin-top : -300px;
    }
    60% {
        margin-top : -300px;
    }
    65% {
        margin-top : -350px;
    }
    70% {
        margin-top : -350px;
    }
    75% {
        margin-top : -400px;
    }
    80% {
        margin-top : -400px;
    }
    85% {
        margin-top : -450px;
    }
    90% {
        margin-top : -450px;
    }
    95% {
        margin-top : -500px;
    }
    100% {
        margin-top : -500px;
    }
}