/* not required */
*,:active{
	outline: none;
}
*{
	padding: 0px;
	margin: 0px;
}
@font-face {
    font-family: 'Century Gothic';
    src: url('css/font/subset-CenturyGothic.eot');
    src: url('css/font/subset-CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('css/font/subset-CenturyGothic.woff2') format('woff2'),
        url('css/font/subset-CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
	margin: 20px;
	background-color: rgba(236,191,115,0.5) ;  no-repeat center center fixed;
	background-size: 100% 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-size: 96.5%;
	font-family: Helvetica, Arial, sans-serif;
}


html {
    height: 100%
}
input{
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, p{
	margin-bottom: 10px;
}

p{
	line-height: 20px;
}

a{
	text-decoration: none;
	color: #FF462B;
}
.tarihbaslik{
	    margin-bottom: 6px;
		margin-top: 15px;	
		border-bottom: solid 1px rgba(255,255,255,0.4);
		color: #ffffff;
		text-align: center;
		font-family: "Century Gothic";

}
.logom{
	left: 48%;
	position: absolute;
	top: 605px;
}
.logoa{
	font-weight: 800;
	margin-top: -1%;
}
.onem{
	color: #ffffff;
    margin-top: 0px;
    border-bottom: solid 1px rgba(255,255,255,0.4);
    margin-left: 0px;
    text-align: center;
    font-size: 12px;
    line-height: 13px;
    padding: 5px;
    max-height: 42px;
    overflow-x: hidden;
    overflow-y: auto;
	margin-bottom: 6px;
	font-family: "Century Gothic";
	display:none;
	
}
.mobilkisayol{
	display: none;
}
#fotograf{
	color: #ffffff;
    font-size: 12px;
    line-height: 13px;
    text-align: center;
		border-bottom: solid 1px rgba(255,255,255,0.4);
		margin-top:6px;
		font-family: "Century Gothic";
}
.mobilLogo {
	display: none;
}

#fotografci{
	
   
	

}

.alinti{
	
    
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
	font-family: "Century Gothic";
    border-bottom: none;
    color: #ffffff;
	max-width: 320px;
    max-height: 217px;
	margin-top: -5px;



}
.kitap{
    width: 100%;
    position: absolute;
    bottom: 56px;
    border-bottom: none !important;
    height: 22px;
    color: #ffffff;
    text-align: center;
    margin-bottom: -40px;
    line-height: 14px;
	text-align:center;
	width: 320px;
	font-family: "Century Gothic";
	

}
.clearfix{
	clear: both;
}

.animate{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/* required */
.calendar{
	position: absolute;
	border-radius: 4px;
	overflow: hidden;
	width: 800px;
	height: 565px;
	left: 50%;
	margin-left: -400px;
	margin-top: -225px;
	top: 40%;
	background-color: #ffffff;
	color: #333333;
	border-radius: 10px;
    box-shadow: 0 19px 38px rgb(0 0 0 / 20%), 0 15px 12px rgb(0 0 0 / 20%);
}

.calendar h1, .calendar h2{
	font-weight: 300;
	font-size: 26px;
	line-height: 40px;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
}

.calendar h1 span{
	display: block;
}

.calendar .col{
	position: relative;
	float: left;
	height: 100%;
}

.calendar .col .content{
	padding: 40px;
	margin-top: 40px;
}
.notes{
	    
}
.foto{
	max-width: 320px;
    max-height: 217px;
}

.calendar ul{
	margin: 0px;
	margin-top:-50px;
	line-height: 15px;
}

.calendar ul li{
	list-style: none;
}

.calendar .leftCol{
	width: 40%;
	background-color: #bda83b ;
	font-family: "Century Gothic";
	font-size:14px;
}

.calendar .noteList li{
	color: #ffffff;
	margin-bottom: 10px;
}

.calendar .notes p,
.calendar .notes input,
.calendar .noteList li{
	font-weight: 300;
	font-size: 14px;
}

.calendar .notes p{
	border-bottom: solid 1px rgba(255,255,255,0.4);
}

.calendar .notes input{
	background-color: #F48989;
	color: #ffffff;
	border: none;
	width: 200px;
}

.calendar .addNote,
.calendar .removeNote{
	float: right;
	color: rgba(255,255,255,0.4);
	font-weight: bold;
	margin-left: 20px;
}

.calendar .addNote:hover,
.calendar .removeNote:hover{
	color: #ffffff;
}

.calendar .addNote{
	font-size: 16px;
}

.calendar .leftCol h1{
	color: #ffffff;
	margin-bottom: 40px;
}

.calendar .rightCol{
	width: 60%;
	    font-size: 12px;
    font-family: 'Abril Fatface', cursive;
	color: #333;
	
	
}

.calendar .rightCol h2{
	color: #C7BEBE;
	text-align: right;
	margin-bottom: 70px;
	margin-right: 65px;
	margin-top: -52px;
}

.calendar .months li,
.calendar .weekday li,
.calendar .days li{
	float: left;
	text-transform: uppercase;
}

.calendar .months li a,
.calendar .weekday li a,
.calendar .days li a{
	display: block;
	color: #747978;
}

.calendar .months li a{
	font-size: 12px;
	color: #C7BEBE;
	text-align: center;
	width: 31.5px;
	margin-bottom: 20px;
	font-weight: bold;
    text-align: center;
   margin-left: -0.4px
    
}

.calendar .months li .selected{
	font-weight: bold;
	color: #747978;
}

.calendar .weekday li a{
	width: 53px;
	text-align: left;
	margin-bottom: 20px;
	font-size: 12px;
	margin-left: 3.9px
	
}

.calendar .days li{
	width: 57px;
	
}

.calendar .days li a{
	width: 34px;
	height: 26px;
	text-align: center;
	margin: auto auto;
	font-size: 12px;
	font-weight: bold;
	border-radius: 50%;
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 1.2em;
	margin-left: 1px;
	
}


.calendar .days li a:hover{
	background-color: #EEEDE9;
}

.calendar .days li .selected{
	background-color: #bda83b!important;
	color: #ffffff;
}

.calendar .days li .event{
	color: #F5A1A3;
}
.ustKisim {
  position: fixed;
  height: 50px;
  width: 150px;
}

.icerik {
  margin: 5px auto 0 auto;
  width: 400px;
}


/* placeholder color */
::-webkit-input-placeholder {color: #ffffff; }
:-moz-placeholder {color: #ffffff; }
::-moz-placeholder {color: #ffffff; }
:-ms-input-placeholder {color: #ffffff; }
@media screen and (max-width: 980px)and (min-width: 600px) {
 .logom {
   
	display: none;
	
   
  }
  .mobilkisayol{
	display: unset;
	margin-left: -88px;
}
  #mobiltakvim{
  	visibility: hidden;
  }
    .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
	body{
		background-color: #EEEDE9;
		background: none
		
	}
  .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
  
	.calendar2 {
		width: 100%;
		position: unset;
		margin-left: 0px;
	}
	
	.calendar .col .content2, .calendar .col .content{
		height: 375px;
	}
	.calendar .col .content {
    
    margin-left: 28px;
}	
  .calendar {
   
   /* margin-top:595px!important;  */
	margin-top: 0px;
   	width: 100%;
	   overflow: unset;
	   left: 0;
	   margin-left: 0px;
	   top: 0;
  }

  .calendar2 {
	  height: auto;
	  overflow: unset;
  }

  .calendar .col {
	  position: unset;
  }

  .calendar .col.leftCol {
	  width: 100%;
  }
  
  .calendar .col.rightCol {
	  width: 100%;
  }
.calendar .rightCol{
    font-family: 'Arial', cursive;
    font-size: 10px;
	
}
  .notes {
	  margin: auto;
	  width: auto;
  }

  .ayinkitabi {
	  width: 100% !important;
  }
  #kunye{
  	    margin-left: 451px!important;

  }

  .kitap {
	 
	  text-align: center;
	   width: 100% !important;
  }

  #h375 {
	  height: auto;
  }

  .calendar .days li, ul.weekday li {
	  width: 14.2%;
	  text-align: center;

  }
  .calendar .weekday li a {
	  width: auto;
	  font-size: 10px;
  }

  ul.months li {
	  width: 7.7%;
    margin-left: 0.1px;

	  
  }
  .calendar .weekday li a {

  }

  	.calendar .months li a {
		width: 29.9px;
	}


	#kunyeTable {
		margin-left: -5px;
		bottom: unset;
		position: unset;
		width: 100%;
	}

	#kunyeTable td , #logoYearTb td{
		width: 50%;
	}

	.year {
		text-align: right;
		width: 100% !important;
	}
		
	#kunyeTable #kunyeIndir {
		margin-bottom:0px;
		font-size: 12px;
		color:#5ca19f;
		text-align: center;
	}
	#yklogo{
		margin-left:68px!important;
		width: 158px!important;
	}
	.calendar .rightCol h2 {
    
    margin-right: 108px!important;

    
}
	.calendar .weekday li a {
   
    margin-left: 5.1px!important;
}
	#kunyetop{
		position:absolute!important;
	}
	#kunyeTable #kunye h2{
		margin-left: 0px;
		text-align: right;
	}

	.gununFotosu{
		max-width: 90%;
	  }
	  .alinti{
	
    
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    padding: 5px;
	font-family: "Century Gothic";
    border-bottom: none;
    color: #ffffff;
	max-width: 1000px;
    max-height: 217px;
	margin-top: -5px;



}
.calendar .months li a {
	font-size: 10px;
	margin-left: 1.6px;
}


