/*

    The following CSS codes are created by the YellowPencil plugin.
    https://yellowpencil.waspthemes.com/


    T A B L E   O F   C O N T E N T S
    ........................................................................

    01. Global Styles

*/



/*-----------------------------------------------*/
/*  Global Styles                                */
/*-----------------------------------------------*/
@media (max-width:792px){

	body #contents_home{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	}

}



@media (min-width:600px){

	body{
	background-color:#ffffff;
	overflow-y: scroll !important;
}

body #menu_container{
	background-color:rgba(255,255,255,0.77);
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	border-right-width:3px;
	-webkit-box-shadow:0px 0px 14px 2px #a9a7a7;
	box-shadow:0px 0px 14px 2px #a9a7a7;
	display:inline-block;
	border-bottom-right-radius:180px;
	padding-bottom:6px;
	height:66vh !important;
	overflow:visible;
	min-width:216px;
	width:216px;
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
}

body .tagline span{
	font-size: 12px !important;
}

body .tagline .red{
	font-size: 19px !important;
}

body #menu ul{
	background-color:rgba(255,255,255,0.77);
	width:60%;
}

body #headerlogo{
	display:inline-block;
	-webkit-transform:translatex(0px) translatey(0px) !important;
	-ms-transform:translatex(0px) translatey(0px) !important;
	transform:translatex(0px) translatey(0px) !important;
	width:100%;
	height:183px;
}

body #menu{
	min-height:390px;
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	background-color:transparent;
	display:inline-block;
}

body #menu span{
	font-family:'El Messiri', sans-serif;
	color:#050404;
	font-size:19px !important;
	font-style:normal !important;
	text-transform:capitalize;
	text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 1px;
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	display:inline-block;
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	-webkit-filter: invert(0.21);
	filter: invert(0.21);
}

body #home{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	display:inline-block;
	display:inline-block;
	-webkit-transform:translatex(0px) translatey(0px) !important;
	-ms-transform:translatex(0px) translatey(0px) !important;
	transform:translatex(0px) translatey(0px) !important;
	min-width:186px !important;
	width:187px !important;
}

body .websiteitem{
	border: none;
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
}

body #menu li{
	color: white !important;
}

body .selected span{
	color: white !important;
}

body #contact{
	color: white !important;
	min-width:187px !important;
	width:187px !important;
}

body #logo{
	width:100%;
	height:169px;
}

body #about{
	min-width:187px !important;
	width:187px !important;
}

body #process{
	min-width:187px !important;
	width:187px !important;
}

body #gallery{
	min-width:187px !important;
	width:187px !important;
}

body .item.content{
	height: auto !important;
	margin-left: 10px !important;
	margin-top: 10px !important;
}

body #aboutnav a{
	font-size: 11px !important;
	color:white !important;
}

body .red{
	font-size: 19px !important;
	}

}