html,body {
	margin:0px;
}
.dari_logo {
	background: #FFF;
	position:absolute;
	right:30px;
	top:30px;
	border: 5px solid #fff;
	z-index: 1;
}
.manazel_logo {
	position:absolute;
	left:40px;
	bottom:140px;
}

#left-menu {
	width:270px;
	margin:74px 0 0 0;
}
#left-menu li a {
	color:#fff;
	line-height:66px;
	text-align:right;
	text-decoration:none;
	padding:0 20px 0 0;
	margin:0 0 10px 0;
}
#left-menu li a:link,#left-menu li a:visited {
	color:#fff;
	display:block;
	background:#a89582 url(img/arrow.png) no-repeat 20px center;
	/*padding:10px 0 0 35px;*/
}
#left-menu li a:hover {
	color:#000;
	background:#7e6b57 url(img/arrow.png) no-repeat 20px center;
}
#left-menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#villa_name {
	font-family:"GE SS Text Bold";
	font-size: 60px;
	font-weight: bold;
	color:#fff;
	position:fixed;
	border-bottom:0px solid #000;
	width:320px;
	line-height:98px;
	height:98px;
	margin:0;
	bottom:132px;
	right:150px;
}
#number {
	background:#fdb11c;
	color:#fff;
	position:fixed;
	border:3px solid #FFF;
	width:98px;
	height:98px;
	margin:0;
	bottom:132px;
	right:30px;
}
#number .text {
	font-size:20px;
	font-weight:700;
	text-align:center;
	padding:14px 0 0 0;
}
#number .digit {
	font-size:34px;
	font-weight:700;
	text-align:center;
	padding:0 0 0 0;
}
#footer {
	background:transparent url(img/footer_bg_03.png) center left;
	background-color:transparent;
	position:fixed;
	bottom:0px;
	width:100%;
	height: 128px;
}

/*========================= Icons ================= */
/* footer social icons */
ul.social-network {
	list-style:none;
	display:inline;
	position:fixed;
	bottom:10px;
	left:40px;
	margin-left:0 !important;
	padding:0;
}
ul.social-network li {
	display:inline;
	margin: 0 3px;
}
/* footer social icons */
.social-network a.icoRss:hover {
	background-color:#F56505;
}
.social-network a.icoFacebook:hover {
	background:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoYoutube:hover {
	background-color:#cc0000;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i,.social-network a.icoFacebook:hover i,.social-network a.icoTwitter:hover i,.social-network a.icoYoutube:hover i,.social-network a.icoVimeo:hover i,.social-network a.icoLinkedin:hover i {
	color:#a3927f;
}
a.socialIcon:hover,.socialHoverClass {
	color:#44BCDD;
}
.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-align:center;
	width:26px;
	height:26px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:20px;
	text-align:center;
}
.social-circle li a:hover i,.triggeredHover {
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-ms--transform:rotate(360deg);
	transform:rotate(360deg);
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s;
}
.social-circle i {
	color:#a3927f;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
	-ms-transition:all 0.8s;
	transition:all 0.8s;
}
.social-circle a {
	background-color:#FFFFFF;
}
.manazel-800 {
	font-size:22px;
	color:#fff;
	position:fixed;
	bottom:10px;
	right: 20px;
	white-space: nowrap;
}


/*********************************************************/

#menu .box {
	position: fixed;
	text-align: center;
	overflow: hidden;
	z-index: -1;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(168,149,130, 0.9);
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

#menu ul {
	position: relative;
	top: 20%;
	margin: 0 30px;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

#menu li { 
	display: block; 
	margin: 0px;
}

#menu li a {
	color:#fff;
	line-height:66px;
	text-align:right;
	text-decoration:none;
	padding:0 20px 0 0;
	margin:0 0 1px 0;
	border-bottom: 1px solid #857869;
	-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;
}

#menu li a:link,#menu li a:visited {
	color:#fff;
	display:block;
	background:#a89582 url(img/arrow.png) no-repeat 20px center;
	/*padding:10px 0 0 35px;*/
}

#menu li a:hover {
	color:#000;
	background:#7e6b57 url(img/arrow.png) no-repeat 20px center;
}


#menu li a i { 
	margin-right: 5px; 
	font-size: 24px;
}

#toggle-nav { display: none; }

@media only screen and (max-width: 600px) {
	.dari_logo {
		background: #FFF;
		position:absolute;
		right:30px;
		top:10px;
		width: 80px;
		border: 3px solid #fff;
	}

	#left-menu {
		display:none;
	}
	
	#toggle-nav-label {
		margin: 5px;
		color: #fff;
		background: #a29280;
		text-align: center;
		line-height: 36px;
		font-size: 16px;
		display: block;
		cursor: pointer;
		position: relative;
		z-index: 500;
		width: 40px;
		height: 40px;
		border-radius: 3px;
		border: 1px solid #715a42;
	}
	
	#toggle-nav { display: none; }
	
	#toggle-nav:checked ~ .box { 
		opacity: 1;
		z-index: 400;
	}
	
	#toggle-nav:checked ~ .box ul {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	
	#toggle-nav:checked ~ #toggle-nav-label { 
		background: #fff; 
		color: rgba(160,145,127, 0.8);
	}

	/*
	#left-menu img {
		margin:0 0 0 -140px ;
	}
	
	#left-menu li a:link,#left-menu li a:visited {
		color:#fff;
		display:block;
		background:#a89582;
		//padding:10px 0 0 35px;
	}
	#left-menu li a:hover {
		color:#000;
		background:#7e6b57;
	}
	*/
	
	#footer ul.social-network, #footer social-circle{
		display:none;
	}

	#number {
		background:#fdb11c;
		color:#fff;
		position:fixed;
		border:3px solid #FFF;
		width: 70px!important;
		height: 70px!important;
		margin:0;
		bottom:140px!important;
		right:30px;
	}
	#number .text {
		font-size:18px!important;
		font-weight:700;
		text-align:center;
		padding:5px 0 0 0 !important;
	}
	#number .digit {
		font-size:22px!important;
		font-weight:700;
		text-align:center;
		padding:0 0 0 0;
	}
	
	
	#villa_name {
		position:fixed;
		width:320px;
		line-height:80px !important;
		height:80px !important;
		margin:0;
		bottom:140px !important;
		right:120px !important;
	}
	

	#villa_name img {
		width:170px;
	}
	
	.manazel_logo {
		display: none;
	}
}