@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fontlar/BebasNeue-webfont.ttf');
    src: url('../fontlar/BebasNeue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


a {


}
a[title]:hover:after{

}
* {
    box-sizing: border-box;
}
body {
	font-family:sans-serif;
	height:100%;
	font-size:10px;
	width:100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;


	}

/*::
-webkit-scrollbar {
  display: none;
}*/

.table{display:table;}
.row{display:table-row;}
.cell{display:table-cell;vertical-align:middle;}

h1 {
	font-size:1.1em;
}
h2 {
	font-size:2em;
	}
h3 {
	font-size: 3em;

	}
h4 {
	font-size: 4em;
	font-family:Calibri;
	letter-spacing:2px;
	line-height:2em;
	}
h5{
	font-size: 5em;
	font-family:Calibri;
	letter-spacing:2px;
}
table {
	color: #FFFFFF
	}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
	}
ul {

	font-size: 1em;
	list-style-type:square;
	list-style-position: outside
	}

a:hover {
	text-decoration: none;
	}


#anaC{ min-height: 700px;}
#rmenul, #rmenulana{padding:5%;}
#rmenul:hover, #rmenulana:hover{cursor:pointer;}

.yuklen,#yuklen {

    position:   fixed;
    z-index:    5000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .5 )
                url('../img/yuk.gif')
                50% 50%
                no-repeat;
}



#sayfali {
padding:1% 2%;
text-align:center;

}
#sayfali form{ display:inline-block;}
#sayfali ul{
margin:0 auto;
display:block;
position:relative;
}
#sayfali input[type="submit"],#sayfali button{
background-color:#fff;
color:#0abe8c;
border:none;
width:35px;
height:35px;
-webkit-appearance:none;
font-weight:600;
}
#sayfali input[type="submit"]:hover,.sayfaaktif,#sayfali button:hover{
background-color:#0abe8c!important;
color:#fff!important;
font-weight:800;
text-decoration:underline;
cursor:pointer;
}
#sayfali ul li{
list-style:none;
display:inline-block;
border:1px solid #ccc;


}
#sayfali ul li:hover{

}
#dilsec{
display:flex;
align-items:center;
padding:1%;
justify-content:center;
}
.bayrakC{
display:inline-block;
padding:3%;

}
.bayrakC img{
width:20px;}

#perde{
	display: none;
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color: rgba(255,255,255,.7);
}



.altmenu{
bottom:0;
text-align:center;
border-top:1px solid #ccc;
position:fixed;
margin-top:50px;
background:#f5f5f5;
width:100%;
}
.altmenuul{list-style-type:none; }
.altmenulink{display:inline-block; padding:5px;}

