@media handheld, only screen and (max-width: 21368px) {
@font-face {
font-family: 'Helvetica Neue Regular';
			    src: url('HelveticaNeue.eot');
			    src: local('helveticaneue Regular'), 
			         local('helveticaneue'), 
			         url('helveticaneue.ttf') format('truetype'),
			         url('helveticaneue.svg#font') format('svg'); 
					 }
					 
					
	@font-face {
	font-family: 'Conv_CGF Locust Resistance';
	src: url('CGF Locust Resistance.eot');
	src: local('CGF Locust Resistance.woff') format('woff'), url('CGF Locust Resistance.ttf') format('truetype'), url('CGF Locust Resistance.svg'), 
	url('CGF Locust Resistance.woff') format('woff'), url('CGF Locust Resistance.ttf') format('truetype'), url('CGF Locust Resistance.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* Style you custom popupbox according to your requirement */

h1{
text-align:center;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;
font-size:24px;}
.popupscrollstyle{
height:100%;
width:100%;
overflow:scroll;
}
.popupbox2 {
	width:900px;
	height:580px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;

}

.popupbox2 img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
	opacity: 0.5;
}
.popupbox4 {

	width:900px;
	height:580px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;

}
.popupbox4 img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
	opacity: 0.5;
}
.thumbnel{
height:132px;
width:132px;
box-shadow:0px 0px 7px #ffffff;


margin:7px;
float:left;
}

.popupbox3 {
width:900px;
	height:580px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
.popupbox3 img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
	opacity: 0.5;
}
p{
margin-top:10px;}
#fade { 
	display: none; /* Hidden as default */
	background: #333333;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#intabdiv {
	padding:10px;
}
#close img {

	text-decoration:none;
}
#close {
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;
list-style:none;
color:#000000;

	width:25.2px;
	height:25px;
	z-index:99999;

	float:right;
}
#close2 {
list-style:none;
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;
color:#000000;
	width:25.2px;
	height:25px;
	z-index:99999;
list-style:none;
	float:right;
}
#close3 {
color:#000000;
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;

	width:25.2px;
	height:25px;
	z-index:99999;
list-style:none;
	
	float:right;
}


#intabdiv2 {
	padding:10px;
}
#intabdiv2  h2 {
	font-size:24px;
	color:#696868;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


}
#intabdiv2 p {
	font-size:12px;
	color:#696868;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	line-height:20px;
}
#intabdiv p {
	font-size:12px;
	color:#696868;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	line-height:20px;
}

#intabdiv3 {
	padding:10px;
}
#intabdiv3  h2 {
	font-size:24px;
	color:#fff;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


}
#intabdiv3 p {
	font-size:12px;
	color:#fff;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	line-height:20px;
}





html,body{



margin:0;

	width:100%;
	height:100%;
	
}
.dropdownstyle{
font-size:12px; width:102%; 
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


}
a ing:hover{
border:#000000 thin solid;
box-shadow:5px 1px 30px #ffffff;
background-color:#FFFFFF;}

.sidemenustyle{
z-index:9000;
width:30px;
height:100%;

background-color:#000000;
position:fixed;}

.sidemenustyle ul{
margin-top:800%;

}


a{
color:#FFFFFF;
text-decoration:none;
font-size:90%;}
a:hover{
color:#FFFFFF;
text-decoration:none;
font-size:90%;}

.logoplace{
margin-left:auto;
margin-right:auto;
margin-top:15%;
width:30%;
}
.logoslogan{
margin-left:auto;
margin-right:auto;
margin-top:0.5%;
width:25%;
}


.formstyle{
position:absolute;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



margin-top:200px;
z-index:9000;
margin-left:650px;
box-shadow:0px 0px 5px #ffffff;
height:300px;
width:300px;
padding:10px;

}
#placemaker{
margin-top:30px;}
.foemheading{
font-size:15px;
color:#FFFFFF;
padding:5px;
float:left;
width:100%;
clear:both;}

.leftdivstyle{
margin-top:5px;
padding:5px;

float:left;
width:90px;
font-size:11px;
color:#FFFFFF;
}

.formrightstyle{
margin-top:1px;
margin-bottom:1px;
width:120px;
padding:5px;
float:right;
}
.linestyle{
float:left;

height:auto;
width:100%;}


.homecontant{
margin-top:40px;

line-height:2;
text-align:center;
color:#FFFFFF;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

font-size:17px;}



.ca-container1{
font-size:16px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

margin-top:200px;
margin-left:132px;
width:700px;
height:55%;

z-index:20;
position:absolute;
	

}

.ca-container{
font-size:16px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

margin-top:200px;

margin-left:132px;


width:700px;
height:55%;

z-index:20;
position:absolute;
	

}

.ca-wrapper{

position:absolute;
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{


	position:relative;
	float:left;
	
	
	width:100%;
	height:100%;
	
}
.ca-more{
	position: absolute;
	
	
	
	font-weight:bold;
	
	
	color: white;
	
}

.ca-item-main{
	
	position:absolute;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

	
	
	letter-spacing:1px;
	color:#FFFFFF;
	
	
	
	
	overflow:hidden;
	
	height:100%;
	
	
}


.ca-content-wrapper{
width:100%;
	
	position:absolute;
	width:100px; /* expands to width of the wrapper minus 1 element */
	height:100%;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:100%;

	overflow:hidden;
	
}
.ca-content-text{
	font-size: 9px;
	

	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}

.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	
	padding:3px 6px;
	
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-69px;
	left:-60px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right ;
	right:-50px;
	
	left:auto;
	
}
.ca-nav span:hover{
	opacity:1.0;
}
















*{
	/* A universal CSS reset */
	margin:0;
	padding:0;
}



.navigation{





	
}


#navigationMenu li{
margin-left:-15px;
z-index:9000;
	list-style:none;
	height:auto;
	
	width:25px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:25px;
	top:0px;
	
	
	
	
	position:absolute;
	text-align:left;
	overflow:hidden;

	/* Text properties */
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

	font-size:12px;
	color:#FFFFFF;
	
	letter-spacing:0.6px;
	
	
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	

	height:25px;
	width:25px;
	display:block;
	position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{  padding:5px; margin:0;   width:70px;  position:absolute;  height:auto; overflow:visible;

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

 }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #ffffff;
	-webkit-box-shadow:0 0 5px #ffffff;
	box-shadow:0 0 5px #ffffff;
}

/* Green Button */


#navigationMenu .home span{


	background-color:#213540;
	color:#ffffff;
	
}

/* Blue Button */