a.disabled {
  pointer-events: none;
  cursor: default;
}
}
@media screen and (max-width: 324px)and (min-width: 281px){
	 .logom {
   
	display: none;
	margin-left: -93px;
	
   
  }
  .calendar .months li a {
  	color: #4d4d4d;
  }
    .mobilkisayol{
	display: unset;
	margin-left: -91px;
}
  #mobiltakvim{
  	visibility: hidden;
  }
    .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
	body{
		background-color: #EEEDE9;
		background: none
		
	}
  .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
  
	.calendar2 {
		width: 100%;
		position: unset;
		margin-left: 0px;
	}
	
	.calendar .col .content2, .calendar .col .content{
		height: 375px;
	}
	.calendar .col .content {
    
    margin-left: 28px;
}	
  .calendar {
   
   /* margin-top:595px!important;  */
	margin-top: 0px;
   	width: 100%;
	   overflow: unset;
	   left: 0;
	   margin-left: 0px;
	   top: 0;
  }

  .calendar2 {
	  height: auto;
	  overflow: unset;
  }

  .calendar .col {
	  position: unset;
  }

  .calendar .col.leftCol {
	  width: 100%;
  }
  
  .calendar .col.rightCol {
	  width: 100%;
  }
.calendar .rightCol{
    font-family: 'Arial', cursive;
	
}
  .notes {
	  margin: auto;
	  width: auto;
  }

  .ayinkitabi {
	  width: 100% !important;
  }
  #kunye{
  	    margin-left: 60px!important;

  }

  .kitap {
	 
	  text-align: center;
	   width: 100% !important;
  }

  #h375 {
	  height: auto;
  }

  .calendar .days li, ul.weekday li {
	  width: 14.28%;
	  text-align: center;
	  font-size: 8.3px;
  }
  .calendar .weekday li a {
	  width: auto;
  }

  ul.months li {
	  width: 7.7%;
    margin-left: 0.1px;

	  
  }
  .calendar .weekday li a {

  }

  	.calendar .months li a {
		width: 29.9px;
	}


	#kunyeTable {
		margin-left: -5px;
		bottom: unset;
		position: unset;
		width: 100%;
	}

	#kunyeTable td , #logoYearTb td{
		width: 50%;
	}

	.year {
		text-align: right;
		width: 100% !important;
	}
		
	#kunyeTable #kunyeIndir {
		margin-bottom:0px;
		font-size: 12px;
		color:#5ca19f;
		text-align: center;
	}
	#yklogo{
		margin-left:68px!important;
		width: 123px!important;
	}
	.calendar .rightCol h2 {
    
    margin-right: 46px!important;

    
}
	.calendar .weekday li a {
   font-size: 8.3px;
    margin-left: 7.5px!important;
}
	#kunyetop{
		position:absolute!important;
		margin-left: 8px;
	}
	#kunyeTable #kunye h2{
		margin-left: 0px;
		text-align: right;
	}

	.gununFotosu{
		max-width: 90%;
	  }
	  .alinti{
	
    
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    padding: 5px;
	font-family: "Century Gothic";
    border-bottom: none;
    color: #ffffff;
	max-width: 1000px;
    max-height: 217px;
	margin-top: -5px;



}
.calendar .months li a {
	font-size:7px;
	margin-left: 1.6px;
}


