/* GENERAL */
body
{
    font-family: 'Lato', sans-serif;
}
h1,h2,h3,h4,h5,h6
{
    font-weight: bold;
}
img
{
    max-width: 100%;
    height: auto;
}
ul,ol
{
    list-style:none;
}
section
{
    padding: 45px 0 80px 0;
}
section .heading 
{
    text-align: center;
    padding-bottom: 40px;        
}
section .heading h2
{
    text-transform: uppercase;
}
.white-divider
{
    width:100px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
}
.black-divider
{
    width:100px;
    height: 2px;
    background: #000;
    margin: 0 auto;
}

/* MENU */
.navbar
{
    background: #000;
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: bold;
}
.navbar .navbar-nav
{
    display: inline-block;
    float: none;
    vertical-align: top;
}
.navbar .navbar-collapse
{
    text-align: center;
}
.navbar li a
{
    color: #fff !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a
{
    color: #000 !important;
    background-color: #fff !important;
}
.navbar-default .navbar-toggle
{
    border-style: none;
}
.icon-bar
{
    background-color: #fff !important;
}


/* ABOUT */
#about
{
    padding-top: 100px;
    background: #000;
}
.profile-picture
{
    text-align: center;
    margin: 0 auto;
    float: none;
}
#about .heading h1
{
    color:#fff;
    text-transform: uppercase;
}
#about .heading h3
{
    color:#fff;
}
.button1
{
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    border: 1px solid white;
    display: inline-block;
    margin-top:  20px;
    padding: 18px 50px;
    border-radius: 5px;
    transition: all 0.5s ease-in 0s;
}
.button1:hover
{
    background: white;
    color: #000;
    text-decoration: none;
}

/* EVENTS */
#events
{
    background: #fff;
}
#events .heading h2
{
    color: #000;
}
.timeline
{
    padding: 30px 10px;
    position: relative;
}
.timeline:before
{
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 5px;
    background-color: #333;
    left: 50%;
    margin-left: -2.5px;
}
.timeline > li
{
    margin-bottom: 20px;
    position: relative;
}
.timeline > li:after
{
    clear: both;
}
.timeline > li:before, .timeline > li:after
{
    content: " ";
    display: table;
}
.timeline li .timeline-badge
{
    color: #000;
    width: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #ddd;
    border-radius: 50%;
}
.timeline-panel-container
{
    width: 50%;
    float: left;
}
.timeline-panel-container-inverted
{
    width: 50%;
    float: right;
}
.timeline-panel
{
    width: 90%;
    float: right;
    margin-right: 40px;
    border: 1px solid #d4d4d4;
    border-radius: 7px;
    padding: 20px 25px;
    position: relative;
    box-shadow: 0 1px 6px rgba(0,0,0, 0.175);
    background: #ddd;
}
.timeline-panel-container-inverted .timeline-panel
{
    float: left;
    margin-left: 40px;
}

.timeline-panel:after
{
    position:absolute;
    top: 27px;
    right: -14px;
    display:inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ddd;
    border-right: 0 solid #ddd;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline-panel-container-inverted .timeline-panel:after
{
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-heading h3
{
    margin-top: 5px;
    font-size: 20px;
}
.timeline-heading h4
{
     color: #000;
}


/* articles */
#articles
{
    background: #000;
}
#articles .heading h2
{
    color: #fff;
}
.articles-block
{
    width:80%;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
    background: #ddd;
    border-radius: 10px;
    border: 2px solid #ccc;
    margin-bottom: 20px;

}
.articles-block h5
{
    color: #888;
    font-size: 15px;
    margin-bottom: 15px;
}
.articles-block .glyphicon
{
    font-size: 40px;
}
.articles-block h3
{
     color: #d82c2e;
}
.articles-block h4
{
   margin-bottom: 20px;
}
.articles-block p
{
  font-weight: bold;
}
.articles-block .red-divider
{
    margin-bottom: 20px;
}
    
/* PORTFOLIO */
#portfolio
{
    background: #d82c2e;
}
#portfolio .heading h2
{
    color: #fff;
}
#portfolio .thumbnail img
{
    width: 100%;
    height: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
}
#portfolio .thumbnail img:hover
{
     filter: none;
    -webkit-filter: none; 
}


/* RECOMMANDATIONS */
#recommandations
{
    background: #fff;
}
#recommandations .heading h2
{
  color: #d82c2e;
}
.carousel-control.left, .carousel-control.right
{
    background-image: none;
    color: #d82c2e;
}
.carousel-indicators
{
    bottom: 0px;
}
.carousel-indicators li
{
    border-color: #d82c2e;
}
.carousel-indicators li.active
{
    background-color: #d82c2e;
}
#myCarousel .item
{
    padding: 40px 30px;
}
#myCarousel .item h3
{
    color: #d82c2e;
    font-style: italic;
}

/* FOOTER */
footer
{
    background: #333;
    padding: 20px 0 40px;
}
footer .glyphicon
{
    font-size:  25px;
    margin: 20px;
    color: #fff;
    height: 30px;
}
footer .glyphicon:hover
{
    font-size:  27px;
}
footer h5
{
    color: #fff;
    font-weight: normal;
}
































.wrapper {
  width: 100%;
  position: relative;
  background-color: #fff;
}
.wrapper:after {
  padding-top: 42.85714285714287%;
  display: block;
  content: '';
}
.wrapper .column {
  position: absolute;
  left: 0;
  top: 0;
  width: 14.2857142857142857%;
  float: left;
  padding: 6px;
  box-sizing: border-box;
}
.wrapper .column .inner {
  width: 100%;
  position: relative;
}
.wrapper .column .inner:after {
  padding-top: 100%;
  /* ratio 1:1 */
  display: block;
  content: '';
}
.wrapper .column .inner:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  background-color: rgba(0, 0, 0, 0.4);
}
.wrapper .column .inner:hover:before {
  background-color: rgba(0, 0, 0, 0);
}
.wrapper .column:nth-child(1) {
  width: 28.5714285714285714%;
}
.wrapper .column:nth-child(2) {
  left: 28.5714285714285714%;
}
.wrapper .column:nth-child(3) {
  left: 28.5714285714285714%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper .column:nth-child(4) {
  width: 28.5714285714285714%;
  left: 42.85714285714286%;
  top: 0;
}
.wrapper .column:nth-child(4) .inner:after {
  padding-top: 48.7%;
}
.wrapper .column:nth-child(5) {
  left: 71.42857142857143%;
  top: 0;
}
.wrapper .column:nth-child(6) {
  left: auto;
  right: 0;
  top: 0;
}
.wrapper .column:nth-child(7) {
  left: 71.42857142857143%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper .column:nth-child(8) {
  left: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper .column:nth-child(9) {
  width: 28.5714285714285714%;
  top: auto;
  left: 0;
  bottom: 0;
}
.wrapper .column:nth-child(9) .inner:after {
  padding-top: 48.7%;
}
.wrapper .column:nth-child(10) {
  left: 28.5714285714285714%;
  top: auto;
  bottom: 0;
}
.wrapper .column:nth-child(11) {
  left: 42.85714285714286%;
  top: auto;
  bottom: 0;
  width: 28.5714285714285714%;
}
.wrapper .column:nth-child(12) {
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
  width: 28.5714285714285714%;
}
.wrapper .column:nth-child(12) .inner:after {
  padding-top: 48.7%;
}
/* BEAUTY */
body,
html {
  background-color: #fff;
  padding: 0;
}
.wrapper .column .inner {
  background-size: cover;
  background-position: center;
}
.wrapper .column:nth-child(1) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t1.0-9/21731136_115922975790129_1277660298021980936_n.jpg?oh=4de02f23470f3e30ab65c2bcd647d659&oe=5A494A52');
}
.wrapper .column:nth-child(2) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t31.0-8/21741229_115920115790415_1677141455304094741_o.jpg?oh=3bbb263c436aeddd188955e5ddfe034f&oe=5A14319B');
}
.wrapper .column:nth-child(3) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t31.0-8/21740823_115919159123844_4804852350755943952_o.jpg?oh=e19c2cdb3af2578a05a3ccd05ae70015&oe=5A58557F');
}
.wrapper .column:nth-child(4) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t31.0-8/21743453_115913105791116_5863678824991533531_o.jpg?oh=70e953f03a334e6fba5be64f669a8400&oe=5A4CC3AB');
}
.wrapper .column:nth-child(5) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t31.0-8/21753116_115770229138737_2103594670090811917_o.jpg?oh=5e43e51323cfe9180ad002011adb9fdc&oe=5A5184D6');
}
.wrapper .column:nth-child(6) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t31.0-8/21743801_115767352472358_4490977433032934360_o.jpg?oh=9dde6dab92520a2c6ae53c2fe488c583&oe=5A58C9CE');
}
.wrapper .column:nth-child(7) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t1.0-9/21751770_115713559144404_5303630332234263770_n.jpg?oh=c647c3d251d727fd6abe16d446ca395c&oe=5A164AD0');
}
.wrapper .column:nth-child(8) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t31.0-8/21740710_115695545812872_7779253686352810399_o.jpg?oh=cd53f0e15129e111ff4dc39ee0042d3e&oe=5A4C3E04');
}
.wrapper .column:nth-child(9) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t1.0-9/21462965_115205465861880_9120819877494187326_n.jpg?oh=29e1b4a4a8c6092ba275713aee723881&oe=5A59E27B');
}
.wrapper .column:nth-child(10) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t1.0-9/21558677_115192849196475_8810967181808618512_n.jpg?oh=e18587c6f832074a99004e1f13798337&oe=5A5FFC2A');
}
.wrapper .column:nth-child(11) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t1.0-9/21462513_114917819223978_3976848012138824436_n.jpg?oh=f31ec971536edc9131f7ada1f7ecf1d8&oe=5A55F42A');
}
.wrapper .column:nth-child(12) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t1.0-9/21432727_114916689224091_2802102911357905856_n.jpg?oh=1f56375c055d4b35cba7966e23192097&oe=5A4CA1F3');
}
.wrapper .column:nth-child(13) .inner {
  background-image: url('https://scontent-bru2-1.xx.fbcdn.net/v/t1.0-9/21430480_114915902557503_941757265104791817_n.jpg?oh=4ac57528613a4f829e36feaa7ddf8488&oe=5A187B02');
}