body {
  background-color: white;
  font-family: Helvetica, Verdana, Arial, Sans-Serif;
}

.panel-heading {
  background-color: #05466d;
  color: white;
  text-decoration: none;
  border-radius: 4px;
}

.panel-body {
  padding: 3px 15px;
}

/* #faq {
    background: #ffffff !important;
    position: relative;
} */

.index-page .purple-filter::after {
  background: #ffffff00 !important;
}

.index-page .page-header::after {
  background: #ffffff00 !important;
}

section {
  background-color: #ffffff;
}

footer {
  background-color: #d5d5d5;
}

#init {
  background-color: #203c478c !important;
}

video {
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(-1px) scale(2);
  -moz-transform: translateX(-50%) translateY(-50%) translateZ(-1px) scale(2);
  transform: translateX(-50%) translateY(-50%) translateZ(-1px) scale(2);
  z-index: -99;
  /* left: 0;
            top: 0;
            position: fixed;
            width: 100%; */
  /* z-index: -20; */
}

.index-page .page-header {
  height: 100vh;
}

#main-bg {
  background-image: url('../../img/MAIN COVER.jpg');
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: -22;
  width: auto;
  height: auto;
}

.parallax {
  /* The image used */
  background-image: url("http://bochackathon.com/wp-content/uploads/2014/10/people.png?id=2498");
  /* Set a specific height */
  min-height: 30vh;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#banner h2 {
  font-size: 26px;
  color: cornflowerblue;
  text-transform: uppercase;
  text-align: justify;
}

#banner p {
  font-size: 24px;
  color: rgb(255, 255, 255);
}

#contactus {
  padding-top: 12px;
  background-color: #c9c394;
  height: 100%;
}

a[aria-expanded="false"] .panel-heading .fas::before {
  line-height: 2;
  font-size: 20px;
  content: "\f107";
  padding: 2px 10px;
}

a[aria-expanded="true"] .panel-heading .fas::before {
  line-height: 2;
  font-size: 20px;
  content: "\f106";
  padding: 2px 10px;
}

.card-nav-tabs {
  margin-top: 160px;
  margin-left: 50px;
  width: auto;
  z-index: 3;
  position: absolute;
}

@media only screen and (max-width: 640px) {
  .card-nav-tabs {
    margin-left: 25px;
  }
}

@media only screen and (max-width: 360px) {
  .card-nav-tabs {
    display: none;
  }
}

.navbar .navbar-brand {
  font-size: 1.325rem;
}

.navbar .navbar-nav .nav-item .nav-link {
  font-size: 1rem;
}

/* #deyal .parallax {
    
    background-image: url(http://www.ktirio.gr/sites/default/files/image_gallery/KTIRIO-TRIANTAFYLLOY-DEYAL--07%20%282%29.jpg);
    height: 72vh;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} */

#time-line-c {
  background-color: cadetblue;
}

.c-header {
  border-bottom: solid 1px;
  margin-bottom: 15px;
  color: #074165;
}

.no-padding {
  padding: 0px;
}

.no-padding2 {
  padding: 0px;
  margin: 0px;
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {
  background-color: cadetblue;
  white-space: nowrap;
  overflow-x: hidden;
}

.timeline ol {
  font-size: 0;
  /* width: 100vw; */
  padding: 250px 0;
  transition: all 1s;
}

.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 160px;
  height: 3px;
  background: #fff;
}

.timeline ol li:last-child {
  width: 180px;
}

.timeline ol li:not(:first-child) {
  margin-left: 14px;
}

.timeline ol li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  bottom: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #F45B69;
}

.timeline ol li div {
  position: absolute;
  left: calc(100% + 7px);
  width: 280px;
  padding: 15px;
  font-size: 1rem;
  white-space: normal;
  color: black;
  background: white;
}

.timeline ol li div::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ol li:nth-child(odd) div {
  top: -16px;
  transform: translateY(-100%);
}

.timeline ol li:nth-child(odd) div::before {
  top: 100%;
  border-width: 8px 8px 0 0;
  border-color: white transparent transparent transparent;
}

.timeline ol li:nth-child(even) div {
  top: calc(100% + 16px);
}

.timeline ol li:nth-child(even) div::before {
  top: -8px;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent white;
}

.timeline time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}

/* TIMELINE ARROWS
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.timeline .arrows .arrow__prev {
  margin-right: 20px;
}

.timeline .disabled {
  opacity: .5;
}

.timeline .arrows img {
  width: 45px;
  height: 45px;
}

/* GENERAL MEDIA QUERIES
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 599px) {
  .timeline ol, .timeline ol li {
    width: auto;
  }
  .timeline ol {
    padding: 0;
    transform: none !important;
  }
  .timeline ol li {
    display: block;
    height: auto;
    background: transparent;
  }
  .timeline ol li:first-child {
    margin-top: 25px;
  }
  .timeline ol li:not(:first-child) {
    margin-left: auto;
  }
  .timeline ol li div {
    width: 94%;
    height: auto !important;
    margin: 0 auto 25px;
  }
  .timeline ol li div {
    position: static;
  }
  .timeline ol li:nth-child(odd) div {
    transform: none;
  }
  .timeline ol li:nth-child(odd) div::before, .timeline ol li:nth-child(even) div::before {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: none;
    border-left: 1px solid white;
    height: 25px;
  }
  .timeline ol li:last-child, .timeline ol li:nth-last-child(2) div::before, .timeline ol li:not(:last-child)::after, .timeline .arrows {
    display: none;
  }
}

.btn.btn-primary {
  background-color: #02466d;
}

.c-nav-tabs {
  display: inline-block;
}

@media screen and (max-width: 769px) {
  .c-nav-tabs {
    display: flex;
  }
}

/*
.card-header
{
  background-color: #2a3a5800;
}
*/

.tab-pane h3 {
  text-align: center;
}

.sp-btn {
  background-color: #02466d;
}

.sp-btn:hover {
  background-color: #025e94;
}

.sp-btn:active {
  background-color: #01304b;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(2, 94, 148, 0.4);
  background-color: #025e94;
  color: #FFFFFF;
}

.card .card-header-primary {
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(2, 94, 148, 0.6);
}

#ddt {
  background-color: #5c7159;
  color: white;
}

.card .card-header-primary {
  background: linear-gradient(60deg, #06486e, #06486e);
}

.custom-icon-w {
  background-image: url(../../ti-einai.png);
  background-size: contain;
  width: 165px;
  height: 35px;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}

.custom-icon-ο {
  background-image: url(../../diorganosi.png);
  background-size: contain;
  width: 265px;
  height: 35px;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}

.custom-icon-οd {
  background-image: url(../../open-day.png);
  background-size: contain;
  width: 200px;
  height: 35px;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}

.custom-icon-in {
  background-image: url(../../plirofories.png);
  background-size: contain;
  width: 200px;
  height: 35px;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 45px;
  margin: 0px;
}

.thematikes {
  /* width: 160px;
  height: 222px; */
}

.form-control, .is-focused .form-control {
  background-image: linear-gradient(to top, #0805a5 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

a {
  color: #02466d;
}

a:hover {
  color: #025e94;
}

a:active {
  color: #01304b;
}

.thematikes-inner {
  display: inline-block;
  text-align: center;
}

.thematikes-inner .re2 {
  color: #074165;
}