a.disabled {
  pointer-events: none;
  cursor: default;
}
}
@media screen and (max-width: 280px){
	 .logom {
   
	display: none;
	margin-left: -93px;
	
   
  }
    .mobilkisayol{
	display: unset;
	margin-left: -91px;
}
  #mobiltakvim{
  	visibility: hidden;
  }
    .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
	body{
		background-color: #EEEDE9;
		background: none
		
	}
  .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
  
	.calendar2 {
		width: 100%;
		position: unset;
		margin-left: 0px;
	}
	
	.calendar .col .content2, .calendar .col .content{
		height: 375px;
		width: 220px;
	}
	.calendar .col .content {
    
    margin-left: 0px;
}	
  .calendar {
   
   /* margin-top:595px!important;  */
	margin-top: 0px;
   	width: 100%;
	   overflow: unset;
	   left: 0;
	   margin-left: 0px;
	   top: 0;
  }

  .calendar2 {
	  height: auto;
	  overflow: unset;
  }

  .calendar .col {
	  position: unset;
  }

  .calendar .col.leftCol {
	  width: 100%;
  }
  
  .calendar .col.rightCol {
	  width: 100%;
  }
.calendar .rightCol{
    font-family: 'Arial', cursive;
	
}
  .notes {
	  margin: auto;
	  width: auto;
  }

  .ayinkitabi {
	  width: 100% !important;
  }
  #kunye{
  	    margin-left: 64px!important;

  }

  .kitap {
	 
	  text-align: center;
	   width: 100% !important;
  }

  #h375 {
	  height: auto;
  }

  .calendar .days li, ul.weekday li {
	  width: 14.28%;
	  text-align: center;
	  font-size: 8.3px;
  }
  .calendar .weekday li a {
	  width: auto;
  }

  ul.months li {
	  width: 7.7%;
    margin-left: 0.1px;

	  
  }
  .calendar .weekday li a {

  }

  	.calendar .months li a {
		width: 29.9px;
	}


	#kunyeTable {
		margin-left: -5px;
		bottom: unset;
		position: unset;
		width: 100%;
	}

	#kunyeTable td , #logoYearTb td{
		width: 50%;
	}

	.year {
		text-align: right;
		width: 100% !important;
	}
		
	#kunyeTable #kunyeIndir {
		margin-bottom:0px;
		font-size: 12px;
		color:#5ca19f;
		text-align: center;
	}
	#yklogo{
		margin-left:47px!important;
		width: 123px!important;
	}
	.calendar .rightCol h2 {
    
    margin-right: 26px!important;

    
}
	.calendar .weekday li a {
   font-size: 8.3px;
    margin-left: 7.5px!important;
}
	#kunyetop{
		position:absolute!important;
		margin-left: 8px;
	}
	#kunyeTable #kunye h2{
		margin-left: 0px;
		text-align: right;
	}

	.gununFotosu{
		max-width: 90%;
	  }
	  .alinti{
	
    
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    padding: 5px;
	font-family: "Century Gothic";
    border-bottom: none;
    color: #ffffff;
	max-width: 1000px;
    max-height: 217px;
	margin-top: -5px;



}
.calendar .months li a {
	font-size:7px;
	margin-left: 1.6px;
}


