body, html {font-size: 100%;box-sizing: border-box;}

body{overflow-x: hidden;font-family: 'Avenir Next LT Pro Regular','Source Sans Pro',sans-serif;background: #ffffff;color: #015293;font-size: 14px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {margin: 0;padding: 0;}
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;display: inline-block;}
.button, img {vertical-align: middle;}
button, img, legend {border: 0;}
a,a:hover,a:focus{text-decoration:none!important;}
ul{list-style-type:none;}

*:visited,
*:active,
*:focus{outline:0!important;text-decoration:none;}
.hidden{display:none;}

.bolumler .bolum .giris:after,
.icsayfa article:after,
.temizle:after{content:"";display:table;clear:both}
/*Stiller*/
p:empty:before {display:none;}
.fiksturbilgileri .haftalar .buton,
.oyuncu a .no,
.oyuncu a img,
#oyuncular .owl-theme .owl-nav button,
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta .comment-author .avatar,
.yuvarla_YYYY_full{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}

#mansetler .manset a .basliklar,
.efect_geciktirici{-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;transition:all 2s ease-in-out;}
#mansetler .manset a .basliklar .kat,
.efect_geciktirici{-webkit-transition:all 500ms ease-in-out 2s;-moz-transition:all 500ms ease-in-out 2s;-o-transition:all 500ms ease-in-out 2s;transition:all 500ms ease-in-out 2s;}
header nav.nav ul li ul,
header nav.nav ul li ul li a,
.haberkutu.tip1 a .hbaslik,
.haberkutu.tip1 a figure,
.efect_geciktirici{-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}
.fiksturbilgileri,
.haberkutu.tip1,
.golge{-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);}

.golge_hover{-webkit-box-shadow: 0 10px 20px rgba(255, 0, 0, 0.13);-moz-box-shadow: 0 10px 20px rgba(255, 0, 0, 0.13);box-shadow: 0 10px 20px rgba(255, 0, 0, 0.13);}
.oyuncu a img,
.golge_2{-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);}

