@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
ul{
	padding:0px;
}
body {
    font-family: 'Anybody', cursive;
    font-size:14px;
    color: #000000;
	font-weight: 300;
    margin:0px;
    padding:0px;
}
a {
   outline: 0;
	color:#000000;
}a:hover {
   outline: 0;
	color:#f5b800;
	text-decoration: none;
}
.icerikler{
	position: relative;
}
.clear {
    clear:both;
    height:0px;
}
.sol {
    float:left;
}
.sag {
    float:right;
}
.sag2{
	float: left;
	margin-right: 1%;
	width: 24%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.det-navigt li{
	font-size: 1.1em;
color: #EDB55C;
}
.det-navigt a:hover {
    
    color: #000000;
	text-decoration: none;
}
.formsatir label {
    margin:0px 5px;
}
.formimput{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0;
	padding-left: 15px;
	margin: 3px;
	font-size: 12px;
}
.formtxt {
    width:100px;
    margin-left:3px;
    font-weight:bold;
    font-size:15px;
}
.buton{
	width: 150px;
	padding: 10px;
	float: right;
	margin: 10px 0px;
	background: #000000;
	color: #FFF;
	border: none;
	cursor: pointer;
}
.formtxt2 {
    width:160px;
    margin-left:3px;
    font-weight:bold;
    font-size:15px;
}
.formyazi {
    padding:10px 0;
}
.formcinsiyet {
    margin-left:30px;
}
.baslikk {
    font-size:15px;
}
.ortala {
    width:1170px;
    margin-right:auto;
    margin-left:auto;
}


header {
    background:#706868;
	border-bottom: 5px solid #f5b800;
}
.headIcerik {
    padding-top:10px;
}
.slider{
	background: #000000;
	min-height: 650px;
}
.anakategoriler{
	padding: 20px 0px 30px 0;
	border-top: 2px solid #f5b800;
	background: #a64141;
}
.slicknav_nav .slicknav_row:focus {
    background: #f5b800;
}
.kategori{
	position: absolute;
	display: block;
	color: #000000;
	font-weight: 300;
	width: 430px;
	height: 400px;
	z-index: 999;
	
}
.kategori:hover, .kategori:focus{
	color: #000000;	
}

.kategori-img{
	width:100%;
	display: block;
}
.kategori-img img{
	width:100%;
}
figure {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.kategori:hover ~ .hover14 figure::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

.etkinlikimg{
	display: block;
	float: right;
}
.dizayn {
    display: block;
    position: absolute;
   bottom: 18px;
	left: 17px;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


.kategori-isim {
  position: absolute;
top: 0px;
width: 100%;
text-align: center;
font-size: 18px;
line-height: 32px;
	display: block;
}
.etkinlikler{
	margin:50px 0px;
}
.etkinlik{
	margin-left;30px;
	height: 190px;
}
.bx-wrapper{
	margin-bottom:0px !important;
}
.baslik-cizgi{
	background:url('../img/cizgi.jpg') repeat-x center;
	font-size: 18px;
	text-align:center;
}
.baslik-cizgi span{
	background:#fff;
	padding:0px 20px;
}
.etkinlik-baslik{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0px;
}
.etkinlik-baslik2 {
   font-size: 17px;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 6px 0px;
	float: left;
	width: 100%;
}
.etkinlikimg {
    float: right;
}
#buton li {
    float: left;
    width: 20px;
    height: 20px;
    background: #000;
    margin: 0px 5px;
    list-style-type: none;
}
#buton{
	float:right;
	margin: 0;
	padding: 0px;
}
.urunbaslik{
	margin-bottom: 6px !important;
}
.detay{
	padding: 5px 20px;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	float: left;
	position: absolute;
	left: 0px;
	bottom: 0px;
}.detay:hover{
	
	background-color: #f5b800;
	color: #fff;
	
}
.detay2{
	padding: 5px 20px;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	float: left;
	position: absolute;
	left: 0px;
	bottom: 25px;
}
.detay2:hover{
	
	background-color: #f5b800;
	color: #fff;
	
}
.etkinlik-img img{
	width:100%;
}
.etkinlik-img {
    margin-top: 10px;
}
.yenilik-img img{
	width:100%;
}
.etkinlik-alt {
    margin-bottom: 30px;
	
}
.etkinlikimg {
    width: 220px;
    float: right;
}
.detay-buton{
	float:left;
}
.etkinliksol{
	width: calc(100% - 226px);
	float: left;
}
.etkinliksag{
	width: 225px;
	float: right;
	
	
}
.foot{
	padding-top:30px;
}
.foot li{
	list-style-type:none;
	line-height: 45px;
	clear: both;
}
.brdr-bttm{
	border-bottom:1px solid #fff;
}
.logoback{
	width:200px;
}
.logoback img{
	width:100%;
}
.aciklama {
    line-height: 19px;
    font-size: 15px;
    padding-top: 20px;
}
.footer{
	background:#92814c;
	padding:20px 0px;
	color:#fff;
}
.ul-menu li{
	line-height: 38px;
}
.ul-menu li a{
	color:#FFFFFF;
}
.sosyal li a{
	color:#FFFFFF;
}

.adres {
    line-height: 20px;
	margin:10px 0px;
}
.adres span{
	font-weight:bold;
}
.icon{
	width:30px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top: 10px;
}
.icon img{
	width:100%;
}
.sosyal{
	margin-left:30px;
}
.icon-social{
	float:left;
}
.satir{
	width:100%;
}
.baslik{
	font-size: 18px;
	border-bottom: 1px solid #fff;
	padding: 10px 0px;
}
.icon-ilet{
	width: 22px;
	margin-right: 10px;
	display: block;
	float: left;
	margin-bottom: 25px;
}
.last{
	margin-right:10px;
}
.iletisim {
    font-size: 14px;
}

.logoback img{
	width:100%;
}
.logo{
	float:left;
	margin: 12px;
}
.urun-res{
	width:100%;
}
.urun-resim {
  padding: 0px 8px 15px 8px;
background: #847c7c1a;
margin: 0px 0px 14px;
display: block;
}
.kategoribaslik{
	font-size: 23px;
	color: #000000;
	border-bottom: 2px solid #303030;
	margin-top: 17px;
	padding: 0px 11px;
	padding-bottom: 3px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 2px;
}
.tekniklink{
	padding: 10px;
	display: block;
	width: 100%;
	background: #f5b800;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	color: #000000;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;

}
.tekniklink:hover{

	background: #f59600;
	text-decoration: none;
	color: #000000;
	
}
.urun-isim{
	color: #000;
	font-size: 13px;
	text-align: right;
	padding: 10px 0px 0px 0;
	border-bottom: 2px solid #f5b800;
	font-family: 'Comfortaa', cursive;
	display: block;
	font-weight: 600;
}
.urun-ozellik{
	font-size: 12px;
	color: #000000;
	display: block;
	text-align: right;
}
.urun{
	list-style-type:none;
	border: 1px solid #d9dcdf;
    margin-top: -1px;
	margin-left: -1px;
}
.urunler{
	margin: 0px;
}
.urunlinkler {
    background: #fff;
}

small{
	margin-left: 15px;
	margin-bottom: 12px;
	display: block;
}
.bread {
    position: absolute;
  right: 17px;
top: 5px;
}

.unicreabg{
  background: url(../img/haberbg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.unicreaacik{
	padding: 30px 190px 30px;
color: #ffffff;
width: 100%;
text-align: center;
}
.kategoribaslik22{
	text-align: center;
border-bottom: 1px solid;
width: 590px;
padding-top: 251px;
font-size: 30px;
font-weight: bold;
color: #ffffff;
margin: auto;
}
.fuardetay{
	background: #f5b800;
padding: 13px 12px;
margin: 0px auto 0px auto;
width: 193px;
display: block;
text-align: center;
cursor: pointer;
font-size: 18px;
}
.fuardetay:hover{
	background: #ff8500;
    color: #FFFFFF;
}

/****************************/
/*			Details			*/
/****************************/

.Details {
	background-color: #FFF;
	margin-top: 5px;
	margin-bottom: 5px;
}
.det-title {
	padding: 3px 0px;
	margin: 0px;
}
.det-title h2{
	font-size: 23px;
color: #000000;
	display: block;
	border-bottom: 2px solid #303030;
	padding-left: 10px;
	padding-bottom: 5px;
	margin: 10px 34px 4px 17px;
}
.det-navigt {
	float: right;
	padding: 0px;
	display: block;
	margin: 0px;
}
.det-navigt li {
	display: inline-block;
	list-style: none;
	line-height: 2.428em;
}
.det-navigt a {
	font-size: 0.9em;
	color: #EDB55C;
}
.det-navigt .glyphicon {
	font-size: 1.2vh;
	color: #D4C5BD;
	top: 2px;
}
.det-navigt li:last-child a {
	color: #DF931A;
	font-weight: 700;
}
.det-navigt li:last-child a:hover {
	cursor: default;
}

.det-general {
	margin: 0px;
	padding: 30px 0;
	border-bottom: 2px solid #B0B0B0;
}
.genel-left {
}
.genel-right {
	text-align: center;
}
.genel-left p {
	font-size: 0.9em;
	margin: 0px;
}
.genel-left h5 {
	font-weight: 600;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0px 0px 5px;
	color: #444;
}
.genel-left ul {
	margin-bottom: 0px;
	color: #666;
	font-size: 1em;
	line-height: 1.6em;
}
.genel-right h3 {
	margin: 0;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #666;
}
.genel-right .glyphicon {
	top: 0.4vh;
	color: #DF931A;
}
.genel-right img {
	height: 190px;
}
.det-others{
	margin: 0px;
	padding: 3px 0;
}
.det-others ul {
	margin: 0px;
	padding: 0px;
}
.det-others ul li {
	display: inline-block;
	width: 32%;
    margin-top: 85px;
}
.product-sm {
	text-align: center;
}
.product-sm .glyphicon {
	top: 0.2vh;
	color: #DF931A;
}
.product-sm h4 {
	margin: 3px 0 7px 0;
	font-size: 1em;
	line-height: 1.2em;
}
.product-sm h4 small {
	display: block;
	margin-top: 2px;
}
.product-sm img {
	max-height: 143px;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
}
.lightbox{
	top: 200px !important;
}
.eliscilik{
	display: block;
	position: absolute;
	right: 20px;
bottom: 20px;
}
.anasayfakateg{
	padding-right: 5px;
	padding-left: 5px;
}
/************************************************/
/*												*/
/*					RESPONSÄ°VE					*/
/*												*/
/************************************************/
.diller {
    padding: 0;
    margin: 15px 0px 0px 0px;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background:#fff url('../img/dilselect.jpg') no-repeat right center;
}
.diller select{
    padding: 4px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor:pointer;
}
.logosagDiv {
   width: 875px;
}
.adresSatir {
    margin:20px 0;
	height: 33px;
	height: 33px;
}
.satirBaslik {
    font-size:18px;
}
.adresSatir .fa {
    width: 40px;
    font-size: 22px;
    float: left;
}
.FabrikaAdres {
    width:49%;
}
.FabrikaHarita {
    width:49%;
}
    .FabrikaHarita iframe {
        border:none;
    }
.showroomlar {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    margin:20px 0;
    padding:20px 0;
}
.showroomlar ul{
    margin:0px;
    padding:0px;
    list-style:none;
    
}
    .showroomlar ul li {
        float:left;
        margin:0px 10px;
        width: 280px;
        position:relative;
    }
        .showroomlar ul li:first-child {
            margin-left:0px;
        }
        .showroomlar ul li:last-child {
            margin-right:0px;
        }
.haritaKroki {
    background:#000000;
    color:#f5b800;
    padding:5px 15px;
    position:absolute;
    right: 10px;
    bottom: 20px;
}
    .haritaKroki:hover {
        color:#f5b800;
    }
.tftable {
    border-color:#ccc;
    width:100%;
}
.tftable tr td {
    padding:5px 10px;
    border-color:#ccc;
}
    .tftable tr:hover {
        background:#f5b800 !important;
    }
.tftable th {
    padding:5px 10px;
    background:#DF931A;
    font-weight:bold;
    font-size:15px;
    border-color:#f5b800;
    color:#fff;
}
    .tftable tr:nth-child(2n) {
        background:#fff;
    }
    .tftable tr:nth-child(2n + 1) {
        background:#f1f1f1;
    }
.satismagazalari {
    margin-bottom:20px;
}
.selahattinsahinoglu {
    background: url('../img/tasarimcilar/selahattin-sahinoglu.png') left top no-repeat;
    min-height:160px;
    padding:60px 0px 0px 285px;
}
.genelTasarimcilar {
    margin-top:40px;
}
.tasarimci {
    float:left;
    width:30%;
    margin-bottom:20px;
    position: relative;
}
    .tasarimci a {
        color:#fff;
    }
    .tasarimci a:hover {
        color:#fff;
    }
    .tasarimci img {
        width:100%;
        opacity: 1;
      display: block;
      width: 100%;
      height: auto;
      transition: .5s ease;
      backface-visibility: hidden;
    }
    .tasarimci h4 {
        font-weight:normal;
        text-align:right;
        border-bottom:2px solid #f5b800;
        padding:5px;
        margin:5px;
    }
.ortboslukTasarimci {
    margin:0 5%;
}
.urunler {
    margin-bottom:20px;
}
.iceriksol {
    width: 50%;
    float: left;
}
.iceriksag {
   width: calc(42% - 12px);
float: right;
margin-right: 12px;
}
.iceriksag img {
    width: 100%;

}
.kurumsalimag{
width: 27.8%;
display: block;
float: left;
margin-right: 0.5%;
}
.kurumsalimag2{
	width: 48%;
display: block;
float: left;
margin-right: 1%;
}
.kurumsalimag3{
width: 24.3%;
display: block;
float: left;
margin-right: 1%;
}
.kurumsalimagd{
width: 13.8%;
display: block;
float: left;
margin-right: 1%;
}
.kurumsalimag2 img{
	width:100%;
	
}
.kurumsalimag3 img{
	width:100%;
	
}
.kurumsalimagd img{
	width:100%;
	
}
.kurumsalimag img{
	width:100%;
	margin-bottom: 10px;
	
}
.altimage{
	margin-top: 30px;
	min-height: 190px;

}
.kategoriic{
	float: left;
	width: 31%;
	display: block;
	background: rgba(255,255,255,0.6);
	height: 337px;
	margin-right: 1%;
	margin-left: 1%;
	color: #000000;
}
.kategoriic:hover{
	background: rgba(245,184,0,0.9);
height: 337px;
margin-right: 1%;
margin-left: 1%;
color: #FFFFFF;
}

.kategori-isimic {
  	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 22px;
	display: block;
	margin-top: -18px;
	padding-top: 50%;
}
.kategori-isimicmb {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    display: block;
    margin-top: -32px;
    padding-top: 50%;
}
.kapikollaribg{
	
	background: url(../img/kapikollaribg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mobilyabgbg{
	
	background: url(../img/kulpbg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.banyoaksbg{
	
	background: url(../img/banyobg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width:1300px){
	.menu ul li a {
    display: block;
    padding: 7px !important;
    color: #000;
    text-decoration: none;
	font-size: 15px !important;
    cursor: pointer;
}
.last{margin-right:0px !important; }
    .showroomlar ul li {
       width: 23%;
    }
    .haritaKroki {
        position:relative;
        margin-top:30px;
        width:100%;
        display:block;
    }
}
@media (max-width:1117px){
		.genellinkler {
		margin-top:-530px;
	}
}
@media (max-width:1070px){
		.genellinkler a{
		padding-top: 25px;
		padding-bottom: 25px;
	}
		.genellinkler {
		margin-top:-500px;
	}
}

@media (max-width:1024px){
	.slider{
	background: #000000;
	min-height: 280px;
}

}
@media (max-width:930px){
	.showroomlar ul li {
    width: 46%;
}
}
@media (min-width:768px) and (max-width:991px){
	.genel-right img {
		width: 100%;
		height: auto;
	}
	.det-others ul li {
		width: 32.965%;
		margin-bottom: 10px;
	}
	.anasayfakateg {
    width: 33.33333333%;
    }
	
	
}
@media (max-width:767px){
    .kategoriic {
        float:none;
        width:calc(100% - 10px);
        height:auto;
        margin-bottom: 40px;
        background:rgba(255,255,255,0.6) url('../img/katpdf.png') center 20px no-repeat;
    }
    .kategoriic:hover {
        float:none;
        width:calc(100% - 10px);
        height:auto;
        margin-bottom: 40px;
        background:rgba(245,184,0,0.9) url('../img/katpdf.png') center 20px no-repeat;
    }
    .katalogD {
        padding:105px 0 20px 0;
    }
    .det-navigt {
        float:none;
        padding:0px 20px;

    }
    .bread {
        position:relative;
    }
    .FabrikaAdres {
        width:100%;
    }
    .FabrikaHarita {
        width:100%;
    }
	.genel-right {
		margin-top: 20px;
	}
	.genel-right img {
		width: 100%;
		height: auto;
	}
	.det-others ul li {
		width: 32%;
		margin-bottom: 10px;
	}
	.etkinlik {
       height: 218px;
    }	
    .showroomlar ul li {
        width:100%;
    }
	.footerlogo{
		width: 100%;
		
	}
	.logoback {
    width: 40%;
		float: left;
}
	.footerlogoacik{
		width: 40%;
		float: right;
		
	}
	.temizlemob{
		clear:both;
		
	}
	.foot {
    padding-top: 10px;
}
}
@media (max-width:600px) {
    .satismagazalari {
        width:100%;
        overflow:scroll;
    }
}
@media (max-width:508px){
	.genel-right img {
		width: 100%;
		height: auto;
	}
    .product-sm img {
        width:100%;
       max-width:221px !important;
    }
	.det-others ul li {
		width: 49%;
		margin-bottom: 10px;
	}
	.etkinliksag {
    width: 100%;
	}
	.etkinlikimg {
    width: 100%;
    float: none;
    text-align: center;
}.etkinliksag {
    width: 100%;
    text-align: center;
    float: none;
}
	.etkinlik {
    height: auto;
}
	.etkinliksol {
    width: 100%;
    float: left;
}
	.detay {
    padding: 5px 20px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    float: left;
    position: relative;
    left: 0px;
    bottom: 0px;
}
	.etkinlik-baslik2 {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 6px 0px 2px 0px;
    float: left;
    width: 100%;
}
	.detay2 {
    padding: 5px 20px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    float: left;
    position: relative;
    left: 0px;
}
	
}

@media (max-device-width:480px) and (orientation:landscape){
	.genel-right img {
		width: 100%;
		height: auto;
	}
	.det-others ul li {
		width: 32%;
		margin-bottom: 10px;
	}
	
	
}

.clear {
    clear:both;
}

.buyukResim {
    margin-left:135px;
}
@media screen and (max-width:760px) {
    .buyukResim {
        margin-left:0px;
        text-align:center;
    }
}


@media screen and (max-width:1200px) {
	.bxslider li {
    width: 4.5% !important;
}
	.sosyal {
    margin-left: 0px;
	padding:0px;
}
}
@media screen and (max-width:1190px) {
  
	.logosagDiv {
    width: 764px;
}
}

@media screen and (max-width:1000px) {
    .ortala {
        width:100%;
    }
    .logo {
    }
	.ul-menu{
		padding:0px;
	}
	.diller {
    padding: 0;
    margin: 15px 0px 0px 0px;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fff url('../img/dilselect.jpg') no-repeat right center;
    }
    .logosagDiv {
        width:15%;
	}
}
@media screen and (max-width:1094px) {
	.sag2 {
    float: left;
    margin-right: 1%;
    width: 43%;
    margin-top: 16px;
}
}
@media screen and (max-width:992px) {

.kategori-isim {
	font-size: 15px;
	line-height: 28px;
	left: 1%;
}
	..baslik {
	font-size: 15px;
	}
	.iletisim {
    font-size: 12px;
}
		
	.etkinlik {
    height: auto;
}
	.etkinlikimg {
    width: 100%;
    float: none;
}
	.etkinliksag {
    width: 100%;
    float: right;
}
	.etkinliksol {
    width: 100%;
    float: left;
}
	.detay {
    
    position: relative;
    
}
		.detay2 {
    
    position: relative;
    
}
	
}
@media screen and (max-width:767px) {
	.bxslider li {
    width: 4.5% !important;
}
	.kategori {
    margin-right: 0px;
    margin-bottom: 20px;
	}
	.kategori-isim {
    font-size: 25px;
    line-height: 41px;
    left: 1%;
    width: 100%;
}
..aciklama {
    line-height: 20px;
    font-size: 13px;
    padding-top: 15px;
}
.ul-menu {
    padding: 10px 0px;
}
.urunlerSub{
	display:none !important;
}
		.slider{
	background: #000000;
	min-height: 200px;
}
    .selahattinsahinoglu {
        padding:180px 0px 0px 0px;
    }
}
@media screen and (max-width:708px) {
.sag2 {
    float: left;
    margin-right: 1%;
    width: 49%;
    margin-top: 16px;
}
}
@media screen and (max-width:433px) {
	.kategori-isim {
	font-size: 18px;
	line-height: 30px;
	left: 1%;
	width: 100%;
}
	.logo {
    width: calc(100% - 70px);
    margin: 9px 0 13px 2px;
}
	.logo img{
		width: 100%;
		
	}
	
}
@media screen and (max-width:370px) {
	.sag2 {
    float: left;
    margin-right: 1%;
    width: 100%;
    margin-top: 16px;
}
}
/*DD CSS*/
/************** Skin 1 *********************/
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.dd .ddTitle {
	padding:3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:25px;
}
.dd .ddTitle span.arrow {
	background:url(dd_arrow.html) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer; 
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:2px 0 2px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background-color:#66CCFF;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background-color:#66CCFF;
	
}
.hidden {display:none;}

.dd .borderTop{border-top:1px solid #c3c3c3 !important;}
.dd .noBorderTop{border-top:none 0  !important}

/************** Skin 2 *********************/
.dd2 {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.dd2 .ddTitle {
	background:transparent url(../images/msDropDown.html) no-repeat;
	padding:0 3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:36px;
}
.dd2 .ddTitle span.arrow {
	background:transparent url(../images/icon-arrow.html) no-repeat 0 0; float:right; display:inline-block;width:27px; height:27px; cursor:pointer; top:5px; position:relative; right:2px;
}

.dd2 .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:33px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#fff; _position:relative; _top:4px}
.dd2 .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;}
.dd2 .ddTitle img.selected {
	padding:0 2px 0 0;
	vertical-align:top;
}
.dd2 .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
	font-size:14px;
}
.dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px}
.dd2 .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd2 .ddChild a:hover {
	background-color:#66CCFF;
}
.dd2 .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd2 .ddChild a.selected {
	background-color:#66CCFF;	
}

.dd2 .borderTop{border-top:1px solid #c3c3c3  !important;}
.dd2 .noBorderTop{border-top:none 0  !important}

/************* use sprite *****************/
.dd .ddChild a.sprite, .dd .ddChild a.sprite:visited {
	background-image:url(../icons/sprite.html);
	background-repeat:no-repeat;
	padding-left:24px;
}

.dd .ddChild a.calendar, .dd .ddChild a.calendar:visited {
	background-position:0 -404px;
}
.dd .ddChild a.shoppingcart, .dd .ddChild a.shoppingcart:visited {
	background-position:0 -330px;
}
.dd .ddChild a.cd, .dd .ddChild a.cd:visited {
	background-position:0 -439px;
}
.dd .ddChild a.email, .dd .ddChild a.email:visited {
	background-position:0 -256px;
}
.dd .ddChild a.faq, .dd .ddChild a.faq:visited {
	background-position:0 -183px;
}
.dd .ddChild a.games,
.dd .ddChild a.games:visited {
	background-position:0 -365px;
}
.dd .ddChild a.music, .dd .ddChild a.music:visited {
	background-position:0 -146px;
}
.dd .ddChild a.phone, .dd .ddChild a.phone:visited {
	background-position:0 -109px;
}
.dd .ddChild a.graph, .dd .ddChild a.graph:visited {
	background-position:0 -73px;
}
.dd .ddChild a.secured, .dd .ddChild a.secured:visited {
	background-position:0 -37px;
}
.dd .ddChild a.video, .dd .ddChild a.video:visited {
	background-position:0 0;
}
/*******************************/

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.tasarimci:hover > img {
  opacity: 0.3;
}

.tasarimci:hover .middle {
  opacity: 1;
}

.text {
  background-color: #DF931A;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
@media (min-width:768px) {
    .katalogD {
        background: url('../img/katpdf.png') bottom center no-repeat;
        min-height: 275px;
        padding-top: 38% !important;
    }
}
.selahattintik {
position: absolute;
left: 16px;
bottom: 15px;
}