/* GLOBAL STYLES */
.btn-primary{ background-color: #63818f; }
.input-style-1{ border-radius: 10px !important; padding: 26px 15px !important; font-size: 20px; }

html{ height: 100%; }
body{ min-height: 100%; padding-top: 0px; padding-bottom: 358px; position: relative; }
header{ position: absolute; left: 0; top: 0; width: 100%; z-index: 20; font-family: 'Roboto', sans-serif; }
footer{
    background-color: #3e515a; position: absolute; left: 0; bottom: 0; width: 100%; border-radius: 60px 60px 0 0;
    box-shadow: 0 -5px 10px rgba(0,0,0,0.1);
}
footer .container{ padding: 31px 0 30px 0; text-align: center; }
footer p{ margin: 0; }
footer .text-muted{ color: #EEE; }
footer .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{ color: #EEE; }


#slide-next-bottom-2{ margin-top: 0px; margin-bottom: 0px; padding-top: 130px; padding-bottom: 120px; }
#slide-next-bottom-2 p{ font-size: 16px; margin-bottom: 15px; letter-spacing: 1px; font-weight: 100; }
#slide-next-bottom-2 p .big-char{ font-size: 22px; }

#slide-next-bottom-2 .left-wrapper{ height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#slide-next-bottom-2 .left-wrapper #baskan-resim-1{
    height: auto; width: 100%; border-radius: 100%; box-shadow: 0 0 0px 7px rgba(0,0,0,0.2);
    margin-top: 30px;
}
#slide-next-bottom-2 .left-wrapper h4{ margin-bottom: 0; margin-top: 40px; }
#slide-next-bottom-2 .left-wrapper h3{ margin-top: 10px; }

#slide-next-bottom-2 .right-wrapper{}
#slide-next-bottom-2 .right-wrapper #baskan-tabs{ border-bottom-color: #666; }
#slide-next-bottom-2 .right-wrapper #baskan-tabs > li > a{
    font-size: 16px; font-weight: 500; color: #CCC;
}
#slide-next-bottom-2 .right-wrapper #baskan-tabs > li > a:hover{ background-color: transparent; border-color: transparent transparent #666 transparent; color: #333;  }
#slide-next-bottom-2 .right-wrapper #baskan-tabs > li.active > a{
    border-color: transparent transparent #666 transparent; color: #333;
}
#slide-next-bottom-2 .right-wrapper p{}



.navbar{ border: 0; }
#main-navbar-container{ padding-left: 0; padding-right: 0; }
#main-nav{
    margin-top: 0;
    background-color: #FFF; border-radius: 0 0 150px 150px;
}
#main-nav .dropdown li a{ padding: 7px 15px; }
#main-nav .dropdown-menu{ min-width: 100px; }
/*#main-nav .container-fluid{ padding-left: 0; }*/

#main-nav > .line-1{ height: 52px; background-color: rgba(32,70,104,0.0); color: #1D687D; }
#main-nav > .line-1 .logo-text{
    font-size: 30px; margin-left: 180px; font-family: 'Exo 2'; display: inline-block; color: #333;
}
#main-nav > .line-1 .icon-text{
    display: inline-block; font-size: 16px; color: #333; margin-right: 30px;
}
#main-nav > .line-1 .icon-text:last-child{
    margin-right: 0;
}
#main-nav > .line-1 .icon-text i{ font-size: 16px; }
#main-nav > .line-1 .icon-text span{}
#main-nav > .line-1 .icon-text.social{ margin-left: 5px; margin-right: 5px; }
#main-nav > .line-1 a:hover{ text-decoration: none; }

#main-nav .line-1 .mobile-icon-wrapper{ margin-left: 39px; margin-right: auto; }
#main-nav .line-1 .mobile-icon-wrapper a{}
#main-nav .line-1 .mobile-icon-wrapper img{ height:30px; width: auto;  }


#main-nav > .line-2{ background: transparent; margin-left: 15px; margin-right: 15px; transition: .2s; }
#main-nav > .line-2 .navbar-header{ position: relative; }

#main-nav > .line-2 .navbar-brand{
    position: absolute; top: -39px; left: 0; float: none; display: inline-block;
    height: auto; width: auto; text-align: center; background: #FFF;
    border-radius: 200px; padding: 6px 0px 12px 0px;

}
#main-nav > .line-2 .navbar-brand img{ height: 110px; display: inline-block; transition-duration: 0.4s; }
#main-nav > .line-2 .clear-border{
    position: absolute; top: 110px; left: 0;
    height: 40px; width: 100%; z-index: -1; background-color: #D6D6D6;
    border-radius: 0 0 15px 15px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3), 0 3px 3px 0 rgba(0,0,0,0.1);
}

/* FIXED NAVBAR */
#main-nav.navbar-fixed-top{ box-shadow: 0 5px 10px rgba(0,0,0,0.1); }
#main-nav.navbar-fixed-top .line-1{ display: none;  }
#main-nav.navbar-fixed-top > .line-2 .navbar-brand{
    padding: 6px 0px 8px 0px;
}
#main-nav.navbar-fixed-top .navbar-brand img{
    height: 70px !important; margin-top: 40px;
}
#main-nav.navbar-fixed-top > .line-2{
    border-radius: 0; margin-left: 0; margin-right: 0;
}
#main-nav.navbar-fixed-top > .line-2 .clear-border{ height: 30px; }




#navbar{ padding-left: 0; margin-left: 162px; }
#navbar .left-navbar li{ text-align: center; }
#navbar .left-navbar > li > a{
    padding: 15px 20px; color: #333; font-weight: 500; font-size: 14px; font-family: 'Raleway', sans-serif;
    transition: .2s;
}
#navbar .left-navbar > li > a:hover{ background-color: rgba(0,0,0,0.1); }
#navbar .left-navbar li a::after{
    content: ""; position: absolute;
    bottom: -5px; left: 0;
    /*height: 5px;*/ width: 100%; transition-duration: 0.5s;
}
#navbar .left-navbar li.active > a{ background-color: transparent; }
#navbar .left-navbar > li.active > a::after{
    /*height: 10px;*/
}

