/*----------------------------------------------------------------------------------------------------

Design by Jesse Ngatai (http://www.jessengatai.com)
CSS overview: 

	01. Reset (Eric Meyer's Reset http://cssreset.com )
	02. Background
	03. Header
	04. Footer
	05. Nav Menu
	06. Pull Down Toggle
	07. Brick
	08. Bottom Rule
	09. Image Hover
	10. Social Icons
	11. Widget Globals
	12. Widget Recent Posts
	13. Widget Twitter
	14. Widget Testimonials
	15. Blog Posts
	16. Quote Post
	17. Link Post
	18. Video Post
	19. Team Page
	20. Team Single
	21. Image Sliders
	22. Audio / Video Player
	23. Single Post
	24. Forms
	25. Portfolio Page
	26. Contact Page
	27. Isotope
	28. Skeleton
	29. Skeleton Tablet
	30. Skeleton Mobile Portrait
	31. Skeleton Mobile Landscape
	32. Skeleton Clearing
	33. Mobile Menu
	34. Globals
	35. Wordpress Core CSS

	
----------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------
	1. Reset (Eric Meyer's Reset http://cssreset.com )
----------------------------------------------------------------------------------------------------*/

	* { font-size: 100%; }
	*:focus { outline-width: 0; }

	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

	/* Froce Vertical Scroll */
	html {
	height:100%;
	margin-bottom: 1px !important;
	padding-bottom: 1px !important;
	}

	/* Typography */
	body {
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 22px;
		font-weight: normal;
		text-align: left;
		color: #2c2c2c;

		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;

	}
	h1 {
		font-size: 78px;
		line-height: 58px;
		margin-bottom: 30px;
		letter-spacing: -4px;
	}
	h2 {
		font-size: 48px;
		line-height: 38px;
		margin-bottom: 30px;
		letter-spacing: -2px;
	}
	h3 {
		font-size: 32px;
		line-height: 28px;
		margin-bottom: 30px;
		letter-spacing: -1px;
	}
	h4 {
		font-size: 26px;
		line-height: 26px;
		margin-bottom: 30px;
		letter-spacing: -1px;
	}
	h5 {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 30px;
	}
	h6 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 30px;
	}
	p {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 30px;
	}
	em { font-style: italic;}
	strong, b , .bold{font-weight: bold;}


	/* Links */
	a, a:link, a:visited {
		font-weight: bold;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.main-wrapper p a,
	.main-wrapper p a:link,
	.main-wrapper p a:visited,
	ul.twitter li span a:link,
	ul.twitter li span a:visited { 
		display: inline-block;
		padding: 0px 5px;

	}
	a.button:link, a.button:visited,
	p a.button:link, p a.button:visited {
		float: left;
		display: inline-block;
		padding: 7px 10px 6px 10px;
		margin-bottom: 30px;
		margin-right: 10px;
	}
	.sidebar.standard a.button {
		margin-right: 0px;
	}

	/* Image Scaling */
	img.imagescale {
		max-width: 100%;
		height: auto;
		display: block;
	}

	.fade, .fade2 { opacity: 0; }

/*----------------------------------------------------------------------------------------------------
	2. Background
----------------------------------------------------------------------------------------------------*/
	
	body { background-color: #fff; }
	
	#bg {
		position: fixed;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: 0;
	}

/*----------------------------------------------------------------------------------------------------
	3. Header
----------------------------------------------------------------------------------------------------*/

	.header-wrapper {
		float: left;
		width: 100%;
		min-height: 80px;
		margin-top: 40px;
		border-bottom: 5px solid #2c2c2c;
		position: relative;
	}

	/* Logo */
	.logo {
		font-weight: bold;
		float: left;
	}

	.logo a img.logo-image {
		float: left;
		max-width: 300px; /* This is the max width of iPhones */
		margin-bottom: 30px;
	}
	.logo a img.logo-image:hover {
		opacity: 0.8;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.tagline {
		font-weight: bold;
		float: left;
		clear: left;
		position: absolute;
		bottom: 10px;
	}

	h1.page-title {
		float: left;
		font-weight: bold;
		margin-bottom: 60px;
	}

/*----------------------------------------------------------------------------------------------------
	4. Footer
----------------------------------------------------------------------------------------------------*/

	.footer-wrapper {
		float: left;
		width: 100%;
		margin-top: 60px;
		margin-bottom: 60px;
		border-top: 5px solid #2c2c2c;
		position: relative;
	}

	.copyright {
		font-weight: bold;
		float: left;
		clear: left;
		position: absolute;
		top: 10px;
	}

	.footer-social {
		float: right;
		margin-top: 10px;
	}

/*----------------------------------------------------------------------------------------------------
	5. Nav Menu
----------------------------------------------------------------------------------------------------*/


	#main-nav {
		position: absolute;
		right: 0px;
		bottom: 10px;
	}

	#main-nav .menu-dropdown {display: none;}
	#main-nav > div { display: block; }

	#main-nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#main-nav ul a {
		display: block;
		position: relative;
		font-weight: normal;
		border: 0;
		background: none;
		color: #2c2c2c;
	}

	#main-nav ul li {
		float: left;
		position: relative;
		z-index: 40;
		margin-right: 10px;
	}
	.no-rgba #main-nav ul li {
		margin-right: 10px;
		margin-left: 10px;
	}

	#main-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

	#main-nav ul ul {
		position: absolute;
		top: -9999em;
		width: 180px; /* left offset of submenus need to match (see below) */
	}

	#main-nav ul ul li { width: 100%; }

	/*  Make sub menus appear -------------------------------------------------*/

	#main-nav ul li:hover ul,
	#main-nav ul li.sfHover ul {
		left: 0px;
		top: 40px;
		z-index: 9999;
	}

	/* Hide all subs subs (4 levels deep) -------------------------------------*/

	#main-nav ul li:hover li ul,
	#main-nav ul li.sfHover li ul,
	#main-nav ul li li:hover li ul,
	#main-nav ul li li.sfHover li ul,
	#main-nav ul li li li:hover li ul,
	#main-nav ul li li li.sfHover li ul { top: -9999em; }

	/* Displays all subs subs (4 levels deep) ---------------------------------*/

	#main-nav ul li li:hover ul,
	#main-nav ul li li.sfHover ul,
	#main-nav ul li li li:hover ul,
	#main-nav ul li li li.sfHover ul,
	#main-nav ul li li li li:hover ul,
	#main-nav ul li li li li.sfHover ul {
		left: 180px; /* match .nav ul width */
		top: -1px;
	}
		
	/* top level skin ---------------------------------------------------------*/

	#main-nav ul a {
		display: inline-block;
		padding: 0px;
		font-weight: bold;
		float: left;
	}

	#main-nav ul a:hover,
	#main-nav ul li.sfHover a,
	#main-nav ul li.current-cat a,
	#main-nav ul li.current_page_item a,
	#main-nav ul li.current-menu-item a {
		text-decoration: none;
	}

	#main-nav ul li .sep {
		display: inline;
		margin: 0px 0px 0px 10px;
		font-weight: bold;
	}
	.no-rgba #main-nav ul li .sep {
		display: none;
	}

	#main-nav ul li:last-child .sep,
	#main-nav ul li.last .sep,
	#main-nav ul ul .sep { display: none; }

	/* 2nd level skin --------------------------------------------------------*/

	#main-nav ul ul {
		margin-top: 20px;
		background: #2c2c2c;
	}

	.nav-arrow {
		margin-top: -10px;
		width: 0px !important;
		height: 0px !important;
		border-left: 10px solid #2c2c2c;
		border-right: 10px solid transparent;
		border-top: 10px solid transparent;
	}

	#main-nav ul ul li {
		float: left;
		clear: left;
		display: block;
	}

	#main-nav ul ul li a {
		float: left;
		clear: left;
		display: block;
		margin: 0px 10px;
		font-size: 14px;
		font-weight: bold;
		line-height: 35px;
		height: 35px;
		border-bottom: solid 1px rgba(255,255,255,0.25);
		color: #fff;
	}
	.no-rgba #main-nav ul ul li a {
		border-bottom: none !important;
	}

	#main-nav ul ul li:last-child a { border: none; }

	/* 3rd level skin --------------------------------------------------------*/
	#main-nav ul ul ul {
		margin-top: 0px;
		margin-left: 1px;
	}

	#main-nav ul li ul li:last-child ul li a {
		border-bottom: solid 1px rgba(255,255,255,0.25);
	}
	.no-rgba #main-nav ul li ul li:last-child ul li a {
		border-bottom: solid 1px #ccc ;
	}
	#main-nav ul li ul li ul li:last-child a { border: none; }
	#main-nav ul li ul li:last-child ul li:last-child a { border: none; }