.yapimasamasinda{text-align: center;padding: 40px;width: 50%;margin: 0 auto;max-width: 100%;box-sizing: border-box;color:#000;}
.yapimasamasinda h1{margin-bottom: 20px;}
.yapimasamasinda h2{font-size: 20px;}
.yapimasamasinda .sosyalmedya{padding: 20px;margin-top: 40px;}
.yapimasamasinda .sosyalmedya ul{}
.yapimasamasinda .sosyalmedya ul li{float: none;display: inline-block;margin: 0 3px;}
.yapimasamasinda .sosyalmedya ul li a{color: #565656;font-size: 28px;display: block;width: 35px;height: 35px;padding: 3px 1px;}
.yapimasamasinda .sosyalmedya ul li.facebook_link a{color: #0F3D8B;}
.yapimasamasinda .sosyalmedya ul li.twitter_link a{color: #2E9AFF;}
.yapimasamasinda .sosyalmedya ul li.googleplus_link a{color: #E24122;}
.yapimasamasinda .sosyalmedya ul li.youtube_link a{color: #B40A03;}
.yapimasamasinda .sosyalmedya ul li.linkedin_link a{color: #3F51B5;}
.yapimasamasinda .sosyalmedya ul li.instagram_link a{color: #795548;}
.yapimasamasinda .sosyalmedya ul li.rss a{color: #FF5722;}
.yapimasamasinda .sosyalmedya ul li:hover a{color: #ffffff;background: #2196F3;}

header{position:relative;z-index:3;}
.logobar{background: url(../images/header-bg.jpg)no-repeat;/* background-attachment: fixed; */background-position: top center;background-size: cover;padding: 40px 0;position:relative;}
.logobar:before{content:'';background: #0b1c2e;position:absolute;top:0;left:0;width:100%;height:100%;z-index: 0;opacity: 0.7;}
.logobar .logo{}
.logobar .logo a{display: flex;align-items: center;justify-content: flex-start;}
.logobar .logo a img{margin-right: 20px;max-height: 122px;width: auto;}
.logobar .logo a h1{color: #fff;font-size: 28px;line-height: 28px;font-weight: bold;}
.logobar .logo a h1 small{color: #fff;font-size: 15px;display: block;margin-top: 5px;}
.logobar .reklam{text-align: right;height: 122px;display: flex;align-items: center;justify-content: flex-end;}
.logobar .reklam a{}
.logobar .reklam img{}
header nav.nav{padding-top: 10px;}
header nav.nav .mainmenubar{display: flex;align-items: stretch;}
header nav.nav a.homepage-link{padding: 25px 20px 15px 20px;display: block;font-size: 20px;color: #fff;border-bottom: 0;border-radius: 10px 10px 0 0;background: rgb(0 0 0 / 20%);}
header nav.nav a.homepage-link i{}
header nav.nav a.homepage-link:hover{background: rgb(0 0 0 / 50%);}
header nav.nav ul{display: flex;align-items: flex-end;justify-content: flex-start;}
header nav.nav ul li{position:relative;}
header nav.nav ul li a{display: block;padding: 14px 20px 11px 20px;color: #fff;font-size: 15px;position: relative;z-index: 1;}
header nav.nav ul li.current-menu-item a,
header nav.nav ul li:hover a{background: rgb(0 0 0 / 25%);}
header nav.nav ul li a i{padding: 10px 0;}
header nav.nav ul li a small{font-size: 11px;display: block;/* height: 14px; */}
header nav.nav ul li a b{
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
header nav.nav ul li ul{position:absolute;left:0;background:#000;top: 50%;opacity: 0;display: block;z-index: -1;visibility: hidden;overflow: hidden;padding: 5px 5px;min-width: 200px;}
header nav.nav ul li:hover ul{top: 100%;opacity: 1;visibility: visible;}
header nav.nav ul li ul li{display: block;}
header nav.nav ul li ul li a{padding: 5px 15px;white-space: nowrap;color: #fff !important;}
header nav.nav ul li:hover ul li:hover a{}
header nav.nav ul li ul li ul{display:none!important;}

main{padding: 30px 0 0 0;background:url(../images/main-bg.png)no-repeat top center;position:relative;z-index:2;}
#mansetler{position: relative;margin-bottom: 30px;max-height: 390px;overflow: hidden;}
#mansetler .mansetalani{padding-right: 14%;}
#mansetler .mansetbutonlari{width: 12%;position: absolute;right: 0;top: 0;z-index: 1;}
#mansetler .mansetbutonlari .mansetbuton{margin-bottom: 12px;background:#000;}
#mansetler .mansetbutonlari .mansetbuton a{display: block;}
#mansetler .mansetbutonlari .mansetbuton img{width: 100%;}
#mansetler .mansetbutonlari .mansetbuton.active img{opacity:0.6;}
#mansetler .manset{position: relative;overflow: hidden;}
#mansetler .manset a{display: block;}
#mansetler .manset a img{}
#mansetler .manset a .basliklar{position: absolute;left: -100%;bottom: 0;z-index: 1;/* left: 0; */margin: 20px;min-width: 50%;}
#mansetler .manset a .basliklar .kat{display: inline-block;background: #000;padding: 5px 10px;color: #fff;font-size: 12px;letter-spacing: 1px;bottom: -27px;position: relative;z-index: -1;left: 10px;}
#mansetler .manset a .basliklar .kat span{opacity:0;position:absolute;right: -100px;bottom: 0;font-size: 10px;line-height: 20px;text-align: center;width: 100px;background: #fff;color: #000;}
#mansetler .manset:hover a .basliklar .kat span{opacity:1;}
#mansetler .manset a .basliklar .baslik{padding: 15px 20px;font-size: 22px;color: #fff;}
#mansetler .active .manset a .basliklar{left: 0;}
#mansetler .active .manset a .basliklar .kat{bottom:0;}

.fiksturbilgileri{margin-bottom: 30px;overflow: hidden;}
.fiksturbilgileri .haftalar{text-align: center;position: relative;display: flex;align-items: center;justify-content: space-between;color: #fff;}
.fiksturbilgileri .haftalar .buton{padding: 14px 16px;font-size: 18px;cursor: pointer;margin: 5px;width: 45px;height: 45px;}
.fiksturbilgileri .haftalar .buton:hover{}
.fiksturbilgileri .haftalar .onceki{}
.fiksturbilgileri .haftalar .sonraki{}
.fiksturbilgileri .haftalar .hafta{}
.fiksturbilgileri .haftalar .hafta b{display: block;}
.fiksturbilgileri .haftalar .hafta small{}
.fiksturbilgileri .karsilasmalar{padding: 0;position: relative;text-align: center;background: url(../images/karsilasmalar-bg.jpg)no-repeat top center;background-size: cover;overflow: hidden;max-height: 180px;}
.fiksturbilgileri .karsilasmalar .takim{width: 33%;}
.fiksturbilgileri .karsilasmalar .takim a{color: #fff;display: block;}
.fiksturbilgileri .karsilasmalar .takim img{width:auto;display: block;margin: 0 auto 10px;max-width: 70px;max-height: 70px;}
.fiksturbilgileri .karsilasmalar .takim b{font-size: 12px;height: 30px;display: block;overflow: hidden;}
.fiksturbilgileri .karsilasmalar .takim1{}
.fiksturbilgileri .karsilasmalar .takim2{}
.fiksturbilgileri .karsilasmalar .mac{display: flex;align-items: center;justify-content: space-between;padding: 20px 20px 45px 20px;}
.fiksturbilgileri .karsilasmalar .tarih{color: #fff;width: 140px;max-width: 33%;}
.fiksturbilgileri .karsilasmalar .tarih .mactarihi{display: block;font-size: 22px;line-height: 16px;}
.fiksturbilgileri .karsilasmalar .tarih .mactarihi small{display: block;font-size: 12px;color: #ccc;margin: 6px 0;}
.fiksturbilgileri .karsilasmalar .tarih .mactarihi span{}
.fiksturbilgileri .karsilasmalar .tarih .macskoru{display:none;}
.fiksturbilgileri .karsilasmalar .sonuclandi .tarih .mactarihi{font-size: 12px;line-height: 15px;}
.fiksturbilgileri .karsilasmalar .sonuclandi .tarih .mactarihi b{}
.fiksturbilgileri .karsilasmalar .sonuclandi .tarih .mactarihi small{margin: 0;}
.fiksturbilgileri .karsilasmalar .sonuclandi .tarih .macskoru{display:block;font-size: 26px;font-weight: bold;}
.fiksturbilgileri .karsilasmalar .macdetay{}
.fiksturbilgileri .karsilasmalar .macdetay a{color:#fff;font-size: 12px;margin-top: 10px;display: block;}
.fiksturbilgileri .karsilasmalar .yer{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 6px;}
.bilesen table,
.puandurumu{max-height:630px;min-height: 235px;overflow-y: auto;background: #fff;padding: 20px!important;}
.bilesen table th{border:0;padding:0}
.bilesen table tr,
.puandurumu .satir{padding: 1px 10px;font-size: 14px;color: #000;background: #f0f0f0;}
.bilesen table tr td{padding: 2px;border: 0;}
.bilesen table tr:nth-child(odd),
.puandurumu .satir:nth-child(odd){background: #fff;}
.bilesen table tr.aktif,
.bilesen table tr:hover,
.puandurumu .satir.aktif a,
.puandurumu .satir:hover a,
.puandurumu .satir.aktif,
.puandurumu .satir:hover{color:#fff;}
.puandurumu .satir a{color:#000;}
.puandurumu .satir span{float: right;margin-left: 8px;min-width: 20px;text-align: right;}
.puandurumu .satir.linkli{background: none;}
.puandurumu .satir.linkli a{color: #000;font-size:12px;display:block;padding:5px;text-align:center;}
.puandurumu .satir.linkli a:hover{color: #fafafa;}
.bilesen .bilesenic .puandurumu{padding:0!important}
.bilesen-manset-alt{/* display: flex; *//* justify-content: space-between; */gap: 20px;flex-wrap: nowrap;flex-direction: row;}
.bilesen-manset-alt>div{flex: 1;}
.bilesen{margin-bottom: 30px;}
.bilesen .baslik{padding: 18px 20px 16px 20px;display: flex;align-items: center;justify-content: flex-start;color: #fff;font-size: 16px;font-weight: bold;line-height: unset;}
.bilesen .baslik i{margin-right:5px;}
.bilesen .bilesenic{padding: 20px;background: #fff;width: 100%;}
.haberkutu{margin-bottom: 30px;}
.haberkutu.tip1{background: #f4f4f4;padding-bottom: 10px;overflow: hidden;}
.haberkutu.tip1 a{display:block;}
.haberkutu.tip1 a img{}
.haberkutu.tip1 a figure{position:relative;}
.haberkutu.tip1:hover a figure{/* margin-bottom: -10px; */}
.haberkutu.tip1:hover a .hbaslik{/* padding-bottom: 20px; */}
.haberkutu.tip1:hover a .kat{opacity:1;}
.haberkutu.tip1 a .kat{position:absolute;background: #000;color: #fff;padding: 5px 10px;top: 0;margin: 10px;font-size: 10px;opacity: 0.7;}
.haberkutu.tip1 a .hbaslik{background: #fff;padding: 10px;position: relative;z-index: 1;height: 60px;margin: -20px 10px 0px 10px;}
.haberkutu.tip1 a .hbaslik h3{font-size: 16px;color: #000;line-height: 20px;}
.haberkutu.tip2{margin-bottom: 20px;}
.haberkutu.tip2 a{display: flex;align-items: flex-start;/* justify-content: space-between; */}
.haberkutu.tip2 a img{width: 260px;height: auto;margin-right: 20px;margin-bottom: 10px;}
.haberkutu.tip2 a .hbaslik{}
.haberkutu.tip2 a .hbaslik h3{font-size: 16px;font-weight: bold;color: #000;margin-bottom: 10px;display: block;}
.haberkutu.tip2 a .hbaslik p{color: #999;margin-bottom: 10px;}
.haberkutu.tip2 a .hbaslik i{color: #999;font-size: 12px;}

.tablar{margin-bottom: 20px;overflow: hidden;}
.tablar .tablinkler{padding: 15px 20px 0 20px;display: flex;align-items: stretch;justify-content: flex-start;}
.tablar .tablinkler .tablink{cursor: pointer;padding: 10px;background: rgba(0, 0, 0, 0.5);color: #fff;font-size: 16px;margin-right: 3px;text-align: center;}
.tablar .tablinkler .tablink:hover,
.tablar .tablinkler .tablink.aktif{background: #fff;color: #000;}
.tablar .tabicerikler{padding: 20px;background: #fff;}
.tablar .tabicerikler .tabicerik iframe{width:100%;}
.tablar .tabicerikler .tabicerik{overflow: hidden;}
.tablar .tabicerikler .tabicerik .dahafazlasi{text-align: center;}
.tablar .tabicerikler .tabicerik .dahafazlasi a{display: block;background: #ddd;padding: 15px;font-size: 14px;color: #555;border: 1px solid #b8b8b8;}

.sidebar{}
.sidebar .bilesen{margin-bottom: 30px;}
.sidebar .bilesen .baslik{}
.sidebar .bilesen .bilesenic{padding: 18px;background: #fff;}
.sidebar .bilesen .bilesenic img{width: 100%;max-width:100%!important;}
.sidebar .bilesen .bilesenic *{max-width:100%!important;color: #000;}
.sidebar .bilesen .bilesenic ul{}
.sidebar .bilesen .bilesenic ul li{margin-bottom: 10px;display: block;font-size: 12px;}
.sidebar .bilesen .bilesenic ul li .post-date{display: block;font-size: 12px;color: #959595;}
.sidebar .bilesen .bilesenic ul li a{font-size: 14px;display: inline-block;}
.sidebar .bilesen .bilesenic ul li a small{font-size:100%}
.sidebar .bilesen .bilesenic ul li ul{list-style-type: disc;margin: 10px 0px 20px 20px;}
.sidebar .bilesen .bilesenic ul li ul li{margin: 0;}
.sidebar .bilesen .bilesenic ul li ul li a{display: block;}
.sidebar .bilesen .bilesenic ul.wp-block-latest-posts.wp-block-latest-posts__list li a{display:inline;}
.sidebar .bilesen iframe{width:100%;}
.sidebar .sosyaltablar{}
.sidebar .sosyaltablar .tablinkler .tablink{background: rgba(255, 255, 255, 0.8);padding: 0;}
.sidebar .sosyaltablar .tablinkler .tablink .fa-facebook-f{background: #3F51B5;}
.sidebar .sosyaltablar .tablinkler .tablink:hover .fa-facebook-f,
.sidebar .sosyaltablar .tablinkler .tablink.aktif .fa-facebook-f{color: #3F51B5;}
.sidebar .sosyaltablar .tablinkler .tablink .fa-twitter{background: #03A9F4;}
.sidebar .sosyaltablar .tablinkler .tablink:hover .fa-twitter,
.sidebar .sosyaltablar .tablinkler .tablink.aktif .fa-twitter{color: #03A9F4;}
.sidebar .sosyaltablar .tablinkler .tablink .fa-instagram{background: #F44336;}
.sidebar .sosyaltablar .tablinkler .tablink:hover .fa-instagram,
.sidebar .sosyaltablar .tablinkler .tablink.aktif .fa-instagram{color: #F44336;}
.sidebar .sosyaltablar .tablinkler .tablink:hover i,
.sidebar .sosyaltablar .tablinkler .tablink.aktif i{background: #fff;}
.sidebar .sosyaltablar .tablinkler .tablink i{padding: 10px;width: 40px;}

#oyuncular{background: #3f3f3f;padding: 50px 0 20px 0;margin-top: 20px;}
.oyuncu{margin-bottom: 30px;}
.oyuncu a{display: block;position: relative;text-align: center;max-width: 170px;margin: 0 auto;}
.oyuncu a .no{position: absolute;right: 0;top: 0;color: #fff;width: 35px;height: 35px;padding: 8px 0;}
.oyuncu a img{margin-bottom: 20px;max-width: 170px;width: 170px;height: 170px;object-fit: cover;background: #fff;}
.oyuncu a .obaslik{color: #fff;}
.oyuncu a .obaslik h3{font-size: 16px;}
.oyuncu a .obaslik small{color: #ccc;}
#oyuncular .owl-theme .owl-nav{margin: 0;}
#oyuncular .owl-theme .owl-nav button{position: absolute;top: 50%;background: rgba(0, 0, 0, 0.7);color: #fff;padding: 13px 0!important;display: block;font-size: 18px;line-height: 18px;margin: -50px 0 0 0;width: 45px;height: 45px;}
#oyuncular .owl-theme .owl-nav button:hover{}
#oyuncular .owl-theme .owl-nav .owl-next{right: -60px;}
#oyuncular .owl-theme .owl-nav .owl-prev{left: -60px;}

.alignleft{float:left;margin:0 15px 15px 0;text-align:left;}
.alignright{float:right;margin:0 0 15px 15px;text-align:right;}
.aligncenter{float:none;margin:0 auto 15px;text-align:center;}

.gallery{display: block;}
.gallery.gallery-columns-2 .gallery-item{width: 50%;}
.gallery.gallery-columns-3 .gallery-item{width: 33.333%;}
.gallery.gallery-columns-4 .gallery-item{width: 25%;}
.gallery.gallery-columns-5 .gallery-item{width: 20%;}
.gallery .gallery-item{width: 33.333%;display: inline-block;padding: 5px;vertical-align: text-top;position: relative;}
.gallery .gallery-item .gallery-icon{}
.gallery .gallery-item .gallery-icon a{}
.gallery .gallery-item .wp-caption-text{font-size: 12px;line-height: 14px;text-align: center;padding: 5px;position: absolute;bottom: 0;left: 0;right: 0;opacity:0;}
.gallery .gallery-item:hover .wp-caption-text{opacity:1;}
.gallery .gallery-item:hover img{opacity:0.5}

footer{position:relative;z-index:1;}
.altbilesenler{background: #2d2d2d;padding: 40px;}
.altbilesenler .bilesen{margin-bottom:20px;}
.altbilesenler .bilesen .baslik{color: #fff;font-size: 16px;font-weight: bold;/* margin-bottom: 20px; */}
.altbilesenler .bilesen .bilesenic{color: #fff;background: #262626;width: 100%;min-height: 215px;}
.altbilesenler .bilesen .bilesenic a{color: #fff;}
.altbilesenler .bilesen .bilesenic p{margin-bottom:10px;}
.altbilesenler .bilesen .bilesenic ul{list-style-type:disc;margin:0 0 10px 17px;}
.altbilesenler .bilesen .bilesenic ul li{}
.altbilesenler .bilesen .bilesenic ul li a{}
.altbilesenler .bilesen .bilesenic ul li:hover a{}
.altbilesenler .bilesen .bilesenic .slaytyap{padding: 20px;background: #fff url(../images/soluk-forma-bg.jpg) no-repeat top left;background-size: cover;overflow: hidden;}
.altbilesenler .bilesen .bilesenic .slaytyap .item{}
.altbilesenler .bilesen .bilesenic .slaytyap .item a{display: flex;align-items: flex-start;/* justify-content: space-between; */}
.altbilesenler .bilesen .bilesenic .slaytyap .item img{width: 242px;margin-right: 20px;}
.altbilesenler .bilesen .bilesenic .slaytyap .item .basliklar{}
.altbilesenler .bilesen .bilesenic .slaytyap .item .basliklar h3{font-size: 16px;color: #000;font-weight: bold;margin-bottom: 10px;}
.altbilesenler .bilesen .bilesenic .slaytyap .item .basliklar .fiyat{color: #ff7e00;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.altbilesenler .bilesen .bilesenic .slaytyap .item .basliklar .buton{display: inline-block;color: #fff;padding: 5px 10px;font-size: 14px;}

.altkisim{background: url(../images/altkisim-bg.jpg)no-repeat;text-align: center;padding: 60px 0;background-size: cover;}
.altkisim .sponsorlar{margin-bottom: 60px;padding-bottom: 40px;border-bottom: 1px solid #555;}
.altkisim .sponsorlar .baslik{color: #fff;font-size: 24px;margin-bottom: 30px;}
.altkisim .sponsorlar .logolist{}
.altkisim .sponsorlar .logolist .sponsor{display: inline-block;text-align: center;}
.altkisim .sponsorlar .logolist .sponsor:hover .splogo{filter: grayscale(0%);}
.altkisim .sponsorlar .logolist .sponsor .splogo{height: 55px;line-height: 55px;border-radius: 3px;padding: 5px 10px;vertical-align: middle;width: 120px;background-size: 100% auto;background-repeat: no-repeat;background-position: center;margin: 10px;filter: grayscale(100%);}
.altkisim .sponsorlar .logolist .sponsor a{color: #fff;font-size: 12px;}
.altkisim .sponsorlar .logolist .sponsor b{font-weight: normal;}
.altkisim .sponsorlar .logolist .anasponsorlar{}
.altkisim .sponsorlar .logolist .anasponsorlar .sponsor .splogo{width: 200px;height: 80px;}
.altkisim .sponsorlar .logolist .digersponsorlar{}
.altkisim .sponsorlar .logolist .digersponsorlar .sponsor .splogo{}

.altkisim .copyright{}
.altkisim .copyright img{margin-bottom: 15px;max-height: 180px;width: auto;}
.altkisim .copyright p{color: #fff;margin-bottom: 15px;}
.altkisim .copyright .sosyalmedya{margin-bottom: 40px;}
.altkisim .copyright .sosyalmedya a{display: inline-block;padding: 10px;font-size: 20px;color: #fff;}
.altkisim .copyright .designer{}
.altkisim .copyright .designer a{color: #fff;}
.altkisim .copyright .designer a img{}

.mobilmenubar{display:none;}
.mobilmenubar .mobil_menuac{font-size: 32px;line-height: 32px;padding: 10px 10px;cursor: pointer;position: relative;top: unset;width: auto;min-height: unset;color: #fff;float: left;}
.mobilmenubar .mobil_menuac b{font-size: 24px;padding: 0 15px;display: inline-block;position: relative;top: -4px;}
.mobilmenubar .sosyalmedya{float: right;}
.mobilmenubar .sosyalmedya a{display: inline-block;padding: 10px 10px;color: #fff;font-size: 20px;line-height: 33px;}
.mobilmenubar .sosyalmedya a i{}

body .scrollbar-rail > .scroll-element .scroll-bar{}

.icsayfa{padding: 25px 20px 20px 20px;background: #fff;margin-bottom: 30px;}
.icsayfa article{color: #525252;font-size: 16px;line-height: 26px;padding: 5px 0;}
.icsayfa article .baslik{font-size: 28px;font-weight: bold;color: #000;margin-bottom: 20px;}
.icsayfa article figure.gorsel{margin-bottom: 10px;}
.icsayfa article figure.gorsel img{width: 100%;}
.icsayfa article .icerikbilgi{padding: 10px 15px;background: #f8f8f8;margin-bottom: 10px;font-size: 12px;color: #8d8d8d;}
.icsayfa article .icerikbilgi #sosyalpaylas{}
.icsayfa article .icerikbilgi time{}
.icsayfa article .icerikbilgi .yorumsay{}
.icsayfa article .icerikbilgi .yorumsay a{}
.icsayfa article .reklam{float: left;margin: 0 15px 15px 0;}
.icsayfa article .reklam .reklamic{}
.icsayfa article{}
.icsayfa article a{color:#000;}
.icsayfa article form{}
.icsayfa article label{display:block;}
.icsayfa article input[type="text"],
.icsayfa article input[type="password"],
.icsayfa article input[type="email"],
.icsayfa article input[type="number"],
.icsayfa article select,
.icsayfa article textarea{width:100%;display:block;border:1px solid #ccc;padding:5px 10px;}
.icsayfa article input[type="submit"]{display:inline-block;width:auto;color: #fff;border: 0;}
.icsayfa article p{margin-bottom: 10px;}
.icsayfa article .gallery{display: flex;flex-wrap: wrap;-webkit-flex-flow: row wrap;justify-content: space-around;padding: 10px;background: #f8f8f8;margin: 20px 0;}
.icsayfa article .gallery .gallery-item{flex-basis: 33%;flex-grow: 1;align-self: normal;text-align: center;}
.icsayfa article .gallery .gallery-item .gallery-icon{}
.icsayfa article .gallery .gallery-item .gallery-icon a{display: block;padding: 5px;background: #fff;margin: 5px;}
.icsayfa article .gallery .gallery-item .gallery-icon img{}
.icsayfa article table{width: 100%;color: #2d2d2d;}
.icsayfa article table thead{}
.icsayfa article table thead tr{}
.icsayfa article table thead tr th{padding: 5px 10px;background: #f6f6f6;}
.icsayfa article table tbody {}
.icsayfa article table tbody tr{}
.icsayfa article table tbody tr td{padding: 5px 10px;}
.icsayfa article table tfoot tr td{padding: 5px 10px;background: #f6f6f6;font-weight:bold;}
.icsayfa article .sagsollink{}
.icsayfa article .sagsollink .sonrakisayf{}
.icsayfa article .sagsollink .oncekisayf{}
.icsayfa article .sayfalama{}
.icsayfa article .sayfalama span{}
.icsayfa article .etiketler{}
.icsayfa article .etiketler b{}
.icsayfa article .etiketler a{}
.icsayfa article .yorumlar{padding: 20px;background: #f8f8f8;color: #525252;margin-top: 50px;}
.icsayfa article .yorumlar a{color:#525252}
.icsayfa article .yorumlar .comments-title{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.icsayfa article .yorumlar .comment-form p{margin-bottom: 10px;}
.icsayfa article .yorumlar .comment-form .logged-in-as{}
.icsayfa article .yorumlar .comment-form .logged-in-as a{color:#525252}
.icsayfa article .yorumlar .comment-form label{display: block;}
.icsayfa article .yorumlar .comment-form input[type="text"],
.icsayfa article .yorumlar .comment-form input[type="email"],
.icsayfa article .yorumlar .comment-form input[type="tel"],
.icsayfa article .yorumlar .comment-form textarea{width: 100%;padding: 10px;}
.icsayfa article .yorumlar .comment-form .comment-form-cookies-consent label{display: inline;}
.icsayfa article .yorumlar .comment-form .comment-form-cookies-consent input{margin-right: 5px;}
.icsayfa article .yorumlar .comment-form .form-submit input[type="submit"]{border: 0;color: #fff;padding: 5px 10px;font-size: 14px;}
.icsayfa article .yorumlar ol.comment-list{list-style-type: none;}
.icsayfa article .yorumlar ol.comment-list li{margin-bottom: 10px;background: #fff;display: block;}
.icsayfa article .yorumlar ol.comment-list li .comment-body{padding: 15px;}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta{position: relative;}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta .comment-author{margin-bottom: 10px;}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta .comment-author .avatar{width: 40px;margin: 0 10px 0 0;}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta .comment-author .fn{}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta .comment-author .says{}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta .comment-metadata{position: absolute;right: 0;top: 0;font-size: 12px;}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta .comment-metadata a{}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta .comment-metadata a time{}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-meta .comment-awaiting-moderation{padding: 5px 10px;display: inline-block;background: #F44336;font-size: 12px;color: #fff;}
.icsayfa article .yorumlar ol.comment-list li .comment-body .comment-content{padding: 10px;border: 1px solid #ccc;margin: 10px 0;}
.icsayfa article .yorumlar ol.comment-list li .comment-body .reply{}
.icsayfa article .yorumlar ol.comment-list li .comment-body .reply a{display: inline-block;padding: 5px 10px;font-size: 12px;background: #525252;color: #fff;}
.icsayfa article .yorumlar ol.comment-list li:hover .comment-body .reply a{background: #4CAF50;}
.icsayfa article .yorumlar ol.comment-list li ul.children{width: 90%;margin-left: 10%;}
.icsayfa article .yorumlar ol.comment-list li ul.children li{}
.icsayfa.oyuncudetay{}
.icsayfa.oyuncudetay article figure.gorsel{max-width: 220px;float: left;margin: 0 25px 25px 0;width: 100%;}
.icsayfa .wp-block-embed iframe{width:100%;min-height:440px}

.takimolaylari{}
.takimolaylari ul{}
.takimolaylari ul li{border-bottom:1px solid #f0f0f0;padding:5px 0;}
.takimolaylari ul li span.olaylar span{
    margin: 2px;
    padding: 1px 5px;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
}
.takimolaylari.rakiptakim ul li span{}
.takimolaylari ul li span.gol{
    background: #00d084;
}
.takimolaylari ul li span.sari{
    background: #ffeb3b;
}
.takimolaylari ul li span.kirmizi{background: #F44336;}
.takimolaylari ul li span.olaylar{
    float: right;
}

.fiksturbilgileri.macdetaylari .karsilasmalar{
    max-height: none;
}
.fiksturbilgileri.macdetaylari .karsilasmalar .takim img{
    max-width: 120px;
    max-height: none;
}
.fiksturbilgileri.macdetaylari .karsilasmalar .tarih .mactarihi,
.fiksturbilgileri.macdetaylari .karsilasmalar .sonuclandi .tarih .mactarihi{
    font-size: 20px;
    line-height: 18px;
}
.fiksturbilgileri.macdetaylari .karsilasmalar .sonuclandi .tarih .macskoru{
    font-size: 42px;
    margin-top: 15px;
}
.fiksturbilgileri.macdetaylari .karsilasmalar .takim a{}
.fiksturbilgileri.macdetaylari .karsilasmalar .takim b{
    font-size: 20px;
}

.takimimiz-sayfasi{padding: 25px 30px 30px 30px;}
.takimimiz-sayfasi article{}
.takimimiz-sayfasi article h1.baslik{text-align: center;margin-bottom: 40px;}
.takimimiz-sayfasi article .oyuncu{margin-bottom:40px}
.takimimiz-sayfasi article .oyuncu a img{margin-bottom:10px;width: 100%;}
.takimimiz-sayfasi article .oyuncu a .obaslik{color: #000;height: 50px;overflow: hidden;}
.takimimiz-sayfasi article .oyuncu a .obaslik h3{font-weight:bold;max-height: 34px;overflow: hidden;}
.takimimiz-sayfasi article .oyuncu a .obaslik small{color:#818181}
.takimimiz-sayfasi article figure.gorsel{margin-bottom: 30px;}
.takimimiz-sayfasi article figure.gorsel img{}
.takimimiz-sayfasi article #detaybolumu{}

.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align: center!important;}

.puan-durumu-sayfasi{padding: 25px 30px 30px 30px;}
.puan-durumu-sayfasi h1.baslik{text-align: center;margin-bottom: 40px;}
.puan-durumu-sayfasi table{width:100%;color: #000;font-size:14px;margin-bottom: 50px;}
.puan-durumu-sayfasi table th{padding: 10px 5px;background: #ccc;width: 30px;color: #fff;border-bottom: 1px solid #000;}
.puan-durumu-sayfasi table.puan-tablosu th{text-align: right;color: #fff;}
.puan-durumu-sayfasi table.puan-tablosu th:nth-child(2){text-align:left;}
.puan-durumu-sayfasi table tr td{padding: 9px 5px;}
.puan-durumu-sayfasi table.puan-tablosu tr td{text-align: right;}
.puan-durumu-sayfasi table tr:nth-child(odd) td{background: #ededed;}
.puan-durumu-sayfasi table.puan-tablosu tr td:nth-child(2){text-align:left;}
.puan-durumu-sayfasi table tr:hover td,
.puan-durumu-sayfasi table tr.aktif td{background: #ccc;color: #fff;}
.puan-durumu-sayfasi table.fikstur-tablosu{}

.tournament{
	text-align: center;
	color: #000;
}
.tournament .title{
	font-weight: bold;
}
.tournament ul{
	margin-bottom: 10px;
}
.tournament ul li{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	padding: 8px;
	background: #f0f0f0;
	margin-bottom: 5px;
}
.tournament ul li .date{
	font-size: 12px;
	width: 100%;
}
.tournament ul li a{color:#000;}
.tournament ul li .teams{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	width: 100%;
	justify-content: center;
}
.tournament ul li .teams .team{font-weight: bold;position: relative;font-size: 10px;line-height: 13px;height: 22px;display: flex;align-items: center;width: calc(50% - 30px);}
.tournament ul li .teams .team img{
	width: 18px;
	position: absolute;
	top: 2px;
}
.tournament ul li .teams .team.team1{
	padding-right: 22px;
	text-align: right;
	justify-content: flex-end;
}
.tournament ul li .teams .team.team1 img{
	right: 0;
}
.tournament ul li .teams .team.team2{
	padding-left: 22px;
	text-align: left;
}
.tournament ul li .teams .team.team2 img{
	left: 0;
}
.tournament ul li .teams .score{
	display: flex;
	align-items: center;
	width: 60px;
}
.tournament ul li .teams .score span{
	display: inline-block;
	width: 18px;
	background: #fff;
	margin: 5px;
}
.tournament ul li .teams .score span.winner{
	background: #ffeb3b;
}

.woocommerce span.onsale{
	transform: rotate(-25deg);
	padding: 5px;
}

.woocommerce .product_meta{
	display: flex;
	flex-direction: column;
}
.woocommerce .product_meta>span{
	font-weight: 600;
}
.woocommerce .product_meta>span>span,
.woocommerce .product_meta>span a{
	font-weight: normal;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{overflow: hidden;}
.woocommerce div.product div.images .flex-control-thumbs{
	padding: 10px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
	margin-top: 10px;
	background: #f5f5f5;
}
.woocommerce div.product div.images .flex-control-thumbs li{
	width: unset;
	float: none;
	overflow: hidden;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
	height: 100%;
	object-fit: cover;
}
.woocommerce div.product p.price{
	font-size: 32px;
	font-weight: 600;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product span.price{
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 10px;
	display: inline-block;
}
.woocommerce div.product form.cart .variations{}
.woocommerce div.product form.cart .variations tbody{
	background: #f1f1f1;
	padding: 10px;
	display: flex;
	width: 100%;
	flex-direction: column;
	}
.woocommerce div.product form.cart .variations tr{
	display: grid;
	grid-template-columns: 1fr 4fr;
	align-items: center;
	padding: 5px;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{
	line-height: unset;
	color: #000;
	font-size: 16px;
	display: table-cell;
	padding: 5px;
}
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .reset_variations{display: none!important;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{
	min-height: 42px;
}

.woocommerce  .woocommerce-product-details__short-description{margin: 20px 0;font-weight: 600;}
.woocommerce div.product p.price,
.woocommerce div.product span.price{}
.woocommerce div.product form.cart .button{}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {border-color: #e9e9e9;}
.woocommerce div.product .woocommerce-tabs ul.tabs{
	margin: 0;
	padding-left: 25px;
}
.woocommerce div.product .woocommerce-tabs .panel{
	padding: 20px;
	border: 1px solid #e9e9e9;
	border-top: none;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
	font-size: 22px;
	color: #000;
	margin-bottom: 10px;
	font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs .panel p{}

.woocommerce-bacs-bank-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-billing-fields,
.woocommerce .woocommerce-shipping-fields,
.woocommerce .woocommerce-additional-fields,
.woocommerce section.related.products{
	padding: 30px;
	margin: 40px 0;
	position: relative;
	border: 1px solid #ebebeb;
}
.woocommerce-bacs-bank-details>h2,
.woocommerce .woocommerce-order-details>h2,
.woocommerce .woocommerce-customer-details>h2,
.woocommerce .woocommerce-billing-fields>h3,
.woocommerce .woocommerce-shipping-fields>h3,
.woocommerce .woocommerce-additional-fields>h3,
.woocommerce section.related.products>h2{
	position: absolute;
	top: -10px;
	font-size: 20px;
	background: #fff;
	padding: 0 10px;
	left: 20px;
}
.woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name{
	text-align: center;
	margin-bottom: 10px;
	font-size: 16px;
}
.woocommerce #order_review_heading{font-size: 20px;margin-bottom:20px;}
.woocommerce button.button{color:#fff;}
.woocommerce section.related.products ul {}
.woocommerce section.related.products ul li{
	margin-bottom: 20px;
}
.woocommerce ul.products li.product .price{}
.woocommerce ul.products li.product .button.product_type_variable{display:none;}

.woocommerce div.product p.price del, .woocommerce div.product span.price del{
	font-size: 75%;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
	display: block;
	text-decoration: none;
}

.woocommerce .cart_totals  {
	padding: 25px 20px 20px 20px;
	margin: 20px 0;
	border: 1px solid #dfdfdf;
	position:relative;
}
.woocommerce .cart_totals  h2{
	position: absolute;
	font-size: 18px;
	top: -10px;
	background: #ffff;
	padding: 0 10px;
	left: 25px;
}
.woocommerce .cart_totals a.button{
	margin-bottom: 0;
}
.woocommerce-cart .wc-proceed-to-checkout{
	padding: 0;
	margin-top: 20px;
}
.woocommerce div.coupon {
	min-width: 250px;
	display: flex;
	justify-content: space-between;
}
.woocommerce table.cart td.actions .input-text{
	width: 120px;
}

.woocommerce-account .woocommerce-MyAccount-navigation{width:24%;}

.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style-type:none;margin:0;padding: 0;}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:block;font-size: 18px;padding: 10px 18px;margin-bottom: 5px;}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a,

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: #fff;}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a i{margin-right:10px;}

.woocommerce-account .woocommerce-MyAccount-content{width:74%;background-color: #fff;padding: 20px;-webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);}

.woocommerce-account .woocommerce-MyAccount-content p{color:#000;}

.woocommerce-account .woocommerce-MyAccount-content mark{padding: 4px 6px;border: 1px solid #ccc;}

.woocommerce-account .woocommerce-MyAccount-content h3,

.woocommerce-account .woocommerce-MyAccount-content h2{font-size: 16px;}

.woocommerce-account .woocommerce-MyAccount-content .col-1{width:100%;}

.woocommerce-account .woocommerce-MyAccount-content address{

    padding: 10px;

    border: 1px solid #ccc;

    font-size: 14px;

}
.woocommerce-checkout #payment ul.payment_methods li {padding: 10px 10px 10px 40px;position: relative;border: 1px solid #dcd7e3;margin-bottom: 20px;background: #fff;}
.woocommerce-checkout #payment ul.payment_methods li input{position: absolute;left: 10px;top: 17px;width: 18px;height: 18px;}
.woocommerce-checkout #payment ul.payment_methods li label{
	cursor: pointer;
}

.woocommerce .woocommerce-order .woocommerce-notice{
	padding: 30px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
	border: 1px solid #ebebeb;
}
.woocommerce .woocommerce-order .woocommerce-notice.woocommerce-notice--success{
	border-color: #4CAF50;
	color: #4CAF50;
}

.woocommerce ul.order_details{
	display: flex;
	justify-content: space-evenly;
	gap: 20px;
	margin-bottom: 30px;
}
.woocommerce ul.order_details li{
	border: 0;
	margin: 0;
	padding: 0;
}
.woocommerce ul.woocommerce-order-overview + p{
	text-align: center;
}

.wp-block-product-new .wc-block-grid__products {
	background: #fff;
	margin: 0;
}

.wp-block-product-new li.wc-block-grid__product {
}

.wp-block-product-new .wc-block-grid__products .wc-block-grid__product-image img {

	width: 100%;
}

.wp-block-product-new .wc-block-grid__product-title {
	font-size: 18px;
}

.wp-block-product-new .wc-block-grid__product-price.price {
	font-size: 18px;
}

.wp-block-product-new .wc-block-grid__product-image {
	width: 100%;
	background: #f6faf9;
	padding: 20px;
}

.wp-block-product-new.wc-block-grid .wc-block-grid__product-onsale,
.wp-block-product-new.wc-block-grid__product-image .wc-block-grid__product-onsale {
	top: 10px;
	right: 10px;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{color:#fff;}
a.added_to_cart.wc-forward {
	margin-left: 10px;
	color: #000;
}

.woocommerce ul li.product-category a{
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
}
.woocommerce ul li.product-category a img{
	width: 60px !important;
	margin: 0 10px 0 0!important;
}
.woocommerce ul li.product-category .woocommerce-loop-category__title{}

.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-35{margin-top:35px;}
.mt-40{margin-top:40px;}

/*Stiller Bitti*/

@media (min-width: 1200px){.container {width: 90%;max-width:1250px;}}
@media (min-width: 992px){.container {width: 90%;}}
@media (min-width: 768px){.container {width: 90%;}}

@media (min-width: 1560px) {

}

@media (min-width: 992px) and (max-width: 1350px) {
.puandurumu{}
}


@media (max-width: 991px) {
header nav.nav a.homepage-link,
header nav.nav ul{display:none;}
header nav.nav ul li a{padding: 15px 8px;font-size: 14px;}
header nav.nav ul li a small{font-size:10px;}
.mobilmenubar{display: block!important;}
.bilesen-manset-alt{flex-wrap: wrap;flex-direction: column;gap: 0;display: block;}
}



@media (min-width: 577px) and (max-width: 991px) {
.haberkutu.tip2 a img{width:190px;}
.logobar .logo a {justify-content: center;}
}

@media screen and (min-width: 577px) {

}

@media screen and (max-width: 767px) {


}

@media screen and (max-width: 576px) {
.logobar{padding: 20px 0;}
.logobar .logo{margin-bottom:20px;}
.logobar .logo a {justify-content: left;}
.logobar .logo a h1{font-size: 22px;}
.logobar .logo a h1 small{font-size: 12px;}
.logobar .logo a img{width: 80px;}
.logobar .reklam{height: 60px;}
#mansetler .mansetalani{padding-right: 0;}
#mansetler .mansetbutonlari{width: 100%;position:relative;display: grid;grid-template-columns: 1fr 1fr 1fr;background: #fff;padding: 5px;gap: 5px;}
#mansetler .mansetbutonlari .mansetbuton{flex-wrap: wrap;margin: 0;}
#mansetler .manset a .basliklar{margin:10px;}
#mansetler .manset a .basliklar .baslik{font-size: 14px;padding: 5px 10px;}
#mansetler .manset a .basliklar .kat{font-size: 10px;}
.haberkutu.tip2 a{display:block;}
.haberkutu.tip2 a img{width:100%;margin-right: 0;}
.altbilesenler .bilesen .bilesenic .slaytyap .item a{display:block;}
.altbilesenler .bilesen .bilesenic .slaytyap .item a img{margin-bottom:10px;}
.altkisim .sponsorlar .logolist{flex-flow: row wrap;}
.altkisim .sponsorlar .logolist{flex: 2 50%;}
.tablar .tablinkler .tablink{font-size:12px;padding:10px 8px;}
#oyuncular .owl-theme .owl-nav .owl-next{right: -10px;}
#oyuncular .owl-theme .owl-nav .owl-prev{left: -10px;}
}

@media print { 
.yazdir { display: none !important; }
}

.hc-offcanvas-nav{width:100%;z-index: 999999!important;}
.hc-offcanvas-nav::after, 
.hc-offcanvas-nav .nav-wrapper::after {background:#000!important;opacity:0.5!important;}
.hc-offcanvas-nav .nav-container{width: 80%!important;max-width: 300px!important;}
.hc-offcanvas-nav.nav-position-right .nav-container {transform: translate3d(300px, 0, 0);}
.hc-offcanvas-nav .nav-container, 
.hc-offcanvas-nav .nav-wrapper, 
.hc-offcanvas-nav .nav-content ul {background: #ffffff!important;} 
.hc-offcanvas-nav .nav-content li.nav-back a:hover {background: #000;}
.hc-offcanvas-nav .nav-content li.nav-back a {border: none;color: #fff;padding: 16px 17px;font-size: 18px;line-height: 28px;border: 0!important;}
.hc-offcanvas-nav .nav-content a, 
.hc-offcanvas-nav .nav-content .nav-item{border-bottom: 1px solid #ececec!important;font-size: 18px;color: #000 !important;!i;!;}
.hc-offcanvas-nav .nav-content .nav-item small{font-size:100%;}
.hc-offcanvas-nav .nav-content li.nav-close{}
.hc-offcanvas-nav .nav-content li.nav-close a{padding: 16px 17px;border: 0;text-align: center;color: #fff;font-size: 20px;border-bottom: 0!important;}
.hc-offcanvas-nav li.nav-close a:hover, 
.hc-offcanvas-nav li.nav-back a:hover{}
.hc-offcanvas-nav .nav-content li.nav-close a i{padding: 7px;background: #fff;color: #6b862a;font-size: 22px;margin-right: 5px;width: 36px;height: 36px;text-align: center;}
.hc-offcanvas-nav .nav-content li.nav-close a b{font-size: 18px;font-weight: normal;color: #fff;}
.hc-offcanvas-nav .nav-content li.nav-close a span{display:none;}
.hc-offcanvas-nav:not(.touch-device) .nav-content a:hover{color: #fff;}
.hc-offcanvas-nav .nav-content span.nav-next::before{border-top-color: #000000;border-left-color: #000000;}
.hc-offcanvas-nav:not(.touch-device) .nav-content a:hover span.nav-next::before{border-top-color: #fff;border-left-color: #fff;}
.hc-offcanvas-nav .nav-content li.nav-back span::before{border-top-color: #fff;border-left-color: #fff;}
.hc-offcanvas-nav ul.bottom-nav {position: absolute;z-index: 10;bottom: 0;width: 100%;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: stretch;align-items: stretch;background: #f1f1f1!important;padding-bottom: 8px;padding-left: 30px;}
.hc-offcanvas-nav ul.bottom-nav li {-ms-flex: auto;flex: auto;}
.hc-offcanvas-nav li {position: relative;display: block;}
.hc-offcanvas-nav.nav-open ul.bottom-nav li a {padding: 10px;text-align: center;height: 100%;border-bottom: none;border: 0!important;}
.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {border-color: #eee!important;}
.hc-offcanvas-nav a[href]:not([href="#"]):hover>span.nav-next {border-color: rgba(0, 0, 0, 0.3)!important;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, 
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, 
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover{background:#ebebeb!important}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, 
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size: 12px!important;padding-right: 10px;}

.hc-offcanvas-nav .nav-container{z-index: 9991!important;}
.hc-offcanvas-nav::after{z-index: 9990!important;}
.hc-offcanvas-nav .nav-content{z-index: 9992!important;}
.hc-offcanvas-nav .nav-wrapper::after{z-index: 9991!important;}