@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700");


* {font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;}
body{width:100%;height:100%;display:inline-block;margin:0px;padding:0px;background:#fff;}

a{text-decoration:none;color:#333;}
/* a:hover{text-decoration:underline;color:#ef3038;} */
.none{display:none;}

.container          {background-color:#fff;display:block;}
.container .coElm   {margin:0px 0px 0px 0px;padding:0px;border:0px;}
.container .coElm.promo   {height:308px;text-align:center;} /* background-color:#000; */
.container .coElm.promo .item{width:1169px;margin:0 auto;}
.container .coElm.promo .item img{width:100%;}
.container .coElm.menu    {height:33px;text-align:center;background: url(../../assets/img/menu-bar-bg.png) repeat-x;}
.container .coElm.header  {width:1169px;margin:0 auto;background-color:#fff;}
.container .coElm.content {width:1100px;margin:0 auto;background-color:#fff;height:0 0; }
.container .coElm.anasayfacontent {width:1167px;margin:0 auto;background-color:#fff;height:0 0; }


.logo{width:222px;height:64px;cursor:pointer;padding:34px 0px 32px 21px;margin: 0px 0px 0px 0px;display:inline-block;}
.logo img{width:100%;}

.quickly{width:34px;height:34px;cursor:pointer;padding:60px 20px 0px 0px;margin:0px;display:inline-block;float:right;display:none;}
.quickly img{width:100%;}

ul.topMenu {list-style:none;margin:0 auto;display:inline-block;width:100%;max-width:1169px;text-align:center;}
ul.topMenu>li{float:left;height:33px;}
ul.topMenu>li.row{color:#fff;cursor:pointer;font-size:14px;font-weight:normal;margin:0px;padding:0px 0px;display:block;width:calc(14% - 1px);}
ul.topMenu>li.row span{margin:6px 0px 0px 0px;display:inline-block;}
ul.topMenu>li.row:hover {background-color:rgba(0,164,230,0.92);}
ul.topMenu>li.sep{width:1px;height:33px;padding:0px;margin:0px;display:inline-block;}

ul.coColumns {list-style:none;margin:40px auto;display:inline-block;max-width:1169px;text-align:center;width:100%;}
ul.coColumns>li{float:left;width:32%;margin-right:2%;}
ul.coColumns>li:last-child{width:32%;margin-right:0px;}
ul.coColumns>li > div{border:1px solid #000666;display:inline-block;}
ul.coColumns>li > div h2{height:33px;font-size:14px;line-height:30px;background-color:#000666;color:#fff;}
ul.coColumns>li > div.makale{border:1px solid #000666;}
ul.coColumns>li > div.makale h2{background-color:#000666;color:#fff;}
ul.coColumns>li > div>a{font-size:14px;line-height:30px;color:#000;float:right;margin:0 10px 10px 0;text-decoration:underline;}


ul.coColumnsInner {list-style:none;margin:10px auto;display:inline-block;max-width:1169px;text-align:left;width:100%;}
ul.coColumnsInner>li{float:left;width:22%;margin-right:6%;}
ul.coColumnsInner>li:last-child{width:72%;margin-right:0px;}



ul.recs {list-style:none;margin:20px 0px;display:inline-block;width:calc(100% - 36px);text-align:left;}
ul.recs.collSirkuler    {}
ul.recs.collBilgiler    {}
ul.recs.collMakaleler   {}
ul.recs>li {float:left;margin:0px 0px 6px 0px;padding:10px;     width: 95%;}
ul.recs>li:hover {background-color:rgba(0,164,230,0.12);}
ul.recs>li img{float:left;margin:4px 0px 0 0; margin-right: 4px;}
ul.recs>li span{width:calc(100% - 0px);margin:0px 0px 0px 18px;display:block;font-size:13px;line-height:20px;cursor:pointer;}
ul.recs.collBilgiler>li span{width:calc(100% - 0px);margin:0px 0px 0px 0px;}
ul.recs.collMakaleler>li span{width:calc(100% - 70px);margin:0px 0px 0px 70px;}
ul.recs.collMakaleler>li span.title{font-weight:bold;}
ul.recs.collMakaleler>li img{float:left;margin:4px 0px 0 0;}


.container .coElm.menu.disp{height: 100%;background-color:#000666;}
.container .coElm.menu.disp>ul.topMenu{margin:20px;width:calc(100% - 40px);}
.container .coElm.menu.disp>ul.topMenu>li{width:100%;border-bottom:1px dotted #fff;padding:10px 0;}
.container .coElm.menu.disp>ul.topMenu>li:last-child{border:0px;}
.container .coElm.menu.disp>ul.topMenu>li.sep{display:none;}

.article{margin:40px 0;}
.article h1{margin:0 0 10px 0;color:#07066a;}
.article .desc{font-size:13px;line-height:24px;color:#000;text-align: justify; text-justify: inter-word;}
.unvan {font-size:13px;line-height:18px;color:#000;}

/* İLETİŞİM SAYFASI */

#confirm label {
    display: block;
    position: relative;
    min-height: 44px;
    width: 80%; /* 300px; */
}

#confirm .error, .empty{
    display: none;
}

#confirm input {
    display: block;
    margin: 0;
    outline: none;
    box-shadow: none !important;
    width: 100%;
    height: 35px;
    border: 1px solid #e3dfdf;
    color: #969696;
    font-size: 12px;
    line-height: 21px;
    font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: #fff;
    padding: 0 10px;
}

#confirm textarea {
    display: block;
    margin: 0;
    outline: none;
    box-shadow: none !important;
    width: 100%;
    height: 200px;
    resize: none;
    overflow: auto;
    border: 1px solid #e3dfdf;
    color: #969696;
    font-size: 12px;
    line-height: 21px;
    font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: #fff;
    padding: 5px 10px;
}

#confirm .btns {
    position: absolute;
    margin-top:10px;
}

#confirm .btns a {
    margin-left: 0px;
}

.button-blue {
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.7), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.7), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.7), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
    display: inline-block;
    font-size: 14px;
    font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 10px 15px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    background: url(../images/button-shadow.png) repeat-x scroll 50% 0 #000666;
}

.button-small {
    font-size: 14px;
    margin-bottom: 20px;
    padding: 5px 15px;
    text-transform: normal;
}

.button-small a:hover{
	color: #cecece;
	text-decoration:none;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 5px 15px;
    text-transform: normal;
}


/* RESPONSIVE AYARLAR */

@media screen and  (max-width: 768px) {
    .quickly{display:inline-block;}
    .container .coElm.header  {width:100%;border-bottom:4px solid #000666;}
    .container .coElm.content {width:90%;}
	.container .coElm.anasayfacontent {width:90%;}
    ul.coColumns {max-width:100%;margin:20px auto;}
    ul.coColumns>li,
    ul.coColumns>li:last-child{width:calc(100% - 40px);margin:20px;}
    .container .coElm.menu {display:none;}
    .container .coElm.promo{height:auto;}
    .container .coElm.promo .item{width:100%;}
    .article{margin-top:20px;margin-bottom:20px;width:calc(100% - 40px);}
	
	ul.coColumnsInner {max-width:100%;margin:10px auto;}
    ul.coColumnsInner>li,
    ul.coColumnsInner>li:last-child{width:calc(100% - 40px);margin:20px;}
	
	
}
@media screen and  (min-width: 769px) and  (max-width: 1170px) {
    
	.quickly{display:none;}
    .container .coElm.header  {width:100%;}
    .container .coElm.content {width:90%;}
	.container .coElm.anasayfacontent {width:90%;}
    ul.coColumns {max-width:100%;margin:20px auto;}
    ul.coColumns>li{width:calc(50% - 20px);margin:10px;}
    ul.coColumns>li:last-child{width:calc(100% - 20px);margin:10px;clear:both;}
    ul.recs>li {width: calc(100% - 0px);}
    ul.recs.collMakaleler>li {width: calc(50% - 20px);}
    ul.recs>li span{width: calc(100% - 10px);}
    .container .coElm.promo{height:auto;}
    .container .coElm.promo .item{width:100%;}
    .article{margin-top:20px;margin-bottom:20px;width:calc(100% - 40px);}

    }


@media screen and  (min-width: 1170px) {


	.container .coElm.footer  {height:150px;text-align:center;color:#fff;font-size:13px;line-height:20px; width: 1169px; margin: 0 auto;}
	.container .coElm.footer a,.container .coElm.footer a:hover{color:#bcbcbe;}
	.container .coElm.footer.synOne  {padding:25px 0px 0px 0px;height:83px;background-color:#404041;color:#bcbcbe;}
	.container .coElm.footer.synTwo  {padding:15px 0px 0px 0px;height:35px;background-color:#343435;}

}

@media screen and  (max-width: 1169px) {

	.container .coElm.footer  {height:150px;text-align:center;color:#fff;font-size:13px;line-height:20px;width: 100% !important; margin: 0 auto;}
	.container .coElm.footer a,.container .coElm.footer a:hover{color:#bcbcbe;}
	.container .coElm.footer.synOne  {padding:25px 0px 0px 0px;height:83px;background-color:#404041;color:#bcbcbe;}
	.container .coElm.footer.synTwo  {padding:15px 0px 0px 0px;height:35px;background-color:#343435;}

}

	hr {
	    display: block;
	    border: none;
	    outline: none;
	    height: 1px;
	    width: 100%;
	    margin-bottom: 15px;
	    clear: both;
	    background-color: #cbcbcb;
	    color: #cbcbcb;
	}

	h3 { font-size: 18px;
	    text-transform: none;
	    line-height: 26px;
		color: #2A313C;
	    display: block;
	    font-weight: bold;
	    margin-bottom: 25px;
		margin-top: 25px;
	}
	
	.post-meta {
	    border-top: 1px dashed #D3D3D3;
	    border-bottom: 1px dashed #D3D3D3;
	    padding: 10px 0;
	    width: 100%;
	    overflow: hidden;
	    margin-bottom: 20px;
	}
	
	.fleft {
	    float: left;
	}
	
	.fright {
	    float: right;
	}
	
	.pagination {
	    height: 36px;
	}
	
	.pagination ul {
	    display: inline-block;
	    margin-bottom: 0;
	    margin-left: 0;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		list-style: none;
		background: transparent;
		    border: 0 none;
		    font-size: 100%;
		    margin: 0;
		    padding: 0;
		    border: 0;
		    outline: 0;
		    vertical-align: top;
	}

	
	.pagination li {
	    display: inline;
		background: transparent;
		    border: 0 none;
		    font-size: 100%;
		    margin: 0;
		    padding: 0;
		    border: 0;
		    outline: 0;
		    vertical-align: top;
	}
	
	.pagination .active a {
	    color: #888;
	    cursor: default;
	}
	.pagination a:hover, .pagination .active a {
	    background-color: #eee;
	}
	.pagination a {
	    float: left;
	    padding: 0 14px;
	    line-height: 34px;
	    text-decoration: none;
	    border: 1px solid #ddd;
	    border-left-width: 0;
	}