#navbar > ul.nav > li.dropdown > .dropdown-toggle{  }
#navbar > ul.nav > li.dropdown.open > .dropdown-toggle{ background-color: rgba(255,255,255,0.4); }
#navbar > ul.nav > li.dropdown > .dropdown-toggle:hover{ background-color: rgba(0,0,0,0.1); }
#navbar .dropdown-menu > .dropdown > .dropdown-toggle{ background-color: transparent; }
#navbar .dropdown-menu > .dropdown > .dropdown-menu{ margin-left: 30px; margin-top: 0; }
#navbar .dropdown-menu > .dropdown > .dropdown-menu li{ text-align: left; }
#navbar .dropdown-menu > .dropdown:hover > .dropdown-menu{ display: block; }


#navbar .left-navbar > li > ul > li{ text-align: left; }
#navbar .left-navbar > li > ul > li > a{ color: #333;  }
#navbar .left-navbar > li > ul > li > a:hover{ background-color: rgba(0,0,0,0.05); }
#navbar .left-navbar > li > ul > li.active > a{ background-color: rgba(0,0,0,0.05); }


#navbar .left-navbar > li:nth-child(1) > a::after{ background-color: #DE6350; }
#navbar .left-navbar > li:nth-child(2) > a::after{ background-color: #35778A; }
#navbar .left-navbar > li:nth-child(3) > a::after{ background-color: #3BA45B; }
#navbar .left-navbar > li:nth-child(4) > a::after{ background-color: #DE9850; }
#navbar .left-navbar > li:nth-child(5) > a::after{ background-color: #DE6350; }
#navbar .left-navbar > li:nth-child(6) > a::after{ background-color: #35778A; }
#navbar .left-navbar > li:nth-child(7) > a::after{ background-color: #3BA45B; }
#navbar .left-navbar > li:nth-child(8) > a::after{ background-color: #DE9850; }



#navbar .navbar-right > li > a{
    color: #333; font-weight: 500; font-size: 14px; padding: 15px 20px;
    font-family: 'Raleway', sans-serif; transition: .2s;
}
#navbar .navbar-right > li > a:hover{ background-color: rgba(0,0,0,0.1) !important; }
#online-odeme{
    color: #487286 !important;
    font-weight: 600 !important; text-shadow: none !important;
}
#online-odeme-dropdown{
    margin-top: 3px; border-radius: 15px; min-width: 164px !important;
}
#online-odeme-dropdown a:hover{ border-radius: 15px; }


.page-b{ font-family: 'Roboto'; }
.page-b h3{ font-size: 18px; }


/* CUSTOMIZE THE CAROUSEL */
.carousel { margin-bottom: 60px; }
.carousel-caption { z-index: 10; text-align: left; }
.carousel .item { height: 100%;  }
.carousel-inner{ height: 100%;   }
.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; }
/* CUSTOMIZE THE CAROUSEL */


/* MAIN SLIDE CAROUSEL */
.main-slide-wrapper{ padding: 180px 0; position: relative; }
.main-slide-wrapper .curtain{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #3e515a; transition: 2s; filter: blur(3px) brightness(30%);
    background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1;
    animation: shrink 10s infinite alternate;
}
.main-slide-wrapper h2.title{ color: #FFF; text-align: center; letter-spacing: 4px; margin-bottom: 60px; z-index: 2; font-size: 36px;}
#main-slide{ margin-top: 0px; height: 600px !important; margin-bottom: 0; }
.main-slide-wrapper > .container{ position: relative; z-index: 2; }
#main-slide-container{  }
#main-slide .carousel-indicators{ bottom: -60px !important; }
#main-slide .carousel-indicators li{ border-radius: 2px; height: 12px; width: 12px; background-color: #3e515a; border: none; }
#main-slide .carousel-indicators li.active{ border-radius: 2px; height: 12px; width: 12px; background-color: #FFF; }
#main-slide .carousel-inner{ border-radius: 30px; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5);  }
#main-slide .carousel-caption{ text-shadow: 1px 1px 2px rgba(0,0,0,0.5); font-family: 'Raleway', sans-serif; padding: 0px 30px; left: 0; width: 100%; }
#main-slide .carousel-caption h2{ color: #FFF; padding: 5px 0 5px 0; margin: 0; font-size: 40px; font-weight: 600; }
#main-slide .carousel-caption h3{ color: #333; }
#main-slide .carousel-caption h4{ color: #333; }
#main-slide .carousel-caption .black-div li{ color: #333; }
#main-slide .carousel-caption .black-div p{ color: #333;  }
#main-slide .carousel-caption .black-div a{ text-decoration: none; color: #11EAEA; }
#main-slide .carousel-caption ul{ margin-left: 0; padding-left: 20px; }
#main-slide .left.carousel-control{ background-image: none !important; }
#main-slide .right.carousel-control{ background-image: none !important; }
/* MAIN SLIDE CAROUSEL */


/* MAIN SLIDE ALTI SATIR */
#slide-next-bottom{
    padding:    0px;
    position: relative;
    z-index: 1;
    /*box-shadow: 0 -1px 0 0 rgba(0,0,0,0.1);*/
}
/* MAIN SLIDE ALTI SATIR */


/* TOP-VIDE */
#top-video{ height: 100vh; }
#top-video video{ object-fit: cover; width: 100%; height: 100%; }
/* TOP-VIDE */



/* NEWS SECTION */
#news-section{ padding: 120px 0; background-color: #EEE; }
#news-section .section-title{ font-size: 36px; letter-spacing: 2px; color: #333; text-align: center; margin-bottom: 60px; }
#news-section .news-item{
    width: 100%; background-color: #eee; border-radius: 10px; display: flex; flex-direction: column;
    padding: 15px; position: relative; overflow: hidden; cursor: pointer;
    background-size: cover; background-position: center; transition: .2s;
}
#news-section .news-item:hover{
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    transform: translateY(-5px);
}
#news-section .news-item:before{
    content: ""; position: absolute; z-index: 1;
    top: 0; bottom: 0; left: 0; right: 0; transition: .4s;
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
}
#news-section .news-item-1{ height: 240px; margin-bottom: 30px; }
#news-section .news-item-2{ height: 510px; width: 100%; background-color: #eee; margin-bottom: 30px; }
#news-section .news-item .news-date{ margin-top: auto; color: #FFF; z-index: 2; }
#news-section .news-item .news-title{ color: #FFF; z-index: 2; }
#news-section .news-item .news-title a{
    color: #FFF; text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
