@charset "utf-8";
/* CSS Document */

img {
  max-width: 100%;
}
.left {float: left; }
.right{ float:right}
.ClearFixAll {
	clear: left;
}
.ClearFixAllRight {
	clear: right;
}
.leftMobile {float: left; }
.akyapakContainer{ max-width:1227px; min-width:200px; margin-left: auto; margin-right: auto;}
.menuGosterGizle{}
.menuMobileGosterGizle{ display:none; }
.genislikMenu{ width:65.94%}
.genislikMenu_e{ width:70.94%}
.genislikMenu_r{ width:75.94%}
.genislikLogo{ width:23.08%}
.genislikLogo_r{ width:20.08%}
.genislikSearchDilSecim{ width:10.98%}
.genislikSearchDilSecim_e{ width:5.98%}
.genislikSearchDilSecim_r{ width:3.98%;  }
.genislik16{ width:16.46666666666667%; margin-right:0.2%}
.genislik23Bucuk{ width:23.5%; margin-right:1.5%; margin-bottom:1.75%}
.genislik24Sekiz{ width:24.8%; margin-right:0.2%}
.genislik24Yedi{ width:24%; margin-right:0.5%; margin-left:0.5%; background-color:#FFFFFF}
.genislik25{ width:24.775%}
.genislik24{ width:22%; margin-right:3%}
.genislikMiniMenu{ }
.genislik33{ width:32.33333333333333%}
.genislik50{ width:50%}
.genislik50Iki{ width:48%; margin-right:2%}
.genislik50Uc{ width:48%; margin-left:2%}
.genislik50Iki{ width:48%; margin-right:2%}
.genislik31BirBucuk{ width:31.83333333%; margin-right:1.5%}
.genislik31BirBucuk2{ width:31.83333333%; margin-left:1.5%}
.genislik31BirBucukOrta{ width:31.83333333%; margin-left:0.75%; margin-right:0.75%}


#tab-menu {
width:100%; 
}

.tab-menu {
margin-bottom: 0px; position: absolute;
z-index: 2; background-color:#e3e3e3; 

}

.tab-menu a {

color:#666666;
text-decoration: none;
padding: 14px 20px;
display: inline-block; margin-right:-4px; border-right:2px solid #FFF;

}
.tab-menu a.aktif {
	background-color:#ebebeb; 
}
.tabmenuContent {
background: #ebebeb;
margin-top: 47px;
padding: 20px;
}

.tab-menuVideo {
margin-bottom: 0px; position: absolute;
z-index: 2  

}

.tab-menuVideo a {

color:#666666;
text-decoration: none;
padding: 14px 20px;
display: inline-block;  margin-right:-4px

}
.tab-menuVideo a:hover {
	 border-bottom:3px solid #ebebeb;  
}
.tab-menuVideo a.aktif {
	 border-bottom:3px solid #1f4da2;  
}
.tabmenuVideoContent {
background: #FFF;
margin-top: 47px;

}

.informationIcon{ background-color:#31b189; width: 6.25em!important;
    height: 6.25em!important;     max-width: 100%!important;
    line-height: 5em!important; text-align: center;
    display: inline-block;
    border: 2px solid transparent;
    box-sizing: content-box;
    position: relative; margin: 0;
    padding: 0; font-size: 100%;
    font: inherit;
    vertical-align: baseline;   }
.informationIcon i{ color: #ffffff !important; font-size: 5em!important; font-style: normal;
    font-weight: 400; line-height: 1!important; font-stretch: normal; font-feature-settings: normal; font-kerning: auto;     font-variant: normal;
    text-rendering: auto;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%; transform: translate(-50%,-50%);}
	
.iletisimKapsar1{ width:49%; margin-right:1%}
.iletisimKapsar2{ width:49%; margin-left:1%}
.iletisimKapsar3{ width:24%; margin-right:1%}
.iletisimKapsar4{ width:24%; margin-left:1%}

