/***
* MEDIC EXPAT - SITE - PAGE DEFAULT CSS
* 
* 
***/



/* --- CSS ROOT --- 
:root {


}*/



/* ----- GENERALS CLASS CSS ----- */
html, body {
    margin: 0;
    background-color: #242424;
}


a {
    text-decoration: none;
}


.hidden-elem {
    opacity: 0;
    transform: translateY(50px);
}

.reveal-elem {
    opacity: 1;
    transform: translateY(0);
    transition: 1s cubic-bezier(0.5, 0, 0, 1);
    -webkit-transition: 1s cubic-bezier(0.5, 0, 0, 1);
    -moz-transition: 1s cubic-bezier(0.5, 0, 0, 1);
}

.disp-inline {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: inline-flex;
}

.font_size_08 {
  font-size: 0.7em;
}





/* ----- GENERALS ANIMATION CSS ----- */
/* Background Transla */
@-webkit-keyframes anim_background_transla {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes anim_background_transla {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Background Lines Effect */
@-webkit-keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}
@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}







/* ---------- MEDIA QUERIES SYSTEM ------------------------------------------------------------*/

/* ---------- SCREEN >= 1920 ------------------------------ */
@media screen and (min-width: 1920px) {
    /*body{ background-color: orange }*/

}
/* ---------- SCREEN < 1920 | SCREEN >= 1680 -------------- */
@media screen and (max-width: 1919px) and (min-width: 1680px) {
    /*body{ background-color: cyan }*/

}
/* ---------- SCREEN < 1680 | SCREEN >= 1440 -------------- */
@media screen and (max-width: 1679px) and (min-width: 1440px) {
    /*body{ background-color: purple; }*/

}
/* ---------- SCREEN < 1440 | SCREEN >= 1280 -------------- */
@media screen and (max-width: 1439px) and (min-width: 1280px) {
    /* DEFAULT STYLE : NOT NEED MEDIA QUERIES */
}
/* ---------- SCREEN < 1280 | SCREEN >= 1024 -------------- */
@media screen and (max-width: 1279px) and (min-width: 1024px) {
    /*body{ background-color: yellow; }*/

}
/* ---------- SCREEN < 1024 | SCREEN >=  768 -------------- */
@media screen and (max-width: 1023px) and (min-width: 768px) {
    /*body{ background-color: green; }*/
   
}
/* ---------- SCREEN <  768 | SCREEN >=  480 -------------- */
@media screen and (max-width: 767px) and (min-width: 480px) {
    /*body{ background-color: blue; }*/
    
}
/* ---------- SCREEN <  480  ------------------------------ */
@media screen and (max-width: 479px) {
    /*body{ background-color: red; }*/

}