@charset "utf-8";
/* CSS Document */

.banner-4 {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  height: 900px;
}
.our-sponsor-area .single-sponsor a img {
    width: 250px;
}
.single-sponsor{
    background-color: #ffffff;
    padding: 5px;
}
.partner_alan{
    border: solid 2px #002570;
    padding: 10px;
    margin: 10px 0px;
}
.partner_alan_cercevesiz{
    border: none;
    padding: 10px;
    margin: 10px 0px;
}
.classy-navbar .nav-brand {
    padding-top: 47px;
}


@media only screen and (max-width: 767px) {
  .banner-4 {
    height: 700px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-4 {
    height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-4 {
    height: 700px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-4 {
    height: 750px;
  }
}

.banner-4::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}

.banner-4::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* welcome img */
  background-size: cover;
  background-attachment: fixed;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  -webkit-animation: increase 60s linear 10ms infinite;
  animation: increase 60s linear 10ms infinite;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: -2;
  background-position: center center;
  width: 100%;
  height: 900px;
}

@media only screen and (max-width: 767px) {
  .banner-3::before {
    height: 700px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-3::before {
    height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-3::before {
    height: 700px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-3::before {
    height: 750px;
  }
}
.heading-title h2 {
    text-transform: unset;
}

.heading-title p {
    text-transform: unset;
}

.ikon{
    width: 40px !important; 
    display: inline-block !important;
}

.beyaz_yazi{
    color: #ffffff;
}

/*Renkler*/
.header-area.sticky {
    background-color: #B3B3B3;
}
.classy-nav-container .classy-navbar .classynav ul li a {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}

.classy-nav-container .classy-navbar .classynav ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li a:active {
    color: #002570;
    text-shadow: none;
}
.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a {
    color: #B3B3B3;
}

.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:hover {
    color: #002570;
}
#scrollUp {
    background-color: #002570;
}
.onita-btn-3 {
    background-color: #002570;
}
.onita-btn-3:hover {
    background-color: #B3B3B3;
    border: 1px solid #B3B3B3;
}
.onita-btn {
    background-color: #002570;
}
.onita-btn:hover {
    background-color: #B3B3B3;
    border: 1px solid #B3B3B3;
}
.bg-primary-cu {
    background-color: #002570 !important;
}
.blog-btn a {
    background-color: #002570;
}
.footer-contact-icon a {
    background-color: #002570;
}
.footer-contact-icon a:hover {
    background-color: #ffffff;
    color: #002570;
}
#preloader {
  background-color: #002570;
}
.breadcrumb-content .breadcrumb .breadcrumb-item a:hover, .breadcrumb-content .breadcrumb .breadcrumb-item a:focus {
    color: #B3B3B3;
}
.breadcrumb-content {
    background-color: #9999998f;
}
a, a:active, a:focus, a:hover {
    color: #002570;
}
.gallery-content-single .gallery-text h4 a:hover {
    color: #B3B3B3;
}
.form-text-area:focus, .form-control:focus {
    border-color: #002570;
}
.single-contact-info .icon {
    color: #002570;
}




/*Genel*/
.breadcrumb-content .breadcrumb .breadcrumb-item {
    margin: unset;
}
figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.6); /* Alt yazının arka plan rengi */
    color: #fff; /* Yazı rengi */
    padding: 10px;
}
.mfp-title {
    font-size: 14px;
    color: #fff;
}

.mfp-counter {
    font-size: 12px;
    color: #ccc;
    margin-top: 5px;
}

.mfp-bottom-bar {
    display: contents !important;
}
.gallery-content-single .gallery-text h4 a {
    text-transform: unset;
}






/*Ekranlar*/

@media only screen and (max-width: 2560px) {

}

@media only screen and (max-width: 1920px) {

}

@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 1024px) {

} 

@media only screen and (max-width: 991px) {

}





@media only screen and (max-width: 767px) {


}


@media only screen and (max-width: 575px) {

}

@media only screen and (max-width: 527px) {

}



@media only screen and (max-width: 450px) {

}

@media only screen and (max-width: 425px) {

}



@media only screen and (max-width: 410px) {

}

@media only screen and (max-width: 375px) {


}

@media only screen and (max-width: 358px) {

}

@media only screen and (max-width: 320px) {

}