/*------------------------------------------------------------------
Nietzsche Minimal Skin
Version: 1;
Author: ThemeMountain
Copyright: ThemeMountain

[Table of contents]

1. Typography
2. Background Color & Color Classes
3. Header & Navigation
4. Slider & Parallax
5. Lightbox
6. Plugin Preloader
7. Rollovers
8. Homepage
9. About Pages
10. Contact Pages
11. Project Pages
12. Fullscreen Pages
13. Blog Pages
14. Resolution Media Queries
15. Form Elements
16. Social Lists
17. Footer
18. Dividers
19. Media Element Player
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Typography]
*/
body,
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.navigation ul li a,
.side-navigation ul li a{
	font-family: 'Lato', 'Helvetica Neue', Arial, serif;
}
.lead,
.project-description,
.project-details,
[class*="pagination-"] small,
.post-info,
.single-post-tags,
.team-3 h6.occupation,
.team-4 h6.occupation,
.stats-2 .description,
.copyright,
.side-navigation-footer,
.comment-meta,
.sidebar a,
cite,
.font-alt-2{
	font-family: 'Helvetica Neue', Arial, serif;
}
.counter{
	font-family: 'Helvetica Neue', Arial, serif;
}

/* Headings and Links */
a, 
p a,
.box a:not(.button){
	color: #666;
}
a:hover,
p a:hover,
.box a:not(.button):hover{
	color: #fdeb74;
	text-decoration: none;
}
h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a, 
h5, h5 a, 
h6, h6 a{
	color: #333;
	letter-spacing: 0.1rem;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
	color: #fdeb74;
}
h1 {
	font-size: 2.4rem;

}
h2 {
	font-size: 2rem;

}
h3 {
	font-size: 1.7rem;

}
h3.widget-title {
	font-size: 1.7rem;

}
h4 {
	font-size: 1.5rem;

}
h5 {
	font-size: 1.4rem;

}
h6 {
	font-size: 1.2rem;
	
}
p{
	font-weight: 200;
	font-size: 1.4rem;
	line-height: 1.8;
}
[class*="hero-"] p,
.lead{
	font-size: 1.5rem;
}
.blog-masonry .grid-item h2{
	font-size: 1.8rem;
	margin-bottom: 0;
}
.blog-masonry.masonry-set-dimensions h2{
	font-size: 1.4rem;
	text-transform: uppercase;
}
.blog-masonry.masonry-set-dimensions h2 a{
	color: #fff;
} 

/*------------------------------------------------------------------
[2. Background Color & Color Classes]
*/
.bkg-charcoal{
	background-color: #333; 
	border-color: #333;
}
.bkg-hover-charcoal:hover{
	background-color: #000; 
	border-color: #000;
}
.bkg-yellow-light{
	background-color: #fdeb74; 
	border-color: #fdeb74;
}
.bkg-hover-yellow-light:hover{
	background-color: #f6e04d; 
	border-color: #f6e04d;
}
.color-yellow-light{
	color: #fdeb74;
}
.color-yellow-light:hover{
	color: #f6e04d;
}

