.blockit {
	display: block;
	padding: 2px;
}

.parallax {
	overflow: hidden;
	-webkit-background-size: 100%;
	-moz-background-size:  100%;
	-o-background-size:  100%;
	background-size:  100%;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	min-height:100%;
}

.abs {
	position: absolute;
	top: 0px;
	left: 0px;
}

.bg {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	 z-index: -1;
}

.mvh100 {
	min-height: 100vh;	
}

/* ========== fixednav ==============*/

.navbar-fixed-top {
	background: url(../img/bg4.png) repeat;
	border-bottom: 3px solid #FF9A00;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.25);
	margin-bottom: 0px;
}

.navbar-fixed-top .container {
	width: 100%;
	height: 100px;
}


.navbar-brand img {
	width: 15em;
	height: auto;
}

.navbar-fixed-top .navbar-nav {
	position: absolute;
	bottom: 0px;
	right: 60px;
	margin-right: 0px;
}

.navbar-fixed-top .navbar-nav li a{
	display:block;
	background:url(../img/topmenu_left.gif) no-repeat 0 0;
	width:110px;
	height:33px;
	padding:10px 0px 0px 0px;
	

	color:#042214;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	text-transform:none;
	text-align:center;
	
	background-color: rgba(255,255,255,0);


}

.navbar-fixed-top .navbar-nav li:hover a {
	color:#fff !important;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	background:url(../img/topmenu_left_act.gif) no-repeat 0 0;
	background-color: rgba(255,255,255,0);
}

.navbar-fixed-top .navbar-nav li.active a  {
	color:#fff !important; 
	background:url(../img/topmenu_left_act.gif) no-repeat 0 0;
	background-color: rgba(255,255,255,0) !important;
}

a.menu-nav:visited {
	color:#ffffff;
}


/* ========== sections ==============*/

	section {
		position: relative;
		padding-top: 123px;
		padding-bottom: 70px;
	}

	body.home > section {
		position: relative;
		padding-top: 75px;
		padding-bottom: 20px;
	}	

/* ========== section home ==============*/	

	#home { padding: 0px; }

	#home section{ padding-top: 103px; }
	
	/* slide */
	#main-slide { height: 100vh; min-height: 480px;}
	#main-slide .carousel-inner {height:100%; min-height: 480px;}
	#main-slide.carousel .item {
		position: fixed;  /* for mobile as background-attachment doesn't work*/
		width: 100%;
		height: 100%;
		z-index: -5;
	}
	
	#main-slide .video_container {
		/* padding-top: 80px; */
		width: 100vw;
		height: 100vh;
		
	
		/* background: #000; */
		background: url(../img/bg4.png) repeat;
}
	
	#main-slide video {
		margin-top: 103px;
		width: 100%;
		height: auto;
	
		border-bottom: 3px solid #FF9A00;
}	
	/* banner and slogan */
 
	.banner-text {
		position: absolute;
		top: 7%;
		width:100%;
		text-align: center;
		color: #8600B3;
		
	}

	.banner-text span{
		display: block;
		margin-bottom: .5em;
	}
	
	.banner-text.white {
		color: #fff;	
	}
	
	.banner-text.purple {
		color: #8600B3;
	}

	.banner-text.blue {
		color: #54D9FF;
	}

	.company-name{ font: 4em Stalemate, Revalia,arial,sans-serif; }

	.slogan { font: 1.6em 'Fanwood Text', Revalia,arial,sans-serif; }
		
	
/* ========== section aboutus ==============*/	

	#aboutus {
		background: #fff;