#navigationMenu .dezign span{

	background-color:#f25252;
	color:#ffffff;
	
}

#navigationMenu .services span{

	background-color:#b0c350;
	color:#ffffff;
	
}

#navigationMenu .packages span{

	background-color:#f3764a;
	color:#ffffff;
	
}

#navigationMenu .portfolio span{

	background-color:#14a797;
	color:#ffffff;
	
}

#navigationMenu .about span{

	background-color:#898989;
	color:#ffffff;
	
}

#navigationMenu .contact span{

	background-color:#f6c03d;
	color:#ffffff;
	
}

#navigationMenu .contactlogo span{

	background-color:#213540;
	color:#ffffff;
	
}



.navigation .home  {  }




.navigation .dezign { }
.navigation .services {  }
.navigation .packages {  }
.navigation .portfolio {  }
.navigation .about {  }
.navigation .contact {   }
.navigation .contactlogo {    }





.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	
	position:absolute;
	margin:-0.6%;

	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}




.button{
z-index:90000;
	display:block;
	border-radius:50%;
	width:25px;
	height:25px;
	position:absolute;
	bottom:1%;
	box-shadow:1px 1px 25px #ffffff;
	right:48.5%;
	
	background-image:url(images/arrowbig.png);
	background-repeat:no-repeat;
}

.button:hover{
	
	cursor:pointer;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
background-color:#213540;
position:relative;
margin:0;
height:100%;
width:100%;




-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
	
}
.sld1img{
	height:98%;
	float:right;
	
	
	
	margin-top:1%;
	margin-bottom:1%;
opacity:0.3;
	
	
	

}

#slide1.parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}





/******************************
 SLIDE 2 
*******************************/
#slide2{
background-color:#f25252;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;



	
}
ul{
margin-left:20px;
}
.sld2img{
height:98%;
float:right;
margin-right:1%;
margin-top:2%;
opacity:0.3;



}




.headingchar{
font:"CGF Locust Resistance";
font-family:CGF Locust Resistance,Arial, Helvetica, sans-serif;
font-size:100px;
position:absolute;
margin-left:40px;



float:left;
letter-spacing:1px;
color:#FFFFFF;}

.heading{

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


position:absolute;
margin-left:132px;
margin-top:74px;

margin-left:
font-size:14px;




letter-spacing:1px;
color:#FFFFFF;

}
.heading1{

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

position:absolute;
margin-left:70px;
margin-top:74px;

margin-left:
font-size:14px;




letter-spacing:1px;
color:#FFFFFF;

}


.headingmidll{
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



position:absolute;
margin-left:132px;
font-size:30px;
margin-top:130px;




color:#FFFFFF;

}
.headingsubprize{
margin-bottom:4px;
margin-top:25px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



position:absolute;

font-size:20px;






color:#FFFFFF;

}
.headingsubprizelong{
margin-bottom:4px;
margin-top:40px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



position:absolute;

font-size:20px;







color:#FFFFFF;

}

.headingsub{




font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



position:absolute;

font-size:18px;


color:#FFFFFF;

}
.pehra{


font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

margin-top:30px;
margin-bottom:10px;
text-align:left;  color:#FFFFFF; 
}

.pehranote{
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


padding-left:6px;
margin-top:20px;

text-align:left; font-size:11px; color:#FFFFFF; 
}
.boxcontantlist{

margin-top:10px;
text-align:left;
margin-left:-14px;
font-size:16px;

float:left;

width:30%;
height:270px;
margin-right:1%;
padding-left:2%;
letter-spacing:0;
padding-right:1%;



font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;







}
.boxcontantlist ul{
margin-top:35px;







font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;







}
.portpholioheading{
text-align:center;




font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;






font-size:14px;


color:#FFFFFF;

}


/******************************
 SLIDE 3 
*******************************/
#slide3{


background-color:#b0c350;

position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;




	
	
}
.sld3img{
height:98%;
float:right;

margin-top:1%;
opacity:0.3;
z-index:1;
}
/******************************
 SLIDE 4 
*******************************/

#slide4{
background-color:#f3764a;
	position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:20px;
	font-size:28px;
	opacity:0.4;
	color:rgba(51,51,51,0.3);
}
.sld4img{
height:78%;


opacity:0.4;
margin-top:11%;
float:right;
margin-right:1%;
z-index:1;
}

/******************************
 SLIDE 5
*******************************/

#slide5{
background-color:#14a797;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
}
.sld5img{
height:98%;
float:right;
margin-right:-1%;


opacity:0.2;
margin-top:1%;
z-index:1;
}
.textpehra{
position:absolute;
margin-left:132px;
margin-top:200px;
letter-spacing:1;
line-height:1.5;
color:#FFFFFF;
text-align:justify;
margin-right:
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:16px;
width:500px;}




/******************************
 SLIDE 6 
*******************************/

#slide6{
background-color:#898989;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
}
.sld6img{
height:60%;

float:right;

opacity:0.3;
margin-top:17%;


}
#slide6 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

.logosclints{
position:absolute;
margin-left:110px;
margin-top:220px;
color:#FFFFFF;
margin-right:
text-align:left;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:100%;
width:540px;}


/******************************
 SLIDE 7 
*******************************/

#slide7{
background-color:#f6c03d;

	position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}
#slide7 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

/******************************
 SLIDE 8 
*******************************/

#slide8{
background-color:#213540;

	position:relative;
margin:0;
height:30%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}
#slide8 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}



.ch-grid {
position:absolute;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width:auto;
	
	margin-left:132px;
	margin-top: 250px;
	
	
	
}



