.cld-main{
	width:100%;
  }
  .cld-main a{
	color: #333;
	font-weight: bold;
  }
	.cld-datetime{
		background:url(../img/calendartitle.png);
	  position: relative;
	  width: 100%;
	  height:33px;
	  margin: auto;
	  overflow: hidden;
	  border-left:15px solid #ff9f2e;
	  color:#fff;
	  line-height: 35px;
	}
	.cld-datetime .today{
	  position: relative;
	  float: left;
	  width: calc(100% - 40px);
	  margin: auto;
	  text-indent:20px;
	  color: #4a4d6d;
	  font-family: 'layarbahteradooms-bold';
	  font-size:17px;
	}
	.event-title{
		float: left;
		color: #fff;
		margin-right: 30px;
	}
	.cld-nav{
	  position: relative;
	  width: 20px;
	  height: 20px;
	  margin-top: 2px;
	}
	.cld-nav:hover{
	  cursor: pointer;
	}
	.cld-nav:hover svg{
		fill: #666;
	}
	.cld-rwd{
	  float: left;
	}
	.cld-fwd{
	  float: right;
	}
	  .cld-nav svg:hover{
  
	  }
	  .cld-labels{
		  padding:40px 25px 25px 25px;
		  font-weight: 600;
		  color:#4a4d6d;
	  }
  .cld-days{
	padding: 0 25px;
	padding-top: 0;
	font-weight: 600;
	color:#4a4d6d;
  }
	.cld-label, .cld-day{
	  display: inline-block;
	  width: 14.28%;
	  text-align: center;
	  font-family: 'layarbahteradooms-light';
	}
	.cld-day.today .cld-number{
	  border-radius: 50px;
	  background: #666;
	  color: #fff;
	}
	.cld-day.disableDay{
	  opacity: 0.5;
	}
	.cld-day.nextMonth, .cld-day.prevMonth{
	  opacity: 0.33;
	}
	  .cld-number{
		position: relative;
		padding: 5px;
		width: 30px;
		height: 30px;
		line-height:23px;
	  }
		.event-content{
			background: url(../img/eventbg.png);
			width:360px;
			height:310px;
		  position: absolute;
		  z-index: 5;
		  display: none;
		  bottom: 30px;
		  left: -115px;
		  font-size: 12px;
		  color:#000;
		}
		.event-image{
			text-align: left;
		}
		.event-image img{
			width:calc(100% - 13px);
			margin-left:8px;
			border-top-left-radius:20px;
			border-top-right-radius:20px;
		}
		.event-text{
			text-align: left;
		}
		.event-text h5{
			color:#4a4d6d;
			font-size:16px;
			font-weight:normal;
			font-family: 'layarbahteradooms-bold';
			margin-left:8px;
			margin-top:15px;
		}
		.event-text h5:before{
			content:'';
			display: block;
			background:#ffb135;
			width:14px;
			height:11px;
			float: left;
			margin-right:5px;
			margin-top:1px;
		}
		.event-text .text-content{
			color:#4a4d6d;
			font-size:12px;
			font-family: 'layarbahteradooms-light';
			max-width:100%;
			word-wrap: break-word;
			padding:15px 27px;
			line-height:18px;
		}
		.event-text a.button{
			background: #ffb135;
			color: #fff;
			border-radius:20px;
			display: block;
			text-align: center;
			line-height:37px;
			width:170px;
			height:37px;
			margin:0 auto;
			margin-top:-10px;
			transition: all .3s;
		}
		.event-text a.button:hover{
			text-decoration: none;
			background: #141430;
		}
		.cld-number:hover .event-content{
		  display: block;
		}
		.cld-number.eventday{
			background: #ffb135;
			color: #fff;
			box-sizing: border-box;
		  border-radius: 50px;
		}
		.cld-number.eventday:hover{
		  cursor: pointer;
		  background: #eee;
		}
		.today .cld-number.eventday:hover{
		  background: #888;
		}