@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0")
      format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular")   
      format("svg");
  font-weight: normal;
  font-style: normal;
}
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;
}
.headerUstMenu {
  color: #1f2b6c;
  font-size: 1rem;
  background: #fff;
}
.custom-button {
  background: #3db8f5;
  color: #fff;
  transition: 0.3s;
}
.custom-button:hover {
  background: #1f2b6c;
  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: #1f2b6c !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;
}
.navbar .login-btn a {
  color: #1f2b6c;
  background: #bfd2f8;
  border: 1px solid #bfd2f8;
  transition: 0.3s;
  cursor: pointer;
}
.navbar .login-btn a:hover {
  background: #1f2b6c;
  color: #fff;
}
.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: url("/images/background-homepage.png"); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 450px;
}
.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;
}
@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;
  }
}
.bannerHomepage .content p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 25px;
  color: #1f1fad;
}
.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: #3db8f5;
  color: #fff;
  transition: 0.3s;
}
.blok-2 .card .card-detail-button:hover {
  background: #1f2b6c;
}
.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: 4rem;
}
.blok-4 .card .writer {
  color: #5151e1;
}
.blok-4 .card .content {
  color: #4f4c53;
  min-height: 10rem;
}
@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: #5151e1;
}
.event .card .content {
  color: #4f4c53;
}
.event .card img {
  max-width: 100%;
}
.notice .notice-type-title {
  color: #1f1fad;
}
.notice .card {
  border-radius: 1px solid #ffffff;
}
.notice .card .date {
  color: #4f4c53;
}
.notice .card .alt-title {
  color: #2e2e2e;
  min-height: 4rem;
}
.notice .card .writer {
  color: #5151e1;
}
.notice .card .content {
  color: #4f4c53;
}
.notice .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: #5151e1;
}
.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: #1f1fad !important;
}
footer .about {
  color: #4f4c53;
}
footer .titleSection {
  color: #1f1fad;
  font-weight: bold;
}
footer i {
  color: #fff;
  background-color: #1f1fad;
  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 h2 {
  color: #fff;
  font-family: "Yeseva One", cursive !important;
  font-size: 1.5rem;
}
.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: #c1272d;
}
.page h2 {
  color: #333333;
}
.page .content {
  color: #4f4c53 !important;
  overflow-x: auto;
}
#kurullar .content td {
  border-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0.5rem !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%;
}
.page .gallery 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 #02bbec;
}
.sub-section-active {
  background: #bfd2f8;
  border-left: 5px solid #02bbec;
}
.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: #5151e1;
  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: #5151e1;
}
.nav-link.active {
  color: #fff !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: #1f2b6c;
  color: #fff !important;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #1f2b6c;
  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 red;
}
.filterField {
  background: #c1272d;
}
.filterField {
  position: relative;
  background-color: #c1272d;
  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: #c1272d;
}
@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: #c1272d;
}
.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: #c1272d;
  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: #1f1fad;
  background-color: #bfd2f8;
  transition: 0.3s;
}
.submitButton:hover {
  background-color: #1f1fad;
  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: #1f1fad;
  font-family: "Yeseva One", cursive !important;
}
.contact input {
  border: none;
  background: #bfd2f8;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: #1f1fad !important;
}
.contact input::placeholder {
  color: #1f1fad;
}
.contact textarea {
  border: none;
  background: #bfd2f8;
  border-radius: 0;
  color: #1f1fad !important;
}
.contact textarea::placeholder {
  color: #1f1fad;
}
.contact .form-control:focus {
  background: #bfd2f8;
  border-color: transparent;
  box-shadow: none;
  outline: none;
}
.contact a {
  color: #1f1fad;
}
.contact .card-contact {
  background: #bfd2f8;
  transition: 0.3s;
  height: 17rem;
  color: #1f1fad;
}
.contact .card-contact img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(84%);
}
.contact .card-contact:hover {
  color: #fff;
  background: #1f1fad;
  fill: #fff;
}
.contact .card-contact:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%);
}
.contact-map {
  width: 100%;
  height: 500px;
}
.modal-popup .modal-body {
  padding: 0;
}
.modal-popup .modal-header {
  position: absolute;
  z-index: 999;
  right: 10px;
  border: none;
}
.modal-popup .modal-header button {
  font-size: 1.5rem;
}
.modal-popup .modal-content {
  border-radius: 3rem;
  overflow: hidden;
  border: 8px solid #02b8e9 !important;
}
.modal-login .close {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  z-index: 999;
}
.modal-login .login {
  padding: 0px 9rem 0px 9rem;
}
.modal-login h2 {
  color: #1f2b6c;
}
.modal-login .login-btn {
  background: #3db8f5;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}
.modal-login .login-btn:hover {
  background: #1f2b6c;
}
.modal-login .passwordVisible {
  font-family: "FontAwesome";
  width: 30px;
  position: absolute;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 1.3rem;
  right: 9.2rem;
  margin-top: 0.2rem;
}
@media (max-width: 768px) {
  .modal-login .login {
    padding: 3rem;
  }
  .modal-login .passwordVisible {
    right: 3rem;
  }
}
.modal-login .passwordVisible:before {
  content: "\f06e";
}
.modal-login .passwordVisible.close-eye:before {
  content: "\f070";
}
.modal-login .login-forget,
.login-new {
  color: #1f2b6c;
  text-decoration: underline !important;
  cursor: pointer;
}
.modal-login .form-control.error {
  border-color: #dc3545;
}
.modal-uyari .close {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  z-index: 999;
}
.modal-uyari h2 {
  color: #1f2b6c;
}
.modal-uyari .login-btn {
  background: #3db8f5;
  color: #fff;
  transition: 0.3s;
}
.modal-uyari .login-btn:hover {
  background: #1f2b6c;
}
.modal-uyari .passwordVisible {
  font-family: "FontAwesome";
  width: 30px;
  position: absolute;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 1.3rem;
  right: 9.2rem;
  margin-top: 0.2rem;
}
@media (max-width: 768px) {
  .modal-uyari .login {
    padding: 3rem;
  }
  .modal-uyari .passwordVisible {
    right: 3rem;
  }
}
.modal-uyari .passwordVisible:before {
  content: "\f06e";
}
.modal-uyari .passwordVisible.close-eye:before {
  content: "\f070";
}
.modal-uyari .login-forget,
.login-new {
  color: #1f2b6c;
  text-decoration: underline !important;
}
.modal-uyari .form-control.error {
  border-color: #dc3545;
}
.member-account .close {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  z-index: 999;
}
.member-account h2 {
  color: #1f2b6c;
}
.member-account .btn {
  background: #3db8f5;
  color: #fff;
  transition: 0.3s;
}
.member-account .btn:hover {
  background: #1f2b6c;
}
.member-account .btn a {
  color: #fff;
}
.member-account .passwordVisibleAccount {
  font-family: "FontAwesome";
  width: 30px;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 1.3rem;
  right: 2.5rem;
}
@media (max-width: 768px) {
  .member-account .login {
    padding: 3rem;
  }
  .member-account .passwordVisibleAccount {
    right: 3rem;
  }
}
.member-account .passwordVisibleAccount:before {
  content: "\f06e";
}
.member-account .passwordVisibleAccount.close-eye:before {
  content: "\f070";
}
.member-account .login-forget,
.login-new {
  color: #1f2b6c;
  text-decoration: underline !important;
}
.member-account .form-control.error {
  border-color: #dc3545;
}
.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(14%) sepia(79%) saturate(5777%)
    hue-rotate(244deg) brightness(68%) contrast(103%);
}
.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;
  }
}
.back-button {
  color: #2e2e2e;
  transition: 0.3s;
}
.back-button:hover {
  color: #1f2b6c;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border-style: inherit;
}
table {
  caption-side: inherit !important;
  border-collapse: inherit !important;
}

.grecaptcha-badge {
  display: none;
}
.yerIcerik {
  width: 100%;
  min-height: 20rem;
}

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