.ch-grid li {

	width: 210px;
	height: 210px;
	display: inline-block;
	text-align:center;
	z-index:1000;
	
	
	
}
.ch-item {
	box-shadow: 
		inset 0 0 0 7px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
	
	position: relative;
	cursor: default;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ch-item nav ul,
.ch-item nav ol {
    list-style: none;
    list-style-image: none;
}

.ch-img-1 { 

	background-image:url(sd.jpg);
}

.ch-img-2 { 
	background-image:url(sd1.jpg);
}

.ch-img-3 { 
	background-image:url(sd2.jpg);
}

.ch-info {

	position: absolute;
	background: rgba(0,0,0, 0.8);
	width: inherit;
	height: inherit;
	
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}


.ch-info p {
	color: #fff;
	padding: 10px 10px;
	
	
	font-size: 60%;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	letter-spacing:1px;
	
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}




.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

.portpholioheading{


margin-top:40%;
width:100%;

font-size:90%;
color:#ffffff;}


.formclassstyle
{
font-size:15px;
position:absolute;
padding:10px;
z-index:9000;
margin-left:650px;
margin-top:230px;
width:270px;
height:308px;
box-shadow:0px 0px 5px #ffffff;

}

.etxtboxstyle{
font-size:9px; width:102%; height:6%; font-family:Helvetica Neue; font:"Helvetica Neue";
}

.futterstyle{
padding:5px;
text-align:left;
font-size:10px;
color:#FFFFFF;
font:"Helvetica Neue";
font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
padding-left:120px;
top:97%;

height:auto;
width:100%;
float:left;
background-color:#000000;
position:absolute;}

}


























































@media handheld, only screen and (max-width: 1124px) {


font-family: 'Helvetica Neue Regular';
			    src: url('HelveticaNeue.eot');
			    src: local('helveticaneue Regular'), 
			         local('helveticaneue'), 
			         url('helveticaneue.ttf') format('truetype'),
			         url('helveticaneue.svg#font') format('svg'); 
					 
					 
					 font-family: 'CGF Locust Resistance';
	src: url('CGF Locust Resistance.eot');
	src: local('?'), url('CGF Locust Resistance.woff') format('woff'), url('CGF Locust Resistance.ttf') format('truetype'), url('CGF Locust Resistance.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	


.popupbox {
	width:900px;
	height:580px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
h1{
text-align:center;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:24px;}
.popupbox2 {
	width:900px;
	height:580px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;

}
.popupbox3 {
width:900px;
	height:580px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
#fade { 
	display: none; /* Hidden as default */
	background: #333333;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#intabdiv {

	text-align:center;
}
#close img {

	text-decoration:none;
}
#close {
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;
color:#000000;

	width:28px;
	height:28px;
	z-index:99999;

	float:right;
}
#close2 {
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;
color:#000000;
	width:28px;
	height:28px;
	z-index:99999;

	float:right;
}
#close3 {
color:#000000;
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;

	width:28px;
	height:28px;
	z-index:99999;

	
	float:right;
}


#intabdiv2 {
	padding:10px;
}
#intabdiv2  h2 {
	font-size:24px;
	color:#696868;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



}
#intabdiv2 p {
	font-size:12px;
	color:#696868;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



	line-height:20px;
}

#intabdiv3 {
	padding:10px;
}
#intabdiv3  h2 {
	font-size:24px;
	color:#fff;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



}
#intabdiv3 p {
	font-size:12px;
	color:#fff;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



	line-height:20px;
}







html,body{


	
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



margin:0;

	width:100%;
	height:100%;
	
}
a ing:hover{
border:#000000 thin solid;
box-shadow:5px 1px 30px #ffffff;
background-color:#FFFFFF;}

.sidemenustyle{
padding-right:4px;
z-index:9000;
width:23px;
height:100%;

background-color:#000000;
position:fixed;}

.sidemenustyle ul{



margin-top:800%;

}


a{
color:#FFFFFF;
text-decoration:none;
font-size:70%;}
a:hover{
color:#FFFFFF;
text-decoration:none;
font-size:90%;}

.logoplace{
margin-left:auto;
margin-right:auto;
margin-top:20%;
width:27%;
}
.logoslogan{
margin-left:auto;
margin-right:auto;
margin-top:1%;
width:22%;
}


.formstyle{
position:absolute;

margin-top:200px;
z-index:9000;
margin-left:550px;
box-shadow:0px 0px 5px #ffffff;
height:200px;
width:200px;
padding:10px;

}
#placemaker{
margin-top:30px;}
.foemheading{
font-size:15px;
color:#FFFFFF;
padding:5px;
float:left;
width:100%;
clear:both;}

.leftdivstyle{
margin-top:0px;
padding:0px;

float:left;
width:80px;
font-size:11px;
color:#FFFFFF;
}

.dropdownstyle{

font-size:10px; width:102%; font-family:Helvetica Neue; font:"Helvetica Neue";
}

.formrightstyle{
margin:0;
font-size:12px;
font-family:Helvetica Neue;
 font:"Helvetica Neue";

width:80px;

float:right;
}
.linestyle{
float:left;

height:auto;
width:100%;}


.homecontant{
margin-top:60px;

line-height:2;
text-align:center;
color:#FFFFFF;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:14px;}



.ca-container1{
font-size:14px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


margin-top:200px;
margin-left:132px;
width:600px;
height:50%;

z-index:20;
position:absolute;
	

}

.ca-container{
font-size:14px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


margin-top:200px;

margin-left:132px;


width:600px;
height:50%;

z-index:20;
position:absolute;
	

}

.ca-wrapper{

position:absolute;
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{


	position:relative;
	float:left;
	
	
	width:100%;
	height:100%;
	
}
.ca-more{
	position: absolute;
	
	
	
	font-weight:bold;
	
	
	color: white;
	
}

.ca-item-main{
	
	position:absolute;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	
	
	letter-spacing:1px;
	color:#FFFFFF;
	
	
	
	
	overflow:hidden;
	
	height:100%;
	
	
}


.ca-content-wrapper{
width:100%;
	
	position:absolute;
	width:100px; /* expands to width of the wrapper minus 1 element */
	height:100%;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:100%;

	overflow:hidden;
	
}
.ca-content-text{
	font-size: 9px;
	

	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}

.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	
	padding:3px 6px;
	
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right ;
	right:-40px;
	
	left:auto;
	
}
.ca-nav span:hover{
	opacity:1.0;
}
















*{
	/* A universal CSS reset */
	margin:0;
	padding:0;
}



.navigation{



	
}


#navigationMenu li{
margin-left:-18px;
z-index:9000;
	list-style:none;
	height:25px;
	
	width:25px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:25px;
	height:35px;
	
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.6px;
	
	
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	

	height:25px;
	width:25px;
	display:block;
	position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{  padding:5px;   width:70px;




 margin-top:auto;  height:auto; overflow:visible;
 }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #ffffff;
	-webkit-box-shadow:0 0 5px #ffffff;
	box-shadow:0 0 5px #ffffff;
}

/* Green Button */


#navigationMenu .home span{

	background-color:#213540;
	color:#ffffff;
	
}

/* Blue Button */

#navigationMenu .dezign span{

	background-color:#f25252;
	color:#ffffff;
	
}

#navigationMenu .services span{

	background-color:#b0c350;
	color:#ffffff;
	
}

#navigationMenu .packages span{

	background-color:#f3764a;
	color:#ffffff;
	
}

