@import url(https://fonts.googleapis.com/css?family=Lato);

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap');

 *, *::before, *::after {
	 margin: 0;
	 padding: 0;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
 body {
	 font-size: 16px;
     font-family: 'Lato', sans-serif;
     font-family: 'Merriweather', serif;


}




:root{
--grey:#625A57;
--green:#9C9635;
--black:#2f3542;
--white:#ffffff;
--bold-font: 'Anton', sans-serif;
/* --cursive-font: 'Abril Fatface', cursive; */
--cursive-font: 'Lora', serif;;



}


.navbar-fixed-top{
    background-color: #625A57 !important;

}

.header-area{
    margin-bottom: 0 !important;
}


 .timeline {
	 color: #fff;
}
 .timeline h1, .timeline ul li .content h2 {
	 text-shadow: 1px 1px 1px rgba(56, 56, 56, 0.5);
}
 .timeline h1 {
	 padding: 70px 0;
	 font-size: 2.5em;
     text-align: center;
     margin-top: 2em;
     height: 100%;
}


dl, ol, ul {
	margin-bottom: 0rem !important;

}
 .timeline ul li {
	 background: var(--green);
	 position: relative;
	 margin: 0 auto;
	 width: 5px;
	 padding-bottom: 40px;
	 list-style-type: none;
}

.bg-blur{
	background: rgba(8, 8, 8, 0.425);
	height: 100%;
	padding: 1px 0;
}
.timeline .bg-1{
    background-image: url('./images/parallax.jpg');
    /* height: 500px; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
	

}

.timeline .bg-2{
    background-image: url('./images/home2.jpg');
    /* height: 500px; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.timeline .bg-3{
    background-image: url('./images/home2.jpg');
    /* height: 500px; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.timeline .bg-4{
    background-image: url('./images/home3.jpg');
    /* height: 500px; */
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


 .timeline ul li:last-child {
        padding-bottom: 8em;
}
 .timeline ul li:before {
	 content: '';
     background: var(--green);
	 position: absolute;
	 left: 50%;
	 top: 0;
	 transform: translateX(-50%);
	 -webkit-transform: translateX(-50%);
	 width: 20px;
	 height: 20px;
	 border: 3px solid var(--green);
	 -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
	 border-radius: 50%;
}
 .timeline ul li .hidden {
	 opacity: 0;
}
 .timeline ul li .content {
     background-color: var(--white) !important;
     border: 3px solid var(--grey);
	 position: relative;
	 top: 7px;
	 width: 800px;
     padding: 10px;

}
 .timeline ul li .content h2 {
     background-color: rgba(156, 151, 53, 0.397);
	 color:var(--black);
	 padding: 10px;
	 text-align: center;
}
 .timeline ul li .content p {
     text-align: center;
     color: var(--black);
     font-size: 18px;
     margin-top: -5px;
}
 .timeline ul li .content:before {
	 content: '';
	 background: var(--green);
	 position: absolute;
	 top: 0px;
	 width: 38px;
	 height: 5px;
}
 .timeline ul li:nth-child(odd) .content {
	 left: 50px;
	 background: var(--green);

}
 .timeline ul li:nth-child(odd) .content:before {
	 left: -38px;
}
 .timeline ul li:nth-child(even) .content {
	 left: calc(-797px - 45px);
	 background: var(--green);

}
 .timeline ul li:nth-child(even) .content:before {
	 right: -38px;
}
/* ------------------------- ----- Media Queries ----- ------------------------- */
 @media screen and (max-width: 1030px) {
	 .timeline ul li .content {
		 width: 41vw;
	}
	 .timeline ul li:nth-child(even) .content {
		 left: calc(-41vw - 45px);
	}
}
 @media screen and (max-width: 700px) {
	 .timeline ul li {
		 margin-left: 20px;
	}
	 .timeline ul li .content {
		 width: calc(100vw - 100px);
	}
	 .timeline ul li .content h2 {
		 text-align: initial;
	}
	 .timeline ul li:nth-child(even) .content {
         left: 45px;
         color: #fff;
		 background: var(--green);
		 background: -webkit-linear-gradient(-45deg, #625A57, rgba(98, 90, 87, 0.411));
		 background: linear-gradient(-45deg, #625A57, rgba(98, 90, 87, 0.322));
    }
    
    .timeline ul li:nth-child(even) .content p,time{
        /* color: #fff; */
    }
	 .timeline ul li:nth-child(even) .content:before {
		 left: -33px;
	}
}




@media(max-width:1500px){
	.timeline ul li:nth-child(even) .content {
		left: calc(-603px - 45px);
		background: var(--green);
   
   }
   .timeline ul li .content {
	   width:610px;
   }
}


@media(max-width:1030px){
	.timeline ul li:nth-child(even) .content {
		left: calc(-434px - 45px);
		background: var(--green);
   
   }
   .timeline ul li .content {
	   width:440px;
   }
}



@media(max-width:800px){
	.timeline ul li:nth-child(even) .content {
		left: calc(-315px - 45px);
		background: var(--green);
   
   }
   .timeline ul li .content {
	   width:318px;
   }
}



@media(max-width:600px){
	.timeline ul li:nth-child(even) .content {
		left: calc(86px - 45px);
		background: var(--green);
   
   }
   .timeline ul li .content {
	   width:318px;
   }
}