.altmenulink a{text-decoration:none; color:#333; display:inline-block;}
.altmenulink a:hover{color:#666; text-decoration:none;}
.dilimg{width:15px;}
#icCerceve{padding-bottom:50px;}

.gorevlifoto{
position:absolute;
right:0;
top:30px;
padding:5px;
width: 50px;
height: 50px;
float: right;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 99em;
-moz-border-radius: 99em;
border-radius: 99em;
border: 5px solid #100B34;
margin:5px;
}
.gorevliisim{
position:absolute;
top:50px;
right:0;
background:#100B34;
padding:5px;
color:#fff;
opacity:0;
visibility: hidden;
text-align:center;
}
.gorevlifoto:hover{ transform:scale(1.1);}
.gorevlifoto:hover > .gorevliisim{ opacity:1; visibility: visible;}


#logo{
padding:10px;
text-align:center;
}
#girisform{
width:80%;
margin:0 auto;
}
#girisC{
background-color:#fff;
padding:10px;
border-top:5px solid #DCF940;
margin:50px auto;
font-size:1.5em;

}
.mavibuton{background-color:#100B34;
color:#fff;
}
.mavibuton:hover{
color:#fff;
background:#1565c0;
}
.ful-input{
	clear:both;
}
.ful-input:focus{
outline:3px solid #3498DB;
}
 .cerceve40{
		 width:40%;
		 margin:0 auto;
	}


		.sorukutu{border-left:5px solid #252525; cursor:pointer; padding:1%; margin:1% auto;text-align: left; background-color: #eee;}
		.sorukutu:hover{border-left:5px solid #2574A9; color:#2574A9;background-color:#e9eeee;}
		.sorukutuaktif{border-left:5px solid #2574A9; color:#2574A9; background-color:#e9eeee;}
	.acic{margin:1% 0; auto;display:none;}
	.sorukutu p{padding: 1%;}
	.sorukutu img{width:80%; margin:0 auto; padding: 1%;}
	.sorukutu img:hover{}
	.sorukat{font-size:1.2em; border-bottom:2px solid #2574A9; color:#2574A9;  padding: 1%;}
	.sorularC{padding:2%;}

#yedilogo img{
height:35px;
display:block;
margin:0 auto;
}
#ustmenuC{
background-color:#f5f5f5;
z-index:1000;
}

#ustmenu div input[type="submit"]{
width:100%;
display:block;
box-sizing:border-box;
text-align:center;
padding:5px;
background-color:#e9e9e9;
color:#252525;
border-right:1px solid #f5f5f5;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
#ustmenu div input[type="submit"]:hover{
background-color:#252525;
color:#fff;
cursor:pointer;
text-decoration:underline;
}
#ustmenu div a{
display:block;
box-sizing:border-box;
text-align:center;
padding:10px;
background-color:#100B34;
color:#fff;
border-right:1px solid #f5f5f5;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
text-decoration:none;
font-size:10px;
}
#ustmenu div a:hover{
background-color:#F5F5F5;
color:#252525;
cursor:pointer;
text-decoration:underline;
}

.kontrol-input{
float:right;
padding-right:5px;
}
#ustmenu div button{
display:block;
box-sizing:border-box;
text-align:center;
padding:10px;
background-color:#100B34;
color:#fff;
border:none;
border-right:1px solid #f5f5f5;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
text-decoration:none;
font-size:10px;
-webkit-appearance=none;
width:100%;
}
#ustmenu div button:hover{
background-color:#F5F5F5;
color:#252525;
cursor:pointer;
text-decoration:underline;
}


.firmalar{
background:#f5f5f5;
display: grid;
grid-gap: 20px;
padding: 20px 0;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.firmasecimC{
padding:10px;
}

.aktif{
background-color:#F5F5F5!important;
color:#252525!important;
font-weight:800;
text-decoration:underline;
}
#ustmenu {
text-align:center;
}
#cikisC{
padding:0 5px;
font-weight:600;
}
.cikisicC{
padding: 0 5px;
}
.cikisic{
color:#fff;
text-align:center;
display:block;
background-color:#CF000F!important;
padding:5px;
}


.firmasecim{
width:200px;
padding:10px;
min-height:230px;
color:#3a3a3a;
font-weight:bold;
font-size:1.2em;
background-color:#fff;
border:none;
}
.firmasecim img{
display:block;
margin:0 auto;
width:100%;
}
.firmasecim:hover{
background-color:#e9e9e9;
cursor:pointer;
}
.firmasecimbas{
padding:10px;
font-size:1.5em;
font-weight:bold;
}

#mobilmenu{
display:none;
font-size:1.2em;
text-align:center;
background:#fff;
color:#333;
padding:10px;
font-weight:bold;
float:left;
padding:10px;
}
#mobilmenu:hover{cursor:pointer;}

.inline{display:inline-block;}

.kutu-menu{
	padding:10px 20px;
}

.siyah-kose-buton{
padding: 10px;
background: #000;
color: #fff!important;
outline: none;
border: none;
text-align: center;
display:inline-block;
}
.siyah-kose-buton:hover{
background: #AFDFFF;
cursor: pointer;
color: #000!important;
}

.kutu-filtre{
padding:10px 20px;
text-align:left;
}
.kutu-filtre-baslik{

}
.kutu-filtre-arama{
padding:5px;
border:1px solid #ccc;
outline:0;
min-width:300px;
}
.kutu-filtre-buton{
border:2px solid #000;
border-radius:5px;
padding:5px;
margin-left:10px;
background-color:#fff;
}
.kutu-filtre-buton:hover{
background-color:#000;
color:#fff;
}

