html {
  font-size: 14px;
}
body {
  font-family: "DM Sans", sans-serif;
  max-width: 100% !important;
  background: #fcfefe !important;
}

footer {
  background: #fff !important;
}

a {
  text-decoration: none !important;
}

img {
  max-width: 100% !important;
}

.headerUstMenu {
  color: #1f2b6c;
  font-size: 1rem;
  background: #fff;
}

.custom-button {
  background: #1960a5;
  color: #fff;
  transition: 0.3s;
}

.custom-button:hover {
  background: #d91718;
  color: #fff;
}

.headerUstMenu a {
  color: #1f2b6c !important;
  transform: 0.3s;
}
.headerUstMenu a:hover {
  color: #333333;
}

@media (max-width: 720px) {
  .headerUstContent {
    font-size: 0.8rem;
  }
}

.headerUstMenu .headerUstContent {
  padding: 0.5rem 1rem;
}

@media (max-width: 720px) {
  .headerUstMenu .headerUstContent .logo {
    width: 10rem;
  }
}

.headerUstMenu .headerUstContent .headerUstContentPhone {
  padding-left: 5.5px;
}

.navbar {
  background-color: #0f1532 !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 950px) {
  .nav-item {
    padding-left: 16px;
  }
}

@media (max-width: 950px) {
  .navbar {
    background-color: #fff !important;
  }
}

.navbar .dropdown-menu .dropdown-item {
  color: #1e2022;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  transition: 0.3s;
  font-size: 1rem;
  /* font-weight: 600; */
}

