body{margin:0;padding:0;}
ul,li,a,img,p,h1,h2,h3{margin:0;padding:0;border:none;list-style-type:none;text-decoration:none;font-weight:normal}

#progress { display: none; position:relative; width:100%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
#bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; padding: 5px;}
#yuzde { position:absolute; display:inline-block; top:3px; left:48%; }
#yuzde span{text-align:Center;font-size:14px;padding:0px;margin:0px}
.clear{clear:both}

.padding-no{padding:0px!important;}
.padding-left-no{padding-left:0px!important;}
.margin-no{margin:0px!important;}
.resim-responsive{width:100%!important;}
.margin-right-10{margin-right:10px}
.position-relative{position:relative!important}

.logo{margin-top:60px}

.menu-kapsul{margin-top:50px}
.menu{background:#fff;border:0px}
.menu-link ul li{padding:0px 30px 0px 30px}
.menu-link ul li a{font-family:spinnakerregular;font-size:14px;color:#58595B;}
.menu-link ul{margin:0 auto;text-align:center!important;float:none!important}
.menu-link ul li{float:none!important;display:inline-block}
.sosyal{text-align:center;margin-top:50px}
.sosyal img{margin-right:20px}
.alt_text{text-align:Center;font-family:spinnakerregular;font-size:12px;color:#58595B;margin-top:50px}


.accordion{position:relative}
#featured{margin:0 auto!important}
#featured img{border-left:5px solid #fff}

.about{margin-top:50px}
.about h1{font-weight:bold;font-family:ralewayregular;font-size:24px;color:#020202;text-align:center;margin-top:20px}
.about h2{font-weight:normal;font-family:ralewayregular;font-size:16px;color:#6D6E71;text-align:center;margin-top:30px}
.about p{font-weight:normal;font-family:ralewayregular;font-size:16px;color:#6D6E71;text-align:left;margin-top:30px;padding-left:20px}

.press_slide{margin-top:10%;margin-bottom:13%!important}

.contact{padding-left:40px}
.table tr td{font-family:brandon_grotesque_regularRg;font-size:13px;color:#6D6E71;border:none!important}
.table tr td input{width:100%;height:30px;border-radius:3px;border:1px solid #A6A6A6}
.table tr td textarea{width:100%;height:90px;border-radius:3px;border:1px solid #A6A6A6;resize:none}
.table tr td input[type=submit]{width:90px!important;height:30px;border-radius:3px;border:0px solid #A6A6A6;background:#5E5E5E;color:#fff}
.adres{font-family:brandon_grotesque_regularRg;font-size:14px;color:#6D6E71;text-align:Center;margin-top:30px}

.references{margin-top:50px;padding-left:30px}
.references h1{font-size:24px;color:#6D6E71;font-family:ralewayextrabold;margin-bottom:30px}
.references p{font-size:14px;color:#6D6E71;font-family:ralewayregular;line-height:20px}

.portfolio_text{margin-top:-370px;text-align:center;transition:0.3s;background:#000;opacity:0.7;width:175px;height:180px}
/*
.stack li p{margin-top:-370px;text-align:center;transition:0.3s;width:175px;height:180px;z-index:3;position:relative}
.stack li p a{font-size:17px;color:#fff;font-family:brandon_grotesque_regularRg;}
.stack li p a:hover{text-decoration:none}
.stack li{overflow:hidden;transition:0.3s;padding:5px}
.stack li:hover .portfolio_text{margin-top:-175px;transition:0.3s}
.stack li:hover p{margin-top:-125px;transition:0.3s}
.stack li img{border:0px!important}
*/


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 */
}

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%);
}

@media (max-width:1200px){
	.menu-link ul li{padding:10px 35px!important}
}

@media (max-width:980px){.references{padding:0px;text-align:Center}
.contact{padding-left:0px}
}
@media (max-width:768px){
	.references{padding:0px;text-align:Center}
	.menu-link li{display:block!important}
}
@media (max-width:1700px){
	.menu-link ul li{padding:10px 20px!important}
}