@import url("bootstrap.min.css");
@import url("loader.css");

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
::selection {
  background: #86DBFA;
  color:#ffffff;
}
::-moz-selection {
  background: #86DBFA;
  color:#ffffff;
}

a, a:hover{
	text-decoration: none;
}

a:focus,
button{
	outline: none;
}

input:focus, 
textarea, 
input:active, 
select{
  outline:none;
}

img{
	max-width: 100%;
  height: auto;
}


/* ==========================================================================
   texte & format
   ========================================================================== */

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.noTransform{
  text-transform: none!important;
}

.bold{
  font-weight: bold;
}

.italic{
  font-style: italic;
}

.white,
.white p{
  color: #ffffff;
}

.black,
.black p{
  color: #000000;
}

/* ==========================================================================
   Conteneur en fullheight / fullscreen
   ========================================================================== */

.fullheight{
	height: 100vh;
}

.fullwidth{
	width: 100%;
}

/* ==========================================================================
   Conteu en vertical align
   ========================================================================== */

.valign{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

/* ==========================================================================
   Background cover fullscreen
   ========================================================================== */

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

/* ==========================================================================
   Position elements
   ========================================================================== */


.absolute{
  position: absolute;
}

.fixed{
  position: fixed;
}

.top{
  top:0;
}

.bottom{
  bottom:0;
}

.left{
  left:0;
}

.right{
  right:0;
}

.z-high{
  z-index: 999;
}

.z-low{
  z-index: -999;
}




/* ==========================================================================
   CONTENT LOADER
   ========================================================================== */




.cd-cover-layer {
  position: fixed;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height:100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: transparent;
  -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.8s;
  -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.8s;
  transition: opacity 0.4s 0.4s, visibility 0s 0.8s;
  /*background-color: rgba(0, 0, 0, 0.76);*/
}
.cd-about .cd-cover-layer {
  background-color: #283040;
}
.page-is-changing .cd-cover-layer {
  opacity: 1;
  z-index: 99;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}


.cd-loading-bar {
  /* this is the loding bar - visible while switching from one page to the following one */
  position: fixed;
  z-index: 2;
  left: 50%;
  top: 50%;
  height: 2px;
  width: 90%;
  background-color: #fff;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s 0s ease-in;
  -moz-transition: visibility 0s 0.4s, -moz-transform 0.4s 0s ease-in;
  transition: visibility 0s 0.4s, transform 0.4s 0s ease-in;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.cd-about .cd-loading-bar {
  background-color: #283040;
}

.cd-about .cd-loading-bar::before {
  background-color: #4089a6;
}

.cd-loading-bar::before {
  /* this is the progress bar inside the loading bar */
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #283040;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.page-is-changing .cd-loading-bar {
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  -moz-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  -ms-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  -o-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  -webkit-transition: visibility 0s 0.3s, -webkit-transform 0.4s 0.4s;
  -moz-transition: visibility 0s 0.3s, -moz-transform 0.4s 0.4s;
  transition: visibility 0s 0.3s, transform 0.4s 0.4s;
}
.page-is-changing .cd-loading-bar::before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.8s 0.8s ease-in;
  -moz-transition: -moz-transform 0.8s 0.8s ease-in;
  transition: transform 0.8s 0.8s ease-in;
}

/* ==========================================================================
   NAVBAR ANIME
   ========================================================================== */


.navbar.headroom-hidden{
  margin-top: -70px;
}

.headroom-bg{
  background-color: #000000;
}