@import url('../slick/slick-theme.css');
@import url('../slick/slick.css');
@import url('../css/jquery.dataTables.min.css');

body { font-family: "Jost", sans-serif;}

.navbar-nav .nav-link { position: relative; font-size: 17px; color: #000; padding-left: 1.25rem!important; padding-right: 1.25rem!important;}
.navbar-nav .nav-link:hover:after,
.navbar-nav .nav-link.active:after { position: absolute; content:""; right: 0; left: 0; bottom: 0; text-align: center; margin: 0 auto; background: #b3825f; width: 5px; height: 5px; border-radius: 5px;}

#mega-menu { display:none; position: absolute; top: 160px; left: 0; right:0; z-index: 1000; min-width: 10rem; background-color: #fff;}
#mega-menu.active { max-height: auto; display:block; -webkit-transform: perspective(400) rotate3d(0,0,0,0); }
#mega-menu .nav-item > .nav-link { position: relative; transition: all 500ms ease; }
#mega-menu .overlay-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.8}
#mega-menu .col-lg:nth-child(1) .overlay-bg { background-image: -moz-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -ms-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); }
#mega-menu .col-lg:nth-child(2) .overlay-bg { background-image: -moz-linear-gradient( -90deg, rgb(35,110,216) 0%, rgb(112,161,230) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(35,110,216) 0%, rgb(112,161,230) 100%); background-image: -ms-linear-gradient( -90deg, rgb(35,110,216) 0%, rgb(112,161,230) 100%);}
#mega-menu .col-lg:nth-child(3) .overlay-bg { background-image: -moz-linear-gradient( -90deg, rgb(255,125,175) 0%, rgba(255,116,141,0.99608) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(255,125,175) 0%, rgba(255,116,141,0.99608) 100%); background-image: -ms-linear-gradient( -90deg, rgb(255,125,175) 0%, rgba(255,116,141,0.99608) 100%);}
#mega-menu .col-lg:nth-child(4) .overlay-bg { background-image: -moz-linear-gradient( -90deg, rgb(106,177,119) 0%, rgb(76,161,91) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(106,177,119) 0%, rgb(76,161,91) 100%); background-image: -ms-linear-gradient( -90deg, rgb(106,177,119) 0%, rgb(76,161,91) 100%);}
#mega-menu .col-lg:nth-child(5) .overlay-bg { background-image: -moz-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -ms-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); }
#mega-menu .card-img-overlay .card-title { z-index: 2; position: relative;}
#mega-menu .card { overflow: hidden;}
#mega-menu .card > img { transition: .2s; overflow: hidden;}
#mega-menu .card:hover img { transition: all .4s ease; transform: scale(1.1); overflow: hidden;}

#return-to-top { position: fixed; bottom: 20px; right: 2rem; background:#f5963a; width: 40px; height: 40px; text-decoration: none; display: none; border-radius: 10px; z-index : 999; }
#return-to-top i { font-size: 25px; color: #fff; position: relative; margin: 0; left: 9px; top: 7px; }
a.whatsapp-single { display: inline-block; background-color: #25d366; color: #fff; width: 70px; height: 70px; padding: 10px; bottom: 5rem; right: 2rem; z-index: 15; text-align: center;}
.pulse { animation: pulse 1.5s infinite;}

#carousel-opacity {
    border-radius: 20px; opacity: 0.7; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;
    background-image: -moz-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -ms-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%);
}
.carousel-caption { background: rgba(255, 255, 255, 0.9); right: 0; left: 0; bottom: 0; font-size: 18px; text-align: left; padding-left: 30px; color: #000}
.carousel-caption h1 { color: #f5963a; font-size: 25px; font-weight: bold;}

.page-titles { font-size: 25px; font-weight: bold; color: #f5963a}
.breadcrumb-wrapper { position: absolute; top: 0; z-index: 2; left: 0; right: 0; text-align: center; }
.breadcrumb { justify-content: center; font-size: 36px; font-weight: 600; text-transform: uppercase;}
.breadcrumb-item.active { color: #fff;}
.breadcrumb-item+.breadcrumb-item::before { color: #fff;}
.bg-gray .breadcrumb-item+.breadcrumb-item::before { color: #000}
.list-group-item.active { background: #f7f7f7; border-color: transparent; color: #f5963a}

.block-bg { background: #fff6f2}
.block-bg .col-lg-3 > .card, .block-bg .col-lg-4 > .card { width: 170px; height: 170px; padding-top: 25px; box-sizing: border-box; border: 3px solid #fff6f2!important}
.block-bg .col-lg-3 > .card span, .block-bg .col-lg-4 > .card span { max-width: 105px; text-align: center; margin: 0 auto; line-height: 18px;}
.block-bg .img-height { min-height: 60px; line-height: 60px;}
.block-bg .col-lg-3:nth-child(1):hover > .card { border: 3px solid #f75b7c!important;}
.block-bg .col-lg-3:nth-child(2):hover > .card { border: 3px solid #69c759!important;}
.block-bg .col-lg-3:nth-child(3):hover > .card { border: 3px solid #3a92f5!important;}
.block-bg .col-lg-3:nth-child(4):hover > .card { border: 3px solid #f5963a!important;}
.block-bg .col-lg-3:nth-child(5):hover > .card { border: 3px solid #f7704c!important;}
.block-bg .col-lg-3:nth-child(6):hover > .card { border: 3px solid #df7ae3!important;}
.block-bg .col-lg-3:nth-child(7):hover > .card { border: 3px solid #f01227!important;}
.block-bg .col-lg-3:nth-child(8):hover > .card { border: 3px solid #19bcc6!important;}

.brans-item { height: 540px; border: 10px solid #fff; background-color: #eee; padding: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.brans-item:hover .brans-box-top { bottom: 75%; transition: all .4s ease;}
.brans-item:hover .brans-box-bottom { opacity: 1; bottom: 40px; transition: all .4s ease;}
.brans-item:hover:after { height: 100%}
.brans-item:nth-child(1):after { background-image: -moz-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -ms-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); }
.brans-item:nth-child(2):after { background-image: -moz-linear-gradient( -90deg, rgb(35,110,216) 0%, rgb(112,161,230) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(35,110,216) 0%, rgb(112,161,230) 100%); background-image: -ms-linear-gradient( -90deg, rgb(35,110,216) 0%, rgb(112,161,230) 100%); }
.brans-item:nth-child(3):after { background-image: -moz-linear-gradient( -90deg, rgb(255,125,175) 0%, rgba(255,116,141,0.99608) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(255,125,175) 0%, rgba(255,116,141,0.99608) 100%); background-image: -ms-linear-gradient( -90deg, rgb(255,125,175) 0%, rgba(255,116,141,0.99608) 100%);}
.brans-item:nth-child(4):after { background-image: -moz-linear-gradient( -90deg, rgb(106,177,119) 0%, rgb(76,161,91) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(106,177,119) 0%, rgb(76,161,91) 100%); background-image: -ms-linear-gradient( -90deg, rgb(106,177,119) 0%, rgb(76,161,91) 100%); }
.brans-item:nth-child(5):after { background-image: -moz-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); background-image: -ms-linear-gradient( -90deg, rgb(98,147,135) 0%, rgb(202,143,0) 0%, rgb(255,188,36) 100%); }

.brans-box { width: 100%; height: 100%; position: relative; z-index: 11;}
.brans-box-top { bottom: 35px; left: 0; right: 0; position: absolute; z-index: 10; transition: all .4s ease; }
.brans-box h3 { position: relative; font-size: 20px; transition: all .4s ease; font-weight: 700; text-align: center;}
.brans-box h3 a { color: #fff; transition: all .4s ease; text-decoration: none;}
.brans-box-bottom { bottom: 0; left: 15px; right: 15px; position: absolute; transition: all .4s ease; opacity: 0;}
.brans-item:after { border-radius: 8px; content: ''; width: 100%; height: 25%; position: absolute; left: 0; bottom: 0; z-index: 9; opacity: 0.8;}
.brans-box-bottom ul li { padding-bottom: 12px}
.brans-box ul { list-style: none;}
.brans-box ul li a { color: #fff; text-decoration: none;}
.brans-box-bottom ul li i { display: inline-block; float: left; margin: 0 10px 0 0; position: relative; top: 5px; width: 17px;}

.nav-pills .nav-link { color: #000;}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link { background: transparent; color: #f5963a; font-weight: bold;}

.tab-content .tab-pane .card { position: relative; z-index: 2;}
.tab-content .tab-pane .card:after  { position: absolute; content: ""; z-index: -1; width: 100%; height: 160px; bottom: 0; top: 85px; background: url('../images/faaliyet-bg.png')}
.tab-content .tab-pane .card:nth-of-type(2n):after { background: #fff6f2;}

.spor-bg { background: url('../images/sporcu-bg.png') no-repeat;}
.spor-bg h5 { color: #344163; font-size: 20px}
#sports-slick .col-lg-3 { padding: 0 10px; }
.progress { display: block; width: 100%; height: 10px; border-radius: 10px; overflow: hidden; background-color: #9aacda; background-image: linear-gradient(to right,  #344163, #344163); background-repeat: no-repeat; background-size: 0 100%;}

#counter .col-lg-4:nth-child(2) i { color: #b5b5b5}
#counter .col-lg-4:nth-child(3) i { color: #daa168}
.counter-bg { background: #c2fc85;}
.counter-bg .col-lg-4 { border-right: 2px solid #1c4040}
.counter-bg i { color: #91bd63}
.counter-info { font-size: 50px; color: #1c4040; font-weight: bold; line-height: 45px;}
.count-up, .sports-number { font-size: 50px; font-weight: bold; line-height: 30px;}

.content-bg { background: url('../images/content-bg.png') no-repeat; background-position: right; background-size: contain;}

.icerik table { width: 100%!important; margin-bottom: 1rem; color: #212529; vertical-align: top;	border-color: #dee2e6;	border-collapse: collapse;}
.icerik table >:not(caption)>*>* {  padding: .5rem .5rem;}
.icerik table tr:nth-child(1) td { font-weight: 600;}
.icerik table.datatable tr:nth-child(1) td { font-weight: 400!important;}
.icerik table > tbody > tr:nth-of-type(odd) { color: inherit; background-color: rgba(0, 0, 0, 0.05);}
.icerik table  a { color: #000; text-decoration: none; }
thead th { background: #f7f7f7!important; color: #010101!important; vertical-align: middle;}

.dataTables_filter { float: right; display: flex; align-items: center; gap: 5px;}
.dataTables_filter input { border: 0!important; border-bottom: 1px solid #ccc!important; border-radius: 0!important; outline: none; padding: 5px; width: 200px;}
.dataTables_filter label::after { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 8px; color: #333; cursor: pointer;}
.dataTables_length { margin-bottom: 15px;}
table.dataTable.no-footer { border-bottom: 1px solid #fff;}

form[name="searchForm"] .form-control, form[name="searchForm"] button { background: transparent; color: #bdbdbd;}
form[name="searchForm"] ::placeholder { color: #bdbdbd;}
input[name="ebulten"] { border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; line-height: 45px;}
form[name="newsletter-form"] ::placeholder { color: #000; font-size: 14px;}
form[name="newsletter-form"] .btn { background: #715ea3; line-height: 43px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0;}

#st-1 { text-align: left!important;}

.page-link { color: #000;}
.page-link:hover { color: #f5963a;}
.active>.page-link, .page-link.active { background: #f5963a; border-color: #f5963a;}

/* Dropdown Submenu */
.dropdown-item.active, .dropdown-item:active { background: #f7f7f7}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block;}
.dropdown-submenu>a:after { display: none!important; content: ''; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #444; margin-top: 7px; margin-right: -10px; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; border-radius: 6px 0 6px 6px; }
.dropdown-toggle::after { color: #aaa;}
.bg-dark:focus, .bg-dark:hover{ background-color: none!important; box-shadow: none!important;}

/* Sosyal Medya Sayfası */
.social-media { list-style:none;}
.social-media a { background: #000; color: #fff; width: 22px; height: 22px; display: inline-block; text-align: center; margin: 0 auto; font-size: 12px; padding-top: 2px}

.sosyalmenu { margin: auto; position: fixed; right: 0; top: 350px; z-index: 9; }
.sosyalmenu ul { list-style: none;}
.sosyalmenu ul li { margin: 0; float: none; width: 40px; height: 40px; line-height: 40px; text-align: center; transition: all 0.4s ease;}
.sosyalmenu ul li a { color: #fff; font-size: 15px; line-height: 40px; display: block;}
.sosyalmenu ul li i { font-size: 18px; line-height: 40px;}
.sosyalmenu ul li:hover { transform: scale(1.1);}
.sosyalmenu ul li.btn-facebook { background-color: #1877f2; border-top-left-radius: 3px;}
.sosyalmenu ul li.btn-twitter { background-color: #1da1f2;}
.sosyalmenu ul li.btn-insta { background-color: #ff0070;}
.sosyalmenu ul li.btn-youtube { background-color: #ff0000; border-bottom-left-radius: 3px;}

/* 404 Sayfa Bulunamadı Sayfası*/
#nopage {background-color: #342643; min-height: 80vh;}
.text-wrapper { min-height: 80vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.title {font-size: 6em; font-weight: 700; color: #EE4B5E;}
.subtitle { font-size: 40px; font-weight: 700; color: #1FA9D6;}
.buttons { margin: 30px;}
.buttons a.button { font-weight: 700; border: 2px solid #EE4B5E; text-decoration: none; padding: 15px; text-transform: uppercase; color: #EE4B5E; border-radius: 26px; transition: all 0.2s ease-in-out; }
.buttons a.button:hover { background-color: #EE4B5E; color: white; transition: all 0.2s ease-in-out;}

footer { padding-top: 238px; }
footer:before { position: absolute; content:""; width: 100%; height: 238px; top: 0; background: url('../images/footer-after.png') no-repeat; background-size: cover;}
.footer-top { background: #c1b4e2}
.footer-bottom { background: #715ea3}
footer h6 { font-size: 16px; font-weight: bold; text-transform: uppercase;}
footer a, footer { color: #30205a; text-decoration: none;}

.gold { color: #ffb400}

.btn-purple { background: #ec1d66;}
.btn-purple:hover { background: #dc195e;}
.btn-orange { background: #f5963a;}
.btn-orange:hover { background: #b3825f;}
.btn-pink, .btn-pink:hover { background: #f53a61;}
.bg-light-blue { background: #c8d5f5;}
.bg-gray { background: #f7f7f7;}
.text-orange { color: #f5963a;}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(37,211,102,.4);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(37,211,102,0);
    }
}

/* RESPONSIVE UP (min-width) */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  	footer img { float: right!important; }
  	.dropdown-submenu>.dropdown-menu { margin-top: 5px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}


/* RESPONSIVE DOWN (max-width) */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

	.icerik img { width: 100% !important; height: auto !important; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
    .navbar { position: static;}
    .navbar-toggler { border: 0; position: absolute; right: 0; top: 20px;}
    .navbar-nav .nav-link:hover:after,
    .navbar-nav .nav-link.active:after { text-align: left; margin: 0 10px; bottom: 20px;}
    #carouselBanner img { max-width: 100%; height: auto;}
    .counter-info { font-size: 30px}
    #counter .col-lg-4 { border: 0;}
    .page-titles { font-size: 22px;}
    .category-bg { background: none}
    .tab-content .tab-pane h4 { font-size: 17px!important}
    .tab-content .tab-pane > .card:after { top: auto; bottom: 0; height: 200px;}
    .tab-content .tab-pane .col-md-3.border-start { border: 0!important;}
    .col-7 .card-body h2.card-title { font-size: 21px!important;}
    .nav-pills .nav-link { padding-left: 0.85rem !important; padding-right: 0.85rem !important;}
    .order-res { order: 12;}
    a.whatsapp-single { bottom: 1rem; right: 1rem;}
    footer { padding-top: 0;}
    footer:before {top: -44px; background-size: contain;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}