/*
    Web Design + Frontend : Volkan SAĞLIK
*/
/*
font-family: 'Inter', sans-serif; 300 / 400 / 500 / 600
font-family: 'Roboto', sans-serif; 300 / 400 / 500 / 700
font-family: 'Rubik', sans-serif; 300 / 400 / 500 / 600
*/



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&family=Rubik:wght@300;400;500;600&display=swap');

/***************
    reset
***************/
*,
*::before,
*::after{box-sizing: border-box}
html,body{margin:0;padding:0;line-height:1.15;font-size: 13px;font-family: 'Roboto', sans-serif;}
a{text-decoration:none}
h1,h2,h3,h4,h5{margin: 0;padding: 0;font-family:'Inter', sans-serif; font-weight: 600;}
p, span{margin: 0;padding: 0;}
dl, ol, ul{list-style:none;padding: 0;margin: 0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
img{width: 100%;}




/***************
    design system
***************/

:root{

    --bgColor:#EDF0F7;
    --borderColor: #E6EAF3;
    --whiteColor:#fff;
    --textColor:#555;
    --blackColor:#000;
    --titleColor:#231F20;
    --lightColor:#aaa;
    --redColor:#EE303A;
        --red100:#fee2e3;
        --red400:#f97077;
        --red500:#f0434c;
        --red600:#dd252e;
        --red700:#ba1b23;
        --red800:#9a1a20;
        --red900:#801c21;
    --orangeColor:#ED8C51;
    --radius6:6px;
    --radius10:10px ;
    --boxShadow: 0px 5px 5px rgba(102,102,102,0.15);
    --transition:all .7s ease;
}


.h1 {font-size: 40px}
.h2 {font-size: 32px}
.h3 {font-size: 24px}
.h4 {font-size: 20px}
.h5 {font-size: 18px}

/***************
    topBar
***************/
#topBar{position: relative; background-color: var(--bgColor); height: 50px;}
#topBar ul{display: flex;height: 50px}
#topBar ul li{display: flex;border-right: 1px solid var(--borderColor);padding:0 24px}
#topBar ul li:first-child{padding-left: 0}
#topBar ul li:last-child{margin: 0; border-right: none}
#topBar ul li p{color: var(--blackColor);font-size: 15px; font-weight:500; display: flex;}
#topBar ul li p i{padding-right: 12px;margin-top: -4px}
#topBar ul li p a{color: var(--blackColor);display: flex;align-items: center;}


/***************
    head
***************/
#head{position: relative;box-shadow: inset 0 -10px 15px -8px rgba(230, 234, 243, 0.7);}
.headBar{display: flex;height: 100px; align-items: center; justify-content: space-between}
.headLogo{position: relative}
.headLogo img{}
.headRight{position: relative}
.headRight ul:first-child{display: flex;align-items: center}
.headRight ul li{display: flex;align-items: center;margin: 0 10px;}
.headRight ul li:first-child{margin-left: 0;background-color: var(--bgColor);height:50px;cursor:pointer;padding: 0 20px}
.headRight ul li:last-child{margin-right: 0}
.headRight ul li p, .headRight ul li span {font-size: 18px; font-weight: 500; color: var(--blackColor)}
.headRight .linkBg {background-color: var(--bgColor);padding: 0 15px; height: 50px;border: 1px solid var(--borderColor);display: flex;align-items: center;justify-content: center}
.headRight .linkBg i {font-size: 1.5rem;color: var(--blackColor)}
.headRight ul li .iconKapi{font-size: 1.5rem;padding-right: 12px}
.headRight .linkBg img {width: 35px}



/***************
    search
***************/
.modal h3{display:flex;font-size:1.3rem!important;align-items: center}
.modal h3 i {padding-right: 5px}
.modal-header .btn-close{background-color:var(--redColor);color:var(--whiteColor);background-image:none;width:60px;height:60px;padding:0;margin:0;opacity:1;border-radius:var(--radius6);transition:var(--transition);display:flex;align-items:center;justify-content:center}
.modal-header .btn-close span{font-size:2.2rem}
.modal-header .btn-close:hover{background-color:var(--textColor)}
.modal-header .btn-close i{font-size:1.5rem}
.modal-header{padding:2rem}
.modal-footer{background-color:var(--borderColor)}
#search-box{position:relative;margin-top:2rem}
#search-box input{padding:1.25rem;border-color:var(--borderColor)}
#search-box .btn{display:flex;padding:1.7rem;border:1px solid var(--borderColor);transition:var(--transition)}
#search-box .btn i{font-size:1.5rem}
#search-box .btn:hover{background-color:var(--textColor);color:var(--whiteColor)}
.line1{border:1px solid var(--bgColor);width:100%;margin:8rem 0 3rem}
.searchList ul li{margin:10px 0}
.searchList ul li a{color:var(--textColor);font-size:.95rem;font-weight:400;display:block;padding:1.1rem 1rem;transition:var(--transition);border:1px solid var(--borderColor);border-left:4px solid var(--borderColor);border-radius:var(--radius6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.searchList ul li a:hover{background-color:var(--borderColor)}



/***************
    head
***************/
#hbvNavbar{position:relative;background-color:var(--whiteColor);padding:5px 0}
#hbvNavbar ul{justify-content:space-between;align-items:center;width:100%}
#hbvNavbar .nav-link{font-size:17px;color:var(--blackColor);font-weight:600}
#hbvNavbar .dropdown-menu{border:none;border-radius:0;width:auto;padding:16px 10px 10px}
#hbvNavbar .dropdown-menu li{}
#hbvNavbar .dropdown-item:focus,#hbvNavbar .dropdown-item:hover{background-color:var(--borderColor)}
#hbvNavbar .dropdown-item:focus a,#hbvNavbar .dropdown-item:hover a{color:var(--blackColor)}
#hbvNavbar .dropdown-menu li a{font-size:14px;color:var(--titleColor);padding:10px}
#hbvNavbar .navbar-nav li.nav-item:hover a.nav-link{color:var(--red600)}
#hbvNavbar .navbar-toggler:focus{box-shadow: unset}


/***************
    slide container
***************/
#slideContent{background-image:url(../image/slideBg.jpg);height:645px;background-size:cover;background-repeat:no-repeat}
#searchForm{position:relative;padding-top:40px}
.homeSearchForms{background-color:var(--whiteColor);border-radius:var(--radius6);box-shadow:0 0 20px -5px rgba(0,0,0,0.5)}
.homeSearchForms ul{display:flex}
.homeSearchForms ul li{position:relative;height:80px}
.homeSearchForms ul li .form-select,.homeSearchForms ul li input{border:none;border-top-right-radius:unset;border-bottom-right-radius:unset;height:100%;font-size:1.2rem;padding:0 20px;color:var(--lightColor)}
.homeSearchForms ul li.w-1{width:10%}
.homeSearchForms ul li.w-1 .searchBtn{height:100%;width:100%;background-color:var(--red700);color:var(--whiteColor);border-top-left-radius:0;border-bottom-left-radius:0;display:flex;justify-content:center;align-items:center}
.homeSearchForms ul li.w-1 .searchBtn:active{border:transparent}
.homeSearchForms ul li.w-1 .searchBtn:hover{background-color:var(--red800)}
.homeSearchForms .searchBtn i{font-size:2.3rem}
.homeSearchForms ul li.w-3{width:30%}
.homeSearchForms ul li.w-6{width:60%}
.homeSearchForms ul li .form-control:focus,.homeSearchForms ul li .form-select:focus{box-shadow:unset;border:unset}
.homeSearchForms ul li .form-select,.homeSearchForms ul.default_option p{font-family:'Inter',sans-serif;font-weight:600;font-size:1.3rem;cursor:pointer;padding:0 25px;color:var(--titleColor)}
.homeSearchForms ul li:nth-child(1):after,.homeSearchForms ul li:nth-child(2):after{content:"";position:absolute;z-index:1;border-right:1px solid var(--borderColor);display:block;top:15%;right:0;height:70%}


/***************
    form select
***************/
#select1,#select2,#select3{display:block;width:100%}
.homeSearchForms ul.default_option li:nth-child(1):after,.forms ul.default_option li:nth-child(1):after{content:unset}
.homeSearchForms .select_wrap{position:relative;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 25px}
.homeSearchForms .select_wrap .default_option,.forms .select_wrap .default_option{position:relative;cursor:pointer;width:100%;height:70px;display:flex}
.homeSearchForms .select_wrap .default_option li,.forms .select_wrap .default_option li{justify-content:center;align-items:center;display:flex}
.homeSearchForms .select_wrap .default_option li p{font-size:1.2rem;font-weight:500}
.homeSearchForms .select_wrap .select_ul li p,.forms .select_wrap .select_ul li p{font-weight:500;font-size:13px}
.homeSearchForms .select_wrap .select_ul li .option p,.forms .select_wrap .select_ul li .option p{font-weight:400}
.homeSearchForms .select_wrap .default_option:before,.forms .select_wrap .default_option:before{content:"";position:absolute;top:30px;right:25px;width:10px;height:10px;border:2px solid;border-color:transparent transparent #555 #555;transform:rotate(-45deg)}
.homeSearchForms .select_wrap .select_ul,.forms .select_wrap .select_ul{z-index:990;position:absolute;top:70px;left:0;width:100%;background:var(--whiteColor);display:none;border:1px solid var(--borderColor);box-shadow:0 5px 20px rgba(0,0,0,.12)}
.homeSearchForms .select_wrap .select_ul li,.forms .select_wrap .select_ul li{padding:0 15px;cursor:pointer;height:50px;display:flex;transition:var(--transition)}
.homeSearchForms .select_wrap .select_ul li,.forms .select_wrap .select_ul li{border-bottom:1px solid var(--borderColor)}
.homeSearchForms .select_wrap .select_ul li:last-child:hover,.forms .select_wrap .select_ul li:last-child:hover{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.homeSearchForms .select_wrap .select_ul li:hover,.forms .select_wrap .select_ul li:hover{background-color:var(--bgColor)}
.homeSearchForms .select_wrap .option,.forms .select_wrap .option{display:flex;align-items:center}
.homeSearchForms .select_wrap.active .select_ul,.forms .select_wrap.active .select_ul{display:block}
.homeSearchForms .select_wrap.active .default_option:before,.forms .select_wrap.active .default_option:before{top:35px;transform:rotate(-225deg)}
.forms .select_wrap{position:relative;user-select:none;background:var(--borderColor);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 25px}
{position:relative;cursor:pointer;width:100%;height:70px;display:flex}
.forms .select_wrap .default_option li p{font-size:1.1rem;font-weight:500;line-height:1.5rem}
.forms .select_wrap .default_option:before{top:25px;right:25px}



/***************
    modal search
***************/
    .modal-SearchForms{background-color:var(--whiteColor);border-radius:var(--radius6)}
    .modal-SearchForms ul{display:block}
    .modal-SearchForms ul li{position:relative;height:50px;width:100%;border:1px solid var(--borderColor);margin-bottom:10px}
    #search-box .modal-SearchForms .btn{padding:10px;transition:var(--transition);width:100%;background-color:var(--borderColor);text-align:center;display:flex;justify-content:center;font-size:1.3rem;font-weight:600}
    #search-box .modal-SearchForms .btn:hover{background-color:var(--textColor)}
    .modal-SearchForms ul li:last-child{border:unset}
    .modal-SearchForms ul li .form-select,.modal-SearchForms ul li input{border:none;height:100%;font-size:1.1rem;padding:0 20px;color:var(--lightColor)}
    .modal-SearchForms ul li .searchBtn:active{border:transparent}
    .modal-SearchForms ul li .form-control:focus,.modal-SearchForms ul li .form-select:focus{box-shadow:unset;border:unset}
    .modal-SearchForms ul li .form-select{font-family:'Inter',sans-serif;font-size:1.1rem;cursor:pointer;padding:0 25px;color:var(--titleColor)}


/***************
    slider
***************/
#sliderS{position:relative;margin-top:40px;padding-bottom:50px}
#owl-hbv .item img{display:block;width:100%;height:auto}
#owl-hbv .item{position:relative}
#owl-hbv .item:before{content:"";background:#000;background:linear-gradient(0deg,rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);height:150px;position:absolute;bottom:0;left:0;width:100%}
#owl-hbv .item h3{position:absolute;bottom:40px;color:var(--whiteColor);text-align:center;width:100%;font-size:2rem;line-height:1.5;letter-spacing:.15rem;text-shadow:0 5px 20px rgba(0,0,0,.6);text-wrap:balance}
#owl-hbv .item h3 a{color:var(--whiteColor)}
#owl-hbv .owl-theme .owl-nav{margin:0}
#owl-hbv .owl-nav .owl-next{position:absolute;top:0;color:#fff!important;right:25px;height:100%}
#owl-hbv .owl-nav .owl-prev{position:absolute;top:0;color:#fff!important;left:25px;height:100%}
.menu.fixed{position:fixed!important;z-index:999;top:0;left:0;width:100%;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.owl-theme .owl-nav [class*=owl-]:hover{background:unset!important}


/***************
    fast link
***************/
#fastLink{position:relative;margin-top:105px}
.fastLinkItem{position:relative;border-top:1px solid var(--borderColor);border-bottom:1px solid var(--borderColor);border-right:1px solid var(--borderColor)}
.fastLinkItem a{font-family:'Inter',sans-serif;font-weight:600;color:var(--titleColor);display:inline-block;height:100%;width:100%;text-align:center;line-height:70px;font-size:16px;transition:var(--transition)}
.fastLinkItem:hover a{color:var(--whiteColor);transition:var(--transition)}
.red900,.red800,.red700,.red600,.red500,.red400{position:relative}
.red900::before,.red800::before,.red700::before,.red600::before,.red500::before,.red400::before{content:"";position:absolute;left:0;height:100%;width:5px}
.red900::before{background-color:var(--red900)}
.red800::before{background-color:var(--red800)}
.red700::before{background-color:var(--red700)}
.red600::before{background-color:var(--red600)}
.red500::before{background-color:var(--red500)}
.red400::before{background-color:var(--red400)}
.red900{background:linear-gradient(var(--red900),var(--red900)) no-repeat;background-size:0;transition:var(--transition)}
.red800{background:linear-gradient(var(--red800),var(--red800)) no-repeat;background-size:0;transition:var(--transition)}
.red700{background:linear-gradient(var(--red700),var(--red700)) no-repeat;background-size:0;transition:var(--transition)}
.red600{background:linear-gradient(var(--red600),var(--red600)) no-repeat;background-size:0;transition:var(--transition)}
.red500{background:linear-gradient(var(--red500),var(--red500)) no-repeat;background-size:0;transition:var(--transition)}
.red400{background:linear-gradient(var(--red400),var(--red400)) no-repeat;background-size:0;transition:var(--transition)}
.fastEffect:hover{background-size:100%}


/***************
    news
***************/
#news{position:relative;margin-top:50px}
#news:before{content:'';background-image:url(../image/background-1.png);background-repeat:no-repeat;position:absolute;top:-50px;left:0;height:596px;z-index:-1;width:100%}
.newsBaslik{display:flex;justify-content:space-between;margin-bottom:24px;align-items:center}
.newsBaslik h2{font-size:22px;font-weight:700;color:var(--blackColor)}
.newsBaslik a.newsBtn{border:1px solid var(--borderColor);color:var(--titleColor);background:var(--whiteColor);font-family:'Roboto',sans-serif;font-size:14px;height:40px;width:150px;display:flex;justify-content:center;align-items:center;font-weight:500;transition:var(--transition)}
.newsBaslik a.newsBtn:hover{background:var(--bgColor);border-color:var(--bgColor)}
#news .owl-carousel .owl-item{padding:10px 1px}
.newsItem{position:relative;overflow:hidden;background-color:var(--whiteColor);box-shadow:0 0 10px #4f4f4f29;padding:15px;border-radius:var(--radius6);transition:var(--transition);border:1px solid var(--whiteColor)}
.newsItem p.newsDate{color:var(--lightColor);font-size:1.1rem;font-family:'Inter',sans-serif;font-weight:600;margin-bottom:15px;transition:var(--transition)}
.newsItem .item-title{display:block;border-bottom:1px solid var(--borderColor);padding-bottom:15px}
.newsItem .item-title a{display:flex;align-items:center;font-size:14px;font-family:'Roboto',sans-serif;line-height:20px;color:var(--titleColor)}
.newsBottom{margin-top:20px;display:flex;justify-content:space-between;align-items:center}
.newsBottom a{font-size:1.1rem;font-weight:600;transition:var(--transition)}
.newsBottom a.duyuru-href{color:var(--red700)}
.newsBottom a.haber-href{color:var(--orangeColor)}
.newsBottom a.etkinlik-href{color:var(--red400)}
.newsBottom i{font-size:1.3rem;color:var(--lightColor);transition:var(--transition)}
.newsItem:hover{box-shadow:none;border:1px solid var(--borderColor)}
.newsItem:hover i.newsIcon{color:var(--blackColor)}
.newsItem:hover p.newsDate{color:var(--textColor)}
.newsItem:hover .newsBottom a{color:var(--blackColor)}
#news .owl-nav{position:absolute;top:-79px;right:175px}
#news .owl-nav .owl-next,#news .owl-nav .owl-prev{height:40px;width:60px;border:1px solid var(--borderColor);display:inline-flex;justify-content:center;align-items:center;transition:var(--transition);background-color:unset}
#news .owl-nav .owl-next span,#news .owl-nav .owl-prev span{font-size:2rem;color:var(--blackColor)}
#news .owl-nav .owl-next:hover,#news .owl-nav .owl-prev:hover{background-color:var(--borderColor)!important}









/***************
    home Detailng
***************/
#homeDetailng{position:relative;margin-top:50px;padding-bottom:30px}
.home-siluet-top{position:absolute;display:flex;justify-content:center;top:10px}
.home-siluet-top span{color:var(--orangeColor);font-size:72px;font-weight:600;opacity:.125;font-family:'Rubik',sans-serif}
.home-siluet-bottom{position:absolute;display:flex;justify-content:center;bottom:-60px;z-index:-1}
.home-siluet-bottom img{width:auto}
.homeLeft,.homeRight{margin-top:120px}
.homeCenter{position:relative}
.homeCenter img{width:114%;margin:45px 0 0 -30px}
.homeItem{border:1px solid var(--borderColor);border-radius:var(--radius6);padding:1rem;transition:var(--transition)}
.homeItem:first-child{margin-bottom:40px}
.homeItem:hover .homeIcon{background:transparent}
.homeItemTop{display:inline-flex;align-items:center;justify-content:center;width:100%;padding-bottom:15px}
.homeIcon{border-radius:50%;background:var(--bgColor);border:1px solid var(--borderColor);width:70px;height:70px;display:flex;justify-content:center;align-items:center;transition:var(--transition)}
.homeIcon i{font-size:2rem}
.homeTitle{font-family:'Roboto',sans-serif;font-size:17px;color:var(--blackColor);padding-left:15px;font-weight:500}
.homeItem p{font-family:'Roboto',sans-serif;font-size:13px;font-weight:400;line-height:1.5;text-wrap:balance;text-align:center}


/***************
    counter
***************/
#counterS{padding:50px;position:relative;background-image:url(../image/counterBg.jpg);background-repeat:no-repeat;background-size:cover}
.counter-item{position:relative;display:flex;flex-direction:column;align-items:center}
.counter-img{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-bottom:20px}
.counter-img:hover span{color:var(--blackColor)}
.counter-img img{width:auto}
.counter-img i{position:absolute;font-size:4rem;color:var(--orangeColor);transition:var(--transition)}
.counter-number{position:relative;text-align:center}
.counter-number p{color:var(--whiteColor);font-family:'Inter',sans-serif;font-weight:500;font-size:1.5rem;padding-bottom:10px}
.counter-number span{color:var(--orangeColor);font-family:'Inter',sans-serif;font-weight:600;font-size:2rem}
#mapS{position:relative;width:100%;height:400px}


/***************
    footer
***************/

#footer{position:relative;background:var(--red700)}
#footer:before{content:"";background-image:url(../image/footer-bg.jpg);background-repeat:no-repeat;top:0;right:0;width:477px;height:300px;position:absolute;z-index:0}
.footer-top{background-color:var(--whiteColor);border-radius:var(--radius6);position:relative;z-index:10;margin-top:-50px;padding:20px 0;box-shadow:0 5px 10px rgba(107,11,16,.35)}
.footer-top img{width:auto;height:60px}
.footer-top ul{display:flex;width:100%}
p.footer-contact{display:inline-flex}
.footer-top ul li{line-height:1.5;font-family:'Rubik',sans-serif}
.footer-top ul li p.footer-contact span:first-child{border-right:1px solid var(--borderColor);padding-right:10px}
.footer-top ul li p.footer-contact span:last-child{padding-left:10px}
.footer-top ul li p{font-size:14px}
.footer-top ul li i {font-size: 1.5rem}
.footer-top ul li p.footer-contact{font-weight:400;padding:0 10px;font-size:15px}
.footer-top ul li:nth-child(1),.footer-top ul li:nth-child(2){border-right:1px solid var(--borderColor)}
.footer-top ul li:nth-child(1){display:flex;align-items:center;width:35%;justify-content:center}
.footer-top ul li:nth-child(2){width:25%;display:flex;justify-content:center;align-items:center}
.footer-top ul li:nth-child(3){display:flex;align-items:center;width:40%;padding:0 10px 0 20px}
.footer-top ul li:nth-child(3) p{padding-left:10px}
.footer-items{position:relative}
.footer-items ul{}
.footer-items ul h4{color:var(--whiteColor);font-size:1.5rem;font-family:'Rubik',sans-serif;letter-spacing:2px;font-weight:500;margin-bottom:15px}
.footer-items ul li{font-family:'Rubik',sans-serif;font-weight:400;font-size:12px;color:var(--textColor)}
.footer-items ul li{line-height:2;transition:var(--transition)}
.footer-items ul li:hover{margin-left:5px}
.footer-items ul li a{color:rgba(251,192,192,0.85);font-size:15px;transition:var(--transition)}
.footer-items ul li:hover a{color:var(--whiteColor)}
.footer-bottom{background-color: var(--red900);padding: 15px 0;margin-top: 20px}
.footer-bottom p {color: var(--whiteColor);font-size: 15px;font-family: 'Rubik', sans-serif; text-align: center;font-weight: 300;line-height: 1.5}
.footer-bottom p a {color: var(--whiteColor)}


/***************
    single-Bg
***************/
.single-Bg{background-image:url(../image/slideBg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:200px;width:100%}
.single-title{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}
.single-title h2{color:var(--whiteColor);font-size:2.1rem;letter-spacing:2px;font-weight:500;margin-bottom:10px}
.single-bread a,.single-title .breadcrumb-item+.breadcrumb-item::before{color:var(--whiteColor);font-size:1.2rem;font-weight:300}
.single-title .breadcrumb-item.active{color:#fecacd;font-size:1.2rem;font-weight:300}
.single-title ol.breadcrumb{margin-bottom:0}


/***************
    singleContent
***************/

#singleContent{position:relative;background-color:var(--bgColor);}
.single-page{position:relative;background-color:var(--whiteColor);border-bottom:5px solid var(--borderColor);margin:40px 0 100px;padding:15px}
.text-setting{position:fixed;top:455px;left:0;z-index:99;background-color:var(--whiteColor);box-shadow: 5px 0 20px 0 rgba(0, 0, 0, .15)}
.text-setting ul{display:flex;flex-direction:column}
.text-setting ul li{height:60px;width:60px;display:inline-flex;border-bottom:1px solid var(--borderColor);position:relative}
.text-setting ul li:last-child{border-bottom:unset}
.text-setting ul li button,.post-share button{background:unset;border:unset;display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.text-setting ul li button i{font-size:1.5rem}

.single-detail{position:relative}
.single-detail img{margin-bottom:15px}
.single-detail p,.single-detail a,.single-detail li,.single-detail span{font-family:'Roboto',sans-serif;line-height:1.7rem;color:var(--textColor)}
.single-detail p{margin-bottom:20px;line-height:26px}
.single-detail h1,.single-detail h2,.single-detail h3,.single-detail h4,.single-detail h5{margin-bottom:15px}
.single-detail a,.single-detail ul li p a{color:var(--red700);font-weight:500}
.single-detail ul{display:block}
.single-detail ul li{background-color:var(--bgColor);padding:10px;border-radius:var(--radius6);margin-bottom:15px}
.single-detail ul li p{margin:0}

.menuShare{cursor:pointer;position:relative;width:100%}
.menuShare .share{display:flex;align-items:center;justify-content:center}
.menuShare .share ul li i{height:60px;width:60px;text-align:center;line-height:58px;background-color:#fff;border-radius:2px}
.menuShare .share:hover.right .submenu li:nth-child(1){opacity:1;left:60px;transform:rotate(0deg);transition-delay:.08s;border-left:1px solid var(--borderColor)}
.menuShare .share:hover.right .submenu li:nth-child(2){opacity:1;left:120px;transform:rotate(0deg);transition-delay:.16s;border-left:1px solid var(--borderColor)}
.menuShare .share:hover.right .submenu li:nth-child(3){opacity:1;left:180px;transform:rotate(0deg);transition-delay:.24s;border-left:1px solid var(--borderColor)}
.menuShare .submenu{list-style-type:none;padding:0;margin:0}
.menuShare .submenu li{transition:all ease-in-out .5s;position:absolute;top:0;left:0;z-index:-1;opacity:0}
.menuShare .submenu li a{color:#212121}
.menuShare .submenu li a:hover i {color:#fff}
.menuShare .submenu li a:hover.facebook i{background-color:#3b5999}
.menuShare .submenu li a:hover.twitter i{background-color:#55acee}
.menuShare .submenu li a:hover.instagram i{background-color:#e4405f}

.single-sidebar{position:relative;background-color:var(--whiteColor);margin:40px 0 25px;border-bottom:5px solid var(--borderColor)}
.singleSidebar-title{height:60px;border-left:8px solid var(--red700);position:relative}
.singleSidebar-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--borderColor)}
.singleSidebar-title h5{color:var(--blackColor);font-weight:600;font-size:1.4rem;line-height:60px;padding-left:15px}
.single-sidebar ul, .single-sidebar ul.news-list {padding:0 15px 0 25px;margin:10px 0}
.single-sidebar ul li{padding:10px 0}
.single-sidebar ul li a, .single-sidebar ul.news-list li a{color:var(--textColor);font-size:14px;line-height:1.5;transition:var(--transition)}
.single-sidebar ul li a:hover, .single-sidebar ul.news-list li a:hover{color:var(--red700)}

.single-hizli-erisim{background-color:var(--whiteColor);border:1px solid var(--borderColor);display:flex;align-items:center;margin-bottom:25px;padding:15px}
.icon-img{padding-right:5%}
.icon-img i{font-size:4rem;color:var(--lightColor);opacity:.4}
.erisim-text{display:flex;flex-direction:column;text-align:right}
.erisim-text a h4{color:var(--red700);font-size:1.4rem;padding-bottom:10px}
.erisim-text p{color:var(--textColor);font-size:13px}


/***************
    news
***************/
.news-title{background-color:var(--borderColor);padding:15px 10px;border-left:8px solid var(--red700);margin-bottom:15px}
.news-title h3{color:var(--blackColor);font-size:20px;line-height:1.5}
.single-sidebar ul.news-list li{border-bottom:1px solid var(--borderColor);padding:15px 0}
.single-sidebar ul.news-list li:last-child{border-bottom:unset}
.sidebar-all{height:50px;background-color:var(--red700);transition:var(--transition)}
.sidebar-all:hover{background-color:var(--red900)}
.sidebar-all a{color:var(--whiteColor);display:inline-block;height:100%;width:100%;padding:15px 0;text-align:center;font-weight:500;font-size:15px;letter-spacing:1px}


/***************
    scroll up
***************/
#btn-back-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;display:none;background-color:var(--red800);color:var(--whiteColor);z-index:999;border-radius:50%;transition:var(--transition)}
#btn-back-to-top:hover{background-color:var(--textColor)}


/***************
    fullSingle
***************/

#fullSingle{position:relative;background-color:var(--bgColor)}
.allSingle-table{font-size:14px;position:relative;background-color:var(--whiteColor);border-bottom:5px solid var(--borderColor);margin:40px 0 100px;padding:15px}
.allSingle-table table,.allSingle-table table tr a{color:var(--textColor)}
.allSingle-table .table>:not(caption)>*>*{padding:1.5rem 1rem}
.allSingle-table table tr th,.allSingle-table table tr td{text-align:center}
.allSingle-table table tr th:nth-child(2),.allSingle-table table tr td:nth-child(2){text-align:start}
.allSingle-table table tr:hover a{color:var(--blackColor)}
.all-tag{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:6px 10px;border:1px solid var(--borderColor);background:var(--bgColor);color:var(--textColor);font-size:13px;font-weight:500;line-height:1}
.all-tag-danger{border-color:var(--red700);background:var(--red700);color:var(--whiteColor)}
h2.boxIn-title{background-color:var(--borderColor);padding:15px 10px;font-size:1.5rem;color:var(--blackColor);margin-bottom:15px;text-align:center;line-height:1.5}
.table-pagitation{display:flex;align-items:center;justify-content:space-between;background-color:var(--borderColor);padding:10px}
.total-news{background-color:var(--whiteColor);padding:15px;font-size:15px}
.total-news span{color:var(--red700);font-weight:600}


.paginationList{position:relative}
.paginationList .page-link{color:var(--textColor);padding:15px 20px}
.paginationList .page-link:hover{background-color:var(--red700);color:var(--whiteColor)}
.paginationList .disabled>.page-link,.paginationList .page-link.disabled{background-color:var(--bgColor);border-radius:unset}
.paginationList .page-item:last-child .page-link{border-radius:unset}
.table-hover>tbody>tr:hover>*{background-color:var(--bgColor)}
.paginationList .active>.page-link,.paginationList .page-link.active{background-color:var(--red900);border-color:unset;color:var(--whiteColor)}


#accordionHbv{border:1px solid var(--borderColor);margin:40px 0 50px}
#accordionHbv .accordion-body{background-color:var(--borderColor)}
#accordionHbv .accordion-body .table{background-color:var(--whiteColor);margin:0}
#accordionHbv .accordion-button:not(.collapsed){background-color:var(--red600);color:var(--whiteColor)}
#accordionHbv .accordion-button:hover,#accordionHbv .accordion-button.collapsed:hover{background-color:var(--red600);color:var(--whiteColor)}
#accordionHbv .accordion-button,#accordionHbv .accordion-button.collapsed{font-size:15px;font-weight:500;padding:20px 15px;line-height: 1.5}
#accordionHbv .accordion-button:focus{box-shadow:unset}
#accordionHbv table i{font-size:2rem;color:var(--red600)}
#accordionHbv .accordion-button::after{background-image:unset;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f107"}


/***************
    erorPage
***************/

#erorPage{position:relative;background-color:var(--bgColor);padding-bottom:40px}
.hataSayfasi{position:relative;display:flex;flex-direction:column;align-items:center;padding:40px 0}
.hataSayfasi h2{color:var(--red700);font-size:2rem}
.hataSayfasi p{font-size:1.3rem;color:var(--textColor);text-align:center;margin:20px 0;line-height:1.5;font-weight:400}
.hataSayfasi .error{background-color:var(--red600);color:var(--whiteColor);padding:10px 40px;font-size:1.5rem;font-weight:400;transition: var(--transition)}
.hataSayfasi .error:hover{background-color:var(--red900)}
.hataSayfasi img{width:70%;margin-top:40px}


/***************
    fullPage
***************/

#fullPage{position:relative;background-color:var(--bgColor);padding:40px 0 100px}
.default-full{position:relative;background-color:var(--whiteColor);border-bottom:5px solid var(--borderColor);padding:15px}
.contact-title{position:relative}
.contact-title h2{background-color:var(--borderColor);padding:15px 10px;font-size:1.5rem;color:var(--blackColor);margin-bottom:15px;text-align:center;line-height:1.5}
.contact-detail{position:relative}
.contact-detail ul{display:block}
.contact-detail ul li{display:flex;align-items:center;margin-bottom:10px}
.contactDetail-icon{background-color:var(--borderColor);width:70px;height:60px;display:flex;align-items:center;justify-content:center}
.contactDetail-icon i{font-size:1.5rem;color:var(--textColor)}
.contactDetail-text{color:var(--blackColor);font-size:14px;width:100%;margin-left:20px}
.contactDetail-text p{font-size:14px;line-height:1.5rem;font-weight:500}
.contact-social{margin-left:20px;width:100%}
.contact-social ul{display:flex}
.contact-social ul li{margin:0 10px 0 0;width:40px;height:40px;border:1px solid var(--borderColor);border-radius:var(--radius6)}
.contact-social ul li:last-child{margin:0}
.contact-social ul li a{display:inline-block;height:100%;width:100%;text-align:center;line-height:40px;transition:var(--transition)}
.contact-social ul li a:hover{background-color:var(--bgColor);color:var(--blackColor)}
.contact-social ul li a i{color:var(--textColor)}
.contact-form{background-color:var(--bgColor);padding:15px}
.contact-form input{height:50px}
.contact-form .contact-btn{display:flex;justify-content:end;margin-top:20px}
.contact-form .contact-btn .btncontact-setting,.forms .form-btn{background-color:var(--textColor);color:var(--whiteColor);font-size:1.1rem;padding:10px 30px;transition:var(--transition)}
.contact-form .contact-btn .btncontact-setting:hover,.forms .form-btn:hover{background-color:var(--red700)}
.contact-form .form-control:focus{border-color:unset;box-shadow:unset;border:var(--borderColor)}


/***************
    forms
***************/

.forms{position:relative;margin:30px 0 40px;border:1px solid #eee;padding:25px}
.forms .form-select{background-color:var(--bgColor);padding:1.3rem 1rem;border-radius:unset;font-size:15px}
.forms form{}
.forms form label{font-weight:500;color:var(--blackColor)}
.forms form input,.forms textarea.form-control{padding:1rem;border-radius:unset;border:2px solid var(--borderColor)}
.forms .form-control:focus,.forms .form-select:focus{box-shadow:unset;border-color:var(--red100)}
.formsButton{display:flex;justify-content:end}
.forms .form-btn{border-radius:unset}


.documentLib{position:relative;margin:30px 0}
.documentLib ul{position:relative;background:var(--bgColor);width:88%;margin-left:6%;border-radius:var(--radius6);padding:10px}
.documentLib ul p{font-weight:500;font-size:1.25rem;border-bottom:1px solid var(--borderColor);margin:10px 10px 20px}
.documentLib ul li{background:var(--whiteColor);width:94%;margin-left:3%;display:flex;align-items:center}
.documentLib ul li i{font-size:2rem;padding-right:10px}
.documentLib ul li.pdf i{color:#FA0F00}
.documentLib ul li.word{color:#2b579a}
.documentLib ul li.excel{color:#217346}
.documentLib ul li a{font-size:1.1rem;color:var(--textColor);font-weight:400;transition:var(--transition)}
.documentLib ul li a:hover {color: var(--blackColor)}
.documentLib.documentLib--single{margin:35px 0 10px}
.documentLib.documentLib--single ul{margin-left:0;width:100%;padding:12px}
.documentLib.documentLib--single ul p{margin:8px 8px 14px;padding-bottom:10px;font-size:1.25rem;font-weight:500;color:var(--blackColor)}
.documentLib.documentLib--single ul li{width:100%;margin:0 0 10px 0;padding:12px 14px;border:1px solid var(--borderColor);border-radius:0;background:var(--whiteColor);display:flex;align-items:center;gap:12px}
.documentLib.documentLib--single ul li:last-child{margin-bottom:0}
.documentLib.documentLib--single ul li i{font-size:1.8rem;min-width:28px;text-align:center}
.documentLib.documentLib--single ul li a{display:block;font-size:1.05rem;line-height:1.45;font-weight:400;color:var(--textColor);word-break:break-word;overflow-wrap:anywhere}
.documentLib.documentLib--single ul li a:hover{color:var(--blackColor)}
.documentLib.documentLib--single ul li.pdf i{color:#FA0F00}
.documentLib.documentLib--single ul li.word i{color:#2b579a}
.documentLib.documentLib--single ul li.excel i{color:#217346}

.formList{display:flex}
.formList a{display:flex;justify-content:center;align-items:center;width:96%;margin-left:2%;height:60px;color:var(--blackColor);background-color:var(--bgColor);border:1px solid var(--borderColor);font-size:1.25rem;font-weight:500;transition:var(--transition)}
.formList a.active,.formList a:hover{color:var(--whiteColor);background-color:var(--red700);border:1px solid var(--red900)}
.formList .nav-item{flex:1 1 0;min-width:0}
.formList .nav-item .nav-link{
    display:flex;
    justify-content:center;
    align-items:center;
    width:96%;
    margin-left:2%;
    height:60px;
    color:var(--blackColor);
    background-color:var(--bgColor);
    border:1px solid var(--borderColor);
    border-radius:0;
    font-size:1.25rem;
    font-weight:500;
    transition:var(--transition);
}
.formList .nav-item .nav-link.active,
.formList .nav-item .nav-link:hover{
    color:var(--whiteColor);
    background-color:var(--red700);
    border:1px solid var(--red900);
}


.database-table{font-size:14px;position:relative;background-color:var(--whiteColor);border-bottom:5px solid var(--borderColor);margin:40px 0 100px;padding:15px}
.database-table table,.database-table table tr a{color:var(--textColor)}
.database-table .table>:not(caption)>*>*{height:50px;line-height:50px;margin:0;padding:0 15px}
button.active{background-color:var(--red700)!important;color:var(--whiteColor)!important}
.databaseList{}
.database-table li.nav-item{width:25%}
.databaseList table i{font-size:2rem;color:var(--red700)}
.databaseList table thead tr th:first-child{text-align:left}
.databaseList table thead tr:last-child,.databaseList table tr td:last-child{text-align:center}
.database-table .nav-link{color:var(--textColor);border:1px solid var(--borderColor);height:50px;padding:0 20px;width:96%;margin:0 2%}
.database-table .nav-item:first-child .nav-link,.database-table .nav-item:last-child .nav-link{margin:0;width:100%}
.database-btn{transition:var(--transition)}
.database-btn:hover{background-color:var(--red600);color:var(--whiteColor)}



#iletisimTab{position: relative}
#iletisimTab li.nav-item{
    width: 24%;
    background: var(--bgColor);
    margin-right: 1.3333%;
    border-radius: 0.375rem;
    overflow: hidden;
}
#iletisimTab li.nav-item:last-child{margin:0}
#iletisimTab li.nav-item .nav-link{
    width: 100%;
    background: transparent;
    border-radius: 0.375rem;
    padding: 20px;
    font-size: 1.25rem;
    color: var(--blackColor);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    border: 0;
}

@media (max-width: 991.98px){
    .formList{
        flex-wrap:wrap;
        gap:10px;
    }
    .formList .nav-item{
        flex:1 1 calc(50% - 10px);
    }
    .formList .nav-item .nav-link{
        width:100%;
        margin:0;
        font-size:1rem;
        height:52px;
    }
}
#iletisimTab li.nav-item .nav-link.active{
    background-color: var(--red700) !important;
    color: var(--whiteColor) !important;
}