/**
	STUDIO POINT - Parallax Responsive Retina Ready
 	Copyright (c) 2013, Subramanian 

	Author: Subramanian
    Profile: themeforest.net/user/FMedia/
	
    Version: 1.0.0
	Release Date: February 2013
	
**/


	body{
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		overflow:hidden;
		}

	html, body {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}


/* Header style. The menu style are placed here */
	.header_bg{ 
		position:absolute; 
		width:100%; 
		height:0px;
		top:0px;
		left:0px;
		}	
	
	.header{
		width:100%;
		position:fixed;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		top:0px;
		z-index:9999999;
		}

			
		.header .nav{
			float: right; 
			position:relative; 
			margin-left: 0px; 
			margin-right: 10px;
			margin-top:15px;
			margin-bottom:15px;
			top: 0px;	
			}
			
			/* tiny nav */
			.tinynav {
				display: none; 
				position:fixed;
				width:auto;
				right:5px;
				height: 28px;
				line-height: 28px;
				background-color:#fff;
				padding: 4px;
				color: #2e2e2e;
			}

			.header .nav ul li{
				float:left;
				left:0px;
				display: block;
				margin:0 auto;
				cursor:pointer ;
				list-style:none;
				
				}
				
				.header .nav ul li a{
					height:auto;
					padding:10px 15px 10px 15px;
					margin:0px;
					display: block;
					position:relative;
					text-align:center;
					cursor:pointer ;
					}

				
				.header .nav ul li ul {
					position:absolute;
					top:0px;
					float:left;
					display:none;
					margin: 0 auto;
					cursor:pointer ;
					list-style:none;
					z-index:1000;
					overflow:hidden;
					padding-top:0px;
					line-height:0px;
					background:none !important;
					}
				.header .nav ul li ul li {
					position:relative;
					float:none;
					display: block;
					cursor:pointer ;
					list-style:none;
					}
				
				
				.header .nav ul li ul li a{
					padding:10px 15px 10px 15px;
					}
				
				.header .nav ul li ul li a.first{ padding:10px 15px 10px 15px; }
				.header .nav ul li ul li a.last{ padding:10px 15px 20px 15px; }
				
				.header .nav ul li a{
					-webkit-transition-property:color, background;   
 					-webkit-transition-duration: .25s, .25s;   
 					-webkit-transition-timing-function: linear, ease-in;
					
					-moz-transition-property:color, background;   
 					-moz-transition-duration: .25s, .25s;   
 					-moz-transition-timing-function: linear, ease-in;
					
					-o-transition-property:color, background;   
 					-o-transition-duration: .25s, .25s;   
 					-o-transition-timing-function: linear, ease-in;
					
					-ms-transition-property:color, background;   
 					-ms-transition-duration: .25s, .25s;   
 					-ms-transition-timing-function: linear, ease-in;
					}
	

				.header li a, .header li a:visited { color:inherit; text-decoration: none; outline: 0; }
				.header li a:hover, .header li a:focus { color:inherit; }
				.header li a:visited { color:inherit; text-decoration: none; }	
				
				.pageFade { 
					width:100%; 
					height:100%;
					top:0px;  
					left:0;
					position:fixed; 
					z-index:1000000;
					overflow:hidden;
					background: url(../images/loading.gif) no-repeat center center;
					background-image: -Webkit-image-set(url(../images/loading.gif) 1x, url(../images/loading@2x.gif) 2x);  /* Image for Retina */
				 } 
				 
				 .pageFade.bg_white { 
					background: url(../images/loading_white.gif) no-repeat center center;
					background-image: -Webkit-image-set(url(../images/loading_white.gif) 1x, url(../images/loading_white@2x.gif) 2x);  /* Image for Retina */
					} 

				
		/* Logo and page content style*/
		
		.header .scroll_top {
			position:relative;
			float:left;
			height:50px;
			margin-top:40px;
			}
		
		.logo {
			position:relative;
			float:left;
			left:5px;
			height:50px;
			margin-top:70px;
			display:none;
			}
			
			.logo img{
				position: absolute;
				bottom:0px;
				max-width:280px;
				height:auto;
				}
		
		.homeSlider { top:0px; left:0px;}
		.homeSlider .homepage_con { display:none }
		
		.header, #superNav, .supersized-nav{ display:none }
		
		
		
		
		.header.singlePage { margin-top:0px;}
		.singlePage .logo	{
			position:relative;
			float:left;
			height:50px;
			margin-top:0px;
			display:block;
		}
		
		.singlePage .logo img{ position:relative;}
		.header.singlePage { top:0px; display:block }
		.singlePage .nav { top:0px; }
		.singlePage .nav { margin-top:20px; }
		
		
		
				
		/* Footer style */
		.footer {
			min-height:140px;
			background:url(../images/footer.png) center top repeat-x;
			background-image: -Webkit-image-set(url(../images/footer.png) 1x, url(../images/footer@2x.png) 2x);  /* Image for Retina */
			position:relative;
			margin: 0 auto;
			text-align:center;
			vertical-align:bottom;
			bottom:0px;
    		z-index: 0;
			}
			
		.footer .footer_container{
			width:580px;
			position:relative;
			display:inline-block;
			margin: 0 auto;
			padding:20px 0px 0px 0px;
			}
		
		.footer.white_bg{
			background:url(../images/footer_white.png) center top no-repeat;
			background-image: -Webkit-image-set(url(../images/footer_white.png) 1x, url(../images/footer_white@2x.png) 2x);  /* Image for Retina */
			}

				
		.bg_transparent { 
			background-color: transparent !important;
		 	background-image:none !important;
			}
		
		.footer .bottomText{
			margin-bottom:10px;
			}
		
		.footer_social .social_bookmarks { left:35%; width:30%; position:relative }

			
	/* page scroll up button */
	
	.pgScrollUp{
		position:relative; 
		width:30px; 
		height:30px;
		top:-50px;
		left:50px;
		overflow:hidden;
		display:inline-block;
		float:left;
		background : #222 url(../images/sprite.png);
		background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x);  /* Image for Retina */
		background-position: 100% 0px;
		background-repeat:no-repeat;
		margin-top:17px;
		cursor:pointer;
		z-index:9999999997;
		
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		}
	
	.pgScrollUp:hover{
		background-color : #666;
		background-position: 100% -20px;
		}
		
	.pgScrollUp_animate{
		-webkit-transition-property:transform, background;   
 		-webkit-transition-duration: .25s, .25s;   
 		-webkit-transition-timing-function: ease-in-out;
					
		-moz-transition-property:transform, background;   
		-moz-transition-duration: .25s, .25s;   
		-moz-transition-timing-function: ease-in-out;
					
		-o-transition-property:transform, background;   
		-o-transition-duration: .25s, .25s;   
		-o-transition-timing-function: ease-in-out;
					
		-ms-transition-property:transform, background;   
		-ms-transition-duration: .25s, .25s;   
		-ms-transition-timing-function: ease-in-out;
	}
		