/*------------------------------------------------------------------
[3. Header & Navigation]
*/
.header .logo{
	width: 12rem;
	padding-bottom: 0;
}
.header.header-compact .logo{
	padding-bottom: 0;
}
.header-1 .header-inner{
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.header-1.header-background .header-inner{
	border-bottom: 1px solid rgba(255,255,255,0);
}
.header-3,
.header-3 .header-inner{
	background: #fff;
}
.header .navigation > ul > li > a{
	padding-bottom: 0.4rem;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.2rem;
}
.header-1 .navigation-show{
	padding-top: 3.9rem;
}
.header-4 .navigation-show{
	padding-top: 2.9rem;
}
.header-1 .navigation > ul > li > a,
.header-1 .navigation-show a,
.header-4 .navigation > ul > li > a,
.header-4 .navigation-show a{
	color: #fff;
}
.nav-dark .navigation > ul > li > a,
.nav-dark .navigation-show a{
	color: #333;
}

/* Side Navigation Colors */
.side-navigation-wrapper .logo{
	width: 12rem;
}
.side-navigation-wrapper{
	background-image: url(../images/side-nav@2x.jpg);
	background-size: cover;
}
.side-navigation > ul > li > a{
	padding: 0.6rem 4rem;
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
.side-navigation .sub-menu a{
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}
.side-navigation .sub-menu li:first-child{
	padding-top: 0.5rem;
}
.side-navigation .sub-menu li:last-child{
	padding-bottom: 1rem;
}
.side-navigation-footer {
	color: #666;
	font-size: 1.1rem;
}

/* Navigation - Active Colors */
.header .navigation > ul > li > a{
	margin: 0 1.5rem;
	padding-left: 0;
	padding-right: 0;
}
.side-navigation ul li.current > a{
	color: #fff;
}
.header .navigation > ul > li.current > a{
	padding-bottom: 0.2rem;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.nav-dark .navigation > ul > li.current > a{
	color: #333;
	border-bottom: 1px solid #333;
}

/* Navigation - Hover Colors */
.header a:hover.navigation-show a:hover, 
.header .navigation > ul > li > a:hover, 
.header .side-navigation > ul > li > a:hover{
	color: #fff;
	opacity: 0.6;
}
.nav-dark .navigation-show a:hover, 
.nav-dark .navigation > ul > li > a:hover{
	color: #333;
	opacity: 0.6;
}

/* Header Cackground on Scroll Color */
.header.header-background .header-inner{
	background: #fff;
}
.header-background .navigation-show a,
.header-background .navigation > ul > li > a,
.header-background .side-navigation > ul > li > a,
.header-3 .navigation-show a,
.header-3 .navigation > ul > li > a,
.header-3 .side-navigation > ul > li > a{
	color: #666;
}
.header-2.header-sticky .navigation > ul > li.current > a,
.header-background .navigation > ul > li.current > a,
.header-3.header-sticky .navigation > ul > li.current > a,
.header-3 .navigation > ul > li.current > a{
	color: #000;
	border-bottom: none;
}
.header-background .navigation-show a:hover, 
.header-background .navigation > ul > li > a:hover, 
.header-background .side-navigation > ul > li > a:hover,
.nav-dark .header-background .navigation-show a:hover, 
.nav-dark .header-background .navigation > ul > li > a:hover,
.header-3 .navigation-show a:hover, 
.header-3 .navigation > ul > li > a:hover, 
.header-3 .side-navigation > ul > li > a:hover{
	color: #000;
	opacity: 1;
}
.header-background .navigation > ul > li.current > a:hover,
.header-3 .navigation > ul > li.current > a:hover{
	color: #666;
}
.side-navigation-footer .social-list a{
	color: #999;
}
.side-navigation-wrapper .navigation-hide {
	right: 1rem;
}
.side-navigation-wrapper .navigation-hide [class*="icon-"]{
	line-height: inherit;
}

/* Mobile */
.mobile .header, 
.mobile .header .header-inner{
	background: #fff;
}
.mobile .header-inner .navigation-show a{
	color: #666;
}

/* Header mobile & breakpoint colors */
@media only screen and (max-width: 960px){
	.header, 
	.header .header-inner{
		background: #fff;
	}
	.header-inner .navigation-show a{
		color: #666;
	}
	.header-inner .navigation-show a:hover{
		color: #000;
		opacity: 1;
	}
}

/*------------------------------------------------------------------
[4. Slider & Parallax]
*/
.full-width-slider,
.parallax.fixed-height{
	height: 100vh;
}
.mobile .full-width-slider,
.mobile .parallax.fixed-height{
	height: 50rem;
}
.tm-slider-container,
.parallax{
	background: #000;
}

/* Slider Navigation */
.tms-arrow-nav{
	background: none;
	font-size: 2rem;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.2);
}
.tms-arrow-nav:hover{
	border-color: rgba(255,255,255,0.5);
}
#tms-prev{
	border-left: none;
}
#tms-next{
	border-right: none;
}

/*------------------------------------------------------------------
[5. Lightbox]
*/
.tm-lightbox{
	background: rgba(255,255,255,1);
}
.tm-lightbox .tm-loader #circle{
	border-color: #000;
}
#tml-content{
	box-shadow: none;
}
#tml-caption span{
	border: none;
}
#tml-caption{
	font-style: normal;
	font-weight: 200;
	letter-spacing: 0.1rem;
	color: #333;
}
.tml-nav{
	color: #333;
}

/*------------------------------------------------------------------
[6. Plugin Preloader]
*/
.tm-loader #circle {
	width: 2rem;
	height: 2rem;
	background: none;
	border: 3px solid rgba(255,255,255,0.5);
}

