html,body{
position:relative;
height:100%;

}
ul,li{list-style-type:none}

.clear{clear:both!important}
.padding-no{padding:0px!important}
.padding-left-10{padding-left:0px!important}
.margin-no{margin:0px!important}
.margin-right-10{margin-right:10px!important}
.margin-bottom-no{margin-bottom:0px!important}
.border-no{border:none!important}
.text-align{text-align:center}

.arka_video{width:100%!important;height:550px!important;position:relative;overflow:hidden!important;margin-top:100px}
#tubular-container{width:100%!important;height:550px!important;position:absolute!important;overflow:hidden!important;}

.dotted{background-image:url("../images/dotted.png");display:block;height:100%;position:absolute;top:0px;left:0px;z-index:555;width:100%}
.video-baslik{position:absolute;z-index:556;left:0px;top:30%;color:#fff;font-size:50px;font-family:canaroblack;margin:0 auto;right:0px;text-align:center}
.video-text{position:absolute;z-index:556;left:0px;top:44%;color:#fff;font-size:16px;font-family:canarobook_italic;margin:0 auto;right:0px;text-align:Center;border:1px solid #fff;padding:5px 15px 5px 15px}
.slider-ok{z-index:557;position:absolute;bottom:40px;margin:0 auto;left:0px;right:0px}

.yil-26{margin-top:30px;margin-bottom:30px}
.yil-26-text{text-align:center;margin-top:20px;font-family:canarobook;font-size:12px;color:#000;margin-bottom:20px}
.yil-26-line{margin-bottom:-20px}
.makine-baslik{font-size:26px;color:#3B3B3B;font-family:canaroblack;text-align:center;margin-top:30px}

.kalite-baslik{font-size:28px;color:#fff;font-family:canaroblack;text-align:center;margin-top:50px}
.kalite-ust-line{margin-bottom:-20px;position:relative;z-index:1}
.kalite-makas{margin-top:20px;position:relative;z-index:1}
.kalite-slogan{font-size:28px;color:#fff;font-family:georgia;font-style:italic;text-align:center;margin-top:40px}
.home-kalite-text{font-size:12px;color:#fff;font-family:canarobook;margin-top:80px;text-align:center}
.home-kalite{background-image:url("../images/kalite-bg.jpg");height:550px;background-size:cover}

.home-ulasin-baslik{font-size:28px;color:#343434;font-family:canaroblack;text-align:center;margin-top:50px}
.home-ulasin-adres{font-size:12px;color:#343434;font-family:canarobook;text-align:center;margin-top:50px}
.home-ulasin-adres span{color:#0083d7;font-family:canarobold}
.copyright{color:#4C4C4C;font-family:Arial;font-size:10px;margin-bottom:20px}
.cetvel{margin-top:40px}
.home-bize-ulasin{position:relative;}
.idemarka{position:absolute;right:0px;top:40%}

.header{position:fixed;top:0px;left:0px;width:100%;height:100px;background:#fff;z-index:999;transition:0.3s;}
.header-active{height:90px;transition:0.3s}
.logo-active{max-width:70%!important;transition:0.3s}
#logo{margin-top:20px;transition:0.3s;padding-left:0px}
/*#logo img{width:100%}*/
.menu-active{margin-top:20px!important;transition:0.3s}
.menu{background:none;border:none;box-shadow:none;text-shadow:none;margin-top:40px;float:right;transition:0.3s}
.menu ul li a{color:#3E3E3E!important;font-size:14px;font-family:canarobold;}
#navcizgi{position: absolute;
    bottom: 0px;
    width: 0px;
    background: #808285;
    height: 4px;
    left: 46px;}
.menu-kapsul{position:relative}

.hakkimizda{background:#0B0B0B}
.sayfa-baslik{font-family:canarobold;font-size:26px;color:#fff;text-align:Center;margin-top:3%}

.hakkimizda-text{color:#ffffff;font-family:canarobook;font-size:12px;text-align:center;margin-bottom:5%;margin-top:2%}

.urunler{background:#ffffff;text-align:center;border-bottom:30px solid #0083d7;padding-bottom:20px}
.urunler-sayfa-baslik{font-family:canarobold;font-size:26px;color:#343434;text-align:Center;margin-top:3%;border-top:2px dotted #0083d7;border-bottom:2px dotted #0083d7;padding:15px 15px 15px 15px;display:inline-block}
.urunler-sayfa-baslik span{font-family:canarobold;font-size:26px;color:#343434;text-align:Center;}
.urunler-grafik-sayfa-baslik{font-family:canarobold;font-size:26px;color:#343434;text-align:Center;margin-top:3%;padding:15px 15px 15px 15px;display:inline-block}
.urunler-text{font-family:canarobook;font-size:12px;color:#000;text-align:center;margin-top:20px;}
.urunler-isler{font-size:14px;color:#343434;font-family:canaromedium;border:1px solid #0284d7;text-align:center;padding:10px 20px 10px 20px;margin-bottom:10px}
.makine_slider{margin-top:40px}
.makine-text{font-family:canarobook;font-size:12px;color:#000;text-align:center;margin-top:20px;margin-bottom:30px}

.referans-sayfa-baslik{font-family:canarobold;font-size:26px;color:#343434;text-align:Center;margin-top:3%;border-bottom:2px dotted #0083d7;padding:15px 15px 15px 15px;display:inline-block}
.referans-sayfa-baslik span{font-family:canarobold;font-size:26px;color:#343434;text-align:Center;}
.referanslar{margin-bottom:0px}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter>
	</svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	z-index:9;
	position:relative;
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}


img.half-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.5\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray alpha(opacity=80); /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.half-grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}



.iletisim-sayfa-baslik{font-family:canarobold;font-size:26px;color:#343434;text-align:Center;margin-top:1%;padding:15px 15px 15px 15px;display:inline-block}

.anamakine{position:relative}
.anamakine img{margin-top:30px}
.anamakine h2{position:absolute;top:0px;left:0px;background:#0083d7;margin:0px;padding:10px 25px 10px 25px;font-family:canarobook;font-size:12px;color:#fff;display:inline-block;}
.anamakine img.asagiok{position:absolute;top:3px;left:27%;}


@media (max-width: 1200px) {
	.header{height:220px!important}
	.menu-kapsul{margin-left:-3.2%;}
	.menu{float:none}
}
@media (max-width: 960px) {
	.arka_video{height:550px;position:relative;overflow:hidden!important;margin-top:220px}
}

@media (max-width: 768px) {
	.header{height:100px!important;}

	.arka_video{height:550px;position:relative;overflow:hidden!important;margin-top:100px}
	.video-text{top:55%}
	.menu-kapsul{margin-left:0%;}
	.menu{background:#fff;border:none;box-shadow:none;text-shadow:none;margin-top:-10px!important;float:none}
	.cetvel-img{display:none}
	.navbar-toggle{margin-top:-40px}
	#logo img{max-width:70%!important}
	#navcizgi{display:none}
}


@media (max-width: 480px) {
	
}