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

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

.contact_img{transition: all 0.5s ease-in-out; height:600px !important; 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:3px 0 0 30px;}
.header-logins a{line-height:34px; background-color: rgb(175,175,175,0.25); /* border:1px solid #b9b9b9; */ color:#fff; 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:#0fadf6; color:#000;}
.header-logins a i{line-height:34px; background-color:#0fadf6; color:#000; padding:0 15px; border-radius:50px; margin-right:10px;}

.portal_giris{font-size:14px !important;}

#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:#0fadf6;}


.new-box{width:32%; float: left; cursor: pointer; margin: 0.5%; background-color:#f5f5f5;}
.new-box:hover{background-color:#f1f1f1;}
.new-box .new-box-image{background-repeat: no-repeat; height: 200px; background-position: center center; background-size: 100% auto; transition:all 2s ease-in-out;}
.new-box .new-name{height: 50px; font-weight: 500; color: #313131; font-size: 16px; margin: 10px 0;}
.new-box .new-description{height: 150px;}
.new-box:hover .new-box-image{
	background-size:110% auto;

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

.new-box:not( :hover ) .new-box-image{

	background-size:100% auto;
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.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 #0fadf6; padding:5px 0; font-size:14px; color:#0fadf6; 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:24%;
	height:300px; float:left; background-position:center left; background-repeat:no-repeat; position:relative; background-size:100% auto;
	margin:0.5% 0; cursor:pointer;
	transition:all 2s ease-in-out;
	overflow:hidden;
}

.anasayfa-uretim .main-category{
	width:32%; height:300px;
}

.anasayfa-uretim .main-category:nth-child(odd){
	margin: 0.5% 2%;
}

.anasayfa-kategoriler .main-category{
	margin:0.5%;
}

.anasayfa-kategoriler .main-category:nth-child(n+6){
	width: 32.3%;
	margin: 0.5% !important;
}

.main-category:hover{
	background-size:110% auto;

	-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:100% auto;
	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: #0fadf6 transparent transparent transparent;
   border-style: solid;
   border-width: 300px 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: 300px 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:18%; height:auto; position:absolute; right:5px; top:20px;
	transition:all 0.5s ease-in-out;
	z-index:5;
}

.main-category div.product-img img{
	width:75%; 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:300; 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:70px;
	position:absolute; left:10px; bottom:-100%;
	background-image:url('../img/logo.png'); background-size:100% auto; background-repeat:no-repeat;
	z-index:4;
}

.main-category:hover div.category-logo{
	bottom:10px;
	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;}
div.mobileResult{display: none;}
div.mobileResult ul{width:100%;height:auto;padding:0;margin:0;list-style:none;}
div.mobileResult ul li{width:100%;height:auto;float:left;padding:0;}
div.mobileResult ul li a{width:100%;height:auto;float:left;text-decoration:none;border:none;padding:5px 2%;background-color:#fff;color:#000;}
div.mobileResult ul li a:hover{background-color:#333;color:#fff;}
div.mobileResult ul li:nth-child(even) a{background-color:#f1f1f1;}
div.mobileResult ul li:nth-child(even) a:hover{background-color:#333;color:#fff;}
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:#0fadf6;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:#0fadf6;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:#0fadf6;color:#fff;padding:10px 0;text-decoration:none;display:none;float:left;width:100%;text-align:center;margin:0 0 5px 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:#fff; font-weight:600; font-size:14px !important;}
div.home-intro div.butonlar div.buton i{float:left; font-size:1em; color:#579bd8;}
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:#0fadf6; color:#fff; font-weight:600; border-left:10px solid #6d94b9;}
#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:0 0 0 0;
	float:left;
	background-color:#fff;
	/*margin: 0 0 75px 0;*/
}

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

section.main-section .blok{
	width:33%; float:left;
	margin-top: 50px;
}

section.main-section .blok:nth-child(1){
}

section.main-section .blok:nth-child(2){}

section.main-section .blok:nth-child(3){
}

/*
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:24px;
	color:#1d1d1d;
	margin:0 0 10px -8px;
	font-weight: 300;

	/*
	background: -moz-linear-gradient(left,  rgba(231,235,238,1) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(231,235,238,1) 0%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to right,  rgba(231,235,238,1) 0%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebee', endColorstr='#007db9e8',GradientType=1 );
	*/


	padding: 5px 0 5px 15px;



}

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:#0fadf6;
}

section.main-section .ulus{
	width:43%;
}

section.main-section .blok .content{
	width:80%; 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 .ulus .content{
	width:88%;
}

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 .news-image{
	width:40%; height:120px; float: left;
	background-repeat: no-repeat; background-position: center center; background-size: 100% auto;
}

section.main-section .ulus .ulus-haber .news-content{
	width:58%; min-height:110px; float: left; margin-left: 2%;
}

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

section.main-section a.detail-btn{
	background-image: -webkit-linear-gradient(top,#1d1d1d 0,#aaaaaa 100%);
	background-image: -o-linear-gradient(top,#1d1d1d 0,#aaaaaa 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#1d1d1d),to(#aaaaaa));
	background-image: linear-gradient(to bottom,#1d1d1d 0,#aaaaaa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#579cda', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #dbdbdb;
	border-color: #ccc;

	padding: 8px 20px;
	border-radius: 100px;
	background-color: #274f73 !important;
	color:#fff !important;
}

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

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:#0fadf6;
}

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:#1d1d1d; color:#fff; height:30px; padding:5px 17px;
	float:right;
	border-radius:100px;
}

section.main-section .haber-title{
	font-size:16px; font-family: sans-serif; color:#000; /*margin-top:20px;*/
}

section.main-section .haber-date{
	font-size:14px; font-family: sans-serif; color:#0fadf6; margin:5px 0 15px 0; font-weight: bolder;
}

section.main-section .haber-content{
	font-size:14px; font-family: sans-serif; color:#555; margin-bottom: 20px;
	height:60px; overflow: hidden;
}

/* Main Section */


.blue-label{
	background: rgba(39,79,115,0.8); padding:20px 30px !important;
}

.black-label{
	background: rgba(0,0,0,0.6); padding:20px 30px !important;
}

@media only screen and (max-width:480px){
	.blue-label{
		padding:10px 20px !important; margin-top:-25px !important;
	}

	.black-label{
		padding:10px 20px !important;
	}
}

/* Anasayfa Kategoriler */
.anasayfa-kategoriler{ padding:50px 0; /* padding:0 0 50px 0;*/ position:relative; /*background-color:#e7ebee;*/}
.main-categories-header{text-align: center; color:#313131; margin: 0 0 50px 0;}
.main-categories-header .title{font-weight: 300; font-size: 33px;  margin: 0 0 25px 0;}
.main-categories-header .desc{font-weight: 300; font-size: 18px}

/* Anasayfa Üretim */
.anasayfa-uretim{ padding:50px 0; /* padding:0 0 50px 0;*/ position:relative; /*background-color:#e7ebee;*/}


.anasayfa-kategoriler::after{
	position:absolute;
	height:28px;
	width:100%;
	background-image:url('../images/white-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:#0fadf6;}

.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:#858585 !important;}

.footer_baslik{color:#aaaaaa; font-size:18px; 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:#858585 !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:#858585; font-size:14px; line-height:initial !important;}
ul.contact li a{color:#858585 !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:bottom right;
}



.sub_banner{height:400px; position:relative; background-position:center center; background-size: 100% auto; 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 #1d1d1d transparent;
	border-style: solid;
	border-width: 50px 0 50px 100px;
	z-index:2;
	color:#fff; font-size:22px;
}

.sub_banner .name span{
	float:left; margin:10px 0 0 0; font-weight: 300;
}

.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:#0fadf6;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_element select{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:#0fadf6;color:#fff;text-align:center;height:150px;display:table;}
.form_group .icon2 i{display:table-cell;vertical-align:middle;}
.form_group .form_element2{width:85%;height:150px;float:left;color:#fff;}
.form_group .form_element2 textarea{width:95%;height:150px;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:#0fadf6; color:#000; font-weight: 300;
		position:fixed; right:-56px; 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; font-weight: 300;
	}
	
	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:14px;
	}
	
	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:#0fadf6; 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;
}

/* Header */
header{transition: all 0.5s ease-in-out; background:rgba(29,29,29,0.5); float: left;}
header#header{transition: all 0.5s ease-in-out;}
.header-line{/*background-color:#274f73;*/ 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 #1d1d1d transparent;
	border-style: solid;
	border-width: 0px 17px 44px 17px;
	width: 0px;
	height: 0px;
	position:absolute;
	content: ' ';
	right:-17px;
	top:0;
}
.header-line .right{width:67%; float:left; background-color: #1d1d1d; padding:0 0 0 20px; line-height: 44px; position:relative; color:#fff;}
.header-line .right > a{width:auto; height:auto; display:block; float:right; color:#afafaf; font-size:13px; font-weight: 400; margin-left: 20px;}
.header-line .right > a i{margin-right:10px; color: #0fadf6;}
.header-line .right:after{
	background-color:#1d1d1d;
	width: 50%;
	height: 44px;
	position:absolute;
	content: ' ';
	right:-50%;
	top:0;
}

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

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

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

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

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

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

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

.capital-logo{width:16%; float:left; top:-30px; position:absolute;}
.capital-logo img{width:100%; float:left;}
.header-content{
	line-height: 80px;
	height: 80px;
	display: flex;
}

.sticky_header{
	position:fixed !important; top:-40px; transition: all 0.5s ease-in-out;
	top: 0;
	z-index: 40 !important;
	background-color:#1d1d1d;
}

/* İlkelerimiz */
.ilkelerimiz{
	height:auto; max-height:400px; 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:#fff; font-size:40px; font-weight:400;
}

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

/* Main Section */
.main-section-left{width:32%; float:left; margin-top: 50px;}
.main-section-left:first-child{width:68%; float:left;}
.main-section-left:last-child{}
.main-section-left > a{width:100%; height:auto; position:relative; float:left; background-size:auto 100%; background-position:center center; transition: all 0.5s ease-in-out;}
.main-section-left div.transparent{width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.2)}
.main-section-left > a:first-child{
	/*background-image:url('http://www.euromedya.com.tr/capital/tasarim/g.png');*/
	margin:0;
	height:350px;
}
.main-section-left > a:first-child span{
	position:absolute; left:50px; color:#fff; top:50px; font-size:30px;
}
.main-section-left > a:first-child::before{
	position:absolute; width:1px; height:160px; background-color:#fff; content:' '; left:20px; top:10px;
}
.main-section-left > a:first-child::after{
	position:absolute; width:90%; height:1px; background-color:#fff; content:' '; left:10px; top:20px;
}
.main-section-right{width:67%; float:left; margin-left:3%;}
.main-section-left > a:hover{
	background-size:auto 120%;
	text-decoration:none;
}

/* Useful Links */
.useful-links-title{
	text-align: center; font-size: 32px; font-family: sans-serif; color: #555; margin-bottom: 50px;
	position: relative; display: flex; align-content: center; vertical-align: center;
}
.useful-links-title span{
	position: absolute;
	background-color: #e7ebee;
	left:40%; top:-10px;
	padding: 0 20px;
}
.useful-links-title:before{
	width: 100%; height: 1px; border-bottom: 1px solid #333; position: absolute; content: ''; left: 0; top:50%;
}

/* Sertifikalar */
table.sertifikalar,
table.sertifikalar tbody,
table.sertifikalar thead,
table.sertifikalar tbody tr{width: 100%; height: auto; display: block; float: left;}
table.sertifikalar tbody tr td{width: 20%; height: auto; display: block; float: left; margin: 10px 0; text-align: center;}
table.sertifikalar tbody tr td a{width: 80%; height: auto; display: block; float: left; margin: 0 10%; text-align: center; border: none; text-decoration: none}
table.sertifikalar tbody tr td img{width: 100% !important; height: auto !important; display: block; float: left; text-align: center; border: none; text-decoration: none}

.uretim-resim{
	background-size: auto 100%; background-position: center center; background-repeat: no-repeat;
	width: 15%;
	height: 150px;
	border-radius: 4px;
	position: relative;
	float: left;}

/* 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:45;}
div.mobil-sidebar .box-glow{text-align:center;color:#fff;}
div.mobil-sidebar .mobil-nav-ikon{padding-bottom:50px; float:left; background-color:#0fadf6;}
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:#0fadf6;}
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:42;
	-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:#0fadf6;color:#fff;}

div#mobil-search-page{position:fixed; width:94%; right:-100%; height:100%; background-color:#49565b;display:none; z-index:42;
	-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 .inner{width:80%; float:left;}
div#mobil-search-page .inner p{color:#fff;}
div#mobil-search-page .urun-arama input{
	width:95%;
	border-radius: 20px;
	font-size: 0.9em;
	height: 35px;
	margin: 0;
	border: 1px solid #fff;
	background: none;
	padding: 6px 12px;
	color:#fff;
	outline: none;
}
div#mobil-search-page .urun-arama button{float: right; line-height: 35px;}
div#mobil-search-page .title{color:#0fadf6; font-size:22px; border-bottom:1px dashed #0fadf6; padding:0 0 10px 0; margin:0 0 10px 0;}
div#mobil-search-page .kapat{color:#0fadf6; font-size:18px; margin:20px 0 0 0; text-decoration:none; float:left;}



.sliderLinkActive *{
	cursor: pointer !important;
}

.main-references{
	padding: 50px 0 !important;
}

div#headerLang{
	color:#fff; font-weight:300; font-size: 16px;
	line-height:36px;
	position:relative;
	cursor:pointer;
	z-index:100;
	float: right;
	margin: 0 0 0 20px;
}


div#headerLang:after{
	font-family: FontAwesome;
	content: "\f0d7";
	font-size: 10px;
	position: absolute;
	top: 0;
	right: -10px;
}

div#headerLang ul{
	position: absolute;
	width:100px; height:auto; left:0; top:0;
	list-style:none; margin:0; padding:0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	transition: 250ms all;
	visibility:hidden;
}

div#headerLang:hover ul{
	visibility:visible; top:36px;
}

div#headerLang ul:after{
	content: '';
	position:absolute;
	left: 15px;
	top:-7px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #fff transparent;
}

div#headerLang ul li{
	width:100%; height:auto; display:block; float:left;
	border-bottom:1px solid #ddd;
}

div#headerLang ul li:first-child,
div#headerLang ul li:first-child a{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div#headerLang ul li:last-child,
div#headerLang 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;
}

div#headerLang ul li a{
	width:100%; height:auto; display:block; float:left;
	background-color:#f1f1f1; color:#666;
	padding:2px 10px;
	text-decoration:none;
	font-weight: 500;
}

div#headerLang ul li:nth-child(odd) a{
	background-color:#fff;
}

div#headerLang ul li a:hover{
	background-color:#ddd;
}