/*----------------------------------------------------------------------------------------------------
	6. Pull Down Toggle
----------------------------------------------------------------------------------------------------*/

	.pulldown-wrapper {
		margin-top: 3px;
		margin-bottom: 100px;
		position: relative;
		float: left;
		width: 100%;
	}
	.pulldown-button {
		width: 30px !important;
		height: 28px !important;
		padding: 0px;
		margin: 0px;
		line-height: 26px;
		text-align: center;
		display: block;
		position: absolute;
		bottom: -30px;
		right: 0px;
		cursor: pointer;
		font-weight: bold;

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;

	}

	.pulldown-inner {
		float: left;
		width: 100%;
		color: #fff;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.pulldown-inner[data-toggle="open"] { margin: 0px 0px 3px 0px;	background: rgba(0,0,0,0.8); }
	.no-rgba .pulldown-inner[data-toggle="open"] { background: url(../images/black50.png) repeat;}
	.pulldown-inner[data-toggle="closed"] { margin: 0px; }

	.pulldown-text, .pulldown-form {
		float: left;
	}

	.pulldown-text div.nest30 { float: left; margin: 30px 15px 30px 30px; }
	.pulldown-form div.nest30 { float: left; margin: 30px 30px 30px 15px; }
	.pulldown-inner h4 { font-weight: bold; }
	.pulldown-text {}
	.pulldown-form {}

	.pulldown-inner { height: 0px; }
	.nest30 { display: none; }

/*----------------------------------------------------------------------------------------------------
	7. Brick
----------------------------------------------------------------------------------------------------*/

	.brick-wrapper {
		position: relative;
		float: left;
		width: 100%;
		display: block;
		margin-bottom: 30px;
		background: #e8e8e8;
	}
	.no-rgba .brick-wrapper {
		background: #e8e8e8;
	}

	/* Hack for image fixes in IE9 */
	.IE9 .brick-wrapper img {
		width: 100%;
	}

	/* Hack for image fixes in IE8 */
	.IE8 .post-media,
	.IE8 .brick-wrapper {
		width: 100%;
		float: left;
	}
	.IE8 .brick-wrapper img {
		padding: 0px;
		margin: 0px;
	}

    .bevel-bottom { /* bottom-side */
        position: absolute;
        display: block;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 0px;
        overflow: hidden;
    	border-top: 10px solid #666;
        border-bottom: 0 solid transparent;
        border-left: 10px solid transparent;
        border-right: 0 solid transparent;
    }
    .no-rgba .bevel-bottom {
    	border-top: 10px solid #666;
    }

    .bevel-right { /* right side */
        position: absolute;
        display: block;
        right: -10px;
        top: 0px;
        height: 100%;
        width: 0px;
        overflow: hidden;
        border-top: 10px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 10px solid #ccc;
        border-right: 0 solid transparent;
    }
    .no-rgba .bevel-right {
        border-left: 10px solid #ccc;
    }

    .bevel-corner { /* bottom-right corner */
        position: absolute;
        display: block;
        right: -10px;
        bottom: -10px;
        width: 0;
        height: 0;
        overflow: hidden;
        border: 5px solid #ccc;
        border-bottom-color: #666;
        border-left-color: #666;
    }

    .no-rgba .bevel-corner {
        border: 5px solid #ccc;
        border-bottom-color: #666;
        border-left-color: #666;
    }

/*----------------------------------------------------------------------------------------------------
	8. Bottom Rule
----------------------------------------------------------------------------------------------------*/

	.bottom-rule {
		margin-bottom: 30px;
		position: relative;
		float: left;
		width: 100%;
	}
	a.bottom-rule-button:link, a.bottom-rule-button:visited {
		height: 28px !important;
		padding: 0px 10px;
		margin: 0px;
		line-height: 28px;
		text-align: center;
		display: block;
		position: absolute;
		bottom: -30px;
		right: 0px;
		font-weight: bold;

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;

	}
	a.bottom-rule-button:hover {}




/*----------------------------------------------------------------------------------------------------
	9. Image Hover
----------------------------------------------------------------------------------------------------*/

.hover {
	position: relative;
}

.hover a {
	display: block;
	position: relative;
	padding: 0px;
	margin: 0px;
}

.hover a img, .hover img {
	z-index: 0;
	display: block;
	position: relative;
}

.hover a div.color {
	display: none;
	position: absolute;
	z-index: 9999;
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: center center;
}
.hover a div.color div.text {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #fff;
}
.hover a div.color div.tweet {
	display: block;
	text-align: center;
	padding: 25px;
}
.hover a div.color div.tweet div.tweet-icon{
		width: 25px;
		height: 25px;
		margin: 0px auto 20px auto;
		background: url(../images/social-twitter.png) no-repeat;
}

.hover ul.twitter li {
	float: left;
	clear: left;
	width: 100%;

}
.hover ul.twitter li span {
	font-size: 14px;
	line-height: 18px;
	float: left;
	clear: left;
	width: 100%;
}
.hover ul.twitter li span a {
	display: inline;
}
.hover ul.twitter li a.time {
	font-size: 12px;
	line-height: 18px;
	background: transparent !important;
	color: #fff !important;
	margin-top: 10px;
	float: left;
	clear: left;
	width: 100%;
}
.hover a div.color div.text h3 {
	margin-bottom: 0px;
	max-width: 30px;
}


/*----------------------------------------------------------------------------------------------------
	10. Social Icons
----------------------------------------------------------------------------------------------------*/

	ul.social-icons { float: left; display: block; }
	ul.social-icons li { float: left; display: block; }
	ul.social-icons li a:link, ul.social-icons li a:visited {
		float: left;
		display: block;
		width: 25px;
		height: 25px;
		padding: 0px;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: transparent !important;
	}
	ul.social-icons li a:hover {
		opacity:.5;
	}

	ul.social-icons.left li a:link, ul.social-icons.left li a:visited { margin-right: 10px; }
	ul.social-icons.right li a:link, ul.social-icons.right li a:visited { margin-left: 10px; }

	ul.social-icons li a.twitter { background-image: url(../images/dark-social-twitter.png); }
	ul.social-icons li a.facebook { background-image: url(../images/dark-social-facebook.png); }
	ul.social-icons li a.google { background-image: url(../images/dark-social-google.png); }
	ul.social-icons li a.pintrest { background-image: url(../images/dark-social-pintrest.png); }
	ul.social-icons li a.dribble { background-image: url(../images/dark-social-dribble.png); }
	ul.social-icons li a.flickr { background-image: url(../images/dark-social-flickr.png); }
	ul.social-icons li a.px500 { background-image: url(../images/dark-social-500px.png); }
	ul.social-icons li a.instagram { background-image: url(../images/dark-social-instagram.png); }
	ul.social-icons li a.skype { background-image: url(../images/dark-social-skype.png); }
	ul.social-icons li a.youtube { background-image: url(../images/dark-social-youtube.png); }
	ul.social-icons li a.vimeo { background-image: url(../images/dark-social-vimeo.png); }
	ul.social-icons li a.linkedin { background-image: url(../images/dark-social-linkedin.png); }
	ul.social-icons li a.behance { background-image: url(../images/dark-social-behance.png); }
	ul.social-icons li a.tumblr { background-image: url(../images/dark-social-tumblr.png); }

	.pulldown-inner ul.social-icons li a.twitter { background-image: url(../images/social-twitter.png); }
	.pulldown-inner ul.social-icons li a.facebook { background-image: url(../images/social-facebook.png); }
	.pulldown-inner ul.social-icons li a.google { background-image: url(../images/social-google.png); }
	.pulldown-inner ul.social-icons li a.pintrest { background-image: url(../images/social-pintrest.png); }
	.pulldown-inner ul.social-icons li a.dribble { background-image: url(../images/social-dribble.png); }
	.pulldown-inner ul.social-icons li a.flickr { background-image: url(../images/social-flickr.png); }
	.pulldown-inner ul.social-icons li a.px500 { background-image: url(../images/social-500px.png); }
	.pulldown-inner ul.social-icons li a.instagram { background-image: url(../images/social-instagram.png); }
	.pulldown-inner ul.social-icons li a.skype { background-image: url(../images/social-skype.png); }
	.pulldown-inner ul.social-icons li a.youtube { background-image: url(../images/social-youtube.png); }
	.pulldown-inner ul.social-icons li a.vimeo { background-image: url(../images/social-vimeo.png); }
	.pulldown-inner ul.social-icons li a.linkedin { background-image: url(../images/social-linkedin.png); }
	.pulldown-inner ul.social-icons li a.behance { background-image: url(../images/social-behance.png); }
	.pulldown-inner ul.social-icons li a.tumblr { background-image: url(../images/social-tumblr.png); }

/*----------------------------------------------------------------------------------------------------
	11. Widget Globals
----------------------------------------------------------------------------------------------------*/

/* home sidebar */
.sidebar.home {
	float: left;
	width: 100%;
}
.sidebar.home .widget-wrapper {
	margin-bottom: 40px;
	display: block;
	float: left;
}
.sidebar.home .widget-title h4 {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 5px solid #2c2c2c;
}

/* standard sidebar */
.sidebar.standard .widget-wrapper, .sidebar.standard .meta-wrapper {
	float: left;
	clear: left;
	padding-bottom: 40px;
	margin-bottom: 40px;
	text-align: right;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}
.no-rgba .sidebar.standard .widget-wrapper, .no-rgba .sidebar.standard .meta-wrapper {
	border-bottom: 1px solid #ccc;	
}

.sidebar.portfolio .meta-wrapper {
	border: none !important;
}
.sidebar.standard .widget-title h4, .sidebar.standard .meta-wrapper h4 {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 20px;
}
.sidebar.standard a.button {
	clear: both;
	float: right;
	margin-bottom: 0px;
}

/* Basic List Widget Style */
.sidebar.standard ul {}
.sidebar.standard ul li { line-height: 24px; }
.sidebar.standard ul li a {}



/*----------------------------------------------------------------------------------------------------
	12. Widget Recent Posts
----------------------------------------------------------------------------------------------------*/

.home .recent-post-wrapper {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}
.no-rgba .home .recent-post-wrapper {
	border-bottom: 1px solid #ccc;
}

.home .recent-post-image {
	width: 125px;
	display: block;
	float: left;	
}
.home .recent-post-text { 
	margin-left: 30px;
	float: left;
}
.home .recent-post-text h5 { font-weight: bold; margin-bottom: 5px; }
.home .recent-post-text p { font-size: 14px;}
.home .recent-post-text span.meta { float: left; margin-bottom: 15px; padding-right: 5px; font-size: 12px;}


/*----------------------------------------------------------------------------------------------------
	13. Widget Twitter
----------------------------------------------------------------------------------------------------*/

ul.twitter {
	float: left;
	width: 100%;
}
/* Home & Standard Sidebar Globals */
.home ul.twitter li span a:link, ul.twitter li span a:visited,
.standard ul.twitter li span a:link, ul.twitter li span a:visited  { 
	display: inline-block;
	padding: 0px 5px;

}
.home ul.twitter li span a:hover,
.standard ul.twitter li span a:hover  {}

/* home sidebar */
.home .twitter-wrapper {}
.home ul.twitter li span a:link, ul.twitter li span a:visited {}
.home ul.twitter li {
	width: 100%;
	float: left;
	clear: left;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 30px;
}
.no-rgba .home ul.twitter li {
	border-bottom: 1px solid #ccc;
}

.home ul.twitter li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.home ul.twitter li span {
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: bold;
}
.home ul.twitter li a.time {
	float: left;
	clear: left;
	margin-top: 10px;
	font-size: 12px;
}

/* standard sidebar */
.standard .twitter-wrapper {}
.standard ul.twitter li span a:link, ul.twitter li span a:visited {}
.standard ul.twitter li {
	width: 100%;
	float: right;
	clear: right;
	margin-bottom: 30px;
}
.standard ul.twitter li span {
	width: 100%;
	float: right;
}
.standard ul.twitter li a.time {
	float: right;
	clear: right;
	margin-top: 10px;
	font-size: 12px;
}

/* Twitter */
.single-twitter ul.twitter li {
	float: left;
	clear: left;
	margin-bottom: 30px;
} 
.single-twitter ul.twitter li span {
	width: 100%;
	float: left;
	clear: left;
	margin-bottom: 15px;
}
.single-twitter ul.twitter li a.time {
	float: left;
	clear: left;
}


/*----------------------------------------------------------------------------------------------------
	14. Widget Testimonials
----------------------------------------------------------------------------------------------------*/

.home .testimonial-wrapper, .home .testimonial-slide {
	float: left;
}
.home .testimonial-wrapper {
	position: relative;
	margin-bottom: 0px;
	overflow: hidden;
}
.home .testimonial-slide{
	z-index: 99;
}
.home .testimonial-text {
	position: relative;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	margin-bottom: 25px;
	color: #fff;
}
.no-rgba .testimonial-text {
	background-color: #2c2c2c;
}

.home .testimonial-text p {
	padding: 15px;
	margin-bottom: 0px;
	font-style: italic;
	line-height: 22px;
}

.home span.testimonial-arrow {
	position: absolute;
	bottom: -20px;
	left: 0px;
	width: 0px !important;
	height: 0px !important;
	border-left: 20px solid transparent;
	border-right: 20px solid rgba(0,0,0,0.8);
	border-bottom: 20px solid transparent;
}
.no-rgba .home span.testimonial-arrow {
	border-right: 20px solid #2c2c2c;
}

.home .testimonial-name {
	float: left;
	clear: both;
	width: 100%;
	z-index: 0;
	margin-left: 40px;
}

.home .testimonial-name h4 {
	display: block;
	text-align: left;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 5px;
}
.home .testimonial-name p {
	display: block;
	text-align: left;
	margin-bottom: 10px;
	font-style: italic;
}

.home .testimonial-wrapper a.next,
.home .testimonial-wrapper a.prev  {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	color: transparent;
	line-height: 999px;
	z-index: 99999;
}

.home .testimonial-wrapper a.next:hover,
.home .testimonial-wrapper a.prev:hover  {
	overflow: visible;
}

.home .testimonial-wrapper a.next {
	bottom: 36px;
	left: 0;
	position: absolute;
	background-image: url(../images/icons-dark.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.home .testimonial-wrapper a.next:hover {
	background-image: url(../images/icons-light.png);
}
.home .testimonial-wrapper a.prev {
	bottom: 5px;
	left: 0;
	position: absolute;
	background-image: url(../images/icons-dark.png);
	background-position: -30px 0px ;
	background-repeat: no-repeat;
}
.home .testimonial-wrapper a.prev:hover {
	background-image: url(../images/icons-light.png);
}


/*----------------------------------------------------------------------------------------------------
	15. Blog Posts
----------------------------------------------------------------------------------------------------*/

.blog-listings-wrapper {
}
.post-wrapper {
	width: 100%;
	float: left;
}
/* Quote and Links post-wrapper */
.post-wrapper.link, .post-wrapper.quote {
	margin-bottom: 60px;
}
.blog-listings-wrapper .post-wrapper {
	margin-bottom: 60px;
	padding-bottom: 60px;
	border-bottom: 5px solid #2c2c2c;
}

.post-media {
	float: left;
	display: block;
	margin-bottom: 10px;
}
.post-content {
	float: left;
	clear: left;
	width: 100%;
}
h5.post-title {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-weight: bold;
}
h5.post-title a {
}
h5.post-title a:hover {
}

a.more-link {
	margin-bottom: 0px !important;
}


/* Blog Navigation */
.blog-navigation {
	width: 100%;
	float: left;
	clear: left;
}
.navbutton {
	display: block;
	float: left;
	position: relative;
	width: 49.75%;
	height: 50px;
}
.nav-gap {
	display: block;
	float: left;
	height: 50px;
	width: 0.5%;
}
.navbutton a:link, .navbutton a:visited, .navbutton span {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	z-index: 9999;

	position: absolute;

}
.navbutton a:hover {}
.navbutton span {
	opacity: 0.3;
	z-index: 10;
}
.no-opacity .navbutton span {
	visibility: hidden;
}

/*----------------------------------------------------------------------------------------------------
	16. Quote Post
----------------------------------------------------------------------------------------------------*/

h3.quote-post {
	margin-top: 60px;
	font-weight: bold;
	text-align: center;
	padding: 0px 30px;
}
p.quote-post {
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 60px;
}


/*----------------------------------------------------------------------------------------------------
	17. Link Post
----------------------------------------------------------------------------------------------------*/

h3.link-post {
	margin-top: 60px;
	font-weight: bold;
	text-align: center;
	padding: 0px 30px;
}
p.link-post {
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 60px;
}
h3.link-post a:link, h3.link-post a:visited, {}
h3.link-post a:hover {}
p.link-post a:link, p.link-post a:visited {}
p.link-post a:hover {}


/*----------------------------------------------------------------------------------------------------
	18. Video Post
----------------------------------------------------------------------------------------------------*/

/* Online Videos (Vimeo, Youtube etc) */

.post-media iframe {
	border: none !important;
	margin: 0px !important;
	padding: 0px !important;
	display: block !important;
	float: left !important;
}


/*----------------------------------------------------------------------------------------------------
	19. Team Page
----------------------------------------------------------------------------------------------------*/

.member-info-wrapper {
	float: left;
	margin-bottom: 60px;
}
.member-info-wrapper h5 {
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 100%;
	border-bottom: solid 1px rgba(0,0,0,.5);
}
.no-rgba .member-info-wrapper h5{
	border-bottom: solid 1px #ccc;
}

.member-info-wrapper small {
	font-weight: bold;
	margin-bottom: 20px;
	float: left;
	display: block;
	width: 100%;
}
.member-info-wrapper ul.social-icons {
	margin-top: -10px;
}

/*----------------------------------------------------------------------------------------------------
	20. Team Single
----------------------------------------------------------------------------------------------------*/

.single-skill,
.single-twitter, 
.single-music {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 40px;
}

.single-skill h4,
.single-twitter h4, 
.single-music h4 {
	padding-bottom: 15px;
	border-bottom: solid 5px #2c2c2c;
	font-weight: bold;
}


/* Skill Set */
ul.skill-list {
	float: left;
	display: block;
	width: 100%;
}
ul.skill-list li {
	height: 30px;
	padding: 0px;
	margin-bottom: 15px;
	float: left;
	clear: left;
	display: block;

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
ul.skill-list li span {
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	display: block;
}




/*----------------------------------------------------------------------------------------------------
	21. Image Sliders
----------------------------------------------------------------------------------------------------*/

#slides {
	float: left;
	position: relative;
	display: block;
}

#slides .slides_container {
	float: left;
	overflow: hidden;
	position: relative;
	display: none;
}

#slides .slides_container .slide {
	float: left;
	display:block;
}

#slides .slides_container .slide a img, #slides .slides_container .slide img {
	float: left;
	display: block;
}