#navigationMenu .portfolio span{

	background-color:#14a797;
	color:#ffffff;
	
}

#navigationMenu .about span{

	background-color:#898989;
	color:#ffffff;
	
}

#navigationMenu .contact span{

	background-color:#f6c03d;
	color:#ffffff;
	
}

#navigationMenu .contactlogo span{

	background-color:#213540;
	color:#ffffff;
	
}



.navigation .home { }




.navigation .dezign { }
.navigation .services {  }
.navigation .packages {  }
.navigation .portfolio {  }
.navigation .about {  }
.navigation .contact {   }
.navigation .contactlogo {    }








.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	
	position:absolute;
	margin:-0.6%;

	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}




.button{
z-index:90000;
	display:block;
	border-radius:50%;
	width:25px;
	height:25px;
	position:absolute;
	bottom:1%;
	box-shadow:1px 1px 25px #ffffff;
	right:48.5%;
	
	background-image:url(images/arrowbig.png);
	background-repeat:no-repeat;
}
.button:hover{
	
	cursor:pointer;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
background-color:#213540;
position:relative;
margin:0;
height:100%;
width:100%;




-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
	
}
.sld1img{
	height:98%;
	float:right;
	width:55%;
	
	
	
	margin-top:2%;
	margin-bottom:-1%;
	margin-right:-2%;
opacity:0.4;
	
	
	

}

#slide1.parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}





/******************************
 SLIDE 2 
*******************************/
#slide2{
background-color:#f25252;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;



	
}
ul{
margin-left:20px;
}
.sld2img{
height:98%;
float:right;
margin-right:-10%;
margin-top:3%;
width:75%;


}

.headingchar{
font:"CGF Locust Resistance";
font-family:CGF Locust Resistance,Arial,Copperplate Gothic Light, sans-serif;
font-size:90px;
position:absolute;
margin-left:35px;



float:left;
letter-spacing:1px;
color:#FFFFFF;}

.heading{

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


position:absolute;
margin-left:120px;
margin-top:62px;

margin-left:
font-size:12px;




letter-spacing:1px;
color:#FFFFFF;

}
.heading1{

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


position:absolute;
margin-left:60px;
margin-top:62px;

margin-left:
font-size:12px;




letter-spacing:1px;
color:#FFFFFF;

}


.headingmidll{
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;
margin-left:132px;
font-size:24px;
margin-top:130px;




color:#FFFFFF;

}
.headingsubprize{


font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;

font-size:16px;






color:#FFFFFF;

}
.headingsubprizelong{
margin-top:28px;

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;

font-size:16px;







color:#FFFFFF;

}

.headingsub{




font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;

font-size:16px;


color:#FFFFFF;

}
.pehra{


font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


margin-top:30px;
margin-bottom:10px;
text-align:left;  color:#FFFFFF; 
}

.pehranote{
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


padding-left:6px;

text-align:left; font-size:11px; color:#FFFFFF; 
}
.boxcontantlist{




text-align:left;
font-size:14px; 

float:left;

width:27%;
height:230px;
margin-right:2%;
padding-left:2%;
letter-spacing:0;
padding-right:2%;



font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;







}
.boxcontantlist ul{
margin-top:30px;







font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;







}

/******************************
 SLIDE 3 
*******************************/
#slide3{


background-color:#b0c350;

position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;




	
	
}
.sld3img{
height:98%;
float:right;

margin-top:1%;
width:50%;

opacity:0.4;
z-index:1;
}
/******************************
 SLIDE 4 
*******************************/

#slide4{
background-color:#f3764a;
	position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:20px;
	font-size:28px;
	opacity:0.4;
	color:rgba(51,51,51,0.3);
}
.sld4img{
height:78%;



opacity:0.4;
margin-top:14%;
float:right;
margin-right:-1%;
width:45%;
z-index:1;
}

/******************************
 SLIDE 5
*******************************/

#slide5{
background-color:#14a797;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
}
.sld5img{
height:98%;
width:25%;
float:right;
margin-right:-1%;


opacity:0.4;
margin-top:1%;
z-index:1;
}
.textpehra{
position:absolute;
margin-left:132px;
margin-top:200px;
letter-spacing:1;
line-height:1.5;
color:#FFFFFF;
text-align:justify;
margin-right:
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:14px;
width:400px;}




/******************************
 SLIDE 6 
*******************************/

#slide6{
background-color:#898989;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
}
.sld6img{
height:60%;

float:right;

opacity:0.4;
margin-top:26%;
z-index:1;
}
#slide6 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

.logosclints{
position:absolute;
margin-left:115px;
margin-top:200px;
color:#FFFFFF;
margin-right:
text-align:left;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:100%;
width:400px;}


/******************************
 SLIDE 7 
*******************************/

#slide7{
background-color:#f6c03d;

	position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}
#slide7 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

/******************************
 SLIDE 8 
*******************************/

#slide8{
background-color:#213540;

	position:relative;
margin:0;
height:30%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}
#slide8 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}



.ch-grid {
position:absolute;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width:auto;
	
	margin-left:132px;
	margin-top: 250px;
	
	
	
}