a.disabled {
  pointer-events: none;
  cursor: default;
}
}
@media screen and (max-width: 380px)and (min-width: 325px){
	 .logom {
   
	display: none;
	margin-left: -93px;
	
   
  }
    .mobilkisayol{
	display: unset;
	margin-left: -91px;
}
  #mobiltakvim{
  	visibility: hidden;
  }
    .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
	body{
		background-color: #EEEDE9;
		background: none
		
	}
  .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
  
	.calendar2 {
		width: 100%;
		position: unset;
		margin-left: 0px;
	}
	
	.calendar .col .content2, .calendar .col .content{
		height: 375px;
	}
	.calendar .col .content {
    
    margin-left: 28px;
}	
  .calendar {
   
   /* margin-top:595px!important;  */
	margin-top: 0px;
   	width: 100%;
	   overflow: unset;
	   left: 0;
	   margin-left: 0px;
	   top: 0;
  }

  .calendar2 {
	  height: auto;
	  overflow: unset;
  }

  .calendar .col {
	  position: unset;
  }

  .calendar .col.leftCol {
	  width: 100%;
  }
  
  .calendar .col.rightCol {
	  width: 100%;
  }
.calendar .rightCol{
    font-family: 'Arial', cursive;
	
}
  .notes {
	  margin: auto;
	  width: auto;
  }

  .ayinkitabi {
	  width: 100% !important;
  }
  #kunye{
  	    margin-left: 107px!important;

  }

  .kitap {
	 
	  text-align: center;
	   width: 100% !important;
  }

  #h375 {
	  height: auto;
  }

  .calendar .days li, ul.weekday li {
	  width: 14.28%;
	  text-align: center;
	  font-size: 8.3px;
  }
  .calendar .weekday li a {
	  width: auto;
  }

  ul.months li {
	  width: 7.7%;
    margin-left: 0.1px;

	  
  }
  .calendar .weekday li a {

  }

  	.calendar .months li a {
		width: 29.9px;
	}


	#kunyeTable {
		margin-left: -5px;
		bottom: unset;
		position: unset;
		width: 100%;
	}

	#kunyeTable td , #logoYearTb td{
		width: 50%;
	}

	.year {
		text-align: right;
		width: 100% !important;
	}
		
	#kunyeTable #kunyeIndir {
		margin-bottom:0px;
		font-size: 12px;
		color:#5ca19f;
		text-align: center;
	}
	#yklogo{
		margin-left:68px!important;
		width: 158px!important;
	}
	.calendar .rightCol h2 {
    
    margin-right: 55px!important;

    
}
	.calendar .weekday li a {
   font-size: 8.3px;
    margin-left: 7.5px!important;
}
	#kunyetop{
		position:absolute!important;
		margin-left: 8px;
	}
	#kunyeTable #kunye h2{
		margin-left: 0px;
		text-align: right;
	}

	.gununFotosu{
		max-width: 90%;
	  }
	  .alinti{
	
    
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    padding: 5px;
	font-family: "Century Gothic";
    border-bottom: none;
    color: #ffffff;
	max-width: 1000px;
    max-height: 217px;
	margin-top: -5px;



}
.calendar .months li a {
	font-size:8.3px;
	margin-left: 1.6px;
}