#news-section .bottom-btn-wrapper{
    text-align: center;
}


/* ANNOUNCEMENT SECTION */
#announcement-section{ padding: 120px 0; background-color: #FFF; }
#announcement-section .section-title{ font-size: 36px; letter-spacing: 2px; color: #333; text-align: center; margin-bottom: 60px; }
#announcement-section .news-item{
    width: 100%; background-color: #eee; border-radius: 10px; display: flex; flex-direction: column;
    padding: 15px; position: relative; overflow: hidden; cursor: pointer;
    background-size: cover; background-position: center; transition: .2s;
}
#announcement-section .news-item:hover{
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    transform: translateY(-5px);
}
#announcement-section .news-item:before{
    content: ""; position: absolute; z-index: 1;
    top: 0; bottom: 0; left: 0; right: 0; transition: .4s;
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
}
#announcement-section .news-item-1{ height: 240px; margin-bottom: 30px; }
#announcement-section .news-item-2{ height: 510px; width: 100%; background-color: #eee; margin-bottom: 30px; }
#announcement-section .news-item .news-date{ margin-top: auto; color: #FFF; z-index: 2; }
#announcement-section .news-item .news-title{ color: #FFF; z-index: 2; }
#announcement-section .news-item .news-title a{
    color: #FFF; text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
#announcement-section .bottom-btn-wrapper{
    text-align: center;
}


/* WEATHER SECTION */
#weather-section{
    padding: 120px 0;
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6)), url('https://cinarcik.bel.tr/img/subject/cinarcik-2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

}

/* FOOTER LINK */
.footer-links{  }
#footer-links-wrapper{ color: #FFF; }
#footer-links-wrapper a{ color: #FFF; }
#footer-links-wrapper .container{ padding: 60px 0 20px 0; }
#footer-links-wrapper .box{ text-indent: 80px; }
#footer-links-wrapper h4{  }
#footer-links-wrapper ul{ list-style: none; padding: 0; margin: 0; }
#footer-links-wrapper li{  }
#footer-links-wrapper li.col-md-3{ padding-bottom: 40px; }
#footer-links-wrapper > .container >  ul > li > a{ font-weight: bold; margin-bottom: 10px; display: inline-block; font-size: 16px;}
/* FOOTER LINK **/