.IE8 #slides .slides_container .slide {
	display: block !important;
	visibility: visible;
	float: left;
}

#slides a.prev, #slides a.next  {
	position: absolute;
	bottom: 20px;
	float: left;
	height: 30px;
	width: 30px;
	z-index: 9999999;
}

#slides a.prev {
	right: 51px;
	background-image: url(../images/icons-light.png);
	background-position: -30px 0px ;
	background-repeat: no-repeat;
}

#slides a.next {
	right: 20px;
	background-image: url(../images/icons-light.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#slides a.prev:hover, #slides a.next:hover {
	background-image: url(../images/icons-dark.png);
}

#slides #pagination {
		display: none !important;
		margin: 0px;
		padding: 0px;
		height: 0px;
		width: 0px;
}


/*----------------------------------------------------------------------------------------------------
	22. Audio / Video Player
----------------------------------------------------------------------------------------------------*/


.jp-audio-container, .jp-video-container {
	margin-top: -30px;
}
.self-hosted {
	background-color: #000;
}

div.jp-interface {
	position: relative;
	width: 100%;
	z-index: 5;
}

.jp-interface { height: 30px; background: rgba(0,0,0,.8); }
.no-rgba .jp-interface { background: #2c2c2c;}

.jp-controls { list-style-type: none; padding: 0; margin: 0; }

.jp-controls li { display: inline; }

.jp-controls a {
    border-bottom: none;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	display:block;
}

.jp-controls a:hover { background-color: transparent; }

a.jp-play, a.jp-pause {
	width: 30px;
	height: 30px;
	z-index: 1;
	outline: none;
}

a.jp-play { background: url(../images/icons.png) 0px -100px no-repeat; }
a.jp-pause { background: url(../images/icons.png) -30px -100px no-repeat; }

.jp-progress-container {
	height: 30px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	display: block;
}

.jp-progress {
	height: 30px;
}

.jp-seek-bar {
	width: 0px;
	height: 6px;
	margin-top: 12px;
	cursor: pointer;
	background-color: #ebebeb;
}

.jp-play-bar {
	width: 0px;
	margin-top: 12px;
	height: 6px;
}

.jp-volume-bar-container {
	width: 40px;
	height: 30px;
	float: left;
	display: block;
}

.jp-volume-bar {
	overflow: hidden;
	width: 40px;
	height: 6px;
	margin-top: 12px;
	cursor: pointer;
	background-color: #ebebeb;
}

.jp-volume-bar-value {
	width: 0px; height: 6px;
}

a.jp-mute, a.jp-unmute {
	width: 20px;
	height: 30px;
	outline: none;
	z-index: 1;
	float: right;
	display: block;
}

a.jp-mute { background: url(../images/icons.png) 0px -70px no-repeat; }
a.jp-unmute { background: url(../images/icons.png) -20px -70px no-repeat; }


/*----------------------------------------------------------------------------------------------------
	23. Single Post
----------------------------------------------------------------------------------------------------*/

.post-meta {}
.post-meta h5 {
	float:right;
	clear: right;
	font-weight: bold;
	margin-bottom: 5px;
}
.post-meta p { float: right; clear: right; margin-bottom: 30px; }
.post-meta ul { float: right; clear: right; margin-bottom: 30px; margin-top: 5px; }
.post-meta ul li { float: right; }
.post-meta ul li a { float: right; margin-left: 5px;}

.post-meta .post-nav {
	clear: right;
	float: left;
	width: 49.5%;
	display: block;
	height: 30px;
	position: relative;
}
.post-meta .post-nav a:link, .post-meta .post-nav a:visited, .post-meta .post-nav span {
	position: absolute;
	left: 0px;
	text-align: center;
	font-weight: bold !important;
	width: 100%;
	float: left;
	padding: 7px 0px 6px 0px;
}
.post-meta .post-nav a:hover {}
.post-meta .post-nav span {
	opacity: 0.3;
}
.no-opacity .post-nav span {
	visibility: hidden;
}

.post-nav-gap {
	clear: right;
	float: left;
	width: 1%;
	display: block;
	height: 30px;
}

/*----------------------------------------------------------------------------------------------------
	24. Forms
----------------------------------------------------------------------------------------------------*/

	form {
		margin-bottom: 0px;
	}

	fieldset { margin-bottom: 10px; display: block; float: left; }

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		display: block;
		margin: 0px 0px 15px 0px;
		outline: none; /* Removes blue on blur */
		font-weight: normal;
		font-size: 16px;
		font-family: Helvetica, Arial, sans-serif;
		color: #2c2c2c;
		border: none;

		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: rgba(0,0,0,0.1);
	}

	.no-rgba input[type="text"],
	.no-rgba input[type="password"],
	.no-rgba input[type="email"],
	.no-rgba textarea {
		background: url(../images/white30.png) repeat;
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {}

	textarea { min-height: 100px; }
	label, legend { display: block; font-weight: bold; font-size: 14px; }
	input[type="checkbox"] { display: inline; }
	label span, legend span {
		font-weight: normal;
		font-size: 14px;
	}

	::-webkit-input-placeholder  { color: rgba(0,0,0,0.5) !important; }
	input:-moz-placeholder { color: rgba(0,0,0,0.5) !important; }

	.no-rgba ::-webkit-placeholder { color: #ccc !important; }
	.no-rgba :-moz-placeholder { color: #ccc !important; }
	.no-rgba :-ms-placeholder { color: #ccc !important; }


	/* Pulldown Inputs */

	.pulldown-inner	input[type="text"],
	.pulldown-inner	input[type="password"],
	.pulldown-inner	input[type="email"],
	.pulldown-inner	textarea {
		color: #fff;
		background-color: rgba(255,255,255,0.1);
	}

	.pulldown-inner	::-webkit-input-placeholder  { color: rgba(255,255,255,0.5) !important; }
	.pulldown-inner	input:-moz-placeholder { color: rgba(255,255,255,0.5) !important; }

	.no-rgba .pulldown-inner ::-webkit-placeholder { color: #ccc !important; }
	.no-rgba .pulldown-inner :-moz-placeholder { color: #ccc !important; }
	.no-rgba .pulldown-inner :-ms-placeholder { color: #ccc !important; }


	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		cursor: pointer;
		text-decoration: none;
		float: left;
		font-weight: bold;
		display: inline-block;
		padding: 7px 10px 6px 10px;
		margin-bottom: 30px;
		border: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {}

	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {}

	#search input {
		margin-bottom: 0px !important;
	}

h6.comments-title {
	float: left;
	clear: both;
	width: 100%;
	border-top: 5px solid;
	padding-top: 40px;
	margin-bottom: 20px;
	font-weight: bold;
}

ul#comments {
	margin-bottom: 30px;
	display: block;
	float: left;
	width: 100%;
}
ul#comments li {
	display: block;
	float: left;
	width: 100%;
}
ul#comments div.comment_wrap {
	float:left;
	display: block;
	margin-bottom: 15px;
	padding: 0px;
	width: 100%;
	background: rgba(0,0,0,0.1);
}
.no-rgba ul#comments div.comment_wrap {
	background: url(../images/white30.png) repeat;
}
ul#comments img {
	display: block;
	float: left;
	margin-right: 15px;
}
ul#comments div.comment {
	display: block;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	padding-bottom: 15px;
}
ul#comments div.details {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 0px;
}
ul#comments div.details h6 {
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 15px;
	margin-bottom: 10px;
}
ul#comments div.comment_text {
	display: block;
	float: left;
}
ul#comments p {
	margin-bottom: 10px;
}