.bannercontainer{position:relative;margin:0 auto;padding:5px;background-color:#fff;max-width:1160px}.banner{position:relative;max-width:1160px;height:807px;overflow:hidden}


.bulten{width:80%}
.bultenButon{margin-left:0.70%; width:19.3%;}
.bultenKapsar{width:60%;}
.kataloglar{}
.kataloglar .kirmiziCizgi{ height:2px; background-color:#eb2127; width:15%; margin-top:15px; margin-bottom:25px; -webkit-transition-duration: 0.6s;}
.kataloglar:hover .kirmiziCizgi{  width:50%; -webkit-transition-duration: 0.6s;}
.katalogButon{ background-color:#EBEBEB; text-align:center; padding-top:10px; padding-bottom:10px; -webkit-transition-duration: 0.3s; text-decoration:none}
.katalogButon:hover{ background-color:#dcdcdc;-webkit-transition-duration: 0.3s;}
.fuarCerceve{padding: 6px;
    border: 1px solid #cdcccc; background-color:#FFF;-webkit-transition-duration: 0.3s;}
.fuarCerceve:hover{border: 1px solid #989898; -webkit-transition-duration: 0.3s;}
.fuarKapsar{ width:49%; margin-right:1%; margin-bottom:2%}
.mobileBosluk{ }

.fancybox-slide--video .fancybox-content {
	width  : 533px;
	height : 300px;
	max-width  : 80%;
	max-height : 80%;
  margin: 0;
}
.videoFoto{background-position:center center; height:154px; text-align:center; cursor:pointer; background-size:cover}
.videoFoto img{ opacity:0.4; -webkit-transition-duration: 0.3s; margin-top:51.5px; padding-top:51.5px; margin-left:auto; margin-right:auto	 }
.videoFoto:hover img{ opacity:1; -webkit-transition-duration: 0.3s;}
.videoYaziAlani{ background-color:f3f3f3; padding:13px; height:85px}
.videoBosluk{ padding-top:75px}
.tabMenuScrol{ }
.indir{}
.goruntule{}



#primary_nav_wrap{ z-index:99; position: relative; }

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#primary_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:7px 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0; 
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6; 
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

.videoBuyuk{ width:100%; height:521px; margin-bottom:4%}
.videoUrun{ width:100%; height:692px}



#Kapsul{
	display: table;
	height: 60px;
	#position: relative;
	overflow: hidden;
	margin-left:auto; margin-right:auto
}
#IcerikAlani{
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}
#alan{
	#position: relative;
	#top: -50%;
}
.kolonBasi{padding:10px 20px 10px 15px; border-right:1px solid #d6d4d4}
.kolonSonu{padding:10px 0 10px 15px}
.divGolge{box-shadow: 0 0 4px #cbcaca;
   -moz-box-shadow: 0 0 4px #cbcaca;
   -webkit-box-shadow: 0 0 4px #cbcaca;}
   


@media only screen and (max-width: 1200px) {
	.searchKapsar{ margin-top:7px}
	.menuGosterGizle{ display:none}
	.menuMobileGosterGizle{ display: inline; }
	.genislik16{ width:32.93333333333333%; margin-right:0.4%}
	.akyapakContainer{ max-width:1167px; min-width:200px; margin-left: auto; margin-right: auto; padding-left:30px; padding-right:30px}

	
	.genislik25{ width:49.7%}
	.genislikCizgi{ width:0.3%; height:5px}
	.genislik23Bucuk{ width:31.83333333333333%; margin-right:1.5%; margin-bottom:1.75%}
	.genislikMenu{ width:100%}
.genislikLogo{ width:100%}
.genislikSearchDilSecim{ width:100%}
.genislik24{ width:49%; margin-right:1%}
.videoUrun{ width:100%; height:592px}
.anasayfaIletisimGenislik{width:33%}
.leftMobile{ float: none; margin-left:auto; margin-right:auto}
}
@media only screen and (max-width: 1050px) {
	.videoBosluk{ padding-top:45px}
	.tabMenuScrol{overflow-x: scroll; overflow-y: hidden;}
	.videoBuyuk{ width:100%; height:412px}
	.anasayfaIletisimGenislik{width:40%; margin-left:3.7%}
}
@media only screen and (max-width: 800px) {
	.genislik16{ width:49.4%; margin-right:0.6%}
	.genislik24Sekiz{ width:49.4%; margin-right:0.6%}
	.genislik49{ width:100%}
	.genislik2{ width:0; height:0}
	.footerKutu{width:100%;}
	.haberAralik{ display:none}
	.esnekKutuKapsul{display: block ; }

.esnekKutuOzellik{
  width:100%; margin-bottom:5%}
.esnekBaslik{width:100%;}
  
.esnekKutu{
 position: static 
}
.esnekKutuBorder{ border:#e1e1e1 1px solid; padding:10px; width:100%;}
.esnekKutuBorderOrta{ width:100%; }
.haberFooter{
    padding: 7px 15px;
    overflow: hidden;
    line-height: 30px; position:static; bottom: none; right:0;  }
	.kutuOver{ text-align:center; padding-bottom:0}
	.esnekBos{width:0; padding:0; display:none}
	.esnekBosMini{padding:0; width:0; display:none}
	.esnekKutuUclu{  width:100%; }
.esnekKutuTekli{width:100%; }
.haberAralikMini{ width:0; height:0}
.esnekKutuBorderMini{  width:100%;}
.genislik50{ width:100%}
.iletisimKapsar1{ width:100%; margin-right:0}
.iletisimKapsar2{ width:100%; margin-left:0}
.genislik65{ width:100%}
.genislik32{ width:100%}
.genislik3{ width:0; height:0}
.bulten{width:100%; margin-bottom:5px}
.bultenButon{margin-left:0; width:100%;}
.bultenKapsar{width:100%;}
.fuarKapsar{ width:100%; margin-right:0; margin-bottom:2%}
.genislik50Iki{ width:100%; margin-left:1%; margin-top:2%; margin-bottom:2%}
.genislik50Uc{ width:100%; margin-left:1%; margin-top:2%; margin-bottom:2%}
.mobileBosluk{ margin-top:5%}
.genislik23Bucuk{ width:100%; margin-right:0; margin-bottom:1.75%}
.videoFoto{ height:294px;  background-size: cover}
.videoFoto img{  margin-top:121.5px	 }
.videoYaziAlani{  height: auto}
.indir{ margin-bottom:2px}
.goruntule{ margin-bottom:10%}
.haberGenis{width:100%; padding-left:0; border-left:none; padding-top:63px; }
.musteriDeneyimleriVideo{ width:100%; height:401px}
.musteriDeneyimleriVideo02{ width:100%; height:401px}
.haberDar{display:none}
.genislik24{ width:100%; margin-right:0}
.videoUrun{ width:100%; height:403px}
.esnekKutuIki{width:100%; }
.genislikMiniMenu{ width:100%; text-align:center}
.miniBosluk{ padding-bottom:33px; }
.genislik31BirBucuk{ width:100%; margin-right:0; margin-bottom:2%}
.genislik31BirBucuk2{ width:100%; margin-left:0;margin-bottom:2%}
.genislik31BirBucukOrta{ width:100%; margin-left:0; margin-right:0;margin-bottom:2%}
.iletisimAdresBox{border:#e1e1e1 1px solid; width:90%; padding-left:23px; margin-top:7%}
.bayiCerceve1{width:100%; margin-left:0; margin-right:0;}
.bayiCerceve2{width:100%; margin-left:0%; margin-right:0%;}
.carousel-captionMobile{ width:100%; padding: 32px 32px 32px;color:#fff; background-color:rgba(49,177,137,.8); top:10%; margin-left:0; margin-top:0; box-shadow: 0 2px 4px 0 rgba(50,50,50,.2); display: inherit}
.carousel-caption{ display:none}
}