/* Enable hardware Acceleration */
	.enablHardwareAcc {  
		-webkit-backface-visibility: hidden;
  		-webkit-perspective: 1000;
		-webkit-transform: translateZ(0);
		}


/* Email loading style */		
.email_loading {
	background: url(../images/email_loading.gif) no-repeat center center;
	background-image: -Webkit-image-set(url(../images/loading.gif) 1x, url(../images/loading@2x.gif) 2x);  /* Image for Retina */
	height:32px;
	width:32px; 
	position:absolute;
	z-index:0;
	}

/* flex slider loading  */
.slider_loading {
	background: url(../images/loader.gif) no-repeat center center;
	background-image: -Webkit-image-set(url(../images/loader.gif) 1x, url(../images/loader@2x.gif) 2x);  /* Image for Retina */
	height:32px;
	width:32px; 
	position:absolute;
	z-index:1;
	margin: 0 auto;
	}

.slider_loading.black {
	background: url(../images/loader_black.gif) no-repeat center center;
	background-image: -Webkit-image-set(url(../images/loader_black.gif) 1x, url(../images/loader_black@2x.gif) 2x);  /* Image for Retina */
	}
	
/* Email reply message style */	
#reply_message { position:relative; left:20px; text-align:left; float:left; }


/* Text animate */
.animate { overflow:hidden; }

/* Start: Graph Style */
.graph_container { position:relative; width:100%; padding:0;  margin-top:0px; }
.graph_container ul { margin:0; padding:0; list-style:none; overflow-y:hidden; }
.graph_container li { width:100%; height:25px; margin:0 0px 20px 0; position:relative; }
.graph_container li.last { margin:0; }
.graph_container li span { position:absolute; z-index:1; margin:1px 0px 0px 15px; padding:3px 0px 0px 0px; color:#000; font-size:12px; font-weight:bold }
.graph_container li a { position:absolute; left:0; width:0px; height:25px; cursor:auto }
	
.graph_container li, .graph_container li a {
	-webkit-border-radius: 150px;
		-moz-border-radius: 150px;
		border-radius: 150px;
	}	

/* Start Isotope*/
								 
/* Start: Recommended Isotope styles */
	
/**** Isotope Filtering ****/
	
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item {  pointer-events: none; z-index: 1; }
	
/**** Isotope CSS3 transitions ****/
	
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
	}
	
.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
	}
	
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:         top, left, opacity;
		  transition-property:         transform, opacity;
	}

	
/**** disabling Isotope CSS3 transitions ****/
	
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
	}
	
/* End: Recommended Isotope styles */
	
	
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
	 -moz-transition: none;
	  -ms-transition: none;
	   -o-transition: none;
		  transition: none;
	}
	
