@import url("css/uploadifive.css");
@import url("css/jquery.fancybox.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.3/css/swiper.min.css");
@import url("css/material-design-color-palette.min.css");
@import url("js/tour/css/bootstrap-tour.min.css");
@import url("https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css");
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i&display=swap&subset=latin-ext&display=optional');
@import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");



.aspect-ratio { --aspect-ratio-w: 1; --aspect-ratio-h: 1; position: relative; }
.aspect-ratio > *:first-child { width: 100%; }
@supports (--custom-props: "true") {
	.aspect-ratio::before { display: block; padding-top: calc(var(--aspect-ratio-h, 1) / var(--aspect-ratio-w, 1) * 100%); content: ""; }
	.aspect-ratio > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; }
}


body{font-family: "Poppins", sans-serif; background:#f6fbfe; background: linear-gradient(180deg,#fff,#f7f7f7); }
.fotorama__stage{background: #fff; box-shadow:0 5px 15px rgba(0,0,0,.2); }
.fotorama--fullscreen .fotorama__nav, 
.fotorama--fullscreen .fotorama__stage{background: #fff !important;}
/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%;}
body { padding-bottom: 250px; background-color: #f6fbfe; }
body > .container { padding: 30px 15px 0;}
footer > .container { padding-right: 15px; padding-left: 15px;}
.mainbody{position:relative; display:block; margin: 100px 0 0 0; z-index: 0 !important;}


body.kapindaPanel{margin-bottom: 0px !important; padding-bottom: 0px !important; background: #fff !important;}
body.kapindaSite{margin-bottom: 0px !important; padding-bottom: 60px !important; background: #fff !important;}
body.kapindaSite footer{background:#2a2e33 !important; font-size:12px; height: auto; padding: 20px 0 !important;}

footer{ position: absolute; bottom: 0; width: 100%; height: 250px; line-height: 20px; background-color: #f5f5f5; padding: 40px 0; z-index: 1;}
footer h4{color: #687079; font-size:12px; font-weight:bold ; margin: 0; padding-left: 10px;}

.copyrightBar{background:#2a2e33; font-size:12px;  padding: 10px 0;}
footer .guvenliodemeIcons{border-top:solid #6b7780 1px; position: relative; display: block !important; font-size: 26px; margin-top: 5px; padding-top:5px;}
footer .guvenliodemeIcons,
footer .sosyalmedyaIcons{display: block;}
footer .guvenliodemeIcons li{margin: 5px 3px; display: inline-block;}
footer .guvenliodemeIcons li a{display:block; color: #eee; padding: 0px 0; width: 32px; text-align: center; transition: all .3s ease-in-out;}
footer .guvenliodemeIcons li a:hover{ transform: scale(1.3); transition: all .1s ease-in-out; background:transparent;}
footer .guvenliodemeIcons li a i{font-size: 24px; }
footer .sosyalmedyaIcons li{margin: 3px; display: inline-block;}
footer .sosyalmedyaIcons li a{display:block; color: #eee; font-size: 16px; padding: 5px 0; width: 32px; text-align: center; border:solid 1px; z-index: 1; border-radius: 50%; transform: rotate(0deg); transition: all .3s ease-in-out;}
footer .sosyalmedyaIcons li a:hover{background:#fff; color:#6b7780; transform: rotate(360deg) scale(1.3); transition: all .3s ease-in-out; box-shadow: 0 0 15px rgba(0,0,0,0.2); z-index: 3;}

footer ul {display:block; margin:10px 0; padding: 0; list-style: none;}
footer ul li a{display:block; color: #ccc; padding: 7px 10px;}
footer ul li a:hover{display:block; background:rgba(0,0,0,0.2); color: #ccc; border-radius: 3px;}
footer ul li i{font-size: 14px;}

code { font-size: 80%; }
.weblink{text-align: right;}
/*#resim[type="file"]{display:none; margin:0;}*/
.resim-onizleme{border:solid #eee 2px; width:100%; height:150px; line-height:150px; text-align:center; margin-bottom:10px; overflow:hidden;}
.file-info{display:block; margin-bottom:10px;}

.custom-file-control:lang(tr)::after {content: "Dosya Seçin...";}
.custom-file-control:lang(tr)::before {content: "Gözat";}
.custom-file-control.selected:lang(tr)::after {content: "" !important;}


.custom-file-name:after {content: attr(data-content) !important;}
.custom-file-name:before {content: 'Gözat' !important;}
.dondur{position:absolute; top:10px; right:10px; z-index:5;}
.resim-onizleme{position:relative; display:block; width:265px; height:200px; text-align:center; border:solid #eee 1px; overflow:hidden; line-height:200px;}
.custom-file-label[data-label]::after { content: attr(data-label); }


.bg-faded{border:none !important;}
.card:hover{  animation-play-state: running;}

p{white-space: pre-line;}
.navbar .dropdown-menu-right{right: 0 !important; left: auto !important;}

/* aramaBar */
.aramaBar{position:relative;}
.aramaBar .form-control{background:rgb(255,255,255,.5); border: solid #eee 2px; color:#ccc; border-radius: 5px; }
.aramaBar .form-control:focus{background:rgb(255,255,255,.1); color:#999; border: solid #ccc 2px; border-radius: 5px 5px 0 0; }
.aramaBar .form-control::placeholder{ color:#ccc;}
.aramaBar ul{display:none; padding:0; list-style:none; position:absolute;  width:100%; max-height:490px; background:#fff; z-index:0; border-radius:0 0 5px 5px; box-shadow:0 2px 5px rgba(0,0,0,.2); border: solid #ccc 2px; border-top: none; overflow-y: scroll; overflow-x: hidden;}
.aramaBar ul li{padding:10px 15px; border-bottom:solid #eee 1px; cursor:pointer;}
.aramaBar ul li a{color:#333; text-decoration:none;}
.aramaBar ul li a small{color:#999; display:block;}
.aramaBar ul li.active,
.aramaBar ul li:hover{background:#f5f5f5; font-weight:bold;}
.aramaBarAlt .form-input{position: relative; display: block;}
.aramaBarAlt .form-input i{position: absolute; top:7px; left:10px; color:#fff; font-size: 16px;}
.aramaBarAlt .form-control{background:rgb(0,0,0,.2); border: none; color:#90c39b; padding-left: 35px;}
.aramaBarAlt .form-control:focus{background:rgb(0,0,0,.2); color:#fff; border:none; box-shadow:0 0px 1px 2px rgba(255,255,255,.3);}
.form-control:focus{ -webkit-box-shadow: none; box-shadow: none; z-index: 3;}



.jumbotron{ border-radius:0 ; background-color:#39B54A; background:linear-gradient(to right, rgba(57, 181, 74, 0.9) 0px, rgba(20,200,160,.9) 50%, rgba(10,200,235,.3) 100%), url('images/jumbotron_bg.jpg') no-repeat top center; padding: 100px 0;}
.jumbotron h1{font-size:44px;}
.jumbotron h4{font-size:24px; line-height:34px;}
.jumbotron .btn-outline-light{border:solid white 1px; border-radius:30px; color:#fff; font-weight:bold;}
.jumbotron .btn-outline-light:hover{border:solid transparent 1px; border-radius:25px; background:rgba(0,0,0,.4); color:#fff; font-weight:bold; box-shadow:0 5px 5px rgba(0,0,0,.2);}
.jumbotron .btn-light{border:solid white 1px; border-radius:30px; background:#fff; color:#373189; font-weight:bold;}
.jumbotron .btn-light:hover{border:solid transparent 1px; border-radius:25px; color:#fff;background:rgba(0,0,0,.4); font-weight:bold; box-shadow:0 5px 5px rgba(0,0,0,.2);}


.translation-links .dropdown-menu li,
.translation-links .dropdown-menu a{ color:#333 !important; display:block !important; width:100% !important; padding: 2px 10px;}
.translation-links .dropdown-menu li:hover,
.translation-links .dropdown-menu li.active{background:#efefef !important; color:#333 !important; display:block !important;}
.translation-links .dropdown-menu a i{ margin-right:5px;}

.text-limiter{width:60%;}
.ellipsis{white-space: nowrap;  text-overflow: ellipsis; }
.note-popover{display:none;}
a:hover{text-decoration: none; cursor:pointer;}
.topmenu ul{margin: 0; padding: 0; list-style: none; }
.topmenu .row div:nth-child(2) ul{float:right; }
.topmenu li{display: inline-block;}
.topmenu li a{display: inline-block; color: #fff; padding: 5px 10px; font-size: 14px;}
.topmenu li a:hover{background:#ffffff33; }
.topmenu li a i{display: inline-block; font-size: 18px; vertical-align: middle;} 


.headerBar{box-shadow:0 2px 15px 0 rgba(0,0,0,.2); }
.navbar-firma{background:#fff; display: block !important; z-index: 9;}
.body-firma{background:#f9f9f9; }
.navbar-neo{background: #fff; display: block !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); z-index: 1;}


.galeriResimler{margin: 0; padding: 0; list-style: none; position: relative;}
.galeriResimler .overlay{background-color: rgba(0,0,0,0.3); position: absolute; left:0; top:0; right: 0; bottom: 0; z-index: 1; }
.galeriResimler .resim.col-12{display: block !important; height: 130px; border:solid #fff 1px;}
.galeriResimler .resim{display: block !important; height: 100px; border:solid #fff 1px; background: rgba(0,0,0,.5); text-align: center;}
.galeriResimler .resim:hover{background: rgba(0,0,0,.3); }
.galeriResimler .resim i{ color: #fff; font-weight: bold; line-height: 100px; font-size: 24px;}

.nav.flex-column li a{padding: 5px; border-bottom:solid #eee 1px; color:#333;}

.haberler{margin: 0; padding: 0; list-style: none; }
.haberler li{display: block; border-bottom: solid #eee 1px; padding-bottom: 5px;}
.haberler li a{position:relative; display: block !important; color: #333;}
.haberler li:last-child{border-bottom: none;}
.haberler li span{padding:5px 10px; margin-right: 5px; text-align: center; font-size: 12px; display: inline-block; background:#eee; line-height: 18px; }
.haberler li:hover span{ color: #fff; }
.haberler li span b{margin:0; padding: 0; display:block; font-size: 18px;}

.help-block.form-error{margin:-3px 0 0 0; background: #a33; padding: 5px 10px; color: #fff; border-radius: 0 0 3px 3px;}

.bizeulasin{background:#f5f5f5; padding: 30px; font-size: 14px;}
.bizeulasin a{color: #333;}
.bizeulasin a:hover{color: #0275d8;}
.bizeulasin i{color: #0275d8; font-size: 20px; vertical-align: middle;}

.site-baslik{font-size: 18px; font-weight: bold; border-bottom: solid #ccc 1px; margin-bottom: 15px;/* text-transform: uppercase;*/}
.site-baslik span{display:inline-block; padding:0 10px 0 0; margin-bottom: -1px; }
.sitelerSlider{z-index: 0;}
/*.sitelerSlider .carousel-item{height: 400px;}*/
.faydalar img{ height:60px;}
.nedenneocloudy img{ height:80px;}

.paketler{background:#39B54A;}
.paketler .card-title{color:#333; font-size:16px; font-weight:bold;}
.paketler .fiyat{position:relative; background:#3b454b url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100' fill='rgba(255,255,255,.05)'><polygon points='0,0 150,0 0,50'/></svg>") no-repeat; color:#f7a818; margin:0 -17px; font-size:56px;}
.paketler .fiyat small{font-size:18px;}
.paketler .fiyat span{color:#fff; position:absolute; left:10px; top:0px; font-size:28px;}
.paketler .fiyat b small{ font-size:26px;}
.paketler .taksit{ margin:0 -17px; font-size:22px;}
.paketler .taksit span small{ font-size:14px !important;}
.paketler .bilgilendirme{ margin:0 -1px; font-size:14px;}
.paketler .list-group{margin:0 -17px;}


.paketler .fiyatYerine{position:relative; display: block; background:#3c3434 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100' fill='rgba(255,255,255,.05)'><polygon points='0,0 100,0 0,30'/></svg>") no-repeat; color:#fff; margin:0 -17px; font-size:22px;}
.paketler .fiyatYerine del{color:#fff; font-size:22px;}
.paketler .fiyatYerine del small{color:#fff; font-size:18px;}

.faturaCard{ font-size:14px;}
.faturaCard .card-title{color:#333; font-size:16px; font-weight:bold;}
.faturaCard .fiyat{position:relative; background:#34393c url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100' fill='rgba(255,255,255,.05)'><polygon points='0,0 150,0 0,50'/></svg>") no-repeat; color:#f7a818;  font-size:36px;}
.faturaCard .fiyat small{font-size:18px;}
.faturaCard .fiyat span{color:#fff; position:absolute; left:10px; top:0px; font-size:28px;}
.faturaCard .fiyat b small{ font-size:26px;}
.faturaCard .geneltoplam{ margin:0 -17px; font-size:14px;}
.faturaCard .geneltoplam span small{ font-size:14px !important;}
.faturaCard .bilgilendirme{ margin:0 -1px; font-size:14px;}
.faturaCard .list-group .badge{font-size:13px;}


.faturaCard .card-pane{overflow:hidden; display:none;}
.faturaCard .card-header,
.faturaCard .card-footer{background:#fff;}
.faturaCard .card-header strong{font-size:26px; display:inline-block;}
.faturaCard .card-header sub{display:block; font-size:12px;}
.faturaCard .card-footer strong{font-size:18px; display:inline-block;}
.faturaCard .card-footer sub{display:block; font-size:12px;}
.faturaCard .cardBodyKapatBtn{position:absolute; top:-10px; left:50%; margin-left:-11px; border-radius:50%; padding:1px 6px; font-size:12px; z-index:10;}



/* slaytResimList */
.slaytResimList{margin:0 0 10px 0; padding:0;}
.slaytResimList li{position:relative; display:inline-block; text-align: center; /*width:24.63%;*/ width:216px; height:100px; border-radius:3px !important; margin:2px; box-shadow: 0 1px 2px rgba(0,0,0,.15); overflow: hidden; }
.slaytResimList li.disabled{background:#f5f5f5; line-height:70px; border:dashed #ccc 2px; box-shadow:none;}
.slaytResimList li:hover .disabled{ background:#eee;}
.slaytResimList li.disabled i{font-size:32px; color:#999;}
.slaytResimList li:hover .disabled i{ color:#666; font-size:32px; }
.slaytPlaceholder {border: dashed #39B54A 2px; background: #fcf8e3;}
.slaytResimList li i{ color:#999; }
.slaytResimList li .resim{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.slaytResimList li .overlay{display:none; position:absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:.5; z-index:2;}
.slaytResimList li a.slaytResimSil{display: none; z-index:3;}
.slaytResimList li .siralaIcon{display: none; z-index:3;}
.slaytResimList li .slaytResimSil i,
.slaytResimList li .siralaIcon i{color:#fff;}

/* galeriResimList */
.galeriResimList{margin:0 0 10px 0; padding:0;}
.galeriResimList li{position:relative; display:inline-block; text-align: center;  width:216px; height:100px; border-radius:3px !important; margin:2px; box-shadow: 0 1px 2px rgba(0,0,0,.15); overflow: hidden; }
.galeriResimList li.disabled{background:#f5f5f5; line-height:70px; border:dashed #ccc 2px; box-shadow:none;}
.galeriResimList li:hover .disabled{ background:#eee;}
.galeriResimList li.disabled i{font-size:32px; color:#999;}
.galeriResimList li:hover .disabled i{ color:#666; font-size:32px; }
.galeriPlaceholder {border: dashed #39B54A 2px; background: #fcf8e3;}
.galeriResimList li i{ color:#999; }
.galeriResimList li .resim{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.galeriResimList li .overlay{display:none; position:absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:.5; z-index:2;}
.galeriResimList li a.galeriResimSil{display: none; z-index:3;}
.galeriResimList li .siralaIcon{display: none; z-index:3;}
.galeriResimList li .galeriResimSil i,
.galeriResimList li .siralaIcon i{color:#fff;}

/* siteMenuler */
.siteMenuler{margin:0 0 10px 0; padding:0; list-style: none;}
.menuPlaceholder {border: dashed #39B54A 2px; background: #fcf8e3;}
.siteMenuler li{height: 50px; }

/* siteSayfalar */
.siteSayfalar{margin:0 0 10px 0; padding:0; list-style: none;}
.sayfaPlaceholder{list-style:none; border: dashed #39B54A 2px; background: #fcf8e3;}
.siteSayfalar li{height: 50px; }

/* siteKategoriler */
.siteKategoriler{margin:0 0 10px 0; padding:0; list-style: none;}
.kategoriPlaceholder{list-style:none; border: dashed #39B54A 2px; background: #fcf8e3;}
.siteKategoriler li{height: 50px; }

/* siteUrunler */
.siteUrunler{margin:0 0 10px 0; padding:0; list-style: none;}
.urunPlaceholder{list-style:none; border: dashed #39B54A 2px; background: #fcf8e3;}
.siteUrunler li{height: 50px; }

/* sitegaleri */
.sitegaleri{padding:0 10px;}
.sitegaleri > div{padding: 3px; overflow: hidden; }
.sitegaleri > div a{display:none; position:absolute; text-align: center; left:3px; top:3px; right:3px; bottom:3px; z-index:1; background:rgba(0,0,0,0.6);}
.sitegaleri > div:hover a{display:block;}
.sitegaleri > div a i{color:#fff; font-size: 40px; line-height:200px;}
.sitegaleri .resim{height: 200px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,.2);}



/* .taleplerimdetay */
.taleplerimdetay{ background:#f5f5f5; padding:10px; margin:10px 0px;  border:solid #ccc 2px; border-left:none; border-right:none;}
.taleplerimdetay .media{position:relative; font-size:13px; }
.taleplerimdetay .media .metin{position:relative;  display:block; border:solid #ccc 1px; background:#fff; border-radius:5px; padding:10px; padding-right:70px;}
.taleplerimdetay .media .media-body::after { content: "";  position: absolute; top: 15px; left: 111px; width: 0; height: 0; border: 6px solid #fff; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent;z-index:1;}
.taleplerimdetay .media.tersle .media-body::after { content: "";  position: absolute; top: 15px; left:auto !important; right: 76px; width: 0; height: 0; border: 6px solid #fff; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent; z-index:1;} 

.taleplerimdetay .media .arrowz{ content: ""; position: absolute; top: 15px; left: 110px; width:0; height:0; border: 6px solid #ccc; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; }

.taleplerimdetay .media.tersle .arrowz{ content: ""; position: absolute; top: 15px;  left:auto !important; right: 75px; width:0; height:0; border: 6px solid #ccc; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent;}
.taleplerimdetay .media h6{position: absolute; top: 10px; right:10px;  margin:3px 0 0 0; font-size:10px;}
.taleplerimdetay .media .avatar{position: relative; height:50px; width:50px; border-radius:50%; box-shadow:0 3px 10px rgba(0,0,0,0.5); border:solid #fff 2px;}




/* siteurunler */
.urunlistesi {padding:0 10px;}
.urunlistesi > div{padding:5px;}
.urunlistesi > div > .wrap {height:280px; background:#fff; box-shadow:rgba(0, 0, 0, 0.2) 0 0px 15px; transition:translate 0.18s, box-shadow 0.18s; border-radius:5px; overflow:hidden; /*box-shadow:0 1px 2px rgba(0,0,0,0.2); border:solid #fff 5px;*/ }
/*.urunlistesi a {position:relative; display:inline-block; text-decoration:none; }*/

.urunlistesi a .resimler{width:100%; height:200px; position:relative; transition: all .3s linear;}
.urunlistesi a:hover .resimler{  transition: all .3s linear; }
.urunlistesi a .resimler .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.urunlistesi a:hover .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#333; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:200px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.urunlistesi a:hover .resimler .overlay i{color:#fff; font-size:32px;}
.urunlistesi .urunBaslik{ position:relative; font-size:14px; font-weight:bold; color:#333; margin:10px 10px 5px 10px;  
}

.urunlistesi .urunFiyat b{ position:relative; font-size:20px; font-weight:bold; margin:0px 20px 0 0px;}
#detay{z-index:9000 !important;}
.etiketler{display:inline-block !important; position:relative; background:#4d5e6f; color:#fff; font-size: 14px; box-shadow:0 3px 10px rgba(0,0,0,0.5); border-radius:3px; padding:0 5px; margin:3px; transition: all .3s linear;}

/* urunResimList */
.urunResimList{margin:0 0 10px 0; padding:0;}
.urunResimList li{position:relative; display:inline-block; width:70px; height:70px; text-align:center; vertical-align:top; border-radius:5px; margin:3px 0; box-shadow:0 2px 1px rgba(0,0,0,0.2); overflow:hidden;}
.urunResimList li:first-child{background:#f5f5f5; line-height:70px; border:dashed #ccc 2px; box-shadow:none;}
.urunResimList li:hover:first-child{ background:#eee;}
.urunResimList li:first-child i{font-size:32px; color:#999;}
.urunResimList li:hover:first-child i{ color:#666; font-size:32px; }
.urunResimList li i{ color:#999; }
.urunResimList li .resim{ position:absolute; left:0; top:0; right:0; bottom:0; }
.urunResimList li .overlay{display:none;}
.urunResimList li:hover .overlay{display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:#31313b; opacity:.6; z-index:1;}
.urunResimList li a.urunResimSil{position:absolute !important; display:none !important; bottom:5px; right:5px; }
.urunResimList li a.urunResimSil i{color:#fff;}
.urunResimList li:hover a.urunResimSil{display:inline-block !important; z-index:3 !important;}

.content{ width:100%;}

/*.modal-backdrop{position: relative; }*/
.bootstrap-datetimepicker-widget{ padding: 10px !important; width: auto !important; box-shadow:0 2px 20px rgba(0,0,0,.2) !important; }
.bootstrap-datetimepicker-widget table th.picker-switch{ color:#495057 !important; }
.bootstrap-datetimepicker-widget table th{ color:#495057 !important; }
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td { padding: 7px !important;}

#siparislerTab a.active{color:#495057; font-weight: bold;}
#siparislerTab a{color:#6c757d; }
#siparislerTabContent{background: #fff; border: solid #dee2e6 1px; border-top:none; padding: 5px 10px 10px 10px;}

.odemeyontemleri{border: solid #6c757d 1px; color: #6c757d; border-radius: 3px; }
.odemeyontemleri .swiper-wrapper .swiper-slide:hover,
.odemeyontemleri .active{background: #6c757d; color: #fff;}
.odemeyontemleri .swiper-wrapper .swiper-slide{ padding: 10px 15px; cursor: pointer; border-right: solid #6c757d 1px; height: 68px !important;}
.odemeyontemleri .swiper-slide.swiper-slide-next{border: none;}
.odemeyontemleri .swiper-button-next{right:0px;} 
.odemeyontemleri .swiper-button-next:after, 
.odemeyontemleri .swiper-button-prev:after{font-size: 26px !important; font-weight: bold;}

.odemeyontemleriAltBar,
.musteriadresAltBar{ height: 30px;}
.odemeyontemleri-pagination{text-align: center; position: relative;}
.odemeyontemleri-pagination .swiper-pagination-bullet{margin-right: 10px; width: 10px; height: 10px;}

.musteriadres{border: solid #6c757d 1px; color: #6c757d; border-radius: 3px; }
.musteriadres .swiper-wrapper .swiper-slide:hover,
.musteriadres .active{background: #6c757d; color: #fff;}
.musteriadres .swiper-wrapper .swiper-slide{padding: 10px 15px; cursor: pointer; border-right: solid #6c757d 1px;}
.musteriadres .swiper-slide.swiper-slide-next{border: none;}
.musteriadres .swiper-button-next{right:0px;} 
.musteriadres .swiper-button-next:after, 
.musteriadres .swiper-button-prev:after{font-size: 26px !important; font-weight: bold;}

.musteriadres .swiper-slide .adresKaldirBtn{display:none; position: absolute; top:5px; right:5px; font-size: 12px; padding:1px 5px; background: #dc143c; color:#fff; border-radius: 3px;}
.musteriadres .swiper-slide .adresKaldirBtn:hover{background: #9c0d2a;}
.musteriadres .swiper-slide.kaldir .adresKaldirBtn{display:inline-block;} 
.musteriadres .swiper-slide.kaldir{padding: 10px 15px; cursor: pointer; border-right: solid #6c757d 1px;}
.musteriadres .swiper-slide.kaldir:last-child{border: none;}
.musteriadres .swiper-slide.kaldir:hover{background: #dc143c;}

.musteriadres-pagination{text-align: center; position: relative; height: 30px;}
.musteriadres-pagination .swiper-pagination-bullet{margin-right: 10px; width: 10px; height: 10px;}

.musteriadresAltBar{position: relative;}
.musteriadresAltBar .adresKaldir{position: absolute; top:2px; right:0; font-size: 12px; padding: 1px 5px; background: #dc143c; color:#fff; border-radius: 3px; z-index: 3;}
.musteriadresAltBar .adresKaldir:hover{background: #9c0d2a; }
.musteriadresAltBar .adresKaldir.kaldir{background: #6c757d; color:#fff;}
.musteriadresAltBar .adresKaldir.kaldir:hover{background: #444; color:#fff;}

.smszamanlama{position: relative; display: none; background: #eee; height: 8px; width:100%; margin-top: 3px; border:solid #ccc 1px; border-radius: 5px;}
.smszamanlama small{position: absolute; top:-38px; right: 3px; font-size:13px; z-index: 99; padding: 5px 5px; width: 50px; text-align: center; background: #dc143c; color:#fff; border-radius: 3px;}
.smszamanlama span{position: absolute; top:0px; left:0; right: 0px; bottom:0; background: #dc143c; color:#fff; width: 0%; border-radius: 5px;}


.dropdown-menu {border-radius:0; box-shadow:0 2px 2px rgba(0,0,0,.2); border: 0 !important;}
.navbar{ box-shadow:0 2px 2px rgba(0,0,0,.1);}
.navbar-altbar{top:0px; box-shadow:0 2px 2px rgba(0,0,0,.1);}


.content{background: #eef5f9;}
.sidebar{position:fixed; height:100% !important; min-width:100px; width:80%; max-width:320px; background-color:#263238; color:#fff; z-index:9999; left:-500px; box-shadow: 10px 0px 50px 0 rgba(0,0,0,.5); overflow:auto;}
.sidebar-close{position:absolute; right:0;}
.sidebar-overlay{position:fixed; display:none; right:0; top:0; left:0; bottom:0; background-color:#000; z-index:9998; opacity:.6;}


/*background-color:#39B54A; background:linear-gradient(to right, rgba(57, 181, 74, 0.9) 0px, rgba(20,200,160,.9) 50%, rgba(10,200,235,.3) 100%), url('images/jumbotron_bg.jpg') no-repeat top center;*/
.girisyap_bg{display:inline-block; background-color:#843fac; background:linear-gradient(to left, rgba(132,63,172,.30) 0px, rgba(55,49,139,.90) 50%, rgba(22,224,228,.90) 100%), url('images/loginbg.jpg') no-repeat top center; background-attachment:cover !important; background-size:100% auto !important; background-position: center; position:absolute; width:100%; height:100%; overflow:auto;}
.girisyap_bg a{color:#fff;} 
.form-control-inverse{background-color:transparent;border-color:rgba(255,255,255,.7);color:#fff}.form-control-inverse:focus{background-color:transparent;color:#fff}.form-control-inverse::-moz-placeholder{color:#fff;opacity:1}.form-control-inverse:-ms-input-placeholder{color:#fff}.form-control-inverse::-webkit-input-placeholder{color:#fff}


.btn-gradient.btn-secondary{border:0;background:-webkit-linear-gradient(135deg,#b0bec5 0,#78909c 100%);background:linear-gradient(135deg,#b0bec5 0,#78909c 100%);color:#fff}.btn-gradient.btn-primary{border:0;background:-webkit-linear-gradient(135deg,#673ab7 0,#2196f3 100%);background:linear-gradient(135deg,#673ab7 0,#2196f3 100%)}.btn-gradient.btn-info{border:0;background:-webkit-linear-gradient(135deg,#009688 0,#42a5f5 100%);background:linear-gradient(135deg,#009688 0,#42a5f5 100%)}.btn-gradient.btn-success{border:0;background:-webkit-linear-gradient(135deg,#cddc39 0,#4caf50 100%);background:linear-gradient(135deg,#cddc39 0,#4caf50 100%)}.btn-gradient.btn-danger{border:0;background:-webkit-linear-gradient(135deg,#7b1fa2 0,#f44336 100%);background:linear-gradient(135deg,#7b1fa2 0,#f44336 100%)}.btn-gradient.btn-warning{border:0;background:-webkit-linear-gradient(135deg,#fdd835 0,#ff9800 100%);background:linear-gradient(135deg,#fdd835 0,#ff9800 100%)}


.bg-gradient-secondary{background-image:-webkit-linear-gradient(135deg,#b0bec5 0,#78909c 100%);background-image:linear-gradient(135deg,#b0bec5 0,#78909c 100%)}.bg-gradient-primary{background-image:-webkit-linear-gradient(135deg,#673ab7 0,#2196f3 100%);background-image:linear-gradient(135deg,#673ab7 0,#2196f3 100%)}.bg-gradient-info{background-image:-webkit-linear-gradient(135deg,#009688 0,#42a5f5 100%);background-image:linear-gradient(135deg,#009688 0,#42a5f5 100%)}.bg-gradient-success{background-image:-webkit-linear-gradient(135deg,#cddc39 0,#4caf50 100%);background-image:linear-gradient(135deg,#cddc39 0,#4caf50 100%)}.bg-gradient-danger{background-image:-webkit-linear-gradient(135deg,#7b1fa2 0,#f44336 100%);background-image:linear-gradient(135deg,#7b1fa2 0,#f44336 100%)}.bg-gradient-warning{background-image:-webkit-linear-gradient(135deg,#fdd835 0,#ff9800 100%);background-image:linear-gradient(135deg,#fdd835 0,#ff9800 100%)}

.btn-circle{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important; border-top-right-radius:50% !important;border-bottom-right-radius:50% !important;}
.btn-oval,.btn-pill-left{border-top-left-radius:50px !important;border-bottom-left-radius:50px !important; padding-left:18px}
.btn-oval,.btn-pill-right{border-top-right-radius:50px !important;border-bottom-right-radius:50px !important;padding-right:18px;} 
.fw{width:100%!important}@media only screen and (min-width:768px){.fw-sm{width:100%!important}}@media only screen and (min-width:992px){.fw-md{width:100%!important}}@media only screen and (min-width:1200px){.fw-lg{width:100%!important}}
.page-container{width:100%;height:100%}.page-container>*{min-height:100%}
.container-xs{padding:.6rem;width:auto}@media only screen and (min-width:480px){.container-fluid,.container-lg,.container-md,.container-sm,.container-xs{padding:1.2rem}}.container-lg{max-width:1200px}.container-md{max-width:992px}.container-sm{max-width:768px}.container-xs{max-width:480px}@media only screen and (max-width:1199px){.container-unwrap{padding:0}.container-unwrap>.row{margin:0}.container-unwrap>.row>[class*=col-]{padding-left:0;padding-right:0}.container-unwrap .cardbox{margin-bottom:0}}.container-overlap{position:relative;padding:2.2rem 1.2rem 4.5rem 1.2rem}.container-overlap+.container-fluid,.container-overlap+.container-lg,.container-overlap+.container-md,.container-overlap+.container-sm,.container-overlap+.container-xs{padding-top:0;margin-top:-2.2rem}.container-overlap+.container-fluid .push-down,.container-overlap+.container-lg .push-down,.container-overlap+.container-md .push-down,.container-overlap+.container-sm .push-down,.container-overlap+.container-xs .push-down{display:block;height:3.4rem}


.anaekran .card:not(.noanimate) i{opacity: 0.1; position: absolute; top: 0.15em; right: -0.1em; font-size: 5em; transform: rotate(-20deg); z-index:1;}
.yenisitebtn{position:absolute; top:30px; right:70px; z-index:9;}
.card-resim{height:100px;}



/* hesap_menu */
.hesap_menu{display:block; background:linear-gradient(to left, rgba(132,63,172,.30) 0px, rgba(55,49,139,.90) 50%, rgba(22,224,228,.90) 100%); background-size: 100% auto;}
.hesap_menu .uyeicon{height:70px; width:70px; background:#eee; border:solid #fff 2px; text-align:center; }
.hesap_menu .uyeicon i{display:inline-block; position:relative; color:#999; font-size:50px; top:5px;}
	
/* site_menu */	
.site_menu{margin:0; padding:0; list-style:none;}
.site_menu li a{display:block; color:#ccc; padding:8px 16px; border-bottom:solid rgba(255,255,255,.082) 1px; transition: all .2s ease;}
.site_menu li a:hover{display:block; background:rgba(255,255,255,.062); color:#fff; border-right:solid rgba(22,224,228,.90) 3px; transition: all .3s ease;}
	
/* card-neo */	
.card-neo {background:rgba(255,255,255,.1); }
.card-neo .card-header,
.card-neo .card-footer{background:rgba(255,255,255,.2);}
.card-neo .card-footer a{ color:#fff !important;}
.card-neo .input-group-addon{background:none; border:none; box-shadow:none !important; color:#fff;}
.card-neo .form-control{background:none; border:none; border-bottom:solid #ccc 1px; box-shadow:none !important; color:#fff !important;}
.card-neo .form-control::placeholder{ color:#aaa;}

/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}*/

.btn-neo{background:transparent; color:#fff; border:solid #fff 2px; border-radius:30px !important; font-weight:bold;}
.btn-neo:hover{background:#fff; color:#666; border-radius:30px !important; font-weight:bold; cursor:pointer;}
	
	
	

.btn{border-radius: 2px;}

.siteler .card{background: #fff; border:none; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
.siteler .card-body{background:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);}



.card{box-shadow: 0 1px 5px 0 rgba(0,0,0,.06);}
.bireysel .form-control{border-left: solid #31b0d5 2px; }
.kurumsal .form-control{border-left: solid #0275d8 2px; }

/*.form-control{border:none; border-bottom:solid #ccc 1px; border-radius: 0; box-shadow:none !important; padding-left: 0px;}
*/
.kategorilerBtn{font-size: 22px;}
.kategorilerBtn:hover{color:#4d5e6f;}
.kategorilerBaslik{position:relative; display:block; background: #4d5e6f; color:#fff; padding: 20px 15px 10px 25px ; border-radius:5px 5px 0 0 ; box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);}
.kategoriler, .kategoriler ul { margin: 0; padding: 10px 0px; list-style: none; background: #fff; border-radius:0 0 5px 5px; position: relative; display: block; box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);}
.kategoriler li {position: relative; display: block; }
.kategoriler li a{color: #7a8693; display: block; padding: 5px 15px; }
.kategoriler li:hover{background: rgba(162, 162, 185, 0.2);}
.kategoriler li i{ display: inline-block; vertical-align: middle; font-size: 12px;}
.kategoriler li ul{display: none; padding: 5px 0; box-shadow: 0 2px 15px rgba(0,0,0,.3); }
.kategoriler li ul li i{ display: inline-block; vertical-align: middle; font-size: 12px; color:#fff; margin-right:5px;}
.kategoriler li:hover ul{display:block; width:300px; position: absolute; top:0; right:-300px; background: #7a8693; border-radius:0 3px 3px 0 ; z-index: 999 !important;}
.kategoriler li:hover ul li a{display:block; color:#fff;  padding: 5px 15px;}
.kategoriler li:hover ul li a:hover{background: rgba(255, 255, 255, .2);}

/*kategorilerSidebar*/

.kategorilerSidebar {background: #384451;}
.kategorilerSidebar .Baslik{display:inline-block;  color:#fff; font-size: 22px; padding: 20px 0px 10px 20px ; border-radius:0; box-shadow:none !important;}
.kategorilerSidebar ul{ margin: 0; padding: 10px 0px; list-style: none;}
.kategorilerSidebar ul li {position: relative; display: block; }
.kategorilerSidebar ul li a{color: #ccc; display: block; padding: 5px 15px; border-bottom: solid rgba(255, 255, 255, .1) 1px;}
.kategorilerSidebar ul li a:hover,.kategorilerSidebar ul li.active > a{background: #7a8693; color:#fff;}
.kategorilerSidebar ul li i{display: inline-block; vertical-align: middle; font-size: 12px;}
.kategorilerSidebar ul li ul{background:#fff; display: none; z-index: 999;}
.kategorilerSidebar ul li ul li a{ color:#384451;}
.kategorilerSidebar ul li ul li a:hover{background: rgb(111, 131, 151,.2); color:#384451;}
.kategorilerSidebar ul li ul li i{display: inline-block; vertical-align: middle;}


.kategoriIciArama-sticky {background: #fff; position: -webkit-sticky; position: sticky; top: 80px; z-index: 99; padding: 10px; border-radius:5px;  z-index: 50; }
.kategoriIciArama-sticky.bg-sticky {background: #263238;}

.make-me-sticky { position: -webkit-sticky; position: sticky; top: 100px; z-index: 99;}
.imgLiquidanim{opacity: 0; transition: opacity 0.5s ease-out; transition-delay: 0.5s;}
.imgLiquidanim.imgLiquid_ready{opacity: 1;}


.neoSolMenu .card-title{border-bottom: solid #ccc 1px; margin:10px -15px; padding:0  15px 10px 15px !important; font-size: 18px;}
.neoSolMenu ul{margin:5px -15px;}
.neoSolMenu .nav-link{padding: 5px 15px !important; }
.neoSolMenu .nav-link.active,
.neoSolMenu .nav-link:hover{background: rgba(0,0,0,0.1);  }


.breadcrumb{background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);}
.breadcrumb .breadcrumb-item{color: #333; }


.SolAltIconlar{left: 25px; }
.SagAltIconlar{right: 25px;}
.SolAltIconlar, .SagAltIconlar{position: fixed; bottom: 25px; visibility: visible; background-color: transparent; margin:0; padding:0; list-style:none; z-index: 200000 !important; }
.SolAltIconlar li, .SagAltIconlar li{position: relative; display:block; margin-top: 20px; }
.animatedFixed{ width: 50px; height: 50px; display:inline-block; cursor: pointer;transform-origin: center;}
.animatedFixed > .wiconWrap {width: 60px; height: 60px; top: 0; left: 0; position: absolute; transition: all 0.2s ease-in-out; border-radius: 100%; border: 2px solid transparent; transition: all .5s;}
.animatedFixed > .wicon {width: 40px; height: 40px; top: 10px; left: 10px; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; transition: all 0.2s ease-in-out; transform-origin: 50% 50%;}
.animatedFixed > .wicon i{color:#fff; position:absolute; top:9px; left:9px; transform-origin: 50% 50%;}

.animatedFixed.whatsapp > .wiconWrap {background:rgba(79, 206, 93,.5);}
.animatedFixed.whatsapp > .wicon {background:rgb(79, 206, 93);} 

.animatedFixed.phone > .wiconWrap {background:rgba(18, 120, 255,.5);}
.animatedFixed.phone > .wicon {background:rgb(18, 120, 255);} 

.ansayfaWhatsapp{background:#4d5e6f; color:#fff; padding: 40px 10px 20px 10px; border-radius: 5px;}
.ansayfaWhatsapp h2{font-size:30px; text-align:center;}
.ansayfaWhatsapp h2 b{display:block; font-size:20px}
.ansayfaWhatsapp .whatsappBar {background: #1cb63f; color:#fff; padding: 10px 0px; border-radius: 5px;}
.ansayfaWhatsapp .whatsappBar h3{font-size:22px; text-align:center;}
.ansayfaWhatsapp .whatsappBar h3 b{display:block; font-size:18px}
.ansayfaWhatsapp .whatsappBar i{font-size:46px}

.anasayfaUrunler{padding:0 10px;}
.anasayfaUrunler > div{padding: 5px;}
.anasayfaUrunler .wrap{ background: #fff; padding: 10px; border-radius: 5px; border:solid #eee 2px;}
.anasayfaUrunler .wrap:hover{ background: #fff; padding: 10px; border-radius: 5px; border:solid #fff 2px; box-shadow: 0 5px 25px 0 rgba(0,0,0,.2);}
.anasayfaUrunler .wrap a:not(.sepeteEkle){ color:#4d5e6f;}
.anasayfaUrunler .resimler{display: inline-block; width:150px; height: 150px; margin-bottom:20px;}
.anasayfaUrunler .urunBaslik{ height: 70px; overflow: hidden;}
.anasayfaUrunler .urunFiyatBar{height: 60px;}
.anasayfaUrunler .urunFiyat{ padding:10px 0;}
.anasayfaUrunler .urunEskiFiyat{display: block; color:#999; font-size: 14px; text-align: right;}
.anasayfaUrunler .urunIndirim{ width:40px; height:40px; border-radius:50%; padding:10px 0; text-align: center; background: #ffbc00; color:#fff; font-size:14px; font-weight: bold;}
.sepetInBtn{padding-right:10px;}
.sepetUrunSayisi{ display:inline-block; color:#fff; font-size:12px; border-radius:50%; padding:1px 7px; }
.sepeteEkle{display:inline-block; font-size:15px; font-weight:600; border-radius:40px; padding:7px 10px;}
.sepeteEkle:hover{ color:#fff;}
.sepeteEkle i{margin-right:5px;}
.alert .sepetUrunSayisi,
.alert .toplamFiyat{background: #3b454b; color:#fff; font-size:15px; border-radius:5px; padding:1px 7px;}

.urunDetaylari .urunBaslik{ font-size: 20px; font-weight:bold;}
.urunDetaylari .urunFiyatBar{height: 80px; font-size: 20px !important;}
.urunDetaylari .urunFiyat{ padding:10px 0; }
.urunDetaylari .urunEskiFiyat{display: block; color:#999; font-size: 18px; text-align: right;}
.urunDetaylari .urunIndirim{ width:60px; height:60px; border-radius:50%; padding:15px 0; text-align: center; background: #ffbc00; color:#fff; font-size:20px; font-weight: bold;}



#ozellikler{ display: flex; flex-direction: column; }
.select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	padding: 0px !important;
} 
.select2-container--bootstrap4 .select2-selection {
	display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.select2-container--bootstrap4 .select2-selection--multiple {
	padding:0 0 0 5px !important;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    float: left !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    margin-right: 2px !important;
    margin-left: 0px !important;
    font-weight: 700 !important;
    color: #bdc6d0 !important;
	border: 0px;
}


/*hizliSepetData*/
#hizliSepetModal .modal-title small{font-size: 12px;}
.hizliSepetData{margin: 0; padding: 10px 10px 0px 10px; list-style: none; width: 100%; max-height: 350px; overflow: auto; border-bottom:solid #e9ecef 1px; }
.hizliSepetData li.alert i{font-size: 48px;}
.hizliSepetData li .card .card-body{background: #fff;}
.hizliSepetData li{border:none; font-size: 14px;}
.hizliSepetData li .UrunSil{position: absolute; top:0px; right: 0px; padding:0px 4.5px; border-radius:0px 5px  0 3px; background: #4d5e6f; color:#fff; font-size: 12px; z-index: 2;}
.hizliSepetData li a{color:#4d5e6f;}
.hizliSepetData li .resimler{position:relative; height: 60px !important; width: 60px !important;}
.hizliSepetData .input-group { width: 100px !important;}
.hizliSepetData .input-group .input-group-prepend .btn,
.hizliSepetData .input-group .input-group-append .btn{ border:none; background:#e9ecef; line-height: 8px; min-height: 10px; min-width: 30px !important;}
.hizliSepetData .input-group .input-group-prepend .btn{ border-radius:5px 0 0  5px !important;}
.hizliSepetData .input-group .input-group-append .btn{border-radius: 0 5px 5px 0 !important; left: 1px;}
.hizliSepetData .input-group .form-control{padding:10px 0px !important; border:none !important; height: 20px; width: 30px; font-size: 12px;}

.urunSepeteEklendi{position: absolute; top:50%; left:15px; right: 15px; color:#fff; padding: 10px 5px; border-radius:10px; box-shadow: 0 5px 25px 0 rgba(0,0,0,.2); background-color:rgb(1, 186, 239); background:linear-gradient(315deg, rgb(32, 191, 85) 0px, rgb(1, 186, 239) 100%); text-align: center;}
.urunSepeteEklendi i{font-size:42px;}

.odemeTuruBtns{ display: flex; width: 100%; justify-content: space-between; grid-column-gap: 0;}
.odemeTuruBtns .btn{flex: auto;}
.odemeTuruBtns small{font-size:16px;}

.jssocials-share-link{padding: 5px !important;}
.btn-pill{border-radius: 50em;}
/*.jumbotron{height: 300px !important; background-attachment:cover !important; background-size:100% auto !important; background-position: center;}*/
.copyright{color: #999;}
.harita{border:none !important; margin:-25px 0 20px 0; }

.actionBar{background: #495057 !important;}
.actionBar .nav .sepetBtnFab{font-size: 12px; text-align:center; padding-top: 15px;}
.actionBar .nav i{font-size: 20px;}
.actionBar .nav a{position: relative; display: block; }
.actionBar .nav span{position: absolute; display: block; left:50%; width: 48px; height: 48px; line-height: 44px; background: #39B54A; top:-30px; margin-left: -24px; /*box-shadow: 0 3px 15px 0 rgba(0,0,0,.3);*/ text-align: center; border-radius: 50%; border:solid #495057 4px;}
.actionBar .nav span i{color:#fff;}
.actionBar .sepetBtn{ padding: .44rem 1rem !important; border:solid #39B54A 1px !important;}
.actionBar .sepetBtn i{ color: #39B54A;}
.actionBar .sepetBtn:focus, 
.actionBar .sepetBtn:hover{ padding: .44rem 1rem !important; border:solid #0d9b3c 1px !important; background: #0d9b3c; color: #fff;}
.actionBar .sepetBtn:hover i,
.actionBar .sepetBtn:focus i{ color: #fff;}
:focus { outline: -webkit-focus-ring-color auto 0px; }

/*.footer-menu-button{background: rgba(255,255,255,.082);}*/


@media (max-width : 1400px){
	.girisyap_bg{display:block; background-color:#843fac; background:linear-gradient(to left, rgba(132,63,172,.30) 0px, rgba(55,49,139,.90) 50%, rgba(22,224,228,.90) 100%), url('images/loginbg.jpg') no-repeat; background-attachment:cover !important; background-size:auto 100% !important; background-position: 70% 50%  ;}
}
@media (max-height : 480px){
	.girisyap_bg{display:block; background-color:#843fac; background:linear-gradient(to left, rgba(132,63,172,.30) 0px, rgba(55,49,139,.90) 50%, rgba(22,224,228,.90) 100%), url('images/loginbg.jpg') no-repeat; background-attachment:cover !important; background-size:100% auto  !important; background-position: 70% 50%  ;}
}
@media (max-width : 1199px){
	.slaytResimList li,
	.galeriResimList li{width:226px;}
}
@media (max-width : 991px){
	.sidebar{ z-index:9999;}
	.slaytResimList li,
	.galeriResimList li{width:132px;}
	/*.sitelerSlider .carousel-item{height: 300px;}*/
	.navbar{  display: block; flex-direction: normal !important; } 

	 /* footerSideBar */
	.footerSideBar{position:fixed; height:100% !important; min-width:100px; width:80%; max-width:320px; background-color:#fff; color:#263238; z-index:9999; top:0; bottom:0; right:-500px; box-shadow: 10px 0px 50px 0 rgba(0,0,0,.5); overflow:auto; }
	.footerSideBar ul li{border-bottom: solid #eee 1px;}
	.footerSideBar h4{color:#7a8693; margin-top: 5px;}
	.footerSideBar a{color:#384451;}
	.footerSideBar a:hover{color:#000; background: #eee;}
	.footerSideBar .sosyalmedyaIcons,
	.footerSideBar .guvenliodemeIcons {text-align: center;}
	.footerSideBar .sosyalmedyaIcons a,
	.footerSideBar .guvenliodemeIcons a{color:#7a8693;}
	.footerSideBar .copyrightBar{ background: #eee ; color:#343a40; border-radius: 5px; margin:5px;}
	.footerSideBar .copyrightBar div{ text-align: center !important; }
	.footerSideBar-close{position:absolute; right:0;}
	.footerSideBar-overlay{position:fixed; display:none; right:0; top:0; left:0; bottom:0; background-color:#000; z-index:9998; opacity:.6;}
	
	 .actionBar{ height: 55px; right:0; left:0; bottom:0; box-shadow:0px -10px 10px rgba(0, 0, 0, 0.2);}
	 body{margin-bottom: 0px; padding-bottom: 60px; }
	 body.kapindaPanel{margin-bottom: 0px !important; padding-bottom: 0px !important; }
	 body.kapindaSite{margin-bottom: 0px !important; padding-bottom: 60px !important; }
	 body.kapindaSite footer{background:#2a2e33 !important; font-size:12px; height: auto; padding: 20px 0 !important;}
	 body.kapindaSite footer div{ text-align: center !important;}
	/* body > .container { padding: 130px 15px 0;} */
	footer{height: 0px ; padding: 0px ; z-index: 1;}
	

}

@media (max-width : 767px){
	.slaytResimList li,
	.galeriResimList li{width:121px;}
	.logo img{height:50px;}
	/*.sitelerSlider .carousel-item{height: 250px;}*/
	.sitelerSlider .carousel-inner{border-radius: 0px !important;}
	
	.mainbody{margin: 140px 0 0 0; }
	/*footer div{text-align: center !important; }*/
	.navbar-firma{background:#fff; display: block !important; padding:10px 0 0 0 !important; border:none;}
	.topmenu .row div:nth-child(1) li,
	.topmenu .row div:nth-child(1) li a
	{ display: block !important;}
	.neoSolMenu ul{display: none;}
	.neoSolMenu .card-title{background: #0275d8; color:#fff; border: solid #ccc 1px; margin:5px -15px 5px -15px; padding:10px 15px !important; border-radius: 3px; font-size: 16px; cursor: pointer;}
	.neoSolMenu .card-title:hover{background: #0365b9;}
	.headerBar{box-shadow:0 2px 15px 0 rgba(0,0,0,.2); z-index: 1; border: none !important;}
	.faydalar img{ height:50px;}
	.nedenneocloudy img{ height:70px;}
	
	.jumbotron{ border-radius:0 ; background-color:#843fac; background:linear-gradient(to left, rgba(132,63,172,.30) 0px, rgba(55,49,139,.90) 50%, rgba(22,224,228,.90) 100%), url('images/jumbotron_bg.jpg') no-repeat top 70%;}
	.jumbotron h1{font-size:48px;}
	.jumbotron h4{font-size:26px; line-height:34px;}
	.kategoriIciArama-sticky { position: -webkit-sticky; position: sticky; top: 120px; z-index: 99; padding: 10px; border-radius:5px;}
	.kategoriIciArama-sticky.bottom-sticky {position:fixed; bottom: 55px; margin:0 !important; top:inherit; z-index: 999; left:0; right:0; border: none !important; border-radius: 0; }
}

@media (max-width : 576px){
	.slaytResimList li,
	.galeriResimList li{width:32%;}
}
@media (max-width : 480px){
	.actionBar .nav i{font-size: 16px;}
	.nav-link {padding: .5rem 0rem;}
	.sitelerSlider {margin-left: -15px; margin-right:-15px; margin-top: -25px; margin-bottom:20px;}
	/*.sitelerSlider .carousel-item{height: 200px; }*/
	.jumbotron{ border-radius:0 ; background-color:#843fac; background:linear-gradient(to left, rgba(132,63,172,.30) 0px, rgba(55,49,139,.5) 50%, rgba(22,224,228,.50) 100%), url('images/jumbotron_bg.jpg') no-repeat top 70%; background-size: auto 120%;}
	.jumbotron h1{font-size:36px;}
	.jumbotron h4{font-size:22px; line-height:28px;}
	.yenisitebtn{position:absolute; top:30px; right:20px; z-index:9;}
	.anasayfaUrunler .resimler{display: inline-block; width:115px; height: 115px; margin-bottom:5px; overflow: hidden;}
}
@media (max-width : 360px){
	.slaytResimList li,
	.galeriResimList li{width:48%;}
}
@media (max-height : 768px){
	.kategoriler li{position: static; }
	.kategoriler li ul{top: 0; bottom:0; overflow-y: auto;}
}

@media print {
	@import url('https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap');
	body{ margin: 0px !important; padding: 0px !important; font-weight: bold !important; font-family: 'Teko', sans-serif !important; }
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size: 15px !important; color: black !important; }
	.printpage{page-break-inside:avoid; width: 100%; margin: 0px !important; padding: 0px !important; }
	.printsize{ margin: 0px !important; padding: 0px !important; border:none !important; page-break-after:avoid;}
 }