/*------------------------------------------------------------------
[7. Rollovers]
*/
.overlay-info{
	background: rgba(253, 234, 109, 0.95);
}
.overlay-info > span > span{
	text-align: center;
	vertical-align: center;
	color: #333;
}
.overlay-info .project-number{
	font-size: 3rem;
	color: #999;
	font-weight: 200;
}
.overlay-info .project-title{
	font-size: 1.4rem;
	font-weight: bold;
	text-transform: uppercase;
}
.overlay-info .project-description{
	font-size: 1.4rem;
	font-weight: 200;
}

/*------------------------------------------------------------------
[8. Homepage]
*/
.portfolio-filter-menu li:first-child{
	padding-left: 0;
}
.portfolio-filter-menu a{
	padding: 0 0 0.2rem 0;
	font-weight: bold;
	color: #666;
}
.portfolio-filter-menu a:hover{
	color: #333;
}
.portfolio-filter-menu a.active{
	border-width: 1px;
}
.home-page [class*="portfolio-"]{
	background: none;
}

/*------------------------------------------------------------------
[9. About Pages]
*/

/* Team Sections */
.team-3{
	background: none;
	color: #666;
}
.team-3 .team-content-info,
.team-3 .social-list a{
	color: #666;
}
.team-3 .team-content-info h5{
	color: #333;
}
.team-3 .tms-bullet-nav{
	background: #333; 
}
.team-3 .team-slider .tms-pagination{
	text-align: left;
}
.team-4 .social-list a{
	color: #333;
}
.team-3 h6.occupation,
.team-4 h6.occupation{
	font-weight: 200;
}
.team-slider-grid{
	background-color: #fdeb74;
}
.team-slider-grid .padded{
	padding: 0.5rem 1rem;
}

/* Logo Sections */
.logos-2{
	background-image:url(../images/team/team-bkg-logos.jpg);
}
.logos-4{
	background-color: #f4f4f4;
}
.logos-4 .grid-item:before{
	border-left: 1px dashed #ccc;
}
.logos-4 .grid-item:after{
	border-bottom: 1px dashed #ccc;
}

/* Hero Section */
.hero-4-about{
	background-image:url(../images/team/team-hero.jpg);
}

/* Testimonial Section */
.testimonial-5{
	padding-top: 5rem;
	background: #f4f4f4;
	color: #333;
}
.testimonial-5 .tms-bullet-nav{
	background: #333;
}

/* Stat Section */
.stats-2{
	padding-top: 12rem;
	padding-bottom: 12rem;
	background: #333;
}
.stats-2 .counter{
	font-size: 3rem;
	color: #eee;
}
.stats-2 .grid-item{
	border-right-style: dashed;
	border-color: #666;
}
.stats-2 .description{
	letter-spacing: 0.1rem;
	color: #999;
}
@media only screen and (max-width: 768px) {
	.stats-2 .row-1{
		border-bottom-style: dashed;
	}
}
@media only screen and (max-width: 480px) {
	.stats-2 .row-1,
	.stats-2 .grid-item{
		border-right: none;
	}
	.stats-2 .grid-item{
		border-bottom-style: dashed;
	}
}

/*------------------------------------------------------------------
[10. Contact Pages]
*/

/* Hero Sections */
.hero-5-contact > .row:before{
	background: #fdeb74;
}
.hero-5-contact > .row:after,
.hero-7-contact > .row:before{
	background-image:url(../images/contact/contact-hero.jpg);
}

/* Form Response */
.contact-form-container .form-response{
	color: #666;
}

/* Contact Style 3 Breakpoint Colors */
@media only screen and (max-width: 768px){
	.hero-5-contact{
		color: #666;
	}
	.hero-5-contact h1,
	.hero-5-contact h2,
	.hero-5-contact h3, 
	.hero-5-contact h4, 
	.hero-5-contact h5, 
	.hero-5-contact h6{
		color: #333;
	}
	.hero-5-contact .hero-content-inner{
		text-align: left;
	}
}

/*------------------------------------------------------------------
[11. Project Pages]
*/