a.disabled {
  pointer-events: none;
  cursor: default;
}
}
@media screen and (max-width: 600px)and (min-width: 381px) {
  .logom {
   
	display: none;
	
   
  }

    .mobilkisayol{
	display: unset;
	margin-left: -93px;
}
  #mobiltakvim{
  	visibility: hidden;
  }
    .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
	body{
		background-color: #EEEDE9;
		background: none
		
	}
  .mobilLogo {
	display: block;
	left: auto;
	position: unset;
	top: auto;
	margin-bottom: 50px;
	text-align: center;
  }
  
	.calendar2 {
		width: 100%;
		position: unset;
		margin-left: 0px;
	}
	
	.calendar .col .content2, .calendar .col .content{
		height: 375px;
	}
	.calendar .col .content {
    
    margin-left: 28px;
}	
  .calendar {
   
   /* margin-top:595px!important;  */
	margin-top: 0px;
   	width: 100%;
	   overflow: unset;
	   left: 0;
	   margin-left: 0px;
	   top: 0;
  }

  .calendar2 {
	  height: auto;
	  overflow: unset;
  }

  .calendar .col {
	  position: unset;
  }

  .calendar .col.leftCol {
	  width: 100%;
  }
  
  .calendar .col.rightCol {
	  width: 100%;
  }
.calendar .rightCol{
    font-family: 'Arial', cursive;

	
}
  .notes {
	  margin: auto;
	  width: auto;
  }

  .ayinkitabi {
	  width: 100% !important;
  }
  #kunye{
  	    margin-left: 125px!important;

  }

  .kitap {
	 
	  text-align: center;
	   width: 100% !important;
  }

  #h375 {
	  height: auto;
  }

  .calendar .days li, ul.weekday li {
	  width: 14.2%;
	  text-align: center;
	  font-size: 10px;
  }
  .calendar .weekday li a {
	  width: auto;
	  font-size: 10px;
  }

  ul.months li {
	  width: 7.7%;
    margin-left: 0.1px;

	  
  }
  .calendar .weekday li a {

  }

  	.calendar .months li a {
		width: 29.9px;
	}


	#kunyeTable {
		margin-left: -5px;
		bottom: unset;
		position: unset;
		width: 100%;
	}

	#kunyeTable td , #logoYearTb td{
		width: 50%;
	}

	.year {
		text-align: right;
		width: 100% !important;
	}
		
	#kunyeTable #kunyeIndir {
		margin-bottom:0px;
		font-size: 12px;
		color:#5ca19f;
		text-align: center;
	}
	#yklogo{
		margin-left:68px!important;
		width: 158px!important;
	}
	.calendar .rightCol h2 {
    
    margin-right: 55px!important;

    
}
	.calendar .weekday li a {
   
    margin-left: 5.8px!important;
}
	#kunyetop{
		position:absolute!important;
		margin-left: 6px;
	}
	#kunyeTable #kunye h2{
		margin-left: 0px;
		text-align: right;
	}

	.gununFotosu{
		max-width: 90%;
	  }
	  .alinti{
	
    
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    padding: 5px;
	font-family: "Century Gothic";
    border-bottom: none;
    color: #ffffff;
	max-width: 1000px;
    max-height: 217px;
	margin-top: -5px;



}
.calendar .months li a {
	font-size: 10px;
	margin-left: 1.6px;
}


a.disabled {
  pointer-events: none;
  cursor: default;
}