.ch-grid li {

	width: 180px;
	height: 180px;
	display: inline-block;
	text-align:center;
	z-index:1000;
	
	
	
}
.ch-item {
	box-shadow: 
		inset 0 0 0 7px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
	
	position: relative;
	cursor: default;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ch-item nav ul,
.ch-item nav ol {
    list-style: none;
    list-style-image: none;
}

.ch-img-1 { 

	background-image:url(1sd.jpg);
}

.ch-img-2 { 
	background-image:url(1sd1.jpg);
}

.ch-img-3 { 
	background-image:url(1sd2.jpg);
}

.ch-info {

	position: absolute;
	background: rgba(0,0,0, 0.8);
	width: inherit;
	height: inherit;
	
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}


.ch-info p {
	color: #fff;
	padding: 10px 10px;
	
	
	font-size: 60%;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	letter-spacing:1px;
	
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}




.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

.portpholioheading{


margin-top:40%;
width:100%;

font-size:90%;
color:#ffffff;}


.formclassstyle
{
font-size:12px;
position:absolute;
padding:10px;
z-index:9000;
margin-left:520px;
margin-top:210px;
width:220px;
height:208px;
box-shadow:0px 0px 5px #ffffff;

}
.etxtboxstyle{
font-size:10px; width:102%; height:12px; font-family:Helvetica Neue; font:"Helvetica Neue";
}

.futterstyle{
padding:5px;
text-align:left;
font-size:10px;
color:#FFFFFF;
font:"Helvetica Neue";
font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
padding-left:120px;
top:97%;

height:auto;
width:100%;
float:left;
background-color:#000000;
position:absolute;}
}





















































@media handheld, only screen and (max-width: 850px) {


font-family: 'Helvetica Neue Regular';
			    src: url('HelveticaNeue.eot');
			    src: local('helveticaneue Regular'), 
			         local('helveticaneue'), 
			         url('helveticaneue.ttf') format('truetype'),
			         url('helveticaneue.svg#font') format('svg'); 
					 
					 
					 font-family: 'CGF Locust Resistance';
	src: url('CGF Locust Resistance.eot');
	src: local('?'), url('CGF Locust Resistance.woff') format('woff'), url('CGF Locust Resistance.ttf') format('truetype'), url('CGF Locust Resistance.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	

.popupbox {
	width:570px;
	height:380px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
h1{
text-align:center;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:24px;}
.popupbox2 {
	width:570px;
	height:380px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;

}
.popupbox3 {
width:570px;
	height:380px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
#fade { 
	display: none; /* Hidden as default */
	background: #333333;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#intabdiv {

	text-align:center;
}
#close img {

	text-decoration:none;
}
#close {
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;
color:#000000;

	width:28px;
	height:28px;
	z-index:99999;

	float:right;
}
#close2 {
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;
color:#000000;
	width:28px;
	height:28px;
	z-index:99999;

	float:right;
}
#close3 {
color:#000000;
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;

	width:28px;
	height:28px;
	z-index:99999;

	
	float:right;
}


#intabdiv2 {
	padding:10px;
}
#intabdiv2  h2 {
	font-size:24px;
	color:#696868;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



}
#intabdiv2 p {
	font-size:12px;
	color:#696868;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



	line-height:20px;
}

#intabdiv3 {
	padding:10px;
}
#intabdiv3  h2 {
	font-size:24px;
	color:#fff;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



}
#intabdiv3 p {
	font-size:12px;
	color:#fff;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



	line-height:20px;
}




html,body{


	
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



margin:0;

	width:100%;
	height:100%;
	
}
a ing:hover{
border:#000000 thin solid;
box-shadow:5px 1px 30px #ffffff;
background-color:#FFFFFF;}

.sidemenustyle{
padding-right:4px;
z-index:9000;
width:26px;
height:100%;

background-color:#000000;
position:fixed;}

.sidemenustyle ul{



margin-top:800%;

}

a{
color:#FFFFFF;
text-decoration:none;
font-size:70%;}
a:hover{
color:#FFFFFF;
text-decoration:none;
font-size:90%;}

.logoplace{
margin-left:auto;
margin-right:auto;
margin-top:30%;
width:24%;
}
.logoslogan{
margin-left:auto;
margin-right:auto;
margin-top:1%;
width:20%;
}


.formstyle{
position:absolute;

margin-top:133px;
z-index:9000;
margin-left:420px;
box-shadow:0px 0px 5px #ffffff;
height:130px;
width:140px;
padding:10px;

}
#placemaker{
margin-top:30px;}
.foemheading{
font-size:9px;
color:#FFFFFF;
padding:2px;
float:left;
width:100%;
clear:both;}

.leftdivstyle{
margin-top:5px;
padding:1px;

float:left;
width:60px;
font-size:7px;
color:#FFFFFF;
margin:0;
}

.dropdownstyle{
font-size:9px; width:102%; font-family:Helvetica Neue; font:"Helvetica Neue";
}
.etxtboxstyle{
font-size:9px; width:102%; height:6%; font-family:Helvetica Neue; font:"Helvetica Neue";
}

.formrightstyle{


width:50px;
padding:1px;
float:right;
}
.linestyle{
float:left;

height:auto;
width:100%;}


.homecontant{
margin-top:10%;

line-height:2;
text-align:center;
color:#FFFFFF;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:10px;}



.ca-container1{
font-size:10px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


margin-top:140px;
margin-left:132px;
width:450px;
height:50%;

z-index:20;
position:absolute;
	

}

.ca-container{
font-size:10px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


margin-top:140px;

margin-left:132px;


width:450px;
height:50%;

z-index:20;
position:absolute;
	

}

.ca-wrapper{

position:absolute;
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{


	position:relative;
	float:left;
	
	
	width:100%;
	height:100%;
	
}
.ca-more{
	position: absolute;
	
	
	
	font-weight:bold;
	
	
	color: white;
	
}

.ca-item-main{
	
	position:absolute;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	
	
	letter-spacing:1px;
	color:#FFFFFF;
	
	
	
	
	overflow:hidden;
	
	height:100%;
	
	
}


.ca-content-wrapper{
width:100%;
	
	position:absolute;
	width:100px; /* expands to width of the wrapper minus 1 element */
	height:100%;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:100%;

	overflow:hidden;
	
}
.ca-content-text{
	font-size: 9px;
	

	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}

.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	
	padding:3px 6px;
	
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right ;
	right:-40px;
	
	left:auto;
	
}
.ca-nav span:hover{
	opacity:1.0;
}
















*{
	/* A universal CSS reset */
	margin:0;
	padding:0;
}



.navigation{



	
}


#navigationMenu li{
margin-left:-15px;
z-index:9000;
	list-style:none;
	height:25px;
	
	width:25px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:25px;
	height:35px;
	
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.6px;
	
	
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	

	height:25px;
	width:25px;
	display:block;
	position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{  padding:5px;   width:70px;




 margin-top:auto;  height:auto; overflow:visible;
 }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #ffffff;
	-webkit-box-shadow:0 0 5px #ffffff;
	box-shadow:0 0 5px #ffffff;
}

/* Green Button */


#navigationMenu .home span{

	background-color:#213540;
	color:#ffffff;
	
}

/* Blue Button */

#navigationMenu .dezign span{

	background-color:#f25252;
	color:#ffffff;
	
}

#navigationMenu .services span{

	background-color:#b0c350;
	color:#ffffff;
	
}

#navigationMenu .packages span{

	background-color:#f3764a;
	color:#ffffff;
	
}

#navigationMenu .portfolio span{

	background-color:#14a797;
	color:#ffffff;
	
}

#navigationMenu .about span{

	background-color:#898989;
	color:#ffffff;
	
}

#navigationMenu .contact span{

	background-color:#f6c03d;
	color:#ffffff;
	
}

#navigationMenu .contactlogo span{

	background-color:#213540;
	color:#ffffff;
	
}



.navigation .home { }




