/*


mor: #93268f


koyu gri: #999999


açık gri: #f2f2f2


*/





html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}





html {width:100%; height:100%;}


body{font-family:'maaxregular'; font-size:14px; line-height:19px;  height:100%; width:100%; color: #000; sc}











a{text-decoration:none; color:inherit}





strong{font-weight:bold}


i{font-style:italic}


.desc a{color:#ee3839}





select {


   -webkit-appearance: none;


   -moz-appearance: none;


   appearance: none;


}








#go-up{position:fixed; font-size:12px; color:#999; right: 20px; bottom: 10px; font-family:'maaxblack'}


#go-up:hover{color:#000;}











#wrapper{position:relative; border: 10px solid 1675bf; border: 15px;  }





/*#wrapper:after {


    clear: both;


    content: ".";


    display: block;


    height: 0;


    line-height: 0;


    visibility: hidden;


}*/





a.active{color:black}








input {


	    margin: 0;


    padding: 0;


    vertical-align: text-top;


}





input[type="checkbox"]:before {


    display: block;


    content: '';


    width: 10px;


    height: 10px;


    border: 1px solid #fff;


}








/******/








.alanlar li.active a{color:#fff}


.alanlar li:hover a{color:#1675bf}


.site-head h1{color:#1675bf}


.site-head{border-color:#1675bf}


.act-sections ul li.color-3 a:hover{color:#1675bf}


.act-sections ul li.color-3 a.active{color:#1675bf}











/******/





section:after {


	clear: both;


    content: ".";


    display: block;


    height: 0;


    line-height: 0;


    visibility: hidden;


}


.site-header{margin-top:0; height: 50px;}


.site-header:after{


	clear: both;


    content: ".";


    display: block;


    height: 0;


    line-height: 0;


    visibility: hidden;


}





.act-sections{


	float: left;


    background-color: #fff;


    margin-top: -8px;


}


.act-sections ul{


    


}


.act-sections ul li {


    line-height: 15px;


	float:left; margin-right: 10px;


}





.site-main{width:100%; padding: 0 20px; box-sizing:border-box; height: calc(100vh - 105px); overflow: hidden}


.site-main:after {


    clear: both;


    content: ".";


    display: block;


    height: 0;


    line-height: 0;


    visibility: hidden;


}





#qua {


    position: absolute;


    right: 0;


    top: 0;


}





.site-head{


    box-sizing: border-box;


    height: 40px;


    z-index: 10;


    padding: 0 20px;


    line-height: 48px;


    position: relative;


	float:left;


	width: 100%;


}





.site-head h2{


	

	float: left;
	font-weight: bold;


	clear:both;
	line-height: 20px;


    font-size: 16px;
	
	margin: 20px 0 0 25px;


color: #1675bf;



    font-family: 'maaxbold';


	background-color: #fff; }






.site-head h1{


	float: left;


	clear:both;


    font-size: 31px;


    line-height: 49px;


    letter-spacing: 0.03em;


    font-family: 'maaxbold';


	background-color: #fff;


}


.site-head h1:after {


    content: '';


    color: #000;


    font-size: 18px;


    display: block;


    font-family: 'maaxblack';


    margin: 0 10px;


}


#main-nav {


    display: inline-block;


    margin-left: 15px;


    margin-top: 7px;


    line-height: 49px;


}


#main-nav ul li{float:left; margin-right: 10px}








.act-sections ul li a{font-family: 'maaxblack'; color:#999; font-size: 12px; letter-spacing: 0.05em;}


#main-nav ul li a{color:#999; font-size: 13px; font-family: 'maaxblack'}


#main-nav ul li a:hover{color:#000;}


#main-nav ul li a.active{color:#000;}





.about{


	position: Absolute;


    right: 0;


    top: -45px;


}


.about ul li{display:inline-block; margin-right: 5px}


.about ul li a{color:#ccc; font-size: 12px; font-family: 'maaxmedium'}








.alanlar{


	width: 25%;


	height: 100%;


    background-color: #fff;


    float: left;


    box-sizing: border-box;


	outline: none;


	display: none;


}


.alanlar.active{display:block}





.alanlar .jspDrag{background-color:#1675bf} 


.alanlar .jspTrack{background-color:#e5e5e5}


/*.alanlar .jspVerticalBar{width: 20px} */


.alanlar h4{font-family:'maaxbold'; font-size: 12px; color:#000; padding: 0 0 0 25px;}


.alanlar ul {margin-bottom: 10px; padding-right: 20px;}


.alanlar ul li{  color:#000; position: relative;}


.alanlar ul li.active{}


.alanlar ul li.active a{background-color: #1675bf; color: #fff;}


.alanlar ul li a{font-size: 14px; font-family: maaxbold; font-weight:bold; line-height: 18px; /*text-decoration:underline;*/ padding: 5px 8px 5px 25px; display:inline-block; position:relative;}


.alanlar ul li.active a:hover:after{content: "X"; font-family: "maaxblack"; position:absolute; right: -15px; display: inline-block; color: #1675bf}








.sorular{


	width: 25%;


	height: 100%;


    background-color: #fff;


    float: left;


    box-sizing: border-box;


	outline: none;


	display: none;


}


.sorular.active{display:block}


.sorular .jspDrag{background-color:#1675bf}


.sorular .jspTrack{background-color: 1675bf; } //#e5e5e5//


.sorular .jspVerticalBar{width: 20px}


.sorular h4{font-family:'maaxbold'; font-size: 12px; color:#000; padding: 25px 0 10px 25px;}


.sorular ul {margin-bottom: 20px;padding: 0 25px;}


.sorular ul li{position: relative; margin-bottom: 20px;}


.sorular ul li h5{color:#1675bf; font-family:'maaxmedium'; font-size: 18px; line-height: 20px; margin-bottom: 10px;}


.sorular ul li p{color:#000; font-family:'maaxregular'; font-size: 14px; line-height: 19px;}


.sorular ul li p a{text-decoration:underline;}











.section-nav{width: 25%; float:left; /*margin-top: 10px;*/  position: relative;

    z-index: 10;}





.section-nav a{	font-family: 'maaxbold'; font-size: 16px; 
	
	font-weight: bold;   
	 -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  
  color: #ffffff;
  font-size: 16px;
  background: #1675bf;
  padding: 10px 20px 10px 20px;
  text-decoration: none; /*font-family: 'maaxbold'; font-size: 16px; font-weight: bold; margin-left: 25px; /*border-bottom: 1px solid #fff;*/ }


.section-nav a.active{color:#fff; /*border-bottom: 1px solid #000;*/}





.iller .il-nav a{


	font-family: 'maaxbold'; font-size: 16px; 
	
	font-weight: bold;   
	 -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  
  color: #ffffff;
  font-size: 16px;
  background: #1675bf;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
	
	/*line-height: 15px;    display: inline-block; margin-top: 26px;   margin-left: 25px;   border-bottom: 1px solid #fff; text-decoration: underline;*/


}


.iller .il-nav{height:60px; text-transform:uppercase; float: right;}


.iller{


	box-sizing: border-box;


	position:relative;


	width: 50%;


	outline: none;


	float:left;


}





.iller:after{


	clear: both;


    content: ".";


    display: block;


    height: 0;


    line-height: 0;


    visibility: hidden;


}





.il-con:after{


	clear: both;


    content: ".";


    display: block;


    height: 0;


    line-height: 0;


    visibility: hidden;


}





.iller .il-con{


	display:none;


	background-color:#fff;


	float: left;


    padding: 25px 20px 0 25px;


    box-sizing: border-box;


	width: 100%;


}


.iller.opened .il-con{display:block}





.il-con .il-list-title{position:relative; box-sizing:border-box; height: 40px; font-family:'maaxmedium'; font-size: 12px; line-height: 14px; color: #000; letter-spacing: 1px}


.il-con .il-list-title .active{color:#1675bf; text-transform: uppercase; display: block; width: calc(100% - 100px);}


.il-con .il-list-title .close{position:absolute; right: 0; top:0; font-size: 14px; font-family:'maaxbold';}


.il-list{height: calc(100vh - 170px); overflow:hidden; padding-right: 17px; box-sizing:border-box; width: 100%; outline: none}


.il-list ul{width: 100%;


-webkit-column-count: 4; /* Chrome, Safari, Opera */


    -moz-column-count: 4; /* Firefox */


    column-count: 4;


}


.il-list .jspDrag{background-color:#b7b7b7}


.il-list .jspTrack{background-color:#e5e5e5}


/*.il-list .jspVerticalBar{width: 10px} */





/*.iller:hover ul{


	max-height: 700px;


    transition: max-height 0.5s ease-in;


	-webkit-transition: max-height 0.5s ease-in; 


}*/


.iller ul li{font-size: 12px; line-height: 18px; margin-bottom: 5px; display:block; /*float:left; width: 25%;*/ box-sizing:border-box; }


.iller ul li:hover  a{color:#000}


.iller ul li.active a{color:#000}





.iller ul li a{font-family: 'maaxregular'; font-size: 15px; color:#000}


.iller ul li a:hover{color:#1675bf; text-decoration:underline;}


.iller ul li a.active{color:#1675bf; text-decoration:underline;}


.iller ul li .nu{color:#1675bf; font-family: 'maaxbold'; }





.site-exp{width: 24%; display: block;  box-sizing:border-box; padding: 20px 25px 0 25px; float:right; visibility: hidden;


	position: relative;


    height: 100%;


} /*display:block;*/


.desc{font-size: 16px; line-height: 23px; font-family: 'maaxregular'; color: #fff; margin-bottom: 20px;}





.how-link a{


	font-size: 18px;


    border-bottom: 1px solid;


}


.how-link{


	position:absolute;


	right: 0;


    top: 5px;


}





section{


	width: 74%;



	height: 100%;


    float: left;


    padding: 25px 5px 0 25px;


    box-sizing: border-box;


    background-color: #red;


}





section header{box-sizing:border-box; height: 40px;}


section header .list-title{font-family:'maaxmedium'; font-size: 12px; line-height: 14px; color: #000; margin-bottom: 25px; letter-spacing: 1px}


.list-title .active{color:#1675bf; text-transform: uppercase; }





section .article-list{height: calc(100% - 40px); padding-right: 17px; box-sizing:border-box; outline: none}


.article-list .jspDrag{background-color:#1675bf }


.article-list .jspTrack{background-color:#b7b7b7}


/*.article-list .jspVerticalBar{width: 10px}*/





section article{


	background-color: #e5e5e5;


	color: #000;


	font-size: 18px;


	font-family: "maaxregular";


	padding: 10px;


	line-height: 24px;


	margin-bottom: 25px;


	margin-right: 20px;


	position: relative;


	word-wrap: break-word;


	/*word-break: break-all;*/


	/*height: 56px;*/


	overflow: hidden;


	box-sizing:border-box;


}


section article address, section article div:not(.forView){display:none}

section article div#yeniEkle{display:block}

section article h1{display:block}


section article.active address, section article.active div{display:block}





section article.view{cursor: pointer;}


section article.view.active{cursor:inherit;}





section article.active{height: auto; background-color: #1675bf; color: #fff; overflow:none}


section article:hover{background-color: #1675bf; color: #fff;}





article .num{


	    position: absolute;


    right: 5px;


    top: 5px;


    /* background-color: #1675bf; */


    color: #000;


    font-size: 12px;


    letter-spacing: 1px;


    padding: 0 3px;


    font-family: "maaxmedium";


}


article .num a:hover{text-decoration:underline; color: #fff}


article .num a.selected{text-decoration:underline; color: #fff}





article.active h1{margin-bottom: 15px}


article address{margin-bottom: 15px}


article label{font-size: 11px; line-height: 14px; letter-spacing: 0.07em; display:block;}


article label.work-area{


	text-transform: uppercase;


}


article .contact {width: 100%; float:left;}


article .contact div{float:left; margin-right: 15px; /*margin-bottom: 15px;*/}


article .contact .web{font-size: 14px}


article .contact .web a{border-bottom: 1px solid}


article address label a{border-bottom: 1px solid}


/* */


.forEdit .alan-listesi{


	-webkit-column-count: 3; /* Chrome, Safari, Opera */


    -moz-column-count: 3; /* Firefox */


    column-count: 3; clear:both; display:block; width: 100%;


	padding-top: 10px;


    padding-bottom: 10px;


    border-top: 1px solid;


    border-bottom: 1px solid;


    margin-bottom: 15px;	


}


.forEdit .alan-listesi li{float:left; margin-right: 10px; margin-bottom: 5px; box-sizing:border-box;}


.forEdit .alan-listesi label{font-size: 13px;}


.forEdit input[type="text"]{font-size: 15px; font-family: 'maaxregular'; padding: 2px; width: 100%; margin-bottom: 15px; border:none}


.forEdit option{font-size: 15px; font-family: 'maaxregular'; padding: 2px;}


.forEdit select{border:none; font-size: 15px; font-family: 'maaxregular'; padding: 2px; margin-bottom: 15px;}


article .forEdit .contact .web{width:100%}


article .forEdit .contact div{margin-bottom:0}


article .forEdit address{margin-bottom:0}


article .forEdit .guncelle{float:left; font-size: 15px; font-family: 'maaxregular'; padding: 2px; width: 100%; margin-bottom: 15px; background-color: #000; color:#fff; text-align:center; cursor:pointer}


article .forEdit .guncelle.process{color:#000}


article .forEdit .guncelle.process.done:before{content: 'Güncellendi!'; font-style:italic; color:#fff;}


article .forEdit .guncelle.process:before{content: 'Güncelleniyor...'; font-style:italic; color:#fff;}





#yeniEkle{cursor: pointer;


    margin-bottom: 20px;


    border-bottom: 1px solid;}


.addNew .alan-listesi{


	-webkit-column-count: 3; /* Chrome, Safari, Opera */


    -moz-column-count: 3; /* Firefox */


    column-count: 3; clear:both; display:block; width: 100%;


	padding-top: 10px;


    padding-bottom: 10px;


    border-top: 1px solid;


    border-bottom: 1px solid;


    margin-bottom: 15px;	


}


.addNew .alan-listesi li{float:left; margin-right: 10px; margin-bottom: 5px; box-sizing:border-box;}


.addNew .alan-listesi label{font-size: 13px;}


.addNew input[type="text"]{font-size: 15px; font-family: 'maaxregular'; padding: 2px; width: 100%; margin-bottom: 15px; border:none}


.addNew option{font-size: 15px; font-family: 'maaxregular'; padding: 2px;}


.addNew select{border:none; font-size: 15px; font-family: 'maaxregular'; padding: 2px; margin-bottom: 15px;}


article .addNew .contact .web{width:100%}


article .addNew .contact div{margin-bottom:0}


article .addNew address{margin-bottom:0}


article .addNew .ekle{border:none; float:left; font-size: 15px; font-family: 'maaxregular'; padding: 2px; width: 100%; margin-bottom: 15px; background-color: #000; color:#fff; text-align:center; cursor:pointer}





.alert{margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid;}





.site-exp form{margin-top: 10px}


.site-exp form input[type="password"]{box-sizing:border-box; font-size: 15px; font-family: 'maaxregular'; padding: 2px; width: 100%; margin-bottom: 10px; border: none}


.site-exp form input[type="submit"]{font-size: 15px; font-family: 'maaxregular'; padding: 2px; width: 100%; margin-bottom: 15px; background-color: #e5e5e5; border: none}


 


#plain-content{}


#plain-content .exp{padding: 20px 40px 20px 240px; width: 100%; box-sizing:border-box; background-color:#efefef}


#plain-content .exp p{width: 562px;}


#plain-content .plain{


	margin-left: 200px;


    width: 562px;


    padding: 20px 40px;


    /*box-sizing: border-box;*/


}





#plain-content .plain h4{font-size: 21px; font-family:'maaxbold'; margin-bottom: 20px;}


#plain-content .plain p{margin-bottom: 20px;}


#plain-content input{


	width: 100%;


    height: 20px;


    border: none;


    border-bottom: 1px solid;


	margin-bottom: 20px;


	font-family: 'maax';


	font-size: 14px;


}


#plain-content #submitbut{border:none; height: 40px; font-family: 'maaxbold'; width: 100%;}


#plain-content #form-alert{color:red; display:none; margin-bottom: 20px;}


#plain-content #form-confirm{color:green; display:block; margin-bottom: 20px;}


#plain-content #submitbut{cursor:pointer}


#plain-content textarea{


	width: 100%;


    min-height: 150px;


	border: none;


	font-family: 'maax';


	font-size: 14px;


	background-color:#efefef;


	margin-top: 20px;


	padding: 0;


	margin-bottom: 30px


}





#plain-content textarea:focus, #plain-content input:focus{


    outline: none;


}








.act {float:left; margin: 0 0 40px 40px; padding-bottom:5px; border: 1px solid #93268f; border-left: none; border-color: #999}








#listInfoBox{float:left; margin: 0 0 40px 40px; padding-bottom:5px; border: 1px solid #93268f; border-left: none; border-color: #999}


#listInfoBox .summary{width: 160px; height:160px }


#listInfoBox .summary:before {


    content: '';


    margin-top: -12px;


    display: block;


}





#listInfoBox .summary h2{


        font-size: 21px;


    font-family: 'maaxblack';


    background-color: #fff;


    display: inline-block;


    margin-bottom: 10px;


}


#listInfoBox .summary h2 span{


    font-size: 32px;


    display: block;


    line-height: 28px;


}


#listInfoBox .summary p{


	font-size: 14px;


    line-height: 19px;


}


#listInfoBox .summary p .datLoc{


    color: #000;


	font-family: 'maaxbold';


}


#listInfoBox .summary p .sctn{font-family: 'maaxbold';}


#listInfoBox .summary p .typs{color: #666}


.act .summary{width: 160px; height:160px }


.act .summary:before {


    content: '';


    margin-top: -12px;


    display: block;


}


.act .summary .date-loc{font-size: 14px; color: #666666; background-color:#fff; padding-right: 3px; display: inline-block}


.act .summary .title{


	font-family: "FernRe"; */


    /* font-weight: bold; */


    letter-spacing: -0.02em;


    font-family: 'maaxbold';


    font-size: 21px;


    line-height: 24px;


    background-color: #fff;


    padding-right: 5px;


}


.act .summary .tags{font-size: 13px;}


.act .details{display:none; max-width: 950px; width: auto}


.act.active .details{display:block}


.act.active .summary .date-loc{display:none}


.act.active .summary .tags{display:none}


.act.active .summary {


    width: 562px;


	height: auto;


}


.act.active{max-width: 950px; position:relative; width: auto}


.act.active.hasFig{width: calc(100% - 55px); }





.act .details{max-width: 562px; margin-top: -20px; z-index: 10; position: relative;}


.act .details:after {


    clear: both;


    content: '';


    width: 100%;


    display: block;


}











.act .details label{font-size: 12px; font-family: 'maaxblack'; color:#999}


.act.active .title {


    font-weight: bold;


    font-size: 36px;


    line-height: 38px;


    display: inline;


    background-color: #fff;


}





.act.active .title:after {


    content: '';


    clear: both;


    display: block;


    width: 100%;





}











.act .details .info{


	width: 150px;


    float: left;


    box-sizing: border-box;


    padding-right: 15px;


}





.act .details .event{


	width: 400px;


    float: left;


    padding-right: 20px;


    padding-bottom: 20px;


    box-sizing: border-box;


}


.act .details .info p{font-size: 14px; margin-bottom: 8px;}





.act .details .event p{font-size: 18px; line-height: 22px; margin-bottom: 11px;}


.act .details .event p a{


    font-size: 14px;


    line-height: 19px;


	display: inline-block;


}





.act.active figure{


	display:block;


}


.act figure{


	display:none;


	width: calc(100% - 550px);


    float: right;


	padding-right: 20px;


	padding-top: 20px;


	box-sizing: border-box;


	position:absolute;


	right: 0;


	top: 0;


}


.act figure img{width: 100%; vertical-align:middle}


.act.active .summary:before{margin-top:-20px}





.site-footer{padding: 10px 0 0 20px; width: 74%; display: none;}








#how {


    background-color: #efefef;


    padding: 20px;


    


    box-sizing: border-box;


}


#how h3 {


    font-size: 21px;


    font-family: 'maaxbold';


    margin-bottom: 20px;


    color: #1675bf;


}


#how p {


    margin-bottom: 20px;


    line-height: 23px;


    font-size: 16px;


}





#how p:last-child{margin-bottom: 0}





#how p span{color: #1675bf; font-family:'maaxbold'; font-size: 13px;}





#logo{


	background-color: #fff;


    padding: 10px 5px;


    position: absolute;


    /*width: 180px;
*/

    box-sizing: border-box;


    bottom: 0;


}


#logo img{


	box-sizing: border-box;


    display: block;


    width: 100%;


}



#how .why{display:none}

.list-title .alert {

    display: block;

    border-bottom: none;

    font-size: 15px;

    color: #000;

}

#social{

	position: absolute;

    left: 220px;

    font-size: 13px;

    color: #fff;

    bottom: 5px;

}

/*

@media only screen and (max-width : 800px) {

.site-main {padding: 5px; }

	section{

		float: right;

		min-width: 150px;

		padding: 2px;

		min-height: 300px;

	}
	
	section article { margin: 2px; }

	
	.alanlar ul {
    margin-bottom: 5px; min-width: 150px;;
    padding-right: 5px; 
}	

.iller .il-nav { height: 20px; }	

.site-head h2 { margin: 2px;    }
	

.sorular {display: none; }
	
	
	
.jspContainer {  }
    


.alanlar ul li a { padding:5px 10px 5px 5px}

nav.alanlar { width: 150px; }
	
	
/* .jspPane{  background-color:red; }*/

}


YEDEK
-----------------------

/*@media only screen and (max-width : 800px) {

	#how .why{display:block; margin-bottom: 20px;}

	.site-exp{

		display:none;

	}

	section{

		width: 70%;

		padding: 10px;

		min-height: 300px;

	}

	section .article-list{min-height: 300px;}

	.alanlar{

		width: 100%;

		display: none;

	}

	.sorular{

		width: 100%;

		display: none;

	}



	.section-nav a{

		margin-left: 0;

		line-height: 15px;

		display:block;

		margin-right: 5px;

		margin-bottom: 5px;

		FLOAT: LEFT;

	}



	.iller{

		position:Absolute;

		width: 100%;

		left: 0;

	}

	.iller .il-nav{

		text-align:center

	}



	.il-list ul {

		width: 100%;

		-webkit-column-count: 2;

		-moz-column-count: 2;

		column-count: 2;

	}

	.il-con .il-list-title{display:none}

	article label.work-area{display:none}

	.article-list .jspVerticalBar{display:none}

	section article{margin-right:0}

	.site-main{padding: 0}

	.how-link{right: 10px;}

	.section-nav{width: 33%}

	.site-footer{width: 100%; box-sizing:border-box; padding: 10px; display: none;}

	.il-list .jspVerticalBar{display:none}





}


@media only screen and (max-width : 800px) 
	 {
	

section {
   }   }