/*@import url("css/bootstrap.min.css");
@import url("css/bootstrap-grid.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css");
@import url("css/uploadifive.css");
@import url("css/jquery.fancybox.min.css");
@import url("css/swiper.min.css");
@import url("css/material-design-iconic-font.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=Roboto:400,700&subset=latin-ext');
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");*/

body{font-family: "Poppins", sans-serif; background:#f6fbfe; top: 0px !important;  }
.goog-te-banner-frame {display:none !important}
.goog-te-banner-frame.skiptranslate {display: none !important;}
font > font{padding-left: 5px;}
/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%;}
body { padding-bottom: 0px; background-color: #fff; }
a{text-decoration: none;}
/* footer{ position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 60px; background-color: #f5f5f5; font-size:12px;} */

/* body > .container { padding: 30px 15px 0;} 
footer > .container { padding-right: 15px; padding-left: 15px;}*/
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;}

.SayfaSerit{position: relative; background-size: cover; background-position:center ; background-repeat: no-repeat; resize: none; margin-bottom:20px;}
.SayfaSerit .container{height: 300px; }
.SayfaSerit h1{position: absolute; font-weight: bold !important; color:#fff; text-transform: uppercase; font-size:36px; bottom: 10px;}

.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 center;}
.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);}
/*
p{white-space: pre-line;}*/
.navbar .dropdown-menu-right{right: 0 !important; left: auto !important;}