/* Pagination */
.pagination-2{
	color: #666;
	background-color: #f4f4f4;
}
.pagination-2 a{
	-webkit-transition-duration: 700ms;
	-moz-transition-duration: 700ms;
	-o-transition-duration: 700ms;
	-ms-transition-duration: 700ms;
	transition-duration: 700ms;
}
.pagination-2 a:hover{
	color: #fdeb74;
	background: rgba(0,0,0,0.3);
}
.project-1-next,
.project-3-prev{
	background-image: url(../images/portfolio/pagination/repetition-makes-mastery.jpg);
}
.project-2-prev{
	background-image: url(../images/portfolio/pagination/menscher-art.jpg);
}
.project-2-next,
.project-4-prev{
	background-image: url(../images/portfolio/pagination/lakeside-clothing.jpg);
}
.project-3-next,
.project-5-prev{
	background-image: url(../images/portfolio/pagination/mud-clothing.jpg);
}
.project-4-next,
.project-6-prev{
	background-image: url(../images/portfolio/pagination/harvest-goods.jpg);
}
.project-5-next,
.project-7-prev{
	background-image: url(../images/portfolio/pagination/the-plastic-chair.jpg);
}
.project-6-next,
.project-8-prev{
	background-image: url(../images/portfolio/pagination/nu-clothing.jpg);
}
.project-7-next,
.project-9-prev{
	background-image: url(../images/portfolio/pagination/madam-creative.jpg);
}
.project-8-next,
.project-10-prev{
	background-image: url(../images/portfolio/pagination/k-nine.jpg);
}
.project-9-next,
.project-11-prev{
	background-image: url(../images/portfolio/pagination/orcha-clothing.jpg);
}
.project-10-next,
.project-12-prev{
	background-image: url(../images/portfolio/pagination/palm-restaurant.jpg);
}
.project-11-next{
	background-image: url(../images/portfolio/pagination/palm-restaurant.jpg);
}
.post-1-next{
	background-image: url(../images/blog/pagination/ny-inspiration.jpg);
}

/* Project 2 */
.project-2-1{
	background: #3e3e3e;
}

/* Project 4 */
.project-4,
.project-4-1{
	background: #d8d5d0;
}
.project-4-2{
	background: #5b5853;
}
.project-4-3{
	background: #584f3d;
}

/* Project 5 */
.project-5-1{
	background: #584f3d;
}

/* Project 8 */
.project-8{
	background: #9eb7b6;
}
.project-8-1{
	background-image: url(../images/portfolio/project-8/madam-identity-fs-1.jpg);
}
.project-8-2{
	background-image: url(../images/portfolio/project-8/madam-identity-fs-2.jpg);
}

/* Project 12 */
.tm-slider-container.project-12{
	background: #e15230;
}

/*------------------------------------------------------------------
[12. Fullscreen Pages]
*/
.fullscreen-section .fullscreen-inner{
	background: rgba(0,0,0,0.6);
}
.error-404 .background-image,
.error-500 .background-image{
	background-image: url(../images/fullscreen/error-1.jpg);
}
.coming-soon-1 .background-image{
	background-color: #000;
	background-image: url(../images/fullscreen/coming-soon-1.jpg);
}
.coming-soon-1 .logo{
	width: 12rem;
	margin-bottom: 1rem;
}
.error-404 .search-form-container{
	max-width: 50rem;
}
.error-404 .search-form-container .button{
	width: auto;
}
.error-404 .form-search{
	font-size: 1.7rem;
	font-weight: 200;
	text-align: center;
}

/*------------------------------------------------------------------
[13. Blog Pages]
*/
.post-content.with-background{
	background: #f4f4f4;
}
.post-info{
	color: #999;
}
.blog-masonry.masonry-set-dimensions .post-info,
.blog-masonry.masonry-set-dimensions .post-info a{
	color: #fff;
}
.post-info span{
	font-weight: 200;
}
.post-media .mejs-container.mejs-audio .mejs-controls .mejs-play,
.post-media .mejs-container.mejs-audio .mejs-controls .mejs-pause{
	border-radius: 0;
}
.post-media .mejs-container.mejs-audio .mejs-controls{
	border-radius: 0;
}
.blog .pagination-2 .page-list a{
	color: #999;
}
.blog .pagination-2 .page-list a:hover,
.blog .pagination-2 .page-list .current{
	color: #333;
}
.masonry-set-dimensions .post-content.with-background{
	background: rgba(0,0,0,0.3);
}
.masonry-set-dimensions .post-media:hover .post-content{
	background: rgba(0,0,0,0.8);
}
.masonry-set-dimensions .post-media:hover .post-content h2 a{
	color: #fdeb74;
}
.masonry-set-dimensions .post-media:hover .post-author a:hover{
	opacity: 0.5;
}
.single-post .post-info span,
.single-post-tags a{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0.5rem;
}
.single-post-tags .tags-title{
	font-size: 1.3rem;
}
h3.widget-title{
	font-size: 1.6rem;
}
aside .widget li{
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}

