.video-play-button {
  position: absolute;
  z-index: 10;
  top: 86%;
    left: 35%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fa183d;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}

.companies {
    height: 200px;
    background-color: #f6f6f6;
}

.slider-text{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 5.6em;
    line-height: 1em;
    letter-spacing: -4px;
}

.slider-subtext{
    color: #fff;
    letter-spacing: 5px;
    font-size: 1.8em;
    margin-top: 32px;
    background: url(/media/21megohp/ok.png) no-repeat right 38px;
    background-size: 300px;
    height: 135px;
}



.slider-text-area{
    width: 500px;
}

.hakkimizda-bg{
    background: url(https://aile.gov.tr/media/4336/logo-department.svg);
    background-position: right center;
    background-repeat: no-repeat;
    filter: grayscale(1);
    opacity: 0.04;
    background-size: contain;
    height: 100vh;
    margin-right: -13vw;
}

.hakkimizda-bg-border{
    overflow: hidden;
    position: absolute;
    width: 50vw;
    height: 100vh;
    right: 0;
}

@media only screen and (max-width: 1000px) {
  .slider-subtext {
    background: none;
  }
}

@font-face {
  font-family: 'Readex Pro';
  src: url('/assets/fonts/Readex Pro/ReadexPro-Bold.woff2') format('woff2'),
  url('/assets/fonts/Readex Pro/ReadexPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Readex Pro';
  src: url('/assets/fonts/Readex Pro/ReadexPro-ExtraLight.woff2') format('woff2'),
  url('/assets/fonts/Readex Pro/ReadexPro-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Readex Pro';
  src: url('/assets/fonts/Readex Pro/ReadexPro-SemiBold.woff2') format('woff2'),
  url('/assets/fonts/Readex Pro/ReadexPro-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Readex Pro';
  src: url('/assets/fonts/Readex Pro/ReadexPro-Medium.woff2') format('woff2'),
  url('/assets/fonts/Readex Pro/ReadexPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Readex Pro';
  src: url('/assets/fonts/Readex Pro/ReadexPro-Light.woff2') format('woff2'),
  url('/assets/fonts/Readex Pro/ReadexPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Readex Pro';
  src: url('/assets/fonts/Readex Pro/ReadexPro-Regular.woff2') format('woff2'),
  url('/assets/fonts/Readex Pro/ReadexPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
	
}

body::-webkit-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.detayTesvik::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
	
}

.detayTesvik::-webkit-scrollbar{
	width: 7px;
	background-color: #F5F5F5;
}

.detayTesvik::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.detayTesvik{
    padding: 45px 40px 38px;
    margin-top:10px;
    font-size:0.85em;
}

span, p,h1 ,h2 ,h3,h4,h5,h6 {
  font-family: "Readex Pro", sans-serif;
  /*font-weight: 400;*/
}

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

/*-------------------index.html--------------*/
/*navbar*/
/*.navbar-bgcolor{*/
/*    position: absolute;*/
/*    z-index: 99;*/
/*    width: 100%;*/
/*}*/
/*.navbar-innerpage{*/
/*  padding: 30px 0;*/
/*  background: #5a65b4;*/
/*}*/

/*.navbar-bgimage{*/
/*  background-image: url('../../assets/alt-background-img.png');*/
/*  height: 13em;*/
/*}*/

/*.nav-item .nav-link {*/
/*    color: #E0E0E0;*/
/*    font-size: 1em;*/
/*    font-weight: 500 !important;*/
/*    padding-right: .75rem !important;*/
/*    padding-left: .75rem !important;*/
/*    border: 1.8px solid transparent;*/
/*    border-radius: 40px;*/
/*    margin-left: 1;*/
/*}*/
/*.nav-link:active, .nav-link:hover {*/
/*  border: 2px solid #E0E0E0 !important;*/
/*  border-radius: 40px;*/
/*}*/

/*.navbar-nav > .nav-item > .active{*/
/*  border: 2px solid #E0E0E0 !important;*/
/*  border-radius: 40px;*/
/*}*/

/*.logo{*/
/*    max-width: 220px;*/
/*}*/

/*.logo img{*/
/*    width: 100%;*/
/*}*/

/*search*/
.search-button {
    float: right;
  }
  
  .search-button button {
    border: none;
    background: transparent no-repeat center center/cover;
    padding: 1.9em 2em;
    color: white;
  }
  
  .search-popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999999999999999;
    height: 40vh;
  }

  .search-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #FFFF;
  }
  
  .search-popup label {
    color: white;
  }
  
  .search-form {
    position: relative;
  }
  
  .form {
    position: relative;
    width:100%;
  }
  
  .form input {
    outline: none;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    border-color: #dad6d5;
    background-color: transparent;
    width: 70%;
    padding: 1em 0;
    color: #000;
    margin-right:15%;
    margin-left:15%;
  }
  
  .form input:focus::-webkit-input-placeholder {
    opacity: 0;
  }
  
  .form input:focus::-moz-placeholder {
    opacity: 0;
  }
  
  .form input:-ms-input-placeholder {
    opacity: 0;
  }
  
  .form input:focus:-moz-placeholder {
    opacity: 0;
  }
  
  .form label {
    position: absolute;
    top: 25%;
    right: 0;
  }
  .btn-nav {
    padding: 1em;
    color: #E0E0E0;
    background-color: #1E2761;
    font-weight: 700;
    border: 0;
  }
  .btn-nav:hover {
    color: #E0E0E0;
    background-color: #3642a1;
  }

/* hero*/

.hero {
    background-image: url("/media/0wgflwjb/bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top:21vh;
}
.padding35{
  padding: 0 35px;
}
.hero-banner h1 {
    color: #E0E0E0;
    font-weight: 800;
    font-size: 3.75rem;
}
@media only screen and (max-width: 991px ){
  .hero-banner{
    padding: 20px 0;
}
  /*.navbar-bgcolor{*/
  /*  padding: 0 !important;*/
  /*  background:#595959;*/
  /*}*/
  .hero-banner h1 {
  font-size: 2em;
}
  .hakkinda-text, .kurullar-text, .etik-text{
    font-size: 1rem !important;
    font-family: 'Readex Pro', sans-serif !important;
    font-weight: 400;
  }
/*.navbar-innerpage{*/
/*  border-bottom: 1px solid white;*/
/*  padding: 0 !important;*/
/*  background-image: none !important;*/
/*}*/
  .nav-item .nav-link{
    padding: 10px 0.5em 0.5em;
  }

  #filter-btns{
    padding: 0 !important;
    font-size: 0.5rem;
  }
  .title-link{
      font-size:1rem !important;
  }

}
@media only screen and (max-width:768px){
      #map-vector{
    display: none;
  }
    #etik-image{
    display: none;
  }
    .hakkimizda-image{
    display: none;
  }
}
@media only screen and (min-width:992px) and (max-width:1200px){
.hero-banner h1 {
    font-size: 3rem !important;
}
}
.hero-banner p {
    color: #C1A1B0;
}

.btn-hero {
    padding:1rem;
    color: #831E4C;
    background-color: white;
  font-size: 1rem;
    font-weight: 700;
    border: none;
    border-radius: 40px;
}
  .btn-hero:hover {
    transform: scale(1.02);
 }

/*--------------dergi-sayilari.html------------------*/

/*section-1*/

.point{
  color: #4f599d;
}

.header, .title , .sub-title{
  font-family: 'Readex Pro', sans-serif;
font-weight: 700;
}
 .title, .spcd{
   color: #ADADAD;
 }
 .author {
  font-size: large;
  font-weight: 500;
 }
 .spcd {
  /*font-size: large;*/
  font-weight: 500;
 }

/* breadcrumb*/

ul.breadcrumb li+li:before {
  content: "/\00a0";
}

ul.breadcrumb li a {
  text-decoration: none;
  color:#000
}

ul.breadcrumb li a:hover {
  text-decoration: underline;
  color: #831E4C;
}

 /* gallery */

.galery .section-title h1:before{
  left: 30%;
}

.galery .filter-buttons ul{
  list-style: none;
  text-align: center;
  margin: 0;
}
.galery .filter-buttons ul li{
  display: inline-block;
  font-size: 1.1em;
  margin: 0px 8px;
  color-interpolation-filters: #000000;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  padding: .8em;
}
.galery .filter-buttons ul li.active{
  color: #831E4C;
  border-bottom: 4px solid #831E4C;
}
.galery .filter-buttons{
  margin-bottom: 2.5em;
  background-color: #E3E3E3;
  width: fit-content !important;
  margin: 0 auto;
  margin-bottom: 25px;
}
.galery .galery1{
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.item{
  flex: 0 0 25%;
  position: relative;
  padding: 8px;
}
.galery .galery1 .item .inner{
  position: relative;
}

.light-text{
  font-weight: 600;
  font-size: 1.3em;
  color: #ADADAD;
}
.title-numeric{
  font-weight: 700;
  font-size: 2.5em;
   overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.item .overlay{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,0);
  z-index: 10;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all .5s ease;
}
.item:hover .overlay{
  opacity: 1;
  transition-duration:1s;
}
.item:hover .image{
  opacity: 0.3;
  transition-duration:1s;
}

.img-border{
  border-style: solid;
  border-color: #E3E3E3;
  border-width: 1em;
}

.link-icon{
  height:5em;
  width: 5em;
  background-color: #4f599d;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  line-height: 5em;
  border-radius: 50%;
  cursor: pointer;
}
.item:hover .overlay .fa{
  -webkit-animation: galleryIcon .8s ease;
  animation: galleryIcon .8s ease;
}
@keyframes gallertyIcon{
  0%{
      transform: translateY(-20px);opacity: 0;
  }
  100%{
      transform: translateY(0);opacity: 0;
  }
}
.item .overlay h4{
  font-size: 25px;
  color: #ffffff;
  font-weight: 600;
  margin-top: 15px;
}
.item:hover .overlay h4{
  -webkit-animation: galleryText .8s ease;
  animation: galleryText .8% ease;
}
@keyframes gallertyText{
  0%{
      transform: translateY(20px);opacity: 0;
  }
  100%{
      transform: translateY(0);opacity: 0;
  }
}

/*-------dergi-detay-----*/
.dergi-icerik{
  background-color:#831E4C;
  width: 100%;
  }
.dergi-icerik button{
  color: white;
  font-size: 1em;
  font-weight: 700;
}

.btn-icerik{
  background-color: #1E2761;
  color: white;
}

.dergi-icerik i, .btn-icerik i{
  font-size: .25em;
}


/*------------hakkimizda.html, kurullar.html, etik-ilkeler.html--------*/
 .hakkinda-header, .kurullar-header, .etik-header, .rehber-header{
   color: #4f599d;
   font-weight: 700;
 }
.etik-header{
  font-size: 1.2rem;
}
 .hakkinda-text, .kurullar-text, .etik-text{
   color: #484848;
   font-size: 1.2em;
   font-family: 'Readex Pro', sans-serif !important;
   font-weight: 400;
 }

 .kurullar-h2{
   background-color: #EFEFEF;
   font-weight: 700;
   color: #484848;
   
 }

 .section-6{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.3fr;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas:
      "ga-1 ga-2 ga-3"
      "ga-1 ga-2 ga-3"

      "ga-4 ga-5 ga-3"
      "ga-4 ga-5 ga-7"

      "ga-6 ga-6 ga-7"
      "ga-6 ga-6 ga-7";
  }
  
  .ga-1 { grid-area: ga-1; }
  
  .ga-2 { grid-area: ga-2; }
  
  .ga-3 { grid-area: ga-3; }
  
  .ga-4 { grid-area: ga-4; }
  
  .ga-5 { grid-area: ga-5; }
  
  .ga-6 { grid-area: ga-6; }
  
  .ga-7 { grid-area: ga-7; }
  
  .etik-button1-bg{
color: #FFFFFF;
background: #831E4C url("../../assets/img/logo-vector.png") no-repeat;
background-position-x: right;
background-size: cover;
width: 97%;
height: 30vh;
font-weight: 700;
padding: 2.5em;
  }
.etik-button1-bg > h1, .etik-button2-bg > h1, .etik-button3-bg> h1{
font-size: 2rem !important;
}
.etik-button1-bg:hover{
  transition:0.3s;
  transform: scale(1.02);
  backface-visibility: hidden;
  color: white;
  -webkit-font-smoothing: antialiased;
}
.etik-button2-bg{
color: #FFFFFF;
background:#747474 url("../../assets/img/logo-vector.png") no-repeat;
background-position-x: right;
background-size: cover;
width: 97%;
height: 30vh;
font-weight: 700;
padding: 2.5em;
  }
.etik-button2-bg:hover{
  transition:0.3s;
  transform: scale(1.02);
  color: white;
  -webkit-font-smoothing: antialiased;
}
  .etik-button3-bg{
    color: #FFFFFF;
    background: #1E2761 url("../../assets/img/logo-vector.png") no-repeat;
    background-position-x: right;
    background-size: cover;
    width: 97%;
    height: 30vh;
    font-weight: 700;
    padding: 2.5em;
}
.etik-button3-bg:hover{
  transition:0.3s;
  transform: scale(1.02);
  color: white;
  -webkit-font-smoothing: antialiased;
}

#etik-ilkeler .border-bottom{
  border-bottom: #dee2e6 solid 2px !important;
}
#etik-ilkeler .border-end{
  border-right: #dee2e6 solid 2px !important;
}
#etik-ilkeler .border-top{
  border-top: #dee2e6 solid 2px !important;
}