/**** isotope image Initialize ****/
.isotope_items 			{ overflow:hidden; }
.isotope_items img 		{ display: block;  width: 100%; }
.isotope_items .item 	{ width: 216px; height:auto; margin: 1px; float: left; }
.isotope_items .large 	{ width: 230px; height:auto; }
.isotope_items .medium	{ width: 170px; height:auto; }
.isotope_items .small 	{ width: 138px; height:auto; }

.isotope_option { position:relative; margin:60px 10px 0px 10px; height:100%; display:table;  float: right; }
#options{ margin-right:5px; }


/* End Isotope*/
	

/* flex slider style */
#flexslider-container {max-width: 960px; height: 100%; margin: 5px 0px 0px 0px; }
#flexslider-container img{ width:100%; max-height:100% }
.flexslider .slides { overflow:hidden;}
.flexslider ul li, .flexslider .slides { margin:0px; padding:0px;}
.flex-caption { visibility:hidden}


/* video style */
.video_content { width:600px; height:255px; margin: 0 auto; cursor:pointer;  overflow:hidden; }
.addVideo { position:relative; background-color:#000; overflow:hidden; line-height:0px;}
.vid { width:100%; height:100%; position:relative; top:0px; left:0px; margin: 0 auto; visibility:visible; z-index:5;}

/* spacing */
.noSpacing { margin:0px; }
 
 .videoLeftSpacing { padding-left:20px; }

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1150px) {

	.header .nav ul{ position:inherit; top:0px; display:block;  z-index:inherit; }
	.header .nav li{ float:left; margin:0px;  }	
	.header .nav ul li  a{ padding-left:0px ; }
	.header .nav ul li  a.first{ padding-left:10px ; }
	
	.videoLeftSpacing { padding-left:20px; }
	#options{ margin-right:50px;}
	
	#flexslider-container {max-width: 740px; max-height: 100%; margin: 5px 0px 0px 0px; }
}


/* styles for mobile */
@media screen and (max-width: 767px) {
	.tinynav { 
		display: inline-block ;
		overflow: hidden;
		top:5px;
		}
	#navigation { display: none }
	.isotope_option{ width:100%}
	.logo img{
				max-width:150px;
				height:auto;
				}
				
	}

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {	
	
	body{ overflow-x:hidden; overflow-y: auto; }
	.logo { position:fixed; left:5px; margin-top:0px; width: 150px;}
	
	/* Header - Menu style */
	.header .nav{ margin-top:6px; margin-bottom:5px; }
	
	.pgScrollUp { position:fixed; top:2px; left:5px; margin-top:5px}
	
	.singlePage .logo	{ margin-top:5px; position:relative;}
	.header.singlePage { position:fixed; top:0px; display:block }
	.singlePage .nav { top:0px; }
	.singlePage .nav { margin-top:10px; }
	.singlePage .nav ul{ top:45px;}
	
	.footer .footer_container{ width:300px; }


	.video_content { width:280px; height:120px;}
		
	#flexslider-container {max-width: 320px; height:100%; margin: 0px}
	#bodyContent .flex-caption { visibility:hidden}
	#flexslider-container .flex-control-nav { position:relative; bottom: -15px;}
	#flexslider-container .flex-direction-nav { visibility:hidden }
	
	 .isotope_option {  margin:20px 10px 0px 10px; float:left; }
	#options{ margin-right:-10px;}
	
	.videoLeftSpacing { padding-left:0px; }
}
 

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {	
	
	body{ overflow-x:hidden; overflow-y: auto; }
	.logo { position:fixed; left:5px;  margin-top:0px; width: 150px;}

	/* Header - Menu style */
	.header .nav{ margin-top:6px; margin-bottom:5px; }
	.pgScrollUp { position:fixed; top:2px; left:5px; margin-top:5px }
	
	
	
	.singlePage .logo	{ margin-top:5px; position:relative;}
	.header.singlePage { position:fixed; top:0px; display:block }
	.singlePage .nav { top:0px; }
	.singlePage .nav { margin-top:10px; }
	.singlePage .nav ul{ top:45px;}


	.video_content { width:400px; height:165px;}
		
	#flexslider-container { max-width: 460px; max-height:100%; margin: 0px}
	#flexslider-container .flex-control-nav { position:relative; bottom: -15px;}
	#flexslider-container .flex-direction-nav { visibility:hidden; }
	
	.isotope_option {  margin:20px 10px 0px 10px; float:left; }
	#options{ margin-right:-10px;}
	.isotope_items{ left:10px;}
	
	/* full screen gallery */
	.fs_gallery{ left:5px; }
	.fs_thumbs{ width:390px; }
	#fsCloGal{ right: -5px;  top: 25px; }
	#fsGalNex{ right:-10px; top:55px; }
	#fsGalPre{ left: -5px; top:55px; }	
	
	.videoLeftSpacing { padding-left:0px; }
}