/*------------------------------------------------------------------
[14. Resolution Media Queries]
*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				min-resolution: 2dppx) { 
	
	/* Fullscreen Pages */
	.error-404 .background-image,
	.error-500 .background-image{
		background-image: url(../images/fullscreen/error-1@2x.jpg);
	}
	.coming-soon-1 .background-image{
		background-color: #000;
		background-image: url(../images/fullscreen/coming-soon-1@2x.jpg);
	}

	/* Logo About Section */
	.logos-2{
		background-image:url(../images/team/team-bkg-logos@2x.jpg);
	}

	/* Hero About Section*/
	.hero-4-about{
		background-image:url(../images/team/team-hero@2x.jpg);
	}

	/* Project 8 */
	.project-8-1{
		background-image: url(../images/portfolio/project-8/madam-identity-fs-1@2x.jpg);
	}
	.project-8-2{
		background-image: url(../images/portfolio/project-8/madam-identity-fs-2@2x.jpg);
	}

	/* Pagination */
	.project-1-next,
	.project-3-prev{
		background-image: url(../images/portfolio/pagination/repetition-makes-mastery@2x.jpg);
	}
	.project-2-prev{
		background-image: url(../images/portfolio/pagination/menscher-art@2x.jpg);
	}
	.project-2-next,
	.project-4-prev{
		background-image: url(../images/portfolio/pagination/lakeside-clothing@2x.jpg);
	}
	.project-3-next,
	.project-5-prev{
		background-image: url(../images/portfolio/pagination/mud-clothing@2x.jpg);
	}
	.project-4-next,
	.project-6-prev{
		background-image: url(../images/portfolio/pagination/harvest-goods@2x.jpg);
	}
	.project-5-next,
	.project-7-prev{
		background-image: url(../images/portfolio/pagination/the-plastic-chair@2x.jpg);
	}
	.project-6-next,
	.project-8-prev{
		background-image: url(../images/portfolio/pagination/nu-clothing@2x.jpg);
	}
	.project-7-next,
	.project-9-prev{
		background-image: url(../images/portfolio/pagination/madam-creative@2x.jpg);
	}
	.project-8-next,
	.project-10-prev{
		background-image: url(../images/portfolio/pagination/k-nine@2x.jpg);
	}
	.project-9-next,
	.project-11-prev{
		background-image: url(../images/portfolio/pagination/orcha-clothing@2x.jpg);
	}
	.project-10-next,
	.project-12-prev{
		background-image: url(../images/portfolio/pagination/palm-restaurant@2x.jpg);
	}
	.project-11-next{
		background-image: url(../images/portfolio/pagination/angular-mockup@2x.jpg);	
	}
	.post-1-next{
		background-image: url(../images/blog/pagination/ny-inspiration@2x.jpg);
	}
}

/*------------------------------------------------------------------
[15. Form Elements]
*/
.form-element[class*="border-"]{
	background: none;
}
input.form-element,
textarea.form-element{
	padding-left: 0;
	padding-right: 0;
	background: none;
	color: #666;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #666;
	border-radius: 0;
}
.form-element:focus,
textarea:focus{
	background: none;
	color: #333;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #222;
	box-shadow: none;
}
.form-element.required-field,
textarea.required-field{
	border-color: #fdeb74;
	border-bottom-style: solid;
}
.hero-5-contact .form-element.required-field,
.hero-5-contact textarea.required-field{
	border-bottom: 1px solid #222;
}
.form-element.required-field:focus,
textarea.required-field:focus{
	border-bottom: 1px solid #222;
}
.fullscreen-section .form-element,
.fullscreen-section textarea{
	padding-left: 0;
	padding-right: 0;
	background: none;
	color: #fff;
	border-bottom: 1px dashed #fff;
	border-radius: 0;
}
.fullscreen-section .form-element:focus, 
.fullscreen-section textarea:focus{
	background: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	box-shadow: none;
}
.fullscreen-section .form-element.required-field,
.fullscreen-section textarea.required-field{
	border-color: #fdeb74;
}
.fullscreen-section .form-element.required-field:focus,
.fullscreen-section textarea.required-field:focus{
	border-bottom: 1px solid #fff;
}
.contact-form-container .form-response,
.signup-form-container .form-response{
	position: absolute;
	bottom: -2rem;
}

