$orange: rgba(251,163,58,1);

@import "jquery.bxslider";

@import "fontawesome/font-awesome";
@import "qi_grids";
@import "popover";

@import "public/menu_item_link_contents";
@import "public/menus";
@import "public/slippry";
@import "public/timeline";
@import "public/articles";
@import "public/bottom";
@import "public/dons";
@import "public/press_release";

@import "public/flexslider";
@import "public/label";
$blue :rgba(26,147,166,1);

.clear{
  clear:both;
}

body{
  font-family:"raleway", Arial, sans-serif;
  
  line-height:1.4em;
  text-align:left;
  font-weight:300;
  padding:0;
  margin:0;

  background:white;
  font-size: 16px;
  line-height: 22px;
  color: #8d8d8d;
  font-weight: 300;
  
  
}
.center{
  max-width:1100px;
  margin:auto;
}

h1,h2,h3{
  text-transform:uppercase;
  font-weight:normal;
  
}
.top{
  height:100px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  background:white;
  border-left:15px solid $blue;
  position:relative;
  z-index:2;
  #logo{
    margin:25px;
    height:50px;
  }
  .menu{
    float:right;
    
    font-weight:bold;
    text-transform:uppercase;
    font-size:13px;
    padding-right:15px;
    
    a{
      color:#696969;
      text-decoration:none;
      display:inline-block;
      padding:0 10px;
      line-height:100px;
      
      &.active, &:hover{
        color:$blue;
        
      }
      
    }
    ul{
      display:inline;
      li{
        display:inline;
      }
    }
    
    
  }
}

.bottom{
  
  padding: 20px 10px 10px;
  background-color: #5d5d5d;
  font-size:0.9em;
  .logo{
    height:50px;
  }
  
  p{
    margin-top:0;
    color:white;
  }
}

.menu_item_top{
  background:center center no-repeat;
  background-size:100%;
  background-size:cover;
  min-height:450px;
  position:relative;
  h1{
    color:white;
    position:absolute;
    bottom:50px;
    right:20px;
    left:20px;
    text-align:center;
  
    
  }
  &.principal{
    
    //min-height:600px;
  }
}

#home_slider{
  .inner{
    background:black center center no-repeat;
    background-size:100%;
    background-size:cover;
    overflow:hidden;
   
   
  }
}

.q_counter_holder{
  text-align:center;
  
}

.socials_links{
  text-align:right;
  margin-right:10px;
  a, .top_link{
    display:inline-block;
    padding:10px 0px;
    text-align:center;
    width:45px;
    color:#9d9d9d;
    border: 2px solid #9d9d9d;
    margin:10px 5px;
    cursor:pointer;
    &:hover{
      background:#9d9d9d;
      color:white;
      
    }
  }
  .top_link{
  
    //display:inline;
  }
}

.tag-gal{
  .element{
    float:left;
    width:16%;
    margin:2%;
    text-align:center;
    min-height:230px;
  }
  img{
    width:100%;
    border-radius:50%;
    
  }
  p{
    margin:0;
  }
  
}
.realisation_list{
  padding-left:0px;

  margin-right:-25px;
  margin-bottom:-25px;
.realisation{
  padding-right:25px;
  padding-bottom:25px;
    width:33%;
    float:left;
    box-sizing: border-box;
  
  .img{
    height:250px;
    overflow:hidden;
    width:100%;
    background: no-repeat center center;
    background-size:100%;
    background-size:cover;
  }
  color:#8d8d8d;
}}