@font-face {
    font-family: BaronNeue;
    src: url(../fonts/Baron Neue.otf);
}
body{ background:#f8f8f8;}
.cont{ padding:0px;}
margin-no{ margin:0px;}
padding-no{ padding:0px;}
.logo{ margin-top:30px; margin-bottom:30px;}
.logo img{ margin-left:40px;}
.home_item a{ color:#000; text-decoration:none;}
/*nav{ margin-left:-23px;}*/
nav ul{ border-top:3px solid #000; border-bottom:1px solid #ddd;}
nav ul li a{ color:#000;}
nav ul li:hover a::before{content: " ";  background: url("../../img/site/nokta.png") no-repeat; background-position: center; display: inline-block; width:12px; height:12px; margin-bottom: -1px;}
nav ul li:hover a::after{content: " ";  background: url("../../img/site/nokta.png") no-repeat; background-position: center; display: inline-block; width:12px; height:12px; margin-bottom: -1px;}
nav ul .aktif a::before{content: " ";  background: url("../../img/site/nokta.png") no-repeat; background-position: center; display: inline-block; width:12px; height:12px; margin-bottom: -1px;}
nav ul .aktif a::after{content: " ";  background: url("../../img/site/nokta.png") no-repeat; background-position: center; display: inline-block; width:12px; height:12px; margin-bottom: -1px;}
.nav>li>a:focus, .nav>li>a:hover{ background-color:transparent; outline:none; color:#000;}
.home{ margin:5% 0px;}
.home_item{ margin-bottom:20px; height:210px; overflow: hidden;}
.home_item img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.home_item:hover img{ -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.item_title{ position: absolute; z-index: 999; text-align: center; padding-top:25%; width:100%; font-size: 30px; color: #fff; font-family:"helvetica"; text-shadow: -1px -1px 0px rgba(150, 150, 150, 1);}
.home_item:hover .item_title{display: none;}
.sub_title{ background:#fff; position: relative; padding:7px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.home_item:hover .sub_title{ top:-33px;}
.social ul{ list-style:none;}
.social ul li{ display: inline-block; font-size:7pt;}
.footer_line{ background:#000; color:#fff; margin-top:17px; padding:5px;}
.footer_logo{ margin:2% 0px;}
.light-bg{ position: absolute; top:0px; left:0px; width:100vw; height:100vh; z-index:-200;}
.light-bg .line{ height:100vh; background:transparent; display: table-cell; width:1%; text-align: center;}
.light-bg .line a{ visibility: hidden;}
.line.active{ background:#fff;}
.about_content{ background-image:url(../../img/site/hkm_border.png); background-size:100% 100%; background-repeat:no-repeat; background-position: center; padding-bottom:20px;}
.back{ border:2px solid #000; padding:7px;}
.back .ind{ border:1px solid #ccc; padding:12px; background:#fff;}
.back .ind input ,.back .ind textarea{ margin: 10px 2px; }
.btn-black{ background:#000; color:#fff;}
.tab_btn { float:none; display:inline-block;}
.tab_btn a{ background:transparent !important; color:#000 !important; border:#000 2px solid; border-radius:0px !important;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background:#000 !important; color:#fff !important; border-radius:0px;}
.tabss li{ float:none !important; display:inline-block;}
footer li a{ color:#fff; }
footer li a:focus, footer li a:hover{ color:#fff; }