/***************menu style by Naren** 17th April 2014**********************/
  
 /*@media screen and ( max-device-width: 1366px) */
 
 
@media screen and (min-width: 320px) and (max-width: 1366px) 
{

   
	#nav2
	  {
	    width: 100%;
		font-family: Arial, sans-serif; 
		-webkit-border-radius: 5px;
		-mo-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px; 
		margin: 40px auto;
		padding: 0 8px;
		display: block;margin-top:10px;
	}
	#nav2 ul 
	{
		list-style: none;
		margin: 0;
		padding-left:28px;
		
	}
	  
 	/* Top buttons */
		#nav2 > ul > li
		 {
			float: left;
			margin: 5px 0 4px;
			position: relative;
			padding: 4px 6px;
		}
		#nav2 > ul > li > a 
		{
		    line-height:32px;
		    font-size: 15px;
		    font-weight: 800; 
		    text-decoration:none;
		    color: #212121;
            /*color: #e5e5e5;*/
			-webkit-border-radius: 4px;
			-mo-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
			padding: 7px 15px 7px 15px;
			-webkit-transition: background-color 0.1s;
			-moz-transition: background-color 0.1s;
			-ms-transition: background-color 0.1s;
			-o-transition: background-color 0.1s;
			transition: background-color 0.1s;
		}
		#nav2 > ul > li:hover > a 
		{
			color: #f5f5f5; text-shadow:5px 5px 5px #202020; 
			
			-webkit-transition: background-color 0.1s, color 0.1s;
			-moz-transition: background-color 0.1s, color 0.1s;
			-ms-transition: background-color 0.1s, color 0.1s;
			-o-transition: background-color 0.1s, color 0.1s;
			transition: background-color 0.1s, color 0.1s;
			
			border-radius: 5px 5px 28px 28px/5px 5px 52px 52px; 		
			-webkit-border-radius: 5px 5px 28px 28px/5px 5px 52px 52px; 
			-moz-border-radius: 5px 5px 28px 28px/5px 5px 52px 52px;
 
		
			box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
			-webkit-box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
			-moz-box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
			-o-box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
		
			background-color: #626262;  
			background:-webkit-gradient(radial, 165 0, 0, 220 -257, 465, from(#A84BE1), to(#FF4E28));
			background-image: -ms-radial-gradient(center, circle farthest-corner, #4B30A8 0%, #FF4E28 100%);
 			background-image: -moz-radial-gradient(center, circle farthest-corner, #4B30A8 0%, #FF4E28 100%);
 			background-image: -o-radial-gradient(center, circle farthest-corner, #4B30A8 0%, #FF4E28 100%);
		}
		
		#nav2 .menu-drop > a 
		{
			color: #f4f4f4;text-shadow:5px 5px 5px #202020;
			padding-right: 10px;
			
			background-color: #F48781;
			background:-webkit-gradient(radial, 165 0, 0, 220 -257, 465, from(#F48781), to(#222416));
 			background-image: -ms-radial-gradient(center, circle farthest-corner, #F48781 0%, #222416 100%);
 			background-image: -moz-radial-gradient(center, circle farthest-corner, #F48781 0%, #222416 100%);
			background-image: -o-radial-gradient(center, circle farthest-corner, #F48781 0%, #222416 100%);
			 		
			border-radius: 44px 44px 5px 5px/44px 44px 44px 44px; 
			-webkit-border-radius: 44px 44px 5px 5px/44px 44px 44px 44px;
			-moz-border-radius: 44px 44px 5px 5px/44px 44px 44px 44px;	
		}
		
		#nav2 .menu-label 
		{
					
			 color: #ffffff;
			 background: url("../img/design/drp.png") no-repeat right;
			-webkit-transition: background 0.1s;
			-moz-transition: background 0.1s;
			-ms-transition: background 0.1s;
			-o-transition: background 0.1s;
			transition: background 0.1s;
			padding-right: 15px;			
			
		}
		
		  
		#nav2 .menu-drop:hover .menu-label 
		{
			color: #f5f5f5; text-decoration:none;
			background: url("../img/design/drpdwn.png") no-repeat right;
			-webkit-transition: background 0.1s;
			-moz-transition: background 0.1s;
			-ms-transition: background 0.1s;
			-o-transition: background 0.1s;
			transition: background 0.1s;   
		}
		
		#nav2 .menu-right 
		{
			float: right;
			padding: 0 4px;
		}
		 
		/* Dropdown */
		#nav2 ul ul
		 { 
			-webkit-border-radius-: 0 0 4px 4px;
			-mo-border-radius: 0 0 4px 4px;
			-ms-border-radius: 0 0 4px 4px;
			-o-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
			padding: 6px 0;
			position: absolute;
			top: 31px;
			left: -5000px;
			min-width: 100%;
			z-index: 100;
			opacity: 0;
			
			color:White;
				 
			-moz-border-radius-bottomright: 12px;
			-webkit-border-bottom-right-radius: 12px;
			border-bottom-right-radius: 12px;
			-moz-border-radius-bottomleft: 12px;
			-webkit-border-bottom-left-radius: 12px;
			border-bottom-left-radius: 12px;
			
			background-color: #424242;  
			background:-webkit-gradient(radial, 165 0, 0, 220 -257, 465, from(#A84BE1), to(#FF4E28));
			background-image: -ms-radial-gradient(center, circle farthest-corner, #A84BE1 0%, #FF4E28 100%);
			background-image: -moz-radial-gradient(center, circle farthest-corner, #A84BE1 0%, #FF4E28 100%);
			background-image: -o-radial-gradient(center, circle farthest-corner, #A84BE1 0%, #FF4E28 100%);	
		}
		
		#nav2 .menu-right:hover ul 
		{
			left: auto;
			right: 0;
		}
		
		#nav2 li:hover ul 
		{
			left: 0;
			opacity: 1;
			-webkit-transition: opacity 0.1s;
			-moz-transition: opacity 0.1s;
			-ms-transition: opacity 0.1s;
			-o-transition: opacity 0.1s;
			transition: opacity 0.1s;
		
		
			box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
			-webkit-box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
			-moz-box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
			-o-box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
			
		}
		
		 
		
			/* Dropdown buttons */
			#nav2 ul ul li 
			{
				white-space: nowrap;
			}
			 
			#nav2 ul ul a 
			{			
				font-size: 14px;
				font-weight: bold; 
				text-align:left;
				color: #f3f3f3;
				padding: 6px 15px;
				display: block; 
				text-decoration:none;
				-webkit-transition: background-color 0.1s, color 0.1s;
				-moz-transition: background-color 0.1s, color 0.1s;
				-ms-transition: background-color 0.1s, color 0.1s;
				-o-transition: background-color 0.1s, color 0.1s;
				transition: background-color 0.1s, color 0.1s;				
			 
			}
			
			#nav2 ul ul a:hover 
			{				 
				text-align:left;
				font-weight: bold; font-family:Comic Sans MS;
				text-decoration:none;
				color: #f5f5f5; text-shadow:5px 5px 5px #202020;
				
				background-color: #242424;  
				background:-webkit-gradient(radial, 165 0, 0, 220 -257, 465, from(#4B30A8), to(#FF4E28));
				background:-webkit-gradient(radial, 165 0, 0, 220 -257, 465, from(#F876F8), to(#030000));
				background:-webkit-gradient(radial, 165 0, 0, 220 -257, 465, from(#EBC6F8), to(#030000)); 
				background-image: -ms-radial-gradient(center, circle farthest-corner, #A84BE1 0%, #FF4E28 100%);
  				background-image: -moz-radial-gradient(center, circle farthest-corner, #A84BE1 0%, #FF4E28 100%);
				background-image: -o-radial-gradient(center, circle farthest-corner, #A84BE1 0%, #FF4E28 100%);
				
				-webkit-transition: background-color 0.1s, color 0.1s;
				-moz-transition: background-color 0.1s, color 0.1s;
				-ms-transition: background-color 0.1s, color 0.1s;
				-o-transition: background-color 0.1s, color 0.1s;
				transition: background-color 0.1s, color 0.1s;
				
				box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
				-webkit-box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
				-moz-box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
				-o-box-shadow: inset 0px 0px 50px 0px #755E5E,5px 5px 5px 1px #242424;
			}
			
			 #nav2 .login
			 {			
					
				border-radius: 44px 44px 5px 5px/44px 44px 44px 44px; 
				-webkit-border-radius: 44px 44px 5px 5px/44px 44px 44px 44px;
				-moz-border-radius: 44px 44px 5px 5px/44px 44px 44px 44px;	
			 } 
			 #nav2 .login:hover
			 {				
				border-radius: 44px 44px 5px 5px/44px 44px 44px 44px; 
				-webkit-border-radius: 44px 44px 5px 5px/44px 44px 44px 44px;
				-moz-border-radius: 44px 44px 5px 5px/44px 44px 44px 44px;	
			 } 
		
			 
 
 /****************************POPUP*******************************/
  
   
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.content a{
text-decoration: none;
}
.popup
{
	bottom:400px;
width: 100%;
margin: 0 auto;
display: none;
position: relative;
z-index: 101;
}
.content{
min-width: 800px;
width: 900px;
min-height: 150px;
margin: 100px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 5px #fafaf5; 
}

.content p{
clear: both;
pading:10px;
color: #555555;
text-align: justify;
}
.close
{ 
color: #d91900;  
font-weight: bold;
padding: 7px 14px;
background-color: #ff0000;
-webkit-transition: background-color 0.1s, color 0.1s;
-moz-transition: background-color 0.1s, color 0.1s;
-ms-transition: background-color 0.1s, color 0.1s;
-o-transition: background-color 0.1s, color 0.1s;
transition: background-color 0.1s, color 0.1s;
-webkit-border-radius: 4px;
-mo-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}

.close:hover{  
color: #fafafa;
font-weight: bold;
padding: 7px 14px;
background-color: #d91900;
-webkit-transition: background-color 0.1s, color 0.1s;
-moz-transition: background-color 0.1s, color 0.1s;
-ms-transition: background-color 0.1s, color 0.1s;
-o-transition: background-color 0.1s, color 0.1s;
transition: background-color 0.1s, color 0.1s;
-webkit-border-radius: 4px;
-mo-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
 
.mail{  
text-decoration:underline;
color: #032562;
font-size:18px; 
-webkit-border-radius: 4px;
-mo-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px #ff0000;
} 
.content .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.content .x:hover{
cursor: pointer;
}

.content h2,h3{ color:#0399d4;font-family:Comic Sans MS;}
   
 
 
 }