/* Sub Level Comments */
ul#comments li.depth-2 div.comment_wrap,
ul#comments li.depth-3 div.comment_wrap,
ul#comments li.depth-4 div.comment_wrap,
ul#comments li.depth-5 div.comment_wrap {

}

ul#comments li.depth-2 img,
ul#comments li.depth-3 img,
ul#comments li.depth-4 img,
ul#comments li.depth-5 img {
	padding-right: 15px;
}

/* Comment Form */

.comment-input-wrap {
	position: relative;
	display: block;
	float: left;
}
.comment-input-gap {
	display: block;
	float: left;
	width: 15px;
	height: 1px;
}
.comment-textarea-wrap {
	position: relative;
	float: left;
	clear: left;
	width: 100%;
}
.contact-error {
	display: block;
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: 10px;
}
.contact-success {
	margin-top: 20px;
	display: block;
	float: left;
	clear: left;
}
.contact-success h2 {
	margin-bottom: 10px;
}

/* Math Variable Styling */
.comment-input-math {
	width: 300px;
	height: 40px;
}

.comment-input-math p {
	line-height: 40px;
	display: inline-block;
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
}
.comment-input-math input {
	width: 30px !important;
	float: left;
	margin-right: 20px;
	text-align: center !important;

}
.comment-input-math .contact-error {
	float: left;
	display: block;
	height: 40px;
	padding: 0px !important;
	margin: 0px !important;
	line-height: 40px !important;
}

