body {
	background-image: url('images/Background.jpg');
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-position: 0 120px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Background.jpg', sizingMethod='scale');
}
.shadow {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
.heading {
	font-size: xx-large;
	font-family: Verdana;
	font-weight: bolder;
	text-shadow: 2px 2px 4px #333;
	color: #ffae00;
	/*//-webkit-text-stroke-color: #000;
	//-webkit-text-stroke-width: 1px;
	//filter: Shadow(Color=#333, Direction=135, Strength=5);*/
}
.wrapper {
	margin: 0 auto 0 auto; 
	display: inline-block;
}

.linkdiv {
	padding-top: 5px;
	width: 100%;
	font-weight:bold;
	font-family: Verdana;
	color: #ffae00;
}

.linkdiv:hover a {
	font-style:italic;
	/*color: #CC0303 !important;*/
	color: #FFFFFF !important;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
}

.grow
{
	transition:all 0.3s ease;
	/*opacity:1.0;*/
}
.grow:hover
{
	transition:all 0.3s ease;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-ms-transform: scale(1.10);
	-o-transform: scale(1.10);
	transform: scale(1.10);
}

.imgshadow {
	/*box-shadow: 5px 5px 10px #000;*/
	transition:all 0.3s ease;
	box-shadow: 0 0 30px #c4a300;
	margin-bottom: 5px;
	animation: imgshadow 2s infinite;
}
/*.imgshadow:hover {
	transition:all 0.3s ease;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);

}*/


.imgshadow:hover {
	animation: none;
	transition:all 0.3s ease;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
}

@-webkit-keyframes imgshadow {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.8);
	}
	50% {
		-webkit-box-shadow: 0 0 0 15px rgba(204,169,44, 0.3);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}
@keyframes imgshadow {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.8);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0.7);
	}
	50% {
		-moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0.3);
		box-shadow: 0 0 0 10px rgba(204,169,44, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}

@media only screen and (max-width: 1040px) {
	.wrapper {
		margin: 0 auto 0 auto; 
		display: inline-block;
		width: 530px;
	}
}
@media only screen and (max-width: 465px) {
	.wrapper {
		margin: 0 auto 0 auto; 
		display: inline-block;
		width: 230px;
	}
}

/* under construction */
.hidden {
	display: none !important;
}
#copyright {
	background: none !important;
}
#under-construction {
	text-align: center;
}

/* Redesign */
#homepage {
	background-image: none;
}
#logo-wrapper {
	background: #2d59a7;
	width: 100%;
	padding: 20px 0;
	padding: 10px 0;
	text-align: center;
	/* position: fixed;
    top: 0;
    z-index: 99999; */
}
#logo a {
	display: block;
	width: 30%;
	width: 28%;
    margin: 0 auto;
    max-width: 740px;
    min-width: 475px;
}
#logo img {
	height: auto;
    width: 100%;
}
#video-background {
	/* background: #0e0e0e; */
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 50%;
	min-height: 50%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translate(-50%, -50%);

	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);

    top: 47%;
    left: 50%;
    min-width: 70%;
    min-height: 70%;
	transform: translate(-50%, -50%);
	
	top: 43%;
    left: 50%;
    min-width: 55%;
    min-height: 55%;
	transform: translate(-50%, -50%);
	
	top: 56%;
}
#menu-wrapper {
	background: #2d59a7;
	width: 100%;
	padding: 0;
	position: fixed;
	bottom: 0;
}
#menu {
	display: flex;
	justify-content: space-between;
	margin: 20px auto;
	margin: 12px auto;
    max-width: 960px;
	width: 55%;
	width: 45%;
}
.menu-item {
	text-align: center;
	background-size: cover !important;
	margin: 0;
}
.menu-item a {
	display: block;
	background-size: cover !important;
}
.menu-item.aboutus,
.menu-item.aboutus a {
	background: url(images/menu-aboutus.png) no-repeat 0 0 transparent;
}
.menu-item.aboutus a:hover {
	background: url(images/menu-aboutus-ov.png) no-repeat 0 0 transparent;
}
.menu-item.multimedia,
.menu-item.multimedia a {
	background: url(images/menu-multimedia.png) no-repeat 0 0 transparent;
}
.menu-item.multimedia a:hover {
	background: url(images/menu-multimedia-ov.png) no-repeat 0 0 transparent;
}
.menu-item.it-services,
.menu-item.it-services a {
	background: url(images/menu-it-services.png) no-repeat 0 0 transparent;
}
.menu-item.it-services,
.menu-item.it-services a:hover {
	background: url(images/menu-it-services-ov.png) no-repeat 0 0 transparent;
}
.menu-item.demo-reel,
.menu-item.demo-reel a {
	background: url(images/menu-demo-reel.png) no-repeat 0 0 transparent;
}
.menu-item.demo-reel a:hover {
	background: url(images/menu-demo-reel-ov.png) no-repeat 0 0 transparent;
}
.menu-item img {
	width: 100%;
	height: auto;
	visibility: hidden;
}
#copyright.redesign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background:#254987 !important;
    padding: 10px;
}
.heading {
	color: #0d1935;
	text-shadow: none;
}
#demo {
	cursor: pointer;
	outline: none;
}
/* Responsive */
@media (min-width: 0px) and (max-width: 767px) {
	font {
		font-family: Verdana, Arial, sans-serif;
	}
	#video-background {
		height: 800px;
		top: 40%;
	}
	#logo a {
		width: 90%;
		margin: inherit;
		max-width: inherit;
		min-width: inherit;
		padding: 0 5%;
	}
	#content-wrapper {
		margin: 0 0 34px !important;
	}
	table,
	table tr,
	table td {
		width: 100% !important;
		background-color: #C5D7F3;
	}
	table td {
		display: table-row !important;
		line-height: 24px;
	}
	table p {
		margin: 10px 5% !important;
		line-height: 24px;
	}
	table .heading {
		display: block;
		line-height: 36px;
		margin-bottom: 10px;
		font-family: Verdana, Arial, sans-serif;
	}
	table table {
		padding: 0 20px;
	}
	table table td > img {
		margin: 0 0 20px !important;
		min-width: 310px;
		max-width: 310px;
		width: 100%;
		height: auto;
	}
	.shadow {
		box-shadow: none;
	}
	.mhide {
		display: none !important;
	}
	#main-menu-link {
		float: none !important;
		margin: 10px auto !important;
    	text-align: center !important;
	}
	#demo-page {
		background: #C5D7F3;
	}
	#demo {
		width: 100%;
		height: auto;
	}
	#menu {
		width: 98%;
		padding: 0 1%;
	}
	.menu-item {
		margin: 0;
	}
	.menu-item,
	.menu-item a {
		background: none !important;
	}
	.menu-item img {
		visibility: visible;
	}
	#copyright.redesign {
		font-size: 12px;
	}
	#copyright.redesign span {
		padding: 0 4px !important;
	}
}