@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-Bold.woff2') format('woff2'),
      url('DINNextLTPro-Bold.woff') format('woff'),
      url('DINNextLTPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('DINNextLTPro-Light.woff2') format('woff2'),
      url('DINNextLTPro-Light.woff') format('woff'),
      url('DINNextLTPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Tiempos Headline';
  src: url('TiemposHeadline-Semibold.woff2') format('woff2'),
      url('TiemposHeadline-Semibold.woff') format('woff'),
      url('TiemposHeadline-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Tiempos Headline Regular';
  src: url('TiemposHeadline-Regular.woff2') format('woff2'),
      url('TiemposHeadline-Regular.woff') format('woff'),
      url('TiemposHeadline-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


body { -webkit-font-smoothing: antialiased; font-feature-settings: "liga","kern"; text-rendering: optimizeLegibility; font-family: 'DIN Next LT Pro', Helvetica, Arial, sans-serif; line-height: 180%; background: #000 url('../images/b2.jpg') no-repeat top center; background-attachment: fixed; color: #fff }

h1, h2 { margin: 0; padding: 0 }

::-moz-selection { /* Code for Firefox */
  color: white;
  background: #B41919;
}
::selection {
    color: white;
    background: #B41919;
}
/* 279 */
/* .logo { display: block; width: 367px; height: 323px; background: url('../images/logo3.png') no-repeat; background-size: 100%; margin: 81px 0 110px 40px;  }  */
.temmuz-15 { margin: 150px auto 100px; width: 264px; height: 157px; background: url('../images/15-temmuz.png') no-repeat; background-size: 100%;  }
.temmuz-15-title { margin: 0px auto 0; width: 874px; height: 55px; background: url('../images/15-temmuz-destani.png') no-repeat; background-size: 100%;  }

.top_text { 
  font-size: 18px;
  text-align: justify;
  margin: 30px 0 60px;
  background-color: rgba(0, 0, 0, 0.45);
  padding: 20px;
  letter-spacing: 0.1px;
  backdrop-filter: blur(5px); 
  -webkit-backdrop-filter:saturate(100%) blur(5px);
  font-family: "Tiempos Headline";
  letter-spacing: 0.3px;
  line-height: 165%;
}

.top_text h1 { display: none; }

.cumhurbaskanimiz { display: block; float: right; width: 464px; height: 436px; background: url('../images/cumhurbaskanimiz.png') no-repeat; background-size: 100%; margin: 50px 40px 0; z-index: 0; }

.videos {  margin: 0 0 0; padding: 0 0 0; }

.video { height: 645px; width: 100%; position: relative;  margin-bottom: 100px; transition: all 0.3s; }
.video.active {  margin-bottom: 150px; }
.video.active .play { display: none; }

.video-img, .video-iframe { height: 645px; width: 100%;  z-index: 1; display: block; box-shadow: 0 10px 50px rgba(255, 255, 255, 0.15); }
.video-iframe { display: none; }

.img-1 { background: #000 url('../images/1.jpg') no-repeat center; }
.img-2 { background: #000 url('../images/2.jpg') no-repeat center; }
.img-3 { background: #000 url('../images/3.jpg') no-repeat center; }
.img-4 { background: #000 url('../images/4.jpg') no-repeat center; }
.img-5 { background: #000 url('../images/5.jpg') no-repeat center; }
.img-6 { background: #000 url('../images/6.jpg') no-repeat center; }
.img-7 { background: #000 url('../images/7.jpg') no-repeat center; }
.img-8 { background: #000 url('../images/8.jpg') no-repeat center; }
.img-9 { background: #000 url('../images/9.jpg') no-repeat center; }

.video-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 80px 60px; z-index: 2; }

.video-name { float: left; }
.video-name h2 { font-size: 40px; font-weight: bold; opacity: 0.75; padding: 5px 0; letter-spacing: 0.5px; line-height: 1; font-family: "Tiempos Headline" }
.video-name p { font-size: 14px; font-weight: 300; opacity: 0.5; padding: 5px 0; margin-top: -10px; letter-spacing: 0.5px; font-family: "Tiempos Headline Regular" }

.buttons { float: right; padding-top: 5px; }

.download { display: block; width: 49px; height: 69px; background: url('../images/download.png') no-repeat; background-size: 49px 49px; text-align: center; font-size: 14px; font-weight: 300; opacity: 0.75; float: left; padding: 51px 0 0; cursor: pointer; transition: opacity 0.3s; position: relative; }
.download:hover { opacity: 1; }

.download-hover {  position: absolute; top: 0; right: 49px; display: block;  display: none; height: 90px;}

.download:hover .download-hover { 
  display: block;
}

.download-hover-back { background: #fff; height: 49px; border-radius: 8px; margin-right: 10px; width: 302px;}

.hover-btn { padding: 14px 0 0 65px; display: block; float: left; height: 49px; width: 150px; text-align: left; font-size: 16px; font-weight: bold; color: #000 }
.hover-btn:hover { color: #000; text-decoration: none;}

.video-file { border-right: 2px solid #ccc; background: url('../images/video.png') no-repeat 20px 0; background-size: 36px 49px; }
.mp3-file {  background: url('../images/sound.png') no-repeat 20px 0; background-size: 36px 49px; }


.play { display: block; width: 49px; height: 69px; background: url('../images/play.png') no-repeat; background-size: 49px 49px; text-align: center; font-size: 14px; font-weight: 300; opacity: 0.75; float: left; padding: 51px 0 0; margin-left: 25px; cursor: pointer;   transition: opacity 0.3s; }
.play:hover { opacity: 1; }

.footer { padding-top: 30px;
padding-bottom: 35px;
background-color: #980000;
background-image: linear-gradient(135deg, #980000, transparent);
box-shadow: inset 0 14px 39px 0 rgba(0, 0, 0, 0.5); }

.iletisim-baskanligi { display: block; height: 75px; width: 205px; background: url('../images/iletisim-baskanligi-500.png') no-repeat; background-size: 100%; margin: 0 0 0 40px ; }


@media screen and (max-width: 1485px) {
  
}

@media screen and (max-width: 1350px) {

}

@media screen and (max-width: 1199px) {
  .video { height: 545px; }
  .video-img, .video-iframe { height: 545px;  }
  /* .top_text { margin-top: 144px; } */
}

@media screen and (max-width: 1050px) {
  
}

@media screen and (max-width: 991px) {
  .video { height: 445px; }
  .video-img, .video-iframe { height: 445px;  }

  /* 223 */
  .logo { width: 294px; height: 259px;  margin: 81px 0 110px 0;  } 

  .cumhurbaskanimiz {  width: 371px; height: 349px;  margin: 50px 0px 0; }

  .temmuz-15-title { width: 80%; margin-top: 15px; }
  .top_text { font-size: 16px; line-height: 130%; }
}

@media screen and (max-width: 870px) {
  
}

@media screen and (max-width: 767px) {
  body { background-size: 300%; }
  .logo { margin: 50px auto;}
  .cumhurbaskanimiz { margin: 0 auto; float: none; }

  .video-content {  padding: 0 60px 40px; }
  .video-name h1 { font-size: 32px;  }
  .iletisim-baskanligi { margin: 0 auto; }
  

}

@media screen and (max-width: 650px) {
  .video-content {  padding: 0 20px 30px; }
  .video-name h1 { font-size: 28px;  }
  .buttons { clear: both; float: left;}
  .temmuz-15-title { margin-top: 35px;  }

  .video { height: 345px; margin-bottom: 50px; }
  .video.active { margin-bottom: 75px;  }
  .video-img, .video-iframe { height: 345px;   background-size: auto 100%;  }
  .download-hover { top: 55px; left: -22px; right: auto;}
  .top_text { margin: 10px 0 30px 0; }
  .temmuz-15-title { margin: 0 auto; height: 30px;}
}

@media screen and (max-width: 580px) {
  .temmuz-15 { margin: 100px auto 100px; width: 176px; height: 104px;  }
}

@media screen and (max-width: 375px) {
  .logo { width: 265px; height: 233px; margin: 40px auto;}
  .cumhurbaskanimiz { width: 334px; height: 314px; margin: 0 auto; }

  .videos {  padding: 0 0 0px; }
  .temmuz-15 { margin: 80px auto; }

}