@charset "UTF-8";
/* CSS Document */


.timeline h4 {
  font-family: "LB-Reg", "Tinos", "Playfair Display", serif;
  color: #16262e;
}


.main-timeline9{position:relative}
.main-timeline9:after,.main-timeline9:before{content:"";display:block;width:100%;clear:both}
.main-timeline9:before{content:"";width:7px;height:99%;background:#e8e2db;position:absolute;top:0;left:50%}
.main-timeline9 .timeline{width:50%;float:left;position:relative;z-index:1}
.main-timeline9 .timeline:after,.main-timeline9 .timeline:before{content:"";display:block;width:100%;clear:both}

.main-timeline9 .timeline:last-child:before{top:auto;bottom:0}
/*
.main-timeline9 .timeline:last-child:nth-child(even):before{right:auto;left:-9px;bottom:-2px}
 */
.main-timeline9 .timeline-content{text-align:center;margin-top:8px;position:relative;transition:all .3s ease 0s}
.main-timeline9 .timeline-content:before{content:"";width:100%;height:3px;background:#cca872;position:absolute;top:88px;left:0;z-index:-1}



.main-timeline9 .circle{width:180px;height:180px;border-radius:50%;background:#fff;/*border:8px solid #cca872;*/float:left;margin-right:25px;position:relative}
.main-timeline9 .circle span:after,.main-timeline9 .circle span:before,.main-timeline9 .circle:before{content:"";margin:auto;position:absolute;right:-33px;bottom:0;z-index:-1}
.main-timeline9 .circle:before{width:26px;height:30px;/*background:#cca872;*/top:0;/*box-shadow:inset 7px 0 9px -7px #444*/}
.main-timeline9 .circle span{display:block;width:100%;height:100%;border-radius:50%;line-height:160px;/*border:3px solid #adabab;*/font-size:80px;color:#454344}
/*.main-timeline9 .circle span:after,.main-timeline9 .circle span:before{width:28px;height:50px;background:#fff;border-radius:0 0 0 21px;top:-54px}*/
.main-timeline9 .circle span:after{border-radius:21px 0 0;top:0;bottom:-56px}




.main-timeline9 .timeline:nth-child(2n) .content{padding:0 40px 0 25px;margin-left:2px} 






/* BIG DESKTOP */
@media (min-width: 1200px) {
  .main-timeline9 .content{display:table;padding:0 30px 0 50px;position:relative}
}


.main-timeline9 .timeline-content{width:100%;}




/* DESKTOP */
@media (min-width: 992px) {
    
/* top circle */    
.main-timeline9 .timeline:first-child:before{content:"";width:25px;height:25px;border-radius:50%;background:#fff;border:4px solid #cca872;position:absolute;top:0;right:-16px !important;z-index:1}
    
 /* bottom circle */      
.main-timeline9 .timeline:last-child:before{content:"";width:25px;height:25px;border-radius:50%;/*background:#fff;border:4px solid #cca872;*/position:absolute;bottom:0;right:-16px !important;z-index:1}
     
.main-timeline9 .timeline:last-child:nth-child(even):before{right:auto;left:-9px;}


.main-timeline9 .content{display:table;padding:0 25px 0 45px;position:relative}


    

.main-timeline9 .yearL{display:inline-block;float:right;padding:10px;margin:30px 0 0 0;background:#cca872;border-radius:7px;font-size:25px;color:#000;text-align:right;}
.main-timeline9 .yearR{display:inline-block;float:left;padding:10px;margin:30px 0 0 0;background:#cca872;border-radius:7px;font-size:25px;color:#000;text-align:left;}
    
.main-timeline9 .yearLBase{display:block;height:1px; width:30px;margin:0 0 110px 0;text-align:right;}
.main-timeline9 .yearRBase{display:block;height:1px; width:30px;margin:0 0 110px 0;text-align:left;}
    
.main-timeline9 .titleR{font-size:23px; font-weight:normal !important; color:#000;margin-top:0;text-align:left;}
.main-timeline9 .titleL{font-size:23px; font-weight:normal !important; ;color:#000;margin-top:0;text-align:right;}
    
.main-timeline9 .descriptionR{font-size:19px; line-height:1.1em; color:#000000;text-align:left; font-weight:300;}
.main-timeline9 .descriptionL{font-size:19px; line-height:1.1em; color:#000000;text-align:right; font-weight:300;}

.main-timeline9 .timeline:last-child:nth-child(even){margin:180px 0;}
/*.main-timeline9 .timeline:first-child(even){margin:200px 0 180px 0;}  */
  .main-timeline9 .timeline:first-child .timeline-content{float:right}

.imgRotateR {rotate: 13deg; max-width:220px;}
.imgRotateL {rotate: -13deg; max-width:220px;}
    
.thirtyImg {width:60%}
    
}



/* MOBILE & TABLET */
@media (max-width: 991px) {
 
/* top circle */   
.main-timeline9 .timeline:first-child:before{content:"";width:25px;height:25px;border-radius:50%;background:#fff;border:4px solid #cca872;position:absolute;top:0;right:-16px !important;z-index:1}
    
/* bottom circle */  
.main-timeline9 .timeline:last-child:before{content:"";width:25px;height:25px;border-radius:50%;/*background:#fff;border:4px solid #cca872;*/position:absolute;bottom:0;right:-16px !important;z-index:1}


.main-timeline9 .yearL{display:inline-block;float:right;padding:10px;margin:30px 0 0 0;background:#cca872;border-radius:7px;font-size:25px;color:#000;text-align:right;}
.main-timeline9 .yearR{display:inline-block;float:right;padding:10px;margin:30px 0 0 0;background:#cca872;border-radius:7px;font-size:25px;color:#000;text-align:left;}
    
.main-timeline9 .yearLBase{display:block;height:1px; width:30px;margin:0 0 110px 0;text-align:right;}
.main-timeline9 .yearRBase{display:block;height:1px; width:30px;margin:0 0 110px 0;text-align:right;}
    
.main-timeline9 .titleR{font-size:22px; font-weight:normal !important; color:#000;margin-top:0;text-align:right;}
.main-timeline9 .titleL{font-size:22px; font-weight:normal !important; ;color:#000;margin-top:0;text-align:right;}
    
.main-timeline9 .descriptionR{font-size:18px; line-height:1.1em; color:#000000;text-align:right; font-weight:300;}
.main-timeline9 .descriptionL{font-size:18px; line-height:1.1em; color:#000000;text-align:right; font-weight:300;}
    
.main-timeline9 .timeline:last-child:nth-child(even){margin:0;}

  .main-timeline9 .timeline:first-child .timeline-content .content{display:inherit}
    
    .main-timeline9 .content{padding:0 20px 0 0;}
    
    .main-timeline9 .circle{width:140px;height:180px;border-radius:50%;background:#fff;/*border:8px solid #cca872;*/float:left;margin-right:25px;position:relative}

  /*.main-timeline9 .content{display:table;padding:0 30px 0 50px;position:relative} */

  .imgRotateR {rotate: 10deg; max-width:150px;}
.imgRotateL {rotate: -10deg; max-width:150px;}
    
.thirtyImg {width:80%}
    
}



/* MOBILE */
@media (max-width:767px)  {
.main-timeline9 .timeline:first-child:before,.main-timeline9 .timeline:last-child:before{left:auto!important;right:-16px!important}
  /*.main-timeline9 .content{display:inherit}*/
 .main-timeline9 .content{padding:0 20px 0 0;}
    
    
}





.main-timeline9 .icon span:after,.main-timeline9 .icon span:before,.main-timeline9 .icon:before{content:"";height:25px;margin:auto;position:absolute;bottom:0;z-index:-1;left:-15px}






.main-timeline9 .icon{width:25px;height:25px;border-radius:50%;background:#cca872;border:2px solid #cca872;position:absolute;top:78px;right:-15px}
.main-timeline9 .icon:before{/*width:15px;*/background:#cca872;top:-1px}
.main-timeline9 .icon span:after,.main-timeline9 .icon span:before{width:21px;background:#fff;border-radius:0 0 21px;top:-30px}
.main-timeline9 .icon span:after{border-radius:0 21px 0 0;top:0;left:-15px;bottom:-30px}


.main-timeline9 .timeline:nth-child(2n) .circle,.main-timeline9 .timeline:nth-child(2n) .timeline-content{float:right}
.main-timeline9 .timeline:nth-child(2n) .circle{margin:0 0 0 25px}
.main-timeline9 .timeline:nth-child(2n) .circle:before{/*right:auto;*/left:-33px;/*box-shadow:-7px 0 9px -7px #444 inset*/}
.main-timeline9 .timeline:nth-child(2n) .circle span:after,.main-timeline9 .timeline:nth-child(2n) .circle span:before{right:auto;left:-33px;border-radius:0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .circle span:after{border-radius:0 21px 0 0}

.main-timeline9 .timeline:nth-child(2n) .icon{right:auto;left:-12px}
.main-timeline9 .timeline:nth-child(2n) .icon span:after,.main-timeline9 .timeline:nth-child(2n) .icon span:before,.main-timeline9 .timeline:nth-child(2n) .icon:before{left:auto;right:-18px}
.main-timeline9 .timeline:nth-child(2n) .icon span:before{border-radius:0 0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .icon span:after{border-radius:21px 0 0}
.main-timeline9 .timeline:nth-child(2){margin-top:180px}

/*.main-timeline9 .timeline:nth-child(odd){margin:-175px 0 0} 
.main-timeline9 .timeline:nth-child(even){margin-bottom:180px; margin-top:100px;}  */

.main-timeline9 .timeline:nth-child(odd){margin:-30px 0 0} 
.main-timeline9 .timeline:nth-child(even){margin-top:210px;}


/*.main-timeline9 .timeline:first-child,.main-timeline9 .timeline:last-child:nth-child(even){margin:0}*/

.main-timeline9 .timeline:first-child{margin:0}



@media only screen and (max-width:991px) {
    
    .main-timeline9:before{left:100%}
.main-timeline9 .timeline{width:100%;float:none;margin-bottom:20px!important}

.main-timeline9 .timeline:nth-child(2n) .circle{float:left;margin:0 25px 0 0}
.main-timeline9 .timeline:nth-child(2n) .circle:before{right:-33px;left:auto;/*box-shadow:7px 0 9px -7px #444 inset*/}
.main-timeline9 .timeline:nth-child(2n) .circle span:after,.main-timeline9 .timeline:nth-child(2n) .circle span:before{right:-33px;left:auto;border-radius:0 0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .circle span:after{border-radius:21px 0 0}
    
.main-timeline9 .timeline:nth-child(2n) .content{padding:0 20px 0 0;margin-left:0}
    
.main-timeline9 .timeline:nth-child(2n) .icon{right:-14px;left:auto}
.main-timeline9 .timeline:nth-child(2n) .icon span:after,.main-timeline9 .timeline:nth-child(2n) .icon span:before,.main-timeline9 .timeline:nth-child(2n) .icon:before{left:-15px;right:auto}
.main-timeline9 .timeline:nth-child(2n) .icon span:before{border-radius:0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .icon span:after{border-radius:0 21px 0 0}
.main-timeline9 .timeline:nth-child(2),.main-timeline9 .timeline:nth-child(even),.main-timeline9 .timeline:nth-child(odd){margin:0}
  .main-timeline9 .timeline:first-child .timeline-content{width:100%}

}

@media only screen and (max-width:480px) {
  .main-timeline9:before {
    left: 0
  }

  .main-timeline9 .timeline:first-child:before, .main-timeline9 .timeline:last-child:before {
    left: -12px !important;
    right: auto !important
  }

  .main-timeline9 .circle, .main-timeline9 .timeline:nth-child(2n) .circle {
    width: 130px;
    height: 130px;
    float: none;
    margin: 0 auto
  }

  .main-timeline9 .timeline-content:before {
    width: 99.5%;
    top: 68px;
    left: .5%
  }

  .main-timeline9 .circle span {
    line-height: 115px;
    font-size: 60px
  }

  .main-timeline9 .circle span:after, .main-timeline9 .circle span:before, .main-timeline9 .circle:before, .main-timeline9 .icon {
    display: none
  }

  .main-timeline9 .content, .main-timeline9 .timeline:nth-child(2n) .content {
    padding: 0 10px
  }

  .main-timeline9 .year {
    margin-bottom: 15px
  }

  .main-timeline9 .description {
    text-align: center
  }

}