/*------------------------------------------------------------------
Sartre Base Skin
Version: 1.0.2;
Author: ThemeMountain
Copyright: ThemeMountain

[Table of contents]

1. Typography
2. Background Color & Color Classes
3. Section Padding
4. Header Styling
5. Header Logo
6. Header Navigation
7. Header Buttons, Dropdowns & Icons
8. Auxiliary Navigation
9. Title Areas
10. Slider & Parallax
11. Lightbox
12. Plugin Preloader
13. Rollovers
14. Homepage
15. About Pages
16. Contact Pages
17. Project Pages
18. Pagination
19. Fullscreen Pages
20. Blog Pages
21. Form Elements
22. Social Lists
23. Footer
24. Sidebar
25. Dividers
26. Media Element Player
27. E-Commerce
28. Component Styling
29. Resolution Media Queries

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

/*------------------------------------------------------------------
[1. Typography]
*/

body{
	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #666;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
input,
button,
.button,
select,
textarea,
.project-title,
.product-title,
.project-description,
.font-alt-1,
.header .navigation > ul > li > a,
.side-navigation > ul > li > a,
.overlay-navigation > ul > li > a,
.grid-filter-menu a{
		font-family: 'Lato', 'Helvetica Neue', sans-serif;
}

/* Titles */
h1,
h2,
h3,
h4,
h5,
h6{
	line-height: 1;
	font-weight: 300;
	text-transform: none;
	color: #000;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
	color: #0cbacf;
}
h1 {
	font-size: 4.5rem;
}
h2{
	font-size: 3.3rem;
}
h3 {
	font-size: 2.3rem;
}
h4 {
	font-size: 1.8rem;
}
h5{
	font-size: 1.6rem;
}
h6{
	font-size: 1.2rem;
}

/* Widget Titles */
.footer .widget-title, 
.footer .widget-title a{
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}
.sidebar .widget-title, 
.sidebar .widget-title a{
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #666;
}
.side-navigation-wrapper .widget-title, 
.side-navigation-wrapper .widget-title a{
	font-size: 1.3rem;
	color: #fff;
}
.overlay-navigation-wrapper .widget-title, 
.overlay-navigation-wrapper .widget-title a{
	font-size: 1.3rem;
	color: #999;
}

/* Link Colors */
a, 
p a,
.box a:not(.button){
	color: #3399ff;
}
.sidebar .widget a,
.shop .product-summary a,
.shop .cart-overview a{
	color: #666;
}
a:hover,
p a:hover,
.box a:not(.button):hover,
.social-list li a:hover,
.team-1 .social-list a:hover,
.team-2 .social-list a:hover,
.tabs li a:hover,
.tabs li.active a,
.tabs li.active a:hover,
.blog-masonry .with-background .post-read-more a:hover,
.post-info a:hover,
.post-info-over a:hover,
.post-info-over a:hover span,
.post-author-aside a:hover,
.post-love a:hover,
.post-love a:hover span,
.scroll-down a:hover,
.widget a:not(.button):hover,
.footer a:hover + .post-info .post-date,
.footer .navigation a:hover,
.footer .social-list a:hover,
.footer .footer-bottom a:hover,
.shop .product-summary a:hover,
.shop .cart-overview a:hover{
	color: #3399ff;
}
a[class*="icon-"]:hover{
	text-decoration: none;
}
a:hover .text-line,
a.animated-link:hover .text-line,
.accordion li a:hover .text-line,
.tabs li a:hover .text-line,
.blog-masonry .with-background .post-read-more a:hover .text-line{
	background-color: #0cbacf;
}
a.animated-link{
	position: relative;
}

/* Lead */
.lead,
blockquote.large{
	font-size: 2rem;
	font-weight: 300;
}

/* Title Classes */
.title-xlarge{
	font-size: 8rem;
	line-height: 1;
}
.title-large{
	font-size: 6.2rem;
	line-height: 1;
}
.title-medium{
	font-size: 3rem;
	line-height: 1;
}
.title-small{
	font-size: 1.1rem;
	line-height: 1;
}

/* Text Classes */
.text-xlarge{
	font-size: 4.6rem;
	line-height: 1.4;
}
.text-large{
	font-size: 4rem;
	line-height: 1.4;
}
.text-medium{
	font-size: 2.4rem;
	line-height: 1.4;
}
.text-small{
	font-size: 1.6rem;
	line-height: 1.4;
}

/* Special Text Classes */
.status-code-title{
	font-size: 14rem;
	line-height: 1;
}

/* Weight Classes */
.weight-light{
	font-weight: 300;
}
.weight-bold{
	font-weight: 700;
}

@media only screen and (max-width: 768px){
	h1,
	.title-xlarge {
		font-size: 4rem;
	}
	h2,
	.title-large{
		font-size: 2.8rem;
	}
	h3 {
		font-size: 1.8rem;
	}
	h4 {
		font-size: 1.5rem;
	}
	h5{
		font-size: 1.3rem;
	}
	h6{
		font-size: 1.1rem;
	}
	h5.tms-caption, 
	.tmp-content h5{
		font-size: 1.4rem;
	}
	.tms-caption.title-xlarge,
	.tmp-content .title-xlarge{
		font-size: 4.5rem;
		line-height: 4.5rem;
	}

	/* Lead */
	.lead{
		font-size: 1.7rem;
	}

	/* Text Classes */
	.text-xlarge{
		font-size: 3.1rem;
	}
	.text-large{
		font-size: 2.5rem;
	}
	.text-medium{
		font-size: 1.9rem;
	}
	.text-small{
		font-size: 1.1rem;
	}

	/* Helpers */
	.fullscreen-section .background-on-mobile{
		background: #f4f4f4;
	}
	.fullscreen-section .background-on-mobile *{
		color: #666 !important;
	}
	.fullscreen-section .background-on-mobile h1,
	.fullscreen-section .background-on-mobile h2,
	.fullscreen-section .background-on-mobile h3,
	.fullscreen-section .background-on-mobile h4,
	.fullscreen-section .background-on-mobile h5,
	.fullscreen-section .background-on-mobile h6{
		color: #000 !important;
	}
}

/*------------------------------------------------------------------
[2. Background Color & Color Classes]
*/

body, 
.content,
.featured-media:after,
.section-block:not([class*="bkg-"]),
.fullscreen-sections-wrapper{
	background-color: #fff;}

.section-block.featured-media{
	background-color: #fff;
}

/* grey ulatrlight */
.bkg-grey-ultralight{
	background-color: #f8f8f8;
	border-color: #f8f8f8;
}
.bkg-hover-grey-ultralight:hover{
	background-color: #f8f8f8;
	border-color: #f8f8f8;
}
.border-hover-grey-ultralight:hover{
	border-color: #f8f8f8;
}
.color-grey-ultralight,
.color-hover-grey-ultralight:hover{
	color: #f8f8f8;
}

/* grey */
.bkg-grey{
	background-color: #4e4e4d;
	border-color: #4e4e4d;
}
.bkg-hover-grey:hover{
	background-color: #4e4e4d;
	border-color: #4e4e4d;
}
.border-hover-grey:hover{
	border-color: #4e4e4d;
}
.color-grey,
.color-hover-grey:hover{
	color: #4e4e4d;
}

/* charcoal */
.bkg-charcoal-light{
	background-color: #333; 
	border-color: #333;
}
.bkg-hover-charcoal-light:hover{
	background-color: #333; 
	border-color: #333;
}
.border-hover-charcoal-light:hover{
	border-color: #333;
}
.color-charcoal-light,
.color-hover-charcoal-light:hover{
	color: #333;
}
.bkg-charcoal{
	background-color: #232323; 
	border-color: #232323;
}
.bkg-hover-charcoal:hover{
	background-color: #232323; 
	border-color: #232323;
}
.border-charcoal,
.border-hover-charcoal:hover{
	border-color: #232323;
}
.color-charcoal,
.color-hover-charcoal:hover{
	color: #232323;
}

/* pink */
.bkg-pink{
	background-color: #3399ff;
	border-color: #3399ff;
}
.bkg-hover-pink:hover{
	background-color: #3399ff;
	border-color: #3399ff;
}
.border-pink,
.border-hover-pink:hover{
	border-color: #3399ff;
}
.color-pink,
.color-hover-pink:hover{
	color: #3399ff;
}

/* pink */
.bkg-turquoise{
	background-color: #0cbacf;
	border-color: #0cbacf;
}
.bkg-hover-turquoise:hover{
	background-color: #0cbacf;
	border-color: #0cbacf;
}
.border-turquoise,
.border-hover-turquoise:hover{
	border-color: #0cbacf;
}
.color-turquoise,
.color-hover-turquoise:hover{
	color: #0cbacf;
}

/*------------------------------------------------------------------
[3. Section Padding]
*/

/* Unique Template Padding & Margins */
.section-block,
.fullscreen-section .fullscreen-inner,
.pagination-2 .pagination-next,
.row.xlarge{
	padding-top: 11rem;
	padding-bottom: 11rem;
}
.replicable-content,
.row.xlarge.replicable-content{
	padding-top: 11rem;
	padding-bottom: 8rem;
}
.section-block.slanted-top:before{
	width: 100%;
	height: 12rem;
	background-color: inherit;
	content: '';
	position: absolute;
	left: 0;
	top: -5.7rem;
	-webkit-transform: skewY(-4.5deg);
	-ms-transform: skewY(-4.5deg);
	transform: skewY(-4.5deg);
	z-index: 5;
}
.footer .footer-top{
	padding-top: 9rem;
	padding-bottom: 0;
}
.grid-filter-menu{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.home-page .grid-filter-menu{
	padding-bottom: 4rem;
}
.section-block.feature-2{
	padding-bottom: 12rem;
}
.divider{
	margin-top: 6rem;
	margin-bottom: 9rem;
}
.page-intro .divider,
[class*="intro-title-"] .divider{
	margin-top: 0;
	margin-bottom: 2rem;
}
.separator{
	width: 5rem;
	height: 0.1rem;
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}
.text-line{
	width: 2rem;
	height: 0.1rem;
	display: inline-block;
}
.text-line[class*="bkg-"]{
	padding: 0;
}
.text-line-vertical{
	display: inline-block;
	position: relative;
}
.text-line-vertical:after {
	width: 1px;
	height: 8rem;
	margin-top: 3rem;
	border-right: 1px solid #777;
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
}
.tm-slider-container .text-line-vertical:after{
	height: 200%;
	border-color: #fff;
}
@media only screen and (min-width: 960px){
	.header-1-static + .content{
		padding-top: 8rem;
	}
}
@media only screen and (max-width: 768px){
	.fullscreen-section.content-below-on-mobile .fullscreen-inner {
		padding-top: 12rem !important;
		padding-bottom: 12rem !important;
	}
}

/*------------------------------------------------------------------
[4. Header Styling]
*/

/* Initial Position */
.header-bottom{
	bottom: 0.1rem;
}

/* Intial Height */
.header .logo,
.header .header-inner .navigation > ul > li,
.header .header-inner .navigation > ul > li > a:not(.button),
.header .header-inner .dropdown > .nav-icon{
	height: 8rem;
	line-height: 8rem;
}

/* Compacted Height */
.header-compact .logo,
.header-compact .header-inner .navigation > ul > li,
.header-compact .header-inner .navigation > ul > li > a:not(.button),
.header-compact .header-inner .dropdown > .nav-icon{
	height: 6rem;
	line-height: 6rem;
}

/* Header Initial Styling */
.header .header-inner{
	background-color: #fff;
	border-bottom: none;
	border-bottom: 1px solid #eee;
}
.header .header-inner > .nav-bar{
	/*border-bottom: 1px solid #eee;*/
}

/* Transparent Header Initial & Active Nav Colors */
.header-transparent .header-inner{
	background-color: transparent;
	border-bottom: 1px solid transparent;
}
.header-transparent .header-inner > .nav-bar{
	border-bottom: 1px solid rgba(255,255,255, 0.2);
}

/* Background Header - On Scroll! */
.header-background .header-inner{
	background-color: #fff;
	border-color: #eee;
}
.header-background .header-inner > .nav-bar{
	border-bottom: none;
}

/* Header Inner Top */
.header .header-inner-top{
	height: 4rem;
	background: #232323;
	color: #fff;
}

/* Mobile Header Styles & Breakpoints */
.mobile .header .header-inner{
	background-color: #fff;
	border-top: none;
}
.mobile .header .header-inner{
	border-bottom: 1px solid #eee;
}
.mobile .header + .content{
	padding-top: 0;
}
@media only screen and (max-width: 960px){
	.header .header,
	.header .header-inner,
	.header.header-transparent .header-inner{
		background-color: #fff;
	}
	.header .header-inner{
		border-bottom: 1px solid #eee;
	}
	.header .header-inner > .nav-bar{
		padding: 0;
	}
}

/*------------------------------------------------------------------
[5. Header Logo]
*/

/* Initial Logo Width */
.header .logo{
	width: 12.5rem;
}

/* Compacted Header Logo Width */
.header-compact .logo{
	width: 12.5rem;
}

/* Initial Logo Styling */
.header .logo a{
	display: block !important;
	position: absolute;
	top: 0;
}
.header-in .logo a,
.header-out .logo a{
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}
.header .logo a:first-child{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.header .logo a + a{
	display: none !important;
}

/* Transparent Header Show Light Logo */
.header-transparent .logo a:first-child{
	opacity: 0;
	-webkit-transform: translateY(5rem);
	transform: translateY(5rem);
}
.header-transparent .logo a + a{
	display: block !important;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* Header Background Logo Swap to Dark Logo - On Scroll! */
.header-background .logo a:first-child{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.header-background .logo a + a{
	display: block !important;
	opacity: 0;
	-webkit-transform: translateY(-5rem);
	transform: translateY(-5rem);
}

/* Logo Nav Dark */
.nav-dark .logo a:first-child{
	display: block !important;
	top: 0;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.nav-dark .logo a:last-child{
	display: none !important;
}

/* Logo Mobile Header & Breakpoints */
.mobile .header .logo a:first-child{
	display: block !important;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
@media only screen and (max-width: 960px){
	.header .logo-inner{
		display: table-cell;
		vertical-align: middle;
	}
	.header .logo a{
		position: relative;
	}
	.header .logo a:first-child{
		opacity: 1;
		top: 0;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
	}
	.header .logo a:last-child{
		display: none !important;
	}
}

/*------------------------------------------------------------------
[6. Header Navigation]
*/

/* Padding & Margins */
.header .logo-center ~ .navigation.nav-center{
	padding-top: 0.5rem;
}
.header .logo-center ~ .navigation.nav-center > ul > li > a{
	padding-bottom: 2rem;
}
.header .navigation > ul > li > a{
	margin: 0 1.5rem;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.1rem;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

/* Header Initial & Active Nav Colors */
.header .navigation > ul > li > a{
	color: #999;
	opacity: 1;
}
.header .navigation > ul > li.current > a,
.header .navigation > ul > li > a:hover{
	color: #000;
	opacity: 1;
}
.header .navigation > ul > li.current > a:hover{
	color: #000;
}

/* Transparent Header Initial, Hover & Current Nav Colors */
.header-transparent .navigation > ul > li > a{
	color: #fff;
	opacity: 0.6;
}
.header-transparent .navigation > ul > li > a:hover{
	color: #fff;
	opacity: 1;
}
.header-transparent .navigation > ul > li.current > a,
.header-transparent .navigation > ul > li.current > a:hover{
	color: #fff;
	opacity: 1;
}

/* Nav Dark Initial, Hover & Current Colors */
.header-transparent.nav-dark .navigation > ul > li > a{
	color: #000;
	opacity: 0.5;
}
.nav-dark .navigation > ul > li.current > a,
.nav-dark .navigation > ul > li.current > a:hover{
	color: #000;
	opacity: 1;
}

/* Header Background Initial, Hover & Current Nav Colors - On Scroll! */
.header-background .navigation > ul > li > a{
	color: #999;
}
.header-background .navigation > ul > li.current > a{
	color: #000;
	border-bottom: none;
}
.header-background .navigation > ul > li.current > a:hover{
	color: #000;
}
.header-background .navigation > ul > li > a:hover{
	color: #000;
	opacity: 1;
}

/* Sub Menus, Mega Menus, Dropdown List Initial Colors */
.navigation .sub-menu li,
.navigation .dropdown-list li{
	border-bottom: none;
}
.navigation .sub-menu li a,
.navigation .mega-sub-menu ul li a,
.navigation .dropdown-list li a{
	line-height: 1.6;
	font-weight: 400;
	font-size: 1.2rem;
	color: #888;
}
.navigation .sub-menu:not(.custom-content) li a,
.navigation .dropdown-list:not(.custom-content) li a{
	padding: 1rem 1.5rem;
}
.navigation .mega-sub-menu > li > a{
	font-size: 1.3rem;
}
.navigation .sub-menu:not(.custom-content) a,
.navigation .sub-menu.custom-content,
.navigation .mega-sub-menu,
.navigation .dropdown-list{
	background-color: #111;
}

/* Menu Nav Cart Intial Colors */
.navigation .cart .badge{
	top: -0.8rem;
	right: -1.2rem;
	background-color: #0cbacf;
}
.navigation .cart-overview .product-title{
	color: #fff;
}
.navigation .cart-overview .product-price,
.navigation .cart-overview .product-quantity{
	color: #999;
}
.navigation .cart-overview a.product-remove{
	background-color: #444;
	color: #999;
}
.navigation .cart-overview .cart-subtotal{
	color: #fff;
}
.navigation .cart-overview .cart-actions{
	border-color: #444;
}
.navigation .cart-overview .checkout.button{
	background-color: #0cbacf;
	border-color: transparent;
	color: #fff;
}
.navigation .cart-overview .checkout.button:hover{
	background-color: #666;
	border-color: transparent;
	color: #fff;
}

/* Sub Menus, Mega Menus, Dropdown List Hover Colors */
.navigation .sub-menu:not(.custom-content) li:hover > a,
.navigation .mega-sub-menu:not(.custom-content) ul li:hover > a,
.navigation .dropdown-list:not(.custom-content) li:hover a{
	background-color: #000;
}
.navigation ul li > a:hover,
.navigation .mega-sub-menu ul li > a:hover,
.navigation .dropdown-list li > a:hover,
.navigation .cart-overview .product-title:hover,
.navigation .cart-overview .product-remove:hover{
	color: #fff;
}

/* Mega Menu Position */
.navigation .mega-sub-menu{
	left: 0;
	right: 0;
}

/* Labels Sub Menu */
.sub-menu li .label,
.mega-menu li .label,
.dropdown li .label{
	margin-left: 0.5rem;
	padding: 0.1rem 0.4rem;
	font-size: 1rem;
	text-transform: uppercase;
	background-color: #0cbacf;
	border-color: #0cbacf;
	color: #fff;
}

/*------------------------------------------------------------------
[7. Header Nav Icons, Buttons, Dropdowns ]
*/

/* Padding & Margins */
.header .dropdown-list{
	margin-top: 2.2rem;
}

/* Initial Division Padding & Color */
.header .secondary-navigation.nav-left:not(.with-division) > ul{
	margin-left: -1.5rem;
}
.header .secondary-navigation.nav-right:not(.with-division) > ul{
	margin-right: -1.5rem;
}
.header .navigation .nav-icon,
.header .navigation .v-align-middle{
	padding: 0 1.5rem !important;
}
.header .with-division ul{
	border-left-color: rgba(0,0,0, 0.1);
}
.header .with-division li{
	border-right-color: rgba(0,0,0, 0.1);
}

/* Nav Icons Initial, Hover & Active Colors */
.header .navigation .nav-icon{
	color: #999;
	font-size: 1.4rem;
	font-weight: 400;
	opacity: 1;
}
.header .navigation .nav-icon:hover,
.header .navigation .nav-icon.active{
	background-color: transparent;
	color: #000;
	opacity: 1;
}
.header .cart .badge{
	background-color: #0cbacf;
}

/* Social Icons Initial & Hover Colors  */
.header .social-list li .nav-icon{
	padding: 0 !important;
	margin-right: 1.5rem;
}

/* Button, Dropdown Button Initial, Hover & Active Colors */
.header .v-align-middle > .button:not(.nav-icon),
.header .dropdown > .button:not(.nav-icon){
	background: #232323;
	border-color: transparent;
	color: #fff;
}
.header .v-align-middle > .button:not(.nav-icon):hover,
.header .dropdown > .button:not(.nav-icon):hover,
.header .dropdown > .button.active:not(.nav-icon){
	background-color: #0cbacf;
	border-color: transparent;
	color: #fff;
}

/* Transparent Header Division Color */
@media only screen and (min-width: 960px){
	.header-transparent .with-division ul{
		border-left-color: rgba(255,255,255, 0.2);
	}
	.header-transparent .with-division li{
		border-right-color: rgba(255,255,255, 0.2);
	}
}

/* Transparent Header Initial, Hover & Active Colors */
.header-transparent .navigation .nav-icon{
	color: rgba(255,255,255,0.6);
	opacity: 1;
}
.header-transparent .navigation .nav-icon:hover,
.header-transparent .navigation .nav-icon.active{
	color: #fff;
	background-color: transparent;
	opacity: 1;
}

/* Nav Dark Button, Dropdown Button Initial, Hover & Active Colors */
.nav-dark .navigation .nav-icon{
	color: #999;
}
.nav-dark .navigation .nav-icon:hover,
.nav-dark .navigation .nav-icon.active{
	color: #000;
}
.nav-dark .v-align-middle > .button:not(.nav-icon):not(:hover),
.nav-dark .dropdown > .button:not(.nav-icon):not(:hover){
	color: #fff;
}
.nav-dark .v-align-middle > .button:not(.nav-icon):hover,
.nav-dark .dropdown > .button:not(.nav-icon):hover{
	background-color: #0cbacf;
	border-color: transparent;
	color: #fff;
}

/* Header Background Divisions, Initial, Hover & Active Colors */
.header-background .with-division ul{
	border-left-color: #eee;
}
.header-background .with-division li{
	border-right-color: #eee;
}
.header-background .v-align-middle > .button:not(.nav-icon),
.header-background .dropdown > .button:not(.nav-icon){
	background: #232323;
	border-color: transparent;
	color: #fff;
}
.header-background .v-align-middle > .button:not(.nav-icon):hover,
.header-background .dropdown > .button:not(.nav-icon):hover{
	background-color: #0cbacf;
	border-color: transparent;
	color: #fff;
}
.header-background .navigation .nav-icon{
	color: #999;
}
.header-background .navigation .nav-icon:hover,
.header-background .navigation .nav-icon.active{
	color: #000;
}
.header-background .social-list li a{
	color: #999;
}
.header-background .social-list li a:hover{
	color: #000;
}

/* Compacted Header Dropdown List Margin */
.header-compact .dropdown-list{
	margin-top: 1.2rem;
}

/* Mobile Header Styles and Breakpoints */
.mobile .navigation.with-division ul{
	border-left-color: #eee;
}
.mobile .navigation.with-division li{
	border-right-color: #eee;
}
.mobile .v-align-middle > .button:not(.nav-icon),
.mobile .dropdown > .button:not(.nav-icon){
	background: #232323;
	border-color: transparent;
	color: #fff;
}
.mobile .v-align-middle > .button:not(.nav-icon):hover,
.mobile .dropdown > .button:not(.nav-icon):hover{
	background-color: #0cbacf;
	border-color: transparent;
	color: #fff;
}
.mobile .navigation .nav-icon{
	color: #666;
}
.mobile .navigation .nav-icon:hover,
.mobile .dropdown .nav-icon.active,
.mobile .header-transparent .dropdown .nav-icon.active{
	color: #000;
}
@media only screen and (max-width: 960px){
	.header .dropdown-list{
		margin-top: 2.2rem;
	}
	.header .v-align-middle > .button:not(.nav-icon),
	.header .dropdown > .button:not(.nav-icon){
		background: #232323;
		border-color: transparent;
		color: #fff;
	}
	.header .v-align-middle > .button:not(.nav-icon):hover,
	.header .dropdown > .button:not(.nav-icon):hover{
		background-color: #0cbacf;
		border-color: transparent;
		color: #fff;
	}
	.header .navigation .nav-icon{
		color: #666;
	}
	.header .navigation .nav-icon:hover,
	.header .dropdown .nav-icon.active{
		color: #000;
	}
}

/*------------------------------------------------------------------
[8. Auxiliary Navigation]
*/

/* Aux Navigation Show */
.header .navigation-show{
	width: 4.4rem;
	height: 4.4rem;
	margin-left: 0;
}

/* Initial & Hover Colors */
.header .navigation-show a{
	font-size: 2.4rem;
	text-align: center;
	color: #666;
	border: 1px solid #eee;
}
.header .navigation .navigation-show.nav-icon{
	font-size: 2rem;
}
.header .navigation-show a:hover{
	color: #000;
	opacity: 1;
}

/* Transparent Header Initial & Hover Colors */
.header-transparent .navigation-show a{
	color: #fff;
	border-color: rgba(255,255,255,0.2);
}
.header-transparent .navigation-show a:hover{
	color: #fff;
	border-color: rgba(255,255,255,1);
}

/* Header with Background Initial & Hover Colors */
.header-background .navigation-show a{
	color: #666;
	border-color: #eee;
}
.header-background .navigation-show a:hover{
	color: #000;
	border-color: #eee;
}

/* Aux Navigation Hide */
.navigation-hide{
	width: 4.4rem;
	height: 4.4rem;
	margin-top: 1.9rem;
	margin-right: 0;
}
.navigation-hide a{
	background: none;
}
.navigation-hide a span{
	width: 4.4rem;
	font-size: 2rem;
}

/* Side Navigation Background Color */
.side-navigation-wrapper .logo{
	width: 12rem;
}
.side-navigation-wrapper{
	background-color: #111;
	box-shadow: none !important;
}
.side-navigation-header{
	border: none;
}

/* Side Main Nav Initial Colors & Padding */
.side-navigation > ul > li > a{
	padding: 0.6rem 4rem;
	font-size: 1.6rem;
	line-height: 1.2;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	font-weight: 300;
	color: #888;
	position: relative;
}
.side-navigation ul li.current > a{
	color: #fff;
	font-weight: 300;
}
.side-navigation > ul > li > a:after {
	width: 0;
	height: 0.1rem;
	margin-left: 0;
	content: "";
	background-color: #fff;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: 1rem;
	-webkit-transition-property: width, opacity;
	-ms-transition-property: width, opacity;
	transition-property: width, opacity;
	-webkit-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	transition-duration: 500ms;
}
.side-navigation > ul > li.current > a:after {
	width: 2rem;
	opacity: 1;
}
.side-navigation-wrapper .navigation-hide{
	margin-right: 2rem;
}
.side-navigation-wrapper .navigation-hide{
	color: #666;
}
.side-navigation-wrapper .navigation-hide a:hover{
	color: #fff;
}

/* Side Nav Sub Menu Initial Colors & Padding */
.side-navigation .sub-menu{
	background: none;
}
.side-navigation .sub-menu a{
	text-transform: none;
	font-size: 1.2rem;
	font-weight: normal;
	color: #666;
}
.side-navigation .sub-menu a:hover{
	color: #fff;
}
.side-navigation .sub-menu li:first-child{
	padding-top: 1rem;
}
.side-navigation .sub-menu li:last-child{
	padding-bottom: 1rem;
}
.side-navigation .cart-overview li:first-child{
	padding-top: 2rem;
}
.side-navigation .cart-overview li:last-child{
	padding-bottom: 2rem;
}
.side-navigation .sub-menu:not(.custom-content) a{
	padding: 1.1rem 4rem 1.1rem 5.5rem;
}
.side-navigation.center .sub-menu:not(.custom-content) a{
	padding: 1.1rem 4rem 1.1rem 4rem;
}

/* Side Nav Cart Initial Colors */
.side-navigation .cart .badge{
	background-color: #0cbacf;
}
.side-navigation .cart-overview .product-title{
	color: #fff;
}
.side-navigation .cart-overview .product-price,
.side-navigation .cart-overview .product-quantity{
	color: #999;
}
.side-navigation .cart-overview a.product-remove{
	background-color: #333;
	color: #999;
}
.side-navigation .cart-overview .cart-subtotal{
	color: #fff;
}
.side-navigation .cart-overview .cart-actions{
	border-color: #333;
}
.side-navigation .cart-overview .checkout.button{
	background-color: #0cbacf;
	border-color: transparent;
	color: #fff;
}
.side-navigation .cart-overview .checkout.button:hover{
	background-color: #666;
	border-color: transparent;
	color: #fff;
}

/* Side Nav Hover Colors */
.side-navigation ul li a:hover,
.side-navigation ul li.current a:hover{
	color: #fff;
}

/* Side Nav Widget */
.side-navigation-footer .widget p,
.side-navigation-footer .widget a{
	color: #666;
	font-size: 1.3rem;
}
.side-navigation-footer .widget a:hover{
	color: #fff;
}

/* Side Nav Footer */
.side-navigation-footer,
.side-navigation-footer .social-list a{
	color: #666;
	font-size: 1.1rem;
}
.side-navigation-footer .social-list a:hover{
	color: #fff;
}
.side-navigation-footer .copyright{
	font-size: 1.1rem;
}

/* Overlay Navigation Colors & Sizes */
.overlay-navigation-wrapper{
	background-color: rgba(255,255,255,1);
}
.overlay-navigation-inner{
	text-align: left;
}
.overlay-navigation-header{
	top: 1.5rem;
}
.overlay-navigation-wrapper .menu-title{
	width: 100%;
	margin-bottom: 3rem;
	color: #000;
	font-size: 2rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
}
.overlay-navigation{
	max-width: 40rem;
	padding-left: 3rem;
	padding-right: 3rem;
}

/* Overlay Main Nav */
.overlay-navigation > ul > li > a{
	font-size: 3rem;
	color: #999;
}
.overlay-navigation ul li.current > a{
	font-weight: normal;
}
.overlay-navigation-wrapper .navigation-hide{
	top: 0;
	right: 3rem;
}
.overlay-navigation-wrapper .navigation-hide a{
	color: #999;
}
.overlay-navigation-wrapper .navigation-hide a:hover{
	color: #000;
}

/* Overlay Nav Sub Menu */
.overlay-navigation .sub-menu{
	padding-left: 0;
}
.overlay-navigation .sub-menu a{
	letter-spacing: 0.1rem;
	text-transform: normal;
	font-weight: normal;
	line-height: 1.2;
	color: #999;
}
.overlay-navigation .sub-menu .current a{
	color: #000;
}
.overlay-navigation .sub-menu a:hover{
	color: #000;
}
.overlay-navigation .sub-menu li:first-child{
	padding-top: 1rem;
}
.overlay-navigation .sub-menu li:last-child{
	padding-bottom: 1rem;
}

/* Overlay Nav Cart */
.overlay-navigation .cart .badge{
	background-color: #0cbacf;
}
.overlay-navigation .cart-overview .product-title{
	color: #000;
}
.overlay-navigation .cart-overview .product-price,
.overlay-navigation .cart-overview .product-quantity{
	color: #999;
}
.overlay-navigation .cart-overview a.product-remove{
	background-color: #eee;
}
.overlay-navigation .cart-overview .cart-subtotal{
	color: #000;
}
.overlay-navigation .cart-overview .cart-actions{
	border-color: #eee;
}
.overlay-navigation .cart-overview .checkout.button{
	background-color: #0cbacf;
	border-color: transparent;
	color: #fff;
}
.overlay-navigation .cart-overview .checkout.button:hover{
	background-color: #666;
	border-color: transparent;
	color: #fff;
}

/* Overlay Nav Hover Colors */
.overlay-navigation > ul > li > a:hover,
.overlay-navigation > ul > li.current > a,
.overlay-navigation ul li.current > a:hover{
	color: #000;
}

/* Overlay Nav Widget */
.overlay-navigation-footer .widget p,
.overlay-navigation-footer .widget a{
	color: #666;
	font-size: 1.3rem;
}
.overlay-navigation-footer .widget a:hover{
	color: #000;
}

/* Overlay Nav Footer */
.overlay-navigation-footer{
	padding-left: 3rem;
	padding-right: 3rem;
}
.overlay-navigation-footer,
.overlay-navigation-footer .social-list a{
	color: #666;
	font-size: 1.3rem;
}
.overlay-navigation-footer .social-list a:hover{
	color: #000;
}
.overlay-navigation-footer .copyright{
	font-size: 1.1rem;
}

/* Mobile Styles and Breakpoints */
.mobile .navigation-show{
	margin-left: 2rem;
}
.mobile .navigation-show a{
	color: #666;
	border-color: #eee;
}
.mobile .navigation-show a:hover{
	color: #000;
	opacity: 1;
}
@media only screen and (max-width: 960px){
	.header .navigation-show{
		margin-left: 2rem;
	}
	.header .navigation-show a{
		color: #666;
		border-color: #eee;
	}
	.header .navigation-show a:hover{
		color: #000;
		opacity: 1;
	}
	.overlay-navigation-header{
		top: 2rem;
	}
	.overlay-navigation-wrapper .navigation-hide{
		top: 0;
		right: 3rem;
	}
}

/*------------------------------------------------------------------
[9. Title Area]
*/

[class*="intro-title-"]{
	padding: 0;
}
[class*="intro-title-"]{
	height: 45rem;
}
[class*="intro-title-"].small{
	height: 30rem;
}
.intro-title-2{
	background-image: url(../images/slider/slide-2-page-intro.jpg);	
}

.intro-title-group-packages{
	background-image: url(../packages/group-packages-page-banner.jpg);	
}

.intro-title-members-reserve-experience{
	background-image: url(../images/packages/Members-Reserve-Experience-Banner.jpg);	
}

.intro-title-group-one-lounge{
	background-image: url(../images/packages/group-one-lounge-banner.jpg);	
}

.intro-title-the-local-marquee{
	background-image: url(../images/packages/the-local-marquee-banner.jpg);	
}

.intro-title-xxxx-group-package{
	background-image: url(../images/packages/xxxx-group-package-banner.jpg);	
}

.intro-title-sirromet-vineyard-group-package{
	background-image: url(../images/packages/sirromet-vineyard-group-package-banner.jpg);	
}

.intro-title-tradies-smoko-package{
	background-image: url(../images/packages/tradies-smoko-package-banner.jpg);	
}
.intro-title-a-clause-for-celebration-marquee{
	background-image: url(../images/packages/a-clause-for-celebration-marquee-banner.jpg);	
}

.intro-title-open-air-grandstand-terraces{
	background-image: url(../images/packages/open-air-grandstand-terraces-page-banner.jpg);	
}

.intro-title-saturday-members-package{
	background-image: url(../images/packages/saturday-members-package-page-banner.jpg);	
}

.intro-title-moreton-dining-room{
	background-image: url(../images/packages/moreton-dining-room-page-banner.jpg);	
}

.intro-title-vice-regal-dining{
	background-image: url(../images/packages/vice-regal-dining-room-page-banner.jpg);	
}

.intro-title-gallery-bar-dining{
	background-image: url(../images/packages/gallery-dining-room-page-banner.jpg);	
}

.intro-title-guineas-room-dining{
	background-image: url(../images/packages/guineas-dining-room-page-banner.jpg);	
}

.intro-title-terraces-dining{
	background-image: url(../images/packages/terraces-dining-page-banner.jpg);	
}

.intro-title-the-birdcage{
	background-image: url(../images/packages/the-birdcage-ef-page-banner.jpg);	
}

.intro-title-private-suites{
	background-image: url(../images/packages/private-suites-page-banner.jpg);	
}

.intro-title-buffering-bar{
	background-image: url(../images/packages/buffering-bar-group-packages-banner.jpg);	
}

.intro-title-tis-the-season{
	background-image: url(../images/packages/tis-the-season-banner.jpg);	
}

.intro-title-the-knock-off-marquee{
	background-image: url(../images/packages/the-knock-off-marquee-banner.jpg);	
}

.intro-title-the-deck{
	background-image: url(../images/packages/the-deck-group-packages-banner.jpg);	
}

.intro-title-christmas-bbq-marquee{
	background-image: url(../images/packages/christmas-bbq-marquee-page-banner.jpg);	
}

.intro-title-private-trackside-marquee{
	background-image: url(../images/private-marquee.jpg);	
}
@media screen and (max-width:384px) {
	.intro-title-private-trackside-marquee{
		background-image: url(../images/trackside-private-marquee-mobile.jpg);	
		/*min-height: 448px !important;*/
	}
}
.intro-title-evergreen-turf{
	background-image: url(../images/tickets.jpg);	
}

.intro-title-tattersalls-race-club{
	background-image: url(../images/days/tattersalls-club-raceday-page-banner.jpg);	
}

.intro-title-walking-on-sunshine{
	background-image: url(../images/days/walking-on-sunshine-page-banner.jpg);	
}

.intro-title-twilight-races{
	background-image: url(../images/private-suites-banner.jpg);	
}

.intro-title-coca-cola-raceday{
	background-image: url(../images/tickets.jpg);	
}

@media screen and (max-width: 481px ) {
	.social-list {
		display:none;
	}
}

.intro-title-alex-perry-hotels-raceday{
	background-image: url(../images/VIP.jpg);	
}
/*Mobile alternative*/

@media screen and (max-width:732px) {
	.intro-title-alex-perry-hotels-raceday{
		background-image: url(../images/VIP1-mobile.jpg);	
		min-height: 448px;
	}
}
.intro-title-general-admission{
	background-image: url(../images/tickets.jpg);	
}

.intro-title-tapas-in-the-10000{
	background-image: url(../images/days/tapas-in-the-10000-banner.jpg);	
}

.intro-title-2-1{
	background-image: url(../images/slider/slide-8-page-intro.jpg);	
}
.intro-title-2-2{
	background-image: url(../images/slider/slide-9-page-intro.jpg);	
}
.intro-title-2-3{
	background-image: url(../images/slider/slide-11-page-intro.jpg);	
}
.intro-title-2-4{
	background-image: url(../images/slider/slide-13-page-intro.jpg);	
}
@media only screen and (max-width: 768px){
	[class*="intro-title-"],
	[class*="intro-title-"].small{
		padding: 11rem 0;
		height: auto;
	}
}

/*------------------------------------------------------------------
[10. Slider & Parallax]
*/

.featured-media,
.full-width-slider,
.parallax{
	height: 60rem;
	padding: 0;
}
.page-intro{
	height: 45rem;
}
.page-intro.small{
	height: 30rem;
}
.window-height{
	height: 100vh;
}
.page-intro .full-width-slider,
.window-height .full-width-slider{
	height: inherit;
}
.featured-media .tm-slider-container,
.content-slider,
.tms-carousel{
	background: none;
}

/* Slider Navigation Common */
.tms-arrow-nav{
	width: 4.4rem;
	height: 4.4rem;
	background: none;
	font-size: 2rem;
	line-height: 4.4rem;
	color: #fff;
	border: none;
	background-color: #000;
}
.tms-arrow-nav:hover{
	opacity: 0.5 !important;
}
.tms-arrow-nav:before{
	line-height: 4.4rem;
}
.tms-arrow-nav:hover{
	width: 4.4rem;
}
.tms-bullet-nav{
	background-color: #fff;
}
.tms-nav-dark .tms-bullet-nav{
	background-color: #000;
}
.hide-arrow-nav .tms-arrow-nav,
.hide-progress .tms-progress-bar{
	display: none !important
}

/* Featured Media Slider Navigation */
.featured-media .tms-pagination{
	width: 100%;
	bottom: 3rem;
}
.featured-media .tms-pagination a{
	display: inline-block;
	margin-bottom: 1rem;
}
.featured-media .tm-slider-container .tms-pagination{
	opacity: 1;
}

/* Feature Slider */
.feature-slider .tms-bullet-nav{
	background-color: #232323;
}

/* Portfolio Carousel Slider */
.portfolio-carousel.replicable-content{
	padding-top: 4rem;
	padding-bottom: 1rem;
}
.portfolio-carousel .column.slider-column{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.portfolio-carousel .portfolio-recent-slider{
	min-height: 33rem;
}
.portfolio-carousel .portfolio-recent-slider li{
	padding: 0;
}
.portfolio-carousel .previous-portfolio-recent-slider,
.portfolio-carousel .next-portfolio-recent-slider{
	width: auto;
	height: auto;
	margin-right: 0;
	line-height: 3rem;
	text-align: center;
	display: inline-block;
	border: none;
}

/* Slider Buttons */
.tm-slider-container .button{
	font-size: 1.1rem;
	font-weight: 700;
}

/* Mobile Slider & Parallax */
.mobile .featured-media,
.mobile .parallax.fixed-height{
	height: 50rem;
}

/* Featured Slider Nav Breakpoints */
@media only screen and (max-width: 768px){
	.featured-media .tms-pagination a{
		display: inline-block;
	}
	.featured-media .tms-arrow-nav{
		display: none !important;
	}
}

/*------------------------------------------------------------------
[11. Lightbox]
*/

.tm-lightbox{
	background: rgba(255,255,255,1);
}
#tml-content-wrapper.zoomed + #tml-caption span{
	background-color: rgba(0,0,0,0.3);
	border: none;
	color: #fff;
}

/* Modal Mode */
#tm-lightbox.tml-modal-mode {
	background: rgba(0,0,0,0.2);
}
.tml-modal-mode .modal-dialog{
	border-radius: 0;
}

/* Navigation */
.tml-nav{
	color: #999;
	opacity: 0.7;
}
.tml-nav:hover{
	color: #000;
}

/*------------------------------------------------------------------
[12. Plugin Preloader]
*/

.tm-loader, 
.tm-loader #circle{
	width: 3rem;
	height: 3rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: none;
	-webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	    	transform-origin: center center;
}
.tm-loader {
	width: 3rem;
	height: 3rem;
	margin: -1.5rem 0 0 -1.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-animation:preloader-outer 1.5s ease infinite;
	   -moz-animation:preloader-outer 1.5s ease infinite;
	     -o-animation:preloader-outer 1.5s ease infinite;
	        animation:preloader-outer 1.5s ease infinite;
}
.tm-loader #circle{
	-webkit-animation:preloader 3s ease infinite;
	   -moz-animation:preloader 3s ease infinite;
	     -o-animation:preloader 3s ease infinite;
	        animation:preloader 3s ease infinite;
}
.tm-loader #circle{
	border: 2px solid rgba(0,0,0, 0.4);
	border-bottom-color: #000;
}
.featured-media .tm-loader #circle {
	background: none;
	border: 2px solid rgba(255,255,255, 0.4);
	border-bottom: 2px solid #fff;
	opacity: 1;
}

@-webkit-keyframes preloader-outer{
	from { opacity: 1;	-webkit-transform: rotate( 0deg ); }
	to	 { opacity: 1;	-webkit-transform: rotate( 360deg ); }
}
@keyframes preloader-outer{
	from { opacity: 1;	transform: rotate( 0deg ); }
	to	 { opacity: 1;	transform: rotate( 360deg ); }
}
@-webkit-keyframes preloader{
	0% { opacity: 0.3; }
	50%	 { opacity: 1; }
	100% { opacity: 0.3; }
}
@keyframes preloader{
	0% { opacity: 0.3; }
	50%	 { opacity: 1; }
	100% { opacity: 0.3; }
}

/*------------------------------------------------------------------
[13. Rollovers]
*/

/* Rollover Text */
.overlay-info > span > span,
.shop .products .overlay-info .product-title{
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: #000;
}
.overlay-info .project-description{
	font-size: 1rem;
	opacity: 0.7;
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;
}

/* Overlay */
.overlay-info{
	background: rgba(255, 255, 255, 0.5);
}
.overlay-info > span > span{
	text-align: center;
	vertical-align: center;
}
.overlay-info .project-title{
	margin-bottom: 0.8rem;
	display: block;
}
.overlay-fade-img-scale-out .overlay-info .overlay-info{
	opacity: 1;
}
.overlay-fade-img-scale-in .project-title{
	margin-bottom: 0;
}
.caption-below{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	border: none;
	opacity: 0.5;
}

/*------------------------------------------------------------------
[14. Homepage]
*/

/* Scroll Links */
.scroll-link.icon-circled,
.scroll-to-top.icon-circled{
	width: 5rem;
	height: 5rem;
}
.scroll-link.icon-circled{
	line-height: 5rem;
}
.scroll-to-top.icon-circled{
	line-height: 4.8rem;
}

/* Stats */
.stats-1-1{
	background-image: url(../images/generic/hero-1.jpg);
}

/* Hero */
.hero-5-1 .media-column{
	background-image: url(../images/generic/hero-half-1.jpg);
}
.hero-5-2 .media-column{
	background-image: url(../images/team/hero-half-2.jpg);
}

/* Call to Action */
.call-to-action-2-1{
	background-image: url(../images/generic/call-to-action-1.jpg);
	background-size: cover;
	background-position: center;
}

/* Signup 2 */
.signup-2-1{
	background-image: url(../images/generic/signup-1.jpg);
}

/* Fullscreen Section */
.home-page .fulscreen-sections-wrapper{
	background: #000;
}
.signup-box{
	padding: 4rem;
	border: 1px solid rgba(255,255,255,0.3);
	overflow: visible;
}
.signup-box .form-response {
	bottom: auto;
}
.fullscreen-bkg-2{
	background-image: url(../images/slider/slide-7-fs.jpg);
}
.fullscreen-bkg-3{
	background-image: url(../images/slider/slide-4-fs.jpg);
}
.fullscreen-bkg-4{
	background-image: url(../images/slider/slide-5-fs.jpg);
}

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

/* Team Sections */
.team-1 h3,
.team-2 h3{
	margin-top: 0.5rem;
}
.team-1 .team-content-info h5{
	margin-top: 3rem;
	margin-bottom: 0.5rem;
}
.team-1 h6.occupation{
	margin-bottom: 2rem;
}
.team-2 h6.occupation{
	margin-bottom: 2rem;
}
.team-2 .team-content-info{
	padding: 2rem 0 0 0;
}
.team-2 .social-list{
	margin-bottom: 0;
}
.team-2 .occupation{
	font-size: 1.5rem;
	font-weight: bold;
}

/* Team Slider */
.team-slider{
	background: none;
	height: 42rem;
}
.team-slider li{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.team-slider p{
	line-height: 1.8;
}
.team-slider .tms-pagination a{
	background-color: #232323;
}
.team-slider-1 .tms-pagination{
	display: none !important;
}
[class*="team-"] .occupation{
	color: #999;
}

/* Testimonial Slider */
.testimonials-5-about-1{
	background: none;
	color: #000;
}
.testimonials-5-about-1 .tms-bullet-nav{
	background: #000;
}

/* Hero */
.hero-2-1{
	background-image: url(../images/team/hero-1.jpg);
}


/*------------------------------------------------------------------
[15. Service Pages]
*/

.hero-3-1{
	background-image: url(../images/services/hero-1.jpg);
}
.hero-4-1{
	background-image: url(../images/services/hero-2.jpg);
}
.hero-5-3 .media-column{
	background-image: url(../images/services/hero-half-1.jpg);
}

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

/* Hero Sections */
.hero-5-contact-1 .media-column{
	background-image: url(../images/contact/hero-half.jpg);
}
.hero-5-contact-1 [class*="stats-"] .stat-inner{
	text-align: left;
}

/* Stats */
.stats-contact-1{
	background: none;
}

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

/* Map */
.map-container{
	height: 45rem;
}

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

/* Grid */
.masonry-stamp .caption-over-outer{
	background-color: rgba(255,255,255,.6);
}
h3.project-title{
	font-size: 1.4rem;
}
.project-title .label{
	font-size: 1rem;
	text-transform: uppercase;
}
.project-description{
	font-size: 1.2rem;
}

/* Project 1 */
.project-1-slider .tms-bullet-nav{
	background: #fff; 
}
/* Full Width Content Slider */
.project-1-slider .tms-arrow-nav{
	display: none !important;
}
.project-1-slider .tms-pagination{
	bottom: -4rem;
	opacity: 1 !important;
}

/* Project Info */
.project-attribute{
	margin-bottom: 0.3rem;
	display: table;
	table-layout: fixed;
}
.project-attribute .project-label{
	min-width: 8rem;
	font-size: 1.3rem;
	font-weight: 700;
	text-transform: uppercase;
	display: table-cell;
}
.project-attribute .project-value{
	display: table-cell;
}

/* Hero */
.hero-5-4 .media-column{
	background-image: url(../images/portfolio/projects/hero-half-1.jpg);
}

/* Folio Filter */
.grid-filter-menu ul,
.grid-filter-menu li{
	padding: 0;
	text-transform: none;
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
}
.grid-filter-menu li{
	padding: 0.8rem 1.5rem;
}
.grid-filter-menu.list-vertical li{
	display: block;
	padding: 0.8rem 0;
}
.grid-filter-menu:not(.center):not(.right) li:first-child{
	padding-left: 0;
}
.grid-filter-menu.right li:last-child{
	padding-right: 0;
}
.grid-filter-menu a{
	padding: 0.5rem 0;
	font-weight: 400;
	color: #999;
	display: block;
	position: relative;
	border-bottom: 1px solid transparent;
}
.grid-filter-menu a:hover{
	color: #232323;
}
.grid-filter-menu a.active{
	color: #232323;
	border-color: #232323;
}

/* Color Swatch */
.project-swatch-list{
	margin-bottom: 0;
}
.project-swatch-list li{
	margin-bottom: 3rem;
}
.project-swatch{
	margin-right: 5rem;
}
.center .project-swatch{
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}
@media only screen and (max-width: 768px){
	.center-on-mobile .project-swatch{
		margin-left: 2.5rem;
		margin-right: 2.5rem;
	}
}

/* Template Grid Thumbs */
.template-grid .thumbnail{
	border: 1px solid #eee;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
}

/*------------------------------------------------------------------
[18. Pagination]
*/

/* Pagination 3 Customized */
.pagination-3 ul{
	border-top: 1px solid #eee;
}
.pagination-3 li{
	margin-top: -1px;
	margin-left: -0.4rem;
}
.pagination-3 a{
	width: 4rem;
	height: 4rem;
	padding: 0;
	line-height: 4rem;
	font-size: 1.2rem;
	font-weight: 400;
	color: #000;
	border-color: transparent;
	border-radius: 0;
}
.pagination-3.portfolio a{
	width: auto;
	padding:  0 1.5rem;
	font-size: 1rem;
	text-transform: uppercase;
}
.pagination-3.portfolio .pagination-previous{
	padding-left: 1rem;
}
.pagination-3.portfolio .pagination-next{
	padding-right: 1rem;
}
.pagination-3 .pagination-previous,
.pagination-3 .pagination-next,
.pagination-3 a.current, 
.pagination-3 a:hover{
	background: #eee;
	border: 1px solid #eee;
	color: #000;
}
.pagination-3 a.disabled, 
.pagination-3 a.disabled:hover{
	border-color: #eee;
}
.pagination-3 a span{
	margin: 0;
}

/*------------------------------------------------------------------
[19. Fullscreen Pages]
*/

.fullscreen-section .fullscreen-inner{
	background: rgba(0,0,0,0.35);
}
.fs-bullet-nav{
	background: none;
	border: 1px solid #fff;
}
.fs-bullet-nav.active{
	background: #fff;
}
.fs-pagination{
	right: 6rem;
}

/*------------------------------------------------------------------
[20. Blog Pages]
*/

/* Post Title */
.blog-regular h2.post-title, 
.blog-wide h2.post-title, 
.blog-single-post h2.post-title{
	margin-bottom: 1rem;
}
.blog-masonry h2.post-title{
	margin-bottom: 0;
}
.blog-masonry .post-title{
	margin-bottom: 0;
	font-size: 2rem;
	text-transform: none;
	display: block;
}
.blog-regular .post-title,
.blog-wide .post-title{
	font-size: 3rem;
}
.blog-masonry .post-title a,
.blog-regular .post-title a,
.blog-wide .post-title a{
	color: #000;
}
.single-post-tags .tags-title{
	font-size: 1.3rem;
}
.blog-masonry.masonry-set-dimensions .post-title{
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1;
}
.blog-masonry.masonry-set-dimensions .post-title.quote{
	line-height: inherit;
}
.blog-masonry.masonry-set-dimensions .post-title a{
	color: #fff;
}
.masonry-set-dimensions .content-inner.with-overlay{
	background-color: rgba(0,0,0,0.3)
}

/* Common */
.post-content.with-background{
	background-color: #fafafa;
}
.post-info{
	margin-bottom: 2rem;
	font-size: 1.1rem;
	font-weight: 700;
	color: #999;
}
.post-info.boxed{
	width: 100%;
	padding: 2rem 0;
	margin-bottom: 7rem;
	background-color: #fafafa;
}
.post-info span{
	margin-left: 1rem;
	margin-right: 1rem;
}
.post-info span,
.post-info a{
	display: inline-block;
}
.post-info-aside .post-love,
.post-author-aside span,
.post-author-aside a,
.post-comments-aside span,
.post-comments-aside a{
	font-size: 1.2rem;
	text-transform: none;
	color: #999;
	margin-right: 0;
	margin-left: 0;
	letter-spacing: 0;
}
.post-info-aside .post-love,
.post-author-aside span,
.post-author-aside a,
.post-comments-aside span,
.post-comments-aside a{
	display: block;
}
.post-info-aside [class*="icon-"]{
	font-size: 1.2rem;
}
.post-info-aside,
.post-author-aside,
.post-comments-aside{
	min-width: 12rem;
	margin-left: 0;
	text-align: left;
}
.post-info-aside .post-info-inner,
.post-author-aside .author-title{
	margin-top: 0;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}
.post-info-aside .post-love [class*="icon-"]{
	width: 1.3rem;
	margin-right: 0.6rem;
}
.post-info-aside .social-list{
	text-align: left;
}
.post-info-aside + .post-content,
.post-author-aside + .author-bio,
.post-comments-aside + .comments-inner{
	padding-left: 17rem;
}

@media only screen and (max-width: 768px) {
	.post-info-aside + .post-content {
		padding-left: 0;
	}
	.blog-regular .post-title,
	.blog-wide .post-title{
		font-size: 3rem;
	}
}

/* Regular Blog */
.blog-regular .post {
	margin-bottom: 7rem;
}
.blog-masonry .caption-over-outer .post-info .post-date{
	padding: 0;
	margin: 0;
	border: none;
	display: inline-block;
}

/* Blog Masonry */
.blog-masonry .post-content:not(.post-content.with-background){
	padding: 0 2rem;
}
/*.blog-masonry .grid-item:nth-child(odd) .post-content{
	padding: 2rem;
	background-color: #f4f4f4;
}*/

/* Blog Masonry Set Dimentions */
.blog-masonry.masonry-set-dimensions .post-info,
.blog-masonry.masonry-set-dimensions .post-info a{
	color: #fff;
}

/* Blog Mejs Player */
.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;
}
.masonry-set-dimensions .post-content.with-background{
	background: #f4f4f4;
}
.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;
}

/* Comments */
.post-comments .comment-meta{
	font-size: 1.2rem;
}
.comment-meta span:first-child{
	margin-left: 0;
}
.comment-meta span{
	margin-left: 1rem;
	margin-right: 1rem;
}
.comment-list li{
	margin-bottom: 5rem;
}
.comment-list ul{
	margin-top: 5rem;
	margin-left: 10rem;
}
.post-comments .comment-meta a{
	font-weight: 400;
}
.post-comments .name{
	margin-bottom: 1rem;
}
.comment-form textarea{
	min-height: 20rem;
}
.post-comment-respond .comment-form .column{
	float: left;
}
.post-author, 
.post-comments,
.post-comment-respond{
	border-color: #eee;
}

/*------------------------------------------------------------------
[21. Form Elements]
*/

.field-wrapper{
	position: relative;
	overflow: hidden;
}

/* Common Styling */
.contact-form textarea{
	min-height: 15rem;
}
[class*="form-container"] .column{
	position: relative;
}
.form-response{
	position: absolute;
	font-size: 1rem;
}
.form-element, 
textarea{
	margin-bottom: 3rem;
	background-color: #fff;
	border: 1px solid #ddd;
}
.form-element, 
textarea,
select{
	font-size: 1.3rem;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0.1rem;
	color: #666;
}
.form-element:focus, 
textarea:focus{
	background-color: #ddd;
	border-color: #ddd;
	box-shadow: none;
	color: #000;
}
.form-element.required-field:focus, 
textarea.required-field:focus{
	background-color: #fff;
	border-color: #ddd;
	box-shadow: none;
	color: #000;
}
.form-element.required-field,
textarea.required-field{
	background-color: #ddd;
	box-shadow: none;
	color: #000;
	position: relative;
}
.form-element::-webkit-input-placeholder{
	color: #666;
}
.form-element:focus::-webkit-input-placeholder{
	color: #000;
}
.form-element::-moz-placeholder{
	color: #666;
}
.form-element:focus::-moz-placeholder{
	color: #000;
}
.form-element:-ms-input-placeholder{
	color: #666;
}
.form-element:focus:-ms-input-placeholder{
	color: #000;
}

/* Contact Specific */
.contact-form-container ::-webkit-input-placeholder{
	color: #666;
}
.contact-form-container :focus::-webkit-input-placeholder{
	color: #000;
}
.contact-form-container ::-moz-placeholder{
	color: #666;
}
.contact-form-container :focus::-moz-placeholder{
	color: #000;
}
.contact-form-container :-ms-input-placeholder{
	color: #666;
}
.contact-form-container :focus:-ms-input-placeholder{
	color: #000;
}
.contact-form-container .form-response{
	bottom: -3rem;
}

/* Overlay Search Form Elements */
.search-form-container .form-element:focus{
	color: #666;
}
.search-form-container ::-webkit-input-placeholder{
	color: #666;
}
.search-form-container :focus::-webkit-input-placeholder{
	color: #000;
}
.search-form-container ::-moz-placeholder{
	color: #666;
}
.search-form-container :focus::-moz-placeholder{
	color: #000;
}
.search-form-container :-ms-input-placeholder{
	color: #666;
}
.search-form-container :focus:-ms-input-placeholder{
	color: #000;
}

.signup-1 .form-submit,
.signup-2 .form-submit{
	width: 100%;
}
#signup-lightbox button, 
#signup-lightbox .button{
	width: auto;
	max-width: auto;
}

/* Signup 1 Specific */
.signup-1 .form-element{
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
}
.signup-1 .form-element:focus{
	background-color: #ddd;
	border-color: #ddd;
	color: #000;
}
.signup-1 .form-element.required-field:focus{
	background-color: #fff;
	border-color: #ddd;
	color: #000;
}
.signup-1 .form-element.required-field{
	background-color: #ddd;
	border-color: #ddd;
	color: #000;
	position: relative;
}
.signup-1 .form-response{
	width: 100%;
	text-align: center;
	color: #666;
}
.signup-1 ::-webkit-input-placeholder{
	color: #666;
}
.signup-1 :focus::-webkit-input-placeholder{
	color: #000;
}
.signup-1 ::-moz-placeholder{
	color: #666;
}
.signup-1 :focus::-moz-placeholder{
	color: #000;
}
.signup-1 :-ms-input-placeholder{
	color: #666;
}
.signup-1 :focus:-ms-input-placeholder{
	color: #000;
}

/* Signup 2 Specific */
.signup-2 .signup-form-container{
	background-color: rgba(0,0,0,0.6);
	border-radius: 0.3rem;
}
.signup-2 .form-element{
	border-color: #fff;
	color: #666;
}
.signup-2 .form-element:focus{
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
.signup-2 .form-element.required-field:focus{
	background: #fff;
	border-color: #fff;
	color: #000;
}
.signup-2 .form-element.required-field{
	background-color: #ddd;
	border-color: #ddd;
	box-shadow: none;
	color: #000;
	position: relative;
}
.signup-2 .form-response{
	width: 100%;
	text-align: center;
	color: #fff;
}
.signup-2 .form-response{
	margin-left: -4rem;
}
.signup-2 ::-webkit-input-placeholder{
	color: #666;
}
.signup-2 :focus::-webkit-input-placeholder{
	color: #000;
}
.signup-2 ::-moz-placeholder{
	color: #666;
}
.signup-2 :focus::-moz-placeholder{
	color: #000;
}
.signup-2 :-ms-input-placeholder{
	color: #666;
}
.signup-2 :focus:-ms-input-placeholder{
	color: #000;
}

/* Login Specific */
.header .dropdown-list h5{
	color: #fff;
}
.header .dropdown-list .recuperate-password{
	font-size: 1.1rem;
	color: #999;
}
.header .dropdown-list .recuperate-password:hover{
	color: #fff;
}
.login-form-container .form-element,
.login-form-container textarea{
	background-color: #333;
	border: 1px solid #333;
	color: #999;
}
.login-form-container .form-element:focus{
	background-color: #444;
	border-color: #444;
	color: #fff;
}
.login-form-container .form-element.required-field{
	border-color: #999;
	color: #fff;
}
.login-form-container .form-element.required-field:focus{
	border-color: #444;
	color: #fff;
}
.login-form-container .form-response{
	color: #999;
}
.login-form-container ::-webkit-input-placeholder{
	color: #999;
}
.login-form-container :focus::-webkit-input-placeholder{
	color: #fff;
}
.login-form-container ::-moz-placeholder{
	color: #999;
}
.login-form-container :focus::-moz-placeholder{
	color: #fff;
}
.login-form-container :-ms-input-placeholder{
	color: #999;
}
.login-form-container :focus:-ms-input-placeholder{
	color: #fff;
}

/* Footer Specific */
.footer .form-element, 
.footer textarea{
	background-color: #fff;
	margin-bottom: 2rem;
	color: #666;
}
.footer .form-element:focus, 
.footer textarea:focus{
	background-color: #fff;
	box-shadow: none;
	color: #000;
}
.footer .form-element.required-field, 
.footer textarea.required-field{
	background-color: #ddd;
	color: #666;
}
.footer .form-element.required-field:focus, 
.footer textarea.required-field:focus{
	background-color: #fff;
	box-shadow: none;
	color: #000;
}
.footer .signup-form-container .button{
	width: 100%;
}
@media only screen and (max-width: 768px){
	.footer .signup-form-container .button{
		width: 12rem;
	}
}
.footer .form-response{
	color: #666;
	font-size: 1rem;
}
.footer ::-webkit-input-placeholder{
	color: #666;
}
.footer :focus::-webkit-input-placeholder{
	color: #000;
}
.footer ::-moz-placeholder{
	color: #666;
}
.footer :focus::-moz-placeholder{
	color: #000;
}
.footer :-ms-input-placeholder{
	color: #666;
}
.footer :focus:-ms-input-placeholder{
	color: #000;
}

/* Disabled */
.disabled{
	opacity: 0.6;
	background-color: #f4f4f4 !important;
	border-color: #eee !important;
	color: #999 !important;
}
.disabled:hover{
	opacity: 0.6;
	background-color: #f4f4f4;
	border-color: #eee;
}

/*------------------------------------------------------------------
[22. Social Lists]
*/

.social-list li{
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 700;
}
.social-list li a{
	color: #333;
}
.social-list li.social-list-label{
	color: #333;
}

/*------------------------------------------------------------------
[23. Footer]
*/

/* Footer Text */
.footer .widget,
.footer address{
	font-size: 1.3rem;
	color: #999;
	text-transform: none;
	font-style: normal;
}
.footer-top a:not(.button){
	font-size: 1.3rem;
	color: #666;
}
.footer-bottom a{
	font-size: 1.1rem;
	color: #fff;
}
.footer .copyright{
	margin-bottom: 0;
	font-size: 1.1rem;
	float: none;
}

/* Footer Widgets */
.footer .widget li{
	padding-top: 0;
	border: none;
	border-color: #eee;
}
.footer .post-date{
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
}

/* Footer Background */
.footer{
	width: 100%;
	background: #232323;
	color: #666;
	z-index: 1;
}
.footer [class*="content-grid"]{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}
.footer .grid-item{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.footer-top{
	/*background-color: #333;*/
}
.footer-top .footer-logo{
	width: 9rem;
	margin-bottom: 3rem !important;
}
.footer .footer-bottom{
	padding: 0  0 2rem 0;
	/*background-color: #333;*/
}
.footer .footer-bottom-inner{
	border-color: #333;
}
.footer .footer-bottom, 
.footer .footer-bottom a{
	color: #898989;
}
.footer-bottom .footer-logo{
	width: 6.5rem;
	margin-bottom: 1rem;
	margin-right: 1.4rem;
	line-height: 1.7;
}

/* Footer Navigation */
.footer .navigation li,
.footer .navigation ul li a{
	padding: 0;
	display: inline-block;
	float: none;
}
.footer .navigation a,
.footer .social-list a{
	font-size: 1.1rem;
	font-weight: normal;
	color: #4e4e4d;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}
.footer .footer-bottom .navigation, 
.footer .footer-bottom .social-list{
	float: none;
}

/*------------------------------------------------------------------
[24. Sidebar]
*/

/* Sidebar Widgets */
.sidebar .widget,
.sidebar .widget a{
	font-size: 1.2rem;
}
.sidebar .widget .tag-cloud a{
	font-size: 1rem;
}
.sidebar .widget li{
	padding-top: 0rem;
	padding-bottom: 0rem;
}
.sidebar .widget .list-group li{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.sidebar .widget ul{
	margin-bottom: 5rem;
}
.sidebar .post-date{
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
}

/*------------------------------------------------------------------
[25. Dividers]
*/

hr,
.divider{
	border-color: #eee;
}
.page-intro .divider,
.intro-title-2 .divider{
	border-color: rgba(255,255,255,0.1);
}
.text-line{
	width: 0;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
		    transform: rotate(0deg);
	-webkit-transition-property: width, opacity, background-color, transform;
	   -moz-transition-property: width, opacity, background-color, transform;
	     -o-transition-property: width, opacity, background-color, transform;
		    transition-property: width, opacity, background-color, transform;
    -webkit-transition-duration: 400ms;
	   -moz-transition-duration: 400ms;
	     -o-transition-duration: 400ms;
	    -ms-transition-duration: 400ms;
	        transition-duration: 400ms;
}
a.animated-link:hover .text-line,
a.overlay-link:hover .text-line{
	width: 2rem;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
		    transform: rotate(0deg);
}
.mobile .text-line,
a.disabled .text-line{
	-webkit-transition-property: none;
	   -moz-transition-property: none;
	     -o-transition-property: none;
		    transition-property: none;
}
[class*="border-"].thick, 
[class*="border-"].thick *{
	border-width: 0.2rem;
}

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

/*------------------------------------------------------------------
[27. E-Commerce]
*/

/* Grid */
.shop .products .product h3.product-title{
	font-size: 1.4rem;
}
.product-title a{
	color: #000;
}
.shop .products .product .product-price{
	font-size: 1.2rem;
}

/* Shop Overlay Tags */
.shop .products .product .onsale,
.single-product .product .onsale{
	background-color: #0cbacf;
}
.shop .products .product .outofstock,
.single-product .product .outofstock{
	background-color: #232323;
}

/* Tables */
.shop .table td,
.shop .table th{
	padding: 2rem 1.6rem;
}
.shop .cart-overview .table > thead{
	background-color: #f4f4f4;
}
/*.shop .cart-overview .table > thead th,
.shop .cart-overview .table > thead th{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}*/
.shop .cart-overview table,
.shop .cart-overview td,
.shop .cart-totals th,
.widget .cart-subtotal,
.single-product .review-comments,
.checkout .cart-overview hr{
	border-color: #eee;
}
.single-product .review-comments .comment-list > li,
.single-product .products-similar hr,
.single-product .review-comments,
.cart .cart-review,
.checkout .cart-review,
.checkout .cart-overview hr{
	margin-bottom: 5rem;
}

/* Shop Buttons */
.shop .cart-overview .button,
.shop .product .button{
	background-color: #232323;
	border-color: #232323;
	color: #fff;
}
.shop .cart-overview .button:hover,
.shop .product .button:hover{
	background-color: #0cbacf;
	border-color: #0cbacf;
	color: #fff;
}

/* Widgets */
.sidebar .widget .product-list li{
	padding-top: 1.5rem;
	padding-bottom: 1.3rem;
}
.widget .cart-overview a.product-remove{
	background-color: #eee;
}

/* Single Product Page */
.single-product .review-comments{
	padding-bottom: 5rem;
}
.single-product .products-similar hr{
	margin-top: 2rem;
}
.single-product .product-tabs .tab-panes{
	padding-top: 5rem !important;
}
.single-product .product-summary .product-rating{
	font-size: 1.2rem;
}
.single-product .product-summary .product-price ins,
.single-product .product-summary .product-price del{
	font-size: 2rem;
	font-weight: 700;
}

/* Cart Overview */
.cart .cart-overview .product-remove a{
	background-color: #eee;
}

/*------------------------------------------------------------------
[27. Component Styling]
*/

/* Testimonial Slider */
.testimonial-slider{
	height: 14rem;
}
.testimonial-slider blockquote{
	width: 100%;
}
.testimonial-slider blockquote span{
	margin-bottom: 2rem;
}
.testimonial-slider cite{
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #999;
	font-style: normal;
}

/* Button */
.button{
	text-transform: none;
}
.button-content{
	line-height: 1;
}

/* Box */
.box{
	font-size: inherit !important;
	line-height: inherit !important;
}

/* Blockquote */
blockquote.border{
	border-color: #ccc;
}

/* Feature Section */
.feature-2 .feature-image img{
	width: 90%;	
}

/* Logo Section */
.logos-1 a{
	opacity: 1;
}
.logos-1 a:hover{
	opacity: 1;
}
.logo-slider{
	height: 14rem;
}
.logos-1 a, 
.logos-1 span{
	padding: 0.5rem 0;
}

/* Clients Section */
.clients-1 .client-name {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.4rem;
	opacity: 0.5;
}
.clients-1 .counter{
	font-size: 10rem;
	margin-bottom: 0;
}

/* Profile Image */
.profile-image.pull-left{
	margin-right: 3.5rem;
	margin-bottom: 2rem;
}
.profile-image.pull-right{
	margin-left: 3.5rem;
	margin-bottom: 2rem;
}

/* Hero Sections */
.hero-1,
.hero-2,
.hero-3,
.hero-4,
.hero-5,
.hero-6{
	height: 50rem;
}
[class*="hero-"].small{
	height: 30rem;
}
[class*="hero-"].window-height{
	height: 100vh;
}
.hero-5 .center .tms-pagination{
	text-align: center;
}

/* Stats */
[class*="stats-"] .counter{
	margin-bottom: 1rem;
	font-size: 4.5rem;
	font-weight: 300;
}
[class*="stats-"] .counter.xlarge{
	font-size: 6.5rem;
}
[class*="stats-"] .description{
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
}
.stats-3 .mega-stat .counter{
	font-weight: normal;
	font-size: 6rem;
}
.stats-3 .description{
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}
.stats-3 .description,
.stats-3 .mega-stat .description{
	font-size: 1.2rem;
	font-weight: 400;
}
.maintenance-stat .counter{
	font-size: 6.5rem;
	font-weight: 300;
	line-height: 1;
}

/* Bar percentages */
.percent-10{
	width: 10%;
}
.percent-20{
	width: 20%;
}
.percent-30{
	width: 30%;
}
.percent-40{
	width: 40%;
}
.percent-50{
	width: 50%;
}
.percent-60{
	width: 60%;
}
.percent-70{
	width: 70%;
}
.percent-80{
	width: 80%;
}
.percent-90{
	width: 90%;
}
.percent-10{
	width: 100%;
}

/* Sizes */
.progress-bar{
	border: none;
}
.progress-bar.small{
	height: 1.3rem;
	font-size: 1rem;
	line-height: 1rem;
}
.progress-bar,
.progress-bar.medium{
	height: 2rem;
}
.progress-bar.large{
	height: 3rem;
	font-size: 1.4rem;
	line-height: 2.6rem;
}
.progress-bar.xlarge{
	height: 4rem;
	font-size: 1.5rem;
	line-height: 3.6rem;
}

/* Accordion */
.accordion li > a{
	padding: 1.3rem 2.5rem;
	border-color: transparent;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
}
.accordion li.active > a{
	border-color: transparent;
	background-color: #232323;
	color: #fff;
}
.accordion li > a:hover{
	border-color: transparent;
	background-color: #666;
	color: #fff;
}
/* style 1 */
.accordion.style-1 li > a{
	border-color: #eee;
	background-color: transparent;
	color: #666;
}
.accordion.style-1 li.active > a{
	color: #0cbacf;
}
.accordion.style-1 li > div{
	border: none;
}
.accordion.style-1 .accordion-content{
	padding: 2.5rem 0;
	border: none
}
/* style 2 */
.accordion.style-2 li > a{
	padding: 1.3rem 0;
	border: none;
	border-bottom: 1px solid #eee;
	background-color: transparent;
	color: #666;
}
.accordion.style-2 li.active > a{
	border-color: #0cbacf;
	color: #666;
}
.accordion.style-2 .accordion-content{
	padding: 3rem 0;
	border: none;
}
.accordion.style-2 li > div{
	border: none;
}
.accordion.style-2 li.active > div{
	border-bottom: 1px solid #eee;
}

/* Tabs */
.tabs .tab-nav > li a,
.tabs.vertical .tab-nav > li a{
	padding: 1.3rem 2.5rem;
	font-size: 1.2rem;
	font-weight: 400;
	text-transform: uppercase;
}
.tabs.vertical .tab-nav > li{
	margin-bottom: 0;
}
.tabs.style-1 .tab-nav > li,
.tabs.style-2 .tab-nav > li{
	margin: 0 !important;
}
.tabs.style-1 .tab-panes,
.tabs.style-2 .tab-panes{
	border: none;
}
.tabs.style-1 .tab-panes,
.tabs.style-2 .tab-panes{
	padding: 3rem 0 0 0;
	border: none;
	background: none;
}
.tabs.style-1.vertical.right .tab-panes,
.tabs.style-2.vertical.right .tab-panes{
	padding-right: 2.5rem;
	margin: 0 !important;
}
/* style 1 */
.tabs.style-1.vertical .tab-nav > li,
.tabs.style-1.vertical.right .tab-nav > li{
	margin-bottom: 0;
}
.tabs.style-1 .tab-nav > li a,
.tabs.style-1.vertical .tab-nav > li a{
	background-color: #f4f4f4;
	border: none;
	color: #666;
}
.tabs.style-1 .tab-nav > li a:hover{
	background-color: #ddd;
	border: none;
	color: #666;
}
.tabs.style-1 .tab-nav > li.active a,
.tabs.style-1 .tab-nav > li.active a:hover,
.tabs.style-1.vertical.right .tab-nav > li.active a,
.tabs.style-1.vertical.right .tab-nav > li.active a:hover{
	margin-right: 0;
	border: none;
	background-color: #0cbacf;
	color: #fff;
}
/* style 2 */
.tabs.style-2 .tab-nav > li a,
.tabs.style-2.vertical .tab-nav > li a,
.tabs.style-2.vertical.right .tab-nav > li a{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #eee;
	text-align: left;
	color: #666;
}
.tabs.style-2:not(.vertical) .tab-panes{
	border-top: 1px solid #eee;
}
.tabs.style-2 .tab-nav > li.active a,
.tabs.style-2 .tab-nav > li.active a:hover,
.tabs.style-2.vertical .tab-nav > li.active a,
.tabs.style-2.vertical.right .tab-nav > li.active a{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #0cbacf;
}
@media only screen and (min-width: 480px) {
	.tabs.style-1.vertical .tab-panes{
		padding: 0 0 0 3.5rem;
	}
	.tabs.style-1.vertical .tab-panes,
	.tabs.style-2.vertical .tab-panes{
		padding: 0 0 0 3.5rem;
		margin: 0 !important;
	}
	.tabs.style-1.vertical.right .tab-panes,
	.tabs.style-2.vertical.right .tab-panes{
		padding: 0 3.5rem 0 0;
		margin: 0 !important;
	}
	.tabs.style-2.vertical .tab-nav > li a{
		padding-left: 0;
		border: none;
		border-right: 1px solid #eee;
	}
	.tabs.style-2.vertical.right .tab-nav > li a{
		padding-left: 2.5rem;
		padding-right: 0;
		border: none;
		border-left: 1px solid #eee;
	}
	.tabs.style-2.vertical .tab-nav > li.active a,
	.tabs.style-2.vertical .tab-nav > li.active a:hover{
		border: none;
		border-right: 1px solid #3399ff;
	}
	.tabs.style-2.vertical.right .tab-nav > li.active a,
	.tabs.style-2.vertical.right .tab-nav > li.active a:hover{
		border: none;
		border-left: 1px solid #0cbacf;
	}
}

/* Menus */
.menu-list h4{
	font-size: 1.4rem;
}
.menu-list li:nth-child(even) h4,
.menu-list li:nth-child(even) .menu-description{
	color: #666;
}
.menu-list h4 .menu-line{
	bottom: 1px;
}
.menu-list .menu-content .menu-line{
	bottom: 8px;
}
.menu-item .menu-title,
.menu-item .menu-description,
.menu-item .menu-price{
	background: none;
}
.menu-item.dotted .menu-title,
.menu-item.dotted .menu-description,
.menu-item.dotted .menu-price,
.menu-item.dashed .menu-title,
.menu-item.dashed .menu-description,
.menu-item.dashed .menu-price{
	background-color: #fff;
}
.dotted .menu-line{
	background-image: radial-gradient(circle closest-side, #ccc 99%,rgba(0,0,0,0) 0%);
}
.dashed .menu-line{
	background-image:  linear-gradient(to right, #ccc 50%, rgba(0,0,0,0) 0%);
}

/* Timeline */
.timeline.vertical-indication .timeline-title:after{
	border: 2px solid #999;
	background-color: #999;
}
.timeline.vertical-indication .timeline-description:before{
	background-color: #eee;
}
@media only screen and (max-width: 768px) {
	.timeline.vertical-indication .timeline-description:before,
	.timeline.vertical-indication .timeline-title:before{
		width: 0.2rem;
		left: 1.9rem;
	}
}

/* Pricing Tables */
.pricing-table .pricing-table-header h2 {
	font-size: 1.5rem;
}
.pricing-table .pricing-table-price h4{
	font-size: 4rem;
	font-weight: 300;
}
.pricing-table .pricing-table-price .interval{
	font-size: 1.4rem;
	font-weight: 300;
	opacity: 1;
}
.pricing-table .pricing-table-price .currency{
	top: -1.5rem;
}

/* Transparency class */
.transparent-element{
	opacity: 0.5;
}

.logo-slider{
	width: 10rem;
	height: 10rem;
}

/* Breadcrumb */
.intro-title-2 .breadcrumb,
.page-intro .breadcrumb,
.intro-title-2 .breadcrumb a,
.page-intro .breadcrumb a{
	color: #fff;
}
.intro-title-2 .breadcrumb a,
.page-intro .breadcrumb a{
	opacity: 0.6;
}
.intro-title-2 .breadcrumb a:hover,
.page-intro .breadcrumb a:hover{
	opacity: 1;
}

/*------------------------------------------------------------------
[28. 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) {

	/* Intro Sections */
	.intro-title-2{
		background-image: url(../images/slider/slide-2-page-intro@2x.jpg);	
	}
	.intro-title-2-1{
		background-image: url(../images/slider/slide-8-page-intro@2x.jpg);	
	}
	.intro-title-2-2{
		background-image: url(../images/slider/slide-9-page-intro@2x.jpg);	
	}
	.intro-title-2-3{
		background-image: url(../images/slider/slide-11-page-intro@2x.jpg);	
	}
	.intro-title-2-4{
		background-image: url(../images/slider/slide-13-page-intro@2x.jpg);
	}

	/* Fullscreen Sections */
	.fullscreen-bkg-2{
		background-image: url(../images/slider/slide-7-fs@2x.jpg);
	}
	.fullscreen-bkg-3{
		background-image: url(../images/slider/slide-4-fs@2x.jpg);
	}
	.fullscreen-bkg-4{
		background-image: url(../images/slider/slide-5-fs@2x.jpg);
	}

	/* Stat Sections */
	.stats-1-1{
		background-image: url(../images/generic/hero-1@2x.jpg);
	}

	/* Hero Sections */
	.hero-2-1{
		background-image: url(../images/team/hero-1@2x.jpg);
	}
	.hero-3-1{
		background-image: url(../images/services/hero-1@2x.jpg);
	}
	.hero-4-1{
		background-image: url(../images/services/hero-2@2x.jpg);
	}
	.hero-5-1 .media-column{
		background-image: url(../images/generic/hero-half-1@2x.jpg);
	}
	.hero-5-2 .media-column{
		background-image: url(../images/team/hero-half-2@2x.jpg);
	}
	.hero-5-3 .media-column{
		background-image: url(../images/services/hero-half-1@2x.jpg);
	}
	.hero-5-4 .media-column{
		background-image: url(../images/portfolio/projects/hero-half-1@2x.jpg);
	}

	/* Call to Action Sections */
	.call-to-action-2-1{
		background-image: url(../images/generic/call-to-action-1@2x.jpg);
	}

	/* Signup */
	.signup-2-1{
		background-image: url(../images/generic/signup-1@2x.jpg);
	}
}

/* UL Class */

ul.b {
    list-style-type: square;
	margin-left: 50px;
}

/* Also Availbale On Tables */

/* With Members Pricing */

table.members p {
	margin: 20px 0; 
}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table.members { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	table.members tr:nth-of-type(odd) { 
		background: #fbf3f8; 
	}
	table.members th { 
		background: #3399ff; 
		color: white; 
	}
	table.members td, th { 
		padding: 6px; 
		border: 1px solid #3399ff; 
		text-align: left; 
	}
	
@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.members, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.members thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.members tr { border: 1px solid #3399ff; }
		
		table.members td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #3399ff; 
			position: relative;
			padding-left: 50%; 
		}
		
		table.members td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		table.members td:nth-of-type(1):before { content: "Event:"; }
		table.members td:nth-of-type(2):before { content: "Price:"; }
		table.members td:nth-of-type(3):before { content: "Member:"; }
		table.members td:nth-of-type(4):before { content: "Purchase:"; }
	}
	
	/* General Pricing */

	table.general p {
		margin: 20px 0; 
	}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table.general { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	table.general tr:nth-of-type(odd) { 
		background: #fbf3f8; 
	}
	table.general th { 
		background: #3399ff; 
		color: white; 
	}
	table.general td, th { 
		padding: 6px; 
		border: 1px solid #3399ff; 
		text-align: left; 
	}
	
@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.general, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.general thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.general tr { border: 1px solid #3399ff; }
		
		table.general td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #3399ff; 
			position: relative;
			padding-left: 50%; 
		}
		
		table.general td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		table.general td:nth-of-type(1):before { content: "Event:"; }
		table.general td:nth-of-type(2):before { content: "Price:"; }
		table.general td:nth-of-type(3):before { content: "Purchase:"; }
	}
	
	/* Dining Pricing */

	table.dining p {
		margin: 20px 0; 
	}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table.dining { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	table.dining tr:nth-of-type(odd) { 
		background: #fbf3f8; 
	}
	table.dining th { 
		background: #3399ff; 
		color: white; 
	}
	table.dining td, th { 
		padding: 6px; 
		border: 1px solid #3399ff; 
		text-align: left; 
	}
	
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.dining, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.dining thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.dining tr { border: 1px solid #3399ff; }
		
		table.dining td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #3399ff; 
			position: relative;
			padding-left: 50%; 
		}
		
		table.dining td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		table.dining td:nth-of-type(1):before { content: "Event:"; }
		table.dining td:nth-of-type(2):before { content: "Moreton Terraces:"; }
		table.dining td:nth-of-type(3):before { content: "Purchase:"; }
		table.dining td:nth-of-type(4):before { content: "Ascot Terraces:"; }
		table.dining td:nth-of-type(5):before { content: "Purchase:"; }
	}
	
	/* Reciprocal Pricing */

	table.reciprocal p {
		margin: 20px 0; 
	}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table.reciprocal { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	table.reciprocal tr:nth-of-type(odd) { 
		background: #fbf3f8; 
	}
	table.reciprocal th { 
		background: #3399ff; 
		color: white; 
	}
	table.reciprocal td, th { 
		padding: 6px; 
		border: 1px solid #3399ff; 
		text-align: left; 
	}
	
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.reciprocal, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.reciprocal thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.reciprocal tr { border: 1px solid #3399ff; }
		
		table.reciprocal td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #3399ff; 
			position: relative;
			padding-left: 50%; 
		}
		
		table.reciprocal td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		table.reciprocal td:nth-of-type(1):before { content: "Event:"; }
		table.reciprocal td:nth-of-type(2):before { content: "Member:"; }
		table.reciprocal td:nth-of-type(3):before { content: "Reciprocal Member:"; }
		table.reciprocal td:nth-of-type(4):before { content: "Non-Member:"; }
		table.reciprocal td:nth-of-type(5):before { content: "Purchase:"; }
	}
	
	/* Terraces Pricing */

	table.terraces p {
		margin: 20px 0; 
	}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table.terraces { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	table.terraces tr:nth-of-type(odd) { 
		background: #fbf3f8; 
	}
	table.terraces th { 
		background: #3399ff; 
		color: white; 
	}
	table.terraces td, th { 
		padding: 6px; 
		border: 1px solid #3399ff; 
		text-align: left; 
	}
	
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.terraces, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.terraces thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.terraces tr { border: 1px solid #3399ff; }
		
		table.terraces td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #3399ff; 
			position: relative;
			padding-left: 50%; 
		}
		
		table.terraces td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		table.terraces td:nth-of-type(1):before { content: "Event:"; }
		table.terraces td:nth-of-type(2):before { content: "West Terraces:"; }
		table.terraces td:nth-of-type(3):before { content: "Purchase:"; }
		table.terraces td:nth-of-type(4):before { content: "East Terraces:"; }
		table.terraces td:nth-of-type(5):before { content: "Purchase:"; }
	}
	
	
	/* Trackside Marquees Pricing */

	table.trakcsidemrq p {
		margin: 20px 0; 
	}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table.trakcsidemrq { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	table.trakcsidemrq tr:nth-of-type(odd) { 
		background: #fbf3f8; 
	}
	table.trakcsidemrq th { 
		background: #3399ff; 
		color: white; 
	}
	table.trakcsidemrq td, th { 
		padding: 6px; 
		border: 1px solid #3399ff; 
		text-align: left; 
	}
	
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.trakcsidemrq, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.trakcsidemrq thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.trakcsidemrq tr { border: 1px solid #3399ff; }
		
		table.trakcsidemrq td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #3399ff; 
			position: relative;
			padding-left: 50%; 
		}
		
		table.trakcsidemrq td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		table.trakcsidemrq td:nth-of-type(1):before { content: "Event:"; }
		table.trakcsidemrq td:nth-of-type(2):before { content: "Cocktail Style:"; }
		table.trakcsidemrq td:nth-of-type(3):before { content: "Purchase:"; }
		table.trakcsidemrq td:nth-of-type(4):before { content: "Dining Style:"; }
		table.trakcsidemrq td:nth-of-type(5):before { content: "Purchase:"; }
	}
	
	
/**** MyGuestlist Styles ****/

.MGLPoweredBy {
	display: none !important;
}

.MGLField input {
    padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 22px !important;
	padding-right: 22px !important;
}