/* Pull Down Contact Form */
#pulldown-form {
	float: left;
	display: block;
	width: 100%;
}
.nest30 .comment-input-wrap {
	float: left;
	clear: left;
}
.nest30 .comment-textarea-wrap {
	float: left;
	clear: left;
}
.nest30 .comment-input-wrap input, .nest30 .comment-textarea-wrap textarea {
	position: relative;
	padding: 10px !important;
}
.nest30 .comment-textarea-wrap textarea { min-height: 50px; }
.nest30 .contact-error {
	position: absolute;
	left: -10px;
	top: 10px;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------------------------
	25. Portfolio Page
----------------------------------------------------------------------------------------------------*/

#container {
	width: 100%;
}

ul#filters {
	display: block;
	float: left;
	clear: left;
	margin-top: -30px;
	margin-bottom: 30px;
}
ul#filters li {
	display: block;
	float: left;
	font-weight: bold;
}
ul#filters li a {
	display: block;
	float: left;
	cursor: pointer;
}
ul#filters li span.sep {
	padding: 0px 10px;
}


/* Portfolio Pagination */
.pag-button {
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	margin-top: 30px;
}
a.page-numbers {
	padding: 0px 5px;
	display: inline-block;
}
span.page-numbers {
	padding: 0px 5px 5px 5px;
	display: inline-block;
}
.pag-button span.sep {
	display: inline-block;
	padding: 0px 5px;
}


