#video-slider-banner { width: 100%; height: auto; max-height:815px; object-fit: cover; /* Videonun boyutlandırılması için */ }
.strech-image { height:100%;width:100%;object-fit:cover; }
.strech-div { height: calc(100vh - 124px); }
@media (max-width: 992px) {
    .strech-image { max-height:300px;  }
    .strech-div { height: 310px; }
}

.strech-img300 { height:300px;width:100%;object-fit:cover; }
.strech-img400 { height:400px;width:100%;object-fit:cover; }

.slide1, .wrap-slick1, .slick1, .d-flex { width: 100%; }
.slick1 { position:relative; }
.slick1 .video-overlay-content { position: absolute; bottom:90px; /*bottom:-10px;*/left:50px; background:rgba(0, 0, 0, 0.3); }
.slick1 .video-overlay-content h1, .slick1 .video-overlay-content p { color:#fff; }
.slick1 .video-overlay-content h1 { font-size:3em; }
.slick1 .video-overlay-content p { font-size:1.6em; }

.slick1 .image-overlay-content { position: absolute; left:0; bottom:-10px; width:100%; background: rgba(255,255,255,0.8); padding: 1em 1em;  /*bottom:-10px;left:40%;*/ }

@media (max-width: 992px) {
    .slick1 .video-overlay-content { position:absolute; bottom:-50px;left:30px; }
    .slick1 .video-overlay-content h1 { font-size:1.8em;color:#fff; }
    .slick1 .video-overlay-content p { font-size:1.2em;color:#fff;line-height:20px }
}

.social-media { position:relative; }
.social-media .icon { position:absolute; right:10px; bottom:10px; }

.cl-red { color:#e30613; }
.cl-red-dark { color:#a0040d; }
.cl-green { color:#45ac34; }
.cl-green-dark { color:#337e27; }
.cl-beige { color:#efece1; }

.bg-red { background-color:#e30613; }
.bg-green { background-color:#45ac34; }
.bg-darkgreen { background-color:#318636; }

.gradient-red { background-image: linear-gradient(to right, rgba(237,28,36,1), rgba(137,24,18,1)); }

.slick2 .item-slick2 {
    position: relative;
    overflow: hidden;
}
.slick2 .item-slick2:hover img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-filter: none;  filter: none; -webkit-filter: brightness(80%);
    -webkit-transition: all 1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; }
.slick2 .item-slick2:hover .content { bottom: 0; }
.slick2 .item-slick2 img { -webkit-transition: all 1.1s; transition: all 1.1s; height:450px; object-fit:cover; object-position:center center; }
.slick2 .item-slick2 .content {
    padding: 20px; position: absolute; bottom: -70px; left: 0; width: 100%;
    -webkit-transition: all .3s; transition: all .3s;
    text-align: left; z-index: 20; height: auto; box-sizing: border-box;
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .75) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%); }
.slick2 .item-slick2 .content h5,
.slick2 .item-slick2 .content h5 a { position: relative; color: #fff; font-size: 25px; font-weight: 400; margin-top: 5px; margin-bottom: 5px; }
.slick2 .moreinfo {margin: 0; padding: 0;color: #fff; font-size: 14px; letter-spacing: 2px; line-height: 1.2em; padding-bottom: 20px; float: left;}
.slick2 .item-slick2 .content .morelink { font-size: 15px; letter-spacing: 3px; color: #fff; text-align: right; margin-top:10px;
	-ms-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.slick2 .item-slick2 .content .morelink a { color: #e30613; }
.slick2 .item-slick2 .content .morelink a:hover { color:#ffffff; }

.boxsube { margin-top:2em; background-color:rgba(227,6,19,0.1); border-radius: 30px 30px; padding:2em; }

.boxbeyaz { margin-top:2em; background-color:#fff; color:#a0040d; border: 1px solid #999; border-radius: 25px; height:260px;  }
.boxbeyaz:hover { background-color:#e30613; border: 1px solid #e30613; color:#fff; }
.icon1 { background-size: cover; transition: filter 0.3s ease; }
.boxbeyaz:hover  .icon1 { filter: brightness(0) invert(1); }

@media (max-width: 768px) {
    .boxbeyaz { height:215px; }
}
.bg-grad-red-box { position:absolute; top:0px; left:0; width:100%; background: rgba(227,6,19,0.5); padding: 1em 1em; }

.font-revolinlight { font-family:Revolin-Light }

.block3 img { height:350px; width: 100%; object-fit: cover; object-position:center center; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }

.block5 { position: relative; overflow: hidden; }
.block5 img { height:350px;width:100%;object-fit:cover;object-position:center center;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px; transition:transform 0.6s ease; } 
.block5:hover img { transform: rotate(2deg); }

.block6 {overflow: hidden;/*display: inline-block; */transition:transform 0.6s ease; }
.block6 img { height:350px;width:100%;object-fit:cover;object-position:center center;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px; transition:transform 0.6s ease; }
.block6:hover { transform: scale(1.07) rotate(1deg); }

.lang_input { height:20px;background:rgba(227, 6, 19, 1);border: none;margin-bottom:1px;padding-left:5px;outline:none;font-size:15px;color:#ffffff;
    font-weight: 500;-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }

/*---------------------------------------
  TIMELINE               
-----------------------------------------*/
.timeline,
.timeline-nodes {
  position: relative;
}

.timeline-nodes:nth-child(even) {
  flex-direction: row-reverse;
}

/*.timeline h3, 
.timeline p {
  padding: 0 30px;
} */

.timeline::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 0;
  border-left: 1px solid #ddd;
  height: 98%;
  z-index: 1;
  transform: translateX(-50%);
}

.timeline-content {
  position: relative;
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 0;
}

.timeline-nodes:nth-child(odd) .timeline-date {
  text-align: left;
}
 
.timeline-nodes:nth-child(even) .timeline-date {
  text-align: right;
}

.timeline-nodes h3 {
  position: relative;
  color:#ed1c24;
  font-size:4em;
}

.timeline-icons {
  position: relative;
  z-index: 100;
}

.timeline-icons::before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  background: #63b642;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  z-index: 1;
}

.timeline-icon {
  position: relative;
  z-index: 100;
  font-size: 32px;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 80px;
}

@media (max-width: 767px) {
  .timeline-nodes:nth-child(odd) h3,
  .timeline-nodes:nth-child(odd) p {
    text-align: left;
  }

  .timeline-nodes:nth-child(even) {
    flex-direction: row;
  }

  .timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 33px;
    width: 0;
    height: 98%;
    z-index: 1;
    transform: translateX(-50%);
  }

  .timeline-icons {
    position: absolute;
    left: 0%;
    top: 60px;
  }

  .timeline-nodes:nth-child(odd) h3::after {
    left: auto;
    right: 100%;
    border-left: 0;
    border-right: 10px solid #000;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

  .timeline-nodes:nth-child(even) h3::after {
    right: 100%;
    width: 0;
    border-right: 10px solid #000;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

  .timeline-nodes:nth-child(even) .timeline-date {
    text-align: left;
  }

  .timeline-icons::before {
    width: 30px;
    height: 30px;
  }

  .timeline-icon {
    line-height: 75px;
  }
}

@media (max-width: 575px) {
  .timeline::before {
    content: "";
    display: block;
    top: 60px;
    left: 36px;
    height: 98%;
  }

  .timeline-icons {
    position: absolute;
    left: -10px;
  }

  .timeline-icons::before {
    width: 30px;
    height: 30px;
  }

  .timeline-icon {
    line-height: 70px;
  }
.timeline-nodes h3 {
  position: relative;
  color:#ed1c24;
  font-size:3em;
}

}