/* LINK ALANI 3*/
.link-alani-3{ background-color: #f1f3f2; padding: 60px 0 100px 0;}
.link-alani-3 .item{  }
.link-alani-3 .item .inner{ background-color: #FFF; border-radius: 30px; padding: 30px; }
.link-alani-3 .item .title{ font-size: 16px; font-weight: bold; margin-top: 15px; }
.link-alani-3 .item .title a{ text-decoration: none; color: #333; }
/* LINK ALANI 3*/



/* FOOTER SOCIAL */
.footer .social{ display: flex; justify-content: center; align-items: center; }
.footer .social > li{ display: inline; }
.footer .social > li > a{
    display: flex; height: 40px; width: 40px; justify-content: center;
    align-items: center; background-color: #FFF; border-radius: 30px; margin: 0 5px;
    font-size: 20px; text-decoration: none; transition: .2s; cursor: pointer; color: #3e515a;
}
.footer .social > li > a:hover{ background-color: #3e515a; color: #FFF; }
/* FOOTER SOCIAL */


#basket-fr a{ color:#D15898; }
#basket-fr .badge{ background-color:#D15898; }
/* SLICK SLIDER 1 */



/*SOCIAL-1*/
.social-1{ }
.social-1 .item{ height: 80px; width: 80px; display: table; float: left; transition-duration: 0.5s; cursor: pointer; }
.social-1 .item .item-inner{ display: table-cell; vertical-align: middle; text-align: center; }
.social-1 .item .item-inner a{ color: #5a5a5a; }
.social-1 .item:hover{ background-color: #FFF; }
.social-1 .item:hover a{ color:#000; }

/* shortcut-1 */
.shortcut-1{}
.shortcut-1 .item{ height: 80px; padding: 15px 0; margin-right: 10px; position: relative; display: inline-block; }
.shortcut-1 .item:last-child{ margin-right: 0; }
.shortcut-1 a{}
.shortcut-1 a:hover{ text-decoration: none; }
.shortcut-1 img{ height: 100%; border-radius: 15px; }
.shortcut-1 .text{ height: 100%; width: 152px; padding: 15px 0; text-align: center; font-weight: bold; background-color: #35778A; color: white; border-radius: 15px; font-size: 16px; }


.page-h{ padding: 40px 0 0; background-color: #EEE; box-shadow: 0 1px 0px 0 rgba(0,0,0,0.15); }
.page-h .container{  }
.page-h .jumbotron{ padding: 20px 0 0px 0; margin-bottom: 0; background-color: transparent; }
.page-h .jumbotron h1{
    color: #666; font-size: 32px; font-family: 'Roboto', sans-serif;
    /*white-space: nowrap; text-overflow: ellipsis;*/ width: 100%; overflow: hidden;
    position: relative; font-weight: 100; margin-bottom: 9px;
}
.page-h .jumbotron .back{ margin-top: 30px; border: 0; border-radius: 0; color:#337AB7; background-color: transparent;}

/*BX-SLIDER*/
.bx-wrapper{ box-shadow: none; border: 0; background-color: transparent; }


/* PAGINATION EDIT */
ul.pagination{ border-radius: 0; }
ul.pagination > li > a:first-child{ border-radius: 0; }
ul.pagination > li.disabled > a{ color: #CCC; background-color: #F4F4F4; }
ul.pagination > li.disabled > a:hover{ color: #CCC; background-color: #F4F4F4; }
/* /PAGINATION EDIT */

/* FORM EDIT */
.input-group-addon{ border-radius: 0; }
.form-control{ border-radius: 0; }
/* /FORM EDIT /*

/* SELECTPICKER THEME *|**/
.bootstrap-select.theme-1{ background-color: transparent; padding-top: 0px; }
.bootstrap-select.theme-1 > button.btn{ background-color: transparent; background-image: none; text-shadow: none;
    color:#FFF; border: 0 !important; outline: none; box-shadow: none !important;
    padding: 0 !important;
}
.bootstrap-select.theme-1 > button.btn:focus{ outline: 0 !important; }
.bootstrap-select.theme-1 > button.btn:hover{ background-color: transparent; color:#9d9d9d; }
.bootstrap-select.theme-1 ul li.selected{ background-color: #EFEFEF; }
.bootstrap-select.theme-1 ul li.selected:focus{ outline: 0 !important; }
.bootstrap-select.theme-1 ul li.selected a:focus{ outline: 0 !important; }
/* SELECTPICKER THEME *O**/


/* awSelect *|**/
.awSelect{ position: relative; }
.awSelect .item-list{  position: absolute; left: 0; top:34px; width: 100%; height: 300px; z-index: 3;
    background-color: #fff; overflow-y: auto; padding: 0; display: none; border: 1px solid #CCCCCC;
    border-top-width: 0; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
.awSelect .item-list .item{ padding: 2px 0; cursor: default; text-indent: 10px; }
.awSelect .item-list .item:hover{ background-color: #eee; }
.awSelect .item-list .item.big{ padding: 5px 0; }
/* awSelect *O**/



/* BUTTON */
.sld-btn-1{
    display: inline-block; position: relative; text-align: left; border-bottom: 3px solid;
    line-height: 100%; font-size: 15px;
}
.sld-btn-1 a{
    display: inline-block; padding: 7px 10px 6px 7px; cursor: pointer; z-index: 2; transition-duration: 0.8s;
    color: #444; position: relative; font-size: 100%; line-height: 100%;
}
.sld-btn-1 div{
    position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: 2;
    transition-duration: 0.8s;
}
.sld-btn-1:hover div{
    width: 100%;
}
.sld-btn-1:hover a{
    color: #FFF;
    text-decoration: none;
}
.box-btn-1{
    border-radius: 0; border:0; padding: 6px 12px 5px 12px;
    display: inline-block; font-size: 12px; font-weight: 600;
    background-color: transparent; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
    margin-top: 10px;
}
.box-btn-1:hover{ background-color: transparent !important; color: #FFF; text-decoration: underline !important; }
/* /BUTTON */


/* transition-duration time */
.move-time-1{
    transition-duration: 1s;
}
.move-time-0-1{
    transition-duration: 0.1s;
}
.move-time-0-2{
    transition-duration: 0.2s;
}
.move-time-0-3{
    transition-duration: 0.3s;
}
.move-time-0-4{
    transition-duration: 0.4s;
}
.move-time-0-5{
    transition-duration: 0.5s;
}
/* transition-duration time */


/* TMP COLORS */
.tmp-color-1{ color:#666666 !important; }

.tmp-color-1-1{ color:#63BF7F !important; }
.tmp-color-1-2{ color:#3BA45B !important; }
.tmp-color-1-3{ color:#1E9542 !important; }
.tmp-color-1-4{ color:#0F772E !important; }
.tmp-color-1-5{ color:#00591B !important; }

.tmp-color-2-1{ color:#5691A2 !important; }
.tmp-color-2-2{ color:#35778A !important; }
.tmp-color-2-3{ color:#1D687D !important; }
.tmp-color-2-4{ color:#0F5264 !important; }
.tmp-color-2-5{ color:#023B4B !important; }

.tmp-color-3-1{ color:#FFC284 !important; }
.tmp-color-3-2{ color:#DE9850 !important; }
.tmp-color-3-3{ color:#C97A29 !important; }
.tmp-color-3-4{ color:#A15B14 !important; }
.tmp-color-3-5{ color:#793D00 !important; }

.tmp-color-4-1{ color:#FF9584 !important; }
.tmp-color-4-2{ color:#DE6350 !important; }
.tmp-color-4-3{ color:#C93E29 !important; }
.tmp-color-4-4{ color:#A12714 !important; }
.tmp-color-4-5{ color:#791000 !important; }

.tmp-background-color-1{ background-color:#E6E6E6 !important; color: #444; }
.tmp-background-color-2{ background-color:#BBBBBB !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-3{ background-color:#E9E9D8 !important; color: #444; }

.tmp-background-color-1-1{ background-color:#63BF7F !important; }
.tmp-background-color-1-2{ background-color:#3BA45B !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-1-3{ background-color:#1E9542 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-1-4{ background-color:#0F772E !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-1-5{ background-color:#00591B !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-1-1-3{ background: linear-gradient(to bottom right, #63BF7F, #3BA45B) !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }

.tmp-background-color-2-1{ background-color:#5691A2 !important; }
.tmp-background-color-2-2{ background-color:#35778A !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-2-3{ background-color:#1D687D !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-2-4{ background-color:#0F5264 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-2-5{ background-color:#023B4B !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }

.tmp-background-color-3-1{ background-color:#FFC284 !important; }
.tmp-background-color-3-2{ background-color:#DE9850 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-3-3{ background-color:#C97A29 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-3-4{ background-color:#A15B14 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-3-5{ background-color:#793D00 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }

.tmp-background-color-4-1{ background-color:#FF9584 !important; }
.tmp-background-color-4-2{ background-color:#DE6350 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-4-3{ background-color:#C93E29 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-4-4{ background-color:#A12714 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-4-5{ background-color:#791000 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }


.tmp-background-color-5-3{ background-color:#229797 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-6-3{ background-color:#58A8C7 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-7-3{ background-color:#DF9E26 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-8-3{ background-color:#DFAC4F !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-9-3{ background-color:#36A4AF !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.tmp-background-color-10-3{ background-color:#8BAB49 !important; color: #FFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }

.tmp-border-color-1-1{ border-color:#63BF7F !important; }
.tmp-border-color-1-2{ border-color:#3BA45B !important; }
.tmp-border-color-1-3{ border-color:#1E9542 !important; }
.tmp-border-color-1-4{ border-color:#0F772E !important; }
.tmp-border-color-1-5{ border-color:#00591B !important; }

.tmp-border-color-2-1{ border-color:#5691A2 !important; }
.tmp-border-color-2-2{ border-color:#35778A !important; }
.tmp-border-color-2-3{ border-color:#1D687D !important; }
.tmp-border-color-2-4{ border-color:#0F5264 !important; }
.tmp-border-color-2-5{ border-color:#023B4B !important; }

.tmp-border-color-3-1{ border-color:#FFC284 !important; }
.tmp-border-color-3-2{ border-color:#DE9850 !important; }
.tmp-border-color-3-3{ border-color:#C97A29 !important; }
.tmp-border-color-3-4{ border-color:#A15B14 !important; }
.tmp-border-color-3-5{ border-color:#793D00 !important; }

.tmp-border-color-4-1{ border-color:#FF9584 !important; }
.tmp-border-color-4-2{ border-color:#DE6350 !important; }
.tmp-border-color-4-3{ border-color:#C93E29 !important; }
.tmp-border-color-4-4{ border-color:#A12714 !important; }
.tmp-border-color-4-5{ border-color:#791000 !important; }


.tmp-box-shadow-inset-1-1{ box-shadow: inset 0 -3px 0 0 #63BF7F !important; }
.tmp-box-shadow-inset-1-2{ box-shadow: inset 0 -3px 0 0 #3BA45B !important; }
.tmp-box-shadow-inset-1-3{ box-shadow: inset 0 -3px 0 0 #1E9542 !important; }
.tmp-box-shadow-inset-1-3{ box-shadow: inset 0 -3px 0 0 #0F772E !important; }
.tmp-box-shadow-inset-1-5{ box-shadow: inset 0 -3px 0 0 #00591B !important; }

.tmp-box-shadow-inset-2-1{ box-shadow: inset 0 -3px 0 0 #5691A2 !important; }
.tmp-box-shadow-inset-2-2{ box-shadow: inset 0 -3px 0 0 #35778A !important; }
.tmp-box-shadow-inset-2-3{ box-shadow: inset 0 -3px 0 0 #1D687D !important; }
.tmp-box-shadow-inset-2-4{ box-shadow: inset 0 -3px 0 0 #0F5264 !important; }
.tmp-box-shadow-inset-2-5{ box-shadow: inset 0 -3px 0 0 #023B4B !important; }

.tmp-box-shadow-inset-3-1{ box-shadow: inset 0 -3px 0 0 #FFC284 !important; }
.tmp-box-shadow-inset-3-2{ box-shadow: inset 0 -3px 0 0 #DE9850 !important; }
.tmp-box-shadow-inset-3-3{ box-shadow: inset 0 -3px 0 0 #C97A29 !important; }
.tmp-box-shadow-inset-3-4{ box-shadow: inset 0 -3px 0 0 #A15B14 !important; }
.tmp-box-shadow-inset-3-5{ box-shadow: inset 0 -3px 0 0 #793D00 !important; }

.tmp-box-shadow-inset-4-1{ box-shadow: inset 0 -3px 0 0 #FF9584 !important; }
.tmp-box-shadow-inset-4-2{ box-shadow: inset 0 -3px 0 0 #DE6350 !important; }
.tmp-box-shadow-inset-4-3{ box-shadow: inset 0 -3px 0 0 #C93E29 !important; }
.tmp-box-shadow-inset-4-4{ box-shadow: inset 0 -3px 0 0 #A12714 !important; }
.tmp-box-shadow-inset-4-5{ box-shadow: inset 0 -3px 0 0 #791000 !important; }

.tmp-box-shadow-inset-1{ box-shadow: inset 0 -3px 0 0 #666666 !important; }
/* /TMP COLORS */


/* SEPARATORS */
.separator-1{
    background: no-repeat center center fixed;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*border-top: 5px solid #FFF;*/
    /*border-bottom: 5px solid #FFF;*/
}
.separator-1 .separator-inner {
    height: 100%;
    width: 100%;
    /*background:
        radial-gradient(rgba(0,0,0,0.3) 30%, rgba(0,0,0,0) 30%),
        radial-gradient(rgb(255, 255, 255) 15%, rgba(0,0,0,0) 16%);
    background-size: 6px 6px;*/
}
.separator-1 .container{ height: 100%; }
/* /SEPARATORS */




/* TABLE */
.aw-table{ display: table; height: 100%; width: 100%; }
.aw-td{ display: table-cell; vertical-align: middle; height: 100%; width: 100%; text-align: center; }
/* /TABLE */


/* SUBPAGE */
.tag-box-1{ display: inline-block; padding: 5px 12px 3px 12px; margin: 5px; background-color: #DE9850;
    border: 1px solid rgba(0,0,0,0.2); color: #FFF; border-bottom-width: 3px; border-radius: 5px;
    transition-duration: 0.2s; font-weight: bold; text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
.tag-box-1:hover{ color:#FFF; text-decoration: none; background-color: #D98633; }

.elm-box-1{ height: 200px !important; border:1px solid rgba(0,0,0,0.1); background: linear-gradient(135deg, #3BA45B, #2F8247);
    transition-duration: 0.2s; margin-bottom: 30px;
}
.elm-box-1:hover{ background: linear-gradient(135deg, #2F8247, #2F8247); }
.elm-box-1 p{ margin: 0; }
.elm-box-1 h2{ margin: 0; color: #FFF; }
.elm-box-1 h2 a{ color: #FFF; }
.elm-box-1 h2 a:hover{ text-decoration: none; }
.elm-box-1 a{ color: #FFF; }
.elm-box-disable{  background: linear-gradient(135deg, #EEE, #CCC); }
.elm-box-disable h2{ color:#999; }
.elm-box-disable:hover{ background: linear-gradient(135deg, #DDD, #CCC); }



.elm-box-2{ height: 60px !important; border:1px solid rgba(0,0,0,0.1); background: linear-gradient(135deg, #3BA45B, #2F8247);
    transition-duration: 0.2s; margin-bottom: 30px;
}
.elm-box-2:hover{ background: linear-gradient(135deg, #2F8247, #2F8247); }
.elm-box-2 p{ margin: 0; }
.elm-box-2 h2{ margin: 0; color: #FFF; }
.elm-box-2 h2 a{ color: #FFF; }
.elm-box-2 h2 a:hover{ text-decoration: none; }
.elm-box-2 a{ color: #FFF; }

.elm-box-3{ height: 200px !important; border:1px solid rgba(0,0,0,0.1); background: linear-gradient(135deg, #EEE, #CCC);
    transition-duration: 0.2s; margin-bottom: 30px;
}
.elm-box-3:hover{ background: linear-gradient(135deg, #CCC, #AAA); }
.elm-box-3 p{ margin: 0; }
.elm-box-3 h2{ margin: 0; color: #F55C61; }
.elm-box-3 h2 a{ color: #F55C61; }
.elm-box-3 h2 a:hover{ text-decoration: none; }

.subpage-header-box-1{ border-bottom: 1px solid #CCC; margin-bottom: 20px; }
.subpage-header-box-1 h2{ color: #666; font-weight: 100; font-size: 26px; text-indent: 5px; }
.subpage-header-box-1 h1{ color: #444; }

.subpage-body-box-1{ margin-bottom: 55px; font-size: 16px; font-weight: 100;}
.subpage-body-box-2{ margin-bottom: 80px; }

.subpage-img-1{ margin-left: 20px; margin-bottom: 20px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); }
.subpage-img-2{ margin-right: 20px; margin-bottom: 20px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); }
.subpage-img-3{ margin-right: 20px; margin-bottom: 20px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); height: 250px; width: auto;}

.subpage-table-1{ display: table; height: 100%; width: 100%; }
.subpage-td-1{ display: table-cell; vertical-align: middle; text-align: center; padding: 40px; cursor: pointer; }
.subpage-td-1:hover{  }

.subpage-td-2{ display: table-cell; vertical-align: middle; text-align: center; padding: 0 40px; cursor: pointer; }
.subpage-td-2:hover{  }
.subpage-td-2 h2{ font-size: 22px; }

.subpage-td-3{ display: table-cell; vertical-align: middle; text-align: center; padding: 20px; cursor: pointer; }
.subpage-td-3:hover{  }
.subpage-td-3 h2{ font-size: 18px; }


.subpage-img-box-1{ height: 350px; margin-bottom: 30px; }
.subpage-img-box-1 .inner{ height: 100%; width: 100%; background-size: cover; box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); }


.komisyon-raporu-1-box{
    display: table; width: 100%;
    background: linear-gradient(135deg, #EEE, #CCC);
    transition-duration: 0.2s; margin-bottom: 15px;
    border-left: 4px solid #CCC;
}
.komisyon-raporu-1-inner{
    display: table-cell; vertical-align: middle; height: 60px; width: 100%; cursor: pointer; padding-left: 20px;
}
.komisyon-raporu-1-box a{ color: #444; }
.komisyon-raporu-1-box:hover{ box-shadow: 0 0 0px 1px #7892bd; border-left: 4px solid #7892bd; }
.komisyon-raporu-1-box a:hover{ text-decoration: none;}
/* SUBPAGE */



/* ITEM SHOWER TYPE 1 - NEWS - ANNOUNCEMENT - ALBUMS vs.. */
.item-shower-type-1{}
.item-shower-type-1 .container.show-item{ padding-top: 50px; padding-bottom: 0px; font-weight: 100; }

.item-shower-type-1 .left-side{ float: left; width: 592px; }
.item-shower-type-1 .left-side .img-fr{
    background-color: #FFF; text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 2px 20px 0 rgba(0,0,0,0.2);
    margin-bottom: 30px; margin-right: 30px;
}
.item-shower-type-1 .left-side .aw-table{ }
.item-shower-type-1 .left-side .aw-td{ width: 562px; height: 378px; padding: 7px; }
.item-shower-type-1 .left-side .aw-td img{ max-width: 100%; max-height: 100%; cursor: pointer; }
.item-shower-type-1 .left-side .imgs-fr{}
.item-shower-type-1 .left-side .imgs-fr img{ max-width: 100%; max-height: 100%; box-shadow: 0 0 0 1px rgba(0,0,0,0.02); }
.item-shower-type-1 .left-side .imgs-fr .inner-1{
    background-color: #F9F9F9; padding: 3px; margin: 0 10px 10px 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}
.item-shower-type-1 .left-side .imgs-fr .inner-2{ display: table; }
.item-shower-type-1 .left-side .imgs-fr .inner-3{
    display: table-cell; vertical-align: middle; text-align: center;
    height: 54px; max-width: 80px; overflow: hidden;
}

.item-shower-type-1 p{}
.item-shower-type-1 .description{ font-weight: 600; margin-bottom: 30px; font-size: 16px; color: #333; }
.item-shower-type-1 .create_at{ font-weight: 600; }
.item-shower-type-1 .btn.show-all{ border-radius: 0; }
/* ITEM SHOWER TYPE 1 */


/* ITEM SHOWER TYPE 2 - ANNOUNCEMENT*/
.item-shower-type-2{}
.item-shower-type-2 .container.show-item{ padding-top: 50px; padding-bottom: 0px; font-weight: 100; }

.item-shower-type-2 .left-side{ }
.item-shower-type-2 .left-side .img-fr{
    background-color: #FFF; text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 2px 20px 0 rgba(0,0,0,0.2);
    margin-bottom: 30px; margin-right: 30px;
}
.item-shower-type-2 .left-side .aw-table{ }
.item-shower-type-2 .left-side .aw-td{ width: 562px; height: 378px; padding: 7px; }
.item-shower-type-2 .left-side .aw-td img{ max-width: 100%; max-height: 100%; cursor: pointer; }
.item-shower-type-2 .left-side .imgs-fr{}
.item-shower-type-2 .left-side .imgs-fr img{ max-width: 100%; max-height: 100%; box-shadow: 0 0 0 1px rgba(0,0,0,0.02); }
.item-shower-type-2 .left-side .imgs-fr .inner-1{
    background-color: #F9F9F9; padding: 3px; margin: 0 10px 10px 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}
.item-shower-type-2 .left-side .imgs-fr .inner-2{ display: table; }
.item-shower-type-2 .left-side .imgs-fr .inner-3{
    display: table-cell; vertical-align: middle; text-align: center;
    height: 54px; max-width: 80px; overflow: hidden;
}

.item-shower-type-2 p{}
.item-shower-type-2 .description{ font-weight: 600; margin-bottom: 30px; font-size: 16px; color: #333; }
.item-shower-type-2 .create_at{ font-weight: 600; }
.item-shower-type-2 .btn.show-all{ border-radius: 0; }
/* ITEM SHOWER TYPE 2 */



.multi-lang{ padding: 0; }
.multi-lang .filter-option{ color: #FFF; }


.slide-after-links .submenu{ background-color: #FFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); }


/* RESPONSIVE CSS *|**/
@media (min-width: 768px){
    #main-nav{ margin-top: 0px; }
    #main-nav.navbar-fixed-top{ margin-top: 0px; }
}
@media (min-width: 992px){
    .featurette-heading { margin-top: 120px; }
}



@media (max-width: 1366px){
    #main-slide{ height: 542px !important; }
}
@media (max-width: 1280px){

}
@media (max-width: 992px){
    .featurette-heading { margin-top: 120px; }
}
@media (max-width: 1024px){

    /*body{ min-height: 100%; padding-top: 160px; padding-bottom: 358px; position: relative; }*/

    #main-slide{ height: 430px !important; }
    #navbar .left-navbar > li > a{ font-size: 11px; padding: 15px 15px 10px 15px; }
    .social-1 .item{ width: 70px; height: 70px; }
    .slide-after-links li a{ padding: 20px 15px 15px 15px; }
    #baskan-resim-1{ height: 216px !important; width: 190px !important; }
    .baskan-fr{ height: 216px; }

    .main-box-fr-2 .main-box i{ font-size: 20px;  }
    .main-box h4{ font-size: 11px; margin-top: 5px; }
    .main-box{ height: 62px; padding: 5px; }

    #main-nav > .line-2 .navbar-brand{ left: -25px; }
    #main-nav > .line-2 .clear-border{  }
    #navbar{ margin-left: 130px; }
    #navbar .navbar-right > li > a{ font-size: 11px; }
    footer.footer{ bottom:0px; }
    body{ padding-bottom: 378px; }

}
@media (max-width: 768px){

    body{ padding-bottom: 820px !important; padding-top: 50px; }

    .widget-visible iframe{  }

    .main-box-fr-2 .main-box i{ font-size: 2em;  }
    .main-box h4{ font-size: 12px; margin-top: 15px; }
    .main-box{ height: 100px; padding: 10px; }

    .social-1{ text-align: center;}

    #baskan-resim-1{ height: auto !important; width: 240px !important; margin-top: 0px; }

    #main-nav{ border-radius: 0 0 0 0; }

    #main-nav > .line-2 .navbar-brand{ width: auto; top: -5px; left: 0px; background-color: transparent;  }
    #main-nav > .line-1 .logo-text{ margin-left: 70px; font-size: 22px; }
    #main-nav > .line-2 .navbar-brand img{ height: 45px; width: 49px; margin-top: 0; }
    #main-nav > .line-2 .navbar-brand span{ display: inline-block !important; float: right; margin-top: 15px; margin-left: 10px; }
    #main-nav > .line-2 .clear-border{ display: none !important; }
    #main-nav > .line-1{ display: none; }
    #navbar{ margin-left: 0px; }

    #navbar .left-navbar li{ text-align: left; }
    #navbar .left-navbar > li > a{  }
    #navbar .navbar-right > li > a{ padding: 10px 15px; font-size: 11px; }
    #main-nav .dropdown li a{ font-size: 11px; }
    #navbar .navbar-nav{ margin-left: 0; }

    #main-slide{ margin-top: 0px; }
    #main-slide{ height: 338px !important; }

    #top-video{ height: 90vh;}

    .main-slide-wrapper{ padding: 30px 0 50px 0;}
    .main-slide-wrapper .curtain{ background-color: #666; background-image: none !important; filter: none !important; }
    .main-slide-wrapper h2.title{ margin-bottom: 30px; letter-spacing: 2px; font-size: 30px; }

    #main-slide .carousel-caption{ bottom: 0px; }
    #main-slide .carousel-caption .black-div h1{ font-size: 12px; }
    #main-slide .carousel-caption .black-div h2{ font-size: 10px; }
    #main-slide .carousel-caption h2{ font-size: 16px; }
    #main-slide .carousel-caption .black-div h3{ font-size: 8px; }
    #main-slide .carousel-caption ul{ }
    #main-slide .carousel-caption ul li{ font-size: 10px;}
    #main-slide .carousel-caption p{ font-size: 10px; }
    #main-slide .carousel-indicators{ display: none; }

    .slide-after-links-fr{ display: none; }

    .slick-next, .slick-prev{ display: none !important; }

    .baskan-fr .sld-btn-1{ text-align: center; }

    .baskan-fr{ height: auto;}
    .baskan-fr::after{ float: none !important; }
    .baskan-inner::after{ float: none !important; }
    .content-fr::after{ float: none !important; }
    .baskan-fr .content-fr{ float: none; width: auto; padding: 20px; }
    .baskan-inner{ margin-bottom: 15px; margin-right: 0; text-align: center; background-color: transparent !important; }
    .baskan-fr img{ width: 100% !important; height: auto !important; }
    .baskan-fr .btn-fr{ position: static; }
    .baskan-fr h3{ text-align: center; margin-top: 10px; }
    .baskan-fr h4{ text-align: center; margin-bottom: 30px; }

    #baskan-tabs{ border-bottom: 0; margin-top: 30px; }
    #baskan-tabs li{ width: 100%; }

    #announcement-section .news-item-2{ height: 240px; }
    #news-section .news-item-2{ height: 240px; }

    .main-box-row > div{ padding-right: 15px;}
    #mobile-app-links{ display: block !important; }
    #announce-wrapper .line-1{margin-bottom: 0px !important;}
    #ataturk-line{  }

    .link-alani-3 .item .inner{ margin-bottom: 15px; }

    #slide-next-bottom-2{ padding-top: 100px; padding-bottom: 90px;}
    #news-section{ padding: 90px 0; }

    footer.footer{ padding-left: 20px; padding-right: 20px; bottom: 0 !important; border-radius: 30px 30px 0 0; }
    footer .text-muted.pull-right{ float: none !important; text-align: center; }
    .footer .social{ padding-left: 0; }
    .footer .copyright-left{ margin-bottom: 15px; }

    .subpage-img-2{
        max-width: 100%;
        height: auto !important;
        float: none !important;
        margin-left: 0px; margin-right: 0px;
    }
    .subpage-img-1{
        max-width: 100%;
        height: auto !important;
        float: none !important;
        margin-left: 0px; margin-right: 0px;
    }

    .jumbotron .back{ display: none; }
    .sld-btn-1 a{ padding-left: 0;}


    #last-items-module{ display: none; }
    #nop-bottom-fr{ display: none; }

    .pagination{ margin-left: 15px !important; margin-right: 15px !important; }


    .pagination>li>a, .pagination>li>span{ padding: 0 5px 1px 5px; }
    .page-h .jumbotron{ padding-top: 0px; }
    .page-h{ padding-top: 0;}

    .row.filter-fr div:nth-child(3){ margin-top: 0 !important; }
    .row.filter-fr div:nth-child(4){ margin-top: 0 !important; }


    .item-shower-type-1 .left-side{ width: 180px; }
    .item-shower-type-1 .left-side .aw-td{ width: 150px; height: 100px; }
    .item-shower-type-1 .left-side .img-fr{ display: none; }

    .item-shower-type-1 .left-side{ width: 130px;}
    .item-shower-type-1 .left-side .imgs-fr .inner-3{ width: 100px; height: 68px; max-width: 100px; }

    .a2a_kit, .a2a_menu, .a2a_modal, .a2a_overlay{ float: left !important; margin-bottom: 20px; margin-top: 20px; }

    .ataturk-resim{ max-width: 100%; }

}
@media (max-width: 500px){
    #main-slide{ height: 168px !important; }
    footer.footer{ bottom: 0; }
}
/* RESPONSIVE CSS *O**/

.carousel-control .glyphicon-chevron-left{ left: 25%; }
.carousel-control .glyphicon-chevron-right{ right: 25%; }


/* width */
::-webkit-scrollbar {
    width: 15px;
    background: transparent;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #999;
}

@keyframes shrink {
    0% {
        background-size: 120% 120%;
    }
    100% {
        background-size: 100% 100%;
    }
}




/* ARA MODAL EDIT */
#ara-modal .modal-dialog {
    display: flex;
    align-items: center; /* Dikeyde ortalama */
    min-height: calc(100% - (1.75rem * 2)); /* Modalın minimum yüksekliğini ayarla */
}
/* Modalın içeriğini sayfaya göre ortalamak için */
@media (min-width: 576px) {
    #ara-modal .modal-dialog {
        min-height: calc(100% - (3.5rem * 2));
    }
}
/* Modal içeriğinin tamamını kaplaması için */
#ara-modal .modal-content {
    margin: auto;
    width: 100%;
}
#ara-modal .close{ font-size: 30px;}
#ara-modal .close i{ }
/* ARA MODAL EDIT */

/* MECLIS UYELERI */
.meclis-grup{ margin: 0 auto 70px; max-width: 900px; }
.meclis-grup-baslik{ text-align: center; margin-bottom: 30px; }
.meclis-grup-logo{ height: 110px; width: auto; max-width: 220px; object-fit: contain; margin-bottom: 18px; }
.meclis-grup-baslik h2{ margin: 0; color: #333; font-size: 26px; font-weight: 700; letter-spacing: .3px; }
.meclis-grup-baslik h2:after{ content: ""; display: block; width: 64px; height: 4px; border-radius: 2px; margin: 14px auto 0; background: var(--parti-renk, #999); }
.meclis-uyeler{ display: flex; flex-wrap: wrap; justify-content: center; gap: 28px; max-width: 700px; margin: 0 auto; padding: 0; list-style: none; }
.meclis-uye{ width: 200px; margin: 0; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.08); transition: transform .2s ease, box-shadow .2s ease; }
.meclis-uye:hover{ transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.14); }
.meclis-uye img{ display: block; width: 100%; aspect-ratio: 3 / 4; height: auto; object-fit: cover; object-position: top; background: #eee; }
.meclis-uye figcaption{ padding: 14px 10px; text-align: center; font-size: 16px; font-weight: 700; color: #333; border-top: 3px solid var(--parti-renk, #999); }
.meclis-yeniparti{ --parti-renk: #ED1C24; }
.meclis-chp{ --parti-renk: #C8102E; }
.meclis-akp{ --parti-renk: #F7931E; }
@media (max-width: 480px){
    .meclis-uyeler{ gap: 14px; }
    .meclis-uye{ width: calc(50% - 7px); }
    .meclis-uye figcaption{ font-size: 14px; padding: 10px 6px; }
    .meclis-grup-baslik h2{ font-size: 21px; }
    .meclis-grup-logo{ height: 90px; }
}
/* MECLIS UYELERI */