/**
	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%;
		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;
			display:none;
			}

			.logo img{
				position: absolute;
				bottom:0px;
				max-width:190px;
				height:auto;
				}

		.contentWrapper .logo { margin-top:70px; }

		.logo.logoStayTop{
			top:22px;
			}




		.header.stayBottom .nav {
			z-index:10000000025;
			}
		.stayBottom .logo{
			margin-top:0px !important;
			margin-left:20px;
			position:relative !important;
			}
		.stayBottom .logo img{
			top:0px !important;
		}
		.stayBottom .tinynav { position:relative !important; }

		.stayBottom .nav ul li ul li a.first{ padding-top:20px }



		.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:180px;
			background:url(../images/footer.png) center top no-repeat;
			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;
			}

		.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 : #ef3d42;
		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);
		}

	.videoHeader{
		-webkit-backface-visibility: hidden;
  		-webkit-perspective: 1000;
		-webkit-transform: translateZ(0);
		}

	@media screen and (max-width: 767px) {
			.videoHeader{
				min-height:40px;
			}
		}

/* 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; top: -11px;}
#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; }


#big-video-wrap{
	z-index:-1 !important;
}

/* 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;
		}

	.logo.logoStayTop {
		margin-top:0px !important;
		height:45px;
		top:0px;
		}


	.stayBottom .logo{
		margin-top:0px !important;
		}

	.header { height:40px !important; }
	.header.stayBottom { height:45px !important; }

	.header.stayBottom .nav ul  {
			padding-top:0px !important;
			padding-bottom:0px !important;
			}

		.stayBottom .logo{
			margin-top:0px !important;
			margin-left:0px;
			position:relative !important;
			}
		.stayBottom .tinynav { position:relative !important;}
		.sticky-wrapper{  height:50px !important; }

}

/* 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;}
	.contentWrapper .logo { margin-top:0px; }

	/* 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; }
}