/*------------------------------------------------------------------
[16. Social Lists]
*/
.social-list li{
	font-size: 1.1rem;
	text-transform: uppercase;
	font-weight: bold;
}
.social-list,
.social-list li a{
	color: #999;
}
.social-list li a{
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.social-list li.social-list-label{
	color: #333;
}
.social-list li a:hover{
	color: #333;
}
.side-navigation-footer .social-list a,
.footer-1 .social-list a, 
.fullscreen-section footer .social-list a{
	margin-left: 0.8rem;
	margin-right: 0.8rem;
	font-size: 1.1rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}
.social-list li:first-child a{
	margin-left: 0;
}
.side-navigation-footer .social,
.side-navigation-footer .social-list a{
	color: #666;
	font-size: 1.3rem;
}
.fullscreen-section .social-list,
.fullscreen-section .social-list a{
	color: #fff;
}
.fullscreen-section .social-list a{
	opacity: 0.6;
}
.fullscreen-section .social-list a:hover{
	color: #fff;
	opacity: 1;
}
.footer-1 .social-list,
.footer-1 .social-list a{
	color: #666;
}

/*------------------------------------------------------------------
[17. Footer]
*/
.footer{
	background: #fff;
	color: #777;
}
.footer a{
	color: #999;
}
.footer a:hover,
.footer .social-list a:hover{
	color: #000;
}
.footer .footer-logo{
	width: 5rem;
}
.footer .footer-bottom .copyright,
.footer .footer-bottom .social-list{
	float: none;
}
.footer h3{
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #999;
}
.footer address{
    font-size: 1.3rem;
    line-height: 1.2;
    font-style: normal;
    font-weight: 200;
}
.footer-1 .footer-bottom-inner{
	border-color: #f4f4f4;
}

/* Helpers */
@media only screen and (max-width: 768px){
	.fullscreen-section .background-on-mobile{
		background: #f4f4f4;
	}
	.fullscreen-section .background-on-mobile *{
		color: #666 !important;
	}
}

/*------------------------------------------------------------------
[18. Dividers]
*/
hr,
.divider{
	border-color: #f4f4f4;
}
.separator{
	background-color: #333;
}

/*------------------------------------------------------------------
[19. Media Element Player]
*/
.mejs-container.mejs-audio .mejs-controls{
	border-radius: 3px;
}
.mejs-container.mejs-audio .mejs-controls,
.mejs-controls .mejs-volume-button .mejs-volume-slider{
	background: rgba(255, 255, 255, 0.9);
}
.mejs-container.mejs-audio .mejs-controls{
	background: #f9f9f9;
}
.mejs-minimal-player .mejs-container .mejs-controls{
	background: none;
}
/* Time track, vol track */
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{
	background: #999;
}
/* Time track, vol level track */
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{
	background: #666;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	background: #fff;
}
.mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-total{
	background: #fff;
}
.mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-minimal-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-minimal-player .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{
	background: #fff;
}
/* Tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
	background: #000;
}
/* Play Button */
.mejs-container.mejs-audio .mejs-controls .mejs-play,
.mejs-container.mejs-audio .mejs-controls .mejs-pause{
	background: #eee;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.mejs-minimal-player .mejs-container .mejs-controls .mejs-play,
.mejs-minimal-player .mejs-container .mejs-controls .mejs-pause{
	background: none;
}
/* Time */
.mejs-container .mejs-controls .mejs-time span{
	color: #666;
}
.mejs-minimal-player .mejs-container .mejs-controls .mejs-time span{
	color: #fff;
}

/*------------------------------------------------------------------
[20. Demo Misc]
*/

a.action-buy{
	background-color: #000;
	border-color: #000;
	color: #fff;
}
a.action-buy:hover{
	background-color: #fdea6e;
	border-color: #fdea6e;
	color: #232323;
}