body{margin:0px;padding:0px;color:#000;background-color:#ECF1F8;background-position:center center;background-size:100%;}
*{font-family:Quicksand,arial;box-sizing:border-box;outline:none;text-decoration:none;-webkit-tap-highlight-color: transparent;}
a{color:#000;}
::selection {background-color: #B31E1B;color: #fff;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}


ul{margin:0px;padding:0px;}
ul li{list-style:none;}
a{outline:none;text-decoration:none;}
h1{font-size:15pt;margin:0px;padding:0px;}
h1 i{margin-right:5px;}

h2{font-size:11pt;font-weight:bold;margin:0px;margin-bottom:10px;border-radius:5px;}
h2 i{margin-right:5px;}

table{border-collapse:collapse;border-spacing:0px;width:100%;}
table td{vertical-align:top;}

.ortala{text-align:center;}

.sayfa-yenile{position:fixed;top:-60px;left:0px;right:0px;height:60px;line-height:60px;text-align:center;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);backdrop-filter: blur(5px);color:#000;font-size:12pt;transition:top 0.3s ease;z-index:9999;}


.pointer{cursor:pointer;}

.tab-baslik:after{content:"";display:table;clear:both;}
.tab-baslik{margin-bottom:8px;}
.tab-baslik ul{margin:0px;padding:0px;}
.tab-baslik ul li{float:left;list-style:none;}
.tab-baslik ul li a{display:block;padding:10px 20px;background-color:#efefef;color:#1b1b1b;font-size:10pt;font-weight:bold;}
.tab-baslik ul li:first-child a{border-radius:5px 0px 0px 5px;}
.tab-baslik ul li:last-child a{border-radius:0px 5px 5px 0px;}
.tab-baslik ul li a i{margin-right:5px;}
.tab-baslik .aktif a{color:#003399;background-color:#fff !important;}
.tab-detay .tab{display:none;}
.tab-butonlar{margin-bottom:10px;}
.tab-butonlar:after{content:"";display:table;clear:both;}
.tab-butonlar ul{margin:0px;padding:0px;}
.tab-butonlar ul li{float:left;margin-right:5px;}

.tooltip {position: relative;}
.tooltip:before,.tooltip:after {position: absolute;opacity: 0;visibility: hidden;transition: opacity .3s ease-in-out;}
.tooltip:hover:before, .tooltip:hover:after {opacity: 1;visibility: visible;}
.tooltip:before {content: attr(data-tooltip);z-index: 9999999;color: #fff;background: rgba(0,0,0, .7);border-radius: 5px;padding: 5px;font-size:8pt !important;text-align:center;}
.tooltip:after {content: "";width: 0;height: 0;}
.tooltip-top:before,.tooltip-top:after {bottom: 100%;left: 50%;transform: translate(-50%);margin-bottom: 15px;}
.tooltip-top:after {margin-bottom: 9px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid rgba(0,0,0, .7);}
.tooltip-bottom:before,.tooltip-bottom:after {top: 100%;left: 50%;transform: translate(-50%);margin-top: 15px;}
.tooltip-bottom:after {margin-top: 9px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 7px solid rgba(0,0,0, .7);}
.tooltip-right:before,.tooltip-right:after {top: 50%;left: 100%;transform: translate(0, -50%);margin-left: 15px;}
.tooltip-right:after {margin-left: 9px;border-top: 5px solid transparent;border-right: 7px solid rgba(0,0,0, .7);border-bottom: 5px solid transparent;}
.tooltip-left:before,.tooltip-left:after {top: 50%;right: 100%;transform: translate(0, -50%);margin-right: 15px;}
.tooltip-left:after {margin-right: 9px;border-top: 5px solid transparent;border-left: 7px solid rgba(0,0,0, .7);border-bottom: 5px solid transparent;}


.popup{display:none;position:absolute;position:fixed;left:50%;top:20px;transform: translateX(-50%);width:800px;max-height:calc(100% - 40px);z-index:99999;overflow:auto;animation-name:popupac;animation-duration: 0.3s;animation-timing-function: ease-out;}
.popup-detay .kutu{margin:0px;padding:10px;background-color:#fff;border-radius:10px;overflow:hidden;border:0px;}
.popup-detay h1{margin:0px;padding:0px;width:calc(100% + 20px);margin:-10px;margin-bottom:10px;color:#fff;background-color:#B31E1B;background-position:center center;background-size:cover;padding:10px;font-size:14pt;text-align:left;font-weight:700;}
.popup-detay .popup-kapat-icon{position:absolute;top:7px;right:7px;color:#fff;font-size:20pt;}
.popup-perde{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.8);z-index:9999;backdrop-filter: blur(5px);}
.popup-perde i{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:15pt;}


@keyframes popupac {
	0% {
	  transform: translateX(-50%) translateY(-100%); /* Başlangıç pozisyonu */
	  opacity: 0;
	}
	100% {
	  transform: translateX(-50%) translateY(0%); /* Son pozisyon */
	  opacity: 1;
	}
}
@keyframes popupkapat222 {
	0% {
	  transform: translateX(-50%) translateY(0%); /* Başlangıç pozisyonu */
	  opacity: 0;
	}
	100% {
	  transform: translateX(-50%) translateY(-100%); /* Son pozisyon */
	  opacity: 1;
	}
}

@keyframes popupkapat {
	0% {
	  transform: translateX(-50%) translateY(0%); /* Başlangıç pozisyonu */
	  opacity: 1;
	}
	100% {
	  transform: translateX(-50%) translateY(100%); /* Son pozisyon */
	  opacity: 0;
	}
}
fieldset{border:1px solid #003399;margin:0;margin-bottom:30px;border-radius:5px;}
legend i{margin-right:5px;}
legend{font-size:9pt;font-weight:700;color:#003399;background-color:#fff;padding: 5px 10px;border: 1px solid #003399;border-radius: 5px;background-image: linear-gradient(to bottom, #fff 0%, #e5e5e5  100%);}

.yildiz i{color:#FBD204;}

.hizmetler:after{content:"";display:table;clear:both;}
.hizmetler .hizmet{float:left;width:calc(25% - 10px);border:0px solid #ccc;margin:5px;padding:10px 0px;box-shadow:0px 0px 3px 1px #ccc;}
.hizmetler .hizmet a{color:#000;}
.hizmetler .hizmet a:hover{color:#B31E1B;}
.hizmetler .hizmet .hizmeticon{text-align:center;}
.hizmetler .hizmet .hizmeticon i{font-size:20pt;margin-bottom:10px;color:lightgreen;}
.hizmetler .hizmet .hizmetadi{text-align:center;font-size:12pt;font-weight:bold;}
.hizmetler .hizmet .yildiz{text-align:center;}


.yuzdebar{width:100%;background-color:#ccc;border-radius:20px;overflow:hidden;text-align:center;}
.yuzdebar div{text-align:center;background-color:green;color:#fff;padding:5px;border-radius:20px;font-size:8pt;}

.liste ul{margin:0px;padding:0px;}
.liste ul li{text-align:left;padding:8px 0px;font-size:10pt;border-bottom:1px solid #414141;}
.liste ul li span{float:right;}


.yatay-menuler{margin-bottom:10px;}
.yatay-menuler:after{content:"";display:table;clear:both;}
.yatay-menuler ul li{float:left;}
.yatay-menuler ul li a{display:block;color:#fff;padding:5px 10px;margin-right:10px;background-color:#B31E1B;font-size:9pt;font-weight:bold;border-radius:4px;}
.yatay-menuler ul li a i{margin-right:5px;}
.yatay-menuler ul li a:hover{background-color:#000;}

.liste-yatay ul{margin:0px;padding:0px;}
.liste-yatay ul li{float:left;margin-right:10px;font-size:9pt;color:#1b1b1b;}

input,file,select,textarea,button,submit {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;background-color:#ffffff;}
button,submit{-webkit-appearance: none;-webkit-border-radius: 0;}

.kirmizibg{background-color:#e00000;}

.buton-liste li{margin-top:10px;}


.kategoriler:after{content:"";display:table;clear:both;}
.kategori{float:left;overflow:hidden;background-color:#fff;border-radius:5px;box-shadow:0px 4px 2px #ccc;width:calc(25% - 20px);margin:10px;cursor:pointer;}
.kategori:hover{box-shadow:0px 0px 15px 5px #ccc;}
.kategori:hover .resim div{display:block;}
.kategori a{color:#000;}
.kategori .resim{position:relative;height:150px;background-color:#efefef;background-size:cover;background-position:center;}
.kategori .resim div{display:none;transition: all ease .5s;position:absolute;left:0px;top:0px;width:100%;height:150px;line-height:150px;font-size:15pt;font-weight:700;text-shadow:1px 1px 1px #000;background-color:rgb(34,139,34,0.8);color:#fff;text-align:center;}
.kategori .kategoriadi{padding:10px;text-align:left;font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kategori .profesyonelsayisi{padding:3px 10px;text-align:left;font-weight:300;font-size:9pt;}
.kategori .yorumsayisi{padding:3px 10px;text-align:left;font-weight:300;font-size:9pt;margin-bottom:10px;}
.kategori i{width:20px;}

.uzmanlar:after{content:"";display:table;clear:both;}
.uzman{position:relative;float:left;height:100px;overflow:hidden;background-color:#fff;border-radius:5px;box-shadow:0px 4px 2px #ccc;width:calc(25% - 20px);padding:15px;margin:10px;cursor:pointer;transition: all ease .5s;}
.uzman:hover{box-shadow:0px 0px 15px 5px #ccc;}
.uzman a{color:#000;}
.uzman .resim{position:absolute;top:10px;left:10px;width:80px;height:80px;border-radius:5px;background-color:#efefef;margin-bottom:10px;background-position:center;background-size:cover;border:1px solid #ccc;}
.uzman .unvan{position:absolute;top:10px;left:100px;width:calc(100% - 110px);text-align:left;font-weight:700;font-size:12pt;color:#BF2A1C;overflow:hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.uzman .unvan i{margin-right:5px;}
.uzman .aciklama{position:absolute;top:10px;left:100px;width:calc(100% - 100px);height:50px;text-align:center;font-weight:300;font-size:10pt;overflow:hidden;}
.uzman .yildiz{position:absolute;top:40px;left:100px;width:calc(100% - 100px);font-size:9pt;font-weight:300;}
.uzman .konum{position:absolute;top:70px;left:100px;width:calc(100% - 100px);font-size:9pt;color:#808080;}
.uzman .konum i{margin-right:5px;}

.yorumlar:after{content:"";display:table;clear:both;}
.yorumlar .yorum{padding:5px;margin:5px 0px;font-size:9pt;}
.yorumlar .yorum a{color:#000;}
.yorumlar .yorum a:hover{text-decoration:underline;}
.yorumlar .yorum-yap{position:relative;}
.yorumlar .yorum-yap i{position:absolute;right:15px;top:21px;}


.kutu-ilanlar .ilan{overflow:hidden;background-color:#fff;border-radius:5px;box-shadow:0px 4px 2px #ccc;}
.kutu-ilanlar .ilan .resim{height:200px;background-size:cover;background-position:center center;}
.kutu-ilanlar .ilan .baslik{padding:10px;font-size:10pt;font-weight:bold;text-align:center;height:60px;color:#000;overflow:hidden;}
.kutu-ilanlar .ilan .fiyat{padding:0px 10px;padding-bottom:10px;font-size:12pt;font-weight:bold;text-align:center;color:#E31E24;}
.kutu-ilanlar .ilan .ilanno{padding:10px;font-size:8pt;font-weight:300;text-align:center;color:#000;}
.kutu-ilanlar .ilan:hover{box-shadow:0px 0px 15px 5px #ccc;}



.liste-ilanlar .ilan{background-color:#fff;padding:10px;border-radius:5px;margin-bottom:10px;transition: all ease .5s;border:1px solid #ddd;}
.liste-ilanlar .ilan:hover{box-shadow:1px 1px 5px #ccc;}
.liste-ilanlar .ilan:after{content:"";clear:both;display:table;}
.liste-ilanlar .ilan .resim{float:left;width:250px;height:180px;background-color:#efefef;background-size:cover;background-position:center center;border:1px solid #ccc;}
.liste-ilanlar .ilan .resim{font-size:12pt;font-weight:bold;}
.liste-ilanlar .ilan .bilgiler{float:left;padding-left:10px;width:calc(100% - 260px);}
.liste-ilanlar .ilan .baslik{font-weight:bold;color:#000;font-size:12pt;margin-bottom:5px;}
.liste-ilanlar .ilan .fiyat{font-weight:bold;color:#003399;font-size:12pt;margin-bottom:5px;}
.liste-ilanlar .ilan .adres{font-size:10pt;color:#000;margin-bottom:10px;}
.liste-ilanlar .ilan .ozellikler:after{content:"";display:table;clear:both;}
.liste-ilanlar .ilan .ozellikler ul li{float:left;margin:5px 10px;margin-left:0px;border-radius:3px;padding:5px 10px;border:1px solid #ccc;color:#000;font-size:8pt;font-weight:bold;}
.liste-ilanlar .ilan .ozellikler ul li span{font-weight:400;}
.liste-ilanlar .ilan .tarih{font-size:8pt;color:#000;margin-top:10px;}
.liste-ilanlar .ilan .tarih i{margin-right:5px;}


.slider-container{position: relative;}
.slider{width: 100%;overflow: hidden;position: relative;text-align:center;}
.slider img{max-height:500px;max-width: 100%;display: none;border-radius:5px;}
.slider-prev{position:absolute;display:flex;border-radius:5px 0px 0px 5px;align-items: center;justify-content: center;top:0px;left:0px;width:50px;height:100%;background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));color: #fff;font-size:15pt;cursor: pointer;}
.slider-next{position:absolute;display:flex;border-radius:0px 5px 5px 0px;align-items: center;justify-content: center;top:0px;right:0px;width:50px;height:100%;background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));color: #fff;font-size:15pt;cursor: pointer;}
.slider-prev:hover{background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));}
.slider-next:hover{background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}
.slider-thumbnails{height:80px;overflow:auto;}
.slider-thumbnails ul{display: flex;}
.slider-thumbnails ul li img{width:50px;height: 50px;margin:3px;cursor: pointer;border-radius:5px;}
.active-thumbnail{border: 2px solid #000;}
.slider-thumbnails::-webkit-scrollbar {width:5px;height:5px;background-color:#ccc;border-radius:5px;}
.slider-thumbnails::-webkit-scrollbar-thumb{background:#808080;border-radius:5px;}

.sola-kaydir{display:none;position:absolute;position:fixed;z-index:999;left:10px;top:0px;height:100vh;line-height:100vh;font-size:14pt;}
.saga-kaydir{display:none;position:absolute;position:fixed;z-index:999;right:10px;top:0px;height:100vh;line-height:100vh;font-size:14pt;}


.mesaj-kisileri .kisi:after{content:"";display:table;clear:both;}
.mesaj-kisileri .kisi a{display:block;color:#000;padding:10px;border-radius:10px;height:70px;transition: all ease .5s;}
.mesaj-kisileri .kisi .resim{float:left;width:50px;height:50px;border-radius:50%;border:1px solid #ccc;margin-right:10px;background-size:cover;background-position:center;}
.mesaj-kisileri .kisi .unvan{font-weight:bold;}
.mesaj-kisileri .kisi .sonmesaj{font-size:9pt;color:#808080;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mesaj-kisileri .kisi .tarih{font-size:8pt;color:#808080;font-style:italic;}
.mesaj-kisileri .kisi:hover a{background-color:#efefef;color:#000;}
.mesaj-kisileri .aktif a{background-color:#efefef;}

.kurumsal-menu ul{margin:0px;padding:0px;}
.kurumsal-menu ul li a{display:block;color:#000;padding:10px;font-size:10pt;font-weight:bold;border-bottom:1px dashed #ccc;}
.kurumsal-menu ul li a:hover{background-color:#B31E1B;color:#fff;}
.kurumsal-menu ul li a:hover i{color:#fff;}
.kurumsal-menu ul li a i{width:20px;color:#B31E1B;}

.mesaj{margin:10px;}
.mesaj:after{content:"";display:table;clear:both;}
.mesaj-detay{position:relative;min-width:100px;max-width:80%;background-color:rgb(0,0,0,0.1);padding:15px 30px;border-radius:20px;margin-top:20px;}
.mesaj .icerik{font-size:11pt;}
.mesaj .tarih{font-size:7pt;font-style:italic;}
.mesaj-sol{float:left;border-bottom-left-radius:5px;}
.mesaj-sag{float:right;border-bottom-right-radius:5px;background-color:#1877f2;color:#fff;}

.mini-profil{background-size:100% 100px;background-repeat:no-repeat;background-position:top center;padding-top:50px;}
.mini-profil:after{content:"";display:table;clear:both;}
.mini-profil .baslik{text-align:center;}
.mini-profil .baslik a{color:#000;font-weight:bold;}

.profil-resmim{position:relative;margin:0px auto;width:100px;height:100px;background-position:center center;background-size:cover;background-color:#fff;border-radius:50%;margin-bottom:20px;box-shadow: 0 0 0 30px rgba(127,173,244,.05), 0 0 0 20px rgba(127,173,244,.08), 0 0 0 10px rgba(127,173,244,.1);transition: transform 0.2s;}
.profil-resmim div{position:absolute;right:0px;top:0px;width:26px;height:26px;line-height:26px;text-align:center;background-color:#1877f2;color:#fff;border-radius:50%;font-size:9pt;}
.profil-resmim:hover{transform: scale(1.1);}


.profil-ozeti{padding:10px;margin-top:20px;}
.profil-ozeti:after{content:"";display:table;clear:both;}
.profil-ozeti div{font-size:8pt;padding:0px;}
.profil-ozeti div span{font-weight:bold;font-size:15pt;}
.profil-ozeti div{border-left:1px solid #ccc;}
.profil-ozeti div:nth-child(1){border:0px;}


[class*="acilirmenu-"]{position:absolute;right:10px;padding:10px;border-radius:5px;background-color:#fff;box-shadow: 0px 0px 5px 1px rgb(0, 0, 0, 0.1);z-index:999;}




.mesaj-formu{position:relative;margin-top:20px;}
.ajax-mesajlar{height:calc(100vh - 190px);overflow:auto;}
.ajax-mesajlar::-webkit-scrollbar {width:5px;height:5px;background-color:#ccc;border-radius:5px;}
.ajax-mesajlar::-webkit-scrollbar-thumb{background:#B31E1B;border-radius:5px;}



.row:after{content:"";display:table;clear:both;}


[class*="col-"]{float:left;position:relative;padding:10px;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}



.fancybox__container {
    z-index: 1000000 !important;
}



.ul-listesi:after{content:"";display:table;clear:both;}
.ul-listesi li{float:left;width:25%;}



.gizli{display:none;}
.mobildegoster{display:none;}
.temizle{clear:both;}

.detaytablo{width:100%;}
.detaytablo td{padding:5px;line-height:150%;font-size:10pt;vertical-align:top;}



.detaytablo1{width:100%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.detaytablo1 td{width:25%;padding:5px;line-height:150%;border-left:1px solid #ccc;border-top:1px solid #ccc;font-size:9pt;vertical-align:top;}
.detaytablo1 td b{color:#319DB5;}
.detaytablo1 td a{color:#000;text-decoration:none;}
.detaytablo1 td a:hover{color:#319DB5;}


.detaytablo2{width:100%;border:0px solid #ccc;}
.detaytablo2 tr td{padding:8px 0px;border-top:1px solid #ccc;font-size:10pt;}
.detaytablo2 tr:nth-child(1) td{border-top:0px;}
.detaytablo2 tr td:nth-child(1){text-align:left;font-weight:bold;width:150px;}
.detaytablo2 tr td:nth-child(2){text-align:left;}
.detaytablo2 tr:nth-child(odd){background-color:#fbfcfd;}
.detaytablo2 tr:nth-child(even){background-color:#fff;}
.detaytablo2 tr td a{color:#000;text-decoration:none;}
.detaytablo2 tr td a:hover{color:#235aa6;text-decoration:underline;}
.detaytablo2 tr td i{width:20px;}


.detaytablo3{width:100%;border:1px solid #ccc;border-right:0px;}
.detaytablo3 tr:nth-child(odd){background-color:#fbfcfd;}
.detaytablo3 tr:nth-child(even){background-color:#fff;}
.detaytablo3 tr td{padding:10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-size:9pt;}
.detaytablo3 tr td a{color:#000;text-decoration:none;}
.detaytablo3 tr td a:hover{color:#235aa6;text-decoration:underline;}


.iskelet{margin:0px auto;width:1250px;position:relative;}




.ust{position:absolute;position:fixed;top:0px;left:0px;width:100%;height:60px;z-index:9999;background-color:rgb(255,255,255,0.8);backdrop-filter: blur(10px);box-shadow:0px 3px 2px rgb(0,0,0,0.1);transition: all ease .5s;}
.ust .logo{position:absolute;left:10px;top:5px;}
.ust .logo img{height:50px;transition: transform 0.2s;}
.ust .logo img:hover{transform: scale(1.05);}
.ust .arama{position:absolute;left:150px;top:15px;width:400px;}
.ust .arama .input{border-radius:30px;height:30px;background-color:#ECF1F8;color:#000;}

.ust .menuler{position:absolute;right:10px;top:13px;}
.ust .menuler:after{content:"";clear:both;display:table;}
.ust .menuler ul{margin:0px;padding:0px;}
.ust .menuler ul li{float:left;margin-left:8px;}
.ust .menuler ul li a{display:block;border:1px solid transparent;border-radius:5px;color:#000;font-weight:400;padding:5px 10px;font-size:11pt;transition: all ease .5s;}
.ust .menuler ul li a:hover{border:1px solid #B31E1B;}
.ust .menuler ul li a i{margin-right:5px;}
.ust .menuler .ince-menu a{border:1px solid #B31E1B;color:#B31E1B;}
.ust .menuler .ince-menu a:hover{background-color:#B31E1B;color:#fff;}
.ust .menuler .koyu-menu a{background-color:#B31E1B;color:#fff;}
.ust .menuler .aktif-menu a{border:1px solid #B31E1B;}

.ust .mobil-menuler{position:absolute;right:20px;top:14px;}
.ust .mobil-menuler ul li{float:left;margin:0px;padding:0px;margin-left:20px;}
.ust .mobil-menuler ul li a{display:block;color:#000;font-size:20pt;}
.ust .mobil-menuler ul li a:hover{color:#B31E1B;}


.ust-bgsiz{height:100px;background:none;box-shadow:0px 0px 0px;background: linear-gradient(rgba(0, 0, 0, 1) 0%, rgb(0, 0, 0, 0) 100%);}
.ust-bgsiz .menuler ul li a{color:#fff;}
.ust-bgsiz .menuler ul li a:hover{border:1px solid #fff;}
.ust-bgsiz .menuler .ince-menu a{border:1px solid #fff;color:#fff;}
.ust-bgsiz .menuler .koyu-menu a{background-color:#B31E1B;color:#fff;}
.ust-bgsiz .menuler .aktif-menu a{border:1px solid #fff;}
.ust-bgsiz .mobil-menuler ul li a{color:#fff;}



.fa{position:relative;}
.far{position:relative;}
.menuler i div{position:absolute;top:-15px;right:-15px;background-color:#e00000;color:#fff;font-size:7pt;width:15px;height:15px;line-height:15px;border-radius:50%;text-align:center;}
.mobil-alt-menu .far div{position:absolute;top:-5px;right:20px;background-color:#e00000;color:#fff;font-size:7pt;width:15px;height:15px;line-height:15px;border-radius:50%;text-align:center;}
.mobil-menuler i div{position:absolute;top:-5px;right:-5px;background-color:#e00000;color:#fff;font-size:7pt;width:15px;height:15px;line-height:15px;border-radius:50%;text-align:center;}

.sabit-bar{position:sticky;top:70px;}

.sag-oneriler td{padding:5px 0px;vertical-align:middle;border-top:1px dashed #ccc;}
.sag-oneriler td:nth-child(1){width:40px;}
.sag-oneriler td:nth-child(2) a{color:#007bff;font-size:10pt;font-weight:600;}
.sag-oneriler td:nth-child(3){text-align:right;}
.sag-oneriler td:nth-child(3) a{color:#007bff;font-size:9pt;border:1px solid #007bff;padding:4px;border-radius:3px;}
.sag-oneriler td:nth-child(3) a:hover{border:1px solid #B31E1B;color:#B31E1B;}

.populer-hediyeler{border:1px solid #ccc;border-radius:5px;overflow:hidden;background-color:#fff;}
.populer-hediyeler .resim{aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.populer-hediyeler .urunadi{font-size:8pt;text-align:center;height:28px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.populer-hediyeler .fiyat{padding:5px;font-size:8pt;text-align:center;font-weight:bold;}
.populer-hediyeler a{color:#000;}
.populer-hediyeler:hover{border:1px solid #B31E1B;}

.fotograflar{overflow:hidden;}
.fotograflar .resim{aspect-ratio:1/1;background-size:cover;background-repeat:no-repeat;background-position:center center;border:1px solid #ccc;border-radius:5px;}
.fotograflar .resim:hover{border:1px solid #B31E1B;}




.kucuk-resimler:after{content:"";clear:both;display:table;}
.kucuk-resimler .resim{float:left;position:relative;width:100%;aspect-ratio:1/1;border-radius:10px;padding:10px;background-color:#fff;border:1px solid #ccc;background-size:contain;background-position:center center;background-repeat:no-repeat;}
.kucuk-resimler .resim:hover{border:1px solid #000;}
.kucuk-resimler ul{margin:0px;padding:0px;}
.kucuk-resimler ul li{float:left;list-style:none;}
.kucuk-resimler ul li:nth-child(1) a{color:#000;}
.kucuk-resimler ul li:nth-child(2) a{color:#e00000;}
.kucuk-resimler .iconlar:after{content:"";clear:both;display:table;}
.kucuk-resimler .iconlar{position:absolute;top:10px;right:10px;background-color:rgb(255,255,255,0.9);border-radius:3px;box-shadow:0px 0px 3px 2px #808080;}
.kucuk-resimler .iconlar i{margin:8px;width:10px;}


.gonderi{position:relative;margin-bottom:20px !important;}
.gonderi:after{content:"";display:table;clear:both;}
.gonderi .baslik{margin-bottom:10px;cursor:pointer;width:calc(100% - 50px);}
.gonderi .baslik:after{content:"";display:table;clear:both;}
.gonderi .baslik .avatar{float:left;width:40px;height:40px;border-radius:50%;border:1px solid #ccc;background-position:center center;background-size:cover;margin-right:10px;}
.gonderi .baslik .adsoyad{font-weight:bold;}
.gonderi .baslik .tarih{font-weight:300;font-size:9pt;color:#808080;}
.gonderi .secenekler{float:right;}
.gonderi .secenekler .secim-iconu{display:block;width:30px;height:30px;line-height:30px;border-radius:50%;text-align:center;color:#808080;background-color:#efefef;}
.gonderi .secenekler .secim-iconu:hover{background-color:#B31E1B;color:#fff;}
.gonderi .secenekler .secim-iconu:hover i{color:#fff;}
.gonderi .secenekler ul{margin:0px;padding:0px;}
.gonderi .secenekler ul li a{display:block;color:#000;font-size:10pt;padding:10px;}
.gonderi .secenekler ul li a:hover{color:#B31E1B;}
.gonderi .secenekler ul li a i{width:20px;}
.gonderi .resim{position:relative;background-size:cover;background-position:center center;aspect-ratio:100/75;border-radius:5px;margin-bottom:10px;cursor:pointer;transition: transform 0.2s;}
.gonderi .resim .toplam-resim{position:absolute;top:10px;right:10px;padding:10px;border-radius:20px;background-color:rgb(255,255,255,0.8);color:#000;backdrop-filter: blur(10px);}
.gonderi .resim .toplam-resim i{margin-right:5px;}
.gonderi .resim:hover{transform: scale(1.02);}
.gonderi .yazi{font-size:12pt;line-height:150%;}
.gonderi .yazi a:hover{text-decoration:underline;}
.gonderi .video{margin:10px 0px;}
.gonderi .video iframe{border:0px;border-radius:10px;}
.gonderi .islem{border-top:1px solid #ccc;padding-top:10px;margin-top:10px;}
.gonderi .islem:after{content:"";display:table;clear:both;}
.gonderi .islem ul li{float:left;width:25%;text-align:center;border-left:0px solid #ccc;}
.gonderi .islem ul li:nth-child(1){border:0px;}
.gonderi .islem ul li a{display:block;color:#000;font-weight:600;font-size:10pt;border-radius:5px;padding:5px 0px;transition: all ease .5s;}
.gonderi .islem ul li a i{margin-right:5px;}
.gonderi .islem ul li a:hover{background-color:#efefef;}


.ajax-hizli-arama{display:none;position:absolute;width:400px;max-height:300px;overflow:auto;padding:10px;background-color:#fff;border-radius:20px;box-shadow:0px 0px 3px 2px rgb(0, 0, 0, 0.1);}
.ajax-hizli-arama ul li{list-style:none;}
.ajax-hizli-arama ul li a:after{content:"";display:table;clear:both;}
.ajax-hizli-arama ul li a{display:block;font-size:9pt;color:#000;padding:5px 0px;border-bottom:1px dashed #ccc;}
.ajax-hizli-arama ul li a img{float:left;width:30px;height:30px;border-radius:50%;margin-right:10px;border:1px solid #ccc;}


.gonderi-tab ul li{float:left;width:33.33%;text-align:center;}
.gonderi-tab ul li a{display:block;padding:10px;border-left:1px solid #ccc;}
.gonderi-tab ul li:nth-child(1) a{border:0px;}
.gonderi-tab ul li a i{margin-right:5px;}
.gonderi-tab ul li a:hover{font-weight:bold;}
.gonderi-tab ul .aktif a{color:#e00000;font-weight:bold;}

.urun-detay .resim{background-color:#fff;background-size:contain;background-position:center center;background-repeat:no-repeat;aspect-ratio:1/1;border-radius:10px;cursor:pointer;}
.urun-detay .baslik{font-size:20pt;font-weight:bold;color:#000;}
.urun-detay .aciklama{color:#808080;}
.urun-detay .fiyat{font-size:20pt;font-weight:bold;color:#000;}
.urun-detay .urun-detay-linkler ul{margin:0px;padding:0px;}
.urun-detay .urun-detay-linkler ul li{float:left;margin-right:20px;}
.urun-detay .urun-detay-linkler ul li a{font-size:10pt;font-weight:bold;}

.storyler {overflow-x: auto;white-space: nowrap;margin-bottom:20px;user-select: none;}
.storyler .story {position:relative;overflow:hidden;display: inline-block;width: 100px;height: 150px;line-height:150px;border-radius: 10px;border: 1px solid #ccc;background-size: cover;background-position: center center;margin-right: 10px;text-align:center;cursor:pointer;}
.storyler .story div{position:absolute;bottom:0px;left:0px;width:100%;color:#fff;height:20px;line-height:20px;font-size:7pt;z-index:999;}
.storyler .story i{font-size:20pt;}
.storyler .story:hover{border:1px solid #B31E1B;}
.storyler::-webkit-scrollbar {width:5px;height:5px;background-color:#ccc;border-radius:5px;}
.storyler::-webkit-scrollbar-thumb{background:#B31E1B;border-radius:5px;}
.storyler .story:before {content: "";position: absolute;height: 50%;width: 100%;bottom: 0;left: 0;right: 0;background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));background-image: linear-gradient(180deg, transparent, black);z-index: 1;}

.fancybox__caption a{color: #fff;font-size:14pt;}


.tema-sec:after{content:"";display:table;clear:both;}
.tema-sec ul li{float:left;list-style:none;width:50%;text-align:center;}
.tema-sec ul li:nth-child(1){padding-right:5px;}
.tema-sec ul li:nth-child(2){padding-left:5px;}
.tema-sec ul li a{display:block;color:#000;border:1px solid #ccc;border-radius:5px;padding:5px 0px;}
.tema-sec ul li a:hover{background-color:#ccc;}
.tema-sec ul li a i{margin-right:5px;}
.tema-sec .aktif a{background-color:#efefef;}


.yan-linkler ul li:nth-child(1) a{border:0px;}
.yan-linkler ul li a{display:block;padding:15px 0px;border-top:1px solid #ccc;color:#000;font-size:11pt;}
.yan-linkler ul li a i{width:30px;}
.yan-linkler ul li a:hover{color:#B31E1B;}

.yatay-linkler{position:relative;width:100%;overflow-x:scroll;padding:10px;}
.yatay-linkler ul{margin:0px;padding:0px;white-space: nowrap;}
.yatay-linkler ul li{display: inline-block;list-style:none;}
.yatay-linkler ul li a{display:block;padding:10px;color:#1877F2;background-color:#fff;border-radius:20px;}
.yatay-linkler ul li a i{margin-right:5px;}
.yatay-linkler .aktif a{background-color:#1877F2;color:#fff;}

.orta{position:relative;margin-top:70px;min-height:500px;padding-bottom:20px;}
.orta:after{content:"";clear:both;display:table;}
.orta-arama:after{content:"";clear:both;display:table;}
.orta-arama{position:relative;height:100vh;padding:130px 0px;background-position:top center;background-size:cover;background-attachment:fixed;z-index:1;}
.orta-arama::before{content: "";position: absolute;width: 100%;height: 100%;left: -0.5px;top: 0;background: rgb(11, 0, 79, 0.85);z-index: -1;}
.orta-arama h1{margin-bottom:10px;color:#fff;font-size:40pt;text-align:center;font-weight:700;}
.orta-arama h2{margin-bottom:40px;color:#fff;font-size:20pt;text-align:center;font-weight:300;}
.orta-arama .arama-cerceve{margin:0px auto;width:calc(100% - 10px);background-color:rgb(255,255,255,0.3);border-radius:30px;padding:0px;}
.orta-arama .formalani{border-radius:10px;padding:0px;}
.orta-arama .formalani .input{font-size:12pt;font-weight:900;border-radius:30px;}
.orta-arama .formalani .buton-yesil{height:40px;border-radius:30px;}
.orta-arama-overlay{position:absolute;bottom:0px;left:0px;width:100%;height:18px;background-image:url('/images/bg-dalga-3.png');background-position:top center;}


.onerilen-kategoriler:after{content:"";clear:both;display:table;}
.onerilen-kategoriler ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;list-style: none;}
.onerilen-kategoriler ul li{flex-basis: 25%;list-style:none;padding:5px;}
.onerilen-kategoriler ul li a{display:block;text-align:center;font-weight:bold;color:#fff;background-color:rgb(0,0,0,0.2);border:1px solid rgb(255,255,255,0.2);padding:10px 0px;border-radius:15px;transition: all ease .5s;}
.onerilen-kategoriler ul li a img{width:20%;filter:invert(100%);}
.onerilen-kategoriler ul li a:hover{background-color:rgb(0,0,0,0.5);border:1px solid rgb(255,255,255,0.5);}
.onerilen-kategoriler ul li a span{font-size:8pt;font-weight:300;}
.onerilen-kategoriler ul li a span i{margin-right:5px;}



.urunler .urun{padding:10px;border-radius:10px;overflow:hidden;background-color:#fff;cursor:pointer;border:1px solid transparent;transition: transform 0.2s;}
.urunler .urun .resim{background-color:#fff;aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-position:center center;margin-bottom:5px;border-radius:10px;}
.urunler .urun .urunadi{font-size:11pt;text-align:center;height:40px;color:#000;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.urunler .urun .fiyat{padding:5px;font-size:14pt;text-align:center;font-weight:bold;color:#000;}
.urunler .urun:hover{transform: translateY(-3px);}



.alt{padding:30px 0px;margin-top:50px;background-color:#272635;border-top:5px solid #000;background-image:url('/images/icbg-kategori.jpg');background-position:center center;background-size:cover;}
.alt:after{content:"";clear:both;display:table;}
.alt ul{margin:0px;padding:0px;}
.alt ul li a{display:block;font-size:11pt;color:#fff;padding:3px 0px;transition: all ease .5s;}
.alt ul li a:hover{padding-left:20px;}
.alt ul li a i{width:20px;}
.alt h3{color:#fff;}

.filtre-sonuclari{content:"";display:table;clear:both;}
.filtre-sonuclari ul{margin:0px;padding:0px;}
.filtre-sonuclari ul li{float:left;list-style:none;}
.filtre-sonuclari ul li a{display:block;color:#fff;font-size:8pt;padding:5px;background-color:#808080;border-radius:4px;margin-right:6px;margin-bottom:6px;}
.filtre-sonuclari ul li a i{margin-left:3px;}
.filtre-sonuclari .aktif a{background-color:#000;color:#fff;}

.dashboard div{text-align:center;cursor:pointer;font-weight:300;border-radius:5px;padding:20px 0px;transition: 0.5s;background-size: 200% auto;font-size:12pt;font-weight:bold;color:#fff;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.dashboard div:hover{background-position: right center;}
.dashboard div:after{content:"";display:table;clear:both;}
.dashboard:nth-child(3) div{background-image: linear-gradient(to right, #1CD8D2 0%, #93EDC7  51%, #1CD8D2  100%);}
.dashboard:nth-child(4) div{background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA  51%, #1FA2FF  100%);}
.dashboard:nth-child(5) div{background-image: linear-gradient(to right, #FF4E50 0%, #F9D423  51%, #FF4E50  100%);}
.dashboard:nth-child(6) div{background-image: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%);}
.dashboard div i{display:block;font-size:30pt;margin-bottom:10px;color:#fff;}
.dashboard div p{margin:0px;padding:3px 0px;}

.buton-yesil{display:block;width:100%;background-color:#339900;padding:0px;color:#fff;font-weight:bold;font-size:10pt;height:40px;line-height:40px;border-radius:30px;text-align:center;border:0px;cursor:pointer;}
.buton-yesil i{margin-right:5px;}
.buton-yesil:hover{opacity:0.9;}

.buton-sari{display:block;width:100%;background-color:#ffc300;padding:0px;color:#fff;font-weight:bold;font-size:10pt;height:40px;line-height:40px;border-radius:30px;text-align:center;border:0px;cursor:pointer;}
.buton-sari i{margin-right:5px;}
.buton-sari:hover{opacity:0.9;}

.buton-kirmizi{display:block;width:100%;background-color:#e00000;padding:0px;color:#fff;font-weight:bold;font-size:10pt;height:40px;line-height:40px;border-radius:30px;text-align:center;border:0px;cursor:pointer;}
.buton-kirmizi i{margin-right:5px;}
.buton-kirmizi:hover{opacity:0.9;}

.buton-mavi{display:block;width:100%;background-color:#38419C;padding:0px;color:#fff;font-weight:bold;font-size:10pt;height:40px;line-height:40px;border-radius:30px;text-align:center;border:0px;cursor:pointer;}
.buton-mavi i{margin-right:5px;}
.buton-mavi:hover{opacity:0.9;}

.buton-gri{display:block;width:100%;background-color:rgb(180, 179, 179);padding:0px;color:#fff;font-weight:bold;font-size:10pt;height:40px;line-height:40px;border-radius:30px;text-align:center;border:0px;cursor:pointer;}
.buton-gri i{margin-right:5px;}
.buton-gri:hover{opacity:0.9;}



.buton-yesil{background-color:#5bb75b;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.buton-sari{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;border-color:#f89406 #f89406 #ad6704;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.buton-kirmizi{background-color:#da4f49;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.buton-mavi{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.buton-siyah{background-color:#363636;*background-color:#222;background-image:-moz-linear-gradient(top,#444,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));background-image:-webkit-linear-gradient(top,#444,#222);background-image:-o-linear-gradient(top,#444,#222);background-image:linear-gradient(to bottom,#444,#222);background-repeat:repeat-x;border-color:#222 #222 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.buton-turkuaz{background-color:#49afcd;*background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);background-repeat:repeat-x;border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.buton-gri{color:#000;background-color:#e6e6e6;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;*border:0;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);}



.secim{position: relative;float:left;margin-right:10px;width:50px;height:24px;background-color:#ccc;cursor: pointer;transition: .4s;border-radius: 24px;}
.secim:before {background-color: #fff;content: "";width: 18px;height: 18px;bottom: 3px;left: 3px;position: absolute;transition: .4s;border-radius: 50%;}
input:checked + .secim {background-color: #66bb6a;}
input:checked + .secim:before {transform: translateX(26px);}


.kapak{position:relative;background-color:#efefef;height:250px;border-radius:10px;background-size:cover;background-position:center center;}
.kapak .butonlar{position:absolute;right:20px;bottom:20px;}
.kapak .butonlar ul li{float:left;margin-left:10px;}
.kapak .butonlar ul li a{display:block;background-color:#fff;border-radius:5px;padding:5px 10px;font-size:9pt;color:#000;}
.kapak .butonlar ul li a i{margin-right:5px;}
.kapak .resim{position:absolute;left:20px;top:20px;width:210px;height:210px;border-radius:50%;border:5px solid #fff;background-color:#808080;background-size:cover;background-position:center center;cursor:pointer;transition: transform 0.2s;}
.kapak .resim:hover{transform: scale(1.1);}
.kapak .baslik{position:absolute;left:250px;top:50px;font-size:20pt;font-weight:bold;color:#fff;}
.kapak .aciklama{position:absolute;left:250px;top:90px;font-size:14pt;font-weight:300;color:#fff;}



.buyuk-buton{font-size:13pt;font-weight:bold;}
.iconlu-buyuk-buton{font-size:10pt;font-weight:bold;}
.iconlu-buyuk-buton i{display:block;text-align:center;margin:0px !important;margin-bottom:10px !important;font-size:20pt;}


.sayfalar{padding:10px;}
.sayfalar:after{content:"";display:table;clear:both;}
.sayfalar ul{margin:0px;padding:0px;}
.sayfalar ul li{float:left;list-style:none;}
.sayfalar ul li a{display:block;color:#000;width:30px;padding:6px 0px;text-align:center;font-size:9pt;background-color:#ccc;margin-right:5px;margin-bottom:5px;border-radius:5px;border:1px solid #efefef;transition: 0.5s;background-size: 200% auto;background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF  51%, #ECE9E6  100%)}
.sayfalar ul li a:hover{background-position: right center;font-weight:bold;}
.sayfalar .aktif a{background-position: right center;font-weight:bold;border:1px solid #000;}


.yanson{animation: blinker 1.5s linear infinite;}@keyframes blinker{50% {opacity:0;}}

.linkbuton1{display:block;background-color:#6EB244;color:#fff;font-weight:bold;padding:8px;border-radius:5px;transition:0.5s;text-align:center;}
.linkbuton1:hover{letter-spacing:2px;}
.linkbuton1 i{margin-right:3px;}

.linkbuton2{display:block;background-color:#209DD7;color:#fff;font-weight:bold;padding:10px 20px;border-radius:5px;transition:0.5s;text-align:center;}
.linkbuton2:hover{letter-spacing:2px;}
.linkbuton2 i{margin-right:3px;}


.link1{color:#000;font-size:10pt;font-weight:bold;}
.link1:hover{color:#209DD7;}
.link1 i{margin-right:3px;}
.swal2-container{z-index: 999999 !important;}


.formalani h1{text-align:center;}
.formalani ul li a{color:#000;padding:5px 0px;font-size:9pt;}
.formalani ul li a:hover{color:#209DD7;}
.formalani ul li a i{width:20px;}
.formalani div label{margin-bottom:5px;display:block;font-size:10pt;color:#000;text-align:center;}
.formalani:after{content:"";display:table;clear:both;}
.formalani .renk-kodlari ul li{float:left;border-radius:5px;margin:5px;}
.formalani .renk-kodlari ul li label{margin:0px;padding:5px;}
.formalani .fa-question-circle{color:#808080;}
.formalani .fa-question-circle:hover{color:#000;}


.input-grup{position:relative;overflow:hidden;}
.input-grup div{position:absolute;right:1px;top:1px;width:40px;height:32px;line-height:32px;border-left:1px solid #ccc;background-color:#efefef;background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);text-align:center;font-size:10pt;color:#808080;border-radius:0px 4px 4px 0px;}
.input-grup i{position:absolute;left:25px;bottom:22px;color:#b0b6d1;}
.input-grup .input{padding-left:40px;}

.formmesaji{display:none;color:#fff;margin-top:20px;border-radius:10px;text-align:center;}
.hatali{background-color:#e00000;}
.basarili{background-color:#6EB244;}

.renk-yesil{color:#339900 !important;}
.renk-kirmizi{color:#e00000 !important;}
.renk-sari{color:#ffc300 !important;}
.renk-mavi{color:#38419C !important;}


.input{width:100%;padding-left:10px;height:40px;color:#000;border:1px solid #c5cae9;border-radius:30px;font-size:10pt;font-weight:400;}
.input:hover{border:1px solid #808080;}



.input-sec{background:url(images/input-sec.png) right center no-repeat #ffffff;outline:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.input-tl{background: url(images/input-tl.png) #ffffff right center no-repeat;}
.input-ara{background: url(images/input-ara.png) #ffffff right center no-repeat;}
.input-takvim{background: url(images/input-takvim.png) #ffffff right center no-repeat;}

.icbg{background-size:cover;background-position:center center;padding:10px 0px;margin-bottom:15px;box-shadow:1px 1px 5px #ccc;}
.icbg:after{content:"";display:table;clear:both;}
.icbg h1{color:#fff;font-size:20pt;}



.pasif-input{background-color:#efefef;}

.yataymenuler{margin:0px;}
.yataymenuler ul{margin:0px;padding:0px;}
.yataymenuler ul li{float:left;margin-right:10px;list-style:none;}
.yataymenuler:after{content:"";display:table;clear:both;}
.yataymenuler ul li .input1{height:30px;padding:5px;}
.yataymenuler ul li a{display:block;color:#fff;font-size:9pt;font-weight:700;text-decoration:none;margin-right:5px;padding:7.5px 15px;border-radius:3px;}
.yataymenuler ul li a:hover{opacity:0.5;}

.td1 td{border-top:1px solid #c3c3c3;border-right:1px solid #c3c3c3;padding:10px;background-color:#f7f8fa;background-image: linear-gradient(to bottom, #fff 0%, #e5e5e5  100%);color:#273142;font-size:10pt;font-weight:bold;}
.td1 select{padding:3px;font-size:8pt;width:150px;}
.td2 td{vertical-align:middle !important;border-bottom:1px solid #c3c3c3;border-right:1px solid #c3c3c3;padding:10px;font-size:10pt;}
.td2 td span{color:#808080;font-size:8pt;}
.td2 img{width:60px;border:0px;}
.td2 td a{color:#000000;text-decoration:none;}
.td2 td a:hover{text-decoration:underline;}
.td2:hover td{background-color:rgb(255,255,255,0.1);}
.td1 td:first-child{border-left:1px solid #c3c3c3;}
.td1 td:last-child{border-right:1px solid #c3c3c3;}
.td2 td:first-child{border-left:1px solid #c3c3c3;}
.td2 td:last-child{border-right:1px solid #c3c3c3;}
.td2 input{width:100%;font-size:9pt;padding:5px;}
.td2 select{width:100%;font-size:9pt;padding:5px;}
.td2 ul {margin:0px;padding:0px;}
.td2 ul li{float:left;list-style:none;width:250px;text-align:left;}
.td-link td{cursor:pointer;}
.td-bos td{text-align:center;padding:30px 0px;}
.td-bos td img{width:500px;}
.td-bos:hover td{background-color:#fff;}

.td3 td{font-size:11pt;border-bottom:1px solid #ccc;padding:10px;text-align:left;background-color:#fff;}

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


.bildirim{border:1px solid #ccc;padding:10px;margin-bottom:10px;border-radius:10px;cursor:pointer;transition: all ease .5s;}
.bildirim i{margin-right:10px;}
.bildirim:hover{border:1px solid #000;}


.siparis-durum ul{display:flex;}
.siparis-durum ul li{flex:1;}
.siparis-durum ul li{padding:10px;}
.siparis-durum ul li a i{margin-right:5px;}
.siparis-durum:after{content:"";display:table;clear:both;}


.menu-perde{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.5);z-index:99999;}
.menu-perde i{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:15pt;}

.kutu{position: relative;margin:0px;padding:10px;background-color:#fff;border-radius:10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);overflow:hidden;transition: all ease .5s;}
.kutu:hover{box-shadow: 0 7px 10px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);}
.kutu:after{content:"";display:table;clear:both;}

.kutu::-webkit-scrollbar {width:5px;}
.kutu::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
.kutu::-webkit-scrollbar-thumb {background: #ccc;box-shadow: inset 0 0 2px rgba(0,0,0,0.8);border-radius:10px;}
.kutu::-webkit-scrollbar-thumb:hover {background: #fff;}


.ust-mobil{position:absolute;position:fixed;z-index:99;top:0px;left:0px;width:100%;height:50px;}
.ust-mobil .mobil-logo{position:absolute;left:50px;top:15px;color:#fff;line-height:30px;}
.ust-mobil .mobil-logo img{height:22px;}
.ust-mobil .mobil-logo a{color:#fff;font-size:20pt;font-weight:bold;}
.ust-mobil .menu-icon{position:absolute;top:10px;left:10px;}
.ust-mobil .menu-icon a{color:#fff;font-size:20pt;}
.ust-mobil .uye-icon{position:absolute;top:10px;right:10px;}
.ust-mobil .uye-icon a{color:#fff;font-size:20pt;}


.siparis-durum-butonlari:after{content:"";display:table;clear:both;}
.siparis-durum-butonlari ul li{float:left;width:50%;padding:5px;}

.anasayfa-uyelikler{width:820px;margin:50px auto;}
.anasayfa-uyelikler:after{content:"";clear:both;display:block;}
.anasayfa-uyelikler ul li{list-style:none;padding:10px;float:left;width:50%;}
.anasayfa-uyelikler ul li a{display:block;padding:15px;border:1px solid #fff;color:#fff;font-size:20pt;font-weight:bold;text-align:center;border-radius:10px;background-color:rgb(255,255,255,0.3);}
.anasayfa-uyelikler ul li a span{font-weight:300;font-size:13pt;}


.mobil-alt-menu{position:absolute;position:fixed;bottom:0px;left:0px;width:100%;background-color:#fff;border-top:1px solid #ccc;box-shadow:0px -2px 10px #ccc;z-index:999;}
.mobil-alt-menu ul{margin:0px;padding:0px;}
.mobil-alt-menu ul li{float:left;list-style:none;width:20%;text-align:center;}
.mobil-alt-menu ul li a{display:block;padding:10px 0px;color:#000000;font-size:7pt;border-left:1px solid rgb(0,0,0,0.1);}
.mobil-alt-menu ul li:nth-child(1) a{border:0px;}
.mobil-alt-menu ul li a i{position:relative;width:100%;font-size:15pt;margin-bottom:3px;}
.mobil-alt-menu ul li a img{height:17px;margin:0px;padding:0px;}
.mobil-alt-menu ul li a:hover{color:#04233a;}
.mobil-alt-menu ul li i div{position:absolute;top:-3px;right:17px;width:15px;height:15px;line-height:15px;text-align:center;background-color:#e00000;color:#fff;border-radius:50%;font-size:7pt;font-weight:700;}
.mobil-alt-menu .aktif a{color:#B31E1B !important;}



.tablo:after{content:"";display:table;clear:both;}
.tablo{width:100%;overflow:auto;-webkit-overflow-scrolling: touch;}
.tablo table{white-space:nowrap !important;}
.tablo::-webkit-scrollbar {width:5px;height:5px;background-color:#ccc;border-radius:5px;}
.tablo::-webkit-scrollbar-thumb{background:#808080;border-radius:5px;}

table{border-collapse:collapse;border-spacing:0px;width:100%;}

#haritaid{position:relative;width:100%;height:calc(100vh - 60px);}
#haritaid .konumumu-al{position:absolute;bottom:10px;left:10px;z-index:999;}
#haritaid .harita-filtrele{position:absolute;top:10px;left:50px;z-index:999;}


.marka-logolari:after{content:"";display:table;clear:both;}
.marka-logolari div{cursor:pointer;float:left;margin:5px;width:calc(10% - 10px);background-size:contain;background-color:#fff;background-position:center;background-repeat:no-repeat;border:1px solid #ccc;border-radius:5px;}
.marka-logolari div::before {content:"";display:block;padding-top:100%;}
.marka-logolari div:hover{border:1px solid #000;}






@media only screen and (max-width: 1200px) {
	[class*="col-"]{width:100%;}
	.mob-col-1 {width: 8.33%;}
	.mob-col-2 {width: 16.66%;}
	.mob-col-3 {width: 25%;}
	.mob-col-4 {width: 33.33%;}
	.mob-col-5 {width: 41.66%;}
	.mob-col-6 {width: 50%;}
	.mob-col-7 {width: 58.33%;}
	.mob-col-8 {width: 66.66%;}
	.mob-col-9 {width: 75%;}
	.mob-col-10 {width: 83.33%;}
	.mob-col-11 {width: 91.66%;}
	.mob-col-12 {width: 100%;}
	body{padding-bottom:50px;}
	.mobildegizle{display:none;}
	.mobildegoster{display:block;}
	.orta{width:100%;}
	.tablo{width:100%;overflow:auto;}
	.popup{width:calc(100% - 40px) !important;}
	.iskelet{width:100%;}
	.orta-arama{height:auto;}
	.orta-arama h1{font-size:40pt;}
	.orta-arama h2{font-size:15pt;}
	.ust .menuler{position:absolute;left:0px;top:0px;width:70%;height:100vh;overflow:auto;z-index:99;background-color:rgb(255,255,255,1);box-shadow:0px 2px 10px #808080;}
	.ust .menuler ul li{float:none;margin:0px;padding:5px;border:0px;}
	.ust .menuler ul li a{padding:10px;color:#B31E1B;}
	.ust .menuler .ince-menu a{border:0px;color:#000;border-radius:5px;}
	.ust .menuler .koyu-menu a{border:0px;color:#000;border-radius:5px;}
	.anasayfa-uyelikler{width:100%;margin:0px;}
	.anasayfa-uyelikler ul li{width:100%;padding:20px 0px;}
	.uzman{width:calc(100% - 20px);}
	.kategori{width:calc(50% - 20px);}
	.kategori .resim{height:100px;}
	.kategori .resim div{height:100px;line-height:100px;}
	.kategori .kategoriadi{font-size:10pt;}
	.hizmetler .hizmet{width:calc(50% - 10px);padding:20px 5px;}
	.alt{margin-bottom:60px;}
	.onerilen-kategoriler ul li{flex-basis: 50%;}
	.icbg h1{text-align:center;}
	#haritaid{height:calc(100vh - 117px);}
	.liste-ilanlar .ilan .bilgiler {padding:0px;padding-top:10px;}
    .liste-ilanlar .ilan .resim{width:100%;height:300px;}
	.ul-listesi li{float:none;width:100%;}
	.marka-logolari div{width:calc(20% - 10px);}
	.gonderi .resim{aspect-ratio:1/1;}
	.gonderi .islem ul li{text-align:center;}
	.gonderi .islem ul li a{font-size:8pt;}
	.gonderi .islem ul li a i{display:block;font-size:14pt;margin:0px;margin-bottom:3px;}
	.sabit-bar{position:static;}
	.kapak .resim{width:100px;height:100px;}
	.kapak .baslik{left:130px;top:30px;}
	.kapak .aciklama{left:130px;top:70px;}
	.ajax-mesajlar{height:calc(100vh - 250px);}

}