/* Général */
html {
    min-height: 100%;
}

html, body{
    height: 100%;
    background: #f5f3f4;
}

.slogan-home{
  font-size:2.5rem;
  text-align:right;
  font-family:'PT Serif',serif;
  margin:-50px 40px 0 0;
}

h1{
  margin: 0 !important;
}

.pad-80{
  padding: 80px 0;
}

.txt-banner{
  margin-top:150px;
  color: #f5f3f4;
}
.txt-banner h1{
  color: #e7302a;
  font-family: 'PT Serif', serif;
}

h2{
  color: #e7302a;
  font-family: 'PT Serif', serif;
}

h3{
  color: #e7302a;
  font-family: 'PT Serif', serif;
}

.navbar-nav a{
  margin:0 10px;
}

.nav-link {
  color:#161a1d !important;
}

.nav-pills .nav-link.active{
  color: #fff !important;
  background-color: #161a1d !important;
}

.btn-sign{
  border:1px solid #ba191b;
  color:#ba191b !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  border-radius: 6px;
}

.btn-sign:hover{
  text-decoration: none;
}


.uk-button-default{
  color: #ba181a;
  border-color:#ba181a;
}

.txt-section-1{
  margin: 150px 0 50px;
}

.txt-center{
  text-align: center;
}

.txt-right{
  text-align:right;
  margin-bottom: 30px;
}

.txt-right h3,.txt-right p {
  margin: 0;
}

.txt-left{
  text-align:left;
  margin-bottom: 30px;
}

.txt-left h3,.txt-left p {
  margin: 0;
}

.sect-head-card{
  background-image:url('../img/asset/bloc-1.jpg');
  background-size:cover;
  height:450px;
}

.parallax{
  text-align: center;
  color:#fff;
  height: 400px;
  background-image: url('../img/asset/workplace.jpg');
  background-size:cover;
  background-position: bottom;
}

.parallax h2{
  color: #fff;
}

.activity li{
  display: inline-block;
  margin: 10px;
  color: #e7302a;
  border: 1px solid #e7302a;
  padding: 5px 10px;
  border-radius: 8px;
}

  .txt-mock-right, .txt-mock-left{
    margin-top:30px;
  }

.mock-screen{
  position: relative;
  margin: auto;
}

.mock{
  position: absolute;
  top: 0;
  left: 75px;
  z-index: 2;
}

.screen{
  position: absolute;
  top: 9px;
  left: 88px;
  z-index: 0;
}

footer{
  background-color:#161a1d;
  height: 180px;
  padding-top:30px;
}

.logo-foot img{
  width: 180px;
}

.logo-foot p{
  color: #dcdcdc;
  font-family: 'PT Serif', serif;
  font-size: 11px;
  margin: -8px 0 0 60px;
}

ul.link-foot,ul.social-foot{
  padding: 0;
}

.social-footer{
  text-align: center;
}


.link-foot  a{
  color:#dcdcdc;
  text-decoration: none;
}

.link-foot  a:hover{
  color: #7a7a7a;
}

.social-foot li{
  display:inline-block;
  margin:0 5px;
}

.social-foot a{
  color:#dcdcdc;
  text-decoration: none;
}

.social-foot a:hover{
  color: #7a7a7a;
}

.icon{
  font-family: "Flaticon";
  font-size: 35px;
}

.icon i{
  font-style: normal;
}


@media (max-width: 576px){

  .slogan-home{
    font-size:1.4rem;
    margin:-20px 10px 0 0;
  }
  .sect-head-card{
    height: 600px;
    margin-bottom: 50px;
  }

  .navbar-nav{
    padding: 20px 0 10px;
    text-align: center;
  }

  .txt-mock-right .txt-right{
    text-align: left;
  }

  .mock{
    position: relative;
    left:25px;
  }

  .txt-banner{
    margin-top:80px;
    padding:0 15px;
  }

  .txt-section-1{
    margin: 45px 0 50px;
  }

  footer{
    height: 380px;
    text-align: center;
  }
}