@import url('btn-hover.css');

.content-width{width:100%; height:auto; float:left;}
.content-center,
.container{width:1270px; height:auto; margin:auto;}

.contact_img{transition: all 0.5s ease-in-out; height:600px !important; background-image:url('https://www.jokerofis.com/en/wp-content/uploads/2019/08/15524247341.jpg'); background-position:center center; background-size:auto 100%; background-repeat:no-repeat; background-color:red;}
.contact_img:hover{background-size:auto 110%;}

.product-area{padding:20px 0;}

.header-logins{float:right; margin:13px 5px 0 20px;}
.header-logins a{ line-height:18px; background-color:#ddd; border:1px solid #b9b9b9; color:#333; float:left; padding-right:20px; border-radius:50px; text-decoration:none;}
.header-logins a:first-child{margin-right:7px;}
.header-logins a:hover{background-color:#7ba5cf; color:#fff;}
.header-logins a i{ line-height:18px; background-color:#7ba5cf; color:#fff; padding:7px 10px; border-radius:50px; margin-right:10px;}

#haberListe{width:100%; height:auto; display:block; float:left;}
#haberListe div.haber-blok{width:100%; float:left; padding: 5px 10px;border-top:none !important;
	border: 1px solid #F0F1F5;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(72%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
}
#haberListe div.haber-blok:first-child{border-top: 1px solid #F0F1F5 !important;}
#haberListe div.haber-blok:nth-child(even){background-color:#f7f4f4;}
#haberListe div.haber-blok>div{float:left;}
#haberListe div.haber-blok div.icon{width:3%;}
#haberListe div.haber-blok div.baslik{width:90%;}
#haberListe div.haber-blok div.baslik a{width:100%; float:left; color:#333;}
#haberListe div.haber-blok div.detay{width:7%; color:#7ba5cf;}

.whatsap-icon i{color:#20b517 !important; font-size:24px; float: left;}

.neredeyim ul{list-style:none; float:left; margin:0; padding:0;}
.neredeyim ul li{float:left; margin-right:10px;}
.neredeyim ul li a{float:left; text-decoration:none; color:#2d2d2d; font-weight:600; padding:10px 0; font-size:18px;}
.neredeyim ul li a:after{content:'>>'; margin-left:10px;}
.neredeyim ul li:last-child a:after{content:"";}

#product-images{width:40%; float:left;}
#product-features{width:58%; float:left; margin-left:2%; color:#000;}
#product-features .urun-satir{padding:7px 0;}
#product-features .urun-satir:nth-child(odd){background-color:#f1f1f1;}
#product-features .urun-satir span{width:auto; height:auto; float:left;}
#product-features .urun-satir span:nth-child(1){width:39%; font-weight:600; margin-left:3%;}
#product-features .urun-satir span:nth-child(2){width:2%; font-weight:600; text-align:center;}
#product-features .urun-satir span:nth-child(3){width:56%; font-weight:500; text-align:left;}

.teknik-cizim{margin:20px 0;}
.teknik-cizim img{width:auto; max-width:20%; float:left; margin:0 20px 20px 0;}

.product-files{margin:20px 0;}
.product-files a{float:left; background-color:#505050; color:#fff; width:45%; border:1px solid #ddd; text-align:center; padding:10px; font-size:14px;}
.product-files a:nth-child(odd){margin-right:10px;}

.urun-renkleri .title{border-bottom:2px solid #7ba5cf; padding:5px 0; font-size:14px; color:#7ba5cf; font-weight:600;}
.urun-renkleri ul{list-style:none; float:left; margin:0; padding:0;}
.urun-renkleri ul li{width:30%; height:auto; float:left; margin-bottom:5px;}
.urun-renkleri ul li:nth-child(3n-1){margin:0 4%;}
.urun-renkleri ul li a{text-decoration:none; color:#000; width:100%; float:left;}
.urun-renkleri ul li a span{color:#000; width:100%; float:left; font-weight:600;}
.urun-renkleri ul li a img{width:100%; float:left; border: 1px solid #ddd;}

div.genel_baslik{border-bottom: 1px solid #EDEDDE; padding:0 0 10px 0; margin:0 0 10px 0; overflow:hidden;}
div.genel_baslik div.baslik{float:left; font-size:1.4em; color:#171717;}
div.genel_baslik div.geri{float:right; font-size:1.2em; color:#171717;}
div.genel_baslik div.baslik ul{list-style:none; float:left; margin:0; padding:0;}
div.genel_baslik div.baslik ul li{float:left; margin-right:5px;}
div.genel_baslik div.baslik ul li a{float:left; text-decoration:none; font-size:18px !important; color:#171717 !important;}
div.genel_baslik div.baslik ul li a:after{content:'>'; margin-left:5px;}
div.genel_baslik div.baslik ul li:last-child a:after{content:"";}

.main-category{
	width:32%; height:200px; float:left; background-position:center left; background-repeat:no-repeat; position:relative; background-size:auto 100%;
	margin:0.5%; cursor:pointer;
	transition:all 2s ease-in-out;
	overflow:hidden;
}
.main-category:hover{
	background-size:auto 110%;

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.main-category:not( :hover ){
	
	background-size:auto 100%;
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.main-category div.orange{width:25%; height:100%; position:absolute; right:0;
   border-color: #7ba5cf transparent transparent transparent;
   border-style: solid;
   border-width: 200px 0 0px 50px;
   z-index:1;
   transition:all 0.5s ease-in-out;
}

.main-category div.black{width:25%; height:100%; position:absolute; right:0;
   border-color: #333 transparent transparent transparent;
   border-style: solid;
   border-width: 200px 0 0px 50px;
   z-index:1;
   transition:all 0.5s ease-in-out;

}
.main-category:hover div.orange,
.main-category:hover div.black{
	right:-100%;
}
.main-category div.shadow{width:100%; height:100%; position:absolute; left:0; top:0;
   border-color: #333 transparent transparent transparent;
   -webkit-box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
	z-index:2;

}

.main-category div.product-img{
	width:8%; height:auto; position:absolute; right:20px; top:20px;
	transition:all 0.5s ease-in-out;
	z-index:5;
}

.main-category div.product-img img{
	width:100%; float:left;
}

.main-category div.name{width:100%; height:50px; position:absolute; left:0; bottom:0;
   background:rgba(0,0,0,0.7); color:#fff;
	z-index:3;
	padding:7px 15px;
	transition:all 0.5s ease-in-out;
}

.main-category div.name span{width:100%; height:auto; float:left; font-weight:bold; padding:0; margin:0; line-height:initial !important;}
.main-category div.name span:last-child{font-style:italic; font-weight:normal; font-size:11px;}

.main-category:hover div.name{
	height:100%;
	transition:all 0.5s ease-in-out;
}

.main-category .category-logo{
	width:222px; height:20px;
	position:absolute; left:10px; bottom:-100%;
	background-image:url('../img/white-logo.png'); background-size:100% auto; background-repeat:no-repeat;
	z-index:4;
}

.main-category:hover div.category-logo{
	bottom:15px;
	transition:all 0.5s ease-in-out;
}

.main-categories-title{
	font-size: 22px;
	color:#333;
	margin-bottom: 30px;
	position: relative;
}

.main-categories-title:before{
	background-color:#272727;
	width:98%; height: 1px;
	position: absolute;
	left:0; top:0;
	content: " ";
}

.main-categories-title span{
	background-color: #e7ebee;
	position: absolute;
	left: 50px;
	top: -10px;
	padding: 0 25px;
}

div#arama{display:none;background:#ededed;padding:20px 0;}
div#arama input{width:92%;float:left;}
div#arama a.urun_arama_kapat{margin-left:3px;}
div.sonuclar{width:100%;height:auto;position:absolute;z-index:100;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);}
div.sonuclar ul{width:100%;height:auto;padding:0;margin:0;list-style:none;}
div.sonuclar ul li{width:100%;height:auto;float:left;padding:0;}
div.sonuclar ul li a{width:100%;height:auto;float:left;text-decoration:none;border:none;padding:5px 2%;background-color:#fff;color:#000;}
div.sonuclar ul li a:hover{background-color:#333;color:#fff;}
div.sonuclar ul li:nth-child(even) a{background-color:#f1f1f1;}
div.sonuclar ul li:nth-child(even) a:hover{background-color:#333;color:#fff;}
div.sonuclar ul li:last-child,
div.sonuclar ul li:last-child a{-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
ul.language{float:right;list-style:none;padding:0;margin:3px 0 0 5px;}
ul.language li{float:left;margin:0 10px 0 0;}
ul.language li a{color:#333;font-size:12px;font-weight:700;}
div.main_category{padding-left:5px;padding-right:5px;margin:0 0 10px 0;}
div.main_haber{padding:3px;}
div.main_haber div.haber_ust{width:100%;float:left;position:relative;}
div.main_haber div.haber_ust div.front{position:absolute;z-index:2;background:rgba(0,0,0,0.8);color:#fff;bottom:0;font-size:13px;padding:0;height:50px;}
div.main_haber div.haber_ust div.front span{width:auto;height:auto;display:block;float:left;margin:5px;}
div.section_ayrac{margin:0 !important;padding:0 !important;}
div.section_ayrac div.icon{float:left;}
div.section_ayrac div.icon img{height:25px;}
div.urun_detay_video{padding:0;margin:0;}
div.urun_detay_pdf{padding:0;margin:0;}
div.urun_detay_video a{width:100%;float:left;background-color:#7ba5cf;color:#fff;text-align:center;padding:10px 5px;border:1px solid #ddd;}
div.urun_detay_pdf a{width:100%;float:left;background-color:#333333;color:#fff;text-align:center;padding:10px 5px;border:1px solid #ddd;}
div.urun_detay_video a i, div.urun_detay_pdf a i{font-size:20pt;float:left;margin:0 0 0 10px}
div.urun_detay_video a span, div.urun_detay_pdf a span{float:left;margin:3px 0 0 10px;}
div.teklif_sepeti_big{width:50px;height:100px;position:fixed;right:20px;bottom:50px;z-index:2;}
div.teklif_sepeti_big a{width:100%;height:100%;float:left;}
div.teklif_sepeti_big a img{width:100%;height:auto;float:left;position:absolute;z-index:2;top:11px;}
div.teklif_sepeti_big a span{width:100%;text-align:center;text-align:center;top:0;font-family:'Arial';font-size:20pt;font-weight:bold;color:#000;position:absolute;z-index:1;font-style:italic;letter-spacing:0;}
div#loading{width:100%;left:0;text-align:center;z-index:2;display:none;}
div#loading i{color:#c10e25;font-size:120pt;text-shadow:1px 1px #000;margin:100px 0 0 0;}
div.teklif_sepeti_sidebar{padding:0;margin:0 0 10px 0;}
div.teklif_sepeti_sidebar a{width:100%;height:auto;display:block;float:left;background-color:#7ba5cf;color:#fff;text-align:center;padding:10px 0;}
ul.footer-belgeler{width:100%;height:auto;display:block;float:left;margin:20px 0 0 0;padding:0;list-style:none;}
ul.footer-belgeler li{width:auto;height:auto;display:block;float:left;margin:0 10px 0 0;}
ul.footer-belgeler li:last-child{margin:0;}
ul.footer-belgeler li img{width:auto;height:30px;display:block;float:left;border:none}
a.mobil_menu_icon{color:#777;width:auto;float:right;height:auto;display:none;margin:30px 5px 10px 0;padding:5px 10px;text-decoration:none;font-size:14pt;}
a.mobil_menu_icon i{margin:0 0 0 10px;background-color:#777;padding:10px;border-radius:5px;color:#fff;}
a.mobil_yan_menu_link{left:0;top:0;background-color:#7ba5cf;color:#fff;padding:10px 0;text-decoration:none;display:none;float:left;width:100%;text-align:center;margin:0 0 10px 0;}
div.mobil-navigation{position:absolute;background-color:#46535b;width:100%;height:100%;left:0;top:0;z-index:101;display:block;}
div.mobil-navigation > div.mobil-navigation-buton{width:10%;height:100%;float:left;}
div.mobil-navigation > div.mobil-navigation-buton > a{width:100%;float:left;text-align:center;font-size:22pt;text-decoration:none;color:#777;}
div.mobil-navigation > div.mobil-navigation-buton > a > i{margin:10px 0 0 0;}
div.mobil-navigation > div.mobil-navigation-content{width:90%;height:100%;float:left;padding:0;}
.iletisim_liste li{float:left;height:auto;display:block;width:100%;}
.iletisim_liste li span{float:left;height:auto;display:block;}
.iletisim_liste li span i{float:left;height:auto;display:block;overflow:hidden;}
.iletisim_liste li span:first-child{width:15%;}
.iletisim_liste li span:last-child{width:85%;}
.iletisim_liste li span:last-child a{color:#e6242c;}
.drop_language{display:none !important;}
.urun_adi{font-size:1.1em;font-weight:700;margin:0 0 20px 0 !important;float:left;}

.buton-kapsayici:first-child div.butonlar{float:right; margin-left:20px;}
.buton-kapsayici:last-child div.butonlar{float:left; margin-right:20px;}
div.butonlar{width:auto; height:auto; display:block; margin:0;}
div.butonlar a{color:#634a35; font-weight:600; font-size:14px !important;}
div.home-intro div.butonlar div.buton i{float:left; font-size:1em; color:#b59275;}
div.home-intro div.butonlar div.baslik{float:left; margin:2px 0 0 10px;}


#left-sidebar{height:auto; float:left; margin:20px 0;}
#left-sidebar ul{width:100%; height:auto; float:right; margin:0; padding:0; list-style:none; border-right:1px solid #ddd;}
#left-sidebar ul > li{width:100%; height:auto; float:left; margin:0; padding:0; list-style:none;  border-bottom:1px solid #ddd; text-align:right;}
#left-sidebar ul > li:last-child{border-bottom:none;}
#left-sidebar ul > li a{width:100%; padding:10px 5%; color:#333; font-size:14px; text-decoration:none; float:right;}
#left-sidebar > ul > li.active > a,
#left-sidebar ul > li:hover > a{background-color:#7ba5cf; color:#fff; font-weight:600; border-left:10px solid #d8bba3;}
#left-sidebar ul > li ul{border-right:none; display:none;}
#left-sidebar ul > li.active ul{display:block;}
#left-sidebar ul > li ul > li{width:100%; float:left;}
#left-sidebar ul > li ul > li > a{width:75%; padding:7px 20% 7px 0; position:relative;}
#left-sidebar ul > li ul > li > a:before{width:15px; height:15px; position:absolute; background-color:#f8cb00; right:10px; top:10px; content:" ";
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	-o-border-radius:100px;
}
#left-sidebar ul > li ul > li > a:hover::before{background-color:#000;}
#left-sidebar ul > li ul > li.active > a:before{background-color:#000;}


/* Main Section */


section.main-section{
	width:100%;
	padding:50px 0 0 0;
	float:left;
	background-color:#fff;
	margin: 0 0 75px 0;
}

section.main-section:nth-child(even){
	background-color:#e7ebee;
}

section.main-section .blok{
	width:49%; float:left;
}

section.main-section .blok:first-child{
	margin-right:2%;
}

/*
section.main-section .blok:nth-child(even){
	margin:0 2%;
}
*/
section.main-section .blok .icon{
	float:left;
	background-repeat:no-repeat; background-position:0 0;
}

section.main-section .blok .haber-icon{
	width:38px; height:31px; float:left; margin:0 11px;
	background-image:url('../images/haberler-icon.png');
}

section.main-section .blok .baslik{
	font-size:18px;
	color:#000;
	margin:0 0 10px 0;
}

section.main-section .blok .baslik a.tumu{
	font-size:12px;
	color:#000;
	float:right;
}

section.main-section .blok .baslik a.tumu:hover{
	font-weight:bold;
	color:#7ba5cf;
}

section.main-section .blok .content{
	width:294px; height:auto; float:left; padding-left:10px;  min-height:110px;
	background-image:url('../images/main-line.png');
	background-repeat:no-repeat; background-position:top left;
}

section.main-section .blok .ulus-icon{
	width:38px; height:38px; float:left; margin:0 11px;
	background-image:url('../images/ulus-icon.png');
}

section.main-section .ulus:hover .ulus-icon{
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	background-position:0 -38px;
}

section.main-section .ulus .ulus-haber{
	line-height:initial !important;
	color:#222;
}

section.main-section .ulus .ulus-haber a:last-child{
	line-height:initial !important;
	color:#000; font-weight:bold; margin-top:10px; float:left;
}

section.main-section .dergi{
	line-height:initial !important; font-size:13px; color:#222;
}

section.main-section .blok .dergi-icon{
	width:38px; height:45px; float:left; margin:0 11px;
	background-image:url('../images/dergi-icon.png');
}

section.main-section .dergi:hover .dergi-icon{
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	background-position:0 -45px;
}

section.main-section .dergi ul{
	width:100%; height:auto; display:block; float:left; list-style:none; margin:0; padding:0;
}

section.main-section .dergi ul li{
	width:100%; height:auto; display:block; float:left; margin-bottom: 7px;
}

section.main-section .dergi ul li:first-child{
	margin-bottom:7px;
}

section.main-section .dergi ul li a{
	width:100%; height:auto; display:block; float:left; line-height:initial !important;
	color:#000;
}

section.main-section .dergi ul li a div.pdf-icon{
	width:7%; height:auto; display:block; float:left;
	color:#333; font-size:1.3em;
}

section.main-section .dergi ul li:hover a div.pdf-icon{
	color:#7ba5cf;
}

section.main-section .dergi ul li a div.pdf-yazi{
	width:87%; height:auto; display:block; float:left; margin-top:2px;
}

section.main-section .isyerleri img{
	width:100%; height:auto; float:left;
}

section.main-section .toleyis_ebulten{
	line-height:initial !important; font-size:13px; color:#222;
}

section.main-section .blok .ebulten-icon{
	width:38px; height:38px; float:left; margin:0 11px;
	background-image:url('../images/bulten-icon.png');
}

section.main-section .toleyis_ebulten:hover .ebulten-icon{
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	background-position:0 -38px;
}

section.main-section .toleyis_ebulten form{
	width:95%; margin:20px 0 0 0;
	border:1px solid #a5a6a8;
	background-color:#fff;
	overflow:hidden;
	border-radius:100px;
}

section.main-section .toleyis_ebulten form input{
	border:none; background:none; height:30px; padding:5px; float:left;
}

section.main-section .toleyis_ebulten form button{
	border:none; background:#7ba5cf; color:#fff; height:30px; padding:5px 17px;
	float:right;
	border-radius:100px;
}

/* Main Section */


/* Anasayfa Kategoriler */
.anasayfa-kategoriler{padding:30px 0; position:relative; background-color:#e7ebee;}
.anasayfa-kategoriler::after{
	position:absolute;
	height:28px;
	width:100%;
	background-image:url('../images/grey-border.png'); background-repeat:no-repeat;
	background-position:top center;
	content: ' ';
	bottom:-28px;
}

.anasayfa-kategoriler a.tumu{
	position:absolute; right:0; padding-left:20px;  font-weight:bold;
}

.anasayfa-kategoriler:nth-child(odd) a.tumu{
	background-color:#fff;
}

.anasayfa-kategoriler:nth-child(even) a.tumu{
	background-color:#e7ebee;
}

.anasayfa-kategoriler .container{padding-left:0; padding-right:0;}
.anasayfa-kategoriler div.icon{width:6%; height:80px; float:left; margin:0 2% 0 0;background-image:url('images/icon.png'); background-size:auto 100%; background-repeat:no-repeat; }
.anasayfa-kategoriler div.baslik{width:90%; height:auto; float:left;}
.anasayfa-kategoriler div.baslik div.ust_baslik{font-size:26px; font-weight:500;}
.anasayfa-kategoriler div.baslik div.baslik_sub{font-size:14px; font-weight:500;color:#7ba5cf;}

.anasayfa-kategoriler div.kategori-grup{
width:24%; float:left; padding:5px; margin-top:10px; margin-left:10px;
box-shadow:1px 1px 1px 1px rgba(221,221,221, 0.6);
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan{
width:100%; height:165px; margin:0 0 5px 0;
background-size:100% auto; background-position:center center; background-repeat:no-repeat;
position:relative; overflow:hidden;
}


.anasayfa-kategoriler div.kategori-grup div.arkaplan div.transparan{
width:100%; height:100%;
background:rgba(0,0,0,0.2);
position:absolute;
z-index:1;
}

.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan{
background-size:120% auto; -webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;
}

.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan{
background-size:100% auto; -webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;
}

.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan div.transparan{
background:rgba(0,0,0,0.6); transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan div.transparan{
background:rgba(0,0,0,0.3); transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan div.tur-tarih{
width:auto; height:auto;
/*background:rgba(0,0,0,0.7);*/ color:#fff; padding:3px 8px; background-color:#00a0c4;
position:absolute;
z-index:2; top:0; right:0;
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan div.detay-git{
width:auto; height:auto;
/*background:rgba(0,0,0,0.7);*/ color:#fff; border:1px solid #fff; padding:7px 20px; left:37%;
position:absolute;
z-index:2; bottom:-200px;
}

.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan div.detay-git{
bottom:20px; transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan div.detay-git{
bottom:-200px; transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan div.e_icon{
width:100%; height:auto; overflow:hidden;
text-align:center;
position:absolute;
z-index:2; top:-200px;
}

.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan div.e_icon{
top:30px; transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan div.e_icon{
top:-200px; transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan div.e_icon img{
width:30%; height:auto;
}

.anasayfa-kategoriler div.kategori-grup div.kategori-grup-baslik{
font-size:16px; color:#0f70b7; font-weight:600; padding:5px 0;  height:auto;
}

.anasayfa-kategoriler div.kategori-grup div.kategori-grup-aciklama{
font-size:12px; color:#333; font-weight:500; padding:5px 0; height:auto; min-height:80px;
}

/* Anasayfa Kategoriler */


footer div.ebulten{
	width: 100%;
    height: auto;
    line-height: initial !important;
    background-color: #9e9e9e;
    font-size: 14px;
    color: #fff;
    float: left;
    background-image: url(../images/pattern2.png);
}
footer i{color:#634a35 !important;}

.footer_baslik{color:#634a35; font-size:24px; margin:0 0 15px 0;}

div.hizli_erisim{padding:0;}
div.hizli_erisim ul{list-style:none; margin:0; padding:0; float:left; width:100%;}
div.hizli_erisim ul li{width:50%; float:left; padding:2px 0;}
div.hizli_erisim ul li a{color:#333 !important; font-size:14px; float:left;}
div.hizli_erisim ul li i{float:left; margin:7px 5px 0 0;}

ul.contact{list-style:none; margin:0; padding:0; float:left; width:100%;}
ul.contact li{width:100%; float:left; color:#333; font-size:14px; line-height:initial !important;}
ul.contact li a{color:#333 !important; padding:5px 0; float:left;}

footer:before{
	/*content: "";
    background-image: url(../images/breaker-bottom.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -40px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 90px;*/
}

.footer_iletisim_bg{
	background-image:url(../images/emailbg.png);
	background-repeat:no-repeat;
	background-position:80px 50px;
}



.sub_banner{height:200px; position:relative; background-position:center center; background-repeat:no-repeat; box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0;}
.sub_banner .pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/slider-pattern.png');
    left: 0;
    top: 0;
	z-index:1;
}
.sub_banner .name{
	position:absolute; right:0; bottom:0; width:50%; height:50px;
	border-color: transparent transparent #d8bba3 transparent;
	border-style: solid;
	border-width: 50px 0 50px 100px;
	z-index:2;
	color:#634a35; font-size:22px;
}

.sub_banner .name span{
	float:left; margin:10px 0 0 0;
}

.iletisim_content{height:auto !important;background-color:#fff;}
.iletisim_sag{width:50%;height:auto;float:left;display:block;background-color:#fff;}
.iletisim_sag .harita{border:none; left:0; top:0;}
.iletisim_sag .form-group{margin-bottom:0 !important;}
.iletisim_sag .padding_sifirla{padding:0 10px !important;}
.yarim{width:50%;float:left; position: relative;}
.harita{border:none; width: 100% !important; height: auto; min-height: 600px;}
.birinci_parca{
	float:left;
	width:45%;
}
.ikinci_parca{
	float:left;
	width:55%;
}
.form_group{padding:5px 0; float:left; width:100%;}
.form_group .icon{width:13%;float:left;background-color:#7ba5cf;color:#fff;text-align:center;height:40px;display:table; border: 1px solid #ddd; border-right: none;}
.form_group .icon i{display:table-cell;vertical-align:middle;}
.form_group .form_element{width:85%;height:40px;float:left;color:#fff;}
.form_group .form_element input{outline:none; width:95%;height:40px;float:left;color:#000;border:1px solid #ddd;border-left:none;padding-left:10px;}
.form_group .form_element2 input[type=submit]{ width:70px; height:30px; background:none;color:#000;border:1px solid #ddd;border-left:none;}
.form_group .form_element2 input[type=submit]:hover{background:#393938;color:#fff;}
.form_group .icon2{width:13%;float:left;background-color:#7ba5cf;color:#fff;text-align:center;height:60px;display:table;}
.form_group .icon2 i{display:table-cell;vertical-align:middle;}
.form_group .form_element2{width:85%;height:60px;float:left;color:#fff;}
.form_group .form_element2 textarea{width:95%;height:60px;float:left;color:#000;border:1px solid #ddd;border-left:none;padding-left:10px;resize:none;}
.iletisim_bilgisi_satir{padding:1px 0;color:#000;}
.iletisim_bilgisi_satir .baslik{width:15%;float:left;text-align:left;}
.iletisim_bilgisi_satir .nokta{width:5%;float:left;text-align:center;}
.iletisim_bilgisi_satir .icerik{width:80%;float:left;}
.iletisim_bilgisi_satir .icerik a{color:#000;text-decoration:none;}

div.menu-box-bg{position:relative; height:210px;}
div.menu-box-bg span{width:100%; top:0; margin-top:0 !important; height:30px; float:left; z-index:3;  transition: all 0.5s ease; font-size:1.1em !important; color:#222; text-align:center;}
div.menu-box-bg-image{position:absolute; width:100%; height:180px; bottom:0; float:left; z-index:1; background-size:100% auto; background-repeat:no-repeat; background-position:center center; transition: all 0.5s ease;}
div.menu-box-bg:hover div.menu-box-bg-image{background-size:120% auto; height:210px;}
div.menu-box-bg:hover span{position:absolute; top:10px; color:#fff !important;}
div.menu-box-bg .transparan{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); z-index:2; left:0; top:0; transition: all 0.5s ease;}
div.menu-box-bg:hover .transparan{background-color:rgba(0,0,0,0.5); background-image:url(../img/logo.png); background-repeat:no-repeat; background-size:15% auto; background-position:10px 120px;}

div#sizi-arayalim{
		/*background-color:#fff; color:#777;*/ 
		background-color:#e36159; color:#fff;
		position:fixed; right:-36px; top:55%; padding:10px; z-index:5;
		-ms-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
		box-shadow: 0 1px 3px rgba(0,0,0,.7);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.7);
		-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.3);

		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;

	}
	div#sizi-arayalim a{
		color:#fff;  font-size:18px;
		padding:0 15px;
	}
	
	div#sizi-arayalim-form{
		background-color:#fff;
		
		box-shadow: 1 1px 3px rgba(0,0,0,.7);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.7);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.7);

		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		padding:10px;
		position:fixed; right:-500px; top:40%; z-index:5; width:200px;
	}

	div#sizi-arayalim-form a.form-kapat{
		float:right; color:#666;
		position: absolute;
		right:5px;
		top: -30px;
		width: 30px;
		height: 30px;
		background-color: #fff;
		text-align: center;
		display:table;
	}

	div#sizi-arayalim-form a.form-kapat i{
		display:table-cell;
		vertical-align:middle;
	}

	div#sizi-arayalim-form div.block{
		width:100%; height:auto; display:block; float:left;
	}

	div#sizi-arayalim-form div.block input,
	div#sizi-arayalim-form div.block select{
		width:85%; height:auto; display:block; float:left; border:none; border-bottom:1px solid #999; padding:5px; margin:0 0 10px 0; font-size:12px;
	}
	
	div#sizi-arayalim-form div.block i{
		display:block; float:left; margin:10px 10px 0 0;
	}

	div#sizi-arayalim-form button[type=submit]{
		width:100%; display:block; float:left; background-color:#7ba5cf; color:#fff; padding:7px 0; cursor:pointer; border:none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

div#social_media{width:40px; height:auto; position:fixed; right:0; top:25%; padding:0; z-index:5;}
div#social_media ul{width:100%; height:auto; float:left; margin:0; padding:0; list-style:none;}
div#social_media ul li{width:100%; height:auto; float:left; margin-bottom:2px;}
div#social_media ul li a{width:100%; height:auto; float:left; background-color:#505050; color:#fff; text-align:center; padding:8px 0; font-size:18px;}

.urun-kutu{
	width:23%; height:auto; display:block; float:left;
	border:1px solid #ddd; padding:10px;
    margin:0 10px 10px 0;

    position:relative;
}
/*
.urun-kutu:nth-child(4n+5){
	margin:0 0 10px 0;
}
*/
.urun-kutu a{
	text-decoration:none; color:#2d2d2d;
}

.urun-kutu .urun-adi{
	font-size:14px; text-align:center; font-weight:600; color:#000; padding-bottom:10px;
}

.urun-kutu .urun-resim{
		height:200px;
		background-repeat: no-repeat;
		background-position: center center;
        background-size: 100% auto;
		transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
		position:relative;
}

.urun-kutu .urun-resim img{
		position:absolute; width:100%; opacity:0;
}

.urun-kutu:hover .urun-resim{
		background-size: 120% auto;
}

.urun-kutu .checkBot{
    font-size:14px; text-align:center; font-weight:600; color:#fff; padding-bottom:10px;
    position:absolute; right:0; top:3px;
}

.urun-kutu .checkBot span,
.urun-kutu .checkBot a{
    padding:5px 10px;
    font-weight:300;
    background-color:darkred;
    color:#fff;
}


.katalog_kapak{
    width:35% !important; height:auto; float:left;
    border:none; text-decoration:none;
    margin:0 20px 20px 0;
}

.katalog_kapak img{
    width:100% !important; height:auto !important; float:left;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
}

.policyLinks a{
	float: left;
	font-size: 16px;
	color:#333;
	text-decoration: none;
	margin: 0 10px 10px 0;
}


/* Header */
header{transition: all 0.5s ease-in-out;}
header#header{transition: all 0.5s ease-in-out;}
.header-line{background-color:#fff; position:relative;}
.header-line .left{width:33%; float:left; padding:5px 0; position:relative;}
.header-line .left a{width:auto; height:auto; display:block; float:left; color:#000; margin-right:25px;}
.header-line .left a i{margin-right:5px; color:#e8d026;}
.header-line .left:after{
	border-color: transparent transparent #7ba5cf transparent;
	border-style: solid;
	border-width: 0px 17px 34px 17px;
	width: 0px;
	height: 0px;
	position:absolute;
	content: ' ';
	right:-17px;
	top:0;
}
.header-line .right{width:67%; float:left; background-color: #7ba5cf; padding:5px 0 7px 20px; position:relative; color:#fff;}
.header-line .right > a{width:auto; height:auto; display:block; float:right; color:#fff; font-size:14px;}
.header-line .right > a i{margin-right:10px;}
.header-line .right:after{
	background-color:#7ba5cf;
	width: 50%;
	height: 34px;
	position:absolute;
	content: ' ';
	right:-50%;
	top:0;
}

.header-line .right .social-icons{
	float:right; margin-right:25px;
}

.header-line .right .social-icons a{
	float:left; color:#fff; font-size:18px; margin-right:10px;
}

.header-line .right .langs{
	float:right; margin:0 25px;
}

.header-line .right .langs a{
	float:left; color:#fff; font-size:16px; margin-right:10px; position:relative;
}

.header-line .right .langs a:after{
	width:1px; height:15px; position:absolute; right:-5px; top:3px;
	content: ''; background-color:#fff;
}

.header-line .right .langs a:last-child::after{
	display:none;
}

.header-line .right .langs a.active{
	color:#ffd68c;
}

.capital-logo{width:27%; float:left; top:-40px; left: 0; position:absolute;}
.capital-logo img{width:80%; float:left;}
.header-content{
	padding:20px 0;
	background: #fff;
	background-image: url(images/header-bg.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.sticky_header{
	position:fixed !important; top:0; transition: all 0.5s ease-in-out;
}

.sticky_header .capital-logo{
	/*top:0 !important;*/
}

/* MainCategories Dashed */
.main-categories-container{
	margin:30px 0;
}

.main-categories-heading{
	text-align:center; margin-bottom:60px; color:#333; font-size:40px; font-weight:400;
}

.main-categories-box{
	width:24%; float:left; border-right:1px dashed #5c8b9d; height:auto; text-align:center; color:#634a35; padding:40px 0.5%;
	position:relative;
	cursor:pointer;
}

.main-categories-box:last-child{
	border-right:none;
}

.main-categories-box .bg{
	height:60px; margin-bottom:25px;
	transition: all 0.5s ease-in-out;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 60px 60px;
}

.main-categories-box:hover .bg{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.main-categories-box .title{
	font-size:16px; height:45px; transition: all 0.5s ease-in-out; font-weight:700;
}

.main-categories-box .desc{
	font-size:14px; font-weight:400; color:#000; margin:25px 0;
}

.main-categories-box .detail{
	font-size:14px; font-weight:400; color:#7ba5cf; font-weight:700;
}

.main-categories-content > div.content-width{
	border-bottom:1px dashed #5c8b9d;
}

.main-categories-content > div.content-width:last-child{
	border-bottom:none;
}

/* İlkelerimiz */

.ilkelerimiz{
	height:auto; max-height:650px; padding:100px 0;
	background-image:url('../images/ilke.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% auto;
	cursor: pointer;
}

.ilkelerimiz-heading{
	text-align:left; color:#634a35; font-size:40px; font-weight:400;
}

.ilkelerimiz ul{width:50%; list-style:none; margin:50px 0; padding:0; float:left;}
.ilkelerimiz ul li{width:50%; line-height:40px; height:40px; padding-left:40px; margin-bottom:5px; float:left; color:#634a35; background-image:url('../images/ilkelerimiz-icon.png'); background-repeat:no-repeat; background-position:left center; font-size:18px; letter-spacing:0;}
.ilkelerimiz .detail a{
	float:left; background-color:#634a35; color:#fff; text-decoration:none; padding:10px 50px 10px 25px; font-size:18px;
}

.ilkelerimiz_table{width:100%; height: auto; float: left;}
.ilkelerimiz_table tbody{width:100%; height: auto; float: left;}
.ilkelerimiz_table tbody tr{width:100%; height: auto; float: left;}
.ilkelerimiz_table tbody tr:nth-child(even) td{padding-bottom: 20px;}
.ilkelerimiz_table tbody tr td:first-child{width:5%; height: auto; float: left; text-align: center;}
.ilkelerimiz_table tbody tr td:last-child{width:95%; height: auto; float: left;}
.ilkelerimiz_table tbody tr:nth-child(odd) td:last-child strong{float:left; font-size: 16px; margin-top:10px;}

/* Online Denetim */
div#online-denetim{
	background-color:#7ba5cf; color:#fff;
	position:fixed; right:-75px; top:35%; padding:10px; z-index:5;
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	box-shadow: 0 1px 3px rgba(0,0,0,.7);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.3);

	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;

}
div#online-denetim a{
	color:#fff;  font-size:18px;
	padding:0 15px;
}

/* Mobile Sidebar */
div.pc{width:100%; float:left;}
div.mobil-sidebar{display:none; position:fixed; width:6%; height:100%; right:0; background-color:#46535b; z-index:4;}
div.mobil-sidebar .box-glow{text-align:center;color:#fff;}
div.mobil-sidebar .mobil-nav-ikon{padding-bottom:50px; float:left; background-color:#d8bba3;}
div.mobil-sidebar .mobil-nav-ikon .close{opacity: 1 !important; text-shadow: none;}
div.mobil-sidebar .mobil-nav-ikon a{width:100%; height:auto; display:block; float:left; text-decoration:none; text-align:center; cursor:pointer; color:#46535b;}
div.mobil-sidebar .mobil-nav-ikon a span{width:70%; height:5px; margin-left:15%; margin-top:20px; display:block; background-color:#46535b; border-radius:10px; float:left;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}
div.mobil-sidebar .mobil-nav-ikon a span:before{content:' ';width:100%; height:5px; margin-top:-10px; display:block; background-color:#46535b; border-radius:10px; float:left;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}
div.mobil-sidebar .mobil-nav-ikon a span:after{content:' ';width:100%; height:5px; margin-top:-10px; display:block; background-color:#46535b; border-radius:10px; float:left;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}
div.mobil-sidebar .mobil-nav-ikon a label{font-size:18px; float:left; margin-top:50px;
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);}
div.mobil-sidebar .mobil-nav-ikon a.open span:after{ background-color:#d8bba3;}
div.mobil-sidebar .mobil-nav-ikon a.open span:before{transform: rotate(-90deg); margin-top:0;}
div.mobil-sidebar .mobil-nav-ikon a.open span{transform: rotate(45deg);}

div.mobil-sidebar .mail{color:#d8bba3; height:45px;}
div.mobil-sidebar .mail a{color:#d8bba3; font-size:28px;}


.mobil-sidebar .quick-buttons ul{width:100%; float:right; margin:20px 0 0 0; padding:0; list-style:none;}
.mobil-sidebar .quick-buttons ul li{float:left; margin:0; margin:7px 0; width:100%;}
.mobil-sidebar .quick-buttons ul li a{width:100%; float:left; color:#fff; border:none; text-decoration:none; padding:4px 0; border-radius:4px; text-align:center;}
.mobil-sidebar .quick-buttons ul li a i{font-size:1.5em;}

.mobil-sidebar .social{bottom:15px; position:absolute;}
.mobil-sidebar .social ul{float:right; margin:0; padding:0; list-style:none; bottom:0;}
.mobil-sidebar .social ul li{float:left; margin:0; margin:7px 0; width:100%;}
.mobil-sidebar .social ul li a{color:#fff; border:none; text-decoration:none; padding:4px 7px; border-radius:4px;}
.mobil-sidebar .social ul li a i{font-size:1.7em;}

/*div.pc header{display:none;}*/

div#mobil-nav{position:fixed; width:30%; right:-100%; height:100%; background-color:#49565b;display:none; z-index:3;
	-webkit-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
	-moz-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
	box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);

	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);

}
div#mobil-nav ul{list-style:none; margin:0; padding:0;}
div#mobil-nav ul li{width:100%; height:auto; float:left; border-bottom:1px dashed #a0b3b3;}
div#mobil-nav ul li:last-child{border-bottom:none;}
div#mobil-nav ul li a{width:100%; height:auto; float:left; text-decoration:none; color:#e8e7dd; /*font-size:18px;*/ text-align:center; padding:10px 0;}
div#mobil-nav ul li:hover > a,
div#mobil-nav ul li a.active{background-color:#7ba5cf;color:#fff;}

div#mobil-search-page{position:fixed; width:30%; right:-100%; height:100%; background-color:#49565b;display:none; z-index:2;
	-webkit-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
	-moz-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
	box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);

	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);

	color:#fff;

}

div#mobil-search-page .urun-arama input{width: 50%; line-height: 35px;}
div#mobil-search-page .urun-arama button{float: right; line-height: 35px;}
div#mobil-search-page .title{color:#f7db20; font-size:22px; border-bottom:1px dashed #f7db20; padding:0 0 10px 0; margin:0 0 10px 0;}
div#mobil-search-page .kapat{color:#f7db20; font-size:18px; margin:20px 0 0 0; text-decoration:none; float:left;}

.sliderLinkActive *{
	cursor: pointer !important;
}