@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,600;1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap');

body { font-family: 'Nunito', sans-serif;background-color: #fff;}

::-webkit-scrollbar {width: 10px}
::-webkit-scrollbar-track {background: #f1f1f1}
::-webkit-scrollbar-thumb {background: #000}
::-webkit-scrollbar-thumb {border-radius: 3px}
::-webkit-scrollbar-thumb:hover {background: #555}


/* loader */
.js div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url('../img/yukleniyor.gif') no-repeat center center;
}
/* loader  end*/

h4 {font-weight:600;font-size:1.2em;}
h5 {font-weight:600;font-size:1.0em;font-family: 'Poppins', sans-serif;}
h6 {color: #222;}
h7 {color: #001f5e; font-weight: bold;}
h8 {font-weight:600;font-size:1.8em;font-family: 'Poppins', sans-serif;color:#ac885a;}
h9 {font-weight:400;font-size:1.2em;font-family: 'Poppins', sans-serif;color:#8a8a8a;}
h12 {font-weight:600;font-size:0.9em;}
h13 {color:#555;font-size:0.8em;}
h14 {color:#222;font-size:1.4em;font-weight:bold;}

.menu_contact {color: #555;}
.menu_contact:hover {color:#ac885a;}

.img-fluid. {max-width:100%;height:auto;}
.logo_header {width:100%;max-width:150px;}

.header_size {max-width:1600px;}
.header_top {border-bottom:1px solid #000;border-top:8px solid #000;}
.header_blog {padding:4px;border:1px solid #ff550c;background-color:#ff550c;color:#fff;margin-left:12px;font-size:0.8em;}
.header_blog:hover {text-decoration:none;color:#fff;}

.language {padding:4px;border:1px solid #000;background-color:#000;color:#fff;margin-left:2px;font-size:0.8em;}
.language:hover {text-decoration:none;color:#fff;}

.home_subeler {border-top:1px solid #dadada;margin:0px;padding:0px;}
.color_seperator {width:100%; max-width:40px; border:2px solid #ac885a; background-color: #ac885a;margin:0px;padding:0px;position:absolute;}
.subeler_ic {padding:10px;}
.home_sube_img {margin-bottom:25px;}
.home_sube_line {color: #000;font-size:1.0em;font-weight:600;padding:8px;border-bottom:1px solid #000;}
.home_sube_line:hover { text-decoration:none;color: #999;}

.home_haber_blog {border-top:1px solid #dadada;margin:0px;padding:0px;}

.desktop_slider { display: block; }
.mobil_slider { display:none; }
.menu_left {margin-top:30px;}
.menu_left_title {padding:10px;font-size:0.8em;font-weight:bold;color:#001f5e;}

.dizayn_detail {font-family: 'Caveat', cursive;font-size:1.6em;}

.blog_alan {border:1px solid #efefef; border-radius:5px;padding:10px;margin-top:20px;}

.incele_btn {padding:7px 17px 7px 17px;border:1px solid #dadada;border-radius:3px;background-color:#f8f8f8;text-decoration:none;color:#222;}


/* accordion */
 .panel-group .panel {
        border-radius: 5; font-family: 'Nunito' !important; font-size:1.1em;
        box-shadow: none;
        border-color: #EEEEEE; color: #fff !important;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 8;
        color: #fff !important;
		background-color: #ff3e05;
        border-color: #EEEEEE;
    }
	


    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;   color: #fff !important;
    }

    .more-less {
        float: right;
        color: #fff;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE; color: #000; padding:20px; font-size: 0.9em;
    }


.ic_mn {color: #555;font-weight:bold;}
	


/* accordion and */


.navbar-custom {
    background-color: #fff; font-family: 'Oswald', sans-serif;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #555;
    padding: 0.8rem 1rem; border-bottom: 1px solid #f6f4ef;
}
/* change the link color and add padding for height */
.navbar-custom .navbar-nav .nav-link {
    color: #555;
    padding: 10px 15px 10px 15px; font-size: 0.9em;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #000;
	border-bottom: 1px solid #000;
}



/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #c4baa7; 
}
.navbar-custom .dropdown-item {
    color: #000; font-size: 0.8em;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #333333;
    background-color: rgba(255,255,255,.5);
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 3)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='55' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler.navbar-toggler {
  border-color: #fff;
}  

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}




@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}



/* NAVBAR END*/

.cerez-popup-box{display:none; box-sizing: border-box; position:fixed; z-index:99999; bottom:5px; right:5px; max-width:350px; text-align: center; color: blue; background:#fff; border: solid 1px #252525;}
.cerez-popup{box-sizing: border-box; position:relative; padding:15px;}
.cerez-popup-close{box-sizing: border-box; position:absolute; top:-1px; right:6px; color:#252525; cursor:pointer; font-size:18px;}
.cerez-desc{box-sizing: border-box; width:100%; height:auto; color:#252525; margin-top:10px; margin-bottom:10px;font-size:0.7em;color: blue;}
.cerez-button{box-sizing: border-box; text-align:center; width:100%; border:solid 1px #252525; color:#252525; background:#fff; cursor:pointer; padding:5px;font-size:0.7em;}

.whatsapp{bottom:0;position:fixed;right:0;z-index:999999;padding:5px;padding-left:50px;padding-right:50px;margin-bottom:5px;margin-right:5px;border-radius:5px;border:1px solid #fff;background-color:#36ab2f;color:#fff;font-size:1.0em}
.whatsapp:hover{text-decoration:none;color:#fff }

.icerik { }



.galeri_alan {padding:10px;}
.header_ust {padding:10px;}
.fp_ust { color: #002060;font-size:1.5em;text-align:left;font-family: 'Teko', sans-serif;}
.fp_tel { text-align: right;}
.telephone {text-decoration:none;padding:0px;margin-right: 10px;color:#fff;}
.telephone:hover {text-decoration:none;color:#fff;}

.telephone_iletisim {text-decoration:none;padding:0px;margin-right: 10px;color:#000;}
.telephone_iletisim:hover {text-decoration:none;color:#000;text-decoration:none;}

.yatirim-tab {padding:15px;}
.yayinlar_detail {position:absolute;bottom:30px;text-align:center;}

.home_line {color: #fff;}
.home_line:hover {text-decoration: none; color: #999;}

.haber_alan {padding:10px;}
.home_haber {background-color: #f6f6f6; padding:20px;-webkit-box-shadow: -4px 8px 12px -5px #ededed;box-shadow: -4px 8px 12px -5px #ededed;}

.home_yazi_alan {width:100%;max-width:1300px;}
.home_alan_p { background-color: #1d365e;color: #fff;}
.home_yazi_pad { padding-top:30px; padding-bottom:30px;}
.home_yazi { border-left:5px solid #fff;padding-left:15px;}
.home_yazi_1 { border-left:5px solid #64c224;padding-left:15px;}
.home_yazi_2 { border-left:5px solid #fff;padding-left:15px;}

.yayinlar { margin-top: 25px; border-top: 1px solid #001f5e;padding:7px;}

.tab-alan { margin-top: 25px;}


.footer {background-color: #3f3f3f;padding:40px;color:#fff;margin-top:50px;}
.footer_copyright {padding:15px; color: #999; font-size:0.8em;text-align: right; padding-right:25px;}
.footer_alt_copyright {font-size:0.8em;}
.footer_menu {width: 100%;color: #fff;padding:10px;}
.footer_menu:hover {text-decoration:none;border-bottom:1px solid #fff;color:#fff;} 
.footer_ust {margin-top:60px;}
.footer_kvk { text-align:right;}
.footer_blg { text-align:left;}

.breadcrumb{
    background-color: transparent;
    color: white;
}

.list-group-item-mine {
  background-color: #000; color: #fff; text-decoration: none;  font-size: 0.9em; border-color: #fff;}
  
.list-group-item-mine:hover {
  background-color: #555; color: #fff; text-decoration: none; }

.list-group-item-mine a:hover {
text-decoration: none; }


 
 @media (max-width: 768px) {
.navbar-custom {} 
.navbar-collapse {}
.navbar-custom .navbar-text {padding: 0.8rem 1rem;}
.navbar-custom .navbar-nav .nav-link {padding: 10px 15px 10px 15px; font-size: 0.9em;}
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
   
	border-bottom: 1px solid #000;
}
.desktop_slider { display: none; }
.mobil_slider { display:block; }
.logo_header {width:100%;max-width:200px;}
.footer_menu {color: #fff; padding:12px;font-size:0.9em;width:100%;text-align:center;}
.fp_ust { text-align:center;font-size:1.1em;}
.fp_tel { text-align: center;}
.menu_left {display:none;}
.footer_kvk { text-align:center;}
.footer_blg { text-align:center;}
}


.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
    background-color: #dadada;
    border-color: #dadada;
	font-size:0.8em;
	padding:5px;
	margin-left:20px;
}

 
/* Style all font awesome icons */
.fa {
  padding: 10px;
  font-size: 30px;
  width: 25px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: transparent;
  color: #999;
}

.fa-facebook:hover {
  color: #222;
}

/* Twitter */
.fa-twitter {
  background: transparent;
  color: #999;
}
.fa-twitter:hover {
  color: #222;
} 

.fa-instagram {
  background: transparent;
  color: #999;
}
.fa-instagram:hover {
  color: #222;
} 

.fa-youtube {
  background: transparent;
  color: #999;
}
.fa-youtube:hover {
  color: #222;
}