.translation-links .dropdown-menu li,
.translation-links .dropdown-menu a{ color:#333 !important; display:block !important; width:100% !important;}
.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: block; color: #fff; padding: 10px 15px; font-size: 14px;}
.topmenu li a:hover{background:rgba(255,255,255,.2); }
.topmenu li a i{display: inline-block; font-size: 18px; vertical-align: middle;} 


.navbar-firma{ display: block !important; padding: 20px 0px;  z-index: 3; transition: all .3s ease-in-out; z-index: 4;}
.shadow-none{box-shadow:none !important;}
.navbar-firma .nav-link{color:#fff; font-size:16px;}
.navbar-firma.bg-white .nav-link{color:#263238; font-size:16px;}
.body-firma .logo path {fill:#fff;}
.nav-sticky.navbar-firma {margin-top: 0px;  padding: 10px 0px; background-color: #fff; box-shadow: 0px 3px 10px 0px rgba(38, 107, 193, .08);}
.nav-sticky .navbar-brand .logo-img { filter: brightness(0) invert(1);}
footer .logo-img { filter: brightness(0) invert(1);}
.nav-sticky .nav-link{color:#263238; font-size:16px;}

.carousel-item{position: relative; z-index:0;}
.body-firma{background:#fff;}
.navbar-neo{background: #fff; display: block !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); z-index: 1;}
/* .navbar-nav a{color:#fff !important; font-size:16px;} */
.hosgeldinText{position: relative;}
.hosgeldinText::before{content:attr(data-baslik); right:0; left:0; bottom:-70px; position:absolute; font-weight:bold; font-size:95px; z-index:0; }
.urunlerDiv, .galeriDiv{ overflow: hidden;}
.urunlerText, .galeriText{position: relative;}
.galeriDiv{ padding: 80px 0;}
.urunlerText::before, .galeriText::before{content:attr(data-baslik); right:0; left:0; bottom:-70px; position:absolute; font-weight:bold; font-size:95px; z-index:0; color: rgba(255,255,255,0.1) !important;}
.urunlerSwiper .swiper-wrapper .swiper-slide .resim,
.galeriSwiper .swiper-wrapper .swiper-slide .resim{  border-radius: 10px; height:200px; background: #000;  padding:10px; display: flex; align-items: center; justify-items: center;}
.galeriSwiper .swiper-wrapper .swiper-slide{ border-radius: 10px; transition: all .3s ease-in-out; box-shadow:0 0px 10px rgba(0, 0, 0,.1);}
.galeriSwiper .swiper-wrapper .swiper-slide:hover{display: block; margin-top: -10px; transition: all .3s ease-in-out; box-shadow:0 15px 20px rgba(0, 0, 0,.3);}
.galeriSwiper .swiper-wrapper .swiper-slide:hover .resim{ opacity: .7; position: relative; transition: all .3s ease-in-out; }
.urunlerSwiper .swiper-wrapper .swiper-slide .resim{ margin-bottom: 20px;}
.urunlerSwiper .swiper-wrapper .swiper-slide h1{font-size:20px; color: #fff;} 
.swiper-button-next, .swiper-button-prev {font-weight: 900 !important; height: 32px;}
.swiper-wrapper{padding:20px 0;}
.swiper-button-next:after, .swiper-button-prev:after { font-size: 24px !important; color: #fff;}

.haberlerDiv{padding: 100px 0;}
.haberlerSwiper .swiper-wrapper .swiper-slide{ text-align: center; margin-bottom: 20px;}
.haberlerSwiper .swiper-wrapper .swiper-slide a{color: #31313b; text-decoration: none;}
.haberlerSwiper h5{margin:10px 0 20px 0px; font-size: 22px;}
.haberResim{ display: inline-block; position:relative;}
.haberResim img{position: relative; display:block; height:120px; width:120px; border-radius: 100%; object-fit: cover; z-index:3; box-shadow: 0px 10px 15px rgba(0,0,0,.1); }

.haberTarih{ position:relative; display:inline-block; margin:0 auto; height:120px; width:120px; border-radius: 100%; object-fit: cover; z-index:3; box-shadow: 0px 10px 15px rgba(0,0,0,.1);}
.haberTarih b{display: block; font-size: 24px; }

.haberlerSwiper p{opacity: 0; transition:all .1s ease-in-out;}
.haberlerSwiper .swiper-slide-active p{opacity: 1; transition:all .5s ease-in-out;}
.haberlerSwiper .swiper-slide {opacity:.8; top:0px; transition:all .5s ease-in-out;}
.haberlerSwiper .swiper-slide-active {opacity:1; top:30px; transition:all .5s ease-in-out;}

.rightSideMenu{ padding: 20px; background: white; border-radius:10px; box-shadow: 0 0 15px rgba(0,0,0,.2);}
.rightSideMenu .site-baslik{ font-size:18px; font-weight: bold;}


.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; color: #333; text-decoration: none; }
.haberler li a:hover{ background-color: whitesmoke;}
.haberler li:last-child{border-bottom: none;}
.haberler li img{ height:50px; width: 50px; margin-right: 5px; object-fit: cover;  border:solid #eee 2px; border-radius:10px;}
.haberler li span{  padding:5px 10px; margin-right: 5px; text-align: center; font-size: 12px; display: inline-block; background:#eee; line-height: 18px; border-radius:10px; }
.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: 16px;}
.bizeulasin a{color: #333; text-decoration: none;}
.bizeulasin a:hover{color: #0275d8;}
.bizeulasin i{color: #0275d8; font-size: 20px; vertical-align: middle;}

.site-baslik{font-size: 42px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase !important;}
.site-baslik span{display:inline-block; padding:0 10px 0 0; margin-bottom: -1px;}

.slideOverlayInner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-repeat: none; background-position: top center;}
.slideOverlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-repeat: none; background-position: top center;}
.sitelerSlider{position: relative; z-index: 0;}
.sitelerSlider .carousel-item {height: 92vh; background-size: cover; background-position: center; }
/* .sitelerSlider .carousel-item img{ object-fit: cover; object-position: center;} */
.faydalar img{ height:60px;}
.nedenkobiextra img{ height:80px;}


.paketler{background:#fff;}
.paketler .card-title{color:#333; font-size:16px; font-weight:bold;}
.paketler .fiyat{position:relative; background:#34393c url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100' fill='%23515a6a'><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;}


.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='%23515a6a'><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; float:left; 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 #f0ad4e 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; float:left; 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; }
.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 #f0ad4e 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 #f0ad4e 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 #f0ad4e 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 #f0ad4e 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 #f0ad4e 2px; background: #fcf8e3;}
.siteUrunler li{height: 50px; }

/* sitegaleri */
.sitegaleri{padding:0 10px;}
.sitegaleri > div{padding: 3px; }
.sitegaleri > div a{display:none; position:absolute; text-align: center; left:0px; top:0px; right:0px; bottom:0px; 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; }


.swiper-container {width: 100%; height: 400px;}
.swiper-slide {overflow: hidden;}



/* .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{}
.urunlistesi .urunFiyat b{ position:relative; font-size:20px; font-weight:bold; margin:0px 20px 0 0px;}
.urunlistesi .urunHemenal{}

#detay{z-index:9000 !important;}
.etiketler{display:inline-block !important; position:relative; background:#666; color:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.5); border-radius:3px; padding:5px 10px; margin:5px 3px; transition: all .3s linear;}
.etiketler:hover{ background:#333; color:#fff;}
/* 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; }*/



.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:absolute; display:none; right:0; top:0; left:0; bottom:0; background-color:#000; z-index:9998; opacity:.6;}




.girisyap_bg{display:inline-block; background-color:#A91832; background:linear-gradient(to left, rgba(170, 24, 51, .8) 0px, rgb(204, 51, 51,.95) 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{}
.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;}
*/

.kategoriler { margin: 0; padding: 0; list-style: none;}
.kategoriler li{border-bottom: solid #eee 1px;}
.kategoriler li:last-child{border-bottom: none;}
.kategoriler li a{color: #666; display: block; padding: 5px 10px; margin: 0 -10px;  }
.kategoriler li a:hover{background: #eee;   }

.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: 10px; }
.SagAltIconlar{right: 10px;}
.SolAltIconlar, .SagAltIconlar{position: fixed; bottom: 10px; visibility: visible; background-color: transparent; margin:0; padding:0; list-style:none; z-index: 200000 !important; }
.SolAltIconlar li, .SagAltIconlar li{position: relative; display:block; }
.animatedFixed{ width: 90px; height: 90px; display:inline-block; cursor: pointer;}
.animatedFixed > div { width: 90px; height: 90px; top: 0px; left: 0px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4);  }
.animatedFixed > div > div {width: 65px; height: 65px; top: 11px; left: 11px; position: absolute; transition: all 0.2s ease-in-out; border-radius: 100%; border: 2px solid transparent; transition: all .5s;}
.animatedFixed > div > div > div {width: 30px; height: 30px; top: 15px; left: 15px; position: absolute; -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 > div > div > div i{color:#fff; position:absolute; top:5px; left:5px; transform-origin: 50% 50%;}

.animatedFixed.phone > div {border-color:rgba(10,150,10,1);}
.animatedFixed.phone > div > div {background:rgba(10,150,10,.5);}
.animatedFixed.phone > div > div > div {background:rgba(10,150,10,1);}

.animatedFixed.whatsapp > div {border-color:rgba(13,105,94,1);}
.animatedFixed.whatsapp > div > div {background:rgba(13,105,94,.5);}
.animatedFixed.whatsapp > div > div > div {background:rgba(13,105,94,1);}
*/


.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; display: flex; align-items: center; justify-content: center; }
.animatedFixed > .wicon i{color:#fff; position:absolute; }
.animatedFixed > .wicon i.fab{font-size: 20px;}

.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);} 
.faydalar{background: #eee;}


/*.jumbotron{height: 300px !important; background-attachment:cover !important; background-size:100% auto !important; background-position: center;}
.copyright{color: #999;}*/
.harita{border:none !important;}

.player{ z-index: 2;}
#bgndVideo{background:#343a40; position: relative; z-index: 0;}
#bgndVideo::before{content:""; right:0; left:0; bottom:0; top:0; position:absolute; z-index: 1; background: url('images/loading.svg') no-repeat; width: 50px; height: 50px; margin: auto;}


footer{background:#343a40; color:#fff; padding:50px 0 0px 0; font-size:14px;}
footer ul{list-style:none; margin:0; padding:0;}
footer .adres ul li{padding-bottom:15px;}
footer .linkler ul li{padding-bottom:5px;}

footer ul li a{text-decoration:none; padding:3px 0; color:#fff;}
footer ul li a:hover{ color:#ffffff99;}
footer .sosyalMediaLink{margin-top: 10px;}
footer .sosyalMediaLink a{ padding:0 5px;border:none !important;}

.copyright{font-size:12px; background:#212529; color:#fff; padding:5px 0; margin-top: 30px;}
.copyright a{color:#fff;}


@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){
	.slaytResimList li,
	.galeriResimList li{width:132px;}
	/* .sitelerSlider .carousel-item{height: 400px;} */
	.navbar{ display: block; flex-direction: normal !important; } 
	 .navbar-firma .collapsing,
	.navbar-firma .collapse
	{ background: white; margin-left: -15px; margin-right: -15px; margin-top:10px; padding:0 15px; border-radius:5px;}
	.navbar-firma .collapsing .nav-link,
	.navbar-firma .collapse .nav-link{color:#263238; font-size:16px;}
	
	.hosgeldinVideo{height: 400px; margin-bottom: 20px;}
	.hosgeldinText::before{font-size:90px; bottom: -60px;}

}

@media (max-width : 767px){
	.slaytResimList li,
	.galeriResimList li{width:121px;}
	.navbar-brand{width:100%; text-align:center;}
	.navbar-brand img{height:60px;}
	.navbar-toggler-right{ margin: 7px auto !important; }
	
	.body-firma .navbar-brand{width:auto !important; text-align:left;}
	
	#navbarSupportedContent a{text-align:center; border-top:solid #eee 1px;}
	.sitelerSlider .carousel-item{height: 300px;}
	footer .logo-img{ height: 60px !important; margin-bottom:20px;}

	.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;}
	
	.faydalar img{ height:50px;}
	.nedenkobiextra 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;}
	
	.hosgeldinVideo{height: 420px; }
	.hosgeldinText::before{font-size:65px; bottom: -40px;}

}

@media (max-width : 576px){
	.slaytResimList li,
	.galeriResimList li{width:32%;}
	.hosgeldinVideo{height: 240px;}
}
@media (max-width : 426px){
	.sitelerSlider .carousel-item{height: 70vh;}
	
	.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;}
	.hosgeldinVideo{height: 230px;}
	.hosgeldinText::before{font-size:55px; bottom: -40px;}

}
@media (max-width : 321px){
	.slaytResimList li,
	.galeriResimList li{width:48%;}
	.swiper-container {height: 325px !important;}
	.hosgeldinVideo{height: 200px;}
		
}