.border-third {
  padding:1em;
  border-bottom: 2px solid #dee2e6;
}

.border-third:nth-last-child(-n+3) {
  border-bottom: none;
}

.border-third-inner{
  border-bottom: 2px solid #dee2e6;
  padding:1em;
}
.title-link{
  font-family: 'Readex Pro', sans-serif;
  font-weight: 900;
  color: black;
  font-size: 1.2rem;
  text-decoration: none;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
   overflow: hidden;
}
.title-link:hover{
color:#831E4C ;
}

#hero{
  
}

.content {
  flex: 0 0 25%;
  position: relative;
  border-style: solid;
  border-color: #e8e8e8;
  border-width: 0.75em;
  border-radius: 12px;
}

.content .content-overlay {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out 0s;
  -moz-transition: all 0.8s ease-in-out 0s;
  transition: all 0.8s ease-in-out 0s
}

.content:hover .content-overlay {
  opacity: 1
}

.content-image {
  width: 100%
}

img {
  border-radius: 5px
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s
}

.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1
}

.content-details h3 {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase
}

.content-details p {
  color: #fff;
  font-size: 0.8em
}

.fadeIn-bottom {
  top: 80%
}
.float-left{
float : left;
}
.float-right{
    float:right;
}

/*-*-*-*-**--*-*-* new version -*--*-*-**/

@media screen and (max-width:991px){
.footer-logos{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
}
 #section-filter{
 flex-direction:column !important;
}
.hero-img{
padding-top:1em;
}
.search-box{
float:left;   
}
/*.navbar-nav{*/
/*margin-bottom : 0 !important;*/
/*}*/
.makale-gonder{
    display:block !important;
    margin-bottom:1em;
}
.search-button button{
    padding:1em !important;
}
.title-numeric{
  font-size: 2em;
}
.light-text{
font-size:1rem;
}
.sidenav{
 box-shadow:none !important;
}
.title{
    font-size:0.8rem !important;
}
.button-last{
animation: glowing 3500ms infinite;
}
@keyframes glowing {
  0% { box-shadow: 0 0 -10px #780B3D; }
  40% { box-shadow: 0 0 20px #780B3D; }
  60% { box-shadow: 0 0 20px #780B3D; }
  100% { box-shadow: 0 0 -10px #780B3D; }
}