background: #f9fcf7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f9fcf7 0%, #f5f9f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9fcf7), color-stop(100%,#f5f9f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f9fcf7 0%,#f5f9f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f9fcf7 0%,#f5f9f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f9fcf7 0%,#f5f9f0 100%); /* IE10+ */
background: linear-gradient(135deg,  #f9fcf7 0%,#f5f9f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
		box-shadow: 0 0 20px rgba(0,0,0,.4);
		
	
		color: #00b7ea;
}
	
	
	#aboutus h2 span, #aboutus li span	{
		color: #8fc400;
	}
	
	#aboutus-r1 .col-md-3 {
		padding: 0 7px;
	}
	

	.aboutus-box {
		position: relative;
		max-width:100%;
		min-height: 270px;
		margin: 20px auto;
		padding: 15px;
		font-size: 14px;
		line-height: 1.6em;
		color: #00b7ea;
		overflow: visible;

		
background: #f8ffe8; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 33%, #e4fc8d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#e4fc8d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 33%,#e4fc8d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 33%,#e4fc8d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 33%,#e4fc8d 100%); /* IE10+ */
background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 33%,#e4fc8d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#e4fc8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
		-webkit-border-radius: 50px 10px;
		-moz-border-radius: 50px  10px;
		border-radius: 50px 10px;
		border: 2px solid rgba(255,255,255, 0.9);
		
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.4);
		box-shadow: 0 4px 6px rgba(0,0,0,.4);			

	}
	

	.aboutus-box h3 {
		margin-left: 10px;
	
	}
	
	.aboutus-box p {
		margin: 10px;
	
	}
	
	.aboutus-box .link {
		list-style-type: none;
		padding-top: 5px;
	}
	
	.aboutus-box.b4 {
		color: #ffffff;
		padding: 30px;
		background-color: rgba(254,182,69,1);
		font-weight: bold;
	}
	
	.aboutus-box .image-box {
		position: relative;
		display: block;
		width: 35%;
		height: auto;
		margin: 10px auto;
		padding: 2px;
		
	}
	

	.aboutus-box .image-box img {
		width: 100%;

	}
	
	.aboutus-box ul {
		margin: 0 auto;
		
	}	
	
	

/* ========== section services ==============*/	

	#services {
background: #d2ff52; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #d2ff52 0%, #91e842 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #d2ff52 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #d2ff52 0%,#91e842 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #d2ff52 0%,#91e842 100%); /* IE10+ */
background: linear-gradient(135deg,  #d2ff52 0%,#91e842 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
		box-shadow: 0 0 20px rgba(0,0,0,.4);	


	}
	
	#services h1 {
		color: #fff;
	}

	.services-box {
		max-width: 270px;
		min-height: 340px;
		margin: 70px auto 20px;
		padding: 0px;
		text-align: center;
		/*background-color: rgba(134,0,179,0.7);*/
		/* background-color: rgba(34,76,155,0.9); */
		
		background: #fff;
		


	}	

	#services a {
		text-decoration: none;
	}	

	#services a:hover .work-box {
		background-color: rgba(134,0,179,0.7);
		background-color: rgba(0,183,234,0.8);
	}	

	.services-box .thumbnail-box  {
		position: relative;
		display: block;
		top: -25px;
		width: 40%;
		height: auto;
		margin: 10px auto;
		padding: 10px;

background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #fefcea 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(135deg,  #fefcea 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
		box-shadow: 0 0 20px rgba(0,0,0,.4);	

		
		
	}
	
	.services-box .thumbnail-box img {
		display: inline-block;
		width: 100%;
		max-height: 200px;
		margin-bottom: 5px;
	}
	
	
	.services-box .description-box {
		min-height: 220px;
		padding: 5px 10px 15px;
		/* color: #fff; */
		font-family: 'Arial', serif;
		font-size: 12px;
		text-align:justify;
		
	}	
	
	.services-box .description-box h4 {
		font-size: 14px;
		font-weight: bold;
		font-family: 'Arial', serif;

	}
	


/* ========== section portfolio ==============*/	
	#portfolio {
		background: #fff;