.row-left{
float:left;
}
.row-right{
float:right;
}
.grup-numara{
display:inline-block;
padding:0 10px;
min-width:70px;
}
.grup-sirala{
padding:0 10px;
}
.grup-sirala:hover{
color:#66CC66;
}
.grup-isim{
display:inline-block;
padding:0 10px;
}
.grup-kodu{
}
.grup-baslik{
font-size:1.2em;
}

.urunler-baslik{
background-color:#000;
color:#fff;
padding:0;

}

.urunler-baslik .row-left div, .urunler-baslik .row-right div {
display:inline-block;
padding:10px 20px;
}


.grup-satir{
padding:3px;
border-bottom:1px solid #ccc;
background:#fff;
}
.grup-tablo{
padding:20px;
font-size:1.1em;
}
.grup-islem{
display:inline-block;
padding:5px 20px;
}
.grup-islem:hover a{
text-decoration:underline;
}

.grup-satir li {
list-style-type:none;
}

 #sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
 #sortable li {
cursor:move;
}
 #sortable-group {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
 #sortable-group li {
cursor:move;
}

  .highlights{background-color:#fff2a8;}
  .draggable{
    display: inline-block;
    width: 10px;
    height: 100%;
    cursor:move;

  }
  .grup-arama-cerceve{
   width:60%;
   display:inline-block;}
   
   .mutabakatform{
	border:1px solid #ccc;
	padding:20px; 
	
   }
   

   
@media screen and (max-width: 800px){
#girisyap{
width:100%;
margin:0 auto;
}
.ps{
text-align:center;
}
#fotograf img{

  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -moz-transform: rotate(90deg); /* Firefox */
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
  -o-transform: rotate(90deg); /* Opera */

}
#aramac{
width:100%;
margin:0 auto;
}
.yuklenen, #fotograf{
width:90%;
margin:0 auto;
}
#aramac input{
width:100%;
}
#aramac a{
font-size:0.9em;

}
#fotografcek, #yuklebuton{
width:100%;
position:relative;
margin:0 auto;
}
#girisyap form input{
width:100%;
}
#sonuclu{
width:100%;
padding: 5% 0;
}


.urun{
padding:0 10px;
width:100%;
margin:0 auto;

}
 div[class^="sutun15-"], #icCerceve div[class*=' sutun15-']{
}
.ustTabloHucre{
font-size:0.8em;
height:40px;
}
#nakitAkisTarih{display:none;}
#nakitAkisIcerik{width:100%;}
.Hucre50{font-size:1em;}
div[class^="sutun9-"],div[class*=' sutun9-']{
width:50%;float:left;}
#ustmenu{width:100%;}
#ustmenu div{
font-size:0.8em;
height:40px;
overflow:hidden;
width:100%;
}
font{font-size:0.8em;}
/*div[class^="sutun10-"],div[class*=' sutun10-']{
  width: 50%;
}*/

#kasamenu ul li{display: block;}
.solTlink{
height:auto;
}
.butonk,.aramaB{font-size:0.5em; }
#yedilogo{width:100%;}
table{
width:100%;
}
#gdC table{
width:100%;
}
#ozetC table{
width:100%;
}
table{width:100%;}
#musteriC{
padding-top:10%;}
.hucre p{
line-height:1.2em;
padding:10px;
font-size:30px;
}

body{
font-size:12px;}
#mobilmenu{display:block;}
#ustmenu{display:none;}

 div[class^="sutun12-3"], div[class*=' sutun12-3'], div[class^="sutun12-6"], div[class*=' sutun12-6']{
 width:100%;
 padding:10px;
 }

}

@media screen and (max-width: 600px){
#anaCerceve{width:1400px;}
.cerceve40{width:100%;}

}
@media screen and (max-width: 1200px){
  .ustmenulink i{display: none;}
  .ustmenulink{font-size: 10px;}
  .sollist >  i{margin-right:5px;}
}

@media screen and (min-width: 1800px){
  body{font-size:12px;}
}