.navigation .dezign { }
.navigation .services {  }
.navigation .packages {  }
.navigation .portfolio {  }
.navigation .about {  }
.navigation .contact {   }
.navigation .contactlogo {    }





.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	
	position:absolute;
	margin:-0.6%;

	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}


.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	
	position:absolute;
	margin:-0.6%;

	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}




.button{
z-index:90000;
	display:block;
	border-radius:50%;
	width:25px;
	height:25px;
	position:absolute;
	bottom:1%;
	box-shadow:1px 1px 25px #ffffff;
	right:48.5%;
	
	background-image:url(images/arrowbig.png);
	background-repeat:no-repeat;
}
.button:hover{
	
	cursor:pointer;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
background-color:#213540;
position:relative;
margin:0;
height:100%;
width:100%;




-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
	
}
.sld1img{
	height:98%;
	float:right;
	width:45%;
	
	
	
	margin-top:1%;
	margin-right:-1%;
	margin-bottom:1%;
opacity:0.4;
	
	
	

}

#slide1.parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}





/******************************
 SLIDE 2 
*******************************/
#slide2{
background-color:#f25252;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;



	
}
ul{
margin-left:20px;
}
.sld2img{
height:98%;
width:70%;
float:right;
margin-right:-2%;
margin-top:1%;



}

.headingchar{
font:"CGF Locust Resistance";
font-family:CGF Locust Resistance,Arial, Helvetica, sans-serif;
font-size:60px;
position:absolute;
margin-left:35px;



float:left;
letter-spacing:1px;
color:#FFFFFF;}

.heading{
font-size:12px;

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

position:absolute;
margin-left:90px;
margin-top:45px;

margin-left:

color:#FFFFFF;

}
.heading1{

font-size:12px;

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

position:absolute;
margin-left:90px;
margin-top:45px;

margin-left:

color:#FFFFFF;

}


.headingmidll{
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;
margin-left:100px;
font-size:15px;
margin-top:80px;




color:#FFFFFF;

}
.headingsubprize{
margin-bottom:4px;
margin-top:20px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;

font-size:11px;






color:#FFFFFF;

}
.headingsubprizelong{
margin-bottom:2px;
margin-top:35px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;

font-size:11px;







color:#FFFFFF;

}

.headingsub{
margin-bottom:15px;



font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;

font-size:13px;


color:#FFFFFF;

}
.pehra{


font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


margin-top:30px;
font-size:10px;
margin-bottom:10px;
text-align:left;  color:#FFFFFF; 
}

.pehranote{
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


padding-left:6px;

text-align:left; font-size:9px; color:#FFFFFF; 
}
.boxcontantlist{

margin-top:10px;
text-align:left;
font-size:10px;

float:left;

width:27%;
height:270px;
margin-right:1%;
padding-left:14px;
letter-spacing:0;
padding-right:1%;



font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;







}
.boxcontantlist ul{
margin-left:14px;
}


/******************************
 SLIDE 3 
*******************************/
#slide3{


background-color:#b0c350;

position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;




	
	
}
.sld3img{
height:98%;
float:right;

margin-top:1%;
opacity:0.4;
margin-right:-1%;
width:50%;
z-index:1;
}
/******************************
 SLIDE 4 
*******************************/

#slide4{
background-color:#f3764a;
	position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:20px;
	font-size:28px;
	opacity:0.4;
	color:rgba(51,51,51,0.3);
}
.sld4img{
height:78%;


opacity:0.4;
margin-top:14%;
width:45%;
float:right;
margin-right:-1%;
z-index:1;
}

/******************************
 SLIDE 5
*******************************/

#slide5{
background-color:#14a797;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
}
.sld5img{
height:98%;
float:right;
margin-right:-1%;
width:29%;


opacity:0.4;
margin-top:1%;
z-index:1;
}
.textpehra{
position:absolute;
margin-left:100px;
margin-top:130px;


color:#FFFFFF;
text-align:justify;
margin-right:
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:10px;
width:300px;}




/******************************
 SLIDE 6 
*******************************/

#slide6{
background-color:#898989;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
}
.sld6img{
height:60%;

float:right;

opacity:0.4;
margin-top:28%;
margin-right:-1%;
width:40%;
z-index:1;
}
#slide6 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

.logosclints{
position:absolute;
margin-left:90px;
margin-top:150px;
color:#FFFFFF;
margin-right:
text-align:left;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:100%;
width:250px;}


/******************************
 SLIDE 7 
*******************************/

#slide7{
background-color:#f6c03d;

	position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}
#slide7 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

/******************************
 SLIDE 8 
*******************************/

#slide8{
background-color:#213540;

	position:relative;
margin:0;
height:30%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}
#slide8 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}



.ch-grid {
position:absolute;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width:auto;
	
	margin-left:100px;
	margin-top: 150px;
	
	
	
}



.ch-grid li {

	width: 140px;
	height: 140px;
	display: inline-block;
	text-align:center;
	z-index:1000;
	
	
	
}
.ch-item {
	box-shadow: 
		inset 0 0 0 7px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
	
	position: relative;
	cursor: default;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ch-item nav ul,
.ch-item nav ol {
    list-style: none;
    list-style-image: none;
}

.ch-img-1 { 

	background-image:url(1sd.jpg);
}

.ch-img-2 { 
	background-image:url(1sd1.jpg);
}

.ch-img-3 { 
	background-image:url(1sd2.jpg);
}

.ch-info {

	position: absolute;
	background: rgba(0,0,0, 0.8);
	width: inherit;
	height: inherit;
	
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}


.ch-info p {
	color: #fff;
	padding: 10px 10px;
	
	
	font-size: 60%;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	letter-spacing:1px;
	
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}




.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

.portpholioheading{


margin-top:40%;
width:100%;

font-size:90%;
color:#ffffff;}


.formclassstyle
{
font-size:10px;
position:absolute;
padding:10px;
z-index:9000;
margin-left:340px;
margin-top:155px;
width:150px;
height:125px;
box-shadow:0px 0px 5px #ffffff;

}

.etxtboxstyle{
font-size:7px; width:102%; height:12px; font-family:Helvetica Neue; font:"Helvetica Neue";
}
.futterstyle{
padding:4px;
text-align:left;
font-size:8px;
color:#FFFFFF;
font:"Helvetica Neue";
font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
padding-left:120px;
top:97%;

height:auto;
width:100%;
float:left;
background-color:#000000;
position:absolute;}
}

























@media handheld, only screen and (max-width: 480px) {


font-family: 'Helvetica Neue Regular';
			    src: url('HelveticaNeue.eot');
			    src: local('helveticaneue Regular'), 
			         local('helveticaneue'), 
			         url('helveticaneue.ttf') format('truetype'),
			         url('helveticaneue.svg#font') format('svg'); 
					 
					 
					 font-family: 'CGF Locust Resistance';
	src: url('CGF Locust Resistance.eot');
	src: local('?'), url('CGF Locust Resistance.woff') format('woff'), url('CGF Locust Resistance.ttf') format('truetype'), url('CGF Locust Resistance.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	

.popupbox {
	width:570px;
	height:380px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
h1{
text-align:center;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:24px;}
.popupbox2 {
	width:570px;
	height:380px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;

}
.popupbox3 {
width:570px;
	height:380px;
	background-color:#000000;


	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	color:#FFFFFF;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
#fade { 
	display: none; /* Hidden as default */
	background: #333333;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#intabdiv {

	text-align:center;
}
#close img {

	text-decoration:none;
}
#close {
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;
color:#000000;

	width:28px;
	height:28px;
	z-index:99999;

	float:right;
}
#close2 {
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;
color:#000000;
	width:28px;
	height:28px;
	z-index:99999;

	float:right;
}
#close3 {
color:#000000;
background-image:url(images/close1.png);
background-repeat:no-repeat;
margin-right:-25px;

	width:28px;
	height:28px;
	z-index:99999;

	
	float:right;
}