.navbar {
  font-size: 1.2rem;
  line-height: 27px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.dropdownLang .dropdown-menu {
  min-width: auto;
  z-index: 2000;
}

.dropdownLang .btn {
  color: #fff;
}

@media (max-width: 950px) {
  .dropdownLang .btn {
    color: #1f2b6c;
    font-weight: bold;
  }
}

.dropdownMobil {
  position: relative;
  height: auto;
  right: -3rem;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
}

@media (max-width: 950px) {
  .dropdown-menu {
    border: none;
  }
  .navbar .navbar-brand .logo {
    width: 10rem;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #1f2b6c;
  }
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover {
    color: #1f2b6c !important;
  }
}

.nav-item .nav-link {
  color: #fff;
  transition: 0.3s;
}

.nav-item .nav-link:hover {
  text-decoration: solid !important;
}

.nav {
  padding: 7px 0px 15px 0px;
}

.nav ul {
  list-style-type: none;
}

.nav ul li {
  padding: 0px 16px 0px 16px;
}

.nav ul li a {
  text-decoration: none;
  color: #1e2022;
  transition: 0.3s;
  font-size: 18px;
}

.nav ul li a:hover {
  color: #1f2b6c;
}

.navbar-toggler-icon {
  filter: brightness(0) saturate(100%) invert(95%) sepia(100%);
}

@media (max-width: 950px) {
  .navbar-toggler-icon {
    filter: brightness(0) saturate(100%) invert(11%) sepia(69%) saturate(2458%)
      hue-rotate(221deg) brightness(95%) contrast(91%) !important;
  }
}

.bannerHomepage {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bannerHomepage .gradient {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bannerContent {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.bannerContent h2 {
  margin-top: 0.5rem;
}

@media (max-width: 720px) {
  .bannerHomepage {
    height: 360px;
  }
}

.bannerHomepage .content {
  color: #fff;
  position: relative;
  z-index: 2;
}

.bannerHomepage .content h1 {
  font-family: "Yeseva One", cursive !important;
  font-size: 4rem;
  color: #fff;
}

@media (max-width: 760px) {
  .bannerHomepage .content h1 {
    font-size: 2rem;
    margin-bottom: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.bannerHomepage .content p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 25px;
  color: #1960a5;
}

.ellpiseOne {
  position: absolute;
  left: 0;
  z-index: 11;
}

.ellipseTwo {
  position: absolute;
  z-index: 11;
  right: 0;
  bottom: 0;
}

.subTitle h1 {
  color: #1f2b6c;
  font-family: "Yeseva One", cursive !important;
}

.subTitle p {
  color: #4f4c53;
}

.admin .card {
  transition: 0.3s;
}

.admin .card img {
  max-width: 100%;
}

.admin .card h3 {
  color: #1f2b6c !important;
}

.admin .card h2 {
  color: #212529 !important;
}

.admin .card p {
  /* color: #4f4c53; */
  color: #1f2b6c !important;
}

.admin .card:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.social-media .card {
  transition: 0.3s;
}

.social-media .card img {
  max-width: 100px;
}

.social-media .card h3 {
  color: #1f2b6c;
}

.social-media .card h2 {
  color: #000;
}

.social-media .card p {
  color: #4f4c53;
}

.social-media .card:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  cursor: pointer;
}

.blok-2 .title {
  color: #333333;
}
.blok-2 .card {
  background-color: transparent;
  border: none;
  transition: 0.3s;
  padding: 2rem;
}

.blok-2 .card .card-title {
  font-family: "Yeseva One", cursive !important;
  color: #1f2b6c;
}
.blok-2 .card .card-content {
  color: #4f4c53;
  min-height: 7rem;
}
.blok-2 .card:hover {
  background: #fff;
  box-shadow: 0px 24px 64px rgba(122, 115, 115, 0.12);
}

.blok-2 .card .card-detail-button {
  background: #1960a5;
  color: #fff;
  transition: 0.3s;
}

.blok-2 .card .card-detail-button:hover {
  background: #d91718;
}

.blok-3 .content {
  color: #4f4c53;
}

.blok-4 .title {
  color: #4f4c53;
}

.blok-4 .card {
  border-radius: 1px solid #ffffff;
}

.blok-4 .card .date {
  color: #4f4c53;
}

.blok-4 .card .alt-title {
  color: #2e2e2e;
  min-height: 5rem;
}

.blok-4 .card .writer {
  color: #1960a5;
}

.blok-4 .card .content {
  color: #4f4c53;
  min-height: 4rem;
}

@media (max-width: 768px) {
  .blok-4 .card .content {
    min-height: 5rem;
  }
}

.blok-4 .card img {
  max-width: 100%;
}

.blok-4 .title {
  color: #4f4c53;
}

.event .event-type-title {
  color: #1f1fad;
}

.event .card {
  border-radius: 1px solid #ffffff;
}

.event .card .date {
  color: #4f4c53;
}

.event .card .alt-title {
  color: #2e2e2e;
  min-height: 4rem;
}

.event .card .writer {
  color: #1960a5;
}

.event .card .content {
  color: #4f4c53;
}

.event .card img {
  max-width: 100%;
}

.mainpage-section {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.5rem;
  font-family: "Yeseva One", cursive !important;
  text-align: center;
}

.mainpage-section a {
  padding: 3rem 5rem;
  text-decoration: none;
}

.new image img {
  max-width: 100%;
}

.new .content {
  color: #4f4c53;
}

.new .date {
  color: #1960a5;
}

.new .gallery img {
  max-width: 100%;
}

footer {
  padding-top: 75px;
  padding-bottom: 15px;
}

footer a {
  text-decoration: none;
  color: #2e2e2e;
  transition: 0.3s;
}

footer a:hover {
  color: #d91718 !important;
}

footer .about {
  color: #4f4c53;
}

footer .titleSection {
  color: #1960a5;
  font-weight: bold;
}

footer i {
  color: #fff;
  background-color: #0f1532;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

.nav .altNav {
  list-style: none;
  padding-left: 0;
  position: absolute;
  margin-top: 15px;
  z-index: 3;
  background: #fff;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.37);
  display: none;
}
.nav .altNav li {
  padding: 5px 60px 5px 10px !important;
}

.nav .altNav li a {
  padding: 5px 10px 5px 10px;
}

@media (max-width: 760px) {
  footer .footer-block {
    margin-top: 1rem;
  }
}

.headerSection {
  background-repeat: none;
  background-size: cover;
  height: 250px;
}

.headerSection h1 {
  color: #fff;
  font-family: "Yeseva One", cursive !important;
  font-size: 3rem;
}

.headerSection .container {
  position: relative;
  z-index: 2;
}

.headerGradient {
  position: absolute;
  background: linear-gradient(
    180deg,
    rgba(14, 14, 14, 0) 0%,
    rgba(14, 14, 14, 0.64) 92.19%,
    #0f2739 100%
  );
  z-index: 1;
  left: 0px;
  height: 250px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 760px) {
  .headerGradient {
    height: 20vh;
  }
  .headerSection {
    height: 20vh;
  }
  .headerSection h1 {
    font-size: 2.5rem;
  }
}

.breadcrumb-item a {
  text-decoration: none;
  color: #e51313;
}

.page h2 {
  color: #333333;
}

.page .content {
  color: #4f4c53 !important;
  overflow-x: auto;
}

#kurullar .content td {
  border-width: 0 !important;
}

.page .content td {
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.page .image img {
  max-width: 100%;
}

@media (min-width: 760px) {
  .page .position-sticky {
    position: sticky;
    top: 7rem;
  }
}

.sub-section {
  transition: 0.1s;
}

.sub-section:hover {
  background: #bfd2f8;
  border-left: 5px solid #1960a5;
}

.sub-section-active {
  background: #bfd2f8;
  border-left: 5px solid #1960a5;
}

.sub-section-item .sub-section-active {
  color: #242d48;
}

.sub-section-item .sub-section {
  color: #242d48;
}

.page span {
  background-color: transparent !important;
}

.contactAltTitle {
  font-size: 24px;
}

.contactAltContent {
  font-size: 18px;
  color: #666666 !important;
}

.contactAltContent a {
  color: #666666 !important;
}

.about h3 {
  color: #333333;
}

.about .content {
  color: #4f4c53;
}

.about img {
  max-width: 100%;
}

.aboutNumber .content {
  color: #4f4c53;
}

.aboutNumber .number {
  color: #1960a5;
  font-size: 5rem;
}

@media (max-width: 768px) {
  .aboutNumber .number {
    font-size: 4rem;
  }
}

.publication .card {
  padding: 3rem 2rem;
}

.publication .card .title {
  color: #2e2e2e;
  min-height: 5rem;
}

.publication .card .content {
  color: #4f4c53;
  min-height: 3rem;
}

@media (max-width: 768px) {
  .publication .card .title {
    min-height: 3rem;
  }

  .publication .card .content {
    min-height: 1rem;
  }
}

.publication .card .date {
  color: #05111a;
  min-height: 2rem;
}

.publication .card .city {
  color: #1960a5;
}

.nav-link:hover {
  color: #1960a5 !important;
}

.nav-link.active {
  color: #1960a5 !important;
  text-decoration: underline;
}

@media (max-width: 950px) {
  .nav-link.active {
    color: #1f2b6c !important;
  }
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
}

.dropdown-toggle::after {
  margin-left: 0.5em !important;
}
.dropdown-menu {
  padding: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #d91718;
  color: #fff !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #d91718;
  color: #fff !important;
}
.overlayDoga {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: none;
}
.forminValid {
  border: 1px solid #e51313;
}

.filterField {
  background: #e51313;
}

.filterField {
  position: relative;
  background-color: #e51313;
  top: -60px;
  z-index: 2;
}

.filterField button {
  font-weight: 500;
  font-size: 1.7rem;
  transition: 0.3s;
  background-color: #183b56;
  color: #fff;
}

.filterField button:hover {
  background-color: #fff;
  color: #e51313;
}

@media (max-width: 760px) {
  .filterField {
    top: 0px;
    margin-top: 50px;
  }

  .filterField button {
    max-width: 100%;
  }
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  position: absolute !important;
  right: 20px !important;
  top: auto !important;
  width: auto !important;
}

figure.zoom {
  position: relative;
  border: 5px solid white;
  overflow: hidden;
  cursor: zoom-in;
  transition: 0.3s;
}

figure.zoom .glassImage {
  position: absolute;
  right: 1rem;
  bottom: 0;
  color: #666 !important;
  opacity: 0.3;
}

figure.zoom img:hover {
  opacity: 0;
}

figure.zoom img {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
}

.float {
  position: fixed;
  bottom: 40px;
  right: 40px;
  border-radius: 50%;
  z-index: 100;
}

@media (max-width: 760px) {
  .border-none {
    border: none !important;
  }
}

.select2-hidden-accessible {
  position: absolute;
  right: 0;
  left: 0;
  visibility: hidden;
  width: 100% !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #6c757d !important;
  font-style: normal;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  color: #6c757d !important;
}

.select2 {
  width: 100% !important;
}

.select2-dropdown {
  background-color: #e51313;
}

.select2-selection.select2-selection--single {
  display: flex !important;
  justify-content: start;
  align-items: center;
  padding-left: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 3.5rem;
  border: 1px solid #ced4da;
  overflow: hidden;
  border-radius: 0.25rem !important;
  background-color: #fff;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  color: #e51313;
  margin-left: 0.5rem;
  padding: 0 0.5rem;
  order: 2;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: flex;
  align-items: center;
}

.jPaginate {
  padding-bottom: 2rem;
}

.carousel-control-next,
.carousel-control-prev {
  width: 7%;
}

.categoryContent {
  font-size: 18px;
}

.submitButton {
  color: #1f2b6c;
  background-color: #bfd2f8;
  transition: 0.3s;
}

.submitButton:hover {
  background-color: #1f2b6c;
  color: #fff;
}

.custom-contact {
  background: url(/images/background-contact.png);
  background-position: center;
  background-repeat: none;
  background-size: cover;
  color: #fff;
}

.contact .altTitle {
  color: #159eec;
}

.contact .title {
  color: #1f2b6c;
  font-family: "Yeseva One", cursive !important;
}

.contact input {
  border: none;
  background: #bfd2f8;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: #1f2b6c !important;
}

.contact input::placeholder {
  color: #1f2b6c;
}

.contact textarea {
  border: none;
  background: #bfd2f8;
  border-radius: 0;
  color: #1f2b6c !important;
}

.contact textarea::placeholder {
  color: #1f1fad;
}

.contact .form-control:focus {
  background: #bfd2f8;
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.contact a {
  color: #1f2b6c;
}

.contact .card-contact {
  background: #bfd2f8;
  transition: 0.3s;
  height: 17rem;
  color: #1f2b6c;
}

.contact .card-contact img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(84%);
}

.contact .card-contact:hover {
  color: #fff;
  background: #1f2b6c;
  fill: #fff;
}

.contact .card-contact:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%);
}

.contact-map {
  width: 100%;
  height: 500px;
}

.notification .modal-body {
  padding: 0;
}

.notification .modal-header {
  position: absolute;
  z-index: 999;
  right: 10px;
  border: none;
}

.notification .modal-header button {
  font-size: 1.5rem;
}

.notification .modal-content {
  border-radius: 1rem;
  overflow: hidden;
  border: 10px solid #0f1532 !important;
}

.table .content-position {
  vertical-align: middle !important;
}

.dergi .card {
  border: 1px solid #1f2b6c;
  border-radius: 3rem;
  min-height: 5rem;
  color: #2e2e2e;
  transition: 0.3s;
}

.dergi .card:hover {
  color: #fff;
  background-color: #1f2b6c;
}

.photos .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  min-height: 5rem;
  color: #2e2e2e;
  transition: 0.3s;
}

.photos .card:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.photos .card .content {
  font-size: 1.3rem;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 3rem;
  height: 3rem;
  filter: brightness(0) saturate(100%) invert(21%) sepia(86%) saturate(2015%)
    hue-rotate(196deg) brightness(95%) contrast(80%);
}

.table-dark {
  height: 4rem;
}
.table > thead {
  vertical-align: middle !important;
}

.login-button {
  background: #bfd2f8;
  color: #1f2b6c;
  cursor: pointer;
  border-radius: 50px;
  font-size: 1rem;
}

.headerSection-event {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-size: cover;
}

.headerSection-event img {
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 768px) {
  .headerSection-event {
    height: auto;
  }
  .headerSection-event img {
    height: auto;
    width: auto;
  }
}

table {
  caption-side: inherit !important;
  border-collapse: inherit !important;
}

.page a {
  color: #1960a5;
  transition: 0.3s;
}

.page a:hover {
  color: #d91718;
}

.page .iYazi {
  color: #333333;
  line-height: 180%;
}

.page .iYazi table {
  width: auto !important;
}

.page table {
  width: auto;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-style: inherit;
}

.page .iYazi td {
  border-color: inherit !important;
  border-style: inherit !important;
  border-width: 0px !important;
  padding: 1rem 0.5rem;
  height: 12rem;
  transition: 0.3s;
}
.page .iYazi td:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.speakers {
  padding-top: 3rem;
  padding-bottom: 3rem;
  transition: 0.3s;
}

.speakers .speaker {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  transition: 0.3s;
}

.speakers .speaker:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.speakers .speaker:hover .card-overlay {
  bottom: 0;
  height: 100%;
}

.card-overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: black;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.5s ease;
  opacity: 0.5;
  cursor: pointer;
}

.card-overlay i {
  color: white;
  position: absolute;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 2rem;
}

.speakers .speaker .speaker-content .speaker-social {
  display: flex;
  justify-content: center;
}

.speakers .speaker .speaker-content {
  padding: 1rem;
}

.speakers .speaker .speaker-content .speaker-name {
  color: #1f2b6c;
  text-align: center;
  min-height: 4rem;
}

.speakers .speaker .speaker-content .speaker-title {
  color: #4f4c53;
  text-align: center;
  min-height: 4rem;
}

.speakers .speaker .speaker-content .speaker-social .speaker-social-item a {
  background: #1960a5;
  padding: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 2rem;
  font-size: 1.2rem;
  transition: 0.3s;
}

.speakers
  .speaker
  .speaker-content
  .speaker-social
  .speaker-social-item
  a:hover {
  background: #d91718;
  color: #fff;
}

.speaker-detail img {
  padding: 1rem 1rem 0 1rem;
}

.speaker-detail .speaker-content .speaker-social {
  display: flex;
  justify-content: center;
}

.speaker-detail .speaker-content {
  padding: 1rem;
}

.speaker-detail .speaker-content .speaker-name {
  margin-bottom: 0.5rem;
  color: #1f2b6c;
  text-align: center;
}

.speaker-detail .speaker-content .speaker-title {
  margin-bottom: 1rem;
  color: #4f4c53;
  text-align: center;
}

.speaker-detail .speaker-content .speaker-social .speaker-social-item a {
  background: #1960a5;
  padding: 1rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 2rem;
  font-size: 1rem;
  transition: 0.3s;
}

.speaker-detail .speaker-content .speaker-social .speaker-social-item a:hover {
  background: #d91718;
  color: #fff;
}

.speaker-detail .modal-footer button {
  background: #1960a5;
  transition: 0.3s;
  border-radius: 0.25rem !important;
}

.speaker-detail .modal-footer button:hover {
  background: #d91718;
  border-color: #d91718;
}

.yerIcerik{
  width: 100%;
  min-height: 40rem;
}
.yerIcerik iframe{
  width: 1px;
  min-width: 100%;
  min-height: 40rem;
}