/*----------------------------------------------------------------------------------------------------
	26. Contact Page
----------------------------------------------------------------------------------------------------*/

#googlemap {
	float: left;
	display: block;
	height: 300px;
}

/*----------------------------------------------------------------------------------------------------
	27. Isotope
----------------------------------------------------------------------------------------------------*/

.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.0s;
     -moz-transition-duration:0.0s;
       -o-transition-duration:0.0s;
          transition-duration:0.0s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-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;
       -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;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.element {
	float: left;
	display: block;
	height: auto;
}

/*----------------------------------------------------------------------------------------------------
	28. Skeleton
----------------------------------------------------------------------------------------------------*/

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 15px; margin-right: 15px; }
    .row                                        { margin-bottom:; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 30px;  }
    .container .two.columns                     { width: 90px;	}
    .container .three.columns                   { width: 150px; }
    .container .four.columns                    { width: 210px; }
    .container .five.columns                    { width: 270px; }
    .container .six.columns                     { width: 330px; }
    .container .seven.columns                   { width: 390px; }
    .container .eight.columns                   { width: 450px; }
    .container .nine.columns                    { width: 510px; }
    .container .ten.columns                     { width: 570px; }
    .container .eleven.columns                  { width: 630px; }
    .container .twelve.columns                  { width: 690px; }
    .container .thirteen.columns                { width: 750px; }
    .container .fourteen.columns                { width: 810px; }
    .container .fifteen.columns                 { width: 870px; }
    .container .sixteen.columns                 { width: 930px; }
    .container .one-third.columns               { width: 290px; }
    .container .two-thirds.columns              { width: 610px; }


    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

    /* Visible only on PC */
    .responsivehide { display: block; visibility: visible;} 

    /* Visible on PC and iPad */
    .responsivehide2 { display: block; visibility: visible;} 

    /* Visible only on Ipad and Iphone */
    .responsivehide3 {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

    /* Visible only iPhone */
    .responsivehide4 {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

    /* Visible only iPad */
    .responsivehide5 {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

	/* Slider Page */
	#slides .slides_container, #slides .slides_container .slide { width: 690px; }
	.portfolio #slides .slides_container, .portfolio #slides .slides_container .slide { width: 930px; }


    /* Video / Audio Posts */
    .post-media iframe { width: 690px !important; height: 389px !important; }
    .jp-jplayer-video { width: 690px !important; height: 389px !important; }
    .jp-jplayer-audio { width: 690px !important; height: 30px !important; }
	.jp-progress-container, .jp-progress { width: 585px; }

    .portfolio .post-media iframe { width: 930px !important; height: 523px !important; }
    .portfolio .jp-jplayer-video { width: 930px !important; height: 524px !important; }
    .portfolio .jp-jplayer-audio { width: 930px !important; height: 30px !important; }
	.portfolio .jp-progress-container, .portfolio .jp-progress { width: 825px; }

	/* Testimonial Slider */
	.home .testimonial-wrapper, .home .testimonial-slide { width: 450px; }

	/* Comment Form */
    .comment-input-wrap	{ width: 220px; }

    /* Team Single */
  	.single-music iframe { width: 610px !important; height: 80px !important;}

  	/* Pulldown */
  	div.nest30 { width: 420px; }
	.nest30 .comment-input-wrap input, .nest30 .comment-textarea-wrap textarea { width: 400px !important;}

	/* Google Map */
	#googlemap { width: 690px; }



/*----------------------------------------------------------------------------------------------------
	29. Skeleton Tablet
----------------------------------------------------------------------------------------------------*/

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 15px; margin-right: 15px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 15px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 15px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 18px; }
        .container .two.columns                     { width: 66px; }
        .container .three.columns                   { width: 134px; }
        .container .four.columns                    { width: 162px; }
        .container .five.columns                    { width: 210px; }
        .container .six.columns                     { width: 258px; }
        .container .seven.columns                   { width: 296px; }
        .container .eight.columns                   { width: 354px; }
        .container .nine.columns                    { width: 402px; }
        .container .ten.columns                     { width: 450px; }
        .container .eleven.columns                  { width: 498px; }
        .container .twelve.columns                  { width: 546px; }
        .container .thirteen.columns                { width: 594px; }
        .container .fourteen.columns                { width: 642px; }
        .container .fifteen.columns                 { width: 690px; }
        .container .sixteen.columns                 { width: 738px; }

        .container .one-third.columns               { width: 226px; }
        .container .two-thirds.columns              { width: 482px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }

	    /* Visible only on PC */
	    .responsivehide {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

	    /* Visible on PC and Ipad */
	    .responsivehide2 { display: block; visibility: visible;} 

	    /* Visible only on Ipad and Iphone */
	    .responsivehide3 { display: block; visibility: visible}

	    /* Visible only iPhone */
	    .responsivehide4 {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

	    /* Visible only iPad */
	    .responsivehide5 { display: block; visibility: visible;} 

	    /* Slider */
	    #slides .slides_container, #slides .slides_container .slide { width: 546px;}
		.portfolio #slides .slides_container, .portfolio #slides .slides_container .slide { width: 738px; }

        /* Video Posts */
        .post-media iframe {width: 546px !important;height: 308px !important;}
        .jp-jplayer-video { width: 546px !important;height: 308px !important;}
        .jp-jplayer-audio { width: 546px !important;height: 30px !important;}
		.jp-progress-container, .jp-progress { width: 441px; }

	    .portfolio .post-media iframe { width: 738px !important; height: 415px !important; }
	    .portfolio .jp-jplayer-video { width: 738px !important; height: 416px !important; }
	    .portfolio .jp-jplayer-audio { width: 738px !important; height: 30px !important; }
		.portfolio .jp-progress-container, .portfolio .jp-progress { width: 633px; }	

		/* Testimonial Slider */
		.home .testimonial-wrapper, .home .testimonial-slide { width: 354px; }

		/* Comment Form */
	    .comment-input-wrap	{ width: 172px; }

	    /* Team Single */
	  	.single-music iframe { width: 482px !important; height: 80px !important;}

	  	/* Pulldown */
  		div.nest30 { width: 324px; }
		.nest30 .comment-input-wrap input, .nest30 .comment-textarea-wrap textarea { width: 304px !important;}

		/* Google Map */
		#googlemap { width: 546px; }

		/* Nav pulldown Menu */
		#main-nav > div > ul,
		#main-nav ul li,
		#main-nav ul li a,
		#main-nav ul li a ul,
		#main-nav ul li a ul li,
		#main-nav ul li a ul li a,
		#main-nav ul li a ul li a ul,
		#main-nav ul li a ul li a ul li,
		#main-nav ul li a ul li a ul li a
		{ width: 698px !important;}

    }

/*----------------------------------------------------------------------------------------------------
	30. Skeleton Mobile Portrait
----------------------------------------------------------------------------------------------------*/

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.columns,
        .container .two-thirds.columns  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

        /* Visible only on PC */
        .responsivehide {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

        /* Visible on PC and Ipad */
        .responsivehide2 {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

        /* Visible only on Ipad and Iphone */
        .responsivehide3 { display: block; visibility: visible}

        /* Visible only iPhone */
        .responsivehide4 { display: block; visibility: visible}

        /* Visible only iPad */
        .responsivehide5 {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

        /* Slider */
        #slides, #slides .slides_container, #slides .slides_container .slide { width: 300px; }
		.portfolio #slides .slides_container, .portfolio #slides .slides_container .slide { width: 300px; }

        /* Video Posts */
        .post-media iframe { width: 300px !important ;height: 169px !important;}
        .jp-jplayer-video { width: 300px !important ;height: 169px !important;}
        .jp-jplayer-audio { width: 300px !important ;height: 30px !important;}
		.jp-progress-container, .jp-progress { width: 195px; }

	    .portfolio .post-media iframe { width: 300px !important; height: 169px !important; }
	    .portfolio .jp-jplayer-video { width: 300px !important; height: 169px !important; }
	    .portfolio .jp-jplayer-audio { width: 300px !important; height: 30px !important; }
		.portfolio .jp-progress-container, .portfolio .jp-progress { width: 195px; }	


		/* Testimonial Slider */
		.home .testimonial-wrapper, .home .testimonial-slide { width: 300px; }

		/* Comment Form */
	    .comment-input-wrap	{ width: 300px; }

	    /* Team Single */
	  	.single-music iframe { width: 300px !important; height: 80px !important;}

	  	/* Pulldown */
  		div.nest30 { width: 240px; clear: left; margin: 30px !important; }
		.nest30 .comment-input-wrap input, .nest30 .comment-textarea-wrap textarea { width: 220px !important;}
		.pulldown-form div.nest30 { margin-top: 0px !important !important;}

		/* Google Map */
		#googlemap { width: 300px; }


		/* Nav pulldown Menu */
		#main-nav > div > ul,
		#main-nav ul li,
		#main-nav ul li a,
		#main-nav ul li a ul,
		#main-nav ul li a ul li,
		#main-nav ul li a ul li a,
		#main-nav ul li a ul li a ul,
		#main-nav ul li a ul li a ul li,
		#main-nav ul li a ul li a ul li a
		{ width: 260px !important;}

    }


/*----------------------------------------------------------------------------------------------------
	31. Skeleton Mobile Landscape
----------------------------------------------------------------------------------------------------*/

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.columns,
        .container .two-thirds.columns { width: 420px; }

        /* Visible only on PC */
        .responsivehide {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

        /* Visible on PC and Ipad */
        .responsivehide2 {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

        /* Visible only on Ipad and Iphone */
        .responsivehide3 { display: block; visibility: visible} 

        /* Visible only iPhone */
        .responsivehide4 { display: block; visibility: visible}

        /* Visible only iPad */
        .responsivehide5 {display: none; visibility: hidden; margin: 0px; padding: 0px; height: 0px; width: 0px;}

        /* Slider */
        #slides, #slides .slides_container, #slides .slides_container .slide { width: 420px; }
		.portfolio #slides .slides_container, .portfolio #slides .slides_container .slide { width: 420px; }

        /* Video Posts */
        .post-media iframe { width: 420px !important; height: 236px !important;}
        .jp-jplayer-video { width: 420px !important; height: 236px !important; }
        .jp-jplayer-audio { width: 420px !important ;height: 30px !important;}
		.jp-progress-container, .jp-progress { width: 315px; }

	    .portfolio .post-media iframe { width: 420px !important; height: 236px !important; }
	    .portfolio .jp-jplayer-video { width: 420px !important; height: 236px !important; }
	    .portfolio .jp-jplayer-audio { width: 420px !important; height: 30px !important; }
		.portfolio .jp-progress-container, .portfolio .jp-progress { width: 315px; }	


		/* Testimonial Slider */
		.home .testimonial-wrapper, .home .testimonial-slide { width: 420px; }

		/* Comment Form */
	    .comment-input-wrap	{ width: 420px; }

	    /* Team Single */
	  	.single-music iframe { width: 420px !important; height: 80px !important;}

	  	/* Pulldown */
  		div.nest30 { width: 360px; clear: left; margin: 30px !important; }
		.nest30 .comment-input-wrap input, .nest30 .comment-textarea-wrap textarea { width: 340px !important;}
		.pulldown-form div.nest30 { margin-top: 0px !important !important;}

		/* Google Map */
		#googlemap { width: 420px; }

		/* Nav pulldown Menu */
		#main-nav > div > ul,
		#main-nav ul li,
		#main-nav ul li a,
		#main-nav ul li a ul,
		#main-nav ul li a ul li,
		#main-nav ul li a ul li a,
		#main-nav ul li a ul li a ul,
		#main-nav ul li a ul li a ul li,
		#main-nav ul li a ul li a ul li a
		{width: 380px !important}

    }


/*----------------------------------------------------------------------------------------------------
	32. Skeleton Clearing
----------------------------------------------------------------------------------------------------*/

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }



/*----------------------------------------------------------------------------------------------------
	33. Mobile Menu
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 959px) {

	.header-wrapper {
		min-height: 60px;
	}
	.header-wrapper .logo {
		float: left;
	}

	#main-nav .nav-arrow { display: none; }
	#main-nav {
		width: 100%;
		display: block;
	    position: relative;
	    bottom: 0px;
	    right: 0px;
	}

	#main-nav .menu-dropdown {
		float: right;
	    cursor: pointer;
	    display: block;
	    height: 40px;
	    width: 40px;
	    padding: 0px;
	    margin: 0px;
	    background: url(../images/drop_down_icon.png) no-repeat center center rgba(0,0,0,0.8);
	}
	.no-rgba #main-nav .menu-dropdown {
		background: url(../images/drop_down_icon.png) no-repeat center center #2c2c2c;
	}
	
	#main-nav > div {
		margin: 20px 0px;
		float: left;
		width: 100%;
	    display: none;
	    z-index: 999;
	    background: rgba(0,0,0,0.8);
	}

	.no-rgba #main-nav > div {
		background: url(../images/black50.png) repeat;
	}
	
	#main-nav > div > ul {
		float: left;
		display: block;
		margin: 20px 20px 30px 20px;
	}


	#main-nav ul li,
	#main-nav ul li a,
	#main-nav ul li a ul,
	#main-nav ul li a ul li,
	#main-nav ul li a ul li a,
	#main-nav ul li a ul li a ul,
	#main-nav ul li a ul li a ul li,
	#main-nav ul li a ul li a ul li a {
		float: left !important;
		clear: left !important;
		padding: 0px !important;
		margin: 0px !important;
		font-size: 16px !important;
		line-height: 30px;
		color: #fff;
	}

	#main-nav ul li a {
		border-bottom: solid 1px rgba(255,255,255,.2) !important;
	}
	.no-rgba #main-nav ul li a {
		border-bottom: solid 1px #ccc;
	}

	#main-nav ul ul {
	    background: transparent;
	    display: block !important;
	    position: static;
	    visibility: visible !important;
	}
	#main-nav ul li span.sep { display: none; }

}

/*----------------------------------------------------------------------------------------------------
	34. Globals
----------------------------------------------------------------------------------------------------*/
	
	.nobot { margin-bottom: 0px !important; }
	.floatleft { float: left !important; }
	.floatright { float: right !important; }
	.clearbox30 { height: 30px; width: 100%; display: block; clear: both; float: left; }
	.clearbox60 { height: 60px; width: 100%; display: block; clear: both; float: left; }


/*----------------------------------------------------------------------------------------------------
	35. Loading Bar
----------------------------------------------------------------------------------------------------*/
	.loadingBar {
		margin: 60px auto;
		display: block;
		width: 150px;
	}

	.loadingBar .brick-wrapper {
		height: 20px;
		width: 20px;
		margin-right: 10px;
	}

	.barlittle {
		background-color: rgba(0,0,0,.2);
		width:20px;
		height:20px;
		float:left;
	    opacity:0;
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		transform: scale(1);
		-moz-animation: move 1s infinite ease;
		-webkit-animation: move 1s infinite ease;
		animation: move 1s infinite ease;
	}
	#block_1{
	 	-moz-animation-delay: .4s;
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
	 }
	#block_2{
	 	-moz-animation-delay: .3s;
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
	}
	#block_3{
	 	-moz-animation-delay: .2s;
		-webkit-animation-delay: .2s;
		animation-delay: .2s;
	}
	#block_4{
	 	-moz-animation-delay: .3s;
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
	}
	#block_5{
	 	-moz-animation-delay: .4s;
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
	}
	@-moz-keyframes move{
		0%{-moz-transform: scale(1);opacity:1;}
		100%{-moz-transform: scale(1);opacity:0;}
	}
	@-webkit-keyframes move{
		0%{-webkit-transform: scale(1);opacity:1;}
		100%{-webkit-transform: scale(1);opacity:0;}
	}
	@keyframes move{
		0%{transform: scale(1);opacity:1;}
		100%{transform: scale(1);opacity:0;}
	}