.gizli {display: none;}

.ortala {text-align: center;}
.sagyasla {text-align: right;}
.solyasla {text-align: left;}
.paragraf {text-indent: 2em;}

a.muzikkapat:hover{color: #cc0000;}
a.muzikkapat {color: #000000;}
a.muzikac:hover{color: #cc0000;}
a.muzikac {color: #000000;}

.orhun {letter-spacing:1px;}
.opensans  {font-family: "Open Sans", Arial, sans-serif;}
.kitap {font-family: "Lekton", "Courier New", "Open Sans", Arial, sans-serif;}
.elyazisi {font-family: "Marck Script", "Open Sans", Arial, sans-serif;}
.elyazisi2 {font-family: "Indie Flower", "Marck Script", "Open Sans", Arial, sans-serif;}
.kitap1 {font-family: "Lekton", "Courier New", "Open Sans", Arial, sans-serif;}
.el1 {font-family: "Marck Script", "Open Sans", Arial, sans-serif;}
.el2 {font-family: "Indie Flower", "Marck Script", "Open Sans", Arial, sans-serif;}
.fontsiyah {color:#000;}
.fontred {color:#f00;}
.fontkalin {font-weight:bold;}
.italik {font-style:italic;}
.fosfor {background-color: rgba(255, 255, 0, 0.4);} /* rgba(255, 255, 0, 0.3); #ffff00 */

.font7 {font-size:7px;}.font8 {font-size:8px;}.font9 {font-size:9px;}.font10 {font-size:10px;}.font11 {font-size:11px;}.font12 {font-size:12px;}.font13 {font-size:13px;}.font14 {font-size:14px;}.font15 {font-size:15px;}.font16 {font-size:16px;}.font18 {font-size:18px;}.font20 {font-size:20px;}.font22 {font-size:22px;}.font24 {font-size:24px;}.font25 {font-size:25px;}.font30 {font-size:30px;}.font35 {font-size:35px;}.font40 {font-size:40px;}.font45 {font-size:45px;}.font45 {font-size:45px;} .font50 {font-size:50px;}

/* text-align:Justify; */ 
.ikiyanayasla {text-align:Justify;}
.yasla {text-align:Justify;}

.solbosluk5{padding-left:5px;}.solbosluk10{padding-left:10px;}.solbosluk15{padding-left:15px;}.solbosluk20{padding-left:20px;}.solbosluk25{padding-left:25px;}.solbosluk30{padding-left:30px;}
.sagbosluk5{padding-right:5px;}.sagbosluk10{padding-right:10px;}.sagbosluk15{padding-right:15px;}.sagbosluk20{padding-right:20px;}.sagbosluk25{padding-right:25px;}.sagbosluk30{padding-right:30px;}

::-moz-selection { background: #009473; color: #FFF;}
::selection { background: #009473; color: #FFF;}
a::-moz-selection { background: #009473; color: #FFF;}
a::selection { background: #009473; color: #FFF;}

/* Kapatma Butonu */
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {font-size:36px;}
.mfp-close-btn-in .mfp-close {font-size:36px;}

/* PRELOADER */
.preloader_giris {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99999999;
}

.preloader_beyaz {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999;
}

.intro {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
    margin-top: -80px;
}

.intro svg {
    width: 400px;
	height: 100px;
}

.intro_design {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -84px;
    margin-top: -55px;
}

.intro_design svg {
	width: 168px;
	height: 56px;
}
/* END PRELOADER */

.tolga_principal {
  position: absolute;
  width: 100%;
  height: 100%;
}

.giris_logo {
	position:relative;
	width:300px;
	float:left;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-50px;
	text-align: center;
}

.giris_logo svg {
	width: 300px;
	height: 30px;
	
}

.tolga_centrar {
  position: absolute;
  width: 280px;
  left:50%;
  top:45%;
  margin-left: -140px;
  margin-top: -140px;
  background-color: #fff;
}

.kirlangic {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image:url('https://www.tolgacmlk.com/tema/images/kus.png');
  background-size:575px;
  background-repeat:no-repeat;
  background-position:top center;
}
@media screen and (min-width: 1440px)  {
	.kirlangic {
		position: absolute;
		width: 100%;
		height: 100%;
		background-image:url('https://www.tolgacmlk.com/tema/images/kus.png');
		background-size:800px;
		background-repeat:no-repeat;
		background-position:top center;
	}
}

.goz_principal {
  position: absolute;
  width: 100%;
  height: 100%;
}

.goz_centrar {
  position: absolute;
  width: 100%;
  left:0%;
  top:50%;
  margin-left: 0;
  margin-top: -80px;
  text-align: center;
  padding: 0px 10px;
}

.cerceve {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);

}

.floor_kutuphane {
	padding: 10px 20px 0px 20px;
}
.floor_kitaplik {
	padding: 10px 20px 0px 20px;
}
.sayfalama_buton {
	font-size: 13px;
	width: 35px;
	height: 35px;
	margin: 0 3px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
}
	
.tdene {
	padding-right:60px;
	padding-left:60px;
}

/*  POPUP AYARRLARI  */
    /*  #iletisim {
        background: white;
        text-align: left;
        max-width: 300px;
        margin: 40px auto;
        position: relative;
      }*/


.question {
	position: absolute;
	display: inline;
	text-align: center;
	width: 200px;
	height: 72px;
	font-size: 14px;
	line-height: 1.5em;
	background: #ff0000cc;
	padding: 8px 0 0 0;
	color: #fff;
	font-weight: bold;
	font-family: "Open Sans", Arial, sans-serif;
	margin-left: -7em;
	margin-top: -6em;
	opacity: 0;
}

.yes {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 75px;
	height: 23px;
	color: #000;
	background: #fff;
}

.cancel {
	margin-top: .5em;
	cursor: pointer;
	display: inline-block;
	width: 75px;
	height: 23px;
	color: #000;
	background: #fff;
}

	  
#iletisim {
    background: #fff;
    text-align: left;
    top: 50%;
    width: 280px;
    left: 50%;
	margin-top: -220px;
    margin-left: -140px;
    position: fixed;
	padding: 10px 0;
}
	  
      .my-mfp-zoom-in .zoom-anim-dialog {
        opacity: 0;
        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out; 
        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 
      }
      .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
        opacity: 1;

        -webkit-transform: scale(1); 
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1); 
        transform: scale(1); 
      }
      .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 
        opacity: 0;
      }
      .my-mfp-zoom-in.mfp-bg {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
      }
      .my-mfp-zoom-in.mfp-ready.mfp-bg {
        opacity: 0.8;
      }
      .my-mfp-zoom-in.mfp-removing.mfp-bg {
        opacity: 0;
      }
      .my-mfp-slide-bottom .zoom-anim-dialog {
        opacity: 0;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
      }
      .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
        opacity: 1;
        -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
      }
      .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
        opacity: 0;

        -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
      }
      .my-mfp-slide-bottom.mfp-bg {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
      }
      .my-mfp-slide-bottom.mfp-ready.mfp-bg {
        opacity: 0.8;
      }
      .my-mfp-slide-bottom.mfp-removing.mfp-bg {
        opacity: 0;
      }

.uyari {
	position:fixed;
	z-index: 777;
	height:100%;
	width:100%;
	top:0%;
	left:0%;
	background-color:#000000cc;
	font-family: "Open Sans", Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.uyari_turuncu {
	position:fixed;
	z-index: 777;
	width: 300px;
	margin-left:-150px;
	top:45%;
	background-color:#f90;
	color:#fff;
	padding: 10px 5px;
	border: solid 2px #fff;
}
.uyari_kirmizi {
	position:fixed;
	z-index: 777;
	width: 300px;
	margin-left:-150px;
	top:45%;
	background-color:#f00;
	color:#fff;
	padding: 10px 5px;
	border: solid 2px #fff;
}
.uyari_yesil {
	position:fixed;
	z-index: 777;
	width: 300px;
	margin-left:-150px;
	top:45%;
	background-color:#0c0;
	color:#fff;
	padding: 10px 5px;
	border: solid 2px #fff;
}

.uyari_iletisim {
	position:fixed;
	z-index: 1050;
	height:100%;
	width:100%;
	top:0%;
	left:0%;
	background-color:#000000cc;
	font-family: "Open Sans", Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

.uyari_iletisim_turuncu {
	position:fixed;
	z-index: 1050;
	width: 300px;
	margin-left:-150px;
	top:45%;
	background-color:#f90;
	color:#fff;
	padding: 10px 5px;
	border: solid 2px #fff;
}
.uyari_iletisim_kirmizi {
	position:fixed;
	z-index: 1050;
	width: 300px;
	margin-left:-150px;
	top:45%;
	background-color:#f00;
	color:#fff;
	padding: 10px 5px;
	border: solid 2px #fff;
}
.uyari_iletisim_yesil {
	position:fixed;
	z-index: 1050;
	width: 300px;
	margin-left:-150px;
	top:45%;
	background-color:#0c0;
	color:#fff;
	padding: 10px 5px;
	border: solid 2px #fff;
}
 
/*                */
/*max Width 768px */
/*                */
@media screen and (max-width: 768px) {
/* PRELOADER */
.intro {
	position: absolute;
	top: 48%;
	left: 50%;
	margin-left: -150px;
    margin-top: -50px;
}

.intro svg {
    width: 300px;
	height: 75px;
}
  
.intro_design {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -81px;
    margin-top: -55px;
}

.intro_design svg {
	width: 162px;
	height: 54px;
}
/* END PRELOADER */

.mobil_cerceve {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}

	.giris_logo {
		width:300px;
		margin-left:-150px;
		margin-top:-45px;
	}
	.giris_logo svg {
		width: 300px;
		height: 30px;
	}
	
	.tdene {
		padding-right:0px;
		padding-left:0px;
		background-color:#fff;
	}
	
	.contact-form  {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.goz_principal { /* background-color: #fff; */ }
	.tolga_principal { background-color: #fff; }
	
	/* kitap aralığı */
	.single_item {	
		padding-right: 5px;
		padding-left: 5px;
		margin-bottom:20px
	}
	.iletisimbuton a {
		padding-bottom: 1px;
		padding-left: 1px;
	}
	.menubuton a {
		padding-top: 0px;
		padding-left: 0px;
	}
	.socialyan a.google_play{
		padding-top: 8px;
		padding-left: 12px;
	}
	.socialyan a.tkitap{
		padding-top: 8px;
		padding-left: 11px;
	}
	.socialyan a.facebook{
		padding-top: 8px;
		padding-left: 12px;
	}
	.socialyan a.twitter{
		padding-top: 8px;
		padding-left: 9px;
	}
	.socialyan a.instagram{
		padding-top: 8px;
		padding-left: 10px;
	}
	.floor_kutuphane {
		/*padding: 60px 5px 50px;*/
		/*padding: 30px 5px 40px;*/
		padding: 50px 5px 40px;
	}
	.floor_kitaplik {
		padding: 60px 5px 40px;
	}
	#kutuphane_bilgi {
		margin-bottom: 3px;
	}
}