body{font-family: 'Montserrat', sans-serif;}



#top-header .nav-link{color: #505050;text-transform: uppercase;font-weight: 600;font-size: 14px;padding-left: 1.5rem;}



.btn-red {



    color: white !important;



    background-color: #e31e25;



    border-color: #e31e25;



}



/* homepage */



.img-overlay{position: absolute;top: 0; left: 0; right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);text-align: center;}



#clockdiv{



	font-family: sans-serif;



	color: #fff;



	display: inline-block;



	font-weight: 100;



	text-align: center;



	



	margin-top: 15%;



}







#clockdiv > div{



	padding: 10px;



	border-radius: 3px;



	background: rgba(227, 30, 37, 0.5);



	display: inline-block;



}







#clockdiv div > span{



	padding: 15px;



	border-radius: 3px;



	background: rgba(0, 0, 0, 0.5);



	display: inline-block;



}







.smalltext{



	padding-top: 5px;



	font-size: 16px;



}







.bg-red{ background-color: #e31e25;



	padding: 22px 0;



	color: #fff;



	font-weight: bold;



	font-family: 'Montserrat', sans-serif;}







.main_title{text-align: center;font-size: 18px;color: #505050; padding: 1.7em 0;}



.main_title h2{font-size: 2em;text-transform: uppercase;}



.sub-title{font-size: 14px;color: #7d7d7d; padding: 1em 0;}



.sub-title h4{font-weight: 100;font-size: 18px; display: inline;}



.abt-img{box-shadow:0 0 7px rgba(107,107,107,0.4);     margin-top: 60px;}



.para-text{font-size: 14px;color: #969ea3;}







/* past-events */



#past-events{background-color: #f3f3f3;}



.past_events img{ width:100%;}



#past_events .carousel-inner{text-align: center;}



.past_text p{font-size: 16px; color: #969ea3; padding:2em;}



.past_text b{color: #e31e25;}



.past_text strong{ color: #505050;}







/* tentive schedule */



.custom-tab{text-align: center;}



.custom-tab .tab-content {margin-top: 1.5em;}



.custom-tab .nav{display: inline-flex;}



.custom-tab .nav-item{padding: 0 .5em;}



.custom-tab .nav-pills .nav-link{ background-color: white; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);padding:1em;color: #505050;    font-weight: bold;}



.custom-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link{



  background-color: #e31e25;



  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);



  color: white;



}



.custom-tab .card{border-radius: 5px;border: 0; width:45%; float: left;margin-right: 5%; margin-bottom: 10px;}



.event_img{text-align: center;



  margin: auto;width: 120px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}



.event_text{text-align: left;}



.event_text h1{color: #e31e25; font-weight: 600;}



  .event_text p{color: #505050; font-size: 13px; font-weight: bold;}











/* ourteam */



.single-team {text-align: center;margin: .7em 0;}



.single-team img {



  width: 75%;



  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);



}



.single-team {



  position: relative;text-align: center;



}



.team-hover {



  background-color: rgba(0, 0, 0, 0.6);



  color: #fff;



  position: absolute;



  bottom: -107px;



  left:12.7%;



  width: 75%;



  padding: 10px;



  text-align: center;



  -webkit-transition: .4s;



  transition:.4s;



  text-align: center;



}



.team-hover h4 {



  font-size: 18px;



  text-transform: capitalize;



}



.team-hover h4 span {



  display: block;



  font-size: 14px;



  font-weight: 300;



  margin: 10px 0;



}



.team-hover a {



  display: inline-block;



  color: #fff;



  padding: 0 5px;



}



.single-team:hover .team-hover {



  bottom: 0;



}



.single-team {



  overflow: hidden;



}







/* footer */



#footer{background: #272d33;padding-top: 2em ;}



.footer_img{text-align: center;}



.footer_img img{padding: .5em;height: 110px;}



.bottom-txt p{color: white; font-size: 13px;text-transform: capitalize;}



.bottom-txt a{color: #e31e25;font-weight: 600;}







/* -------------------------------- 







Primary style







-------------------------------- */



@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro);



*, *::after, *::before {



  box-sizing: border-box;



}







html {



  font-size: 62.5%;



}







body {



  font-size: 1.6rem;  



}







/* -------------------------------- 



Main Components 



-------------------------------- */



.cd-horizontal-timeline {



  opacity: 0;



  margin: 1em auto;



  font-size: 1.6rem;



  -webkit-transition: opacity 0.2s;



  -moz-transition: opacity 0.2s;



  transition: opacity 0.2s;



}



.cd-horizontal-timeline::before {



  /* never visible - this is used in jQuery to check the current MQ */



  content: 'mobile';



  display: none;



}



.cd-horizontal-timeline.loaded {



  /* show the timeline after events position has been set (using JavaScript) */



  opacity: 1;



}



.cd-horizontal-timeline .timeline {



  position: relative;



  height: 80px;



  width: 90%;



 



  margin: 0 auto;



}



.cd-horizontal-timeline .events-wrapper {



  position: relative;



  height: 100%;



  margin: 0 60px;



  overflow: hidden;



}



.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {



  /* these are used to create a shadow effect at the sides of the timeline */



  content: '';



  position: absolute;



  z-index: 2;



  top: 0;



  height: 100%;



  width: 20px;



}







.cd-horizontal-timeline .events {



  /* this is the grey line/timeline */



  position: absolute;



  z-index: 1;



  left: 0;



  top: 49px;



  height: 2px;



  /* width will be set using JavaScript */



  background: #dfdfdf;



  -webkit-transition: -webkit-transform 0.4s;



  -moz-transition: -moz-transform 0.4s;



  transition: transform 0.4s;



}



.cd-horizontal-timeline .filling-line {



  /* this is used to create the green line filling the timeline */



  position: absolute;



  z-index: 1;



  left: 0;



  top: 0;



  height: 100%;



  width: 100%;



  background-color: rgba(227, 30, 37, 1);



  -webkit-transform: scaleX(0);



  -moz-transform: scaleX(0);



  -ms-transform: scaleX(0);



  -o-transform: scaleX(0);



  transform: scaleX(0);



  -webkit-transform-origin: left center;



  -moz-transform-origin: left center;



  -ms-transform-origin: left center;



  -o-transform-origin: left center;



  transform-origin: left center;



  -webkit-transition: -webkit-transform 0.3s;



  -moz-transition: -moz-transform 0.3s;



  transition: transform 0.3s;



}



.cd-horizontal-timeline .events a {



  position: absolute;



  bottom: 0;



  z-index: 2;



  text-align: center;



  font-size: 1.8rem;



  padding-bottom: 15px;



  color: #505050;



  /* fix bug on Safari - text flickering while timeline translates */



  -webkit-transform: translateZ(0);



  -moz-transform: translateZ(0);



  -ms-transform: translateZ(0);



  -o-transform: translateZ(0);



  transform: translateZ(0);



}



.cd-horizontal-timeline .events a::after {



  /* this is used to create the event spot */



  content: '';



  position: absolute;



  left: 50%;



  right: auto;



  -webkit-transform: translateX(-50%);



  -moz-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  -o-transform: translateX(-50%);



  transform: translateX(-50%);



  bottom: -9px;



  height: 20px;



  width: 20px;



  border-radius: 50%;



  border: 2px solid #dfdfdf;



  background-color: #f8f8f8;



  -webkit-transition: background-color 0.3s, border-color 0.3s;



  -moz-transition: background-color 0.3s, border-color 0.3s;



  transition: background-color 0.3s, border-color 0.3s;



}



.cd-horizontal-timeline .events ol{list-style: none;}



.cd-timeline-navigation li{list-style: none;}



.events-content ol{list-style: none;}



.no-touch .cd-horizontal-timeline .events a:hover::after {



  background-color: rgba(227, 30, 37, 1);



  border-color: rgba(227, 30, 37, 1);



}



.cd-horizontal-timeline .events a.selected {



  pointer-events: none;



}



.cd-horizontal-timeline .events a.selected::after {



  background-color: rgba(227, 30, 37, 1);



  border-color: rgba(227, 30, 37, 1);



}



.cd-horizontal-timeline .events a.older-event::after {



  border-color: rgba(227, 30, 37, 1);



}



@media only screen and (min-width: 1100px) {



 



  .cd-horizontal-timeline::before {



    /* never visible - this is used in jQuery to check the current MQ */



    content: 'desktop';



  }



}







.cd-timeline-navigation a {



  /* these are the left/right arrows to navigate the timeline */



  position: absolute;



  z-index: 1;



  top: 58%;



  bottom: auto;



  -webkit-transform: translateY(-50%);



  -moz-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  -o-transform: translateY(-50%);



  transform: translateY(-50%);



  height: 34px;



  width: 34px;



  border-radius: 50%;



  border: 2px solid #dfdfdf;



  /* replace text with an icon */



 



  color:  rgba(227, 30, 37, 1);



  text-indent: 100%;



  white-space: nowrap;



  -webkit-transition: border-color 0.3s;



  -moz-transition: border-color 0.3s;



  transition: border-color 0.3s;



}



.cd-timeline-navigation a::after {



  /* arrow icon */



  content: '';



  position: absolute;



  height: 16px;



  width: 16px;



  left: 50%;



  top: 50%;



  bottom: auto;



  right: auto;



  -webkit-transform: translateX(-50%) translateY(-50%);



  -moz-transform: translateX(-50%) translateY(-50%);



  -ms-transform: translateX(-50%) translateY(-50%);



  -o-transform: translateX(-50%) translateY(-50%);



  transform: translateX(-50%) translateY(-50%);



  background: url(http://www.gebea.org/img/cd-arrow.svg) no-repeat 0 0;



}



.cd-timeline-navigation a.prev {



  left: 0;



  -webkit-transform: translateY(-50%) rotate(180deg);



  -moz-transform: translateY(-50%) rotate(180deg);



  -ms-transform: translateY(-50%) rotate(180deg);



  -o-transform: translateY(-50%) rotate(180deg);



  transform: translateY(-50%) rotate(180deg);



}



.cd-timeline-navigation a.next {



  right: 0;



}



.no-touch .cd-timeline-navigation a:hover {



  border-color: rgba(227, 30, 37, 1);



}



.cd-timeline-navigation a.inactive {



  cursor: not-allowed;



}



.cd-timeline-navigation a.inactive::after {



  background-position: 0 -16px;



}



.no-touch .cd-timeline-navigation a.inactive:hover {



  border-color: #dfdfdf;



}







.cd-horizontal-timeline .events-content {



  position: relative;



  width: 100%;



  padding: 3em 0px;



  overflow: hidden;



  -webkit-transition: height 0.4s;



  -moz-transition: height 0.4s;



  transition: height 0.4s;



}



.cd-horizontal-timeline .events-content p{font-size: 16px;



    color: #969ea3;text-align: center;}



.cd-horizontal-timeline .events-content li {



  position: absolute;



  z-index: 1;



  width: 100%;



  left: 0;



  top: 0;



  -webkit-transform: translateX(-100%);



  -moz-transform: translateX(-100%);



  -ms-transform: translateX(-100%);



  -o-transform: translateX(-100%);



  transform: translateX(-100%);



  padding: 0 5%;



  opacity: 0;



  -webkit-animation-duration: 0.4s;



  -moz-animation-duration: 0.4s;



  animation-duration: 0.4s;



  -webkit-animation-timing-function: ease-in-out;



  -moz-animation-timing-function: ease-in-out;



  animation-timing-function: ease-in-out;



}



.cd-horizontal-timeline .events-content li.selected {



  /* visible event content */



  position: relative;



  z-index: 2;



  opacity: 1;



  -webkit-transform: translateX(0);



  -moz-transform: translateX(0);



  -ms-transform: translateX(0);



  -o-transform: translateX(0);



  transform: translateX(0);



}



.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {



  -webkit-animation-name: cd-enter-right;



  -moz-animation-name: cd-enter-right;



  animation-name: cd-enter-right;



}



.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {



  -webkit-animation-name: cd-enter-left;



  -moz-animation-name: cd-enter-left;



  animation-name: cd-enter-left;



}



.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {



  -webkit-animation-direction: reverse;



  -moz-animation-direction: reverse;



  animation-direction: reverse;



}



.cd-horizontal-timeline .events-content li > * {



  max-width: 800px;



  margin: 0 auto;



}



.cd-horizontal-timeline .events-content h2 {



  font-weight: bold;



  font-size: 2.6rem;



  font-family: "Playfair Display", serif;



  font-weight: 700;



  line-height: 1.2;



}



.cd-horizontal-timeline .events-content em {



  display: block;



  font-style: italic;



  margin: 10px auto;



}



.cd-horizontal-timeline .events-content em::before {



  content: '- ';



}







.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {



  line-height: 1.6;



}







@-webkit-keyframes cd-enter-right {



  0% {



    opacity: 0;



    -webkit-transform: translateX(100%);



  }



  100% {



    opacity: 1;



    -webkit-transform: translateX(0%);



  }



}



@-moz-keyframes cd-enter-right {



  0% {



    opacity: 0;



    -moz-transform: translateX(100%);



  }



  100% {



    opacity: 1;



    -moz-transform: translateX(0%);



  }



}



@keyframes cd-enter-right {



  0% {



    opacity: 0;



    -webkit-transform: translateX(100%);



    -moz-transform: translateX(100%);



    -ms-transform: translateX(100%);



    -o-transform: translateX(100%);



    transform: translateX(100%);



  }



  100% {



    opacity: 1;



    -webkit-transform: translateX(0%);



    -moz-transform: translateX(0%);



    -ms-transform: translateX(0%);



    -o-transform: translateX(0%);



    transform: translateX(0%);



  }



}



@-webkit-keyframes cd-enter-left {



  0% {



    opacity: 0;



    -webkit-transform: translateX(-100%);



  }



  100% {



    opacity: 1;



    -webkit-transform: translateX(0%);



  }



}



@-moz-keyframes cd-enter-left {



  0% {



    opacity: 0;



    -moz-transform: translateX(-100%);



  }



  100% {



    opacity: 1;



    -moz-transform: translateX(0%);



  }



}



@keyframes cd-enter-left {



  0% {



    opacity: 0;



    -webkit-transform: translateX(-100%);



    -moz-transform: translateX(-100%);



    -ms-transform: translateX(-100%);



    -o-transform: translateX(-100%);



    transform: translateX(-100%);



  }



  100% {



    opacity: 1;



    -webkit-transform: translateX(0%);



    -moz-transform: translateX(0%);



    -ms-transform: translateX(0%);



    -o-transform: translateX(0%);



    transform: translateX(0%);



  }



}







/* media queries */







/* // Large devices (desktops, 992px and up) */



@media (max-width: 992px) {



}







/* // Medium devices (tablets, 768px and up) */



@media (max-width: 768px)  {



	.bg-red{ padding: 15px 0;}



  #demo img{height: 65vw;}



  .custom-tab .card {width: 100%; margin-right: 0;}



  .bottom-txt{text-align: center;}



  .bottom-txt .float-left{float: unset !important;}



  .event_text h1{font-size: 1em;}



  .event_img{width: 100px;}



}







/* Small devices (landscape phones, 576px and up) */



@media (max-width: 576px) {



	#demo img{height: 125vw;}



	#clockdiv{margin-top: 27%;}



	.smalltext {



		padding-top: 5px;



		font-size: 12px;



	}



	#clockdiv > div{padding: 6px;}



	#clockdiv div > span{padding: 10px;}



}



@media (max-width: 320px){



	



}