#intabdiv2 {
	padding:10px;
}
#intabdiv2  h2 {
	font-size:24px;
	color:#696868;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



}
#intabdiv2 p {
	font-size:12px;
	color:#696868;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



	line-height:20px;
}

#intabdiv3 {
	padding:10px;
}
#intabdiv3  h2 {
	font-size:24px;
	color:#fff;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



}
#intabdiv3 p {
	font-size:12px;
	color:#fff;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



	line-height:20px;
}




html,body{


	
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;



margin:0;

	width:100%;
	height:100%;
	
}
a ing:hover{
border:#000000 thin solid;
box-shadow:5px 1px 30px #ffffff;
background-color:#FFFFFF;}

.sidemenustyle{
padding-right:4px;
z-index:9000;
width:26px;
height:100%;

background-color:#000000;
position:fixed;}

.sidemenustyle ul{



margin-top:800%;

}

a{
color:#FFFFFF;
text-decoration:none;
font-size:70%;}
a:hover{
color:#FFFFFF;
text-decoration:none;
font-size:90%;}

.logoplace{
margin-left:auto;
margin-right:auto;
margin-top:30%;
width:24%;
}
.logoslogan{
margin-left:auto;
margin-right:auto;
margin-top:1%;
width:20%;
}


.formstyle{
position:absolute;

margin-top:133px;
z-index:9000;
margin-left:420px;
box-shadow:0px 0px 5px #ffffff;
height:130px;
width:140px;
padding:10px;

}
#placemaker{
margin-top:30px;}
.foemheading{
font-size:9px;
color:#FFFFFF;
padding:2px;
float:left;
width:100%;
clear:both;}

.leftdivstyle{
margin-top:5px;
padding:1px;

float:left;
width:60px;
font-size:7px;
color:#FFFFFF;
margin:0;
}

.dropdownstyle{
font-size:9px; width:102%; font-family:Helvetica Neue; font:"Helvetica Neue";
}
.etxtboxstyle{
font-size:9px; width:102%; height:6%; font-family:Helvetica Neue; font:"Helvetica Neue";
}

.formrightstyle{


width:50px;
padding:1px;
float:right;
}
.linestyle{
float:left;

height:auto;
width:100%;}


.homecontant{
margin-top:10%;

line-height:2;
text-align:center;
color:#FFFFFF;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:10px;}



.ca-container1{
font-size:10px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


margin-top:140px;
margin-left:132px;
width:450px;
height:50%;

z-index:20;
position:absolute;
	

}

.ca-container{
font-size:10px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


margin-top:140px;

margin-left:132px;


width:450px;
height:50%;

z-index:20;
position:absolute;
	

}

.ca-wrapper{

position:absolute;
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{


	position:relative;
	float:left;
	
	
	width:100%;
	height:100%;
	
}
.ca-more{
	position: absolute;
	
	
	
	font-weight:bold;
	
	
	color: white;
	
}

.ca-item-main{
	
	position:absolute;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	
	
	letter-spacing:1px;
	color:#FFFFFF;
	
	
	
	
	overflow:hidden;
	
	height:100%;
	
	
}


.ca-content-wrapper{
width:100%;
	
	position:absolute;
	width:100px; /* expands to width of the wrapper minus 1 element */
	height:100%;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:100%;

	overflow:hidden;
	
}
.ca-content-text{
	font-size: 9px;
	

	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}

.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	
	padding:3px 6px;
	
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right ;
	right:-40px;
	
	left:auto;
	
}
.ca-nav span:hover{
	opacity:1.0;
}
















*{
	/* A universal CSS reset */
	margin:0;
	padding:0;
}



.navigation{



	
}


#navigationMenu li{
margin-left:-15px;
z-index:9000;
	list-style:none;
	height:25px;
	
	width:25px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:25px;
	height:35px;
	
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.6px;
	
	
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	

	height:25px;
	width:25px;
	display:block;
	position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{  padding:5px;   width:70px;




 margin-top:auto;  height:auto; overflow:visible;
 }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #ffffff;
	-webkit-box-shadow:0 0 5px #ffffff;
	box-shadow:0 0 5px #ffffff;
}

/* Green Button */


#navigationMenu .home span{

	background-color:#213540;
	color:#ffffff;
	
}

/* Blue Button */

#navigationMenu .dezign span{

	background-color:#f25252;
	color:#ffffff;
	
}

#navigationMenu .services span{

	background-color:#b0c350;
	color:#ffffff;
	
}

#navigationMenu .packages span{

	background-color:#f3764a;
	color:#ffffff;
	
}

#navigationMenu .portfolio span{

	background-color:#14a797;
	color:#ffffff;
	
}

#navigationMenu .about span{

	background-color:#898989;
	color:#ffffff;
	
}

#navigationMenu .contact span{

	background-color:#f6c03d;
	color:#ffffff;
	
}

#navigationMenu .contactlogo span{

	background-color:#213540;
	color:#ffffff;
	
}



.navigation .home { }




.navigation .dezign { }
.navigation .services {  }
.navigation .packages {  }
.navigation .portfolio {  }
.navigation .about {  }
.navigation .contact {   }
.navigation .contactlogo {    }