background: #f9fcf7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f9fcf7 0%, #f5f9f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9fcf7), color-stop(100%,#f5f9f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f9fcf7 0%,#f5f9f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f9fcf7 0%,#f5f9f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f9fcf7 0%,#f5f9f0 100%); /* IE10+ */
background: linear-gradient(135deg,  #f9fcf7 0%,#f5f9f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
		box-shadow: 0 0 20px rgba(0,0,0,.4);
		
	}
	
	#portfolio h1 {
		color: #9dd53a;
	}

	.portfolio-box {
		max-width: 350px;
		min-height: 340px;
		margin: 20px auto;
		padding: 0px;
		text-align: center;
		/*background-color: rgba(134,0,179,0.7);*/
		/* background-color: rgba(34,76,155,0.9); */

background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
background: linear-gradient(135deg,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
		box-shadow: 0 0 20px rgba(0,0,0,.4);	
	}	

	#portfolio a {
		color: #fff;
		text-decoration: none;
	}	

	#portfolio a:hover .work-box {
		background-color: rgba(134,0,179,0.7);
		background-color: rgba(0,183,234,0.8);
	}	

	.portfolio-box .thumbnail-box  {
		width: 100%;
	}
	
	.portfolio-box .thumbnail-box img {
		display: inline-block;
		width: 100%;
		max-height: 200px;
		margin-bottom: 5px;
	}	
	
	
	.portfolio-box .work-box {
		min-height: 220px;
		padding: 5px 10px 15px;
		color: #fff;
		font-family: 'Arial', serif;
		font-size: 12px;
		text-align:justify;
		
	}	
	
	.portfolio-box .work-box h4 {
		font-size: 14px;
		font-weight: bold;
		font-family: 'Arial', serif;

	}
		
	
	
/* ========== section Contact Us ==============*/

	#contact {
		/* background: url(../img/bg4.png) repeat; */
		background-repeat: repeat;
		color: #299a0b;
		color: #006e2e;
		font-family: Arial, Helvetica, sans-serif;
	}

	#contact.section-bg {
		background: #cdeb8e; /* Old browsers */
		background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */

		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
		box-shadow: 0 0 20px rgba(0,0,0,.4);		
		
	}


	header {
		text-align: center;
	}
	
	.contact-box {
		padding: 10px;
	}
	
	.contact-box.b2 div {
		margin: 20px 0;
	}

	.contact-detail {
		display: inline-block;
		width: 50px;
	}
	
	::-webkit-input-placeholder {
	   color: rgba(255,91,91,0.7);
	}
	
	:-moz-placeholder { /* Firefox 18- */
	   color: rgba(41,154,11,0.5);  
	}
	
	::-moz-placeholder {  /* Firefox 19+ */
	   color: rgba(41,154,11,0.5);  
	}
	
	:-ms-input-placeholder {  
	   color: rgba(41,154,11,0.5);  
	}

	
	
	#contactus-frm input,  #contactus-frm textarea, #btn-submit  {
		width: 90%;
		height: 30px;	
		border: 1px solid #fff;
		border-radius: 3px;
		padding-left: 4px;
		margin: 10px;
		background-color: rgba(255,255,255,0.2);
	}

	#contactus-frm input:focus,  #contactus-frm textarea:focus {
		background-color: rgba(255,255,255,0.4);
		border: 1px solid #fff; 
		
	}


	#contactus-frm textarea {
		height: 250px;
	}
	
	#btn-submit {
		width: 200px;
	}

	#btn-submit:hover 
	{
		border: 1px solid #299a0b; 
		background: #299a0b;
		color: #fff;
	}
	
  #contactus-frm input:required:invalid, #contactus-frm input:focus:invalid, 
  #contactus-frm textarea:required:invalid, #contactus-frm textarea:focus:invalid {
    background-image: url(../img/cross18x18.png);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
	color: rgba(255,91,91,0.7);
  }
  
  #contactus-frm input:required:valid, #contactus-frm textarea:required:valid {
    background-image: url(../img/tick20x20.png);
    background-position: right top;
    background-repeat: no-repeat;
  }

	
	
	#contact .success-box, #contact .error-box {
		position: relative;
		background-color: rgba(255,255,255, 0.8);
		padding: 5px;
		padding-right: 30px;
		margin: 10px auto;
		display: inline-block;
		border: 2px solid #fff;
		border-radius: 5px;
		color: #196600;
		
	}
	
	#contact .error-box {
		background: rgba(255,99,99, 0.3);
		color: rgba(255,99,99,1);
	}
	
	#contact .error {
		background-color: #FF9999;
	}
	
	#contact .close-box {
		position: absolute;
		right: 5px;
		top: 5px;
		background-image: url(../img/1395351090_fileclose.png);
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		
	}