.modal-backdropxx{z-index:0!important;}
body,div,tr,td,span,label,p {font-family: 'Open Sans', sans-serif !important; }

body {margin-top: 0px;}
.reset{margin:0!important; padding:0!important;}
.breadcrumb {background: #fff !important;}

/*RENKLER*/
img:hover {opacity:0.9}
img.opacityyok:hover {opacity:1}
.portalBordosu {background: #fc8245 !important; color:#fff; font-weight:bold;}

/*SLIDER CSS*/
.swiper-pagination-bullet {border: 2px solid #fff !important; margin:0 3px !important; width:13px !important; height:13px !important;}

.br-baslik {}
.br-baslik h3 {border-bottom:1px solid #fc8245; display:block; color: #fc8245; padding-bottom: 5px; margin-bottom: 35px !important;}

.flat {border-radius:0 !important;}
.fullw {width:100%;}
.clearFix{clear:both;}
.gorunmez{display:none;}
.cursor{cursor:pointer;}
.textcenter,.centertext{text-align:center;}
.textright{text-align:right;}
.textleft{text-align:left;}
.relative{position:relative;}
.absolute-top-right{position:absolute; top:5px; right:5px; z-index:9999;}
.absolute-top-left{position:absolute; top:5px; left:5px; z-index:9999;}
.absolute-bottom-left{position:absolute; bottom:5px; left:5px; z-index:9999;}
.absolute-bottom-right{position:absolute; bottom:5px; right:5px; z-index:9999;}
.absolute-bottom{position:absolute; bottom:5px; right:0; left:0; z-index:9999;}

.gecisGif1 {display:none; background-image: url("/assets/images/gecis-ani/br_gif.gif"); width:90px; height:90px; text-align:center; position: absolute; left: 50%; transform: translate(-50%, 0);}
.gecisGif2 {display:none; background-image: url("/assets/images/gecis-ani/br_gif_2.gif"); width:90px; height:90px; text-align:center; position: absolute; left: 50%; transform: translate(-50%, 0);}

.popover{min-width:300px; border:2px solid #000!important; border-radius:0!important;}
.popover-title{border-radius:0!important;}

.imgJsileAyarla{display:none;}

/*INSET BORDER*/
.border-inset {
  background: gold;
}

.centerItem {align-items: center; display: flex; justify-content: center;}
.centerAbsolute {position: absolute; left: 50%; transform: translate(-50%, 0);}
.centerAbsoluteV {position: absolute; top: 50%; transform: translate(-50%, 0);}

/* Mobile first queries */
.mobil-center {text-align:center;}

.paddingKucult {padding: 7px;}
.paddingKucult0 {padding: 0px;}
.paddingKucult1 {padding: 1px;}
.paddingKucult2 {padding: 2px;}
.paddingKucult3 {padding: 3px;}
.paddingKucult5 {padding: 5px;}
.paddingKucult10 {padding: 10px;}

.margin1 {margin:1px;}
.margin3 {margin:3px;}
.margin5 {margin:5px;}

.baslik_segment {text-align: left;font-size: 22px;text-transform: uppercase;margin: 40px auto 15px auto;}

/*LIGHTBOX*/
.lightBox { display:none; z-index: 10000;}
.lightBox .siyah{ background:#999; position:fixed; top:0; bottom:0; right:0; left:0; opacity:0.8;}
.lightBox .urunOzellikSecDiv{ position:fixed; width:50%; min-height:10%; max-height:90%; overflow-y:auto; top:10%; left:50%; margin-left:-25%; background:#fff;}
.lightBox .sepetGosterDiv{ display:none; position:fixed; width:20%; min-height:10%; max-height:90%; overflow-y:auto; top:10%; left:50%; margin-left:-10%; background:#fff;}

.btn-fixed-bottom{position:fixed; bottom:0; left:50px; right:50px;}

input::placeholder,textarea::placeholder {
      color: #ccc;
      font-style: italic;
    }
    
div::-webkit-scrollbar
{
	width: 10px;
	height: 3px;
	background:rgba(0,0,0,0.5);
}
div::-webkit-scrollbar-thumb
{
	width: 10px;
	height: 3px;
	background:#000;
}
  
body::-webkit-scrollbar
{
	width: 10px;
	height: 3px;
	background:rgba(0,0,0,0.5);
}
body::-webkit-scrollbar-thumb
{
	width: 10px;
	height: 3px;
	background:#000;
}
  

/* Larger than mobile */
@media (min-width: 320px) {
  h3{font-size: 20px !important;}
}

/* Larger than phablet */
@media (min-width: 550px) {
  
}

/* Larger than tablet */
@media (min-width: 768px) {
  .baslik_segment{font-size: 35px;}
  .mobil-center {text-align:left;}
}

/* Larger than desktop */
@media (min-width: 992px) {
  
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
  
}