.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	
	position:absolute;
	margin:-0.6%;

	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}


.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	
	position:absolute;
	margin:-0.6%;

	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}




.button{
z-index:90000;
	display:block;
	border-radius:50%;
	width:25px;
	height:25px;
	position:absolute;
	bottom:1%;
	box-shadow:1px 1px 25px #ffffff;
	right:48.5%;
	
	background-image:url(images/arrowbig.png);
	background-repeat:no-repeat;
}
.button:hover{
	
	cursor:pointer;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
background-color:#213540;
position:relative;
margin:0;
height:100%;
width:100%;




-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
	
}
.sld1img{
	height:98%;
	float:right;
	width:45%;
	
	
	
	margin-top:1%;
	margin-right:-1%;
	margin-bottom:1%;
opacity:0.4;
	
	
	

}

#slide1.parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}





/******************************
 SLIDE 2 
*******************************/
#slide2{
background-color:#f25252;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;



	
}
ul{
margin-left:20px;
}
.sld2img{
height:98%;
width:70%;
float:right;
margin-right:-2%;
margin-top:1%;



}

.headingchar{
font:"CGF Locust Resistance";
font-family:CGF Locust Resistance,Arial, Helvetica, sans-serif;
font-size:60px;
position:absolute;
margin-left:35px;



float:left;
letter-spacing:1px;
color:#FFFFFF;}

.heading{
font-size:12px;

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

position:absolute;
margin-left:90px;
margin-top:45px;

margin-left:

color:#FFFFFF;

}
.heading1{

font-size:12px;

font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;

position:absolute;
margin-left:90px;
margin-top:45px;

margin-left:

color:#FFFFFF;

}


.headingmidll{
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;
margin-left:100px;
font-size:15px;
margin-top:80px;




color:#FFFFFF;

}
.headingsubprize{
margin-bottom:4px;
margin-top:20px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;

font-size:11px;






color:#FFFFFF;

}
.headingsubprizelong{
margin-bottom:2px;
margin-top:35px;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;

font-size:11px;







color:#FFFFFF;

}

.headingsub{
margin-bottom:15px;



font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;




position:absolute;

font-size:13px;


color:#FFFFFF;

}
.pehra{


font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


margin-top:30px;
font-size:10px;
margin-bottom:10px;
text-align:left;  color:#FFFFFF; 
}

.pehranote{
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


padding-left:6px;

text-align:left; font-size:9px; color:#FFFFFF; 
}
.boxcontantlist{

margin-top:10px;
text-align:left;
font-size:10px;

float:left;

width:27%;
height:270px;
margin-right:1%;
padding-left:14px;
letter-spacing:0;
padding-right:1%;



font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;







}
.boxcontantlist ul{
margin-left:14px;
}


/******************************
 SLIDE 3 
*******************************/
#slide3{


background-color:#b0c350;

position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;




	
	
}
.sld3img{
height:98%;
float:right;

margin-top:1%;
opacity:0.4;
margin-right:-1%;
width:50%;
z-index:1;
}
/******************************
 SLIDE 4 
*******************************/

#slide4{
background-color:#f3764a;
	position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:20px;
	font-size:28px;
	opacity:0.4;
	color:rgba(51,51,51,0.3);
}
.sld4img{
height:78%;


opacity:0.4;
margin-top:14%;
width:45%;
float:right;
margin-right:-1%;
z-index:1;
}

/******************************
 SLIDE 5
*******************************/

#slide5{
background-color:#14a797;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
}
.sld5img{
height:98%;
float:right;
margin-right:-1%;
width:29%;


opacity:0.4;
margin-top:1%;
z-index:1;
}
.textpehra{
position:absolute;
margin-left:100px;
margin-top:130px;


color:#FFFFFF;
text-align:justify;
margin-right:
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:10px;
width:300px;}




/******************************
 SLIDE 6 
*******************************/

#slide6{
background-color:#898989;
position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
}
.sld6img{
height:60%;

float:right;

opacity:0.4;
margin-top:28%;
margin-right:-1%;
width:40%;
z-index:1;
}
#slide6 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

.logosclints{
position:absolute;
margin-left:90px;
margin-top:150px;
color:#FFFFFF;
margin-right:
text-align:left;
font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


font-size:100%;
width:250px;}


/******************************
 SLIDE 7 
*******************************/

#slide7{
background-color:#f6c03d;

	position:relative;
margin:0;
height:100%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}
#slide7 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

/******************************
 SLIDE 8 
*******************************/

#slide8{
background-color:#213540;

	position:relative;
margin:0;
height:30%;
width:100%;


-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}
#slide8 .parallaxbg{

	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}



.ch-grid {
position:absolute;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width:auto;
	
	margin-left:100px;
	margin-top: 150px;
	
	
	
}



.ch-grid li {

	width: 140px;
	height: 140px;
	display: inline-block;
	text-align:center;
	z-index:1000;
	
	
	
}
.ch-item {
	box-shadow: 
		inset 0 0 0 7px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
	
	position: relative;
	cursor: default;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ch-item nav ul,
.ch-item nav ol {
    list-style: none;
    list-style-image: none;
}

.ch-img-1 { 

	background-image:url(1sd.jpg);
}

.ch-img-2 { 
	background-image:url(1sd1.jpg);
}

.ch-img-3 { 
	background-image:url(1sd2.jpg);
}

.ch-info {

	position: absolute;
	background: rgba(0,0,0, 0.8);
	width: inherit;
	height: inherit;
	
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}


.ch-info p {
	color: #fff;
	padding: 10px 10px;
	
	
	font-size: 60%;
	font:"Helvetica Neue";
font-family:Helvetica Neue, Helvetica,  Arial, sans-serif;


	letter-spacing:1px;
	
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}




.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

.portpholioheading{


margin-top:40%;
width:100%;

font-size:90%;
color:#ffffff;}


.formclassstyle
{
font-size:10px;
position:absolute;
padding:10px;
z-index:9000;
margin-left:340px;
margin-top:155px;
width:150px;
height:125px;
box-shadow:0px 0px 5px #ffffff;

}

.etxtboxstyle{
font-size:7px; width:102%; height:12px; font-family:Helvetica Neue; font:"Helvetica Neue";
}
.futterstyle{
padding:4px;
text-align:left;
font-size:6px;
color:#FFFFFF;
font:"Helvetica Neue";
font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
padding-left:120px;
top:97%;

height:auto;
width:100%;
float:left;
background-color:#000000;
position:absolute;}

}