.col-l, .col-r{font-size:1.2em;}
.col-l > ul:first-child > li{float:left;width:33.33%;}
.col-l > ul:first-child > li > a{display:block;color:white;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease}
.col-l > ul:first-child > li:nth-child(4n+1) > a{background-color:#765f51;}
.col-l > ul:first-child > li:nth-child(4n+2) > a{background-color:#f0a506;}
.col-l > ul:first-child > li:nth-child(4n+3) > a{background-color:#000000;}
.col-l > ul:first-child > li:nth-child(4n+4) > a{background-color:#c10b22;}
.col-l > ul:first-child > li:hover > a, .col-l > ul:first-child > li.active > a{background-color:white;color:#c10b22;}

.col-l > ul:last-child > li:first-child ~ li{display:none;}

/*---*/

.col-c{text-align:center;}
.col-c h2{color:black;font-size:1.25em;text-transform:uppercase;letter-spacing:2px;font-family:'caviar';}

/*---*/

.col-r .mate{background-color:#c10b22;color:white;}
.col-r .mate img{float:left;height:70px;margin-right:10px;border-radius:35px;}
.col-r .mate h3{color:#f0a506;}
.col-r ul li{position:relative;padding-left:15px;}
.col-r ul li:before{content: "";position:absolute;top:0.7em;left:0;width:3px;height:3px;background-color:#c10b22;border-radius:2px;}
.col-r ul li p{line-height:1.5em;}

/*---*/

#timeline{padding:90px 0;overflow:hidden;}
#timeline ul{position:relative;margin:0 20px;}
#timeline ul .line{position:absolute;left:0;right:0;top:45%;bottom:45%;background-color:white;}
#timeline ul .losange{position:absolute;top:22.5%;}
#timeline ul .losange.left{left:-10px;}
#timeline ul .losange.right{right:-10px;}
#timeline ul .losange:before, #timeline ul .losange:after{content:'';display:block;float:left;width:0;height:0;border-style:solid;}
#timeline ul .losange:before{border-width:10px 15px 10px 0;border-color:transparent white transparent transparent;}
#timeline ul .losange:after{border-width:10px 0 10px 15px;border-color:transparent transparent transparent white;}
#timeline li{position:relative;float:left;width:12.5%;text-align:center;}
#timeline li .img, #timeline li .text{position:absolute;width:100%;left:0;}
#timeline li .img img{width:50px;height:50px;border-radius:25px;background-color:white;}
#timeline li:nth-child(odd) .img, #timeline li:nth-child(even) .text{bottom:115%;}
#timeline li:nth-child(even) .img, #timeline li:nth-child(odd) .text{top:115%;}
#timeline li:nth-child(odd):before, #timeline li:nth-child(even):after{content:'';display:block;width:25px;height:25px;margin:5px auto;border:6px solid black;border-radius:15px;background-color:#e8e1d3;}
#timeline li:nth-child(4n+1):before, #timeline li:nth-child(4n+1):after{border-color:#f0a506;}
#timeline li:nth-child(4n+2):before, #timeline li:nth-child(4n+2):after{border-color:#000000;}
#timeline li:nth-child(4n+3):before, #timeline li:nth-child(4n+3):after{border-color:#c10b22;}
#timeline li:nth-child(4n+4):before, #timeline li:nth-child(4n+4):after{border-color:#765f51;}