/*------------------------------------------------------------------
Timber Framework
Version: 1.9.7;
Author: ThemeMountain
Copyright: ThemeMountain
License: MIT

[Table of contents]

1. Common
2. Timber Grid
3. Helper Classes
4. Prototype Classes
5. Main Navigation
6. Side Navigation
7. Overlay Navigation
8. Images
9. Content Grids
10. Feature Columns
11. Form Elements
12. Buttons
13. Dropdowns
14. Lists
15. Menu Lists
16. Timeline
17. Tabs
18. Accordion
19. Tables
20. Pricing Tables
21. Boxes
22. Labels
23. Charts
24. Range Slider
25. Video & Audio
26. Dividers
27. Typography
28. Blockquotes
29. Breadcrumb
30. Code & Pre
31. Font Icons
32. Color & Shadow Classes
33. Animation
34. Media Queries
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Common]
*/
html{
	font-size: 62.5%;
}
html, body {
	max-width: 100%;
}
body {
	padding: 0;
	margin: 0;
	background: #ffffff;
	color: #666666;
 	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 	font-weight: normal;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 1.8;
	overflow-x: hidden !important;
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*,
*:before,
*:after {
	box-sizing: border-box;
}
a,
button,
input,
select,
textarea {
	touch-action: manipulation;
}
button,
.button,
input,
select{
	line-height: 1.4;
}
.page-fade-reset{
	opacity: 1;
	transition-duration: 0ms;
}
.page-fade-out{
	opacity: 0;
	transition-property: opacity;
	transition-duration: 500ms;
	-webkit-backface-visibility: hidden;
}
.scroll-to-top{
	opacity: 0;
	visibility: hidden;
	transition-property: all;
	transition-duration: 500ms;
}
.scroll-to-top.active{
	opacity: 1;
	visibility: visible;
}
.scroll-to-top.fixed{
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	border-radius: 50%;
	background-color: #333333;
	content: "\e63e";
	text-align: center;
	position: fixed;
	right: 3rem;
	bottom: 3rem;
	top: auto;
	z-index: 999;
}
.scroll-to-top.fixed a{
	color: #ffffff;
}

/*------------------------------------------------------------------
[2. Timber Grid]
*/

/* Wrapper */
.wrapper{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}
.wrapper-inner{
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
body.boxed .wrapper-inner{
	max-width: 114rem;
}
.row{
	width: 100%;
	max-width: 114rem;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}
/* ie fix */
.ie-browser .row{
	max-width: 1140px;
}
.row.full-width{
	max-width: 100%;
}
.row .row{
	width: auto;
	margin-right: -1.5rem;
	margin-left: -1.5rem;
}
.row:before, 
.row:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.row:after{
	clear: both;
}
.column,
[class*="content-grid"] .grid-item{
	width: 100%;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	float: left;
}
.column > *:first-child{
	margin-top: 0;
}
.row.collapse > .column{
	padding-left: 0;
	padding-right: 0;
}
.row.full-width.collapse .row {
	margin: auto;
}

/* Flex rows */
.row.flex.v-align-middle{
	height: 100%;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.row.flex.v-align-middle > .column >  div{
	width: initial;
}
.row.flex.v-align-top{
	align-items: flex-start;
}
.row.flex.v-align-bottom{
	align-items: flex-end;
}
/* ie9,10 fix */
.ie-browser:not(.webkit) .row.flex.v-align-middle{
	height: 100%;
	display: table;
	align-items: center;
	flex-wrap: nowrap;
}
.ie-browser:not(.webkit) .row.flex.v-align-middle > .column{
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.ie-browser:not(.webkit) .row.flex.v-align-top{
	vertical-align: top;
}
.ie-browser:not(.webkit) .row.flex.v-align-bottom{
	vertical-align: bottom;
}

/*Flex columns*/
.row.flex{
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: initial;
}
.row.flex > .v-align-middle,
.row.flex.boxes > .column,
.row.flex.boxes > .v-align-middle,
.row.flex > .v-align-middle > .box{
	height: auto;
	display: inherit;
}
.row.flex > .v-align-top,
.row.flex.boxes > .v-align-top,
.row.flex > .v-align-top > .box{
	align-self: flex-start;
}
.row.flex > .v-align-bottom,
.row.flex.boxes > .v-align-bottom,
.row.flex > .v-align-bottom > .box{
	align-self: flex-end;
}
.row.flex > .column > .box > div {
	margin-top: auto;
	margin-bottom: auto;
}
.row.flex > .v-align-top > .box > div{
	margin-top: 0;
	margin-bottom: auto;
}
.row.flex > .v-align-bottom > .box > div{
	margin-top: auto;
	margin-bottom: 0;
}
.row.flex > .column > div{
	flex-direction: column;
}
.row.flex .row.flex{
	flex-direction: row;
}
@media only screen and (min-width: 768px){
	.row.flex .v-align-middle > *:not(.box),
	.row.flex.boxes .v-align-middle > div > *:not(.box){
		width: 100%;
		margin-top: auto;
		margin-bottom: auto;
	}
	/* ie10 fix */
	.ie-browser:not(.webkit) .flex > .column{
		align-items: center;
	}
}
.row.flex:before,
.row.flex:after{
	content: "";
	display: none;
}

/*Row padding*/
.row.small{
	padding: 3rem 0;
}
.row.medium{
	padding: 5rem 0;
}
.row.large{
	padding: 7rem 0;
}
.row.xlarge{
	padding: 9rem 0;
}

/*Columns Widths*/
.width-1	{width: 8.33333%;}
.width-2	{width: 16.66667%;}
.width-3	{width: 25%;}
.width-4	{width: 33.33333%;}
.width-5	{width: 41.66667%;}
.width-6	{width: 50%;}
.width-7	{width: 58.33333%;}
.width-8	{width: 66.66667%;}
.width-9	{width: 75%;}
.width-10	{width: 83.33333%;}
.width-11	{width: 91.66667%;}
.width-12	{width: 100%;}

/*Push - Pull*/
.column[class*='push-'],
.column[class*='pull-']{
	position: relative;
}
.push-1		{left: 8.33333%;}
.push-2		{left: 16.66667%;}
.push-3		{left: 25%;}
.push-4		{left: 33.33333%;}
.push-5		{left: 41.66667%;}
.push-6		{left: 50%;}
.push-7		{left: 58.33333%;}
.push-8		{left: 66.66667%;}
.push-9		{left: 75%;}
.push-10	{left: 83.33333%;}
.push-11	{left: 91.66667%;}

.pull-1		{right: 8.33333%;}
.pull-2		{right: 16.66667%;}
.pull-3		{right: 25%;}
.pull-4		{right: 33.33333%;}
.pull-5		{right: 41.66667%;}
.pull-6		{right: 50%;}
.pull-7		{right: 58.33333%;}
.pull-8		{right: 66.66667%;}
.pull-9		{right: 75%;}
.pull-10	{right: 83.33333%;}
.pull-11	{right: 91.66667%;}

/*Offset*/
.offset-1	{margin-left: 8.33333%;}
.offset-2	{margin-left: 16.66667%;}
.offset-3	{margin-left: 25%;}
.offset-4	{margin-left: 33.33333%;}
.offset-5	{margin-left: 41.66667%;}
.offset-6	{margin-left: 50%;}
.offset-7	{margin-left: 58.33333%;}
.offset-8	{margin-left: 66.66667%;}
.offset-9	{margin-left: 75%;}
.offset-10	{margin-left: 83.33333%;}
.offset-11	{margin-left: 91.66667%;}

/*Clear Margins*/
.alpha{padding-left: 0;}
.omega{padding-right: 0;}

/*Clearfix*/
.clear {
	width: 0;
	height: 0;
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after{
	height: 0;
	content: ".";
	display: block;
	overflow: hidden;
}
.clearfix:after,
.row:after{
	clear: both;
}

/*------------------------------------------------------------------
[3. Helper Classes]
*/
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.text-break{
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
 			hyphens: auto;
}
.text-truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pull-left{
	float: left !important;
}
.pull-right{
	float: right !important;
}
.flex{
	width: 100%;
	display: flex;
	align-items: center;
}
.v-align-top{
	align-self: flex-start !important;
	vertical-align: top !important;
}
.v-align-bottom{
	align-self: flex-end !important;
	vertical-align: bottom !important;
}
.hide{
	display: none !important;
	visibility: hidden !important;
}
.show{
	display: block !important;
	visibility: visible !important;
}
.mobile .hide-on-mobile,
.mobile .hide-on-mobile *{
	display: none !important;
	visibility: visible !important;
}
.inline-block,
[class*="border-"].inline-block,
[class*="bkg-"].inline-block{
	width: auto !important;
	display: inline-block !important;
}
.no-margins{
	margin: 0 !important;
}
.no-margin-top{
	margin-top: 0 !important; 
}
.no-margin-right{
	margin-right: 0 !important; 
}
.no-margin-bottom{
	margin-bottom: 0 !important;
}
.no-margin-left{
	margin-left: 0 !important;
}
.no-padding{
	padding: 0 !important;
}
.no-padding-top{
	padding-top: 0 !important;
}
.no-padding-right{
	padding-right: 0 !important; 
}
.no-padding-bottom{
	padding-bottom: 0 !important;
}
.no-padding-left{
	padding-left: 0 !important; 
}
.overflow-visible{
	overflow: visible !important;
}
.no-scroll{
	overflow: hidden !important;
}
.clear-height{
	height: auto !important;
}
.full-width{
	width: 100% !important;
}

/*------------------------------------------------------------------
[4. Prototype Classes]
*/
.prototype{
	font-size: 1.1rem;
	line-height: 3.5rem;
}
.row.prototype .column:nth-child(odd){
	background: #f9f9f9;
}
.row.prototype .column:nth-child(even){
	background: #eee;
}

/*------------------------------------------------------------------
[5. Main Navigation]
*/
.nav-bar{
	width: 100%;
	min-height: 5rem;
}
.nav-bar-inner{
	position: relative;
}
.nav-bar .logo{
	height: 5rem;
	line-height: 5rem;
	float: left;
}
.nav-bar .logo{
	margin-right: 3rem;
}
.nav-bar .logo img{
	margin-top: -4px;
}
.nav-bar .logo-right{
	margin-left: 3rem;
	margin-right: 0;
	float: right;
}
.nav-bar .logo.logo-center{
	margin: 0 auto;
	float: none;
}

/* Nav Alignment */
.navigation.nav-left{
	float: left !important;
}
.navigation.nav-left > ul > li:first-child > a{
	padding-left: 0;
	margin-left: 0; 
}
.navigation.nav-right{
	float: right !important;
}
.navigation.nav-right > ul > li:last-child > a{
	padding-right: 0;
	margin-right: 0;
}
.navigation.nav-center{
	float: none !important;
	display: block;
}

/* Multiple Nav Blocks Margins & Padding */
.navigation.nav-left{
	margin-right: 2.5rem;
}
.navigation.nav-right{
	margin-left: 2.5rem;
}
.navigation:last-child{
	margin: 0;
}

/* Nav Buttons and Dropdowns */
.navigation .dropdown .button{
	width: auto;
}
.navigation .button [class*="icon-"]{
	margin-right: 0;
}

/* Nav Structure */
.navigation ul,
.navigation .dropdown-list{
	padding: 0;
	margin: 0;
	list-style: none;
}
.navigation.nav-center > ul{
	text-align: center;
}
.navigation ul li{
	margin: 0;
	float: left;
	position: relative;
}
.navigation ul li.contains-mega-sub-menu{
	position: inherit;
}
.navigation.nav-center > ul > li{
	margin-left: -0.4rem;
	float: none;
	display: inline-block !important;
	vertical-align: top;
}

/* Nav Styling */
.navigation > ul > li > a{
	padding: 0 1.5rem;
	background-color: rgba(0,0,0,0);
	line-height: 5rem;
}
.navigation ul li > a:not(.button),
.navigation .dropdown-list:not(.custom-content) li a{
	font-size: 1.1rem;
	color: #878787; 
	text-decoration: none;
	display: block;
	word-wrap: break-word;
}
.navigation ul li > a:not(.button):hover,
.navigation .dropdown-list li > a:not(.button):hover{
	background: none;
	color: #ffffff;
}
.navigation ul li:hover > .sub-menu{
	visibility: visible;
	opacity: 1;
}
.navigation ul li.current > a{
	color: #ffffff;
}
.navigation ul li.current > a:hover{
	color: #ffffff;
}

/* Sub Menus */
.navigation .sub-menu,
.navigation .dropdown-list{
	width: 18rem;
	text-align: left;
	line-height: 1.8;
	background: #222222;
	background: rgba(34,34,34,1);
	box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.3);
	border: none;
	border-radius: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 101;
}
.navigation .sub-menu li,
.navigation .dropdown-list li{
	background: none;
	border-bottom: 1px solid #303030;
	float: none;
}
.navigation .dropdown-list.custom-content,
.navigation .sub-menu.custom-content{
	width: auto;
	min-width: 25rem;
}
.navigation .dropdown-list.custom-content,
.navigation .sub-menu.custom-content .custom-content-inner{
	padding: 2rem;
}
.navigation .sub-menu.custom-content ul{
	padding: 0 2rem 2rem 2rem;
}
.navigation .sub-menu.custom-content ul:first-child{
	padding-top: 2rem;
}
.navigation .sub-menu.custom-content ul[class*="bkg-"]{
	padding: 2rem;
}
.navigation .custom-content li:last-child *:last-child{
	margin-bottom: 0;
}

/* Sub Menu Positions */
.navigation > ul > li.sub-menu-left .sub-menu{
	left: 0;
}
.navigation > ul > li:last-child > .sub-menu,
.navigation > ul > li.sub-menu-right .sub-menu,
.navigation .dropdown.pull-right .dropdown-list{
	right: 0;
}
.navigation .sub-menu ul{
	top: 0;
	left: 18rem;
}
.navigation > ul > li:last-child > .sub-menu ul,
.navigation > ul > li.sub-menu-right .sub-menu ul{
	right: 18rem;
	left: auto;
}

/* Sub Menu Links */
.navigation .sub-menu:not(.custom-content) li a,
.navigation .dropdown-list:not(.custom-content) li a{
	padding: 1.2rem 1.5rem;
}
.navigation .sub-menu:not(.custom-content) li a,
.navigation .dropdown-list:not(.custom-content) li a{
	color: #666666;
}
.navigation .sub-menu:not(.custom-content) li:last-child,
.navigation .dropdown-list:not(.custom-content) li:last-child{
	border-bottom: none;
}

/* Mega Sub Menu */
.navigation .mega-sub-menu{
	height: auto;
	padding: 2rem 0 0 0;
	margin-left: 0;
	margin-right: 0; 
	line-height: 1.8;
	background: #222222;
	background: rgba(34,34,34,1);
	box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.3);
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	left: 1.5rem;
	right: 1.5rem;
	z-index: 101;
}
.mega-sub-menu.row:before, 
.mega-sub-menu.row:after {
	display: none;
	content: "";
}
.navigation .mega-sub-menu > li{
	margin-bottom: 2rem;
}
.navigation .mega-sub-menu > li:not(.column){
	width: 33.33333%;
}
.navigation .mega-sub-menu > li{
	padding: 0 2rem;
	text-align: left;
	float: left;
	border-right: 1px solid #303030;
}
.navigation .mega-sub-menu > li > a:not(.button){
	background: none;
	font-weight: bold;
}
.navigation .mega-sub-menu > li:hover > a:not(.button){
	background: none;
}
.navigation .mega-sub-menu > li:last-child{
	border-right: none;
}
/* Mega Menu Link Parent */
.navigation .mega-sub-menu > li > a:not(.button){
	font-size: 1.2rem;
	line-height: 1.8;
	text-transform: uppercase;
}
.navigation .mega-sub-menu ul li p{
	font-size: 1.2rem;
	margin-bottom: 0;
}
.navigation .mega-sub-menu ul li p,
.navigation .mega-sub-menu > li > a:not(.button){
	padding: 0rem 1.5rem 0.7rem 1.5rem;
}
.navigation .mega-sub-menu ul li .title{
	padding: 0rem 1.5rem;
}
/* Mega Menu Child Links */
.navigation .mega-sub-menu ul li > a:not(.button){
	padding: 0.6rem 1.5rem;
}
.navigation .mega-sub-menu ul li.current > a:not(.button){
	color: #ffffff;
}
.navigation .mega-sub-menu ul li:hover > a:not(.button){
	background: #333333;
}
.navigation .mega-sub-menu li ul > li{
	float: none;
}
.navigation .mega-sub-menu li.content-column ul li{
	padding: 0.6rem 1.5rem;
}
.navigation .mega-sub-menu li.content-column ul li > a:not(.button){
	padding: 0;
}
.navigation ul li:hover > .mega-sub-menu{
	visibility: visible;
	opacity: 1;
}

/* Sub and Mega Menu Indication */
.navigation.sub-menu-indicator > ul > li.contains-sub-menu > a:after,
.navigation.sub-menu-indicator > ul > li.contains-mega-sub-menu > a:after,
.navigation .sub-menu li.contains-sub-menu > a:after{
	font-family: 'icomoon';
	font-size: inherit;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	display: inline-block;
	position: absolute;
}
.navigation.sub-menu-indicator > ul > li.contains-sub-menu,
.navigation.sub-menu-indicator > ul > li.contains-mega-sub-menu{
	padding-right: 1.2rem;
}
.navigation.sub-menu-indicator > ul > li.contains-sub-menu > a:after,
.navigation.sub-menu-indicator > ul > li.contains-mega-sub-menu > a:after{
	margin-left: 0.5rem;
	content: "\e63e";
}
.navigation .sub-menu li.contains-sub-menu > a{
	padding-right: 2.2rem;
}
.navigation .sub-menu li.contains-sub-menu > a:after{
	right: 0.8rem;  
	content: "\e640";
}

/* Menu Animation Attributes */
.navigation .sub-menu,
.navigation .mega-sub-menu{
	transition-property: transform, opacity, visibility, border-color;
	transition-duration: 400ms;
}
.navigation ul li a{
	transition-property: background, border-color, color, line-height;
	transition-duration: 500ms;
}

/* Aux Nav Toggle Button*/
.aux-navigation{
	display: none;
}
.navigation-show,
.navigation-hide{
	width: 4.4rem;
	height: 4.4rem;
	text-align: center;
	float: right;
}
.navigation-show a,
.navigation-hide a{
	height: 4.4rem;
	text-align: center;
	display: block;
}
.navigation-show span,
.navigation-hide span{
	width: 100%;
	line-height: 4.4rem;
}
.navigation-show a{
	color:#666666;
}
.navigation-show a:hover{
	color:#fff;
}
.navigation-hide{
	position: relative;
	z-index: 10;
}
.navigation-hide a{
	color: #666666;
}
.navigation-hide a:hover{
	color:#fff;
}

/* Mobile */
.mobile .logo.logo-center{
	float: left;
}
.mobile header .navigation:not(.secondary-navigation),
.mobile header .primary-nav-column{
	display: none !important;
}
.mobile header .logo-column,
.mobile header .secondary-nav-column{
	width: auto;
}
.mobile header .logo-column{
	float: left;
}
.mobile header .secondary-nav-column{
	float: right;
}

/* Mobile Access */
.mobile .aux-navigation{
	display: table !important;
	visibility: visible !important;
}

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

/* Associated Wrapper Class */
.reveal-side-navigation > div:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0);
	content: '';
	opacity: 0;
	z-index: 110;
	transition: opacity 300ms, width 0ms, height 0ms;
}
.inactive.reveal-side-navigation > div:after {
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: opacity 300ms;
}

/* Associated Wrapper Animation */
.element-reveal-left{
	transform: translate3d(35rem,0,0);
}
.element-reveal-right{
	transform: translate3d(-35rem,0,0);
}

/* Side Navigation Wrapper */
.side-navigation-wrapper,
.side-navigation-inner{
	width: 35rem;
}
.side-navigation-wrapper{
	height: 100%;
	padding: 0;
	background: #292929;
	box-shadow: inset -7px 0 9px -7px rgba( 0, 0, 0, 0.6 );
	overflow-y: scroll;
	visibility: hidden;
	position: fixed;
	left: 0;
	right: auto;
	transform: translate3d(-100%,0,0);
	-webkit-backface-visibility: hidden;
}

.side-navigation-wrapper.active{
	visibility: visible;
}
.side-navigation-wrapper.enter-right{
	text-align: left;
	box-shadow: inset 7px 0 9px -7px rgba( 0, 0, 0, 0.6 );
	right: 0;
	left: auto;
	transform: translate3d(100%,0,0);
}
.side-navigation-wrapper.no-scrollbar{
	overflow: hidden;
}
.no-scrollbar .side-navigation-scroll-pane{
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	left: 0;
}
.no-scrollbar .side-navigation-scroll-pane::-webkit-scrollbar{
	display: none;
}
.side-navigation-inner{
	min-height: 100%;
	position: relative;
}

/* Side Navigation Animation Classes */
/* no transition */
.side-navigation-wrapper.no-transition-reset{
	transform: translate3d(0,0,0);
}
/* slide in */
.side-navigation-wrapper.slide-in-reset{
	z-index: 104;
}
.side-navigation-wrapper.slide-in{
	transform: translate3d(0,0,0);
}
.element-reveal-left.slide-in,
.element-reveal-right.slide-in{
	transform: translate3d(0,0,0);
}

/* push in */
.side-navigation-wrapper.push-in-reset{
	transform: translate3d(-60%,0,0);
}
.side-navigation-wrapper.enter-right.push-in-reset{
	transform: translate3d(60%,0,0);
}
.side-navigation-wrapper.push-in,
.side-navigation-wrapper.enter-right.push-in{
	transform: translate3d(0,0,0);
}

/* reveal */
.side-navigation-wrapper.reveal-reset,
.side-navigation-wrapper.enter-right.reveal-reset{
	transform: translate3d(0,0,0);
}

/* scale in */
.side-navigation-wrapper.scale-in-reset,
.side-navigation-wrapper.enter-right.scale-in-reset{
	transform: translate3d(0,0,0) scale(0.9);
}
.side-navigation-wrapper.scale-in,
.side-navigation-wrapper.enter-right.scale-in{
	transform: translate3d(0,0,0) scale(1);
}

/* Animation Properties */
.side-navigation-wrapper,
.reveal-side-navigation{
	transition: transform 550ms, visibility 0ms;
}

/* Side navigation fallback for
 non CSS3 supporting browsers */
.side-navigation-wrapper.hide{
	visibility: hidden;
	left: -35rem;
}
.side-navigation-wrapper.enter-right.hide{
	right: -35rem;
}
.element-show-left{
	left: 35rem;
}
.element-show-right{
	left: -35rem;
}
.element-show-left,
.element-show-right{
	position: relative !important;
}

/* Menu */
.side-navigation{
	width: 100%;
}
.side-navigation:before, 
.side-navigation:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
.side-navigation ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.side-navigation ul li{
	width:100%;
	display:block;
	margin-bottom: 0;
}
.side-navigation > ul > li > a{
	padding: 1.3rem 4rem;
}
.side-navigation ul li a{
	font-size: 1.2rem;
	line-height: 1;
	color: #999999; 
	text-decoration: none;
	display: block;
	word-wrap: break-word;
	transition-property: background, color;
	transition-duration: 300ms;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.side-navigation ul li a:hover{
	color:#ffffff;
}
.side-navigation ul li.current > a{
	color:#ffffff;
	font-weight: bold;
}
.side-navigation ul li.current > a:hover{
	color:#ffffff;
}
.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-navigation .sub-menu:not(.custom-content) a{
	padding-left: 7rem;
}
.side-navigation:not(.center) .sub-menu .sub-menu{
	padding-left: 1.5rem;
}
.side-navigation  ul li:hover > .sub-menu{
	opacity: 1;
}
.side-navigation .sub-menu{
	overflow: hidden;
}
.side-navigation .sub-menu{
	height: 0;
	transition-property: height;
	transition-duration: 300ms;
}

/*------------------------------------------------------------------
[7. Overlay Navigation]
*/

.overlay-navigation-wrapper,
.overlay-navigation-inner{
	width: 100vw;
}
.overlay-navigation-wrapper{
	width: 100vw;
	height: 100%;
	min-height: 100%;
	background-color: rgba( 0, 0, 0, 0.8 );
	overflow-y: scroll;
	visibility: hidden;
	position: fixed;
	top: -100%;
	z-index: 101;
}
.overlay-navigation-wrapper.active{
	visibility: visible;
	top: 0 !important;
}
.overlay-navigation-wrapper.no-scrollbar{
	overflow: hidden;
}
.overlay-navigation-scroll-pane{
	height: 100%;
}
.no-scrollbar .overlay-navigation-scroll-pane{
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	left: 0;
}
.no-scrollbar .overlay-navigation-scroll-pane::-webkit-scrollbar{
	display: none;
}
.overlay-navigation-inner{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}

/* Overlay Navigation Animation Classes */
/* no transition */
.overlay-navigation-wrapper.no-transition-reset{
	transform: translate3d(0,0,0);
}
/* fade in */
.overlay-navigation-wrapper.fade-in-reset{
	opacity: 0;
}
.overlay-navigation-wrapper.fade-in{
	opacity: 1;
}
/* slide in */
.overlay-navigation-wrapper.slide-in-reset{
	transform: translate3d(-100%,0,0);
	opacity: 0;
}
.overlay-navigation-wrapper.enter-top.slide-in-reset{
	transform: translate3d(0,-100%,0);
	opacity: 0;
}
.overlay-navigation-wrapper.enter-right.slide-in-reset{
	transform: translate3d(100%,0,0);
	opacity: 0;
}
.overlay-navigation-wrapper.enter-bottom.slide-in-reset{
	transform: translate3d(0,100%,0);
	top: 100%;
	opacity: 0;
}
.overlay-navigation-wrapper.slide-in,
.overlay-navigation-wrapper.enter-top.slide-in,
.overlay-navigation-wrapper.enter-right.slide-in,
.overlay-navigation-wrapper.enter-bottom.slide-in{
	transform: translate3d(0,0,0);
	opacity: 1;
}

/* scale in */
.overlay-navigation-wrapper.scale-in-reset{
	transform: translate3d(0,0,0) scale(0.8);
	opacity: 0;
}
.overlay-navigation-wrapper.scale-in{
	transform: translate3d(0,0,0) scale(1);
	opacity: 1;
}

/* Animation Properties */
.overlay-navigation-wrapper{
	transition: transform 550ms, opacity 550ms;
}

/* Menu */
.overlay-navigation{
	max-width: 30rem;
	margin-left: auto;
	margin-right: auto;
}
.overlay-navigation:before, 
.overlay-navigation:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
.overlay-navigation ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.overlay-navigation ul li{
	width: 100%;
	display: block;
	margin-bottom: 0;
}
.overlay-navigation > ul > li > a{
	padding: 0.6rem 0;
}
.overlay-navigation ul li a{
	font-size: 1.2rem;
	line-height: 1.5;
	color: #878787; 
	text-decoration: none;
	display: block;
	word-wrap: break-word;
	transition-property: background, color;
	transition-duration: 300ms;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.overlay-navigation ul li a:hover{
	color: #ffffff;
}
.overlay-navigation ul li.current > a{
	color:#ffffff;
	font-weight: bold;
}
.overlay-navigation ul li.current > a:hover{
	color:#ffffff;
}
.overlay-navigation .sub-menu:not(.custom-content) a{
	padding: 1.1rem 4rem 1.1rem 5.5rem;
}
.overlay-navigation.center .sub-menu:not(.custom-content) a{
	padding: 1.1rem 4rem 1.1rem 4rem;
}
.overlay-navigation .sub-menu a{
	color: #666666;
}
.overlay-navigation .sub-menu .sub-menu a{
	padding-left: 7rem;
}
.overlay-navigation  ul li:hover > .sub-menu{
	opacity: 1;
}
.overlay-navigation .sub-menu{
	overflow: hidden;
}
.overlay-navigation .sub-menu{
	height: 0;
	transition-property: height, border-color;
	transition-duration: 300ms;
}

/*------------------------------------------------------------------
[8. Images]
*/
img{
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	border: none;
	border-radius: inherit;
	outline: none;
}

/*Alignment*/
img.pull-left,
.thumbnail.pull-left{
	margin: 0 1.5rem 1rem 0;
}
img.pull-right,
.thumbnail.pull-right{
	margin: 0 0 1.5rem 1rem;
}

/* Thumbnail */
.thumbnail .background-image{
	width: 100%;
	height: 100%;
	display: block;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.thumbnail{
	margin-bottom: 3rem;
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
}
.thumbnail.rounded,
img.rounded{
	border-radius: 0.3rem;
}
.thumbnail.circle,
img.circle{
	border-radius: 50%;
}
.thumbnail > span,
.thumbnail > a{
	width: 100%;
	height:100%;
	border-radius: inherit;
	float: left;
}
.thumbnail video{
	max-width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
.thumbnail video + img{
	position: absolute;
	top: 0;
	z-index: 0;
}
/* ff fix for flicker on hover */
.thumbnail:hover {
	transform: none !important;
	transition: none !important;
}
/* Thumbs with background images */
.thumbnail.background-image-container{
	width: 100%;
	min-height: 30rem;
}

/* Captions */
.caption-below{
	width: 100%;
	padding: 1rem 1.5rem;
	font-size: 1.2rem;
	font-style: italic;
	border: 1px solid #eeeeee;
	float: left;
}
.thumbnail .caption-over-outer{
	width: 100%;
	height: 100%;
	padding: 3rem;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.thumbnail .caption-over-inner{
	width: 100%;
	height: auto;
}
.thumbnail .caption-over-inner.v-align-top{
	align-self: flex-start;
}
.thumbnail .caption-over-inner.v-align-bottom{
	align-self: flex-end;
}
.thumbnail .caption-over-inner *{
	flex: none;
}
.thumbnail .caption-over-inner *:first-child{
	margin-top: 0;
}
.thumbnail .caption-over-inner *:last-child{
	margin-bottom: 0;
}
/* ie9,10 fix */
.ie-browser:not(.webkit) .thumbnail .caption-over-outer{
	width: 100%;
	height: 100%;
	padding: 2rem;
	display: table;
	opacity: 0;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.ie-browser:not(.webkit) .thumbnail .caption-over-inner{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

/* Overlays */
.thumbnail > span,
.thumbnail > a{
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
	border: none;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}
.overlay-info{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	color: #fff;
	border: none;
	border-radius: inherit;
	background: #000;
	background: rgba(0,0,0,0.5);
	text-align: center;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1; 
}
a.overlay-info:hover{
	color: #fff;
}
.overlay-info > span,
.overlay-info > div{
	width: 100%;
	height: 100%;
	padding: 3rem;
	font-size: 1.2rem;
	font-style: normal;
	display: flex;
	align-items: center;
}
.overlay-info > span > span,
.overlay-info > div > div{
	width: 100%;
	height: auto;
}
/* ie9,10 fix */
.ie-browser:not(.webkit) .overlay-info > span,
.ie-browser:not(.webkit) .overlay-info > div{
	width: 100%;
	height: 100%;
	padding: 1.5rem;
	font-size: 1.2rem;
	font-style: normal;
	display: table;
}
.ie-browser:not(.webkit) .overlay-info > span > span,
.ie-browser:not(.webkit) .overlay-info > div > div{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

/* Background Images */
.fill-background{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* Horizontal Alignment */
.overlay-info.left > span > span{
	text-align: left;
}
.overlay-info.right > span > span{
	text-align: right;
}

/* Vertical Alignment */
.thumbnail .caption-over-inner.v-align-top,
.overlay-info.v-align-top > span > span,
.overlay-info.v-align-top > div > div{
	align-self: flex-start;
	vertical-align: top;
}
.thumbnail .caption-over-inner.v-align-bottom,
.overlay-info.v-align-bottom > span > span,
.overlay-info.v-align-bottom > div > div{
	align-self: flex-end;
	vertical-align: bottom;
}

/* Animation Classes */
.thumbnail .overlay-info{
	width: 100.1%;
	opacity: 0;
}
.thumbnail:hover .overlay-info{
	opacity: 1;
}
.thumbnail .overlay-info{
 transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
.thumbnail:hover .overlay-info,
.thumbnail:hover img,
.thumbnail:hover .background-image{
 transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1);
}
.overlay-fade-out .overlay-info,
.overlay-fade-img-scale-in .overlay-info,
.overlay-fade-img-scale-out .overlay-info{
	opacity: 1;
}
.overlay-fade-out:hover .overlay-info,
.overlay-fade-img-scale-in:hover .overlay-info,
.overlay-fade-img-scale-out:hover .overlay-info{
	opacity: 0;
}
.overlay-slide-in-top .overlay-info{
	opacity: 0;
    transform: translate3d(0,-100%,0);
}
.overlay-slide-in-right .overlay-info{
	opacity: 0;
 transform: translate3d(100%,0,0);
}
.overlay-slide-in-bottom .overlay-info{
	opacity: 0;
    transform: translate3d(0,100%,0);
}
.overlay-slide-in-left .overlay-info{
	opacity: 0;
    transform: translate3d(-100%,0,0);
}
.overlay-scale-in .overlay-info{
	opacity: 0;
   transform: scale3d(0.1,0.1,1);
}
.overlay-rotate-in .overlay-info{
	opacity: 0;
 transform: rotate3d(0.1, 0.1, 1, -180deg);
}
.overlay-img-slide-right .overlay-info{
	opacity: 1;
 transform: translate3d(-100%,0,0);
}
.overlay-img-slide-right:hover img,
.overlay-img-slide-right:hover .background-image{
 transform: translate3d(100%,0,0);
}
.overlay-img-slide-left .overlay-info{
	opacity: 1;
 transform: translate3d(100%,0,0);
}
.overlay-img-slide-left:hover img,
.overlay-img-slide-left:hover .background-image{
 transform: translate3d(-100%,0,0);
}
.overlay-img-slide-down .overlay-info{
	opacity: 1;
 transform: translate3d(0,-100%,0);
}
.overlay-img-slide-down:hover img,
.overlay-img-slide-down:hover .background-image{
 transform: translate3d(0,100%,0);
}
.overlay-img-slide-up .overlay-info{
	opacity: 1;
 transform: translate3d(0,100%,0);
}
.overlay-img-slide-up:hover img,
.overlay-img-slide-up:hover .background-image{
 transform: translate3d(0,-100%,0);
}
.img-scale-in:hover img,
.img-scale-in:hover .background-image,
.img-scale-out img,
.img-scale-out .background-image,
.overlay-fade-img-scale-out img,
.overlay-fade-img-scale-out .background-image,
.overlay-fade-img-scale-in:hover img,
.overlay-fade-img-scale-in:hover .background-image,
.overlay-img-scale-in:hover img,
.overlay-img-scale-in:hover .background-image{
	opacity: 1;
 transform: scale3d(1.2,1.2,1);
}
.overlay-img-scale-in .overlay-info{
 transform: scale3d(0.4,0.4,1);
}

/* Styles */
.thumbnail.shadow{
	box-shadow: 0 0.4rem 2.4rem 0 rgba(0,0,0,.15);
}

/*------------------------------------------------------------------
[9. Content Grids]
*/

/* Grid Item*/
[class*="content-grid"] .grid-item{
	margin: 0 0 3rem;
	float: left;
}
[class*="content-grid"] .thumbnail{
	max-width: 100%;
	float: none;
}

/* Item Widths */
.content-grid-1 .grid-item{
	width: 100%;
}
.content-grid-2 .grid-item{
	width: 50%;
}
.content-grid-3 .grid-item{
	width: 33.33333%;
}
.content-grid-4 .grid-item{
	width: 25%;
}
.content-grid-5 .grid-item{
	width: 20%;
}
.content-grid-6 .grid-item{
	width: 16.66667%;
}

/* Marginless Grid */
[class*="content-grid-"].no-margins,
.row [class*="content-grid-"].no-margins{
	margin-right: 0 !important;
	margin-left: 0 !important;
}
[class*="content-grid-"].no-margins .grid-item{
	padding: 0 !important;
	margin: 0 !important;
}

/* Text Column */
.text-column{
	margin-bottom: 3rem;
}
.text-column > *:last-child{
	margin-bottom: 0;
}

/*------------------------------------------------------------------
[10. Feature Columns]
*/
.feature-column-group .feature-column{
	padding: 7rem;
	margin-bottom: 0;
}
.feature-column{
	margin-bottom: 3rem;
}
.feature-column > *:last-child{
	margin-bottom: 0;
}
.feature-icon{
	font-size: 3rem;
	margin-bottom: 2rem;
	display: inline-block;
	position: relative;
}
.feature-column.left .feature-icon{
	float: left;
}
.feature-text.left{
	padding-left: 5rem;
}
.feature-column.right .feature-text{
	padding-right: 5rem;
	padding-left: 0;
}
.feature-text *:first-child{
	margin-top: 0;
}

/* Sizes and Positions */
.feature-column.small .feature-icon{
	font-size: 2rem;
}
.feature-column.left.small .feature-text{
	padding-left: 4rem;
}
.feature-column.left.small .icon-boxed,
.feature-column.left.small .icon-circled{
	width: 5.8rem;
	height: 5.8rem;
	line-height: 5.8rem;
}
.feature-column.left.small .icon-boxed + .feature-text,
.feature-column.left.small .icon-circled + .feature-text{
	padding-left: 9rem;
}
.feature-column.right.small .feature-text{
	padding-right: 4rem;
	padding-left: 0;
}
.feature-column.right.small .icon-boxed + .feature-text,
.feature-column.right.small .icon-circled + .feature-text{
	padding-right: 9rem;
	padding-left: 0;
}
.feature-colum.mediumn .feature-icon{
	font-size: 3rem;
}
.feature-column.left.medium .feature-text{
	padding-left: 5rem;
}
.feature-column.medium .icon-boxed,
.feature-column.medium .icon-circled{
	width: 6.6rem;
	height: 6.6rem;
	line-height: 6.6rem;
}
.feature-column.left .icon-boxed + .feature-text,
.feature-column.left .icon-circled + .feature-text,
.feature-column.left.medium .icon-boxed + .feature-text,
.feature-column.left.medium .icon-circled + .feature-text{
	padding-left: 9.8rem;
}
.feature-column.right .icon-boxed + .feature-text,
.feature-column.right .icon-circled + .feature-text,
.feature-column.right.medium .icon-boxed + .feature-text,
.feature-column.right.medium .icon-circled + .feature-text{
	padding-right: 9.8rem;
	padding-left: 0;
}
.feature-column.large .feature-icon{
	font-size: 4rem;
}
.feature-column.left.large .feature-text{
	padding-left: 6rem;
}
.feature-column.large .icon-boxed,
.feature-column.large .icon-circled{
	width: 7.4rem;
	height: 7.4rem;
	line-height: 7.4rem;
}
.feature-column.left.large .icon-boxed + .feature-text,
.feature-column.left.large .icon-circled + .feature-text{
	padding-left: 10.6rem;
}
.feature-column.right.large .feature-text{
	padding-right: 6rem;
	padding-left: 0;
}
.feature-column.right.large .icon-boxed + .feature-text,
.feature-column.right.large .icon-circled + .feature-text{
	padding-right: 10.6rem;
	padding-left: 0;
}
.feature-column.xlarge .feature-icon{	
	font-size: 5rem;
}
.feature-column.left.xlarge .feature-text{
	padding-left: 7rem;
}
.feature-column.xlarge .icon-boxed,
.feature-column.xlarge .icon-circled{
	width: 8rem;
	height: 8rem;
	line-height: 7.8rem;
}
.feature-column.left.xlarge .icon-boxed + .feature-text,
.feature-column.left.xlarge .icon-circled + .feature-text{
	padding-left: 12.2rem;
}
.feature-column.right.xlarge .feature-text{
	padding-right: 7rem;
	padding-left: 0;
}
.feature-column.right.xlarge .icon-boxed + .feature-text,
.feature-column.right.xlarge .icon-circled + .feature-text{
	padding-right: 12.2rem;
	padding-left: 0;
}
.feature-column.right .feature-icon{
	float: right;
	margin-left: auto;
	margin-right: auto;
}
.feature-column.center .feature-icon{
	display: inline-block;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.feature-column.center .feature-icon + .feature-text{
	padding-left: 0;
	padding-right: 0;
}
@media only screen and (max-width: 768px) {
	.feature-column.center-on-mobile .feature-icon{
		display: inline-block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.feature-column.center-on-mobile .feature-icon + .feature-text{
		padding-left: 0;
		padding-right: 0;
	}
}

/*------------------------------------------------------------------
[11. Form Elements]
*/
input,
textarea{
	width: 100%;
	padding: 1.3rem 2.5rem;
	margin: 0 0 1.5rem 0;
}
input, 
select, 
textarea{
	-webkit-appearance: none;
	   -moz-appearance:	none;
			appearance: none;
	-webkit-border-radius: 0;
}
input[type="submit"]{
	width: auto;
}
input:focus,
textarea:focus,
select:focus{
	outline:none;
}
input:disabled,
textarea:disabled,
select:disabled,
.disabled{
	opacity: 0.6;
	cursor: default !important;
}
.disabled *{
	cursor: default !important;
}
.checkbox:disabled, 
.radio:disabled{
	opacity: 0;
	cursor: default;
}
.form-element, 
textarea{
	background: #f9f9f9;
	font-size: 1.3rem;
	color: #666666;
	border: 1px solid #eeeeee;
	border-radius: 0;
}
.form-element:focus,
textarea:focus,
.input-indication .form-element:focus + .inherit-style,
.input-indication.reverse .form-element:focus + .inherit-style{
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.2);
	outline: none;
}
textarea{
	min-width: 10rem;
	min-height: 20rem;
}
.textarea-no-resize{
	resize: none;
}
label{
	margin-bottom: 0.8rem;
	color: #666;
	font-size: 1.2rem;
	display: block;
}
label.pull-left{
	margin-bottom: 0;
	margin-right: 1rem;
	padding: 1.4rem 0;
	line-height: normal;
	float: left;
}
label.pull-right{
	margin-bottom: 0;
	margin-left: 1rem;
	padding: 1.4rem 0;
	line-height: normal;
	float: left;
}
label.emphasized{
	color: #666;
	font-size: 1.2rem;
	font-weight: bold;
}

/* Select */
select{
	width: 100%;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: inherit;
	font-size: inherit;
}
.form-select{
	width: 100%;
	padding: 0 !important;
	position: relative;
}
.form-select select{
	width: 100%;
	padding: 1.3rem 2.5rem;
}
.form-select:after{
	font-family: 'icomoon';
	font-size: 1.5rem;
	content: "\e63e";
	pointer-events: none;
	position: absolute;
	top: 1rem;
	right: 2rem;
}

/* Checkbox & Radio */
input[type="checkbox"]{
	-webkit-appearance: checkbox;
	   -moz-appearance:	checkbox;
			appearance: checkbox;
}
.checkbox, 
.radio{
	opacity: 0;
	position: absolute;   
}
.checkbox, 
.checkbox-label, 
.radio, 
.radio-label{
	margin-bottom: 2rem;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.checkbox:disabled + .checkbox-label,
.checkbox:disabled + .checkbox-label:before, 
.radio:disabled + .radio-label,
.radio:disabled + .radio-label:before{
	opacity: 0.6;
}
.checkbox-label ~ .checkbox-label,
.radio-label ~ .radio-label{
	margin-left: 1rem;
}
.checkbox-label, 
.radio-label{
	color: #666666;
	position: relative;
}
.checkbox + .checkbox-label:before, 
.radio + .radio-label:before{
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	margin-right: 1rem;
	display: inline-block;
	vertical-align: middle;
	background: #f9f9f9;
	border: 1px solid #eeeeee;
	content: '';
	font-family: 'icomoon';
	text-align: center;
}
.checkbox:checked + .checkbox-label,
.radio:checked + .radio-label{
	opacity: 1;
}
.checkbox:checked + .checkbox-label:before {
	content: '\e63a';
	background: #ffffff;
	color: #666;
}
.radio:checked + .radio-label:before {
	background: #666;
	box-shadow: inset 0px 0px 0px 4px #ffffff;
}
.checkbox:focus + .checkbox-label, 
.radio:focus + .radio-label {
	outline: none;
}

/* Input Indication */
.input-indication,
.input-indication .input-icon,
.input-indication .form-element{
	margin: 0;
	display: flex;
}
.input-indication{
	margin: 0 0 1.5rem 0;
}
.input-indication .input-icon{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
	align-items: center;
}
/* reversed and style inherited */
.input-indication.reverse .form-element + .inherit-style,
.input-indication:not(.reverse) .form-element:first-child{
	border-right: none !important
}
.input-indication.reverse .form-element:first-child,
.input-indication:not(.reverse) .form-element + .inherit-style{
	border-left: none !important;
}
.input-indication.reverse .form-element:first-child,
.input-indication.reverse .form-element select{
	padding-left: 0;
}
.input-indication:not(.reverse) .form-element:first-child,
.input-indication:not(.reverse) .form-element select{
	padding-right: 0;
}

/* Style */
.form-element.rounded,
textarea.rounded,
.checkbox.rounded + .checkbox-label:before{
	border-radius: 0.3rem;
}
.radio + .radio-label:before{
	border-radius: 50%;
}
.form-element.pill{
	border-radius: 10.5rem;
}

/* Merged */
@media only screen and (min-width: 768px){
	.merged-form-elements .column:first-child{
		padding-right: 0;
	}
	.merged-form-elements .field-wrapper{
		overflow: visible;
	}
	.merged-form-elements .column:last-child,
	.merged-form-elements .column + .column{
		padding-left: 0;
	}
	.merged-form-elements .column + .column:not(:last-child){
		padding-right: 0;
	}
	.merged-form-elements .column:not(:last-child) .form-element{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.merged-form-elements .column + .column .form-element:not(:focus){
		border-left-color: transparent;
	}
	.merged-form-elements .column + .column .form-element{
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.merged-form-elements .column + .column .button{
		width: 100%;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.merged-form-elements .column .form-element:focus{
		position: relative;
		z-index: 1;
	}
}
.input-indication:not(.reverse) > :first-child,
.input-indication.reverse > :last-child{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-indication:not(.reverse) > :last-child,
.input-indication.reverse > :first-child{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-indication.reverse{
	flex-direction: row-reverse;
}

/* Sizes */
.form-element.small{
	padding: 1rem 1.5rem;
	font-size: 1.1rem;
}
.form-element.small select{
	padding: 1rem 3.5rem 1rem 1.5rem;
	font-size: 1.1rem;
}
.form-select.small:after{
	top: 0.5rem;
	right: 1rem;
}
.checkbox.small + .checkbox-label:before, 
.radio.small + .radio-label:before{
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem;
}
.checkbox.small + .checkbox-label, 
.radio.small + .radio-label{
	font-size: 1.1rem;
}
.form-element.medium{
	padding: 1.3rem 2.5rem;
}
.form-element.medium select{
	padding: 1.3rem 4.5rem 1.3rem 2.5rem;
}
.form-element.large{
	padding: 1.6rem 3rem;
	font-size: 1.4rem;
}
.form-element.large select{
	padding: 1.6rem 5rem 1.6rem 3rem;
	font-size: 1.4rem;
}
.form-select.large:after{
	top: 1.4rem;
	right: 2.5rem;
}
.checkbox.large + .checkbox-label:before, 
.radio.large + .radio-label:before{
	width: 2.4rem;
	height: 2.4rem;
	line-height: 2.4rem;
}
.checkbox.large + .checkbox-label, 
.radio.large + .radio-label{
	font-size: 1.4rem;
}
.form-element.xlarge{
	padding: 1.9rem 3.5rem;
	font-size: 1.5rem;
}
.form-element.xlarge select{
	padding: 1.9rem 5.5rem 1.9rem 3.5rem;
	font-size: 1.5rem;
}
.form-select.xlarge:after{
	top: 1.7rem;
	right: 3rem;
}
.checkbox.xlarge + .checkbox-label:before, 
.radio.xlarge + .radio-label:before{
	width: 2.7rem;
	height: 2.7rem;
	line-height: 2.7rem;
}
.checkbox.xlarge + .checkbox-label, 
.radio.xlarge + .radio-label{
	font-size: 1.5rem;
}

/* Editable Div */
div[contenteditable="true"]{
	background: #f9f9f9;
	color: #666666;
	border: 1px solid #eeeeee;
}
div[contenteditable="true"]:focus{
	background: #ffffff;
	color: #333333;
	border: 1px solid #cccccc;
	box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.2);
	outline: none;
}

/* Sizes */
div[contenteditable="true"]{
	padding: 1.3rem 2.5rem;
}
div[contenteditable="true"].small{
	padding: 1rem 1.5rem;
	font-size: 1rem;
}
div[contenteditable="true"].medium{
	padding: 1.3rem 2.5rem;
}
div[contenteditable="true"].large{
	padding: 1.6rem 3rem;
	font-size: 1.4rem;
}
div[contenteditable="true"].xlarge{
	padding: 1.9rem 3.5rem;
	font-size: 1.5rem;
}

/*------------------------------------------------------------------
[12. Buttons]
*/
.button-group{
	margin-bottom: 3rem;
}
button, 
.button{
	padding: 1.3rem 2.5rem;
	margin: 0 1rem 1rem 0;
	font-family: inherit;
    font-size: 1.3rem;
    color: #666666;
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
    font-weight: normal;
    vertical-align: middle;
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance:	none;
			appearance:	none;
}
.left-on-mobile button,
.left-on-mobile .button{
	margin-right: 1rem;
	margin-left: 0;
}
.center button,
.center .button,
.center-on-mobile button,
.center-on-mobile .button{
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.right button + button,
.right .button + .button,
.right-on-mobile button + button,
.right-on-mobile .button + .button{
	margin-right: 0;
	margin-left: 1rem;
}
form button, 
form .button{
	margin-right: 0 !important;
	margin-left: 0 !important;
}
button:focus, 
.button:focus{
	outline: none;
}
button:hover, 
.button:hover{
	text-decoration: none;
	color: #666666;
	background-color: #d0d0d0;
	border-color: #d0d0d0;
}
/* Sizes */
button.small, 
.button.small{
	padding: 1rem 1.5rem;
	font-size: 1.1rem !important;
}
button.medium, 
.button.medium{
	padding: 1.3rem 2.5rem;
	font-size: 1.3rem !important;
}
button.large, 
.button.large{
	padding: 1.6rem 3rem;
	font-size: 1.4rem !important;
}
button.xlarge, 
.button.xlarge{
	padding: 1.9rem 3.5rem;
	font-size: 1.5rem !important;
}

/* Icon Button */
button [class*="icon-"],
.button [class*="icon-"]{
	line-height: inherit;
}
button [class*="icon-"].left,
.button [class*="icon-"].left{
	margin-right: 0.5rem;
}
button [class*="icon-"].right,
.button [class*="icon-"].right{
	margin-left: 0.5rem;
}

/* Button Content */
.button-content > span{
	display: inline-block;
}
.button-content small{
	display: block;
}

/* Firefox Fix */
input[type="submit"]::-moz-focus-inner{
	border: 0 !important;
}

/* Styles */
button.rounded, 
.button.rounded{
	border-radius: 0.3rem;
}
button.pill, 
.button.pill{
	border-radius: 10.5rem;
}
button.shadow, 
.button.shadow{
	box-shadow: 0 0.4rem 0.8rem 0 rgba(0,0,0,.3);
}
button.hard-shadow,
.button.hard-shadow{
	border-bottom: 3px solid rgba(0,0,0,.15);
}
button.disabled, 
.button.disabled{
	cursor: default;
	color: #cccccc;
	background-color: #f9f9f9;
	border-color: #eeeeee; 
}
button.disabled:hover, 
.button.disabled:hover{
	background-color: #f9f9f9;
	border-color: #eeeeee;
}

/* Button Nav */
.button-nav{
	padding: 0;
	margin: 0;
	list-style: none;
}
.button-nav li{
	margin: 0 1px 0 0;
	float: left;
}
.button-nav li .button.rounded,
.button-nav li button.rounded,
.button-nav li .button.pill,
.button-nav li button.pill{
	border-radius: 0;
}
.button-nav li:first-child .button.rounded,
.button-nav li:first-child button.rounded,
.button-nav.rounded li:first-child .button,
.button-nav.rounded li:first-child button{
	border-radius: 0.3rem 0 0 0.3rem;
}
.button-nav li:last-child .button.rounded
.button-nav li:last-child button.rounded,
.button-nav.rounded li:last-child .button,
.button-nav.rounded li:last-child button{
	border-radius: 0 0.3rem 0.3rem 0;
}
.button-nav li:first-child .button.pill,
.button-nav li:first-child button.pill,
.button-nav.pill li:first-child .button,
.button-nav.pill li:first-child button{
	border-radius: 10.5rem 0 0 10.5rem;
}
.button-nav li:last-child .button.pill,
.button-nav li:last-child button.pill,
.button-nav.pill li:last-child .button,
.button-nav.pill li:last-child button{
	border-radius: 0 10.5rem 10.5rem 0;
}
.button-nav.center li{
	margin-left: -0.3rem;
	display: inline-block;
	float: none;
}

/*------------------------------------------------------------------
[13. Dropdowns]
*/
.dropdown{
	position: relative;
	margin-bottom: 1rem;
}
.dropdown button, 
.dropdown .button{
	margin: 0;
	text-align: left;
}
.dropdown.disabled .button{
	cursor: default;
}
.dropdown.disabled button, 
.dropdown.disabled .button,
.dropdown.disabled button:hover, 
.dropdown.disabled .button:hover{
	border-color: #ddd !important;
	background: #fff !important;
	color: #ddd !important;
}
.dropdown-list{
	width: 16rem;
	margin: 0.3rem 0 0 0;
	text-align: left;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 0.2rem rgba(0,0,0,.3);
	border-radius: 0.3rem;
	opacity: 0;
	visibility: hidden;
	list-style: none;
	position: absolute;
	z-index: 101;
	transition-property: transform, opacity, visibility;
	transition-duration: 400ms;
}
.list-up .dropdown-list{
	box-shadow: 0 0 0.2rem rgba(0,0,0,.3);
}
.right .dropdown-list{
	right: 0;
}
.dropdown-list:not(.custom-content) li a{
	padding: 0.6rem 2.5rem;
	display: block;
	font-size: 1.2rem;
	color: #666;
	font-weight: normal;
	cursor: pointer;
}
.dropdown-list li a:hover{
	background: #f4f4f4;
	color: #333;
	text-decoration: none;
}
.dropdown-list li.current a{
	background: #f4f4f4;
	color: #666;
}
.dropdown-list.active{
	opacity: 1;
	visibility: visible;
}
.dropdown-list .list-header{
	padding: 0.6rem 2.5rem;
	font-size: 1.1rem;
	font-weight: bold;
	background: #ddd;
}
.dropdown.small .button,
.dropdown.small button{
	padding: 1rem 1.5rem;
}
.dropdown.small .dropdown-list li a{
	padding: 0.4rem 1.5rem;
}
.dropdown.small .dropdown-list{
	width: 14rem;
}
.dropdown.medium .button,
.dropdown.medium button{
	padding: 1.3rem 2.5rem;
} 
.dropdown.medium .dropdown-list li a{
	padding: 0.6rem 2.5rem;
}
.dropdown.medium .dropdown-list{
	width: 16rem;
}
.dropdown.large .button,
.dropdown.large button{
	padding: 1.6rem 3rem;
} 
.dropdown.large .dropdown-list li a{
	padding: 0.9rem 3rem;
}
.dropdown.large .dropdown-list{
	width: 18rem;
}
.dropdown.xlarge .button,
.dropdown.xlarge button{
	padding: 1.9rem 3.5rem;
} 
.dropdown.xlarge .dropdown-list li a{
	padding: 1.2rem 3.5rem;
}
.dropdown.xlarge .dropdown-list{
	width: 20rem;
}
.dropdown.rounded .button,
.dropdown.rounded button{
	border-radius: 0.3rem;
}

/*------------------------------------------------------------------
[14. Lists]
*/
ul, ol {
	margin: 0 0 3rem 2rem;
	padding: 0;
	font-size: 1.4rem;
}
dl{
	margin: 0 0 3rem 0;
}
dt {
	font-weight: bold;
}
dd{
	padding-left: 3rem;
	margin: 0 0 1rem 0;
}
ul {
	list-style: disc outside;
}
ol {
	list-style: decimal outside;
}
ul ul, ul ol,
ol ol, ol ul {
	margin: 0.4rem 0 0.4rem 3rem;
}
.list-unstyled,
.list-inline {
	margin-left: 0;
	list-style: none;
}
.list-inline li{
	display: inline-block;
}
.list-inline.right li{
	margin-left: 1rem;
}
.list-inline.center li{
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.list-inline.left li{
	margin-right: 1rem;
}

/* Icon List */
ul li > [class*="icon-"]:first-child,
ol li > [class*="icon-"]:first-child{
	margin-right: 1rem;
}

/* List Group */
.list-group.solid, 
.list-group.dashed,
.list-group-dotted{
	border: none;
}
.list-group{
	margin-left: 0;
	list-style: none;
}
.list-group li{
	padding: 1rem 0;
	border-bottom: 1px solid #eeeeee;
}
.list-group li li{
	border-top: 1px solid #eeeeee;
}
.list-group > li:first-child{
	padding-top: 0;
}
.list-group li li:last-child{
	padding-bottom: 0;
}
.list-group li:last-child{
	border-bottom: none;
	border-width: 0;
}
.list-group ul,
.list-group ol{
	margin: 0; 
}
.list-group.boxed li{
	padding: 1rem 2rem;
}
.list-group.boxed li li:last-child{
	padding: 1rem 2rem;
	border-top: 1px solid;
}
.list-group li ul{
	padding-top: 1rem;
}
.list-group[class*="border-"] li,
.list-group[class*="border-"] li li,
.list-group[class*="border-"] li ul{
	border-color: inherit !important;
}
.list-group li *:last-child{
	margin-bottom: 0;
}

/* Sizes */
.list-group.small li li{
	padding-left: 1.5rem;
	margin-top: 0;
}
.list-group.small li{
	padding: 0.7rem 0;
}
.list-groups.small ul,
.list-group.small ol{
	margin-top: 0.7rem !important;
}
.list-group.boxed.small li, 
.list-groups.boxed.small li{
	padding: 0.7rem 1.5rem;
}
.list-group.medium li{
	padding: 1rem 0;
}
.list-groups.medium ul,
.list-group.medium ol{
	margin-top: 1rem !important;
}
.list-group.boxed.medium li,
.list-group.boxed.medium li{
	padding: 1rem 2rem;
}
.list-group.large li{
	padding: 1.3rem 0;
}
.list-groups.large ul,
.list-group.large ol{
	margin-top: 1.3rem !important;
}
.list-group.boxed.large li, 
.list-group.boxed.large li{
	padding: 1.3rem 2.5rem;
}
.list-group.xlarge li{
	padding: 1.6rem 0;
}
.list-groups.xlarge ul,
.list-group.xlarge ol{
	margin-top: 1.6rem !important;
}
.list-group.boxed.xlarge li,
.list-group.boxed.xlarge li{
	padding: 1.6rem 3rem;
}

/* Styles */
.list-group.dotted li{
	border-bottom-style: dotted;
}
.list-group.dotted li li{
	border-top-style: dotted;
}
.list-group.dashed li{
	border-bottom-style: dashed;
}
.list-group.dashed li li{
	border-top-style: dashed;
}
.list-group.thick li{
	border-bottom-width: 0.2rem;
}
.list-group.thick li li{
	border-top-width: 0.2rem;
}
.list-group:not(.boxed) li:last-child{
	border-bottom: none;
	padding-bottom: 0 !important;
}
.list-group li li:last-child{
	border-top: none;
}
.list-group.boxed li{
	border: 1px solid;
	border-bottom: none;
}
.list-group.boxed li:last-child{
	border-bottom: 1px solid;
}
.list-group.boxed.dotted li{
	border-style: dotted;
	border-bottom: none;
}
.list-group.boxed.dotted li:last-child{
	border-bottom: 1px dotted;
}
.list-group.boxed.dotted li li:last-child{
	border-top-style: dotted;
}
.list-group.boxed.dashed li{
	border-style: dashed;
	border-bottom: none;
}
.list-group.boxed.dashed li:last-child{
	border-bottom: 1px dashed;
}
.list-group.boxed.dashed li li:last-child{
	border-top-style: dashed;
}
.list-group.boxed.thick li, 
.list-group.boxed.thick li:last-child{
	border-width: 0.2rem;
}
.list-group.rounded li:first-child{
	border-radius: 0.3rem 0.3rem 0 0;
}
.list-group.rounded li:last-child{
	border-radius: 0 0 0.3rem 0.3rem;
}
.list-group[class*="border-"],
.list-group[class*="border-"].dotted, 
.list-group[class*="border-"].dashed, 
.list-group[class*="border-"].thick,
.list-group[class*="border-"]:hover,
.list-group.boxed[class*="border-"], 
.list-group.boxed[class*="border-"].dotted, 
.list-group.boxed[class*="border-"].dashed, 
.list-group.boxed[class*="border-"].thick,
.list-group.boxed[class*="border-"]:hover {
	border-width: 0;
}
.list-horizontal li{
	display: inline-block;
	list-style: none;
}

/*------------------------------------------------------------------
[15. Menu Lists]
*/
.menu-box{
	overflow: visible;
	margin-bottom: 3rem;
}
.menu-list,
.menu-list li{
	margin: 0 0 3rem 0;
	list-style: none;
}
.menu-list.boxed{
	padding: 2rem;
}
.menu-list li{
	position: relative;
}
.menu-list li:last-child{
	margin-bottom: 0;
}
.menu-list h4{
	margin-bottom: 0;
}
.menu-list h4 + p{
	margin-top: 1.3rem;
}
.menu-list p{
	margin-bottom: 0;
}
.menu-list .menu-content{
	padding-right: 10rem;
}
.menu-list .menu-title,
.menu-list .menu-description,
.menu-list .menu-price{
	background-color: #fff;
}
.menu-list h4,
.menu-list .menu-title,
.menu-list .menu-content,
.menu-list .menu-description,
.menu-list .menu-price{
	position: relative;
	z-index: 1;
}
.menu-list .menu-price{
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom: 0;
}
.menu-title .menu-price{
	position: relative;
	right: auto;
	left: auto;
	bottom: auto;
}
.menu-list .menu-line{
	height: 1px;
	margin: 0;
	border: 0;
	display: block;
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	z-index: 0;
	background-image: linear-gradient(to right, #ccc 100%, rgba(0,0,0,0) 0%);
	background-position: bottom;
	background-size: 6px 2px;
	background-repeat: repeat-x;
}
.menu-list.menu-items-inline h4, 
.menu-list.menu-items-inline .menu-content{
	display: inline;
}

/* Callout */
.menu-list .callout{
	padding: 2rem;
	background-color: #f4f4f4;
}
.menu-list .callout *{
	background-color: inherit;
}
.menu-list .special-item{
	font-size: 1.3rem;
	font-style: italic;
	text-transform: none;
}

/* Line bottom position */
.menu-list h4 .menu-line{
	bottom: 4px;
}
.menu-list .menu-content .menu-line{
	bottom: 8px;
}

/* Sizes */
.menu-box.small,
.menu-list.boxed.small{
	padding: 1.5rem 1.5rem 0 1.5rem;
}
.menu-box.small .menu-list,
.menu-list.boxed.small li:last-child{
	margin-bottom: 1.5rem
}
.menu-box.medium,
.menu-list.boxed.medium{
	padding: 2rem 2rem 0 2rem;
}
.menu-box.medium .menu-list,
.menu-list.boxed.medium li:last-child{
	margin-bottom: 2rem
}
.menu-box.large,
.menu-list.boxed.large{
	padding: 2.5rem 2.5rem 0 2.5rem;
}
.menu-box.large .menu-list,
.menu-list.boxed.large li:last-child{
	margin-bottom: 2.5rem
}
.menu-box.xlarge,
.menu-list.boxed.xlarge{
	padding: 3rem 3rem 0 3rem;
}
.menu-box.xlarge .menu-list,
.menu-list.boxed.xlarge li:last-child{
	margin-bottom: 3rem
}

/* Alignment */
.menu-list.center .menu-line{
	display: none;
}
.menu-list.center .menu-price{
	position: relative;
}
.menu-list.center .menu-content{
	padding: 0;
}
.menu-list.center .menu-description{
	display: block;
}
.menu-list.right .menu-content{
	padding-left: 10rem;
	padding-right: 0;
}
.menu-list.right .menu-price{
	left: 0;
	right: auto;
}

/* Styles */
.menu-list.boxed{
	border-style: solid;
	border-width: 1px;
}
.menu-list.boxed.dashed{
	border-style: dashed;
}
.menu-list.boxed.dotted{
	border-style: dotted;
}
.menu-list.rounded,
.menu-list.rounded .callout{
	border-radius: 0.3rem;
}
.dotted .menu-line{
	height: 2px;
	background-image: radial-gradient(circle closest-side, #ccc 99%,rgba(0,0,0,0) 0%);
}
.dashed .menu-line{
	height: 1px;
	background-image:  linear-gradient(to right, #ccc 50%, rgba(0,0,0,0) 0%);
}
.menu-list .callout.rounded{
	border-radius: 0.3rem;
}

/*------------------------------------------------------------------
[16. Timeline]
*/

.timeline{
	margin: 0 0 3rem 0;
	list-style: none;
}
.timeline li{
	padding: 0;
	margin: 0;
}
.timeline li:last-child{
	margin-bottom: 0;
}
.timeline .timeline-title,
.timeline .timeline-description{
	position: relative;
}
.timeline li:last-child .timeline-description *:last-child{
	margin-bottom: 0;
}
.timeline.vertical-indication .timeline-title{
	padding-right: 5rem;
	z-index: 1;
}
.timeline.vertical-indication .timeline-description{
	padding-left: 5rem;
}
.timeline.vertical-indication .timeline-title:after{
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	content: "";
	border: 2px solid #333;
	background-color: #fff;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 100;
}
.timeline.vertical-indication .timeline-description:before{
	width: 0.1rem;
	content: "";
	background-color: #eee;
	position: absolute;
	left: 0.5rem;
	top: 0;
	bottom: 0;
}
.timeline.vertical-indication.thick .timeline-description:before{
	width: 0.3rem;
	left: 0.4rem;
}
.timeline.vertical-indication li:last-child .timeline-description:before{
	display: none;
}

/*------------------------------------------------------------------
[17. Tabs]
*/
.tabs{
	margin: 0 0 3rem 0;
	padding: 0;
}
.tab-nav{
	margin: 0;
	padding: 0;
	font-size: 0;
	list-style: none;
}
.tab-nav:after{
	height:0;
	display: block;
	content: ".";
	overflow: hidden;
	clear: both;
}
.tabs .tab-nav > li{
	margin: 0 1px 0 0;
	display: inline-block;
}
.tabs.vertical:after{
	display: block;
	content: ".";
	overflow: hidden;
	clear: both;
}
.tabs.vertical .tab-nav > li{
	margin: 0 0 1px 0;
	display: block;
	float: none;
}
.tabs.vertical .tab-nav{
	width: 25%;
	float: left;
}
.tabs .tab-nav > li:last-child{
	margin-right: 0;
}
.tabs.right .tab-nav > li{
	margin: 0 0 0 1px;
}
.tabs.right.vertical .tab-nav > li{
	margin: 0 0 1px 0;
	float: none;
}
.tabs.right.vertical .tab-nav{
	width: 25%;
	float: right;
}
.tabs .tab-nav > li.active a:hover,
.tabs .tab-nav > li.active a{
	background: #ffffff;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #eeeeee;
	cursor: default;
}
.tabs.vertical .tab-nav > li.active a:hover,
.tabs.vertical .tab-nav > li.active a{
	background: #ffffff;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	cursor: default;
	position: relative;
}
.tabs.right.vertical .tab-nav > li.active a:hover,
.tabs.right.vertical .tab-nav > li.active a{
	background: #ffffff;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid transparent;
}
.tabs .tab-nav > li a,
.tabs .tab-nav > li.disabled a:hover{
	padding: 1.3rem 2.5rem;
	margin: 0;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.4;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	color: #666666;
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	cursor: pointer;
}
.tabs.vertical .tab-nav > li a{
	display: block;
}
.tabs .tab-nav > li a:hover{
	text-decoration: none;
	color: #666666;
	background: #d0d0d0;
	border-color: #d0d0d0;
}
.tab-panes{
	margin-top: -1px;
	padding: 2.5rem;
	background: #fff;
	border: 1px solid #eeeeee;
}
.tabs.vertical .tab-panes{
	width: 75%;
	margin-top:0;
	margin-left: -1px;
	float: left;
}
.tabs.right.vertical .tab-panes{
	margin-left:0;
	margin-right: -1px;
	float: right;
}
.tab-panes > div{
	display: none;
	background: none;
}
.tab-panes .tab-content{
	opacity: 0;
	transition-property: opacity, visibility;
	transition-duration: 400ms;
}
.tab-panes .animate-in .tab-content{
	opacity: 1;
}
.tab-panes > div.active{
	display: block;
	content: ".";
	overflow: hidden;
	clear: both;
}
.tab-panes > div > *:first-child{
	margin-top: 0;
}
.tab-panes > div *:not(.form-element):not(.input-indication):not(.radio-label):not(.checkbox-label):last-child{
	margin-bottom: 0;
}

/* Sizes */
.tabs.small .tab-nav > li a{
	padding: 1rem 1.5rem;
	font-size: 1.1rem;
}
.tabs.small .tab-panes{
	padding: 1.5rem;
}
.tabs.medium .tab-nav > li a{
	padding: 1.3rem 2.5rem;
	font-size: 1.3rem;
}
.tabs.medium .tab-panes{
	padding: 2.5rem;
}
.tabs.large .tab-nav > li a{
	padding: 1.6rem 3rem;
	font-size: 1.4rem;
}
.tabs.large .tab-panes{
	padding: 3rem;
}
.tabs.xlarge .tab-nav > li a{
	padding: 1.9rem 3.5rem;
	font-size: 1.5rem;
}
.tabs.xlarge .tab-panes{
	padding: 3.5rem;
}

/* Styles */
.tabs.rounded .tab-nav > li:first-child a{
	border-radius: 0.3rem 0 0 0;
}
.tabs.right.rounded .tab-nav > li:first-child a{
	border-radius: 0 0.3rem 0 0;
}
.tabs.rounded .tab-nav > li:last-child a{
	border-radius: 0 0.3rem 0 0;
}
.tabs.right.rounded .tab-nav > li:last-child a{
	border-radius: 0.3rem 0 0 0;
}
.tabs.vertical.rounded .tab-nav > li:last-child a{
	border-radius: 0 0 0 0.3rem;
}
.tabs.right.vertical.rounded .tab-nav > li:last-child a{
	border-radius: 0 0 0.3rem 0;
}
.tabs.rounded .tab-panes{
	border-radius: 0 0.3rem 0.3rem 0.3rem;
}
.tabs.right.rounded .tab-panes{
	border-radius: 0.3rem 0 0.3rem 0.3rem;
}
.tabs.solid .tab-nav > li.active a:hover,
.tabs.solid .tab-nav > li.active a,
.tabs.solid .tab-panes{
	border-style: solid;
}
.tabs.dotted .tab-nav > li.active a:hover,
.tabs.dotted .tab-nav > li.active a,
.tabs.dotted .tab-panes{
	border-style: dashed;
}
.tabs.dashed .tab-nav > li.active a:hover,
.tabs.dashed .tab-nav > li.active a,
.tabs.dashed .tab-panes{
	border-style: dashed;
}
.tabs.thick .tab-nav > li.active a:hover,
.tabs.thick .tab-nav > li.active a,
.tabs.thick .tab-panes{
	border-width: 0.2rem;
}
.tabs[class*="border-"]{
	border: none;
}

/*------------------------------------------------------------------
[18. Accordion]
*/
.accordion{
	margin: 0 0 3rem 0;
	padding: 0;
	border: none !important;
}
.accordion > ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.accordion:after{
	height:0;
	display: block;
	content: ".";
	overflow: hidden;
	clear: both;
}
.accordion > ul > li{
	margin: 0 0 1px 0;
	display: block;
}
.accordion > ul > li.active > a{
	background: none;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #eeeeee;
}
.accordion > ul > li > a{
	padding: 1.3rem 2.5rem;
	margin: 0;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.4;
    text-decoration: none;
    vertical-align: middle;
	display: block;
	color: #666666;
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	cursor: pointer;
}
.accordion > ul > li > a:hover{
	text-decoration: none;
	color:#666666;
	background: #d0d0d0;
	border-color:#d0d0d0;
}
.accordion > ul > li > div{
	height: 0;
	visibility: hidden;
	border: 1px solid #eeeeee;
	overflow: hidden;
	transition-property:  height, visibility;
	transition-duration: 300ms;
}
.accordion > ul > li.active > div{
	height: auto;
	visibility: visible;
}
.accordion .accordion-content{
	height: auto;
	padding: 2.5rem;
	overflow: hidden;
	display: block;
}
.accordion > ul > li > div > *:first-child{
	margin-top: 0;
}
.accordion > ul > li > div *:not(.form-element):not(.input-indication):not(.radio-label):not(.checkbox-label):last-child{
	margin-bottom: 0;
}

/* Sizes */
.accordion.small li > a{
	padding: 1rem 1.5rem;
	font-size: 1.1rem;
}
.accordion.small .accordion-content{
	padding: 1.5rem;
}
.accordion.medium li > a{
	padding: 1.3rem 2.5rem;
	font-size: 1.3rem;
}
.accordion.medium .accordion-content{
	padding: 2.5rem;
}
.accordion.large li > a{
	padding: 1.6rem 3rem;
	font-size: 1.4rem;
}
.accordion.large .accordion-content{
	padding: 3rem;
}
.accordion.xlarge li > a{
	padding: 1.9rem 3.5rem;
	font-size: 1.5rem;
}
.accordion.xlarge .accordion-content{
	padding: 3.5rem;
}

/* Styles */
.accordion.rounded li:first-child > a{
	border-radius: 0.3rem 0.3rem 0 0;
}
.accordion.rounded li:last-child > a{
	border-radius: 0 0 0.3rem 0.3rem;
}
.accordion.rounded li > div{
	border-radius: 0 0 0.3rem 0.3rem;
}
.accordion.rounded li.active:last-child > a:hover{
	border-radius: 0;
}
.accordion.solid li > a,
.accordion.solid li > div{
	border-style: solid;
}
.accordion.dotted li > a,
.accordion.dotted li > div{
	border-style: dashed;
}
.accordion.dashed li > a,
.accordion.dashed li > div{
	border-style: dashed;
}
.accordion.thick li > a,
.accordion.thick li > div{
	border-width: 0.2rem;
}

/*------------------------------------------------------------------
[19. Tables]
*/
.table{
	width: 100%;
	margin-bottom: 3rem;
	border-width: 1px 1px 0 1px;
	border-color: #eeeeee;
	border-style: solid;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td{
	padding: 1rem 1.5rem;
}
.table > thead{
	color:#666666;
	background-color: #eeeeee;
}
.table th + th,
.table td{
	border-left: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
.table > thead > tr > th{
	border-bottom: none;
}

/* Sizes */
.table.small > thead > tr > th,
.table.small > tbody > tr > th,
.table.small > tfoot > tr > th,
.table.small > thead > tr > td,
.table.small > tbody > tr > td,
.table.small > tfoot > tr > td{
	padding: 0.7rem 1rem;
	font-size: 1rem;
}
.table.medium > thead > tr > th,
.table.medium > tbody > tr > th,
.table.medium > tfoot > tr > th,
.table.medium > thead > tr > td,
.table.medium > tbody > tr > td,
.table.medium > tfoot > tr > td{
	padding: 1rem 1.5rem;
}
.table.large > thead > tr > th,
.table.large > tbody > tr > th,
.table.large > tfoot > tr > th,
.table.large > thead > tr > td,
.table.large > tbody > tr > td,
.table.large > tfoot > tr > td{
	padding: 1.3rem 2.5rem;
	font-size: 1.4rem;
}
.table.xlarge > thead > tr > th,
.table.xlarge > tbody > tr > th,
.table.xlarge > tfoot > tr > th,
.table.xlarge > thead > tr > td,
.table.xlarge > tbody > tr > td,
.table.xlarge > tfoot > tr > td{
	padding: 1.6rem 3rem;
	font-size: 1.5rem;
}

/* Styles */
.table.rounded{
	border-radius: 0.3rem;
}
.table.striped tbody tr:nth-child(even) td, 
.table.striped tbody tr:nth-child(even) th{
	background-color: #eeeeee;
}

/*------------------------------------------------------------------
[20. Pricing Tables]
*/
.pricing-table{
	width: 100%;
	margin-bottom: 3rem;
	text-align: center;
}
.pricing-table.left{
	text-align: left;
}
.pricing-table.right{
	text-align: right;
}
.pricing-table:before, 
.pricing-table:after{
	content: ".";
	display: block;
	height: 0;
	overflow-x: hidden;
	overflow-y: hidden;
}
.pricing-table:after{
	clear: both;
}

/* Columns */
.pricing-table.columns-1 .pricing-table-column{
	width: 100%;
}
.pricing-table.columns-2 .pricing-table-column{
	width: 50%;
}
.pricing-table.columns-3 .pricing-table-column{
	width: 33.33333%;
}
.pricing-table.columns-4 .pricing-table-column{
	width: 25%;
}
.pricing-table.columns-5 .pricing-table-column{
	width: 20%;
}
.pricing-table-column{
	float: left;
}
[class*="border-"] .pricing-table-column{
	border-width: 1px 1px 1px 0;
	border-style: solid;
}
.pricing-table-column:first-child{
	border-width: 1px;
}
.pricing-table-column > *:not(hr){
	padding: 3rem;
}
.pricing-table-column > *:not(:first-child){
	padding-top: 0;
}
.pricing-table-column > [class*="bkg-"]{
	padding: 3rem;
}
.pricing-table-column > hr{
	margin: 3rem;
}
.pricing-table-column > hr{
	margin-top: 0;
}
.pricing-table-column.callout{
	margin-left: -1px;
	margin-bottom: -2rem;
	border: 1px solid #ffffff;
	box-shadow: 0rem 0rem 0.8rem rgba(0,0,0,.2);
	position: relative;
	top:-1.5rem;
	z-index: 1;
}
.pricing-table-column.callout > .pricing-table-header{
	padding-top: 4.5rem;
}
.pricing-table-column.callout > .pricing-table-footer{
	padding-bottom: 4.5rem;
}
.pricing-table-header h2{
	margin:0;
	font-size: 2.5rem;
}
.pricing-table-header[class*="bkg-"] h2{
	color: #ffffff;
}
.pricing-table-price{
	color: #666666;
}
.pricing-table-price h4{
	margin:0;
	font-size: 3rem;
}
.pricing-table-price[class*="bkg-"] h4{
	color:#ffffff;
}
.pricing-table-price .currency{
	margin-right: 0.2rem;
	font-size: 1.3rem;
	position: relative;
	top: -1rem;
}
.pricing-table-price .interval{
	font-size: 1.3rem;
	opacity: 0.5;
}
.pricing-table-options,
.pricing-table-options ul{
	margin: 0;
	list-style: none;
	line-height: inherit;
}
.pricing-table-options del{
	opacity: 0.5;
	text-decoration: none;
}
.pricing-table-options li{
	margin-bottom: 0;
	padding: 0.7rem 0;
}
.pricing-table-options.with-icon li:before{
	margin-right: 1rem;
	font-family: icomoon;
	content: "\e63a";
	float: left;
}
.pricing-table-text{
	line-height: inherit;
}
.pricing-table-text p:last-child{
	margin-bottom: 0;
}
.pricing-table-footer button,
.pricing-table-footer .button{
	margin-bottom: 0;
}

/* Border Color */
.pricing-table[class*="border-"]{
	border-width: 0;
}
.pricing-table[class*="border-"] .pricing-table-column{
	border-color: inherit !important;
}

/* Sizes */
.pricing-table.small .pricing-table-header h2{
	font-size: 2.5rem;
}
.pricing-table.small .pricing-table-price .currency{
	font-size: 1.3rem;
	top: -1rem;
}
.pricing-table.small .pricing-table-price .interval{
	font-size: 1.1rem;
}
.pricing-table.small .pricing-table-price h4{
	font-size: 3rem;
}

.pricing-table.medium .pricing-table-header h2{
	font-size: 3rem;
}
.pricing-table.medium .pricing-table-price .currency{
	font-size: 1.6rem;
	top: -1.4rem;
}
.pricing-table.medium .pricing-table-price .interval{
	font-size: 1.3rem;
}
.pricing-table.medium .pricing-table-price h4{
	font-size: 3.6rem;
}
.pricing-table.large .pricing-table-header h2{
	font-size: 3rem;
}
.pricing-table.large .pricing-table-price .currency{
	font-size: 1.6rem;
	top: -2rem;
}
.pricing-table.large .pricing-table-price .interval{
	font-size: 1.4rem;
}
.pricing-table.large .pricing-table-price h4{
	font-size: 4.5rem;
}
.pricing-table.xlarge .pricing-table-header h2{
	font-size: 3.2rem;
}
.pricing-table.xlarge .pricing-table-price .currency{
	font-size: 2rem;
	top: -2.7rem;
}
.pricing-table.xlarge .pricing-table-price .interval{
	font-size: 1.6rem;
}
.pricing-table.xlarge .pricing-table-price h4{
	font-size: 6rem;
}

/* Styles */
.pricing-table.rounded .pricing-table-column:first-child{
	border-radius: 0.3rem 0 0 0.3rem;
}
.pricing-table.rounded .pricing-table-column:first-child > div:first-child{
	border-top-left-radius: inherit;
}
.pricing-table.rounded .pricing-table-column:first-child > div:left-child{
	border-bottom-left-radius: inherit;
}
.pricing-table.rounded .pricing-table-column:last-child{
	border-radius: 0 0.3rem 0.3rem 0;
}
.pricing-table.rounded .pricing-table-column:last-child > div:first-child{
	border-top-right-radius: inherit;
}
.pricing-table.rounded .pricing-table-column:last-child > div:last-child{
	border-bottom-right-radius: inherit;
}
.pricing-table-column.rounded,
.pricing-table.rounded.columns-1 .pricing-table-column,
.pricing-table.rounded .pricing-table-column.callout{
	border-radius: 0.3rem;
}
.pricing-table.rounded .pricing-table-column.callout > div:first-child{
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}
.pricing-table.rounded .pricing-table-column.callout > div:lst-child{
	border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
}

/*------------------------------------------------------------------
[21. Boxes]
*/
.box{
	width: 100%;
	padding: 2.5rem;
	margin-bottom: 3rem;
	border: 1px solid #eeeeee;
	overflow: hidden;
	position: relative;
}
.box .box{
	width: auto;
	padding: inherit;
}
.grid-item .box,
.equalize .column > .box{
	height: 100%;
}
.box.dotted{
	border-style: dotted;
}
.box.dashed{
	border-style: dashed;
}
.box > *:first-child{
	margin-top: 0;
}
.box *:not(.form-element):not(.form-submit):last-child{
	margin-bottom: 0;
}
.box > a:not(.button){
	color: inherit;
	font-weight: bold;
}
.box > a:not(.button):hover{
	color: inherit;
	text-decoration: underline;
}

/* Dismissable */
.box.dismissable{
	max-height: 100rem;
	padding-right: 3rem;
}
.box.dismissable .close{
	text-decoration: none;
	opacity: 0.5;
	display: block;
	float: right;
	position: relative;
	right: -2rem;
}
.box.dismissable .close:hover{
	text-decoration: none;
	opacity: 1;
}

/* Sizes */
.box.small{
	padding: 1.5rem;
}
.box.small.dismissable{
	padding-right: 2rem
}
.box.small.dismissable .close{
	right: -1.5rem;
}
.box.medium{
	padding: 2.5rem;
}
.box.large{
	padding: 3rem;
}
.box.large.dismissable{
	padding-right: 5rem
}
.box.large.dismissable .close{
	right: -3rem;
}
.box.xlarge{
	padding: 3.5rem;
}
.box.xlarge.dismissable{
	padding-right: 6rem
}
.box.xlarge.dismissable .close{
	right: -3.5rem;
}

/* Child Boxes */
.box .ignore-parent-padding{
	border: none;
}
.box.small > .ignore-parent-padding{
	margin: 0 -1.5rem 0 -1.5rem;
}
.box.medium > .ignore-parent-padding{
	margin: 0 -2.5rem 0 -2.5rem;
}
.box.large > .ignore-parent-padding{
	margin: 0 -3rem 0 -3rem;
}
.box.xlarge > .ignore-parent-padding{
	margin: 0 -3.5rem 0 -3.5rem;
}
.box.small > .ignore-parent-padding.first{
	margin: -1.5rem -1.5rem 3rem -1.5rem;
}
.box.medium > .ignore-parent-padding.first{
	margin: -2.5rem -2.5rem 3rem -2.5rem;
}
.box.large > .ignore-parent-padding.first{
	margin: -3rem -3rem 3rem -3rem;
}
.box.xlarge > .ignore-parent-padding.first{
	margin: -3.5rem -3.5rem 3rem -3.5rem;
}
.box.small > .ignore-parent-padding.last{
	margin: 0 -1.5rem -1.5rem -1.5rem;
}
.box.medium > .ignore-parent-padding.last{
	margin: 0 -2.5rem -2.5rem -2.5rem;
}
.box.large > .ignore-parent-padding.last{
	margin: 0 -3rem -3rem -3rem;
}
.box.xlarge > .ignore-parent-padding.last{
	margin: 0 -3.5rem -3.5rem -3.5rem;
}
.box > .ignore-parent-padding:not(.first):not(.last){
	margin-top: 0;
	margin-bottom: 3rem;
}

/* Styles */
.box.rounded{
	border-radius: 0.3rem;
}
.box.shadow{
	box-shadow: 0 0.4rem 2.4rem 0 rgba(0,0,0,.15);
}

/*------------------------------------------------------------------
[22. Labels & Highlight]
*/
.label{
	padding: 0 0.8rem;
	border: 1px solid #eeeeee;
}
.label [class*="icon-"]:before{
	margin-left: 0;
	margin-right: 0.5rem;
}
.label,
.highlight{
	background: #eeeeee;
	color: #666666;
}

/* Styles */
.label.rounded{
	border-radius: 0.3rem;
}
.label.pill{
	border-radius: 5rem;
}

/*------------------------------------------------------------------
[23. Charts]
*/
.progress-bar-group{
	margin-bottom: 3rem;
}
.progress-bar-group .progress-bar:last-child{
	margin-bottom: 0;
}
.progress-bar{
	width:100%;
	height:2rem;
	margin-bottom: 2rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: bold;
	text-align: right;
	color:#666666;
	border: 1px solid #eeeeee;
	background: #eeeeee;
	overflow: hidden;
	/* ff cropping fix */
	transform: translate3d(0,0,0);
}
.progress-bar.tmh-perspective{
	overflow: hidden !important;
}
.aux-navigation-active .progress-bar{
	-webkit-mask-image: none;
}
.bar{
	width:100%;
	height:100%;
	padding: 0 1.5rem;
	border: 1px solid #d0d0d0;
	background: #d0d0d0;
	-webkit-backface-visibility: hidden;
}

/* Label */
.progress-bar-label{
	margin-bottom: 0.8rem;
	color: #666;
	font-size: 1.2rem;
	text-align: left;
	display: block;
}
.progress-bar-label + .progress-bar{
	margin-bottom: 1.7rem;
}

/* Sizes */
.progress-bar.small{
	height: 1.3rem;
	font-size: 1rem;
	line-height: 0.8rem;
}
.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;
}

/* Syles */
.progress-bar.rounded, 
.progress-bar.rounded .bar{
	border-radius: 0.3rem;
}
.progress-bar.pill, 
.progress-bar.pill .bar{
	border-radius: 10.5rem;
}

/*------------------------------------------------------------------
[24. Range Slider]
*/

.range-slider{
	width: 100%;
	height: 2rem;
	margin-bottom: 2rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: bold;
	text-align: right;
	color:#666666;
	border: 1px solid #eeeeee;
	background: #eeeeee;
	overflow: hidden;
	position: relative;
	/* Safari - Chrome hack for masking issue */
	-webkit-mask-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC );
}
.aux-navigation-active .range-slider{
	-webkit-mask-image: none;
}
.range-active-segment{
	width: 100%;
	height: 100%;
	padding: 0 1.5rem;
	border: 1px solid #d0d0d0;
	background: #d0d0d0;
	-webkit-backface-visibility: hidden;
	position: absolute;
	z-index: 0;
}
.range-handle{
	width: 1.8rem;
	height: 1.8rem;
	display: inline-block;
	background: #666;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	touch-action: manipulation;
}

/* Sizes */
.range-slider.small{
	height: 1.3rem;
	font-size: 1rem;
	line-height: 0.8rem;
}
.range-slider.small .range-handle{
	width: 1.1rem;
	height: 1.1rem;
}
.range-slider.medium{
	height: 2rem;
}
.range-slider.medium .range-handle{
	width: 1.8rem;
	height: 1.8rem;
}
.range-slider.large{
	height: 3rem;
	font-size: 1.4rem;
	line-height: 2.6rem;
}
.range-slider.large .range-handle{
	width: 2.8rem;
	height: 2.8rem;
}
.range-slider.xlarge{
	height: 4rem;
	font-size: 1.5rem;
	line-height: 3.6rem;
}
.range-slider.xlarge .range-handle{
	width: 3.8rem;
	height: 3.8rem;
}

/* Syles */
.range-slider.rounded, 
.range-slider.rounded .range-active-segment,
.range-slider .range-handle{
	border-radius: 0.3rem;
}
.range-slider.pill, 
.range-slider.pill .range-active-segment,
.range-slider .range-handle{
	border-radius: 10.5rem;
}

/*------------------------------------------------------------------
[25. Video & Audio]
*/
.video-container{
	max-width: 100%;
	overflow: hidden;
}
.video-container,
.audio-container{
	margin-bottom: 3rem;
}
.audio-container .mejs-container{
	height: 3rem;
}
iframe{
	width: 100%;
	border: none;
	overflow: hidden;
	background: #000;
}

/*------------------------------------------------------------------
[26. Dividers]
*/
.divider,
hr {
	margin: 3rem 0;
	border-top: 1px solid #eeeeee;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	height: 0;
	clear:both;
}
.divider.dashed,
hr.dashed {
	border-style: dashed;
}
.divider.dotted,
hr.dotted {
	border-style: dotted;
}
.divider.thick,
hr.thick{
	border-top-width: 0.2rem;
}
.divider[class*="border-"],
hr[class*="border-"],
.divider[class*="border-"].dashed,
.divider[class*="border-"].dotted,
hr[class*="border-"].dashed,
hr[class*="border-"].dotted{
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}

/*------------------------------------------------------------------
[27. Typography]
*/
h1, h2, h3, h4, h5, h6{
	color: #333333;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 2rem 0;
}
h1 {
	font-size: 4.8rem;
}
h2 {
	font-size: 3.2rem;
}
h3 {
	font-size: 2.4rem;
}
h3.widget-title {
	font-size: 2.1rem;
}
h4 {
	font-size: 2.1rem;
}
h5 {
	font-size: 1.8rem;
}
h6 {
	font-size: 1.6rem;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
    color: inherit;
}
p {
	margin: 0 0 3rem 0;
}
h1[class*="border-"],
h1[class*="bkg-"],
h1 span[class*="border-"],
h1 span[class*="bkg-"],
h2[class*="border-"],
h2[class*="bkg-"],
h2 span[class*="border-"],
h2 span[class*="bkg-"],
h3[class*="border-"],
h3[class*="bkg-"],
h3 span[class*="border-"],
h3 span[class*="bkg-"],
h4[class*="border-"],
h4[class*="bkg-"],
h4 span[class*="border-"],
h4 span[class*="bkg-"],
h5[class*="border-"],
h5[class*="bkg-"],
h5 span[class*="border-"],
h5 span[class*="bkg-"],
h6[class*="border-"],
h6[class*="bkg-"],
h6 span[class*="border-"],
h6 span[class*="bkg-"],
p[class*="border-"],
p[class*="bkg-"]{
	padding: 0.4rem 0.6rem;
}
address{
	margin: 0 0 3rem 0;
}
.lead{
	margin-bottom: 3rem;
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: 200;
}
.separator{
	width: 10rem;
	height: 0.4rem;
	display: block;
	background-color: #333333;
	margin-bottom: 2rem;
}
.separator.small{
	width: 7rem;
	height: 0.2rem;
}
.separator.large{
	width: 13rem;
	height: 0.6rem;
}
.separator.xlarge{
	width: 16rem;
	height: 0.8rem;
}
.separator.full-width{
	width: 100%;
}
.center .separator,
.separator.center{
	margin-right: auto;
	margin-left: auto;
}
.right .separator,
.separator.right{
	margin-left: auto;
}

/* Font Alternatives */
.font-alt-1{
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.font-alt-1{
	font-family: "Times New Roman", Arial, sans-serif;
}

/* Styles */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
small {
	font-size: 65%;
}
[class*="weight-"] p,
[class*="weight-"] span, 
[class*="weight-"] a{
	font-weight: inherit;
}
.weight-light{
	font-weight: 100;
}
.weight-thin{
	font-weight: 200;
}
.weight-regular{
	font-weight: 400;
}
.weight-semi-bold{
	font-weight: 600;
}
.weight-bold{
	font-weight: 700;
}
.weight-xbold{
	font-weight: 900;
}
.text-shadow{
	text-shadow: 0.2rem 0.2rem 0.2rem rgba(0,0,0,0.5);
}
[class*="lspacing-"] p,
[class*="lspacing-"] span, 
[class*="lspacing-"] a{
	letter-spacing: inherit;
}
.lspacing-small{
	letter-spacing: 0.2rem;
}
.lspacing-medium{
	letter-spacing: 0.3rem;
}
.lspacing-large{
	letter-spacing: 0.5rem;
}
.lspacing-xlarge{
	letter-spacing: 0.8rem;
}

/* Links */
a, p a {
	color: #666666;
	text-decoration: none;
	outline: none;
}
a:hover, 
p a:hover{
	color: #333333;
	text-decoration: none;
}

/* Link announcement */
a.announcement{
	padding: 1rem 2rem;
	line-height: inherit;
	display: inline-flex;
	align-items: center;
}
a.announcement.rounded,
a.announcement.rounded .label{
	border-radius: 0.3rem;
}
a.announcement.pill,
a.announcement.pill .label{
	border-radius: 5rem;
}
a.announcement .label{
	border-radius: inherit;
}
a.announcement.left .label{
	margin-right: 1rem;
}
a.announcement.right .label{
	margin-left: 1rem;
}
a.announcement .messaage{
	flex: 1;
}

/* Text Highlight */
::-moz-selection {
	background: #333333;
	color: #ffffff;
}
::selection {
	background: #333333;
	color: #ffffff;
}
::-moz-selection {
	background: #333333;
	color: #ffffff;
}

/*------------------------------------------------------------------
[28. Blockquotes]
*/
blockquote{
	margin: 0 0 3rem 0;
	font-size: 1.8rem;
	line-height: 1.5;
} 
blockquote p{
	margin-bottom: 0;
	font-size: 1.8rem;
}
blockquote cite, 
blockquote .cite{
	margin-top: 2rem;
	font-size:60%;
	display: block; 
}

/* Sizes */
blockquote.small, 
blockquote.small p {
	font-size: 1.6rem;
}
blockquote.medium, 
blockquote.medium p {
	font-size: 1.8rem;
}
blockquote.large, 
blockquote.large p {
	font-size: 2.1rem;
}
blockquote.xlarge, 
blockquote.xlarge p {
	font-size: 2.4rem;
}

/* Styles */
blockquote.border{
	padding: 0 0 0 2.5rem;
	border-left: 1px solid #eeeeee;
}
blockquote.border.small{
	padding-left: 2rem;
}
blockquote.border.medium {
	padding-left: 2.5rem;
}
blockquote.border.large{
	padding-left: 3rem;
}
blockquote.border.xlarge{
	padding-left: 3.5rem;
}
blockquote.border.small{
	padding-right: 2rem;
}
blockquote.border.medium {
	padding-right: 2.5rem;
}
blockquote.border.large{
	padding-right: 3rem;
}
blockquote.border.xlarge{
	padding-right: 3.5rem;
}
blockquote.icon [class*="icon-"]{
	font-size: 150%;
	text-align: center;
}
blockquote.avatar span{
	margin-bottom: 1.5rem;
}
blockquote.avatar span, 
blockquote.avatar span img{
	width: 5rem;
	height: 5rem;
	border-radius: 7rem;
	display: inline-block;
}
blockquote.avatar.small span, 
blockquote.avatar.small span img{
	width: 4rem;
	height: 4rem;	
}
blockquote.avatar.medium span, 
blockquote.avatar.medium span img{
	width: 5rem;
	height: 5rem;
}
blockquote.avatar.large span, 
blockquote.avatar.large span img{
	width: 6rem;
	height: 6rem;
}
blockquote.avatar.xlarge span, 
blockquote.avatar.xlarge span img{
	width: 7rem;
	height: 7rem;
}

/* Alignment */
blockquote.pull-left{
	width: 40%;
	float: left;
	margin-right: 2rem;
	margin-bottom: 2rem;
}
blockquote.pull-right{
	width: 40%;
	float: right;
	margin-left: 2rem;
	margin-bottom: 2rem;
}
blockquote.center{
	margin-left: auto;
	margin-right: auto;
}
blockquote.border.right{
	padding: 0 2.5rem 0 0;
	border-left: none;
	border-right: 1px solid #eeeeee;
}
blockquote.border.center{
	margin-left: auto;
	margin-right: auto;
	padding: 2.5rem 0 0 0;
	border-left: none;
	border-top: 1px solid #eeeeee;
}

/*------------------------------------------------------------------
[29. Breadcrumb]
*/
.breadcrumb { 
	margin-left: 0;
	list-style: none;
	overflow: hidden;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li,
.breadcrumb li a {
	font-size: 1.2rem;
}
.breadcrumb li:after,
.breadcrumb li:before{
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	font-family: 'icomoon';
}
.breadcrumb li:after{
	content: "\e640";
}
.breadcrumb.center li{
	display: inline-block;
	float: none;
}
.breadcrumb.right li:after{
	padding: 0;
	content: "";
}
.breadcrumb.right li:before{
	content: "\e63f";
}
.breadcrumb li:last-child:after,
.breadcrumb.right li:first-child:before{
	content: "";
	padding: 0;
}

/*------------------------------------------------------------------
[30. Code & Pre]
*/
code, samp, kbd {
	font-family: "Courier New", Courier, monospace, sans-serif;
	text-align: left;
}
pre{
	max-width: 100%;
	margin: 0 0 3rem 0;
	white-space: pre;
	word-break: break-all;
	word-wrap: break-word;
}
pre code{
	line-height: 1.5;
	white-space: pre;
}
.tag{
	color: #074a72;
}
.tag .att{
	color: #47a4db;
}
.tag .val{
	color: #d74950;
}
.tag .comm{
	color: #999999;
}

/*------------------------------------------------------------------
[31. Font Icons]
*/

@font-face {
	font-family: 'icomoon';
	src:url(/fonts/entypo.eot?4f0c387a7679c1d6f438b660b368276c);
	src:url(/fonts/entypo.eot?4f0c387a7679c1d6f438b660b368276c) format('embedded-opentype'),
		url(/fonts/entypo.woff?781a44519ec3ea08f40d16ef3bdceed9) format('woff'),
		url(/fonts/entypo.ttf?a4cd291e4b8ff04a1647199912c72bdb) format('truetype'),
		url(/fonts/entypo.svg?35e0287923cb3093845d1f4eb5402ae0) format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], 
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;

	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
[class*="icon-"] + [class*="icon-"]{
	margin-left: 1rem;
}

.icon-add-to-list:before {content: "\e600";}
.icon-add-user:before {content: "\e601";}
.icon-address:before {content: "\e602";}
.icon-adjust:before {content: "\e603";}
.icon-air:before {content: "\e604";}
.icon-aircraft-landing:before {content: "\e605";}
.icon-aircraft-take-off:before {content: "\e606";}
.icon-aircraft:before {content: "\e607";}
.icon-align-bottom:before {content: "\e608";}
.icon-align-horizontal-middle:before {content: "\e609";}
.icon-align-left:before {content: "\e60a";}
.icon-align-right:before {content: "\e60b";}
.icon-align-top:before {content: "\e60c";}
.icon-align-vertical-middle:before {content: "\e60d";}
.icon-archive:before {content: "\e60e";}
.icon-area-graph:before {content: "\e60f";}
.icon-arrow-bold-down:before {content: "\e610";}
.icon-arrow-bold-left:before {content: "\e611";}
.icon-arrow-bold-right:before {content: "\e612";}
.icon-arrow-bold-up:before {content: "\e613";}
.icon-arrow-down:before {content: "\e614";}
.icon-arrow-left:before {content: "\e615";}
.icon-arrow-long-down:before {content: "\e616";}
.icon-arrow-long-left:before {content: "\e617";}
.icon-arrow-long-right:before {content: "\e618";}
.icon-arrow-long-up:before {content: "\e619";}
.icon-arrow-right:before {content: "\e61a";}
.icon-arrow-up:before {content: "\e61b";}
.icon-arrow-with-circle-down:before {content: "\e61c";}
.icon-arrow-with-circle-left:before {content: "\e61d";}
.icon-arrow-with-circle-right:before {content: "\e61e";}
.icon-arrow-with-circle-up:before {content: "\e61f";}
.icon-attachment:before {content: "\e620";}
.icon-awareness-ribbon:before {content: "\e621";}
.icon-back-in-time:before {content: "\e622";}
.icon-back:before {content: "\e623";}
.icon-bar-graph:before {content: "\e624";}
.icon-battery:before {content: "\e625";}
.icon-beamed-note:before {content: "\e626";}
.icon-bell:before {content: "\e627";}
.icon-blackboard:before {content: "\e628";}
.icon-block:before {content: "\e629";}
.icon-book:before {content: "\e62a";}
.icon-bookmark:before {content: "\e62b";}
.icon-bookmarks:before {content: "\e62c";}
.icon-bowl:before {content: "\e62d";}
.icon-box:before {content: "\e62e";}
.icon-briefcase:before {content: "\e62f";}
.icon-browser:before {content: "\e630";}
.icon-brush:before {content: "\e631";}
.icon-bucket:before {content: "\e632";}
.icon-bug:before {content: "\e633";}
.icon-cake:before {content: "\e634";}
.icon-calculator:before {content: "\e635";}
.icon-calendar:before {content: "\e636";}
.icon-camera:before {content: "\e637";}
.icon-ccw:before {content: "\e638";}
.icon-chat:before {content: "\e639";}
.icon-check:before {content: "\e63a";}
.icon-down:before {content: "\e63b";}
.icon-left:before {content: "\e63c";}
.icon-right:before {content: "\e63d";}
.icon-down-open-mini:before {content: "\e63e";}
.icon-left-open-mini:before {content: "\e63f";}
.icon-right-open-mini:before {content: "\e640";}
.icon-up-open-mini:before {content: "\e641";}
.icon-down-open-big:before {content: "\e642";}
.icon-left-open-big:before {content: "\e643";}
.icon-right-open-big:before {content: "\e644";}
.icon-up-open-big:before {content: "\e645";}
.icon-up:before {content: "\e646";}
.icon-down-circled:before {content: "\e647";}
.icon-left-circled:before {content: "\e648";}
.icon-right-circled:before {content: "\e649";}
.icon-up-circled:before {content: "\e64a";}
.icon-circle-with-cross:before {content: "\e64b";}
.icon-circle-with-minus:before {content: "\e64c";}
.icon-circle-with-plus:before {content: "\e64d";}
.icon-circle:before {content: "\e64e";}
.icon-circular-graph:before {content: "\e64f";}
.icon-clapperboard:before {content: "\e650";}
.icon-classic-computer:before {content: "\e651";}
.icon-clipboard:before {content: "\e652";}
.icon-clock:before {content: "\e653";}
.icon-cloud:before {content: "\e654";}
.icon-code:before {content: "\e655";}
.icon-cog:before {content: "\e656";}
.icon-colours:before {content: "\e657";}
.icon-compass:before {content: "\e658";}
.icon-fast-backward:before {content: "\e659";}
.icon-fast-forward:before {content: "\e65a";}
.icon-jump-to-start:before {content: "\e65b";}
.icon-next:before {content: "\e65c";}
.icon-paus:before {content: "\e65d";}
.icon-play:before {content: "\e65e";}
.icon-record:before {content: "\e65f";}
.icon-stop:before {content: "\e660";}
.icon-volume:before {content: "\e661";}
.icon-copy:before {content: "\e662";}
.icon-creative-commons-attribution:before {content: "\e663";}
.icon-creative-commons-noderivs:before {content: "\e664";}
.icon-creative-commons-noncommercial-eu:before {content: "\e665";}
.icon-creative-commons-noncommercial-us:before {content: "\e666";}
.icon-creative-commons-public-domain:before {content: "\e667";}
.icon-creative-commons-remix:before {content: "\e668";}
.icon-creative-commons-share:before {content: "\e669";}
.icon-creative-commons-sharealike:before {content: "\e66a";}
.icon-creative-commons:before {content: "\e66b";}
.icon-credit-card:before {content: "\e66c";}
.icon-credit:before {content: "\e66d";}
.icon-crop:before {content: "\e66e";}
.icon-cancel:before {content: "\e66f";}
.icon-cup:before {content: "\e670";}
.icon-cw:before {content: "\e671";}
.icon-cycle:before {content: "\e672";}
.icon-database:before {content: "\e673";}
.icon-dial-pad:before {content: "\e674";}
.icon-direction:before {content: "\e675";}
.icon-document-landscape:before {content: "\e676";}
.icon-document:before {content: "\e677";}
.icon-documents:before {content: "\e678";}
.icon-dot-single:before {content: "\e679";}
.icon-dots-three-horizontal:before {content: "\e67a";}
.icon-dots-three-vertical:before {content: "\e67b";}
.icon-dots-two-horizontal:before {content: "\e67c";}
.icon-dots-two-vertical:before {content: "\e67d";}
.icon-download:before {content: "\e67e";}
.icon-drink:before {content: "\e67f";}
.icon-drive:before {content: "\e680";}
.icon-drop:before {content: "\e681";}
.icon-edit:before {content: "\e682";}
.icon-email:before {content: "\e683";}
.icon-emoji-flirt:before {content: "\e684";}
.icon-emoji-happy:before {content: "\e685";}
.icon-emoji-neutral:before {content: "\e686";}
.icon-emoji-sad:before {content: "\e687";}
.icon-erase:before {content: "\e688";}
.icon-eraser:before {content: "\e689";}
.icon-export:before {content: "\e68a";}
.icon-eye-with-line:before {content: "\e68b";}
.icon-eye:before {content: "\e68c";}
.icon-feather:before {content: "\e68d";}
.icon-fingerprint:before {content: "\e68e";}
.icon-flag:before {content: "\e68f";}
.icon-flash:before {content: "\e690";}
.icon-flashlight:before {content: "\e691";}
.icon-flat-brush:before {content: "\e692";}
.icon-flow-branch:before {content: "\e693";}
.icon-flow-cascade:before {content: "\e694";}
.icon-flow-line:before {content: "\e695";}
.icon-flow-parallel:before {content: "\e696";}
.icon-flow-tree:before {content: "\e697";}
.icon-flower:before {content: "\e698";}
.icon-folder-images:before {content: "\e699";}
.icon-folder-music:before {content: "\e69a";}
.icon-folder-video:before {content: "\e69b";}
.icon-folder:before {content: "\e69c";}
.icon-forward:before {content: "\e69d";}
.icon-funnel:before {content: "\e69e";}
.icon-game-controller:before {content: "\e69f";}
.icon-gauge:before {content: "\e6a0";}
.icon-globe:before {content: "\e6a1";}
.icon-graduation-cap:before {content: "\e6a2";}
.icon-grid:before {content: "\e6a3";}
.icon-hair-cross:before {content: "\e6a4";}
.icon-hand:before {content: "\e6a5";}
.icon-heart-outlined:before {content: "\e6a6";}
.icon-heart:before {content: "\e6a7";}
.icon-help-with-circle:before {content: "\e6a8";}
.icon-help:before {content: "\e6a9";}
.icon-home:before {content: "\e6aa";}
.icon-hour-glass:before {content: "\e6ab";}
.icon-image-inverted:before {content: "\e6ac";}
.icon-image:before {content: "\e6ad";}
.icon-images:before {content: "\e6ae";}
.icon-inbox:before {content: "\e6af";}
.icon-infinity:before {content: "\e6b0";}
.icon-info-with-circle:before {content: "\e6b1";}
.icon-info:before {content: "\e6b2";}
.icon-install:before {content: "\e6b3";}
.icon-key:before {content: "\e6b4";}
.icon-keyboard:before {content: "\e6b5";}
.icon-lab-flask:before {content: "\e6b6";}
.icon-landline:before {content: "\e6b7";}
.icon-language:before {content: "\e6b8";}
.icon-laptop:before {content: "\e6b9";}
.icon-layers:before {content: "\e6ba";}
.icon-leaf:before {content: "\e6bb";}
.icon-level-down:before {content: "\e6bc";}
.icon-level-up:before {content: "\e6bd";}
.icon-lifebuoy:before {content: "\e6be";}
.icon-light-bulb:before {content: "\e6bf";}
.icon-light-down:before {content: "\e6c0";}
.icon-light-up:before {content: "\e6c1";}
.icon-line-graph:before {content: "\e6c2";}
.icon-link:before {content: "\e6c3";}
.icon-list:before {content: "\e6c4";}
.icon-location-pin:before {content: "\e6c5";}
.icon-location:before {content: "\e6c6";}
.icon-lock-open:before {content: "\e6c7";}
.icon-lock:before {content: "\e6c8";}
.icon-log-out:before {content: "\e6c9";}
.icon-login:before {content: "\e6ca";}
.icon-loop:before {content: "\e6cb";}
.icon-magnet:before {content: "\e6cc";}
.icon-magnifying-glass:before {content: "\e6cd";}
.icon-mail:before {content: "\e6ce";}
.icon-man:before {content: "\e6cf";}
.icon-map:before {content: "\e6d0";}
.icon-mask:before {content: "\e6d1";}
.icon-medal:before {content: "\e6d2";}
.icon-megaphone:before {content: "\e6d3";}
.icon-menu:before {content: "\e6d4";}
.icon-merge:before {content: "\e6d5";}
.icon-message:before {content: "\e6d6";}
.icon-mic:before {content: "\e6d7";}
.icon-minus:before {content: "\e6d8";}
.icon-mobile:before {content: "\e6d9";}
.icon-modern-mic:before {content: "\e6da";}
.icon-moon:before {content: "\e6db";}
.icon-mouse-pointer:before {content: "\e6dc";}
.icon-mouse:before {content: "\e6dd";}
.icon-music:before {content: "\e6de";}
.icon-network:before {content: "\e6df";}
.icon-new-message:before {content: "\e6e0";}
.icon-new:before {content: "\e6e1";}
.icon-news:before {content: "\e6e2";}
.icon-newsletter:before {content: "\e6e3";}
.icon-note:before {content: "\e6e4";}
.icon-notification:before {content: "\e6e5";}
.icon-notifications-off:before {content: "\e6e6";}
.icon-old-mobile:before {content: "\e6e7";}
.icon-old-phone:before {content: "\e6e8";}
.icon-open-book:before {content: "\e6e9";}
.icon-palette:before {content: "\e6ea";}
.icon-paper-plane:before {content: "\e6eb";}
.icon-pencil:before {content: "\e6ec";}
.icon-phone:before {content: "\e6ed";}
.icon-pie-chart:before {content: "\e6ee";}
.icon-pin:before {content: "\e6ef";}
.icon-plus:before {content: "\e6f0";}
.icon-popup:before {content: "\e6f1";}
.icon-power-plug:before {content: "\e6f2";}
.icon-price-ribbon:before {content: "\e6f3";}
.icon-price-tag:before {content: "\e6f4";}
.icon-print:before {content: "\e6f5";}
.icon-progress-empty:before {content: "\e6f6";}
.icon-progress-full:before {content: "\e6f7";}
.icon-progress-one:before {content: "\e6f8";}
.icon-progress-two:before {content: "\e6f9";}
.icon-publish:before {content: "\e6fa";}
.icon-quote:before {content: "\e6fb";}
.icon-radio:before {content: "\e6fc";}
.icon-remove-user:before {content: "\e6fd";}
.icon-reply-all:before {content: "\e6fe";}
.icon-reply:before {content: "\e6ff";}
.icon-resize-100:before {content: "\e700";}
.icon-resize-full-screen:before {content: "\e701";}
.icon-retweet:before {content: "\e702";}
.icon-rocket:before {content: "\e703";}
.icon-round-brush:before {content: "\e704";}
.icon-rss:before {content: "\e705";}
.icon-ruler:before {content: "\e706";}
.icon-save:before {content: "\e707";}
.icon-scissors:before {content: "\e708";}
.icon-select-arrows:before {content: "\e709";}
.icon-share-alternative:before {content: "\e70a";}
.icon-share:before {content: "\e70b";}
.icon-shareable:before {content: "\e70c";}
.icon-shield:before {content: "\e70d";}
.icon-shop:before {content: "\e70e";}
.icon-shopping-bag:before {content: "\e70f";}
.icon-shopping-basket:before {content: "\e710";}
.icon-shopping-cart:before {content: "\e711";}
.icon-shuffle:before {content: "\e712";}
.icon-signal:before {content: "\e713";}
.icon-sound-mix:before {content: "\e714";}
.icon-sound-mute:before {content: "\e715";}
.icon-sound:before {content: "\e716";}
.icon-sports-club:before {content: "\e717";}
.icon-spreadsheet:before {content: "\e718";}
.icon-squared-cross:before {content: "\e719";}
.icon-squared-minus:before {content: "\e71a";}
.icon-squared-plus:before {content: "\e71b";}
.icon-star-outlined:before {content: "\e71c";}
.icon-star:before {content: "\e71d";}
.icon-stopwatch:before {content: "\e71e";}
.icon-suitcase:before {content: "\e71f";}
.icon-swap:before {content: "\e720";}
.icon-sweden:before {content: "\e721";}
.icon-switch:before {content: "\e722";}
.icon-tablet-mobile-combo:before {content: "\e723";}
.icon-tablet:before {content: "\e724";}
.icon-tag:before {content: "\e725";}
.icon-text-document-inverted:before {content: "\e726";}
.icon-text-document:before {content: "\e727";}
.icon-text:before {content: "\e728";}
.icon-thermometer:before {content: "\e729";}
.icon-thumbs-down:before {content: "\e72a";}
.icon-thumbs-up:before {content: "\e72b";}
.icon-thunder-cloud:before {content: "\e72c";}
.icon-ticket:before {content: "\e72d";}
.icon-time-slot:before {content: "\e72e";}
.icon-tools:before {content: "\e72f";}
.icon-traffic-cone:before {content: "\e730";}
.icon-trash:before {content: "\e731";}
.icon-tree:before {content: "\e732";}
.icon-triangle-down:before {content: "\e733";}
.icon-triangle-left:before {content: "\e734";}
.icon-triangle-right:before {content: "\e735";}
.icon-triangle-up:before {content: "\e736";}
.icon-trophy:before {content: "\e737";}
.icon-tv:before {content: "\e738";}
.icon-typing:before {content: "\e739";}
.icon-uninstall:before {content: "\e73a";}
.icon-unread:before {content: "\e73b";}
.icon-untag:before {content: "\e73c";}
.icon-upload-to-cloud:before {content: "\e73d";}
.icon-upload:before {content: "\e73e";}
.icon-user:before {content: "\e73f";}
.icon-users:before {content: "\e740";}
.icon-v-card:before {content: "\e741";}
.icon-video-camera:before {content: "\e742";}
.icon-video:before {content: "\e743";}
.icon-vinyl:before {content: "\e744";}
.icon-voicemail:before {content: "\e745";}
.icon-wallet:before {content: "\e746";}
.icon-warning:before {content: "\e747";}
.icon-water:before {content: "\e748";}
.icon-px-with-circle:before {content: "\e749";}
.icon-px:before {content: "\e74a";}
.icon-app-store:before {content: "\e74b";}
.icon-baidu:before {content: "\e74c";}
.icon-basecamp:before {content: "\e74d";}
.icon-behance:before {content: "\e74e";}
.icon-creative-cloud:before {content: "\e74f";}
.icon-dribbble-with-circle:before {content: "\e750";}
.icon-dribbble:before {content: "\e751";}
.icon-dropbox:before {content: "\e752";}
.icon-evernote:before {content: "\e753";}
.icon-facebook-with-circle:before {content: "\e754";}
.icon-facebook:before {content: "\e755";}
.icon-flattr:before {content: "\e756";}
.icon-flickr-with-circle:before {content: "\e757";}
.icon-flickr:before {content: "\e758";}
.icon-foursquare:before {content: "\e759";}
.icon-github-with-circle:before {content: "\e75a";}
.icon-github:before {content: "\e75b";}
.icon-google-drive:before {content: "\e75c";}
.icon-google-hangouts:before {content: "\e75d";}
.icon-google-play:before {content: "\e75e";}
.icon-google-with-circle:before {content: "\e75f";}
.icon-google:before {content: "\e760";}
.icon-grooveshark:before {content: "\e761";}
.icon-houzz:before {content: "\e762";}
.icon-icloud:before {content: "\e763";}
.icon-instagram-with-circle:before {content: "\e764";}
.icon-instagram:before {content: "\e765";}
.icon-lastfm-with-circle:before {content: "\e766";}
.icon-lastfm:before {content: "\e767";}
.icon-linkedin-with-circle:before {content: "\e768";}
.icon-linkedin:before {content: "\e769";}
.icon-mail-with-circle:before {content: "\e76a";}
.icon-medium-with-circle:before {content: "\e76b";}
.icon-medium:before {content: "\e76c";}
.icon-mixi:before {content: "\e76d";}
.icon-onedrive:before {content: "\e76e";}
.icon-paypal:before {content: "\e76f";}
.icon-picasa:before {content: "\e770";}
.icon-pinterest-with-circle:before {content: "\e771";}
.icon-pinterest:before {content: "\e772";}
.icon-qq-with-circle:before {content: "\e773";}
.icon-qq:before {content: "\e774";}
.icon-raft-with-circle:before {content: "\e775";}
.icon-raft:before {content: "\e776";}
.icon-rainbow:before {content: "\e777";}
.icon-rdio-with-circle:before {content: "\e778";}
.icon-rdio:before {content: "\e779";}
.icon-renren:before {content: "\e77a";}
.icon-scribd:before {content: "\e77b";}
.icon-sina-weibo:before {content: "\e77c";}
.icon-skype-with-circle:before {content: "\e77d";}
.icon-skype:before {content: "\e77e";}
.icon-slideshare:before {content: "\e77f";}
.icon-smashing:before {content: "\e780";}
.icon-soundcloud:before {content: "\e781";}
.icon-spotify-with-circle:before {content: "\e782";}
.icon-spotify:before {content: "\e783";}
.icon-stumbleupon-with-circle:before {content: "\e784";}
.icon-stumbleupon:before {content: "\e785";}
.icon-swarm:before {content: "\e786";}
.icon-tripadvisor:before {content: "\e787";}
.icon-tumblr-with-circle:before {content: "\e788";}
.icon-tumblr:before {content: "\e789";}
.icon-twitter-with-circle:before {content: "\e78a";}
.icon-twitter:before {content: "\e78b";}
.icon-vimeo-with-circle:before {content: "\e78c";}
.icon-vimeo:before {content: "\e78d";}
.icon-vine-with-circle:before {content: "\e78e";}
.icon-vine:before {content: "\e78f";}
.icon-vk-alternitive:before {content: "\e790";}
.icon-vk-with-circle:before {content: "\e791";}
.icon-vk:before {content: "\e792";}
.icon-windows-store:before {content: "\e793";}
.icon-xing-with-circle:before {content: "\e794";}
.icon-xing:before {content: "\e795";}
.icon-yelp:before {content: "\e796";}
.icon-youko-with-circle:before {content: "\e797";}
.icon-youko:before {content: "\e798";}
.icon-youtube-with-circle:before {content: "\e799";}
.icon-youtube:before {content: "\e79a";}

/* Sizes */
[class*="icon-"].small{
	font-size: 1.6rem;
}
[class*="icon-"].medium{
	font-size: 2.4rem;
}
[class*="icon-"].large{
	font-size: 3.2rem;
}
[class*="icon-"].xlarge{
	font-size: 3.8rem;
}
.icon-boxed,
.icon-circled{
	width: 6.6rem;
	height: 6.6rem;
	margin-bottom: 0.4rem;
	line-height: 6.6rem;
	text-align: center;
	border: 1px solid #eeeeee;
	overflow: hidden;
	position: relative;
}
.icon-boxed.small,
.icon-circled.small{
	width: 5.8rem;
	height: 5.8rem;
	line-height: 5.6rem;
}
.icon-boxed.medium,
.icon-circled.medium{
	width: 6.6rem;
	height: 6.6rem;
	line-height: 6.4rem;
}
.icon-boxed.large,
.icon-circled.large{
	width: 7.4rem;
	height: 7.4rem;
	line-height: 7.2rem;
}
.icon-boxed.xlarge,
.icon-circled.xlarge{
	width: 9rem;
	height: 9rem;
	line-height: 8.8rem;
}
.icon-boxed.left + span,
.icon-circled.left + span{
	margin-left: 0.5rem;
}
.icon-boxed.right + span,
.icon-circled.right + span{
	margin-right: 0.5rem;
}

/* Styles */
.icon-boxed.rounded{
	border-radius: 0.3rem;
}
.icon-circled{
	border-radius: 10rem;
}
.icon-boxed.shadow,
.icon-circled.shadow{
	box-shadow: 0 0.4rem 2.4rem 0 rgba(0,0,0,.15);
}

/* Animations */
.icon-boxed.pulsate,
.icon-circled.pulsate{
	overflow: visible;
}
.icon-boxed.pulsate:after,
.icon-circled.pulsate:after {
	width: inherit;
	height: inherit;
	padding: inherit;
	content: "";
	border: inherit;
	border-radius: inherit;
	position: absolute;
	top: -1px;
	left: -1px;
}
.icon-boxed.thick.pulsate:after,
.icon-circled.thick.pulsate:after{
	top: -2px;
	left: -2px;
}
.icon-boxed.pulsate:after,
.icon-circled.pulsate:after{
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite; 
			animation: pulsate 1s ease-out;
			animation-iteration-count: infinite; 
	opacity: 0;
}
.icon-boxed.slide-left-right:before,
.icon-circled.slide-left-right:before{
	-webkit-animation: slide-left-right 6s ease-in-out;
	-webkit-animation-iteration-count: infinite; 
			animation: slide-left-right 6s ease-in-out;
			animation-iteration-count: infinite; 
	display: block;
}
.icon-boxed.slide-top-bottom:before,
.icon-circled.slide-top-bottom:before{
	-webkit-animation: slide-top-bottom 6s ease-in-out;
	-webkit-animation-iteration-count: infinite; 
			animation: slide-top-bottom 6s ease-in-out;
			animation-iteration-count: infinite; 
	display: block;
}
.icon-boxed.scale-in:before,
.icon-circled.scale-in:before{
	-webkit-animation: scale-in 6s ease-in-out;
	-webkit-animation-iteration-count: infinite; 
			animation: scale-in 6s ease-in-out;
			animation-iteration-count: infinite; 
	display: block;
}
.icon-boxed.scale-out:before,
.icon-circled.scale-out:before{
	-webkit-animation: scale-out 6s ease-in-out;
	-webkit-animation-iteration-count: infinite; 
			animation: scale-out 6s ease-in-out;
			animation-iteration-count: infinite; 
	display: block;
}

/* pulsate */
@keyframes pulsate {
	0% {
		transform: scale(0.6, 0.6); 
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(1.2, 1.2);
		opacity: 0;
	}
}
/* left/right */
@keyframes slide-left-right {
	15%,100% {
		transform: translateX(0); 
		opacity: 1;
	}
	5% {
		transform: translateX(5rem); opacity: 0;
	}
	10% {
		transform: translateX(-5rem); opacity: 0;
	}
}
/* top/bottom */
@keyframes slide-top-bottom {
	15%,100% {
		transform: translateY(0); 
		opacity: 1;
	}
	5% {
		transform: translateY(5rem); opacity: 0;
	}
	10% {
		transform: translateY(-5rem); opacity: 0;
	}
}
/* scale in*/
@keyframes scale-in {
	15%,100% {
		transform: scale(1); 
		opacity: 1;
	}
	5% {
		transform: scale(0.6); opacity: 0;
	}
	10% {
		transform: scale(1.2); opacity: 0;
	}
}
/* scale out*/
@keyframes scale-out {
	15%,100% {
		transform: scale(1); 
		opacity: 1;
	}
	5% {
		transform: scale(1.2); opacity: 0;
	}
	10% {
		transform: scale(0.6); opacity: 0;
	}
}

/*------------------------------------------------------------------
[32. Color Classes]
*/

/* 
	Only applicable for: 
	buttons, labels, boxes, feature columns, feature icons, 
	progress bars, text fields and textareas.
*/

/* Padding */
/* Border/Bkg padding */
[class*="border-"].padded,
[class*="bkg-"].padded{
	padding: 1rem 2rem;
}

/* Border Color Classes */
[class*="border-"]{
	border: 1px solid #eee;
}
[class*="border-"]:not([class*="bkg-"]),
[class*="border-"][class*="bkg-hover-"],
[class*="border-hover-"]:hover{
	background: none;
	background: rgba(0,0,0,0);
}
/* Styles */
[class*="border-"].solid{
	border-style: solid;
	border-width: 1px;
}
[class*="border-"].dashed{
	border-style: dashed;
	border-width: 1px;
}
[class*="border-"].dotted{
	border-style: dotted;
	border-width: 1px;
}
[class*="border-"].thick, 
[class*="border-"].thick *{
	border-width: 0.2rem;
}
.border-turquoise{border-color: #00a186;}
.border-hover-turquoise:hover{border-color: #008b73;}
.border-turquoise-light{border-color: #00bd9c;}
.border-hover-turquoise-light:hover{border-color: #00a186; }
.border-green{border-color: #1bb05d; color: #1bb05d;}
.border-hover-green:hover{border-color: #179851;}
.border-green-light{border-color: #1ecd6d;}
.border-hover-green-light:hover{border-color: #1bb05d;}
.border-blue{border-color: #227fbb;}
.border-hover-blue:hover{border-color: #1d6ea3;}
.border-blue-light{border-color: #2c96dd;}
.border-hover-blue-light:hover{border-color: #227fbb;}
.border-navy{border-color:#2c3e51;}
.border-hover-navy:hover{border-color: #1f2d3b;}
.border-navy-light{border-color: #33495f;}
.border-hover-navy-light:hover{border-color: #2c3e51;}
.border-purple{border-color: #8f3faf}
.border-hover-purple:hover{border-color: #7b3697;}
.border-purple-light{border-color: #b078c6;}
.border-hover-purple-light:hover{border-color: #8f3faf;}
.border-yellow{border-color: #f3b100;}
.border-hover-yellow:hover{border-color: #e2a50b;;}
.border-yellow-light{border-color: #ffbe12;}
.border-hover-yellow-light:hover{border-color: #f3b100;}
.border-orange{border-color: #e87f04;}
.border-hover-orange:hover{border-color: #df6f0b;;}
.border-orange-light{border-color: #f59d00;}
.border-hover-orange-light:hover{border-color: #e87f04;}
.border-red{border-color: #c23824}
.border-hover-red:hover{border-color: #a9311f;}
.border-red-light{border-color: #ea4b35;}
.border-hover-red-light:hover{border-color: #c23824;}
.border-black{border-color: #000000;}
.border-hover-black:hover{border-color: #000000;}
.border-white{border-color: #ffffff;}
.border-hover-white:hover{border-color: #ffffff;}
.border-grey{border-color: #666666;}
.border-hover-grey:hover{border-color: #555555;}
.border-grey-light{border-color: #999999;}
.border-hover-grey-light:hover{border-color: #888888;}
.border-grey-ultralight{border-color: #f4f4f4;}
.border-hover-grey-ultralight:hover{border-color: #f1f1f1;}
.border-charcoal{border-color: #333333; }
.border-hover-charcoal:hover{border-color: #222222; }
.border-charcoal-light{border-color: #555555;}
.border-hover-charcoal-light:hover{border-color: #444444;}
.border-black{border-color: #000000;}
.border-hover-black:hover{border-color: #000000;}
.border-base{border-color: #eeeeee; }
.border-hover-base:hover{border-color: #d0d0d0;}

/* Social Networks Background Color Classes */
.border-behance,
.border-hover-behance:hover{border-color: #1769ff; color: #1769ff;}
.border-dribbble,
.border-hover-dribbble:hover{border-color: #ea4c89; color: #ea4c89;}
.border-facebook,
.border-hover-facebook:hover{border-color: #3b5998; color: #3b5998;}
.border-flickr,
.border-hover-flickr:hover{border-color: #0063DC; color: #0063DC;}
.border-github,
.border-hover-github:hover{border-color: #333; color: #333;}
.border-google,
.border-hover-google:hover{border-color: #d34836; color: #d34836;}
.border-instagram,
.border-hover-instagram:hover{border-color: #517fa4; color: #517fa4;}
.border-linkedin,
.border-hover-linkedin:hover{border-color: #007bb6; color: #007bb6;}
.border-pinterest,
.border-hover-pinterest:hover{border-color: #cb2027; color: #cb2027;}
.border-skype,
.border-hover-skype:hover{border-color: #12A5F4; color: #12A5F4;}
.border-soundcloud,
.border-hover-soundcloud:hover{border-color: #f80; color: #f80;}
.border-spotify,
.border-hover-spotify:hover{border-color: #7ab800; color: #7ab800;}
.border-tumblr,
.border-hover-tumblr:hover{border-color: #35465c; color: #35465c;}
.border-twitter,
.border-hover-twitter:hover{border-color: #00aced; color: #00aced;}
.border-vimeo,
.border-hover-vimeo:hover{border-color: #1ab7ea; color: #1ab7ea;}
.border-youtube,
.border-hover-youtube:hover{border-color: #bb0000; color: #bb0000;}

/* Background Color Classes */
[class*="bkg-hover-"]:hover *,
[class*="bkg-hover-"]:visited *{
	color: inherit;
}
.bkg-turquoise{background: #00a186; border-color: #00a186;}
.bkg-hover-turquoise:hover{background: #008b73; border-color: #008b73;}
.bkg-turquoise-light{background: #00bd9c; border-color: #00bd9c;}
.bkg-hover-turquoise-light:hover{background: #00a186; border-color: #00a186;}
.bkg-green{background: #1bb05d; border-color: #1bb05d;}
.bkg-hover-green:hover{background: #179851; border-color: #179851;}
.bkg-green-light{background: #1ecd6d; border-color: #1ecd6d;}
.bkg-hover-green-light:hover{background: #1bb05d; border-color: #1bb05d;}
.bkg-blue{background: #227fbb; border-color: #227fbb;}
.bkg-hover-blue:hover{background: #1d6ea3; border-color: #1d6ea3;}
.bkg-blue-light{background: #2c96dd; border-color: #2c96dd;}
.bkg-hover-blue-light:hover{background: #227fbb; border-color: #227fbb;}
.bkg-navy{background:#2c3e51; border-color: #2c3e51;}
.bkg-hover-navy:hover{background: #1f2d3b; border-color: #1f2d3b;}
.bkg-navy-light{background: #33495f; border-color: #33495f;}
.bkg-hover-navy-light:hover{background: #2c3e51; border-color: #2c3e51;}
.bkg-purple{background: #8f3faf; border-color: #8f3faf; }
.bkg-hover-purple:hover{background: #7b3697; border-color: #7b3697;}
.bkg-purple-light{background: #b078c6; border-color: #b078c6;}
.bkg-hover-purple-light:hover{background: #8f3faf; border-color: #8f3faf;}
.bkg-yellow{background: #f3b100; border-color: #f3b100;}
.bkg-hover-yellow:hover{background: #e2a50b; border-color: #e2a50b;}
.bkg-yellow-light{background: #ffbe12; border-color: #ffbe12;}
.bkg-hover-yellow-light:hover{background: #f3b100; border-color: #f3b100;}
.bkg-orange{background: #e87f04; border-color: #e87f04;}
.bkg-hover-orange:hover{background: #df6f0b; border-color: #df6f0b;}
.bkg-orange-light{background: #f59d00; border-color: #f59d00;}
.bkg-hover-orange-light:hover{background: #e87f04; border-color: #e87f04;}
.bkg-red{background: #c23824; border-color: #c23824;}
.bkg-hover-red:hover{background: #a9311f; border-color: #a9311f;}
.bkg-red-light{background: #ea4b35; border-color: #ea4b35;}
.bkg-hover-red-light:hover{background: #c23824; border-color: #c23824;}
.bkg-black{background: #000000; border-color: #000000;}
.bkg-hover-black:hover{background: #000000; border-color: #000000;}
.bkg-white{background: #ffffff; border-color: #ffffff;}
.bkg-hover-white:hover{background: #ffffff; border-color: #ffffff;}
.bkg-grey{background-color: #666666; border-color: #666666;}
.bkg-hover-grey:hover{background-color: #555555; border-color: #555555;}
.bkg-grey-light{background-color: #999999; border-color: #999999;}
.bkg-hover-grey-light:hover{background-color: #888888; border-color: #888888;}
.bkg-grey-ultralight{background-color: #f4f4f4; border-color: #f4f4f4;}
.bkg-hover-grey-ultralight:hover{background-color: #f1f1f1; border-color: #f1f1f1;}
.bkg-charcoal{background-color: #333333; border-color: #333333;}
.bkg-hover-charcoal:hover{background-color: #222222; border-color: #222222;}
.bkg-charcoal-light{background-color: #555555; border-color: #555555;}
.bkg-hover-charcoal-light:hover{background-color: #444444; border-color: #444444;}
.bkg-black{background-color: #000000; border-color: #000000;}
.bkg-hover-black:hover{background-color: #000000; border-color: #000000;}
.bkg-base{background: #eeeeee; border-color: #666666; border-color: #eeeeee;}
.bkg-hover-base:hover{background: #d0d0d0; border-color: #666666; border-color: #eeeeee;}

/* Social Networks Background Color Classes */
.bkg-behance,
.bkg-hover-behance:hover{background-color: #1769ff; border-color: #1769ff;}
.bkg-dribbble,
.bkg-hover-dribbble:hover{background-color: #ea4c89; border-color: #ea4c89;}
.bkg-facebook,
.bkg-hover-facebook:hover{background-color: #3b5998; border-color: #3b5998;}
.bkg-flickr,
.bkg-hover-flickr:hover{background-color: #0063DC; border-color: #0063DC;}
.bkg-github,
.bkg-hover-github:hover{background-color: #333; border-color: #333;}
.bkg-google,
.bkg-hover-google:hover{background-color: #d34836; border-color: #d34836;}
.bkg-instagram,
.bkg-hover-instagram:hover{background-color: #517fa4; border-color: #517fa4;}
.bkg-linkedin,
.bkg-hover-linkedin:hover{background-color: #007bb6; border-color: #007bb6;}
.bkg-pinterest,
.bkg-hover-pinterest:hover{background-color: #cb2027; border-color: #cb2027;}
.bkg-skype,
.bkg-hover-skype:hover{background-color: #12A5F4; border-color: #12A5F4;}
.bkg-soundcloud,
.bkg-hover-soundcloud:hover{background-color: #f80; border-color: #f80;}
.bkg-spotify,
.bkg-hover-spotify:hover{background-color: #7ab800; border-color: #7ab800;}
.bkg-tumblr,
.bkg-hover-tumblr:hover{background-color: #35465c; border-color: #35465c;}
.bkg-twitter,
.bkg-hover-twitter:hover{background-color: #00aced; border-color: #00aced;}
.bkg-vimeo,
.bkg-hover-vimeo:hover{background-color: #1ab7ea; border-color: #1ab7ea;}
.bkg-youtube,
.bkg-hover-youtube:hover{background-color: #bb0000; border-color: #bb0000;}

/* Font Color Classes */
[class*="color-"] *{
	color: inherit !important;
}
.color-turquoise{color: #00a186;}
.color-hover-turquoise:hover{color: #008b73;}
.color-turquoise-light{color: #00bd9c;}
.color-hover-turquoise-light:hover{color: #00a186;}
.color-green{color: #1bb05d;}
.color-hover-green:hover{color: #179851;}
.color-green-light{color: #1ecd6d;}
.color-hover-green-light:hover{color: #1bb05d;}
.color-blue{color: #227fbb;}
.color-hover-blue:hover{color: #1d6ea3;}
.color-blue-light{color: #2c96dd;}
.color-hover-blue-light:hover{color: #227fbb;}
.color-navy{color:#2c3e51;}
.color-hover-navy:hover{color: #1f2d3b;}
.color-navy-light{color: #33495f;}
.color-hover-navy-light:hover{color: #2c3e51;}
.color-purple{color: #8f3faf;}
.color-hover-purple:hover{color: #7b3697;}
.color-purple-light{color: #b078c6;}
.color-hover-purple-light:hover{color: #8f3faf;}
.color-yellow{color: #f3b100;}
.color-hover-yellow:hover{ color: #e2a50b;}
.color-yellow-light{color: #ffbe12;}
.color-hover-yellow-light:hover{color: #f3b100;}
.color-orange{color: #e87f04;}
.color-hover-orange:hover{color: #df6f0b;}
.color-orange-light{ color: #f59d00;}
.color-hover-orange-light:hover{color: #e87f04;}
.color-red{color: #c23824;}
.color-hover-red:hover{color: #a9311f;}
.color-red-light{color: #ea4b35;}
.color-hover-red-light:hover{color: #c23824;}
.color-white{color: #ffffff;}
.color-hover-white:hover{color: #ffffff;}
.color-grey{color: #666666;}
.color-hover-grey:hover{color: #555555;}
.color-grey-light{color: #999999;}
.color-hover-grey-light:hover{color: #888888;}
.color-grey-ultralight{color: #f4f4f4;}
.color-hover-grey-ultralight:hover{color: #f1f1f1;}
.color-charcoal{color: #333333;}
.color-hover-charcoal:hover{color: #222222;}
.color-charcoal-light{color: #555555;}
.color-hover-charcoal-light:hover{color: #444444;}
.color-black{color: #000000;}
.color-hover-black:hover{color: #000000;}
.color-base{color: #666666;}
.color-hover-base:hover{color: #666666;}

/* Social Networks Font Color Classes */
.color-behance,
.color-hover-behance:hover{color: #1769ff;}
.color-dribbble,
.color-hover-dribbble:hover{color: #ea4c89;}
.color-facebook,
.color-hover-facebook:hover{color: #3b5998;}
.color-flickr,
.color-hover-flickr:hover{color: #0063DC;}
.color-github,
.color-hover-github:hover{color: #333;}
.color-google,
.color-hover-google:hover{color: #d34836;}
.color-instagram,
.color-hover-instagram:hover{color: #517fa4;}
.color-linkedin,
.color-hover-linkedin:hover{color: #007bb6;}
.color-pinterest,
.color-hover-pinterest:hover{color: #cb2027;}
.color-skype,
.color-hover-skype:hover{color: #12A5F4;}
.color-soundcloud,
.color-hover-soundcloud:hover{color: #f80;}
.color-spotify,
.color-hover-spotify:hover{color: #7ab800;}
.color-tumblr,
.color-hover-tumblr:hover{color: #35465c;}
.color-twitter,
.color-hover-twitter:hover{color: #00aced;}
.color-vimeo,
.color-hover-vimeo:hover{color: #1ab7ea;}
.color-youtube,
.color-hover-youtube:hover{color: #bb0000;}

/* Form element place holder text color*/
[class*="bkg-"]::-webkit-input-placeholder,
[class*="border-"]::-webkit-input-placeholder,
[class*="color-"]::-webkit-input-placeholder{
	color: inherit;
}

[class*="bkg-"]::-moz-placeholder,
[class*="border-"]::-moz-placeholder,
[class*="color-"]::-moz-placeholder{
	color: inherit;
}

[class*="bkg-"]:-ms-input-placeholder,
[class*="border-"]:-ms-input-placeholder,
[class*="color-"]:-ms-input-placeholder{
	color: inherit;
}

/* Special Color Classes */
.highlight{
	background: #eeeeee;
	border-color: #eeeeee;
}
.info{
	background: #d9edf7;
	color: #31708f;
	border-color:#d9edf7;
}
.success{
	background: #dff0d8;
	color: #3c763d;
	border-color: #dff0d8;
}
.alert{
	background: #fcf8e3;
	color: #8a6d3b;
	border-color: #fcf8e3;
}
.warning{
	background: #f2dede;
	color: #a9444a;
	border-color: #f2dede;
}

/* Shadow Classes */
.shadow-hover:hover{
	box-shadow: 0 0.4rem 2.4rem 0 rgba(0,0,0,.15);
}

/*------------------------------------------------------------------
[33. Animation]
*/

a,
input,
textarea,
.form-element,
.form-element + label:before,
button,
.bar,
.box,
.overlay-info,
.thumbnail,
.thumbnail img,
.thumbnail .background-image{
	transition-property: background, border-color, color, opacity, box-shadow, transform;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}
.no-transition,
.no-transition-reset{
	transition-duration: 0ms !important;
}

/*------------------------------------------------------------------
[34. Media Queries]
*/

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

	/* Grid */
	body.boxed .wrapper-inner,
	.row{
		max-width: 96rem;
	}

	/* Sub Menu */
	.navigation li:last-child .sub-menu{
		right: 0;
	}
	
	/* Content grid */
	.content-grid-5 .grid-item,	
	.content-grid-6 .grid-item{
		width: 25%;
	}

	/* Feature Column */
	.feature-column-group .width-3{
		width: 50%;
	}
}
@media only screen and (max-width: 1023px){
	.navigation > ul > li:nth-last-child(2) > .sub-menu{
		right: 0;
	}
	.navigation > ul > li:nth-last-child(2) > .sub-menu ul{
		right: 18rem;
		left: auto;
	}

	/* Content grid */
	.content-grid-5 .grid-item,	
	.content-grid-6 .grid-item{
		width: 33.33333%;
	}	
}
@media only screen and (min-width: 960px){
	.pricing-table .pricing-table-column:not(:first-child):not(.callout){
		border-left: none;
	}
	.table > tbody > tr > td:first-child {
		border-left: none;
	}
}
@media only screen and (max-width: 960px) {

	/* Columns */
	.two-columns-on-tablet > .column[class*="width-"]{
		width: 50%;
	}
	.one-column-on-tablet > .column[class*="width-"]{
		width: 100%;
	}
	.two-columns-on-tablet > .column[class*="width-"],
	.one-column-on-tablet > .column[class*="width-"]{
		margin-left: 0;
		position: static;
		left: 0;
		right: 0;
	}
	.row.flex.v-align-middle.one-column-on-tablet{
		display: block;
	}

	/* Grid */
	body.boxed .wrapper-inner,
	.row{
		max-width: 76rem;
	}

	/* Header */
	header .primary-navigation,
	header .primary-nav-column{
		display: none !important;
	}
	header .logo-column,
	header .secondary-nav-column{
		width: auto;
	}
	header .logo-column{
		float: left;
	}
	header .secondary-nav-column{
		float: right;
	}
	.nav-bar .logo,
	.nav-bar .logo.logo-center{
		margin: 0;
		float: left;
	}

	/* Mobile Access */
	.aux-navigation{
		display: table !important;
		visibility: visible !important;
	}
	
	/* Feature Column */
	.feature-column-group .feature-column{
		padding: 4rem;
	}

	/* Pricing Tables */
	.pricing-table.columns-2 .pricing-table-column,
	.pricing-table.columns-3 .pricing-table-column,
	.pricing-table.columns-4 .pricing-table-column,
	.pricing-table.columns-5 .pricing-table-column{
		width: 50%;
	}
	/* Pricing Tables */
	.pricing-table[class*="border-"].columns-3 .pricing-table-column:last-child,
	.pricing-table[class*="border-"].columns-4 .pricing-table-column:nth-last-child(2),
	.pricing-table[class*="border-"].columns-5 .pricing-table-column:last-child,
	.pricing-table[class*="border-"].columns-5 .pricing-table-column:nth-last-child(3){
		border-left-width: 1px;
	}
	.pricing-table.rounded.columns-3 .pricing-table-column:last-child,
	.pricing-table.rounded.columns-5 .pricing-table-column:last-child{
		border-radius: 0.3rem;
	}
	.pricing-table.rounded.columns-4 .pricing-table-column:nth-last-child(2),
	.pricing-table.rounded.columns-5 .pricing-table-column:nth-last-child(3){
		border-radius: 0.3rem 0 0 0.3rem;
	}

	/* Tables */
	.table:not(.non-responsive){
		max-width: 100%;
		display: inline-block;
		position: relative;
	}
	.table tr:last-child {
		width:100%;
	}
	.table:not(.non-responsive) > thead, 
	.table:not(.non-responsive) > thead > tr{
		display: block;
		float: left;
	}
	.table:not(.non-responsive) > thead > tr > th{
		display: block;
	}
	.table:not(.non-responsive) > tbody{
		display: flex;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	.table:not(.non-responsive) > tbody > tr{
		display: inline-block;
		vertical-align: top;
		margin-right: -0.4rem;
	}
	.table:not(.non-responsive) > tbody > tr > td{
		display: block;
	}
	.table:not(.non-responsive) th+th{
		border-left: none;
		border-bottom: 1px solid transparent;
	}
}
@media only screen and (max-width: 768px) {

	/* Grid */
	body.boxed .wrapper-inner,
	.row{
		max-width: 60rem;
	}
	.width-1,
	.width-2, 
	.width-3, 
	.width-4, 
	.width-5, 
	.width-6, 
	.width-7, 
	.width-8, 
	.width-9, 
	.width-10, 
	.width-11, 
	.width-12,
	.two-columns-on-tablet > .column[class*="width-"]{
		width: 100%;
	}
	[class*="offset-"]{
		margin-left: 0;
	}
	.column[class*='push-'],
	.column[class*='pull-']{
		position: static;
		left: 0;
		right: 0;
	}
	.row.flex.v-align-middle{
		display: block;
	}

	/* Content grid */
	[class*="content-grid-"] .grid-item{
		width: 100%;
	}

	/* Login button */
	.dropdown .login-form-container .button{
		width: 100%;
		display: block;
		text-align: center;
	}

	/* Dropdown */
	.left-on-mobile .dropdown-list{
		left: 0;
	}

	/* Button icon */
	button.no-label-on-mobile span:not([class*="icon-"]), 
	.button.no-label-on-mobile span:not([class*="icon-"]){
		display: none;
	}
	button.no-label-on-mobile [class*="icon-"], 
	.button.no-label-on-mobile [class*="icon-"]{
		margin: 0;
	}

	/* Blockquote */
	blockquote {
		width: 100% !important;
	}

	/* Lead */
	.lead{
		font-size: 1.8rem;
		line-height: 1.5;
		font-weight: 200;
	}

	/* Feature Column */
	.feature-column-group .width-3{
		width: 100%;
	}

	/* Timeline */
	.timeline.vertical-indication .timeline-title,
	.timeline.vertical-indication .timeline-description{
		padding-left: 7rem;
	}
	.timeline.vertical-indication .timeline-title:before{
		width: 0.1rem;
		content: "";
		background-color: #e7e7e7;
		position: absolute;
		left: 1.5rem;
		top: 0;
		bottom: 0;
	}
	.timeline.vertical-indication.thick .timeline-title:before{
		width: 0.3rem;
	}
	.timeline.vertical-indication .timeline-title:after{
		left: 1.5rem;
	}
	.timeline.vertical-indication .timeline-title:before,
	.timeline.vertical-indication .timeline-description:before{
		left: 2rem;
	}
	.timeline.vertical-indication.thick .timeline-title:before,
	.timeline.vertical-indication.thick .timeline-description:before{
		left: 1.9rem;
	}
	.timeline.vertical-indication li:last-child .timeline-title:before{
		display: none;
	}

	/* Pricing Tables */
	.pricing-table.columns-3 .pricing-table-column.callout{
		top: 0;
	}
	.pricing-table.columns-3 .pricing-table-column{
		margin-bottom: 0.5rem;
	}

	/* Helper Classes for mobile */
	.hide-on-mobile{
		display: none !important;
		visibility: hidden !important;
	}
	.show-on-mobile{
		display: block !important;
		visibility: visible !important;
	}
	.pull-left-on-mobile{
		float: left !important;
	}
	.pull-right-on-mobile{
		float: right !important;
	}
	.clear-float-on-mobile{
		float: none !important;
	}
	.v-align-top,
	.v-align-top-on-mobile{
		padding-top: 2rem !important;
		align-self: flex-start !important;
		vertical-align: top !important;
	}
	.v-align-bottom,
	.v-align-bottom-on-mobile{
		padding-bottom: 2rem !important;
		align-self: flex-end !important;
		vertical-align: bottom !important;
	}
	.no-padding-on-mobile{
		padding: 0 !important
	}
	.no-background-on-mobile{
		background: none !important;
		border: none !important;
	}
	.thumbnail .v-align-top,
	.thumbnail .v-align-top-on-mobile,
	.thumbnail .v-align-bottom,
	.thumbnail .v-align-bottom-on-mobile{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.left-on-mobile{
		text-align: left !important;
	}
	.center-on-mobile{
		text-align: center !important;
	}
	.right-on-mobile{
		text-align: right !important;
	}
	.no-transition-on-mobile{
		transition-duration: 0ms !important;
	}
}
@media only screen and (max-width: 600px) {
	
	/* Grid */
	body.boxed .wrapper-inner,
	.row{
		max-width: 48rem;
	}

	/* Pricing Tables */
	.pricing-table.columns-2 .pricing-table-column,
	.pricing-table.columns-3 .pricing-table-column,
	.pricing-table.columns-4 .pricing-table-column,
	.pricing-table.columns-5 .pricing-table-column{
		width: 100%;
	}
	.pricing-table.rounded .pricing-table-column{
		border-radius: 0.3rem !important;
	}
	.pricing-table .pricing-table-column.callout{
		top: 0;
	}
	.pricing-table .pricing-table-column{
		margin-bottom: 0.5rem;
	}
	.pricing-table[class*="border-"] .pricing-table-column{
		border-left-width: 1px;
	}
}
@media only screen and (max-width: 480px) {

	/* Grid */
	body.boxed .wrapper-inner,
	.row{
		max-width: 35rem;
	}

	/* Content grid */
	[class*="content-grid-"] .grid-item{
		width: 100%;
	}

	/* Side navigation */
	.side-navigation-wrapper,
	.side-navigation-inner{
		width: 30rem;
	}
	.element-reveal-left{
		transform: translate3d(30rem,0,0);
	}
	.element-reveal-right{
		transform: translate3d(-30rem,0,0);
	}
	.side-navigation-wrapper.hide{
		right: 30rem;
	}
	.side-navigation-wrapper.enter-right.hide{
		right: -30rem;
	}
	.element-show-left{
		left: 30rem;
	}
	.element-show-right{
		left: -30rem;
	}

	/* Lists */
	.list-group{
		margin-bottom: 0;
	}

	/* Blockquote */
	blockquote {
		width: 100% !important;
	}

	/* Tabs*/
	.tabs.vertical .tab-nav,
	.tabs.vertical.right .tab-nav,
	.tabs.vertical .tab-panes,
	.tabs.vertical.right .tab-panes{
		width: 100%;
		float: none;
	}
	.tab-nav li{
		width: 100%;
		float: none;
	}
	.tab-nav li a{
		width: 100%;
	}
	.tabs.rounded .tab-nav>li:first-child a{
		border-radius: 0.3rem 0.3rem 0 0 !important;
	}
	.tabs.rounded .tab-nav>li:last-child a{
		border-radius: 0 !important;
	}
	.tabs.rounded .tab-panes{
		border-radius: 0 0 0.3rem 0.3rem;
	}
	.tabs li.active:last-child a{
		border-bottom: 1px solid #eeeeee;
	}
	.tabs.vertical li.active a,
	.tabs.vertical.right li.active a{
		border-left: 1px solid #eeeeee;
	}
	.tabs.vertical .tab-panes,
	.tabs.vertical.right .tab-panes{
		border-top: none;
	}
}
@media only screen and (max-width : 350px) {
    
    /* Grid */
	body.boxed .wrapper-inner,
	.row{
		max-width: 100%;
	}  
}
/*------------------------------------------------------------------
Avalanche Slider
Version: 1.2.4;
Author: ThemeMountain
Copyright: ThemeMountain

[Table of contents]

1. Wrappers
2. Media
3. Progress Bar
4. Preloader
5. Captions
6. Navigation
7. Font Icons
-------------------------------------------------------------------*/

*,
*:before,
*:after {
	box-sizing: border-box;
}

/*------------------------------------------------------------------
[1. Wrappers]
*/
.tm-slider-container,
.mobile .tm-slider-parallax-container .tm-slider-container{
	background: none;
	position: relative;
}
.tm-slider-parallax-container .tm-slider-container:not(.out-of-view){
	position: fixed;
}
.tm-slider-parallax-container .tm-slider-container:not(.out-of-view),
.tm-slider-container:not(.out-of-view) .tms-content-inner > .row > .column,
.tms-slide{
	will-change: transform, opacity;
}
.tm-slider-container.background-slider{
	position: absolute;
	z-index: 0;
}
.tm-slider-container.fullscreen,
.tm-slider-container.full-width-slider{
	width: 100%;
}
.tm-slider-container.fullscreen{
	width: 100%;
	height: 100%;
	height: 100vh;
}
.tm-slider-container.tms-carousel{
	overflow: hidden;
}
.tm-slider-container.tms-carousel > ul{
	opacity: 1;
}
.tm-slider-container.tms-carousel > ul > li{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.tm-slider-container.tms-scalable-height,
.tms-content-scalable{
	transition-property: height, opacity;
	transition-duration: 600ms;
}
.tms-slides {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	position: relative;
}
.tms-slide {
	width:100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	left: 0;
	z-index: 1;
}
.tms-forcefit{
	background-size: cover;
}
.tms-carousel .tms-slide{
	float: left;
	position: relative;
}
.tms-slide.active {
	visibility: visible;
}
.tms-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.tms-error {
	width: 100%;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
	top: 50%;
}

/*------------------------------------------------------------------
[2. Media]
*/
.tms-slide > video, 
.tms-slide > iframe,
.tms-slide > object,
.tms-slide > embed{
	position: relative;
	opacity: 0;
}
.tms-slide > video{
	z-index: 1;
}
.tms-slide.tms-video-no-ratio:not(.tms-forcefit) > video, 
.tms-slide.tms-video-no-ratio:not(.tms-forcefit) > iframe,
.tms-slide.tms-video-no-ratio:not(.tms-forcefit) > object,
.tms-slide.tms-video-no-ratio:not(.tms-forcefit) > embed{
	width: 100% !important;
	height: 100% !important;
	position: static;
}
.tms-slide.tms-forcefit > iframe,
.tms-slide.tms-forcefit > object,
.tms-slide.tms-forcefit > embed{
	position: relative;
}
.tms-slide img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	display: block;
	float: none;
	position: relative;
	transform: translate(0,0);
}
.tms-carousel .tms-slide img{
	max-height: none;
}
.tms-carousel .tms-slide  .thumbnail{
	height: auto !important;
}
.tms-slide > video + img,
.tms-slide.tms-forcefit > img,
.tms-fullscreen .tms-slide > img  {
	max-width: none;
	max-height: none;
	float: none;
	position: absolute;
}
[data-video-bkg] img,
[data-video-bkg-youtube] img,
[data-video-bkg-vimeo] img,
[data-video-bkg-youtube] iframe,
[data-video-bkg-vimeo] iframe,
.mobile [data-video-bkg-youtube] iframe,
.mobile [data-video-bkg-vimeo] iframe{
	opacity: 0 !important;
}
[data-video-bkg-youtube],
[data-video-bkg-vimeo]{
	background-size: 0;
}
.mobile .tms-slide,
.video-bkg-loaded iframe,
.tms-slide.error{
	background-size: cover !important;
	opacity: 1 !important;
}
.img-loaded .tms-overlay,
.video-bkg-loaded .tms-overlay{
	opacity: 1 !important;
}
.mobile .tms-slide,
.video-bkg-loaded iframe,
.tms-slide.error,
.tms-overlay{
	transition-property: opacity;
	transition-duration: 1000ms;
}

/*------------------------------------------------------------------
[3. Progress Bar]
*/
.tms-progress-bar{
	width: 0;
	height: 0.5rem;
	background: rgba( 0, 0, 0, 0.3 );
	position: absolute;
	top: 0;
	z-index: 2;
}

/*------------------------------------------------------------------
[4. Preloader]
*/

/* Remove if full framework is used */
.tm-loader {
	width: 5rem;
	height: 5rem;
	margin: -2.5rem 0 0 -2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
}
.tm-loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.tm-loader #circle{
	background: none;
	width: 100%;
	height: 100%;
	margin: auto;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
 	transform-origin: center center;
	animation: rotate 2s linear infinite;
}
.stroke{
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
	stroke-width: 0.2rem;
}
/* fallback */
.ie-browser:not(.webkit) .tm-loader #circle{
	border: 3px solid rgba(0,0,0,0);
	border-bottom-color: #ddd;
	animation: rotate 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
@keyframes color {
	100%,
	0% {
		stroke: #ddd;
		border-bottom-color: #ddd;
	}
	40% {
		stroke: #666;
		border-bottom-color: #666;
	}
	66% {
		stroke: #ddd;
		border-bottom-color: #ddd;
	}
	80%,
	90% {
		stroke: #666;
		border-bottom-color: #666;
	}
}

/*------------------------------------------------------------------
[5. Captions]
*/
.tms-caption:not([class*="width-"]){
	width: auto;
}
.tms-caption{
	display: inline-block !important;
	opacity: 0;
	position: absolute;
	z-index: 2;
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
}
.tms-caption.scale{
	line-height: 1;
}
.tms-caption video, 
.tms-caption iframe,
.tms-caption object,
.tms-caption embed{
	width: 100% !important;
	height: 100% !important;
}
.tms-caption.no-transition{
	opacity: 1 !important;
	visibility: hidden;
	display: block !important;
}
.tms-caption + .tms-caption [class*="icon-"]{
	margin-left: 1rem;
}
.tms-perspective{
	perspective: 800px;
}

/*Slider Fullscreen Captions*/
.tms-content{
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	display: table;
	table-layout: fixed;
	text-align: center;
	position: absolute;
	z-index: 2;
}
.tms-content-inner{
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	float: none;
}
.tms-content-scalable{
	padding-bottom: 3rem;
	opacity: 0;
}
.tms-content-inner .tms-caption{
	position: static;
}
.tms-content-inner.left{
	text-align: left;
}
.tms-content-inner.right{
	text-align: right;
}
.tms-content-inner.v-align-top{
	padding-top: 7rem;
	vertical-align: top;
}
.tms-content-inner.v-align-bottom{
	padding-bottom: 7rem;
	vertical-align: bottom;
}
.tms-fullscreen .tms-caption{
	position: relative;
}
.tms-slide .row, 
.tms-slide .column{
	height: 100%;
}
.tms-content .row, 
.tms-content .column{
	height: auto;
}
.tms-slide .row .tms-content{
	position: relative;
}
@media only screen and (max-width: 768px){
	.tms-slide .row .tms-content, 
	.tms-slide .row .tms-content-inner{
		display: block;
	}
	.tms-caption.hide-on-mobile{
		display: none !important
	}
}

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

/* Arrow */
.tms-arrow-nav {
	margin-top: -2.2rem;
	width: 4.4rem;
	height: 4.4rem;
	background-color: rgba(0,0,0,0.3);
	color: #ccc;
	font-size: 3rem;
	text-align: center;
	line-height: 5rem;
	display: none;
	position: absolute;
	z-index: 10;
}
.tms-arrow-nav:hover{
	width: 7rem;
	color: #fff;
}
.tms-carousel.tms-scalable-height .tms-arrow-nav{
	margin-top: -3.7rem;
}
#tms-next {
	top: 50%;
	right: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
#tms-next:before { 
	content: '\e644'; 
} 
#tms-prev {
	top: 50%;
	left: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
#tms-prev:before {
	content: "\e643";
}

/* Bullets/Thumb */
.tms-pagination {
	width: 100%;
	text-align: center;
	display: none;
	position: absolute;
	bottom: 2rem; 
	line-height: 0;
	z-index: 10; 
}
.tms-carousel .tms-pagination{
	bottom: 0;
}
.tms-bullet-nav {
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 0.3rem;
	display: inline-block;
	background: #ffffff;
	opacity: 0.5;
	border-radius: 50%;
}
.tms-thumb-nav {
	width: 5rem;
	height: 5rem;
	opacity: 0.5;
}
.tms-bullet-nav:hover,
.tms-thumb-nav:hover {
	opacity: 1;
}
.tms-bullet-nav.active,
.tms-thumb-nav.active {
	opacity: 1;
}
.tm-slider-container.show-on-hover .tms-arrow-nav,
.tm-slider-container.show-on-hover .tms-pagination{
	opacity: 0;
}
.tm-slider-container.show-on-hover:hover .tms-arrow-nav,
.tm-slider-container.show-on-hover:hover .tms-pagination{
	opacity: 1;
}
.tm-slider-container.background-slider .tms-arrow-nav,
.tm-slider-container.background-slider .tms-pagination{
	display: none !important;
}
.tm-slider-container.pagination-below .tms-pagination{
	bottom: -3rem;
}
.tm-slider-container.pagination-below .tms-bullet-nav{
	background: #000;
}

/* Nav Animation */
.tms-arrow-nav,
.tms-pagination{
	transition-property: width, background, color, opacity;
	transition-duration: 300ms;
}

/*------------------------------------------------------------------
[7. Font Icons]
*/
@font-face {
	font-family: 'icomoon';
	src:url(/fonts/entypo.eot?4f0c387a7679c1d6f438b660b368276c);
	src:url(/fonts/entypo.eot?4f0c387a7679c1d6f438b660b368276c) format('embedded-opentype'),
		url(/fonts/entypo.woff?781a44519ec3ea08f40d16ef3bdceed9) format('woff'),
		url(/fonts/entypo.ttf?a4cd291e4b8ff04a1647199912c72bdb) format('truetype'),
		url(/fonts/entypo.svg?35e0287923cb3093845d1f4eb5402ae0) format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="tms-arrow-nav"]:before, 
[class*="tms-arrow-nav"]:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;

	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*------------------------------------------------------------------
Summit Lightbox
Version: 1.1.0;
Author: ThemeMountain
Copyright: ThemeMountain

[Table of contents]

1. Wrappers
2. Media
3. Preloader
4. Captions
5. Navigation
6. Font Icons
-------------------------------------------------------------------*/

*,
*:before,
*:after {
	box-sizing: border-box;
}

/*------------------------------------------------------------------
[1. Wrappers]
*/

.modal-open{
	overflow: hidden;
}
#tml-lightbox, 
#tml-content-wrapper,
#tml-content{
	position: absolute;
}
.tm-lightbox{
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(255,255,255,.9);
	opacity: 0;
	top:0;
	left:0;
	position: fixed;
	z-index: 1000;
	-webkit-backface-visibility: hidden;
}
#tm-lightbox.tml-modal-mode{
	background: rgba(0,0,0,0.2);
	overflow-x: hidden;
	overflow-y: auto;
}
#tml-content{
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	/*-webkit-box-shadow: 0 0 1rem rgba(0,0,0, 0.3);
		-moz-box-shadow: 0 0 1rem rgba(0,0,0, 0.3);
			box-shadow: 0 0 1rem rgba(0,0,0, 0.3);*/
}
.tml-modal-mode .modal-dialog{
	background: #fff;
	box-shadow: 0 0 1rem rgba( 0,0,0,.5 );
}
.tml-modal-mode.height-auto .modal-dialog{
	height: auto !important;
}
.tml-modal-mode.rounded .modal-dialog{
	border-radius: 0.3rem;
}
.tml-modal-mode .modal-dialog .modal-dialog-inner{
	padding: 3rem;
}
#tm-lightbox.tml-modal-mode {
	background: rgba(255,255,255,0.2);
}
.tml-modal-mode.rounded .modal-dialog div,
.tml-modal-mode.rounded .modal-dialog .modal-header{
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}
.tml-modal-mode .modal-dialog .modal-header{
	padding: 1rem 3rem;
	background-color: #f4f4f4;
}
.tml-modal-mode .modal-dialog .modal-dialog-inner .modal-header,
.tml-modal-mode .modal-dialog .modal-dialog-inner .full-width{
	margin: 0 -3rem 3rem -3rem;
}
.tml-modal-mode .modal-dialog .modal-dialog-inner .modal-header{
	margin-top: -3rem;
}
.tml-modal-mode .modal-dialog .modal-header-title{
	margin-bottom: 0;
}
.tml-modal-mode .slide-in-top{
	transform: translateY(-2rem);
}
.tml-modal-mode .slide-in-bottom{
	transform: translateY(2rem);
}
.tml-modal-mode .scale-in{
	transform: translateY(0.9);
}
.tml-modal-mode .scale-out{
	transform: translateY(1.1);
}
.tml-modal-mode .slide-in-top,
.tml-modal-mode .slide-in-bottom,
.tml-modal-mode .scale-in{
	-webkit-duration: 500ms;
			duration: 500ms;
}
#tml-content-wrapper.zoomed{
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
}
#tml-content.scrollable-content:not(.modal-dialog){
	background: #fff;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
}
#tml-content.tml-error{
	width: 100%;
	background: none;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	top: 50%;
	left: 0;
	box-shadow: none;
}
@media only screen and (max-width: 768px) {
	.tml-modal-mode .modal-dialog .modal-dialog-inner{
		padding: 1rem;
	}
	.tml-modal-mode .modal-dialog .modal-dialog-inner .modal-header,
	.tml-modal-mode .modal-dialog .modal-dialog-inner .full-width{
		margin: 0 -1rem 3rem -1rem;
	}
	.tml-modal-mode .modal-dialog .modal-dialog-inner .modal-header{
		margin-top: -1rem;
	}
}
@media only screen and (max-width: 479px) {
	#tml-content-wrapper{
		left: 10% !important;
		right: 10% !important;
	}
	.tml-modal-mode #tml-content-wrapper{
		left: 5% !important;
		right: 5% !important;
	}
}

/*------------------------------------------------------------------
[2. Media]
*/
#tml-content video, 
#tml-content iframe,
#tml-content object,
#tml-content embed {
	width:100% !important;
	height:100% !important;
}

/*------------------------------------------------------------------
[3. Preloader]
*/

/* Remove if full framework is used */
.tm-loader {
	width: 5rem;
	height: 5rem;
	margin: -2.5rem 0 0 -2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
}
.tm-loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.tm-loader #circle{
	background: none;
	width: 100%;
	height: 100%;
	margin: auto;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
 	transform-origin: center center;
	animation: rotate 2s linear infinite;
}
.stroke{
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
	stroke-width: 0.2rem;
}
/* fallback */
.ie-browser:not(.webkit) .tm-loader #circle{
	border: 3px solid rgba(0,0,0,0);
	border-bottom-color: #ddd;
	animation: rotate 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
@keyframes color {
	100%,
	0% {
		stroke: #ddd;
		border-bottom-color: #ddd;
	}
	40% {
		stroke: #666;
		border-bottom-color: #666;
	}
	66% {
		stroke: #ddd;
		border-bottom-color: #ddd;
	}
	80%,
	90% {
		stroke: #666;
		border-bottom-color: #666;
	}
}

/*------------------------------------------------------------------
[4. Captions]
*/
#tml-caption{
	width: 100%;
	font-size: 1.2rem;
	font-style: italic;
	text-align: center;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	position: absolute;
	bottom: 0;
}
#tml-caption span{
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	display: block;
	padding: 1rem 1.5rem;
	border-top: 0.1rem solid #eeeeee;
}

/*------------------------------------------------------------------
[5. Navigation]
*/
.tml-nav{
	width: 4.4rem;
	height: 4.4rem;
	font-size: 2rem;
	text-align: center;
	text-transform: capitalize;
	line-height: 4.4rem;
	opacity: 0.4;
	position: absolute;
	z-index: 10;
}
.tml-nav:hover{
	opacity: 1;
}
#tml-next{
	top: 50%;
	right: 3rem;
	margin-top: -2.1rem;
}
#tml-next:before { 
	content: '\e644'; 
} 
#tml-prev{
	top: 50%;
	left: 3rem;
	margin-top: -2.1rem;
}
#tml-prev:before { 
	content: '\e643'; 
} 
#tml-exit{
	top: 1.5rem;
	right: 3rem;
}
.tml-modal-mode #tml-exit{
	top: 0;
	right: 0;
}
#tml-tool-bar{
	margin: 0;
	display: inline-block;
	position: absolute;
	top: 1.5rem;
	left: 3rem;
}
#tml-tool-bar .tml-nav{
	font-size: 1.5rem;
}
#tml-tool-bar .tml-nav,
#tml-tool-bar #tml-share-wrapper,
#tml-tool-bar .tml-social-list{
	float: left;
	position: relative;
}
#tml-tool-bar .tml-social-list.list-vertical,
#tml-tool-bar .tml-social-list.list-vertical .tml-nav{
	float: none;
	text-align: left;
}
#tml-tool-bar .tml-social-list{
	margin: 0;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	position: relative;
	z-index: 101;
	transition-property: transform, opacity, visibility;
	transition-duration: 400ms;
}
#tml-tool-bar .tml-social-list,
#tml-tool-bar .tml-social-list li{
	overflow: hidden;
}
#tml-tool-bar .tml-social-list li a{
	margin-right: 1rem;
}
#tml-tool-bar .tml-social-list.active{
	opacity: 1;
	visibility: visible;
}
#tml-tool-bar .tml-social-list .tml-nav{
	width: auto;
	min-width: 4.4rem;
	font-size: 1.1rem;
}
#tml-tool-bar #tml-zoom:before{
	content: '\e6cd';
}
#tml-tool-bar #tml-share:before{
	content: '\e70b';
}
#tml-exit:before{
	content: '\e66f';
}
.tml-nav{

	/* Properties */
	transition-property: color, opacity;
	
	/* Duration */
	transition-duration: 300ms;
}

/*------------------------------------------------------------------
[6. Font Icons]
*/
@font-face {
	font-family: 'icomoon';
	src:url(/fonts/entypo.eot?4f0c387a7679c1d6f438b660b368276c);
	src:url(/fonts/entypo.eot?4f0c387a7679c1d6f438b660b368276c) format('embedded-opentype'),
		url(/fonts/entypo.woff?781a44519ec3ea08f40d16ef3bdceed9) format('woff'),
		url(/fonts/entypo.ttf?a4cd291e4b8ff04a1647199912c72bdb) format('truetype'),
		url(/fonts/entypo.svg?35e0287923cb3093845d1f4eb5402ae0) format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="tml-nav"]:before, 
[class*="tml-nav"]:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;

	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*------------------------------------------------------------------
Snowbridge Parallax
Version: 1.0.4;
Author: ThemeMountain
Copyright: ThemeMountain

[Table of contents]

1. Wrappers
2. Media
3. Preloader
-------------------------------------------------------------------*/

*,
*:before,
*:after {
	box-sizing: border-box;
}

/*------------------------------------------------------------------
[1. Wrappers]
*/
.parallax{
	height: 55rem;
	background: #000;
	position: relative;
	overflow: hidden;
	will-change: contents;
}
.parallax.fullscreen{
	width: 100%;
	height: 100%;
	height: 100vh;
}
.parallax .horizon{
	opacity: 0;
	visibility: hidden;
}
.tm-parallax,
.tmp-content, 
.tmp-content-inner{
	width: 100%;
	height: 100%;
}
.tmp-content{
	max-width: 114rem;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	display: table;
	text-align: center;
}
.tm-parallax {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.tm-parallax:not(.out-of-view){
	will-change: transform, opacity;
}
.tmp-content{
	display: table;
}
.tmp-content-inner{
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	float: none;
	position: relative;
	z-index: 1;
}
.tmp-content-inner.left{
	text-align: left;
}
.tmp-content-inner.right{
	text-align: right;
}
.tmp-content-inner.v-align-top{
	padding-top: 7rem;
	vertical-align: top;
}
.tmp-content-inner.v-align-bottom{
	padding-bottom: 7rem;
	vertical-align: bottom;
}
.tmp-mobile{
	height: 'auto';
}

/*------------------------------------------------------------------
[2. Media]
*/
.tm-parallax img{
	width: 100%;
	max-width: none;
	position: absolute;
	opacity: 1;
	-webkit-backface-visibility: hidden;
}

/*------------------------------------------------------------------
[3. Preloader]
*/

/* Remove if full framework is used */
.tm-loader {
	width: 5rem;
	height: 5rem;
	margin: -2.5rem 0 0 -2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
}
.tm-loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.tm-loader #circle{
	background: none;
	width: 100%;
	height: 100%;
	margin: auto;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
 	transform-origin: center center;
	animation: rotate 2s linear infinite;
}
.stroke{
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
	stroke-width: 0.2rem;
}
/* fallback */
.ie-browser:not(.webkit) .tm-loader #circle{
	border: 3px solid rgba(0,0,0,0);
	border-bottom-color: #ddd;
	animation: rotate 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
@keyframes color {
	100%,
	0% {
		stroke: #ddd;
		border-bottom-color: #ddd;
	}
	40% {
		stroke: #666;
		border-bottom-color: #666;
	}
	66% {
		stroke: #ddd;
		border-bottom-color: #ddd;
	}
	80%,
	90% {
		stroke: #666;
		border-bottom-color: #666;
	}
}
/*------------------------------------------------------------------
Horizon Reveal
Version: 1;
Author: ThemeMountain
Copyright: ThemeMountain
-------------------------------------------------------------------*/

*,
*:before,
*:after {
	box-sizing: border-box;
}
.horizon{
	opacity: 0;
	visibility: hidden;
}
.tmh-perspective{
	perspective: 800px;
	overflow: visible !important;
}
.tmh-perspective-parallax{
	perspective: 1600px;
	overflow: visible !important;
}
.tmh-parallax-item{
	opacity: 1;
	visibility: visible !important;
}
/*------------------------------------------------------------------
Template Layouts & Styling
Version: 1.7.6;
Author: ThemeMountain
Copyright: ThemeMountain
License: MIT

[Table of contents]

1. Common
2. Masonry
3. Headers
4. Side Navigation 
5. Overlay Navigation
6. Title Sections
7. Hero Sections
8. Feature Sections
9. Call to Action Sections
10. Form Sections
11. Testimonial Sections
12. Portfolio Sections
13. Logo Sections
14. Client Sections
15. Social Sections
16. Stat Sections
17. Fullscreen Sections
18. Pagination Sections
19. Map Sections
20. Footers
21. Blog Layouts
22. Caption Size Classes
23. E-Commerce
24. Spacing Classes
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Common]
*/
.no-js,
.no-js .horizon{
	opacity: 1;
	visibility: visible;
}
body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body,
.content{
	background-color: #fff;
}
body.boxed{
	background-color: #000;
}
body.boxed .wrapper-inner{
	background-color: #fff;
}
.content{
	position: relative;
	z-index: 1;
}
.section-block{
	width: 100%;
	padding-top: 7rem;
	padding-bottom: 7rem;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
}
.replicable-content{
	padding-bottom: 4rem;
}
.lead,
.thumbnail,
.text-column,
.feature-column,
.button-group,
.menu-box,
.menu-list,
.menu-list li,
.table,
.pricing-table,
.box,
.progress-bar-group,
.video-container,
.audio-container,
.contact-form-container,
.signup-form-container,
.testimonial-2 blockquote,
.content-slider,
.recent-slider{
	margin-bottom: 3rem;
}
.section-block.featured-media,
body.boxed .section-block.featured-media{
	padding-top: 0;
	padding-bottom: 0;
}
body.boxed .section-block{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
body.boxed .section-block.featured-media{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}
@media only screen and (min-width: 768px){
	.section-block.section-overlap{
		padding-top: 0;
		margin-top: -7rem;
		background-color: transparent !important;
		z-index: 2;
	}
}
@media only screen and (max-width: 960px){
	.content-inner:not([class*="offset-"]),
	.sidebar{
		width: 100%;
	}
	.content-inner.column[class*='push-'],
	.content-inner.column[class*='pull-'],
	.sidebar.column[class*='push-'],
	.sidebar.column[class*='pull-'],
	.blog [class*="pagination-"] .column[class*='push-'],
	.blog [class*="pagination-"] .column[class*='pull-']{
		position: static;
		left: 0;
		right: 0;
	}
}

/* Background classes */
.background-fixed,
.background-fixed:before,
.background-fixed:after{
	background-attachment: fixed;
}
.mobile .background-fixed,
.mobile .background-fixed:before,
.mobile .background-fixed:after{
	background-attachment: scroll;
}
.background-cover,
.background-cover:before,
.background-cover:after,
.fullscreen-section.background-cover .background-image{
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.background-contain,
.background-contain:before,
.background-contain:after,
.fullscreen-section.background-contain .background-image{
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.background-full,
.fullscreen-section.background-full .background-image{
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.background-none{
	background: none !important;
}
.background-image-none{
	background-image: none !important;	
}
.horizon{
	opacity: 0;
	visibility: hidden;
}

/* Nav Onepage */
.aux-navigation-active .one-page-nav + .wrapper{
	position: absolute;
}
.aux-navigation-active .side-navigation-wrapper.one-page-nav,
.aux-navigation-active .overlay-navigation-wrapper.one-page-nav{
	position: fixed;
}

/* Swap Position */
.wrapper.inactive .header-fixed,
.wrapper.inactive .tm-slider-parallax-container .tm-slider-container{
	position: relative !important;
}
.wrapper.inactive .header-fixed-on-mobile .header-inner{
	position: absolute !important
}

/* Media Overlay */
.media-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.media-overlay + *{
	position: relative;
}

/* Opacity Classes  */
.opacity-01{
	opacity: 0.1;
}
.opacity-02{
	opacity: 0.2;
}
.opacity-03{
	opacity: 0.3;
}
.opacity-04{
	opacity: 0.4;
}
.opacity-05{
	opacity: 0.5;
}
.opacity-06{
	opacity: 0.6;
}
.opacity-07{
	opacity: 0.7;
}
.opacity-08{
	opacity: 0.8;
}
.opacity-09{
	opacity: 0.9;
}
.opacity-1{
	opacity: 1;
}

/*------------------------------------------------------------------
[2. Masonry Grids]
*/
.grid-container{
	position: relative;
}
.grid-container .grid{
	max-width: 100%;
	min-height: 30rem;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: -3rem;
	visibility: hidden;
	z-index: 1;
}
.masonry.fade-in-progressively .grid-item,
.masonry.fade-in-progressively .masonry-stamp{
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 600ms;
	will-change: transform, opacity;
}
.masonry.fade-in-progressively.slide-in-bottom .grid-item,
.masonry.fade-in-progressively.slide-in-bottom .masonry-stamp{
	transform: translateY(2rem);
}
.masonry.fade-in-progressively.scale-out .grid-item,
.masonry.fade-in-progressively.scale-out .masonry-stamp{
	transform: scale(1.1);
}
.masonry.fade-in-progressively.scale-in .grid-item,
.masonry.fade-in-progressively.scale-in .masonry-stamp{
	transform: scale(0.9);
}
.masonry.fade-in-progressively .grid-item.animate-in,
.masonry.fade-in-progressively .masonry-stamp.animate-in{
	opacity: 1;
	transform: translateY(0) scale(1);
}
.masonry .filtering{
	transition-property: height;
	transition-duration: 0.8s;
}
.masonry .tm-loader{
	top: 6rem;
}

/* Grid - 30px Gutter */
.grid-container > .row > .column{
	padding-left: 0;
	padding-right: 0;
}
.grid-container .grid{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.grid-container .grid .grid-item{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.grid-container .thumbnail{
	margin-bottom: 0;
	display: block;
	float: none;
}

/* Grid - 10px Gutter Grid */
.grid-container.small-margins > .row > .column{
	padding-left: 1rem;
	padding-right: 1rem;
}
.grid-container.small-margins.full-width > .row > .column{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
body.boxed .grid-container.small-margins.full-width > .row > .column{
	padding-left: 1rem;
	padding-right: 1rem;
}
.grid-container.small-margins.no-margins.full-width > .row > .column{
	padding-left: 0rem;
	padding-right: 0rem;
}
.grid-container.small-margins.full-width .grid{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.grid-container.small-margins .grid{
	padding-left: 0;
	padding-right: 0;
	margin-top: -0.5rem;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: -0.5rem;
}
.grid-container.small-margins .grid .grid-item{
	margin-bottom: 0;
	padding: 0.5rem;
	position: relative;
}

/* Grid - No Gutter  */
.grid-container.no-margins > .row > .column{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.grid-container.no-margins .grid{
	margin-bottom: 0;
}
.grid-container.no-margins .grid,
.grid-container.no-margins .grid .grid-item{
	padding: 0 !important;
	margin: 0 !important;
}

/* Full Width Grid */
.grid-container.full-width .row{
	max-width: 100%;
}
.grid-container.full-width .grid{
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.grid-container.full-width > .row > .column{
	padding-left: 0;
	padding-right: 0;
}
.grid-container.full-width.no-margins{
	padding: 0 !important;
}
.grid-container.full-width.no-padding-bottom .grid{
	margin-bottom: 0;
}

/* Special Bottom Padding */
.masonry-set-dimensions.full-width.no-padding-bottom{
	padding-bottom: 1.5rem !important;
}
.masonry-set-dimensions.full-width.small-margins.no-padding-bottom{
	padding-bottom: 0.5rem !important;
}

/* Fixed Dimension Grid 
   Wrap any content grid in .masonry-set-demensions
   to set grid item with and height. Use .large and .portrait on
   .grid-item to specify grid item format.
*/
.masonry-set-dimensions{
	padding-top: 7rem;
	padding-bottom: 6rem;
}

/* External Paddding */
.masonry-set-dimensions.full-width .row{
	max-width: 100%;
}
.masonry-set-dimensions.full-width .grid{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.masonry-set-dimensions.full-width > .row > .column {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.masonry-set-dimensions.small-margins.full-width > .row > .column{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.masonry-set-dimensions.no-margins .grid,
.masonry-set-dimensions.no-margins .grid .grid-item{
	padding: 0 !important;
	margin: 0 !important;
}
.masonry-set-dimensions.full-width.no-margins{
	padding: 0;
}

/* Grid Fixed Dimensions - 30px Gutter */
.masonry > .row > .column,
.masonry-set-dimensions > .row > .column{
	padding-left: 0;
	padding-right: 0;
}
.masonry-set-dimensions .grid{
	padding-left: 0;
	padding-right: 0;
	margin-top: -1.5rem;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: -1.5rem;
}
.masonry-set-dimensions .grid .grid-item{
	margin-bottom: 0;
	padding: 1.5rem;
	position: relative;
}

/* Grid Fixed Dimensions - 10px Gutter */
.masonry-set-dimensions.small-margins > .row > .column{
	padding-left: 1rem;
	padding-right: 1rem;
}
.masonry-set-dimensions.small-margins .grid{
	margin-top: -0.5rem;
	margin-bottom: -0.5rem;
}
.masonry-set-dimensions.small-margins .grid .grid-item{
	padding: 0.5rem;
}

/* Grid Fixed Dimensions - No Gutter */
.masonry-set-dimensions.no-margins > .row > .column{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.masonry-set-dimensions.no-margins.full-width > .row > .column{
	padding-left: 0rem;
	padding-right: 0rem;
}
.masonry-set-dimensions .thumbnail{
	height: 100%;
	overflow: hidden;
	margin-bottom: 0;
}
.masonry-set-dimensions .grid-item{
	overflow: hidden;
}
.masonry-set-dimensions .grid-item > img{
	width: 100%;
}

/* Grid Item Content Wrappers */
.masonry-set-dimensions .content-outer{
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
	bottom: 0;
}
.masonry-set-dimensions .thumbnail + .content-outer{
	position: absolute;
}
.masonry-set-dimensions .content-inner{
	width: 100%;
	height: 100%;
	padding: 3rem;
	display: table-cell;
	vertical-align: middle;
}
.masonry-set-dimensions .content-inner > *:first-child{
	margin-top: 0;
}
.masonry-set-dimensions .content-inner > *:last-child{
	margin-bottom: 0;
}

/* Grid Item Media */
.masonry-set-dimensions .content-slider,
.masonry-set-dimensions video,
.masonry-set-dimensions iframe{
	width: 100% !important;
	height: 100% !important;
}
.masonry-set-dimensions .content-slider img{
	width: auto;
}
.masonry-set-dimensions .mejs-container{
	width: 20rem;
	height: 3rem;
	margin-left: -10rem;
	margin-top: -1.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
}

/* Masonry Stamp */
.masonry-stamp{
	padding: 1.5rem;
}
.small-margins .masonry-stamp{
	padding: 0.5rem;
}
.no-margins .masonry-stamp{
	padding: 0;
}

/* Filter Menu */
.grid-filter-menu{
	padding-top: 3.5rem;
	padding-bottom: 0rem;
	text-align: center;
}
.grid-filter-menu.left{
	text-align: left;
}
.grid-filter-menu.left li:first-child a{
	padding-left: 0;
	margin-left: 0;
}
.grid-filter-menu.right{
	text-align: right;
}
.grid-filter-menu.right li:last-child a{
	padding-right: 0;
	margin-right: 0;
}
.grid-filter-menu ul{
	width: 100%;
	padding-top: 3.5rem;
	padding-bottom: 0rem;
	margin-bottom: 0;
	margin-left: 0;
	list-style: none;
}
.grid-filter-menu li{
	padding: 0 2rem;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1;
	text-transform: uppercase;
}
.grid-filter-menu a{
	padding: 1rem 0.8rem;
	transition-property: background, border-color, color, opacity;
	transition-duration: 500ms;
}
.grid-filter-menu a:hover{
	color: #333;
}
.grid-filter-menu a.active{
	color: #333;
	border-bottom: 1px solid #333;
}

/* Description */
.grid .project-title,
.grid .project-description{
	display: block;
}
.grid .project-title + .project-description{
	margin-top: 0.5rem;
}
.grid .item-description{
	width: 100%;
	margin-top: 2rem;
}
.grid .item-description .project-title{
	margin-top: 0;
	margin-bottom: 0.5rem;
}
.grid .item-description *:last-child{
	margin-bottom: 0rem;
}

/* Isotope Item */
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* Isotope Animation Classes */
.isotope,
.isotope .isotope-item {
  transition-duration: 0.4s;
}
.isotope {
  transition-property: height, width;
}
.isotope .isotope-item {
  transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  transition-duration: 0s;
}

/* Grid Breakpoints */
@media only screen and (max-width: 1300px){
	.grid-container .content-grid-5 .grid-item,
	.grid-container .content-grid-6 .grid-item{
		width: 25%;
	}
}
@media only screen and (max-width: 1140px){
	.grid-container .grid .grid-item{
		width: 33.33333%;
	}
	.content-inner .grid-container .grid .grid-item,
	.grid-container .content-grid-2 .grid-item,
	.grid-container.full-width.small-margins .content-grid-2 .grid-item,
	.grid-container.full-width.no-margins .content-grid-2 .grid-item{
		width: 50%;
	}
}
@media only screen and (max-width: 960px){
	.content-inner .grid-container .grid .grid-item,
	.grid-container .grid .grid-item{
		width: 50%;
	}
	.grid-container.full-width.small-margins .grid .grid-item,
	.grid-container.full-width.no-margins .grid:not(.content-grid-2) .grid-item{
		width: 33.33333%;
	}
}
@media only screen and (max-width: 768px){
	.grid-container .grid .grid-item.large,
	.grid-container .grid .grid-item.portrait.large{
		width: 100%;
	}
	.grid-container.full-width .grid .grid-item,
	.grid-container.full-width.small-margins .grid .grid-item,
	.grid-container.full-width.no-margins .grid .grid-item{
		width: 50%;
	}
}
@media only screen and (max-width: 600px){
	.content-inner .grid-container .grid .grid-item,
	.grid-container .grid .grid-item,
	.grid-container.full-width .grid .grid-item{
		width: 100%;
	}
	.grid-container:not(.small-margins):not(.no-margins) .grid .grid-item.no-image{
		height: auto !important;
	}
}
@media only screen and (max-width: 480px){
	.grid-container.full-width.small-margins .grid .grid-item,
	.grid-container.full-width.no-margins .grid .grid-item{
		width: 100%;
	}
	.grid-container .grid .grid-item.no-image{
		height: auto !important;
	}
}

/*------------------------------------------------------------------
[3. Headers]
*/
.header{
	width: 100%;
	position: relative;
}
.header .header-inner{
	width: 100%;
	background-color: #232323;
	/*border-bottom: 1px solid rgba(0,0,0,0.2);*/
}
.header .header-inner > .nav-bar{
	margin-bottom: -1px;
}
.header-transparent .header-inner{
	background-color: transparent;
}

/* Positions */
.header-absolute{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.header-fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
.header-bottom{
	position: absolute;
	bottom: 0;
	top: auto;
	z-index: 100;
}
/* ie fix */
.ie-browser .wrapper.inactive .header-bottom{
	position: absolute;
}
.header .header-inner{
	max-width: 100%;
	opacity: 1;
	position: relative;
	z-index: 100;
	/* Force new layer*/
	-webkit-transform: translateZ(0);
}

/* Sticky Header */
.header-sticky .header-inner{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: auto;
	z-index: 100;
}

/* Fixed Width Headers */
.header-fixed-width .header-inner{
	max-width: 114rem;
	margin-left: auto;
	margin-right: auto;
}
body.boxed .header .header-inner{
	max-width: 114rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin-left: auto;
	margin-right: auto;
}

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

/* Logo */
.header .logo,
.header .header-inner .navigation > ul > li{
	display: table;
}
.header .v-align-middle,
.header .logo-inner{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.header .logo-inner{
	overflow: hidden;
}

/* Logo Initial Width */
.header .logo{
	width: 13rem;
}
.header .logo span{
	font-size: 2rem;
	line-height: 2;
}

/* Compacted Header Logo Width */
.header-compact .logo{
	width: 10rem;
}
.header-compact .logo span{
	font-size: 1.5rem;
	line-height: 2;
}

/* Logo Styling */
.header .logo a{
	font-weight:bold;
	text-decoration: none;
	color: #ffffff;
	display: block;
	transition-property: opacity, background, color, visibility, transform;
}
.header .logo a:hover{
	opacity: 0.6 !important;
}
.header .logo img{
	width: 100%;
	height: auto;
	max-height: 100%;
}

/* Logo Swap - when header background changes*/
.header .logo a:first-child{
	display: none;
}
.header .logo a:last-child{
	display: table-cell;
}
.mobile .header .logo a:first-child,
.header-background .logo a:first-child{
	display: table-cell;
}
.header-background .logo a + a{
	display: none !important;
}

/* Navigation */
.header .navigation{
	float: right;
}

/* Secondary Nav Specific */
.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,
.header .navigation.nav-left :first-child > .nav-icon,
.header .navigation.nav-right :last-child > .nav-icon{
	padding: 0 1.5rem;
}
.header .with-division .nav-icon,
.header .with-division .v-align-middle,
.header .with-division > ul > li:last-child > .nav-icon{
	padding: 0 2rem !important;
}
.header .navigation .nav-icon,
.header .navigation .nav-icon [class*="icon-"],
.header .navigation .nav-icon [class*="icon-"]:before,
.header .social-list [class*="icon-"]{
	margin: 0;
	line-height: inherit;
	float: none;
}
.header .navigation .nav-icon [class*="icon-"]{
	display: initial;
}
.header .navigation .nav-icon{
	font-size: 1.4rem;
	background: none;
	border: none;
}

/* Nav Divisions */
.header .with-division ul{
	float: left;
}
.header .with-division ul{
	border-left: 1px solid rgba(0,0,0,.2);
}
.header .with-division li{
	border-right: 1px solid rgba(0,0,0,.2);
}
@media only screen and (min-width: 960px){
	.header-transparent .with-division ul{
		border-left: 1px solid rgba(255,255,255, 0.2);
	}
	.header-transparent .with-division li{
		border-right: 1px solid rgba(255,255,255, 0.2);
	}
}

/* Nav Buttons */
.header .navigation-show,
.header .dropdown,
.header .button{
	margin: 0;
	line-height: initial;
}
.header .dropdown > .nav-icon{
	min-width: initial;
}
.header .navigation-show.nav-icon{
	width: auto;
	height: auto;
}
.header .navigation-show{
	display: block;
}
.header .navigation-show *{
	padding: 0;
	margin: 0;
}
.header .nav-left .dropdown-list{
	left: 0;
}
.header .nav-right .dropdown-list{
	right: 0;
}

/* Header Custom Content */
.header .sub-menu.custom-content .thumbnail{
	line-height: 0;
}

/* Header Cart */
.header .cart-indication{
	position: relative;
}
.header .cart-indication .badge{
	background: #232323;
	top: -0.8rem;
	right: -0.8rem;
}
.header .cart + .sub-menu,
.header .cart + .dropdown-list{
	width: 30rem;
	padding: 2rem;
	margin-top: 0;
	right: 0;
}

/* Header Search */
.header .search + .sub-menu,
.header .search + .dropdown-list{
	padding: 2rem;
	margin-top: 0;
	width: 25rem;
	right: 0;
}

/* Social List */
.header .social-list.pull-left li:last-child span{
	margin-left: 0;
}
.header .social-list.center li:last-child span,
.header .social-list.pull-right li:last-child span{
	margin-right: 0;
}

/* Bkg Color Header Classes */
.header-background .header-inner{
	background: #232323;
}
.header-background .header-inner{
	/*border-bottom: 1px solid rgba(255,255,255,0);*/
}

/* Mobile */
.mobile .header{
	position: static !important;
}
.mobile .header-fixed-on-mobile .header-inner{
	width: 100%;
	position: fixed !important;
	left: 0;
	top: 0;
}
.mobile .header-sticky .header-inner{
	position: relative;
}
.mobile .header,
.mobile .header .header-inner{
	height: 8rem !important;
	padding-top: 0;
	background: #232323;
}
.mobile .header .header-inner,
.mobile .header .nav-bar{
	border-top: none !important;
}
.header .header-inner-top *:last-child{
	margin-bottom: 0;
}
.mobile .header .header-inner-top{
	display: none;
}
.mobile .header .nav-bar,
.mobile .header .nav-bar-inner{
	height: 100%;
}

/* Logo Mobile */
.mobile .header .logo{
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	display: table;
	float: left;
}
.mobile .header .logo-inner {
	display: table-cell;
	vertical-align: middle;
}
.mobile .header .logo-inner a{
	display: block;
	position: relative;
}
.mobile .header .logo a:first-child{
	display: table-cell;
	vertical-align: middle;
}
.mobile .header .logo a + a{
	display: none !important;
}
.mobile .header .navigation-show{
	display: block !important;
	visibility: visible !important;
}
.mobile .header .header-inner,
.mobile .header .logo,
.mobile .header .logo span,
.mobile .header .navigation-show,
.mobile .header .navigation-show a span{
	transition: none;
}

/* Animation properties & duration for header elemements */
.header.header-animated{
	transition-property: height, transform, visibility;
}
.header-animated .header-inner{
		transition-property: height, background, border, padding, margin, font-size, color, line-height, opacity;	
}
.header-animated .header-inner .navigation,
.header-animated .header-inner .navigation > ul > li,
.header-animated .header-inner .navigation > ul > li > a,
.header-animated .dropdown > .nav-icon,
.header-animated .navigation-show a{
	transition-property: height, background, border, padding, margin, font-size, color, line-height, opacity, transform;
}
.header-animated .logo,
.header-animated .logo span{
	transition-property: width, height, background, border, padding, margin, font-size, line-height, opacity;
}
.header-animated,
.header-animated .header-inner,
.header-animated .header-inner .navigation,
.header-animated .header-inner .navigation > ul > li,
.header-animated .header-inner .navigation > ul > li > a,
.header-animated .dropdown > .nav-icon,
.header-animated .navigation-show a,
.header-animated .logo,
.header-animated .logo span,
.header-animated .logo a{
	transition-duration: 500ms;
}
.header-hide .header-inner{
	opacity: 0;
}
/* Helper classes for animating header back in/out */
.header-positioned .header-inner{
	transform: translate3d(0,-10rem,0);
}
.header-in .header-inner,
.header-out .header-inner{
	transition-property: transform;
	transition-duration: 500ms;
}
.header-in .header-inner{
	transform: translate3d(0,0,0);
}
.header-out .header-inner{
	transform: translate3d(0,-10rem,0);
}
.header-in .header-inner .logo,
.header-in .header-inner .navigation,
.header-in .navigation-show{
	transition: none !important;
}

/* Header Media Queries */
@media only screen and (max-width: 1140px){
	body.boxed .header-fixed-on-mobile .header-inner{
		max-width: 96rem;
	}
}
@media only screen and (max-width: 960px){
	.header{
		background: none;
		position: static !important;
	}
	.header-fixed-on-mobile .header-inner,
	body.boxed .header-fixed-on-mobile{
		width: 100%;
		position: fixed !important;
		left: 0;
		top: 0;
	}
	body.boxed .header-fixed-on-mobile .header-inner{
		max-width: 76rem;
		position: static !important;
	}
	.header-sticky .header-inner{
		position: relative;
	}
	.header .header-inner{
		background: #232323;
	}
	.header .header-inner,
	.header .nav-bar{
		border-top: none !important;
	}
	.header,
	.header .header-inner{
		height: 8rem !important;
		padding-top: 0;
		border: none;
	}
	.header .header-inner-top{
		display: none;
	}
	.header .nav-bar,
	.header .nav-bar-inner{
		height: 100%;
	}
	.header .logo-inner a{
		display: block;
		position: relative;
	}
	.header .logo a + a{
		display: none !important;
	}
	.header .header-inner,
	.header .logo,
	.header .logo span,
	.header .navigation-show,
	.header .navigation-show a span{
		transition: none;
	}
	.header .navigation-show{
		display: block !important;
		visibility: visible !important;
	}
}
@media only screen and (max-width: 768px) {
	body.boxed .header-fixed-on-mobile .header-inner{
		max-width: 60rem;
	}
}
@media only screen and (max-width: 600px) {
	body.boxed .header-fixed-on-mobile .header-inner{
		max-width: 48rem;
	}
	/* Header dropdowns */
	.header .v-align-middle,
	.navigation > ul > li,
	.navigation .dropdown{
		position: static;
	}
	.navigation .dropdown-list{
		width: auto !important;
		left: 1.5rem !important;
		right: 1.5rem !important;
	}
}
@media only screen and (max-width: 480px) {
	body.boxed .header-fixed-on-mobile .header-inner{
		max-width: 35rem;
	}
}
@media only screen and (max-width : 350px) {
	body.boxed .header-fixed-on-mobile .header-inner{
		max-width: 100%;
	}
}

/*------------------------------------------------------------------
[4. Side Navigation]
*/

/* Header */
.side-navigation-header,
.side-navigation-header .logo{
	min-height: 8rem;
	line-height: 8rem;
}
.side-navigation-header,
.side-navigation-footer{
	font-size: 1.4rem;
	line-height: 1.8;
}
.side-navigation-header{
	padding: 0 4rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #232323;
}
.side-navigation-header .logo{
	width: 100%;
}
.side-navigation-header .logo a{
	font-size: 1.5rem;
	font-weight:bold;
	text-decoration: none;
	color: #666666;
}

/* Close */
.side-navigation-wrapper .navigation-hide{
	position: absolute;
	right: 0;
	top: 0;
}

/* Navigation */
.side-navigation{
	margin-bottom: 3rem;
}
.side-navigation-inner > *:nth-last-child(2){
	padding-bottom: 8rem;
	margin-bottom: 0;
}

/* Cart */
.side-navigation .cart-indication{
	margin-left: 0.5rem;
	position: relative;
}
.side-navigation .cart-indication .badge{
	top: 0.3rem;
	left: 0.3rem;
}
.side-navigation .cart-overview li:first-child{
	padding-top: 2rem;
}
.side-navigation .cart-overview li:last-child{
	padding-bottom: 2rem;
}

/* Custom Sub Menu Content */
.side-navigation .custom-content{
	width: 100%;
	padding: 0 4rem;
	margin-top: 0;
	right: 0;
}

/* Footer */
.side-navigation-footer{
	width: 100%;
	padding: 1rem 4rem;
	font-size: 1.2rem;
	position: absolute;
	bottom: 0;
}
.side-navigation-footer .social-list{
	margin-bottom: 1rem;
}
.side-navigation-footer .social-list a:hover{
	color: #fff;
}
.side-navigation-wrapper.center .logo,
.side-navigation-wrapper.center .side-navigation,
.side-navigation-wrapper.center .side-navigation-footer{
	text-align: center;
}
.side-navigation-wrapper.center .side-navigation .sub-menu a{
	padding-left: 4rem;
}

/*------------------------------------------------------------------
[5. Overlay Navigation]
*/

/* Header */
.overlay-navigation-header{
	width: 100%;
	padding: 1rem 0;
	margin-bottom: 3rem;
	position: absolute;
	top: 2rem;
}
.overlay-navigation-header .logo{
	width: 13rem;
	margin: 0 auto;
}

/* Close */
.overlay-navigation-wrapper .navigation-hide{
	min-height: 4rem;
	line-height: 4rem;
	position: absolute;
	right: 3rem;
	top: 0;
}

/* Navigation */
.overlay-navigation{
	margin-bottom: 3rem;
}
.overlay-navigation:first-child{
	padding-top: 5rem;
}
.overlay-navigation{
	padding-bottom: 8rem;
	margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
	.overlay-navigation:not(:last-child){
		padding-bottom: 0;
	}
}

/* Cart */
.overlay-navigation .cart-indication{
	margin-left: 0.5rem;
	position: relative;
}
.overlay-navigation .cart-indication .badge{
	top: 0.3rem;
	left: 0.3rem;
}
.overlay-navigation .cart + .sub-menu,
.overlay-navigation .cart + .dropdown-list{
	width: 100%;
	padding: 0;
	margin-top: 0;
	right: 0;
}
.overlay-navigation .cart-overview li:first-child{
	padding-top: 2rem;
}
.overlay-navigation .cart-overview li:last-child{
	padding-bottom: 2rem;
}

/* Footer */
.overlay-navigation-footer{
	padding: 1rem 4rem;
	font-size: 1.2rem;
	position: absolute;
	bottom: 0;
}
.overlay-navigation-footer .copyright{
	font-size: 1.1rem;
}
.overlay-navigation-footer .social-list{
	margin-bottom: 1rem;
}
.overlay-navigation-footer .social-list a:hover{
	color: #fff;
}

/*------------------------------------------------------------------
[6. Title Sections]
*/
[class*="intro-title-"] .row,
[class*="intro-title-"] .column,
.title-container{
	height: 100%;
}
.title-container[class^="title-"]{
	margin-bottom: 0;
}
.title-container{
	width: 100%;
	display: table;
}
.title-container-inner{
	display: table-cell;
	vertical-align: middle;
}
.title-container-inner > *:first-child{
	margin-top: 0;
}
.title-container-inner > *:last-child{
	margin-bottom: 0;
}
[class*="intro-title-"] .subtitle{
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: 300;
	font-style: italic;
}

/* Intro Title 1*/
.intro-title-1{
	height: 40rem;
}

/* Intro Title 2 */
.intro-title-2{
	height: 40rem;
	/*background-image: url(../images/slider/slide-9-fw.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.intro-title-2 h1,
.intro-title-2 .subtitle{
	color: #fff;
}

/* Header Media Queries */
@media only screen and (max-width: 768px){
	[class*="intro-title-"] h1{
		font-size: 4rem;
	}
}
@media only screen and (max-width: 480px){
	[class*="intro-title-"] h1{
		font-size: 3.5rem;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
only screen and (				min-resolution: 2dppx) { 
	.intro-title-2{
		/* background-image:url(../images/slider/slide-2-fs-hp@2x.jpg); */
	}
}

/*------------------------------------------------------------------
[7. Hero Sections]
*/

[class*="hero-"]{
	position: relative;
}
[class*="hero-"] > .row:not(.flex),
[class*="hero-"] > .row:not(.flex) > .column{
	height: 100%;
}
.hero-content:not([class*="width-"]){
	width: 100%;
}
.hero-content,
.hero-slider .tms-caption.no-transition{
	height: 100%;
	display: table !important;
	table-layout: fixed;
}
.section-block .hero-content-inner,
.hero-slider .hero-content-inner{
	display: table-cell;
	vertical-align: middle;
}
.section-block .hero-content-inner .row, 
.section-block .hero-content-inner .column{
	height: auto;
}
.hero-content-inner > *:first-child{
	margin-top: 0;
}
.hero-content-inner > *:last-child{
	margin-bottom: 0;
}

/* Hero 1 */
.hero-1{
	height: 50rem;
	background-color: #1ecd6d;
	text-align: left;
	color: #fff;
}
.hero-1 h2,
.hero-1 h6{
	color: #fff;
}

/* Hero 2 */
.hero-2{
	height: 50rem;
	text-align: left;
	color: #fff;
	/* background-image: url(../images/slider/slide-2-fs-hp.jpg); */
	background-repeat: no-repeat;
}
.hero-2 h2,
.hero-2 h6{
	color: #fff;
}

/* Hero 3 */
.hero-3{
	height: 50rem;
	text-align: left;
	display: table;
	/* background-image: url(../images/slider/slide-5-fw.jpg); */
	background-repeat: no-repeat;
}
.hero-3 > div{
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.hero-3 > div > .row,
.hero-3 > div > .row > .column{
	height: auto;
}
.hero-3.right > div > .row > .column{
	float: right;
}
.hero-3.top{
	padding-top: 0;
}
.hero-3.top > div{
	vertical-align: top;
}
.hero-3.top .hero-content{
	border-bottom: 8px solid #333;
}
.hero-3.bottom{
	padding-bottom: 0;
}
.hero-3.bottom > div{
	vertical-align: bottom;
}
.hero-3.bottom .hero-content{
	border-top: 8px solid #333;
}
.hero-3.center:not(.middle){
	padding-top: 0;
}
.hero-3.center-left > div > .row > .column{
	text-align: left;
}
.hero-3.center > div > .row > .column{
	margin: auto;
	float: none;
}
.hero-3.center-right > div > .row > .column{
	text-align: right;
	float: right;
}
.hero-3 > div > .row{
	width: 100%;
	bottom: 0;
}
.hero-3 .hero-content{
	background: #fff;
	position: relative;
	bottom: 0;
}
.hero-3 .hero-content-inner{
	padding: 3rem;
}
.hero-3 h2,
.hero-3 h6{
	color: #666;
}

/* Hero 4 */
.hero-4{
	height: 50rem;
	text-align: left;
	color: #fff;
	/*background-image: url(../images/slider/slide-9-fw.jpg);*/
	background-repeat: no-repeat;
}
.hero-4 > .row:before{
	width: 50%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
.hero-4.right > .row:before{
	top: 0;
	right: 0;
	left: auto;
}
.hero-4 .column{
	position: relative;
}
.hero-4 h2,
.hero-4 h6{
	color: #fff;
}

/* Hero 5 */
.hero-5 > .row > .column{
	position: relative;
	z-index: 1;
}
.hero-5 .media-column{
	height: 100%;
	/*background-image: url(../images/slider/slide-9-fw.jpg);*/
	background-size: contain;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.hero-5 .media-column iframe,
.hero-5 .media-column video,
.hero-5 .media-column .map-container{
	width: 100%;
	height: 100%;
}
.hero-5 .media-column .hero-content-inner{
	padding: 8.5rem;
}
.hero-5.right > .media-column,
.hero-5 .media-column + .media-column{
	left: auto;
	right: 0;
}
.hero-5 .media-column .content-slider{
	height: 100% !important;
}

/* Hero Slider */
.hero-slider{
	width: 100% !important;
	height: auto;
	min-height: 50rem;
	margin-bottom: 0;
}
.hero-slider.window-height{
	min-height: 100vh;
}
.hero-slider .tms-slides, 
.hero-slider .tms-slide, 
.hero-slider .hero-content{
	height: 100%;
}
.hero-slider .tms-slides{
	display: flex;
	flex-wrap: wrap;
}
.hero-slider .tms-slide,
.hero-5 .tms-slide{
	padding: 0 !important;
	display: inherit;
	position: absolute;
}
.hero-5 .testimonial-slider .tms-slide{
	position: relative;
}
.hero-slider .tms-slide > .media-column{
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.hero-slider .tms-slide.right > .media-column{
	left: auto;
	right: 0;
}
.hero-slider .tms-pagination{
	width: 50%;
	text-align: right;
	padding-right: 5rem;
}
.hero-slider .hero-content:not([class*="width-"]){
	width: 50%;
}
.hero-slider .hero-content{
	min-height: 50rem;
	background-color:rgba(0,0,0,0.6);
	position: absolute;
	top: 0; 
	left: 0;
}
.hero-slider .media-column + .row .hero-content{
	background: none;
}
.hero-slider .hero-content *:last-child{
	margin-bottom: 0;
}
.hero-slider .tms-content-scalable{
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.hero-slider .tms-slide[class*="bkg-"] .hero-content{
	background-color: inherit;
}
.hero-slider .hero-content.right{
	text-align: left;
	left: auto;
	right: 0;
}

/* Hero Media Queries */
@media only screen and (max-width: 1040px){
	.hero-5 .media-column .hero-content-inner{
		padding: 2.5rem;
	}
}
@media only screen and (min-width: 960px){
	.tml-modal-mode .hero-5{
		padding-right: 4%;
	}
}
@media only screen and (max-width: 960px){
	.tml-modal-mode .hero-5 .media-column, 
	.tml-modal-mode [class*=hero-]>.row:not(.flex), 
	.tml-modal-mode [class*=hero-]>.row:not(.flex)>.column{
		width: 100%;
		margin-left: 0;
	}
	.tml-modal-mode .hero-5{
		height: auto !important;
	}
	.tml-modal-mode .hero-5 .media-column{
		display: none;
		visibility: hidden;
	}
	.tml-modal-mode .hero-5.show-media-column-on-mobile{
		padding-top: 0;
	}
	.tml-modal-mode .hero-5.show-media-column-on-mobile .media-column{
		display: block;
		visibility: visible;
	}
	.tml-modal-mode .hero-5.show-media-column-on-mobile .media-column{
		width: 100%;
		position: relative;
	}
	.tml-modal-mode .hero-5.show-media-column-on-mobile .media-column,
	.tml-modal-mode .hero-5.show-media-column-on-mobile .media-column iframe,
	.tml-modal-mode .hero-5.show-media-column-on-mobile .media-column video{
		height: 25rem;
	}
	.tml-modal-mode .hero-5 .media-column .split-hero-content{
		max-width: 60rem;
		margin:  0 auto;
	}
	.tml-modal-mode .hero-5 .media-column .hero-content-inner{
		padding: 1.5rem;
	}
	.tml-modal-mode .hero-5 .column:first-child:not(.media-column) .split-hero-content{
		margin-top: 4rem;
	}
	.tml-modal-mode .hero-5 .column:not(.media-column) .split-hero-content{
		margin-top: 5rem;
		margin-bottom: 0;
	}
	.tml-modal-mode .hero-5 .row + .media-column{
		margin-top: 8rem;
		margin-bottom: -11rem;
	}
	.tml-modal-mode .hero-5 .tms-pagination{
		text-align: center !important;
	}
}
@media only screen and (max-width: 768px){
	.hero-1,
	.hero-2,
	.hero-3, 
	.hero-4, 
	.hero-5{
		height: auto !important;
	}
	[class*="hero-"] .column:first-child .hero-content{
		margin-bottom: 5rem;
	}
	[class*="hero-"] .column:last-child .hero-content{
		margin-bottom: 0;
	}
	.hero-content{
		text-align: center;
	}
	.hero-3[class*="center"]{
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	.hero-4 > .row:before, 
	.hero-4 > .row:after{
		width: 100%;
		left: 0;
		top: 0;
	}
	.hero-5 .media-column{
		display: none;
		visibility: hidden;
	}
	.hero-5.show-media-column-on-mobile{
		padding-top: 0;
	}
	.hero-5.show-media-column-on-mobile .media-column{
		display: block;
		visibility: visible;
	}
	.hero-5.show-media-column-on-mobile .media-column{
		width: 100%;
		position: relative;
	}
	.hero-5.show-media-column-on-mobile .media-column,
	.hero-5.show-media-column-on-mobile .media-column iframe,
	.hero-5.show-media-column-on-mobile .media-column video{
		height: 40rem;
	}
	.hero-5 .media-column .split-hero-content{
		max-width: 60rem;
		margin:  0 auto;
	}
	.hero-5 .media-column .hero-content-inner{
		padding: 1.5rem;
	}
	.hero-5 .column:first-child:not(.media-column) .split-hero-content{
		margin-top: 11rem;
	}
	.hero-5 .column:not(.media-column) .split-hero-content{
		margin-top: 5rem;
		margin-bottom: 0;
	}
	.hero-5 .row + .media-column{
		margin-top: 8rem;
		margin-bottom: -11rem;
	}
	.hero-5 .tms-pagination{
		text-align: center !important;
	}
	.hero-slider .tms-pagination{
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.hero-slider .hero-content-inner{
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.hero-slider .hero-content{
		width: 100%;
		height: inherit;
		text-align: center;
		background-color:rgba(0,0,0,0.6);
	}
	.hero-slider  .media-column + .row{
		max-width: 100% !important;
	}
	.hero-slider .tms-slide > .media-column{
		height: 40rem;
	}
	.hero-slider .media-column + .row .tms-content-scalable{
		padding-top: 50rem;
	}
}
@media only screen and (max-width: 600px) {
	[class*="hero-"] > .row > .column,
	.hero-5 .media-column .split-hero-content{
		max-width: 48rem;
	}
}
@media only screen and (max-width: 480px){
	[class*="hero-"] > .row > .column,
	.hero-5 .media-column .split-hero-content{
		max-width: 35rem;
	}
}
@media only screen and (max-width: 350px){
	[class*="hero-"] > .row > .column,
	.hero-5 .media-column .split-hero-content{
		width: 100%;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
only screen and (				min-resolution: 2dppx) { 
	/* .hero-2{
		background-image: url(../images/slider/slide-2-fs-hp@2x.jpg);
	}
	.hero-3{
		background-image: url(../images/slider/slide-5-fw@2x.jpg);
	}
	.hero-4{
		background-image: url(../images/slider/dev-video-cta-3@2x.jpg);
	}
	.hero-5 .media-column{
		background-image: url(../images/slider/slide-9-fw@2x.jpg);
	} */
}

/*------------------------------------------------------------------
[8. Feature Sections]
*/
.feature-content,
.feature-image,
.feature-slider{
	width: 100%;
	height: 100%;
	display: table;
	table-layout: fixed;
}
.feature-content-inner,
.feature-image-inner,
.feature-slider-inner{
	display: table-cell;
	vertical-align: middle;
}
.feature-slider .tm-slider-container{
	width: 100% !important;
}
.feature-slider .tms-pagination{
	bottom: 0;
}
.feature-content-inner *:first-child{
	margin-top: 0;
}
.feature-1, 
.feature-2, 
.feature-3{
	overflow: hidden;
}

/* Feature 1 */
.feature-1{
	padding-bottom: 0;
}
.feature-1{
	text-align: center;
}
.feature-1.overlap-bottom{
	overflow: visible;
	z-index: 3;
}
.feature-1.overlap-bottom .feature-image{
	margin-bottom: -20rem;
}
.feature-1.overlap-bottom + .section-block:before{
	width: 100%;
	content: close-quote;
	padding-bottom: 20rem;
	z-index: 0;
	position: relative;
	background: transparent;
	display: block;
	overflow: hidden;
}
@media only screen and (max-width: 768px){
	.feature-1.overlap-bottom .feature-image{
		margin-bottom: -15rem;
	}
	.feature-1.overlap-bottom + .section-block:before{
		padding-bottom: 15rem;
	}
}
@media only screen and (max-width: 480px){
	.feature-1.overlap-bottom .feature-image{
		margin-bottom: -10rem;
	}
	.feature-1.overlap-bottom + .section-block:before{
		padding-bottom: 10rem;
	}
}

/* Feature 2 */
.feature-2{
	padding-bottom: 0;
}
.feature-2{
	position: relative;
}
.feature-2 .row .feature-image,
.feature-2 .row.flex .feature-image{
	width: 170%;
	margin-right: -70%
}
.feature-2.right .row .feature-image{
	margin-left: -70%
}

/* Feature 3 */
.feature-3{
	position: relative;
}
.feature-3 .feature-image{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.feature-3 .feature-image-inner{
	max-height: 53rem;
}

/* Feature Media Queries */
@media only screen and (max-width: 960px){
	.feature-2{
		padding-bottom: 7rem;
	}
	.feature-2 .row .feature-image{
		height: 100%;
	}
	.header + .content > [class*="feature-"]:first-child{
		padding-top: 5rem;
	}
}
@media only screen and (min-width: 768px){
	.feature-2 > .row > .column, 
	.feature-2 > .row > .column > .box,
	.feature-3 > .row > .column, 
	.feature-3 > .row > .column > .box{
	    height: auto;
	    display: inherit;
	}
	.feature-2 > .row > .column > *:not(.box),
	.feature-2 > .row >.column > div > *:not(.box),
	.feature-3 > .row >.column > *:not(.box),
	.feature-3 > .row >.column > div > *:not(.box){
		height: auto;
		margin-top: auto;
		margin-bottom: auto;
	}
	.feature-2 .feature-content-inner *:last-child{
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 768px){
	.feature-2 .column,
	.feature-3 .column{
		height: auto !important;
	}
	.feature-2.left{
		padding-bottom: 0;
	}
	.feature-2 .row .feature-image{
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: none;
	}
	.feature-2.right .column + .column .feature-content{
		margin-bottom: 0;
	}
	.feature-3 .feature-image{
		text-align: center;
	}
	.feature-3 .feature-image img,
	.feature-3 .feature-slider{
		max-width: 60%;
		margin: 0 auto;
	}
	.feature-2.right .feature-image, 
	.feature-3 .feature-image,
	.feature-3 .feature-slider{
		margin-bottom: 5rem;
	}
	.feature-3 .column:last-child .feature-image{
		margin-bottom: 0;
	}
	.feature-3 .column:last-child .feature-content{
		padding-bottom: 0;
	}
	.feature-3 .column:last-child .feature-column:last-child{
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 480px){
	.feature-3 .feature-image img,
	.feature-3 .feature-slider{
		max-width: 70%;
	}
}

/*------------------------------------------------------------------
[9. Call to Action Sections]
*/
[class*="call-to-action-"] .row,
[class*="call-to-action-"] .column{
	height: 100%;
}
.call-to-action-content{
	width: 100%;
	height: 100%;
	display: table !important;
}
.call-to-action-content-inner{
	display: table-cell;
	vertical-align: middle;
}
[class*="call-to-action-"] .column:last-child .call-to-action-content-inner{
	padding-bottom: 0;
}
.call-to-action-content-inner *:first-child{
	margin-top: 0;
}
.call-to-action-content-inner *:last-child{
	margin-bottom: 0;
}
[class*="call-to-action-"]{
	background-color: inherit;
}

/* Call to Action 1 */
.call-to-action-1{
	padding-left: 3rem;
	padding-right: 3rem;
	text-align: center;
}
.call-to-action-1{
	width: 100%;
	display: block;
}
.call-to-action-1:hover{
	background-color: #1ecd6d;
}
.call-to-action-1 span{
	display: block;
}

/* Call to Action 2 */
.call-to-action-2{
	padding-left: 3rem;
	padding-right: 3rem;
	text-align: center;
}
.call-to-action-2 p{
	font-size: 2.5rem;
}
@media only screen and (min-width: 768px){
	.call-to-action-2 .inline{
		display: block;
	}
	.call-to-action-2 p + .button{
		margin-left: 2rem;
	}
}

/* Call to Action 3 */
.call-to-action-3{
	background-color: #ffbe12;
	color: #fff;
	position: relative;
}
.call-to-action-3 p{
	font-size: 2.5rem;
}
.call-to-action-3 .call-to-action-button{
	padding-right: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.call-to-action-3 .call-to-action-button .button{
	padding: 2rem 0;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
	font-size: 1.5rem;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0;
	display: table;
}
.call-to-action-3 .call-to-action-button > .button > span{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

/* Call to Action Media Queries */
@media only screen and (max-width: 960px){
	.call-to-action-1,
	.call-to-action-2 p,
	.call-to-action-3 p{
		font-size: 1.9rem;
		line-height: 2.9rem;
	}
}
@media only screen and (max-width: 768px){
	[class*="call-to-action"]{
		height: auto;
	}
	.call-to-action-2 .call-to-action-content-inner,
	.call-to-action-3 .call-to-action-content-inner{
		padding-bottom: 2.5rem;
		text-align: center;
	}
	.call-to-action-3 .row{
		max-width: 100%;
	}
	.call-to-action-3 .call-to-action-button{
		position: static;
		padding-left: 0;
		padding-right: 0;
	}
}

/*------------------------------------------------------------------
[10. Form Sections]
*/

.form-element[class*="border-"]{
	background: #fff;
}
.form-honeypot{
	display: none;
}
.contact-form-container .form-response,
.signup-form-container .form-response,
.register-form-container .form-response{
	width: 100%;
	font-size: 1.2rem;
	-ms-word-break: break-all;
		word-break: break-word;
	position: absolute;
	bottom: 0;
}
.contact-form-container .form-element,
.signup-form-container .form-element,
.register-form-container .form-element,
.login-form-container .form-element,
.search-form-container .form-element{
	margin-bottom: 2rem;
}

/* Contact Forms 
*  Add contact-form-container to any section
*  or add a full prestyled section
*/
.contact-form-container{
	position: relative;
}
.contact-form-container .contact-form{
	position: relative;
}
.contact-form-container .row{
	margin-left: -1rem;
	margin-right: -1rem;
}
.contact-form-container [class*="width-"]{
	padding-left: 1rem;
	padding-right: 1rem;
}
.contact-form-container input[disabled=disabled][type=submit] {
	opacity: 0.6;
}

/* Contact 1 */
.contact-1 .contact-form-container{
	margin-bottom: 0;
}

/* Singup Forms 
*  Add signup-form-container to any section
*  or add a full prestyled section
*/
.signup-form-container{
	position: relative;
}
.signup-form-container .signup-form{
	padding-bottom: 3rem;
	position: relative;
}
.signup-form-container .row{
	margin-left: -1rem;
	margin-right: -1rem;
}
.signup-form-container [class*="width-"]{
	padding-left: 1rem;
	padding-right: 1rem;
}
.signup-form-container input[type=submit] {
	margin-bottom: 0;
}
.signup-form-container input[disabled=disabled][type=submit] {
	opacity: 0.6;
}
.signup-form-container.boxed{
	padding: 4rem;
}

/* Sign-up 1 */
.signup-1 .signup-form-container{
	margin-bottom: 0;
}

/* Signup 2 */
.signup-2{
	/* background-image: url(../images/slider/slide-5-fw.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.signup-2 .signup-form-container{
	padding: 4rem;
	margin-bottom: 0;
	background: rgba(0,0,0,.5);
}
.signup-2 .signup-form-container .form-response{
	bottom: 4rem;
}

/* Signup 3 */
.signup-3{
	/* background-image: url(../images/slider/slide-5-fw.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.signup-3 .signup-inner{
	background: rgba(0,0,0,0);
}
.signup-3 .row{
	text-align: center;
}
.signup-3 .signup-form-container{
	width: 30rem;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
.signup-3 .form-element{
	width: 100%;
}

/* Search Forms 
*  Add search-form-container to any section
*  or add a full prestyled section
*/
.search-form-container .row{
	margin-left: -1rem;
	margin-right: -1rem;
}
.search-form-container [class*="width-"]{
	padding-left: 1rem;
	padding-right: 1rem;
}
.search-form-container input[type=submit]{
	margin-bottom: 0;
}

/* Login forms
*  Add login-form-container to any section
*  or add a full prestyled section
*/
.login-form-container .row{
	margin-left: -1rem;
	margin-right: -1rem;
}
.login-form-container [class*="width-"]{
	padding-left: 1rem;
	padding-right: 1rem;
}
.login-form-container .recuperate-password{
	font-size: 1rem;
	display: block;
}

/* Form Media Queries */
@media only screen and (min-width: 768px){
	.signup-form-container .merged-form-elements{
		padding-bottom: 1rem;
	}
}
@media only screen and (max-width: 768px){
	.signup-form-container input[type=submit]{
		width: auto;
	}
}
@media only screen and (max-width: 480px){
	.signup-3 .signup-form-container{
		width: 100%;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
only screen and (				min-resolution: 2dppx) { 
	.signup-2{
		/* background-image:url(../images/slider/slide-5-fw@2x.jpg); */
	}
}

/*------------------------------------------------------------------
[11. Testimonial Sections]
*/

/* Testimonial 1 */
.testimonial-1 h6{
	margin-bottom: 4rem;
	font-size: 1.3rem;
	text-transform: uppercase;
}
.testimonial-1 blockquote{
	width: 70%;
	padding: 0;
	margin-bottom: 0;
}
.testimonial-1 blockquote.avatar span,
.testimonial-1 blockquote.avatar span img{
	width: 9rem;
	height: 9rem;
}
.testimonial-1 p{
	margin-top: 3rem;
}
.testimonial-1 cite{
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0.1rem;
}

/* Testimonial 2 */
.testimonial-2 h6{
	margin-bottom: 1rem;
	font-size: 1.3rem;
	text-transform: uppercase;
}
.testimonial-2 .brief{
	height: 100%;
	border-right: 1px solid #ddd;
	display: table;
}
.testimonial-2 .brief p:last-child{
	margin-bottom: 0;
}
.testimonial-2 .brief-inner{
	display: table-cell;
	vertical-align: middle;
}
.testimonial-2 blockquote{
	width: 100%;
	padding: 0;
	margin-bottom: 3rem;
}
.testimonial-2 blockquote:last-child{
	margin-bottom: 0;
}
.testimonial-2 cite{
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0.1rem;
}

/* Testimonial 3 */
.testimonial-3 [class*="content-grid"]{
	margin-bottom: -3rem;
}
.testimonial-3 h6{
	margin-bottom: 4rem;
	font-size: 1.3rem;
	text-transform: uppercase;
}
.testimonial-3 blockquote{
	width: 100%;
	padding: 0;
	margin: 0;
}
.testimonial-3 cite{
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

/* Testimonial 4 */
.testimonial-4 [class*="content-grid"]{
	margin-bottom: -3rem;
}
.testimonial-4 h6{
	margin-bottom: 4rem;
	font-size: 1.3rem;
	text-transform: uppercase;
}
.testimonial-4 blockquote{
	height: 100%;
	padding: 2.5rem;
	margin: 0;
	border-radius: 0.3rem;
	border: 1px solid #ddd;
}
.testimonial-4 cite{
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

/* Testimonial 5 */
.testimonial-5{
	color: #fff;
	/* background-image:url(../images/slider/slide-2-fs-hp.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.testimonial-5 blockquote{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.testimonial-5 cite{
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0.1rem;
}
.testimonial-slider{
	width: 100% !important;
	min-height: 10rem;
	margin: 0 auto;
	background: none;
}
.testimonial-slider .tms-pagination{
	bottom: 0;
}
.testimonial-slider.left,
.testimonial-slider.right{
	margin: 0;
}
.testimonial-slider blockquote,
.center .testimonial-slider blockquote{
	width: 100%;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.testimonial-slider.left blockquote,
.testimonial-slider.left .tms-pagination{
	text-align: left;
}
.testimonial-slider.left blockquote{
	padding-left: 0;
	padding-right: 1rem;
}
.testimonial-slider.right blockquote,
.testimonial-slider.right .tms-pagination{
	text-align: right;
}
.testimonial-slider.right blockquote{
	padding-left: 1rem;
	padding-right: 0;
}
.testimonial-slider blockquote span{
	margin-top: 0rem;
	margin-bottom: 1.5rem;
}

/* Testimonial Media Queries */
@media only screen and (max-width: 960px){
	.testimonial-1 p,
	.testimonial-5 .testimonial-slider p{
		font-size: 1.9rem;
	}
}
@media only screen and (max-width: 768px){
	.testimonial-2 .brief{
		border-right: none;
	}
	.testimonial-2 .brief h6:last-child,
	.testimonial-2 .brief p:last-child{
		margin-bottom: 3rem;
	}
	.testimonial-3 blockquote{
		height: 100%;
		padding-bottom: 3rem;
		border-bottom: 1px solid #ddd;
	}
	.testimonial-3 .grid-item:last-child blockquote{
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}
	.testimonial-slider.center-on-mobile{
		margin: 0 auto;
	}
	.testimonial-slider.center-on-mobile blockquote,
	.testimonial-slider.center-on-mobile .tms-pagination{
		text-align: center;
	}
	.testimonial-slider.center-on-mobile blockquote{
		padding: 0 !important;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
only screen and (				min-resolution: 2dppx) { 
	.testimonial-5{
		/* background-image:url(../images/slider/slide-2-fs-hp@2x.jpg); */
	}
}

/*------------------------------------------------------------------
[12. Team Sections]
*/

[class*="team-"] .signature{
	width: 100%;
}
[class*="team-"] .thumbnail{
	float: none;
}
[class*="team-"] .social-list{
	margin-bottom: 0;
}
.social-list{
	margin-left: 0;
	list-style: none;
}
.social-list a{
	margin-right: 1rem;
}
.social-list:not(.center) li:last-child a{
	margin-right: 0;
}
.right .social-list a,
.social-list.right a{
	margin-left: 1rem;
	margin-right: 0;
}
.social-list.right li:last-child a{
	margin-right: 0;
}
.center .social-list a,
.center .social-list li:last-child a,
.social-list.center a{
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.social-list [class*="icon-"]{
	margin: 0;
}
.team-slider .social-list,
.team-slider .social-list li{
	padding: 0;
	margin: 0;
}

/* Team 1 */
.team-1 [class*="content-grid"]{
	margin-bottom: -3rem;
}
.team-1 .team-content-info h4,
.team-1 .team-content-info .name{
	margin-bottom: 1rem;
} 
.team-1 .occupation{
	margin-top: 0;
	margin-bottom: 2rem;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #999;
	letter-spacing: 0.1rem;
}

/* Team 2 */
.team-2 [class*="content-grid"]{
	margin-bottom: -3rem;
}
.team-2 .thumbnail{
	margin-bottom: 0;
}
.team-2 .team-content{
	background: #fff;
}
.team-2 .team-content-info{
	padding: 2rem;
}
.team-2 .team-content-info h4,
.team-2 .team-content-info .name{
	margin-bottom: 1rem;
} 
.team-2 .occupation{
	margin-top: 0;
	margin-bottom: 2rem;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #999;
	letter-spacing: 0.1rem;
}
.team-2 .social-list .list-label{
	margin-right: 1rem;
	font-size: 1rem;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	display: inline-block;
}
.team-2 .social-list.boxed{
	margin: 0 -2rem -2rem -2rem;
	padding: 2rem;
	background: #e7e7e7;
}

/* Team 3 */
.team-3{
	color: #fff;
	text-align: left;
}
body.boxed .team-3{
	padding-left: 0;
	padding-right: 0;
}
.team-slider .thumbnail{
	margin-bottom: 0;
}
.team-3 .slider-column{
	padding-left: 0;
	padding-right: 0;
}
.team-3 .team-slider{
	height: 45rem;
	margin-bottom: 0;
	background: none;
}
.team-3 .team-slider .tms-slides{
	margin-bottom: 2rem;
}
.team-3 .team-slider li{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.team-3 .team-slider .tms-pagination{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	bottom: 0;
}
.team-3 .team-content{
	margin-bottom: 4rem;
}
.team-3 .team-content-info{
	color: #fff;
}
.team-3 .team-content-info h4,
.team-3 .team-content-info .name{
	margin-bottom: 1rem;
} 
.team-3 .occupation{
	margin-top: 0;
	margin-bottom: 2rem;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #999;
	letter-spacing: 0.1rem;
}
.team-3 .social-list a{
	color: #fff;
}
.team-3 .social-list a:hover{
	opacity: 0.5;
}

/* Team 4 */
.section-block.team-4{
	padding-bottom: 0;
}
.team-4{
	text-align: center;
	overflow: hidden;
}
.team-4 .grid-item{
	margin-bottom: 0;
}
.team-4 .overlay-info > span{
	padding: 3rem;
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: normal;
}
.team-4 .team-content-info h4,
.team-4 .team-content-info .name{
	margin-bottom: 1rem;
} 
.team-4 .occupation{
	margin-top: 0;
	margin-bottom: 2rem;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #999;
	letter-spacing: 0.1rem;
}
.team-4 .social-list{
	display: block;
	margin-top: 2rem;
}
.team-4 .thumbnail .social-list a{
	margin: 0 0.5rem;
	color: #fff;
}
.team-4 .thumbnail .social-list a:hover{
	opacity: 0.5;
}

/* Mobile View */
.mobile .team-4 .overlay-info{
	height: auto;
	background: none;
	position: relative;
	color: #999;
	transition: none;
	opacity: 1;
	display: block;
	transform: translate3d(0,0,0);
}
.mobile .team-4 .overlay-info > span{
	padding-left: 1rem;
	padding-right: 1rem;
}
.mobile .team-4 .social-list a{
	color: #999;
}

/* Team Media Queries */
@media only screen and (min-width: 768px){
	.team-4 .thumbnail{
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 479px) and (max-width: 960px){
	.team-2 .content-grid-4 .grid-item,
	.team-4 .content-grid-4 .grid-item{
		width: 50%;
	}
}

/*------------------------------------------------------------------
[12. Portfolio Sections]
*/

/* Special Layout */
.masonry-set-dimensions-2 .thumbnail{
	float: left;
}
.masonry-set-dimensions-2 .description{
	padding: 2rem;
	text-align: center;
	background: #fff;
}
.masonry-set-dimensions-2 h5:last-child,
.masonry-set-dimensions-2 p:last-child{
	margin-bottom: 0;
}
.masonry-set-dimensions-2 .half.image-left .thumbnail,
.masonry-set-dimensions-2 .half.image-right .thumbnail{
	width: 50%;
}
.masonry-set-dimensions-2 .two-third.image-left .thumbnail,
.masonry-set-dimensions-2 .two-third.image-right .thumbnail{
	width: 66.66667%;
}
.masonry-set-dimensions-2 .half.image-top .thumbnail,
.masonry-set-dimensions-2 .half.image-bottom .thumbnail{
	width: 100%;
}
.masonry-set-dimensions-2 .two-third.image-top .thumbnail,
.masonry-set-dimensions-2 .two-third.image-bottom .thumbnail{
	width: 100%;
}
.masonry-set-dimensions-2 .half.image-right .thumbnail,
.masonry-set-dimensions-2 .two-third.image-right .thumbnail{
	float: right;
}
.masonry-set-dimensions-2 .image-left.no-description .thumbnail,
.masonry-set-dimensions-2 .image-right.no-description .thumbnail{
	width: 100%;
}

/* Description */
.masonry-set-dimensions-2 .item-description{
	margin-top: 0;
	height: 100%;
	background: #f9f9f9;
	text-align: center;
	display: table;
	position: relative;
}
.masonry-set-dimensions-2 .item-description-inner{
	height: 100%;
	padding: 1rem 3rem 3rem 3rem;
	display: table-cell;
	vertical-align: middle;
}

/* Description Positions */
.masonry-set-dimensions-2 .half.image-left .item-description{
	width: 50%;
	text-align: left;
	float: right;
}
.masonry-set-dimensions-2 .half.image-right .item-description{
	width: 50%;
	text-align: right;
	float: left;
}
.masonry-set-dimensions-2 .two-third.image-left .item-description{
	width: 33.33333%;
	text-align: left;
	float: right;
}
.masonry-set-dimensions-2 .two-third.image-right .item-description{
	width: 33.33333%;
	text-align: right;
	float: left;
}
.masonry-set-dimensions-2 .half.image-top .item-description{
	width: 100%;
	height: 50%;
	text-align: center;
}
.masonry-set-dimensions-2 .half.image-bottom .item-description{
	width: 100%;
	height: 50%;
	text-align: center;
}
.masonry-set-dimensions-2 .two-third.image-top .item-description{
	width: 100%;
	height: 33.33333%;
	text-align: center;
}

/* Item Arrows */
.masonry-set-dimensions-2 .item-description:after{
	width: 0;
	height: 0;
	margin-top: -10px;
	border: solid transparent;
	content: " ";
	position: absolute;
	pointer-events: none;
	border-color: #f9f9f9;
	border-width: 10px;
	top: 50%;
	z-index: 10;
}
.masonry-set-dimensions-2 .item-description:after{
	margin-left: -10px;
	border: solid transparent;
	border-bottom-color: #f9f9f9;
	border-width: 10px;
	top: auto;
	bottom: 100%;
	left: 50%;
}
.masonry-set-dimensions-2 .image-left .item-description:after  {
	margin-top: -10px;
	border: solid transparent;
	border-right-color: #f9f9f9;
	border-width: 10px;
	top: 50%;
	right: 100%;
	bottom: auto;
	left: auto;
}
.masonry-set-dimensions-2 .image-right .item-description:after {
	margin-top: -10px;
	border: solid transparent;
	border-left-color: #f9f9f9;
	border-width: 10px;
	top: 50%;
	bottom: auto;
	right: -20px;
	left: auto;
}
.masonry-set-dimensions-2 .image-bottom .item-description:after{
	margin-left: -10px;
	border: solid transparent;
	border-top-color: #f9f9f9;
	border-width: 10px;
	top: auto;
	bottom: -2rem;
	left: 50%;
}

/* Recent Slider */
.recent-slider .column.slider-column{
	padding-left: 0;
	padding-right: 0;
}
.recent-slider .recent-slider{
	padding: 0;
	margin-bottom: 0;
	background: none;
}
.recent-slider .previous-recent-slider,
.recent-slider .next-recent-slider{
	width: 3rem;
	height: 3rem;
	margin-right: 0.5rem;
	line-height: 3rem;
	text-align: center;
	display: inline-block;
	border: 1px solid #ddd;
}
.recent-slider [class*="icon-"]{
	margin: 0;
}
.recent-slider .grid-description{
	width: 100%;
	height: 100%;
	padding: 0;
	display: block;
}

/* Single Project Details */
.project-details h6{
	margin-bottom: 1rem;
}
.project-details ul{
	margin-bottom: 2rem;
}

/* Portfolio Queries */
@media only screen and (max-width: 960px){
	.recent-slider .column{
		width: 100%;
	}
	.recent-slider .grid-description{
		margin-bottom: 2rem;
	}
}
@media only screen and (max-width: 768px){
	.masonry-set-dimensions-2 .two-third.horizontal,
	.masonry-set-dimensions-2 .two-third.horizontal .thumbnail{
		width: 100% !important;
		height: auto !important;
	}
	.masonry-set-dimensions-2 .two-third.image-left .item-description,
	.masonry-set-dimensions-2 .two-third.image-right .item-description{
		width: 100%;
		float: left;
	}
	.masonry-set-dimensions-2 .two-third.image-left .item-description:after,
	.masonry-set-dimensions-2 .two-third.image-right .item-description:after{	
		margin-left: -1rem;
		border: solid transparent;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #ffffff;
		border-width: 10px;
		top: auto !important;
		bottom: 100%;
		left: 50%;
	}
}
@media only screen and (max-width: 600px){
	.masonry-set-dimensions-2 .half.horizontal,
	.masonry-set-dimensions-2 .half.horizontal .thumbnail{
		width: 100% !important;
		height: auto !important;
	}
	.masonry-set-dimensions-2 .half.image-left .item-description,
	.masonry-set-dimensions-2 .half.image-right .item-description{
		width: 100%;
		float: left;
	}
	.masonry-set-dimensions-2 .image-left .item-description:after,
	.masonry-set-dimensions-2 .image-right .item-description:after{	
		margin-left: -1rem;
		border: solid transparent;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #ffffff;
		border-width: 10px;
		top: auto !important;
		bottom: 100%;
		left: 50%;
	}
}

/*------------------------------------------------------------------
[13. Logo Sections]
*/
[class*="logos-"] .grid-item{
	margin-bottom: 0;
	text-align: center;
}

/* Logos 1 */
.logos-1 [class*="content-grid"]{
	margin-top: -2rem;
	margin-bottom: -2rem;
}
.logos-1 a,
.logos-1 span{
	padding: 2rem 0;
	display: block;
	opacity: 1;
}
.logos-1 a:hover{
	opacity: 0.5;
}

/* Logos 2 */
.logos-2{
	/* background-image:url(../images/slider/slide-5-fw@2x.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.logos-2 [class*="content-grid"]{
	margin-left: 0;
	margin-right: 0;
}
.logos-2 .grid-item{
	padding: 0 0 1px 1px;
}
.logos-2 a,
.logos-2 span{
	width: 100%;
	padding: 5rem 1.5rem;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	opacity: 1;
	display: block;
}
.logos-2 a:hover{
	background-color: rgba(0,0,0,0.6);
}

/* Logos 3 */
.logos-3 [class*="content-grid"]{
	margin-left: 0;
	margin-right: 0;
}
.logos-3 .grid-item{
	padding: 0;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	position: relative;
}
.logos-3 .grid-item:before{
	height: 100%;
	border-left: 1px solid #ddd;
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
}
.logos-3 .grid-item:after{
	width: 100%;
	border-bottom: 1px solid #ddd;
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
}
.logos-3 a,
.logos-3 span{
	width: 100%;
	padding: 5rem 1.5rem;
	opacity: 1;
	display: block;
}
.logos-3 a:hover{
	background-color: #ddd;
}

/* Logos 4 */
.logos-4 [class*="content-grid"]{
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}
.logos-4 .grid-item{
	padding: 0;
	position: relative;
}
.logos-4 .grid-item:before{
	height: 100%;
	border-left: 1px solid #ddd;
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	z-index: 1;
}
.logos-4 .grid-item:after{
	width: 100%;
	border-bottom: 1px solid #ddd;
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 1;
}
.logos-4 a,
.logos-4 span{
	width: 100%;
	padding: 5rem 1.5rem;
	opacity: 1;
	display: block;
}
.logos-4 a:hover{
	opacity: 0.5;
}

/* Logo Slider */
.logo-slider{
	min-height: 10rem;
}
.logo-slider .tms-pagination{
	bottom: 0;
}
.logo-slider .tms-bullet-nav{
	background-color: #333;
}
.logo-slider .tms-content-scalable{
	padding-bottom: 0;
}

/* Logos Media Queries */
@media only screen and (max-width: 960px) {
	[class*="logos-"]{
		height: auto;
	}
	[class*="logos-"] .grid-item{
		width: 33.3333%;
	}
	.logos-2 a,
	.logos-2 span{
		padding: 4.5rem 1.5rem;
	}
}
@media only screen and (max-width: 768px) {
	[class*="logos-"] .grid-item{
		width: 33.3333%;
	}
	.logos-2 a,
	.logos-3 a,
	.logos-4 a,
	.logos-2 span,
	.logos-3 span,
	.logos-4 span{
		padding: 3rem 1.5rem;
	}
}
@media only screen and (max-width: 480px){
	[class*="logos-"] .grid-item{
		width: 50%;
	}
	.logos-3 a,
	.logos-2 a,
	.logos-4 a,
	.logos-2 span,
	.logos-3 span,
	.logos-4 span{
		padding: 2rem 1.5rem;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
only screen and (				min-resolution: 2dppx) { 
	.logos-2{
		/* background-image:url(../images/slider/slide-2-fs-hp@2x.jpg); */
	}
}

/*------------------------------------------------------------------
[14. Client Sections]
*/

[class*="clients-"] [class*="content-grid-"]{
	margin-bottom: -3rem;
}
.clients-1{
	line-height: 1;
}
.clients-1 .client-name{
	margin-top: 0;
	margin-bottom: 1rem;
}
.clients-1 .client-description{
	font-size: 1.1rem;
	opacity: 0.7;
}
@media only screen and (max-width: 768px) {
	[class*="clients-"] .grid-item{
		width: 33.3333%;
	}
	[class*="clients-"] .client-description{
		display: none;
	}
	[class*="clients-"] .client-name{
		font-size: 1.4rem;
	}
}
@media only screen and (max-width: 480px){
	[class*="clients-"] .grid-item{
		width: 50%;
	}
}

/*------------------------------------------------------------------
[15. Social Sections]
*/

[class*="social-"] ul{
	margin-left: 0;
	list-style: none;
}

/* Social 1 */
.social-1{
	text-align: center;
}
.social-1 h6{
	font-size: 1.3rem;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}
.social-1 ul{
	margin-bottom: 0;
}
.social-1 ul li{
	padding: 0 1rem;
	margin-bottom: 1rem;
	display: inline-block;
}

/* Social 2 */
.social-2{
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}
body.boxed .social-2{
	padding-left: 0;
	padding-right: 0;
}
.safari-browser .social-2{
	width: 100.4%;
}
.social-2 [class*="content-grid-"]{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.social-2.full-width [class*="content-grid-"]{
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.social-2 .grid-item{
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
}
.social-2 a{
	width: 100%;
	height: 15rem;
	margin: 0;
	font-size: 2rem;
	line-height: 2rem;
	font-family: "Times New Roman", serif;
	font-style: italic;
	display: table;
}
.social-2 a:hover{
	background: none;
	color: #999;
}
.social-2 a span{
	display: table-cell;
	vertical-align: middle;
}
.social-2 [class*="icon"]{
	width: 100%;
	margin: 0 0 1rem 0;
	font-size: 3rem;
	display: inline-block;
}

/* Social 3 */
.social-3{
	text-align: center;
	/* background-image:url(../images/slider/slide-2-fs-hp@2x.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.social-3 ul{
	margin-bottom: -1rem;
	line-height: 1;
}
.social-3 ul li{
	padding: 0 1rem;
	margin-bottom: 1rem;
	display: inline-block;
	text-align: center;
}
.social-3 a[class*="icon"]{
	width: 5rem;
	height: 5rem;
	margin: 0;
	line-height: 5rem;
	font-weight: normal;
	background: rgba(255,255,255,0.2);
	border-radius: 50%;
}
.social-3 a{
	color: #fff;
}
.social-3 a:hover{
	background: #fff;
}

/* Social 4 */
.social-4{
	text-align: center;
}
.social-4 h6{
	font-size: 1.3rem;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}
.social-4 ul{
	margin-bottom: -1rem;
}
.social-4 ul li{
	padding: 0 1rem;
	margin: 0 2rem 1rem 2rem;
	display: inline-block;
}
.social-4 ul li a{
	font-size: 1.7rem;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	font-weight: bold;
	color: #999;
}

/* Social Media Queries */
@media only screen and (max-width: 480px) {
	.social-2 ul li{
		width: 50%;
	}
	.social-2 a{
		width: 100%;
	}
	.social-4 ul li{
		display: block;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
only screen and (				min-resolution: 2dppx) { 
	.social-3{
		/* background-image:url(../images/slider/slide-2-fs-hp@2x.jpg); */
	}
}

/*------------------------------------------------------------------
[16. Stat Sections]
*/
[class*="stats-"] > .row:not(.flex),
[class*="stats-"] > .row:not(.flex) > .column{
	height: 100%;
}
[class*="stats-"] .stat-content{
	width: 100%;
	height: 100%;
	display: table;
}
[class*="stats-"] .stat-content-inner{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
[class*="stats-"] .stat{
	width: 100%;
	height: 100%;
	display: table;
}
[class*="stats-"] .stat-inner{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
[class*="stats-"].left .stat-inner{
	text-align: left;
}
[class*="stats-"].center .stat-inner{
	text-align: center;
}
[class*="stats-"].right .stat-inner{
	text-align: right;
}

/* Stats 1 */
.stats-1{
	color: #fff;
	/* background-image:url(../images/slider/slide-2-fs-hp@2x.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.stats-1 [class*="content-grid"]{
	margin-bottom: -3rem;
}
.stats-1 .counter{
	font-size: 6rem;
	line-height: 1;
	font-weight: normal;
}
.stats-1 p:last-child{
	margin-bottom: 0;
}

/* Stats 2 */
.stats-2{
	color: #666;
}
.stats-2 [class*="content-grid"]{
	margin-bottom: -2rem;
}
.stats-2 .grid-item{
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-bottom: 0;
	border-right: 1px solid #ddd;
}
.stats-2 .grid-item:last-child{
	border: none;
}
.stats-2 .counter{
	margin-bottom: 0.5rem;
	font-size: 3rem;
	line-height: 1;
	font-weight: bold;
}
.stats-2 .description{
	font-size: 1.2rem;
	text-transform: uppercase;
}
.stats-2 p:last-child{
	margin-bottom: 0;
}

/* Stats 3 */
.stats-3 [class*="content-grid"]{
	margin-top: -2rem;
	margin-bottom: -2rem;
}
.stats-3 .grid-item{
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-bottom: 0;
	border-right: 1px dotted #ddd;
}
.stats-3 .grid-item:last-child{
	border: none;
}
.stats-3 .counter{
	margin-bottom: 0.5rem;
	font-size: 3rem;
	line-height: 1;
	font-weight: bold;
}
.stats-3 .mega-stat .counter{
	margin-bottom: 0.5rem;
	font-size: 7rem;
	line-height: 1;
	font-weight: bold;
}
.stats-3 .description{
	font-size: 1.2rem;
	text-transform: uppercase;
	color: #999;
}
.stats-3 .mega-stat .description{
	margin-bottom: 0;
	font-size: 2rem;
	line-height: 1;
	font-weight: bold;
}
.stats-3 .description{
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px dotted #ddd;
	font-weight: bold;
}
.stats-3 .description:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
.stats-3 p:last-child{
	margin-bottom: 0;
}
.stats-3[class*="border-"]{
	border-width: 0;
}
.stats-3[class*="border-"] *{
	border-color: inherit;
}

/* Stat Media Queries */
@media only screen and (max-width: 1023px) {
	.stats-3 .mega-stat .counter{
		font-size: 5rem;
	}
}
@media only screen and (max-width: 768px) {
	[class*="stats-"]{
		height: auto !important;
	}
	.stats-2 .row-1{
		border-bottom: 1px solid #ddd;
	}
	.stats-2 .grid-item{
		border-right: none;
		border-bottom: 1px solid #ddd;
	}
	.stats-2 .row-1:nth-of-type(even),
	.stats-2 .row-2:nth-of-type(even){
		border-right: none !important;
	}
	.stats-3 .grid-item.row-1{
		border-bottom: 1px dotted #ddd;
		border-right: none;
	}
	.stats-3 .grid-item{
		border-right: none;
	}
	.stats-3 .row-1:nth-of-type(even),
	.stats-3 .row-2:nth-of-type(even){
		border-right: none !important;
	}
	.stats-3 .description{
		border-bottom: 1px dotted #ddd;
	}
	[class*="stats-"].center-on-mobile .stat-inner{
		text-align: center;
	}
}
@media only screen and (max-width: 480px) {
	.stats-3 .counter,
	.stats-3 .mega-stat .counter{
		font-size: 4rem;
	}
	.stats-3 .mega-stat .description{
		font-size: 1.2rem;
	}
	.stats-3 .grid-item.row-1{
		border: none;
	}
	.stats-3 .description{
		margin-bottom: 4rem;
		padding-bottom: 0;
		border: none;
	} 
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
only screen and (				min-resolution: 2dppx) { 
	.stats-1{
		/* background-image:url(../images/slider/slide-2-fs-hp@2x.jpg); */
	}
}

/*------------------------------------------------------------------
[17. Fullscreen Sections]
*/
.section-block.fullscreen-sections-wrapper,
.section-block.fullscreen-section{
	padding-top: 0;
	padding-bottom: 0;
}
.fullscreen-sections-wrapper{
	position: relative;
	z-index: 0;
}
.fullscreen-section{
	width: 100%;
	height: 100%;
	height: 100vh;
	display: table;
	table-layout: fixed;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
body.boxed .fullscreen-section{
	padding-left: 0;
	padding-right: 0;
}
.fullscreen-section.in-view{
	z-index: 1;
}
.fullscreen-section .background-image{
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 0;
}
.fullscreen-section.background-fixed .background-image,
.fullscreen-section .background-slider-wrapper{
	width: 100%;
	height: 100vh;
	position: absolute;
	background-attachment: fixed;
	z-index: 0;
}
.fullscreen-section .background-slider-wrapper{
	height: 100%;
}
.fullscreen-section.background-fixed .background-slider-wrapper{
	position: fixed;
}

/* Edge fix */
.ie-browser.webkit .fullscreen-section.background-fixed .background-image-wrapper{
	height: 100vh;
	position: absolute !important;
}
.ie-browser.webkit .fullscreen-section.background-fixed .background-image{
	background-attachment: fixed;
}

/* Fixed position fix when content is transformed */
.webkit.side-nav-open .background-fixed .background-image-wrapper{
	position: absolute;
}

/* Mobile */
.mobile .fullscreen-section{
	height: auto;
}
.mobile .fullscreen-section .background-image-wrapper,
.mobile .fullscreen-section.background-fixed .background-image-wrapper,
.mobile .fullscreen-section .background-image{
	width: 100vw;
	position: relative !important;
}
.mobile .fullscreen-section.background-fixed .background-image{
	background-attachment: scroll;
}

/* Bullet Nav */
.fs-pagination {
	width: 2.8rem;
	padding: 1rem;
	text-align: center;
	visibility: visible;
	opacity: 0;
	position: fixed;
	right: 25px;
	top: 50%;
	z-index: 10;
	transition-property: opacity, visibility;
	transition-duration: 600ms;
	-webkit-backface-visibility: hidden;
}
.fs-bullet-nav {
	width: 0.8rem;
	height: 0.8rem;
	display: inline-block;
	background: #fff;
	opacity: 0.5;
	border-radius: 50%;
}
.nav-dark .fs-bullet-nav{
	background: #333;
}
.fullscreen-sections-wrapper.nav-dark .fs-bullet-nav{
	background: #333;
}
.fs-bullet-nav:hover {
	opacity: 1;
}
.fs-bullet-nav.active {
	opacity: 1;
}

/* Mobile */
.mobile .fs-pagination{
	display: none;
}

/* Fullscreen Content */
.fullscreen-section .fullscreen-inner{
	width: 100%;
	height: 100%;
	padding-top: 7rem;
	padding-bottom: 7rem;
	background: rgba( 0, 0, 0, 0.6);
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 2;
}
.fullscreen-section.no-overlay .fullscreen-inner{
	background: rgba( 0, 0, 0, 0);
}
body.boxed .fullscreen-sections-wrapper .fullscreen-inner,
body.boxed .fullscreen-section .fullscreen-inner{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.fullscreen-section footer{
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: absolute;
	bottom: 0;
	z-index: 3;
}
.fullscreen-section .copyright{
	margin-bottom: 0;
	font-size: 1.1rem;
	font-weight: normal;
	letter-spacing: 0.1rem;
	color: #fff;
}
.fullscreen-section .social-list{
	margin-bottom: 0;
}
.fullscreen-inner.v-align-top{
	vertical-align: top;
}
.fullscreen-inner.v-align-bottom{
	vertical-align: bottom;
}

/* Hero */
.fullscreen-section .hero-4,
.fullscreen-section .hero-5,
.fullscreen-section .hero-6{
	height: 100vh;
}

/* Coming soon */
.coming-soon-1 .background-image{
	/* background-image:url(../images/fullscreen/coming-soon-1.jpg); */
}
.coming-soon-2 .background-image{
	/* background-image:url(../images/fullscreen/coming-soon-1.jpg); */
}
.coming-soon-2 h1{
	font-size: 10rem;
	line-height: 1;
}

/* 404 */
.error-404 .background-image{
	/* background-image:url(../images/fullscreen/coming-soon-1.jpg); */
}
.error-404 h1{
	font-size: 15rem;
	line-height: 1;
}
.error-404 .search-form-container{
	max-width: 60rem;
	margin-left: auto;
	margin-right: auto;
}
.error-404 .form-submit{
	width: 100%;
}

/* 500 */
.error-500 .background-image{
	/* background-image:url(../images/fullscreen/coming-soon-1.jpg); */
}
.error-500 h1{
	font-size: 15rem;
	line-height: 1;
}
.error-500 .button{
	margin-right: 2rem;
}
.error-500 .button:last-child{
	margin-right: 0;
}
[class*="error-"] .background-image, 
[class*="coming-soon-"] .background-image{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* Fullscreen Media Queries */
@media only screen and (max-width: 768px) {
	.fs-pagination{
		display: none;
	}
	.fullscreen-section footer{
		position: relative;
	}

	/* Clear margin for last child in last column */
	.fullscreen-section .column:last-child > *:last-child:not(.hero-content):not(input[type="submit"]){
		margin-bottom: 0;
	}

	/* Change display for content that appears below image */
	.fullscreen-section.content-below-on-mobile{
		height: auto;
		display: block;
	}
	.fullscreen-section.content-below-on-mobile .fullscreen-inner{
		padding-top: 7rem !important;
		padding-bottom: 7rem !important;
		background-color: transparent;
		display: block;
		text-align: left;
	}
	.fullscreen-section.no-overlay.content-below-on-mobile .background-on-mobile{
		padding: 0;
		margin-bottom: 0;
		background-color: #f4f4f4;
	}

	/* Default text color on mobile when positioned below image or
	when there is a background content wrapper on mobile */
	.fullscreen-section.no-overlay.content-below-on-mobile *,
	.fullscreen-section .background-on-mobile *{
		color: #666;
	}
	.fullscreen-section.content-below-on-mobile .alt-color-on-mobile{
		color: #fff;
	}

	/* Change position and bkg attachment so image scrolls with content */
	.fullscreen-section .background-image-wrapper,
	.webkit .fullscreen-section .background-image-wrapper,
	.fullscreen-section.background-fixed .background-image-wrapper,
	.webkit .fullscreen-section.background-fixed .background-image-wrapper,
	.fullscreen-section .background-image,
	.fullscreen-section.background-fixed .background-image,
	.webkit .fullscreen-section.background-fixed .background-image{
		max-width: 100vw;
		background-attachment: scroll;
	}
	.fs-image-scale .background-image-wrapper,
	.fs-image-scale .background-image,
	.content-below-on-mobile .background-image-wrapper,
	.content-below-on-mobile .background-image,
	.content-below-on-mobile .background-slider-wrapper{
		position: relative !important;
	}
	.fullscreen-section.background-contain .background-image,
	.fullscreen-section.background-contain .background-image{
		background-position: center !important;
		background-size: 100% !important;
	}
	.mobile .fullscreen-section .background-image{
		max-width: 114rem;
		height: inherit;
	} 
	.mobile .fullscreen-section{
		margin-top: -1px;
	}
	.coming-soon-2 h1{
		font-size: 6rem;
	}
	.error-404 .form-submit{
		width: auto;
	}
	.error-404 h1, 
	.error-500 h1{
		font-size: 10rem;
	}
}
.mobile .fullscreen-section[class*="error-"],
.mobile .fullscreen-section[class*="coming-soon-"]{
	height: 100vh;
	display: table;
} 
.mobile [class*="error-"] .fullscreen-inner, 
.mobile [class*="coming-soon-"] .fullscreen-inner{
	display: table-cell;
}
.mobile .fullscreen-section[class*="error-"] .background-image-wrapper,
.mobile .fullscreen-section[class*="coming-soon-"] .background-image-wrapper{
	position: fixed;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
only screen and (				min-resolution: 2dppx) { 
	/* .coming-soon-1 .background-image{
		background-image: url(../images/fullscreen/coming-soon-1@2x.jpg);
	}
	.coming-soon-2 .background-image{
		background-image: url(../images/fullscreen/coming-soon-1@2x.jpg);
	}
	.error-404 .background-image{
		background-image: url(../images/fullscreen/coming-soon-1@2x.jpg);
	}
	.error-500 .background-image{
		background-image: url(../images/fullscreen/coming-soon-1@2x.jpg);
	} */
}

/*------------------------------------------------------------------
[18. Pagination Sections]
*/
.pagination-previous.disabled,
.pagination-next.disabled,
.pagination-previous.disabled:hover, 
.pagination-next.disabled:hover{
	transition: none;
	cursor: default;
	background: none !important;
}
[class*="pagination-"] ul{
	margin-left: 0;
	list-style: none;
}

/* Pagination 1 */
.pagination-1 small{
	font-size: 1.3rem;
	display: block;
}
.pagination-1 small span{
	font-size: 1.3rem;
	display: inline-block;
}
.pagination-1 [class*="icon-"]{
	height: 3.6rem;
	font-size: 3.6rem;
	display: inline-block;
}
.pagination-1 .pagination-previous{
	text-align: left;
}
.pagination-1 .pagination-previous [class*="icon-"]{
	margin-right: 1rem;
	float: left;
}
.pagination-1 .pagination-next{
	text-align: right;
}
.pagination-1 .pagination-next [class*="icon-"]{
	margin-left: 1rem;
	float: right;
}
.pagination-1 span{
	font-size: 2rem;
	font-weight: bold;
	display: block;
}
.pagination-1 a.disabled,
.pagination-1 a.disabled:hover{
	color: #ddd;
}
.pagination-1 .return-to-index,
.pagination-1 .page-list{
	margin-top: 0.3rem;
	margin-bottom: 0;
	font-size: 1.7rem;
	text-align: center;
	font-weight: bold;
}
.pagination-1 .page-list li{
	padding: 0 0.7rem;
}

/* Pagination 2 */
.section-block.pagination-2{
	padding-top: 0;
	padding-bottom: 0;
}
.pagination-2 .column,
.pagination-2 .column:hover{
	background-size: cover;
	background-position: center;
	/* safari fix */
	-webkit-transform: translate(0,0);
}
body.boxed .pagination-2{
	padding-left: 0;
	padding-right: 0;
}
.pagination-2 .pagination-previous,
.pagination-2 .pagination-next{
	padding-top: 7rem;
	padding-bottom: 7rem;
	display: block;
	position: relative;
}
.pagination-2 .pagination-previous{
	padding-left: 3rem;
	padding-right: 5rem;
	background: #f9f9f9;
	text-align: right;
}
.pagination-2 .pagination-next{
	padding-right: 3rem;
	padding-left: 5rem;
	background: #eee;
	text-align: left;
}
.pagination-2 a:hover{
	background: #ff0000;
}
.pagination-2 small{
	font-size: 1.3rem;
	display: block;
}
.pagination-2 small span{
	font-size: 1.3rem;
	display: inline-block;
}
.pagination-2 [class*="icon-"]{
	height: 3.6rem;
	font-size: 3.6rem;
	display: inline-block;
}
.pagination-2 .pagination-previous [class*="icon-"]{
	margin-left: 1rem;
	float: right;
}
.pagination-2 .pagination-next [class*="icon-"]{
	margin-right: 1rem;
	float: left;
}
.pagination-2 span{
	font-size: 2rem;
	font-weight: bold;
	display: block;
}
.pagination-2 a.disabled,
.pagination-2 a.disabled:hover{
	color: #ddd;
}

/* Pagination 3 */
.pagination-3 ul{
	margin: 0;
	text-align: center;
}
.pagination-3 ul li{
	display: inline-block;
}
.pagination-3 a{
	width: 4rem;
	height: 4rem;
	margin: 0;
	padding: 1rem;
	display: block;
	border: 1px solid #ddd;
	border-radius: 50%;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.8rem;
	text-align: center;
}
.pagination-3 a.current,
.pagination-3 a:hover{
	background: #333;
	color: #fff;
	border: transparent;
}
.pagination-3 li:first-child{
	float: left;
}
.pagination-3 li:last-child{
	float: right;
}
.pagination-3 a.disabled,
.pagination-3 a.disabled:hover{
	color: #ddd;
	border-color: #ddd;
}

/* Pagination 4 */
.pagination-4{
	text-align: center;
}
.pagination-4 .button{
	width: auto;
	margin: 0 0.5rem;
	font-size: 1.6rem;
	font-weight: bold;
}
.pagination-4 .button.disabled,
.pagination-4 .button.disabled:hover{
	color: #ddd;
	background: none;
	border-color: #ddd;
}
.pagination-4 .button [class*="icon-"]:before{
	margin: 0;
}
.pagination-4 .pagination-previous [class*="icon-"],
.pagination-4 .pagination-next [class*="icon-"]{
	display: none;
}

/* Pagination 5 */
.pagination-5{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-top: 1px solid #ddd;
}
.pagination-5 ul{
	margin: 0;
	text-align: center;
}
.pagination-5 ul li{
	display: inline-block;
	margin-left: -0.4rem;
}
.pagination-5 a{
	width: 6rem;
	height: 6rem;
	color: #333;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 6rem;
	display: block;
}
.pagination-5 a.current{
	color: #999;
}
.pagination-5 a:hover{
	background: #333;
	color: #fff;
}
.pagination-5 li:first-child{
	float: left;
}
.pagination-5 li:last-child{
	float: right;
}
.pagination-5 a.disabled,
.pagination-5 a.disabled:hover{
	color: #ddd;
	border-color: #ddd;
}
.pagination-5 a.pagination-previous,
.pagination-5 a.pagination-next{
	width: auto;
	padding: 0 2rem;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.pagination-5 a.pagination-previous{
	padding-right: 3.5rem
}
.pagination-5 a.pagination-next{
	padding-left: 3.5rem
}
.pagination-5 a span{
	width: auto;
	float: left;
}
.pagination-5 a [class*="icon-"]{
	height: 100%;
	margin-right: 0;
	line-height: 6rem;
	font-size: 3.2rem;
}

/* Pagination Media Queries */
@media only screen and (max-width: 960px) {
	.blog [class*="pagination-"] > .row > .column,
	.shop [class*="pagination-"] > .row > .column{
		width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	.pagination-1 .pagination-previous,
	.pagination-1 .return-to-index,
	.pagination-1 .page-list{
		padding-bottom: 3.8rem;
		margin-bottom: 3.8rem;
		border-bottom: 1px solid #ddd;
		display: block;
	}
	.pagination-1 .return-to-index,
	.pagination-1 .page-list,
	.pagination-1 .pagination-next{
		text-align: left;
	}
	.pagination-1 .pagination-previous [class*="icon-"]{
		margin-right: 0;
		float: right;
	}
	.pagination-1 .pagination-next [class*="icon-"]{
		margin-left: 0;
	}
	.pagination-2 [class*="pagination-"]{
		padding: 4rem 1.5rem;
	}
	.pagination-2 .pagination-previous{
		text-align: left;
	}
	.pagination-2 .pagination-previous:after{
		width: 10rem;
		height: 1rem;
		bottom: 0;
	}
	.pagination-2 .pagination-previous [class*="icon-"]{
		margin-left: 0;
		margin-right: 1rem;
		float: left;
	}
	.pagination-5 ul li a.pagination-previous,
	.pagination-5 ul li a.pagination-next{
		width: 6rem;
		padding: 0;
		text-align: center;
	}
	.pagination-5 ul li a span{
		float: none;
	}
	.pagination-5 ul li a.pagination-previous span:last-child{
		display: none;
	}
	.pagination-5 ul li a.pagination-next span:first-child{
		display: none;
	}
}
@media only screen and (max-width: 490px) {
	.pagination-1,
	.pagination-3,
	.pagination-4{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.pagination-4 span{
		display: none;
	}
	.pagination-4 .back-to-index [class*="icon-"],
	.pagination-4 .pagination-previous [class*="icon-"],
	.pagination-4 .pagination-next [class*="icon-"]{
		display: block;
	}
	.pagination-3 ul li,
	.pagination-5 ul li{
		display: none;
	}
	.pagination-3 ul li:first-child,
	.pagination-3 ul li:last-child,
	.pagination-5 ul li:first-child,
	.pagination-5 ul li:last-child{
		display: inline-block;
	}
}

/*------------------------------------------------------------------
[19. Map Sections]
*/

.section-block.map-wrapper{
	padding-top: 0;
	padding-bottom: 0;
}
.map-container{
	width: 100%;
	height: 40rem;
}
.map-container > div{
	width: 100%;
	height: 100%;
}
.map-container > div img {
	max-width: none;
}
.gm-style .gm-style-iw{
	padding: 0.3rem;
	color: #666;
	line-height: 1.5;
}

/*------------------------------------------------------------------
[20. Footers]
*/
.footer{
	width: 100%;
	background-color: #222;
	position: relative;
	z-index: 1;
}
.footer .row.flex > .column{
	flex-direction: column;
}
body.boxed .footer .footer-top,
body.boxed .footer .footer-bottom{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.footer .footer-top{
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.footer .widget{
	margin-bottom: 3rem;
}
.footer ul{
	margin-left: 0;
	list-style: none;
}
.footer .footer-top-inner > *:first-child,
.footer .widget:last-child > *:first-child{
	margin-top: 0;
}
.footer .footer-top-inner > *:last-child,
.footer .widget:last-child > *:last-child{
	margin-bottom: 0;
}
.footer .footer-bottom{
	padding-bottom: 2rem;
	color: #555;
}
.footer .footer-bottom-inner{
	padding-top: 3rem;
	border-top: 1px solid #333;
}

/* Footer Logo */
.footer .footer-logo{
	width: 17rem;
	margin-bottom: 1rem;
	display: inline-block;
	line-height: 1;
}
.footer .footer-logo a{
	transition-property: opacity, background, color, visibility, transform;
	transition-duration: 500ms;
}
.footer .footer-logo a:hover{
	opacity: 0.6;
}

/* Copyright */
.footer .footer-bottom .copyright{
	font-size: 1.1rem;
	float: left;
}

/* Navigation */
.footer .navigation,
.footer .social-list{
	float: none;
}
.footer .navigation a{
	line-height: 2rem;
	text-transform: uppercase;
	background: none;
	padding: 0 1rem;
}
.footer .navigation a:hover{
	background:none;
	color: #fff;
}
.footer .navigation li:hover a{
	background: none;
}
.footer .navigation li:first-child a{
	padding-left: 0;
	margin-left: 0;
}
.footer .navigation li:last-child a{
	padding-right: 0;
	margin-right: 0;
}
.footer .navigation li.current a,
.footer .navigation li.current a:hover{
	background: none;
	color: #fff;
}
.footer .footer-bottom .navigation,
.footer .footer-bottom .social-list{
	float: right;
}
.footer .footer-bottom .navigation, 
.footer .footer-bottom .social-list, 
.footer .footer-bottom .copyright{
	margin-bottom: 1rem;
}
.mobile .footer-fixed{
	position: relative;
	bottom: auto;
}

/* Footer Media Queries */
@media only screen and (min-width: 960px) {
	.footer-fixed{
		position: fixed;
		bottom: 0;
		z-index: 0;
	}
	.content.reveal-footer{
		box-shadow: 0 2rem 5rem rgba(0,0,0,0.5);
		position: relative;
		z-index: 1;
	}
}
@media only screen and (max-width: 960px) {
	.content.reveal-footer{
		margin-bottom: 0 !important;
	}
}
@media only screen and (max-width: 768px) {
	.footer-top > .row > .column{
		width: 100%;
	}
	[class*="footer-"] .footer-bottom .copyright,
	[class*="footer-"] .footer-bottom .navigation,
	[class*="footer-"] .footer-bottom .social-list{
		display: block;
		float: none;
	}
	.footer .navigation li{
		display: inline-block;
		float: none;
	}
}

/*------------------------------------------------------------------
[21. Blog Layouts]
*/

/* Blog Index*/
.post{
	margin-bottom: 7rem;
}
.post:last-child{
	margin-bottom: 0 !important;
}
.post-content{
	position: relative;
	transition-property: background, color;
	transition-duration: 600ms;
}
.post-content + .post-content,
.post-media ~ .post-content,
.post-media + .post-info-aside{
	margin-top: 3rem;
}
.post-content + .post-media{
	margin-top: 3rem;
}
.blog-masonry.masonry-set-dimensions .post,
.blog-masonry.masonry-set-dimensions .post-media{
	height: 100%;
}
.blog-masonry.masonry-set-dimensions .post-content{
	width: 100%;
	height: auto;
	padding: 0;
	color: #fff;
	display: table;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.blog-masonry.masonry-set-dimensions .post-content:hover{
	background: rgba(0,0,0,0.8);
}
.blog-masonry.masonry-set-dimensions .post-content-inner{
	height: 100%;
	padding: 2rem;
	display: table-cell;
	vertical-align: bottom;
}
.post-content > *:last-child{
	margin-bottom: 0;
}
.post-content.with-background{
	padding: 3rem;
	margin-top: 0;
	background: #f9f9f9;
}
.post-content.with-background > *:first-child{
	margin-top: 0;
}
.blog-masonry.masonry-set-dimensions .post-content.with-background{
	background: rgba(0,0,0,0.2);
}
.blog-masonry.masonry-set-dimensions .post-media:hover .post-content{
	background: rgba(0,0,0,0.8);
}
.post-info{
	margin-bottom: 3rem;
}
.blog-masonry.masonry-set-dimensions .post-info{
	margin-bottom: 1rem;
}
.post-info-aside,
.post-author-aside,
.post-comments-aside{
	position: absolute;
	z-index: 1;
}
.post-info-aside + .post-content,
.post-author-aside + .author-bio,
.post-comments-aside + .comments-inner{
	padding-left: 10rem;
}
.post-info{
	padding: 0;
    margin-right: 0.2rem;
    margin-top: 0;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    display: inline-block;
    border: none;
}
.post-info span{
	padding-top: 0;
	margin-top: 0;
	border: none;
}
.post-info span:first-child{
	margin-left: 0;
}
.post-info span:last-child{
	margin-right: 0;
}
.post-info [class*="icon-"]{
	display: inline-block;
	position: relative;
	z-index: 1;
}
.post-info .post-love [class*="icon-"]{
	margin-right: 0.2rem;
}
.post-love a [class*="icon-"],
.post-comments a [class*="icon-"]{
	width: 1.2rem;
	text-align: center;
	transition-property: transform;
	-webkit-transition-duration: 200ms;
	        transform-transition-duration: 200ms;
}
.post-love a:hover [class*="icon-"],
.post-comment a:hover [class*="icon-"]{
	transform: scale3d(1.2,1.2,1);
}
.post-content .read-more{
	margin-bottom: 0;
}

/* Post Media Elements */
.post-media {
	max-width: 114rem;
}
.post-media > *{
	float: none;
	margin-bottom: 0;
}
.blog-masonry.masonry-set-dimensions .post-media{
	position: relative;
	overflow: hidden;
}
.blog-masonry.masonry-set-dimensions.no-margins .post-media{
	position: static;
	overflow: hidden;
}
.blog-regular .post-media .post-slider{
	width: 82.5rem;
	height: 55rem;
}
.blog-single-post .post-media .post-slider,
.blog-masonry .post-media .post-slider{
	width: 82.5rem;
	height: 55rem;
}
.blog-wide .post-media .post-slider{
	width: 111rem;
	height: 74rem;
}

/* Mejs */
.post-media .mejs-audio, 
.post-media .mejs-audio .mejs-controls,
.post-media .mejs-audio .mejs-container .mejs-button,
.post-media .mejs-audio .mejs-button.mejs-play,
.post-media .mejs-audio .mejs-button.mejs-pause,
.post-media .mejs-audio .mejs-button.mejs-mute,
.post-media .mejs-audio .mejs-controls div.mejs-time-rail,
.post-media .mejs-audio .mejs-controls div.mejs-horizontal-volume-slider{
	height: 4.9rem !important;
}
.post-media .mejs-audio .mejs-controls .mejs-time{
	margin-top: 1rem;
}
.post-media .mejs-audio .mejs-time-rail .mejs-time-total{
	margin-top: 2.1rem;
}
.post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
	top: 2.1rem;
}

/* Common Buttons */
.post-media .mejs-audio .mejs-button button{
	margin: 1.6rem 0.7rem;
}

/* Play */
.post-media .mejs-audio .mejs-button.mejs-play,
.post-media .mejs-audio .mejs-button.mejs-pause{
	width: 4.4rem !important;
}
.post-media .mejs-audio .mejs-button.mejs-play button,
.post-media .mejs-audio .mejs-button.mejs-pause button{
	margin: 1.6rem 1.4rem;
}

/* Masonry Layout 
   For fixed size grid items use 
   .blog-masonry.masonry-set-dimensions
*/
.blog-masonry.no-padding-top{
	padding-top: 1rem;
}
.blog-masonry.no-padding-bottom{
	padding-bottom: 0.5rem;
}
.blog-masonry.full-width.no-margins{
	padding: 0;
}
.blog-masonry [class*="content-grid"]{
	margin-bottom: -3rem;
}
.blog-masonry.masonry-set-dimensions [class*="content-grid"]{
	margin-bottom: -1.5rem;
}
.blog-masonry.no-margins [class*="content-grid"],
.blog-masonry.no-margins [class*="content-grid"] .grid-item{
	padding: 0 !important;
	margin: 0 !important;
}
.blog-masonry > .row > .column,
.blog-masonry [class*="content-grid"]{
	padding-left: 0;
	padding-right: 0;
}
.blog-masonry [class*="content-grid"]{
	margin-left: 0;
	margin-right: 0;
}
.blog-masonry.full-width [class*="content-grid"] {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
body.boxed .blog-masonry.full-width [class*="content-grid"]{
	margin-left: 0;
 	margin-right: 0;
}
.blog-masonry [class*="content-grid"] .grid-item{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.blog-masonry .grid-item .video, 
.blog-masonry .grid-item .video-container{
	margin-bottom: 0;
}

/* Titles */
.blog-regular h2.post-title,
.blog-wide h2.post-title,
.blog-masonry h2.post-title,
.blog-single-post h2.post-title{
	margin-top: 0;
	margin-bottom: 1rem;
}

/* Small Margins */
.blog-masonry.small-margins [class*="content-grid"]{
	padding-left: 0;
	padding-right: 0;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}
.blog-masonry.small-margins > .row > .column{
	padding-left: 1rem;
	padding-right: 1rem;
}
.blog-masonry.small-margins.no-margins > .row > .column{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.blog-masonry.small-margins.full-width > .row > .column{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.blog-masonry.small-margins.no-margins.full-width > .row > .column{
	padding-left: 0rem;
	padding-right: 0rem;
}
.blog-masonry.small-margins.full-width [class*="content-grid"]{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.blog-masonry.small-margins [class*="content-grid"]{
	padding-left: 0;
	padding-right: 0;
	margin-top: -0.5rem;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: -0.5rem;
}
.blog-masonry.small-margins [class*="content-grid"] .grid-item{
	margin-bottom: 0;
	padding: 0.5rem;
	position: relative;
}

/* No Margins */
.blog-masonry.no-margins > .row > .column{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

/* Full Width */
.blog-masonry.full-width.no-margins > .row > .column{
	padding-left: 0;
	padding-right: 0;
}
.blog-masonry.full-width .row{
	max-width: 100%;
}

/* Blog Media Queries */
@media only screen and (max-width: 1140px) {
	.blog-wide .post-media .post-slider{
		width: 93rem;
		height: 62rem;
	}
	.blog-regular .post-media .post-slider{
		width: 69rem;
		height: 46rem;
	}
	.blog-masonry [class*="content-grid"] .grid-item{
		width: 33.33333%;
	}
}
@media only screen and (max-width: 960px) {
	.blog-wide .post-media .post-slider{
		width: 73rem;
		height: 48.7rem;
	}
	.blog-regular .post-media .post-slider{
		width: 54rem;
		height: 36rem;
	}
	.blog-masonry [class*="content-grid"] .grid-item{
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	.blog-regular .post-media .post-slider,
	.blog-wide .post-media .post-slider{
		width: 57rem;
		height: 38rem;
	}
	.post-info span.show-on-mobile,
	.post-info .show-on-mobile a,
	.post-info [class*="icon-"]{
		display: inline-block !important;
	}
	.post-info-aside,
	.post-author-aside,
	.post-comments-aside{
		display: none !important;
	}
	.post-info-aside + .post-content,
	.post-author-aside + .author-bio,
	.post-comments-aside + .comments-inner{
		padding-left: 0 !important;
	}
	.comment-list ul{
		margin-left: 0 !important;
	}
}
@media only screen and (max-width: 600px) {
	.blog-regular .post-media .post-slider,
	.blog-wide .post-media .post-slider{
		width: 45rem;
		height: 30rem;
	}
	.blog-masonry [class*="content-grid"] .grid-item{
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.blog-regular .post-media .post-slider,
	.blog-wide .post-media .post-slider{
		width: 32rem;
		height: 21.3rem;
	}
}

/* Single Post */
.single-post .post{
	margin-bottom: 0;
}
.single-post .post-content .post-media{
	margin-bottom: 3rem;
}
.single-post .post-content.with-background .post-media{
	margin-bottom: 0;
}
.single-post-tags{
	width: 100%;
	padding-top: 3rem;
	margin-top: 3rem;
	font-size: 1.2rem;
	border-top: 1px solid #ddd;
}

/* Post Tags */
.single-post-tags .tags-title{
	font-weight: bold;
	margin-top: 0;
}
.single-post-tags a{
	margin-left: 0.8rem;
	margin-right: 0.8rem;
	display: inline-block;
	letter-spacing: 0.1rem;
}

/* Post Author & Aux Info */
.post-author,
.post-aux-info{
	padding-top: 3rem;
	margin-top: 3rem;
	border-top: 1px solid #ddd;
}
.post-author .author-avatar{
	max-width: 7rem;
	float: left;
}
.post-author.center .author-avatar{
	margin: 0 auto 2rem auto;
	float: none;
}
.post-author .author-avatar img{
	border-radius: 50%;
}
.post-author:not(.center) .author-bio .author-avatar + .author-content{
	margin-left: 10rem;
}
.post-author .author-content *:last-child{
	margin-bottom: 0;
}
.post-author .name{
	font-size: 1.6rem;
	margin-bottom: 0.6rem;
}

/* Post Comments */
.post-comments{
	padding-top: 3rem;
	margin-top: 3rem;
	border-top: 1px solid #ddd;
}
.post-comments .comments-title,
.post-comments ul,
.post-comments ol{
	margin-bottom: 3rem;
}
.post-comments .comment-list{
	margin-left: 0;
}
.post-comments ul:not(.comment-list), 
.post-comments ol:not(.comment-list){
	margin-left: 2rem;
}
.post-comments ul:not(.comment-list) ul, 
.post-comments ul:not(.comment-list) ol,
.post-comments ol:not(.comment-list) ol, 
.post-comments ol:not(.comment-list) ul {
	margin: 0.4rem 0 0.4rem 3rem;
}
.post-comments .comment-list,
.post-comments .comment + ul{
	list-style: none;
}
.post-comments .comment-list > li{
	margin-bottom: 4rem;
}
.post-comments .comment-list > li:last-child{
	margin-bottom: 0;
}
.post-comments .user-avatar{
	max-width: 7rem;
	float: left;
}
.post-comments .user-avatar img{
	border-radius: 50%;
}
.post-comments .comment-content{
	margin-left: 10rem;
}
.post-comments .name{
	font-size: 1.6rem;
	margin-bottom: 0.6rem;
}
.post-comments .comment-meta{
	width: 100%;
	margin-bottom: 2rem;
	line-height: 1;
}
.post-comments .comment-meta a{
	margin-left: 0.8rem;
	margin-right: 0.8rem;
	display: inline-block;
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
}
.post-comments .comment-meta a:first-child{
	margin-left: 0;
}
.post-comment-respond{
	padding-top: 3rem;
	margin-top: 3rem;
	border-top: 1px solid #ddd;
}
.post-comment-respond .reply-title{
	margin-bottom: 3rem;
}
.post-comment-respond .comment-form .column{
	float: none;
}

/* Sidebar */
.sidebar.left .sidebar-inner{
	padding-right: 1rem;
}
.sidebar.right .sidebar-inner{
	padding-left: 1rem;
}
.sidebar.left .sidebar-inner,
.sidebar.right .sidebar-inner{
	text-align: left;
}
.sidebar .widget{
	margin-bottom: 3rem;
}
.sidebar .widget ul{
	margin-left: 0;
	list-style: none;
}
.sidebar .widget li{
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}
.sidebar .widget:last-child,
.sidebar .widget > *:last-child{
	margin-bottom: 0;
}
.sidebar .widget:first-child .widget-title{
	margin-top: 0;
}

/* Widgets */
.widget .post-info{
	display: block;
	margin-bottom: 0;
	line-height: 1;
}

/* Sidebar Media Queries */
@media only screen and (max-width: 960px) {
	.sidebar .sidebar-inner{
		padding-right: 0 !important;
		padding-left: 0 !important;
		padding: 3rem;
		margin-top: 3rem;
		border-top: 1px solid #ddd;
	}
}
@media only screen and (max-width: 480px) {
	.post-comments .user-avatar{
		margin-bottom: 1.5rem;
		float: none;
	}
	.post-comments .comment-content{
		margin-left: 0;
	}
}

/*------------------------------------------------------------------
[22. Caption Size Classes]
*/

/* Title Sizes */
[class^="title-"]{
	margin-bottom: 2rem;
}
.title-xlarge{
	font-size: 9rem;
	line-height: 9rem;
}
.title-large{
	font-size: 7rem;
	line-height: 7rem;
}
.title-medium{
	font-size: 5rem;
	line-height: 5rem;
}
.title-small{
	font-size: 3rem;
	line-height: 3rem;
}

/* Text Sizes */
.text-xlarge{
	font-size: 2.2rem;
}
.text-large{
	font-size: 1.8rem;
}
.text-medium{
	font-size: 1.5rem;
}
.text-small{
	font-size: 1.2rem;
}

/* Transform */
.text-uppercase{
	text-transform: uppercase;
}

/* Title and Text Media Queries */
@media only screen and (max-width: 768px) {
	.title-xlarge{
		font-size: 4.5rem;
		line-height: 4.5rem;
	}
	.title-large{
		font-size: 4rem;
		line-height: 4rem;
	}
	.title-medium{
		font-size: 3rem;
		line-height: 3rem;
	}
	.title-small{
		font-size: 2rem;
		line-height: 2rem;
	}
	.text-xlarge{
		font-size: 2rem;
		line-height: 1.7;
	}
	.text-large{
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.text-medium{
		font-size: 1.3rem;
		line-height: 1.5;
	}
	.text-small{
		font-size: 1.2rem;
		line-height: 1.3;
	}
}

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

/* Common */
.shop .product-price ins{
	text-decoration: none;
}
.shop .product-price del{
	opacity: 0.6;
}
.shop .product .onsale,
.shop .product .outofstock{
	width: auto;
	height: auto;
	padding: 0.3rem 0.8rem;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8;
	text-transform: uppercase;
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 100;
}
.shop .cart-overview .checkout [class*="icon-"]{
	margin-right: 0.2rem;
}
.shop .star-rating [class*="icon-"]{
	margin: 0;
}
.shop .cart-overview a.product-remove,
.shop .cart-overview .product-remove a{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0;
	background-color: #eee;
	border-radius: 50%;
	font-size: 0.9rem;
	line-height: 1.7rem;
	text-align: center;
	color: #666;
}
.shop .quantity{
	max-width: 8rem;
}
.shop .cart-overview td,
.shop .cart-totals th,
.widget .cart-subtotal,
.single-product .review-comments{
	border-left: none;
	border-bottom: 1px solid #eee;
}
.shop .cart-overview .table,
.shop .cart-overview .table > thead{
	border-left: none;
	border-right: none;
}
.shop .cart-overview .table,
.shop .cart-overview .table > thead th{
	border-top: none;
	border-left: none;
}
.shop .cart-totals td{
	text-align: right;
}
.shop .cart-subtotal th{
	font-weight: 400;
}
.shop .cart-order-total{
	font-weight: 700;
}
.shop .grid-filter-options-inner{
	padding-top: 2rem;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.shop .grid-filter-options-inner .form-element{
	margin-bottom: 2rem;
}
@media only screen and (min-width: 1140px) {
	.shop .table .product-details > *{
		width: 100%;
		display: flex;
		align-items: center;
	}
}
.shop .table .product-details img{
	margin-right: 1.5rem;
}
@media only screen and (max-width: 1140px) {
	.shop .table .product-details img{
		margin-bottom: 1rem;
	}
}
.shop .table .product-thumbnail span > *,
.shop .table .product-details span > *{
	display: block;
}

/* Product Grid - reusable throughout */
.shop .products .product .product-details{
	margin-top: 2rem;
}
.shop .products .product .product-title{
	font-size: 1.4rem;
	margin-bottom: 0.5rem;
}
.shop .products .product .product-thumbnail .product-title{
	display: block;
	margin-bottom: 1rem;
}
.shop .products .product .product-description{
	margin-bottom: 1rem;
}
.shop .products .product .product-price{
	font-size: 1.2rem;
}
.shop .products .product .product-thumbnail .product-price{
	font-weight: 400;
}
.shop .products .product .product-price ins,
.shop .products .product .product-price del{
	padding: 0 0.3rem;
}
.shop .products .product .button{
	margin-bottom: 0;
}
.shop .products .product-result-count{
	float: left;
}
.shop .products .product .product-thumbnail .product-actions{
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 101;
	transition-property: transform;
	transition-duration: 200ms;
 transform: translateY(4rem);
}
.shop .products .product .product-thumbnail:hover .product-actions{
	transform: translateY(0);
}
.shop .products .product .product-thumbnail .product-actions .add-to-cart-button{
	width: 100%;
	text-align: center;
}

/* Mobile */
.mobile.shop .products .product .product-thumbnail .product-actions,
.shop .products .product .product-actions-mobile{
	display: none;
}
.mobile.shop .products .product .product-actions-mobile{
	margin-top: 1rem;
	display: block;
}

/* Widgets */
.widget .product-list li{
	padding-top: 1.3rem;
	padding-bottom: 1.5rem;
}
.widget .product-list li a{
	display: block;
}
.widget .product-list .cart-item{
	position: relative;
}
.widget .cart-item .product-title{
	padding-right: 5rem;
}
.widget .product-list .product-thumbnail{
	width: 5rem;
	float: right;
}
.widget .product-list .product-price{
	font-size: 1.1rem;
}
.widget .product-list .product-title{
	margin-bottom: 0.4rem;
	display: block;
}
.widget .product-list .product-price del{
	padding-right: 0.6rem;
}
.widget .product-list .star-rating{
	display: block;
	line-height: 1;
}
.widget .cart-overview a.product-remove{
	margin: 0.3rem 0.8rem 0 0;
	color: inherit;
	display: inline;
	float: left;
}
.widget .cart-subtotal{
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: 700;
}
.widget .cart-subtotal .amount{
	float: right;
}
.widget .product-list .cart-actions a{
	display: inline-block;
}
.widget .product-list .cart-actions .checkout{
	float: right;
}
.widget .product-tag-cloud a{
	padding: 0.4rem 0.8rem;
	margin: 0 0.5rem 1rem 0;
	display: inline-block;
	border: 1px solid #eee;
	font-size: 1rem;
	text-transform: uppercase;
}

/* Product Single */
.single-product .product-images .product-thumbnails .grid{
	min-height: 0;
	margin-bottom: 0;
}
.single-product .product-images .product-thumbnails .grid-item{
	width: 25%;
}
.single-product .product-summary .product-price ins,
.single-product .product-summary .product-price del{
	display: inline;
	font-size: 2rem;
	line-height: 1;
}
.single-product .product-summary .product-price del{
	padding-right: 1rem;
}
.single-product .product-summary .product-price{
	margin-bottom: 2rem;
}
.single-product .product-summary .product-rating{
	font-size: 1.2rem;
	float: right;
}
.single-product .product-summary .quantity{
	margin-right: 1rem;
}
.single-product .product-summary .quantity,
.single-product .product-summary .add-to-cart-button{
	float: left;
}
.single-product .product-summary .product-meta > span{
	display: table;
	table-layout: fixed;
}
.single-product .product-summary .product-addtional-info li:first-child a{
	border-top: 1px solid #eee;
}

/* Reviews */
.single-product .review-comments{
	margin-bottom: 3rem;
	padding-bottom: 3rem;
}
.single-product .review-comments .comments-title{
	margin-bottom: 3rem;
}
.single-product .review-comments .comment-list,
.single-product .review-comments .comment + ul{
	margin-left: 0;
	list-style: none;
}
.single-product .review-comments .comment-list > li{
	margin-bottom: 4rem;
}
.single-product .review-comments .comment-list > li:last-child{
	margin-bottom: 0;
}
.single-product .review-comments .user-avatar{
	max-width: 7rem;
	float: left;
}
.single-product .review-comments .user-avatar img{
	border-radius: 50%;
}
.single-product .review-comments .comment-content{
	margin-left: 10rem;
}
.single-product .review-comments .name{
	font-size: 1.6rem;
	margin-bottom: 0.6rem;
}
.single-product .review-comments .comment-meta{
	width: 100%;
	margin-bottom: 2rem;
	line-height: 1;
}
.single-product .review-comments .comment-meta{
	margin: 0 0 2rem 0;
	display: inline-block;
	font-size: 1.1rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
}
.single-product .review-comments .comment-meta span{
	margin: 0;
}
.single-product .review-comments .review-star-rating{
	float: right;
}
.single-product .review-comments .comment-meta a:first-child{
	margin-left: 0;
}

/* Cart Dropdown Overview */
.nav-block .cart-indication .badge{
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	font-size: 0.9rem;
	line-height: 1.6rem;
	letter-spacing: 0;
	text-align: center;
	background: #232323;
	color: #fff;
	position: absolute;
}
.nav-block .cart-overview .cart-item{
	padding: 1rem 0;
	text-align: left;
	border: none;
}
.nav-block .cart-overview .cart-item a,
.nav-block .cart-overview .cart-actions a{
	letter-spacing: 0;
}
.nav-block .cart-overview .cart-item:before,
.nav-block .cart-overview .cart-item:after,
.nav-block .cart-overview .cart-actions:before,
.nav-block .cart-overview .cart-actions:after{
	height: 0;
	content: ".";
	display: block;
	overflow: hidden;
}
.nav-block .cart-overview .cart-item:after,
.nav-block .cart-overview .cart-actions:after{
	clear: both;
}
.nav-block .cart-overview li:first-child{
	padding-top: 0;
}
.nav-block .cart-overview .product-thumbnail{
	width: 5rem;
	margin-right: 1.3em;
	float: left;
}
.nav-block .cart-overview .product-details{
	position: relative;
	display: block;
	overflow: auto;
}
.nav-block .cart-overview .product-title{
	padding-right: 1.5rem;
	display: block;
	background: none;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 400;
}
.nav-block .cart-overview .product-quantity,
.nav-block .cart-overview .product-price{
	font-size: 1.1rem;
}
.nav-block .cart-overview a.product-remove{
	position: absolute;
	top: 0;
	right: 0;
}
.nav-block .cart-overview .cart-subtotal{
	padding: 1rem 0;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
}
.nav-block .cart-overview .cart-subtotal > a:hover{
	background: none;
}
.nav-block .cart-overview .cart-subtotal .amount{
	float: right;
}
.nav-block .cart-overview .cart-actions{
	padding-top: 2rem;
	border-top: 1px solid #444;
}
.nav-block .cart-overview .view-cart,
.nav-block .cart-overview .checkout{
	display: inline-block;
	float: left;
}
.nav-block .cart-overview .view-cart:not(.button),
.nav-block .cart-overview .checkout:not(.button){
	padding: 0;
	background: none;
}
.nav-block .cart-overview .checkout{
	float: right;
}

/* Cart Overview */
.cart .cart-overview .product-thumbnail a{
	width: 8rem;
	display: block;
}
.cart .cart-overview .form-element{
	margin-bottom: 0;
}
.cart .cart-overview .cart-actions td{
	padding: 3rem 0 0 0;
}
.cart .cart-overview .cart-coupon-form .form-element{
	max-width: 17rem;
}
.cart .cart-overview .cart-coupon-form,
.cart .cart-overview .cart-coupon-form .form-element{
	float: left;
}
.cart .cart-overview .update-cart{
	float: right;
}
@media only screen and (max-width: 600px) {
	.cart .cart-overview .cart-coupon-form .form-element{
		margin-bottom: 1rem;
	}
	.cart .cart-overview .product-quantity input{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.shop .cart-overview .product-thumbnail{
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	.shop .cart-overview .product-quantity{
		display: none;
	}
}

/* Checkout */
.checkout .checkout-payment p{
	font-size: 1.2rem;
	font-style: italic;
	margin-bottom: 0;
}

/*------------------------------------------------------------------
[24. Spacing Classes]
*/

/* Margins */
.mt-0{
	margin-top: 0;
}
.mt-5{
	margin-top: 0.5rem;
}
.mt-10{
	margin-top: 1rem;
}
.mt-20{
	margin-top: 2rem;
}
.mt-30{
	margin-top: 3rem;
}
.mt-40{
	margin-top: 4rem;
}
.mt-50{
	margin-top: 5rem;
}
.mt-60{
	margin-top: 6rem;
}
.mt-70{
	margin-top: 7rem;
}
.mt-80{
	margin-top: 8rem;
}
.mt-90{
	margin-top: 9rem;
}
.mt-100{
	margin-top: 10rem;
}
.mt-110{
	margin-top: 11rem;
}
.mt-120{
	margin-top: 12rem;
}
.mt-130{
	margin-top: 13rem;
}
.mt-140{
	margin-top: 14rem;
}
.mt-150{
	margin-top: 15rem;
}
.mb-0{
	margin-bottom: 0;
}
.mb-5{
	margin-bottom: 0.5rem;
}
.mb-10{
	margin-bottom: 1rem;
}
.mb-20{
	margin-bottom: 2rem;
}
.mb-30{
	margin-bottom: 3rem;
}
.mb-40{
	margin-bottom: 4rem;
}
.mb-50{
	margin-bottom: 5rem;
}
.mb-60{
	margin-bottom: 6rem;
}
.mb-70{
	margin-bottom: 7rem;
}
.mb-80{
	margin-bottom: 8rem;
}
.mb-90{
	margin-bottom: 9rem;
}
.mb-100{
	margin-bottom: 10rem;
}
.mb-110{
	margin-bottom: 11rem;
}
.mb-120{
	margin-bottom: 12rem;
}
.mb-130{
	margin-bottom: 13rem;
}
.mb-140{
	margin-bottom: 14rem;
}
.mb-150{
	margin-bottom: 15rem;
}

/* Padding */
.pt-0,
.section-block.pt-0{
	padding-top: 0;
}
.pt-5,
.section-block.pt-5{
	padding-top: 0.5rem;
}
.pt-10,
.section-block.pt-10{
	padding-top: 1rem;
}
.pt-20,
.section-block.pt-20{
	padding-top: 2rem;
}
.pt-30,
.section-block.pt-30{
	padding-top: 3rem;
}
.pt-40,
.section-block.pt-40{
	padding-top: 4rem;
}
.pt-50,
.section-block.pt-50{
	padding-top: 5rem;
}
.pt-60,
.section-block.pt-60{
	padding-top: 6rem;
}
.pt-70,
.section-block.pt-70{
	padding-top: 7rem;
}
.pt-80,
.section-block.pt-80{
	padding-top: 8rem;
}
.pt-90,
.section-block.pt-90{
	padding-top: 9rem;
}
.pt-100,
.section-block.pt-100{
	padding-top: 10rem;
}
.pt-110,
.section-block.pt-110{
	padding-top: 11rem;
}
.pt-120,
.section-block.pt-120{
	padding-top: 12rem;
}
.pt-130,
.section-block.pt-130{
	padding-top: 13rem;
}
.pt-140,
.section-block.pt-140{
	padding-top: 14rem;
}
.pt-150,
.section-block.pt-150{
	padding-top: 15rem;
}
.pb-0,
.section-block.pb-0{
	padding-bottom: 0;
}
.pb-5,
.section-block.pb-5{
	padding-bottom: 0.5rem;
}
.pb-10,
.section-block.pb-10{
	padding-bottom: 1rem;
}
.pb-20,
.section-block.pb-20{
	padding-bottom: 2rem;
}
.pb-30,
.section-block.pb-30{
	padding-bottom: 3rem;
}
.pb-40,
.section-block.pb-40{
	padding-bottom: 4rem;
}
.pb-50,
.section-block.pb-50{
	padding-bottom: 5rem;
}
.pb-60,
.section-block.pb-60{
	padding-bottom: 6rem;
}
.pb-70,
.section-block.pb-70{
	padding-bottom: 7rem;
}
.pb-80,
.section-block.pb-80{
	padding-bottom: 8rem;
}
.pb-90,
.section-block.pb-90{
	padding-bottom: 9rem;
}
.pb-100,
.section-block.pb-100{
	padding-bottom: 10rem;
}
.pb-110,
.section-block.pb-110{
	padding-bottom: 11rem;
}
.pb-120,
.section-block.pb-120{
	padding-bottom: 12rem;
}
.pb-130,
.section-block.pb-130{
	padding-bottom: 13rem;
}
.pb-140,
.section-block.pb-140{
	padding-bottom: 14rem;
}
.pb-150,
.section-block.pb-150{
	padding-bottom: 15rem;
}

/* Pull-up */
[class*="pu-"],
[class*="pd-"]{
	position: relative;
}
.pd-10{
	top: 1rem;
}
.pd-20{
	top: 2rem;
}
.pd-30{
	top: 3rem;
}
.pd-40{
	top: 4rem;
}
.pd-50{
	top: 5rem;
}
.pd-60{
	top: 6rem;
}
.pd-70{
	top: 7rem;
}
.pd-80{
	top: 8rem;
}
.pd-90{
	top: 9rem;
}
.pd-100{
	top: 10rem;
}
.pd-110{
	top: 11rem;
}
.pd-120{
	top: 12rem;
}
.pd-130{
	top: 13rem;
}
.pd-140{
	top: 14rem;
}
.pd-150{
	top: 15rem;
}
.pu-10{
	top: -1rem;
}
.pu-20{
	top: -2rem;
}
.pu-30{
	top: -3rem;
}
.pu-40{
	top: -4rem;
}
.pu-50{
	top: -5rem;
}
.pu-60{
	top: -6rem;
}
.pu-70{
	top: -7rem;
}
.pu-80{
	top: -8rem;
}
.pu-90{
	top: -9rem;
}
.pu-100{
	top: -10rem;
}
.pu-110{
	top: -11rem;
}
.pu-120{
	top: -12rem;
}
.pu-130{
	top: -13rem;
}
.pu-140{
	top: -14rem;
}
.pu-150{
	top: -15rem;
}

/* Pull-down */
@media only screen and (max-width: 768px) {
	.mt-mobile-0{
		margin-top: 0;
	}
	.mt-mobile-5{
		margin-top: 0.5rem;
	}
	.mt-mobile-10{
		margin-top: 1rem;
	}
	.mt-mobile-20{
		margin-top: 2rem;
	}
	.mt-mobile-30{
		margin-top: 3rem;
	}
	.mt-mobile-40{
		margin-top: 4rem;
	}
	.mt-mobile-50{
		margin-top: 5rem;
	}
	.mt-mobile-60{
		margin-top: 6rem;
	}
	.mt-mobile-70{
		margin-top: 7rem;
	}
	.mt-mobile-80{
		margin-top: 8rem;
	}
	.mt-mobile-90{
		margin-top: 9rem;
	}
	.mt-mobile-100{
		margin-top: 10rem;
	}
	.mt-mobile-110{
		margin-top: 11rem;
	}
	.mt-mobile-120{
		margin-top: 12rem;
	}
	.mt-mobile-130{
		margin-top: 13rem;
	}
	.mt-mobile-140{
		margin-top: 14rem;
	}
	.mt-mobile-150{
		margin-top: 15rem;
	}
	.mb-mobile-0{
		margin-bottom: 0;
	}
	.mb-mobile-5{
		margin-bottom: 0.5rem;
	}
	.mb-mobile-10{
		margin-bottom: 1rem;
	}
	.mb-mobile-20{
		margin-bottom: 2rem;
	}
	.mb-mobile-30{
		margin-bottom: 3rem;
	}
	.mb-mobile-40{
		margin-bottom: 4rem;
	}
	.mb-mobile-50{
		margin-bottom: 5rem;
	}
	.mb-mobile-60{
		margin-bottom: 6rem;
	}
	.mb-mobile-70{
		margin-bottom: 7rem;
	}
	.mb-mobile-80{
		margin-bottom: 8rem;
	}
	.mb-mobile-90{
		margin-bottom: 9rem;
	}
	.mb-mobile-100{
		margin-bottom: 10rem;
	}
	.mb-mobile-110{
		margin-bottom: 11rem;
	}
	.mb-mobile-120{
		margin-bottom: 12rem;
	}
	.mb-mobile-130{
		margin-bottom: 13rem;
	}
	.mb-mobile-140{
		margin-bottom: 14rem;
	}
	.mb-mobile-150{
		margin-bottom: 15rem;
	}
	[class*="pu-"],
	[class*="pd-"]{
		top: 0;
	}
}
/*------------------------------------------------------------------
Sartre Base Skin
Version: 1.0.4;
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.2;
	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.381rem;
}
h2{
	font-size: 3.294rem;
}
h3{
	font-size: 2.476rem;
}
h4{
	font-size: 1.862rem;
}
h5{
	font-size: 1.4rem;
}
h6{
	font-size: 1.053rem;
}

/* Widget Titles */
.footer .widget-title, 
.footer .widget-title a{
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}
.footer-light .widget-title, 
.footer-light .widget-title a{
	color: #000;
}
.sidebar .widget-title, 
.sidebar .widget-title a{
	font-size: 1.4rem;
	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.4rem;
	color: #fff;
}
.overlay-navigation-wrapper .widget-title, 
.overlay-navigation-wrapper .widget-title a{
	font-size: 1.4rem;
	color: #999;
}

/* Title Classes */
.title-xlarge{
	font-size: 7.749rem;
	line-height: 1.2;
}
.title-large{
	font-size: 5.826rem;
	line-height: 1.2;
}
.title-medium{
	font-size: 2.476rem;
	line-height: 1.2;
}
.title-small{
	font-size: 1.4rem;
	line-height: 1.2;
}

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

/* Text Classes */
.text-xlarge{
	font-size: 2.016rem;
}
.text-large{
	font-size: 1.68rem;
}
.text-medium{
	font-size: 1.4rem;
}
.text-small{
	font-size: 1.167rem;
}

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

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

/* Links */
a.animated-link{
	position: relative;
}

/* Link Colors */
a, 
p a,
.box a:not(.button){
	color: #0cbacf;
}
.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: #0cbacf;
}
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;
}

@media only screen and (max-width: 768px){
	h1 {
		font-size: 3.755rem;
	}
	h2{
		font-size: 2.823rem;
	}
	h3 {
		font-size: 2.123rem;
	}
	h4 {
		font-size: 1.596rem;
	}
	h5{
		font-size: 1.2rem;
	}
	h6{
		font-size: 1.053rem;
	}
	.title-xlarge{
		font-size: 5.826rem;
	}
	.title-large{
		font-size: 4.381rem;
	}
	.title-medium{
		font-size: 2.123rem;
	}
	.title-small{
		font-size: 1.2rem;
	}
	.tms-caption.title-xlarge,
	.tmp-content .title-xlarge{
		font-size: 5.826rem;
		line-height: 5.826rem;
	}

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

/* greyscale */
.wrapper-inner{
	filter: none;
	transition: 350ms ease-in-out;
}

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

/* theme */
.bkg-theme{
	background-color: #0cbacf;
	border-color: #0cbacf;
}
.bkg-hover-theme:hover{
	background-color: #0badc1;
	border-color: #0badc1;
}
.border-theme{
	border-color: #0cbacf;
}
.border-hover-theme:hover{
	border-color: #0badc1;
}
.color-theme{
	color: #0cbacf;
}
.color-hover-theme:hover{
	color: #0badc1;
}

/*------------------------------------------------------------------
[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;
	transform: skewY(-4.5deg);
	z-index: 5;
}
.footer .footer-top{
	padding-top: 9rem;
	padding-bottom: 5rem;
}
.grid-filter-menu{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.home-page .grid-filter-menu{
	padding-bottom: 4rem;
}
.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{
	transition-duration: 0ms;
}
.header .logo a:first-child{
	opacity: 1;
	transform: translateY(0);
}
.header .logo a + a{
	display: none !important;
}

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

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

/* Logo Nav Dark */
.nav-dark .logo a:first-child{
	display: block !important;
	top: 0;
	opacity: 1;
	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;
	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;
		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.4rem;
	left: 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 #MOD */
.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 .sub-menu li > a:not(.button):hover,
.navigation .mega-sub-menu ul li > a:not(.button):hover,
.navigation .dropdown-list li > a:not(.button):hover,
.navigation .cart-overview .product-title:hover,
.navigation .cart-overview .product-remove:hover{
	color: #fff;
}
.navigation .sub-menu li.current > a:not(.button),
.navigation .dropdown-list li.current > a:not(.button),
.navigation .mega-sub-menu ul li.current > a:not(.button){
	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: 400;
}
.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;
	transition-property: width, opacity;
	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: 400;
	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: 400;
	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;
}
[class*="intro-title-"].xsmall{
	height: 15rem;
}
/* .intro-title-2{
	background-image: url(../images/slider/slide-2-page-intro.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]
*/

.tm-slider-container:not([class*="bkg-"]){
	background: none;
}

/* Slider Heights */
.featured-media,
.full-width-slider,
.parallax{
	height: 60rem;
	padding: 0;
}
.window-height{
	height: 100vh;
}
.hero-slider.window-height{
	min-height: 100vh;
}
.parallax.page-intro,
.page-intro{
	height: 45rem;
}
.parallax.small,
.page-intro.small{
	height: 30rem;
}
.page-intro .full-width-slider,
.window-height .full-width-slider{
	height: inherit;
}
.logo-slider,
.testimonial-slider,
.team-slider,
.recent-slider .thumbnail{
	min-height: 5rem;
}
.recent-slider{
	min-height: 33rem;
}
.team-slider{
	height: 42rem;
}
.hero-slider{
	min-height: 60rem;
}

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

/* Recent Slider */
.recent-carousel.replicable-content{
	padding-top: 4rem;
	padding-bottom: 1rem;
}
.recent-carousel .column.slider-column{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.tm-slider-container.tms-carousel > ul{
	opacity: 1;
}

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

/* Standard Modal Mode */
#tm-lightbox.tml-modal-mode {
	background: rgba(0,0,0,0.1);
}
.tml-modal-mode .modal-dialog{
	box-shadow: 0 0 4rem rgba( 0,0,0,.5 );
}
.tml-modal-mode #tml-exit{
	color: #111;
}
.tml-exit-light #tml-exit{
	color: #fff;
}
.rounded .modal-dialog,
.rounded .section-block{
	border-radius: 0.3rem;
}

/* Common Modal Mode */
.tml-contact-modal .modal-dialog > div,
.tml-newsletter-modal .modal-dialog > div,
.tml-search-modal .modal-dialog > div,
.tml-promotion-modal .modal-dialog > div{
	padding-left: 0;
	padding-right: 0;
}
.tml-contact-modal .contact-form-container,
.tml-search-modal .search-form-container,
.tml-newsletter-modal .signup-form-container {
	padding-left: 3rem;
	padding-right: 3rem;
}

/* greyscale upon modal opening */
.modal-open .wrapper-inner{
	filter: grayscale(100%);
}
@media only screen and (max-width: 960px){
	.tml-padding-small #tml-content-wrapper{
		left: 5% !important;
		right: 5% !important;
	}
}
@media only screen and (max-width: 768px){
	.tml-modal-mode .modal-dialog{
		width: 100% !important;
	}
	.tml-modal-mode .modal-dialog > div{
		padding-left: 0;
		padding-right: 0;
	}
	.tml-swap-exit-light #tml-exit{
		color: #fff;
	}
	.tml-modal-mode .hero-5{
		padding-bottom: 2rem; 
	}
	.tml-modal-mode .hero-5 .column:first-child:not(.media-column) .split-hero-content{
		margin-top: 4rem;
	}
}

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

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

.tm-loader {
	width: 5rem;
	height: 5rem;
	margin: -2.5rem 0 0 -2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
}
.tm-loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.tm-loader #circle{
	background: none;
	width: 100%;
	height: 100%;
	margin: auto;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
 	transform-origin: center center;
	animation: rotate 2s linear infinite;
}
.stroke{
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
	stroke-width: 0.3rem;
}
/* fallback */
.ie-browser:not(.webkit) .tm-loader #circle{
	border: 3px solid rgba(0,0,0,0);
	border-bottom-color: #ddd;
	animation: rotate 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}
@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
@keyframes color {
	100%,
	0% {
		stroke: #0cbacf;
		border-bottom-color: #0cbacf;
	}
	40% {
		stroke: #0cbacf;
		border-bottom-color: #0cbacf;
	}
	66% {
		stroke: #0cbacf;
		border-bottom-color: #0cbacf;
	}
	80%,
	90% {
		stroke: #0cbacf;
		border-bottom-color: #0cbacf;
	}
}

/*------------------------------------------------------------------
[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: 1.2rem;
	opacity: 0.7;
	text-transform: none;
	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-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;
}
.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.2rem;
	font-weight: bold;
	text-transform: uppercase;
}

/* 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;
}
.accordion .map-container{
	height: 24rem;
}
.map-pan-link-container a.active{
	color: #232323;
}
.hero-5 .map-pan-link-container *{
	opacity: 0.5;
}
.hero-5 .map-pan-link-container a.active{
	opacity: 1;
}
.map-pan-link-container a.button.active{
	background: none;
	border-color: #0cbacf;
	color: #fff;
}

/*------------------------------------------------------------------
[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;
}
.item-description.with-background{
	padding: 2rem;
	margin: 0;
	background-color: #fff;
}

/* 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;
}
.field-wrapper label:not(.checkbox-label):not(.radio-label){
	opacity: 0.5;
}
.form-submit.full-width{
	width: 100%;
}

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

/* Checkbox and Radio */
.checkbox-label, 
.radio-label{
	color: #666;
	position: relative;
}
.checkbox + .checkbox-label:before, 
.radio + .radio-label:before{
	background: #fff;
	border-color: #ddd;
}
.checkbox:checked + .checkbox-label,
.radio:checked + .radio-label{
	opacity: 1;
}
.checkbox:checked + .checkbox-label:before {
	content: '\e63a';
	background: #0cbacf;
	border-color: #0cbacf;
	color: #fff;
}
.radio:checked + .radio-label:before {
	background: #0cbacf;
}
.checkbox.required-field{
	position: absolute;
}
.checkbox.required-field + .checkbox-label:before{
	border-color: #0cbacf;
}

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

/* Create Acc. Specific */
.create-account .form-submit{
	position: relative;
	top: 2.9rem;
}
.tm-lightbox .create-account .form-submit,
.tm-slider-container .create-account .form{
	top: 0;
}
.tms-caption.create-account{
	padding: 1.5rem 3.5rem;
	display: block !important
}
.tms-caption .form-response{
	bottom: 1rem;
}

/* 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-light .form-element, 
.footer-light textarea{
	background-color: #fff;
	margin-bottom: 2rem;
	color: #666;
}
.footer-light .form-element:focus, 
.footer-light textarea:focus{
	background-color: #fff;
	box-shadow: none;
	color: #000;
}
.footer-light .form-element.required-field,
.footer-light textarea.required-field{
	background-color: #ddd;
	color: #666;
}
.footer-light .form-element.required-field:focus,
.footer-light textarea.required-field:focus{
	background-color: #fff;
	box-shadow: none;
	color: #000;
}
.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):not([class*="icon-"]){
	font-size: 1.3rem;
}
.footer-top a:not(.button){
	color: #999;
}
.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-light{
	background: #fff;
}
.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: transparent;
}
.footer-top .footer-logo{
	width: 9rem;
	margin-bottom: 3rem !important;
}
.footer .footer-bottom{
	padding: 0  0 2rem 0;
	background-color: transparent;
}
.footer .footer-bottom-inner{
	border-color: #333;
}
.footer-light .footer-bottom-inner{
	border-color: #eee;
}
.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,
.footer .social-list a{
	font-size: 1.1rem;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}
.footer .footer-bottom .navigation, 
.footer .footer-bottom .social-list{
	float: none;
}

/* Columns */
@media only screen and (max-width: 960px){
	.footer-top.two-columns-on-tablet > .row > [class*="width-"]{
		width: 50%;
		text-align: left !important;
	}
}
@media only screen and (max-width: 768px){
	.footer-top.two-columns-on-tablet > .row > [class*="width-"]{
		width: 100% !important;
	}
}

/*------------------------------------------------------------------
[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;
	transform: rotate(0deg);
	transition-property: width, opacity, background-color, transform;
	  transition-duration: 400ms;
}
a.animated-link:hover .text-line,
a.overlay-link:hover .text-line{
	width: 2rem;
	transform: rotate(0deg);
}
.mobile .text-line,
a.disabled .text-line{
	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 > ul > li > a{
	padding: 1.3rem 2.5rem;
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	color: #666;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
}
.accordion > ul > li.active > a,
.accordion > ul > li.active > a:hover{
	border-color: transparent;
	background-color: #232323;
	color: #fff;
}
.accordion > ul > li > a:hover{
	border-color: transparent;
	background-color: #ddd;
}
.accordion .accordion-content{
	padding: 3rem;
}
/* style 1 */
.accordion.style-1 > ul > li > a{
	background-color: transparent;
	border-color: #eee;
	color: #666;
}
.accordion.style-1 > ul > li.active > a,
.accordion.style-1 > ul > li.active > a:hover{
	background-color: transparent;
	border-color: #eee;
	color: #0cbacf;
}
.accordion.style-1 > ul > li > div{
	border: none;
}
.accordion.style-1 .accordion-content{
	border: none
}
/* style 2 */
.accordion.style-2 > ul > li > a{
	padding: 1.3rem 0;
	border: none;
	font-weight: 400;
	background-color: transparent;
	border-bottom: 1px solid #eee;
	color: #666;
}
.accordion.style-2 > ul > li.active > a,
.accordion.style-2 > ul > li.active > a:hover{
	background-color: transparent;
	border-color: transparent;
	color: #0cbacf;
}
.accordion.style-2 .accordion-content{
	padding: 1rem 0 3rem 0;
	border: none;
}
.accordion.style-2 > ul > li > div{
	border: none;
}
.accordion.style-2 > ul > li.active > div{
	border-bottom: 1px solid #eee;
}

/* Tabs */
.tabs .tab-nav > li a{
	padding: 1.3rem 2.5rem;
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	color: #666;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
}
.tabs .tab-nav > li a:hover{
	background-color: #ddd;
	border-color: #ddd;
	color: #232323;
}
.tabs .tab-nav > li,
.tabs.vertical .tab-nav > li{
	margin: 0;
}
.tabs .tab-nav > li.active a,
.tabs .tab-nav > li.active a:hover{
	color: #232323;
}
.tabs .tab-panes{
	padding: 3rem;
}
.tabs[class*="style-"] .tab-nav > li{
	margin: 0 !important;
}
.tabs[class*="style-"] .tab-panes{
	border: none;
}
.tabs[class*="style-"]:not(.style-3) .tab-panes{
	padding: 5rem 0 0 0;
	border: none;
	background: none;
}
.tab-panes > div.active{
	overflow: visible;
}
.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: #232323;
}
.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-width: 0 0 1px 0;
	border-color: #eee;
	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-width: 0 0 1px 0;
	border-color: #0cbacf;
	color: #232323;
}
/* style 3 */
.tabs.style-3 .tab-nav > li a,
.tabs.style-3.vertical .tab-nav > li a,
.tabs.style-3.vertical.right .tab-nav > li a,
.tabs.style-3 .tab-panes{
	background-color: transparent;
	border-width: 0;
	color: #666;
}
.tabs.style-3 .tab-nav > li.active a,
.tabs.style-3 .tab-nav > li.active a:hover,
.tabs.style-3.vertical .tab-nav > li.active a,
.tabs.style-3.vertical.right .tab-nav > li.active a{
	background-color: transparent;
	border: none;
	color: #232323;
}
.tabs.style-3:not(.vertical) .tab-nav > li a{
	padding: 1rem 0;
	margin-right: 3rem;
}
.tabs.style-3.center:not(.vertical) .tab-nav > li a{
	margin: 0 1.5rem 0 1.5rem;
}
.tabs.style-3.right:not(.vertical) .tab-nav > li a{
	margin: 0 0 0 3rem;
}
.tabs.style-3 .tab-panes{
	padding: 3rem 0 0 0;
}

/* animation */
.tab-panes .tab-content{
	transition-property: transform, opacity, visibility;
	transition-duration: 1000ms;
	transform: translateY(1rem);
}
.tab-panes .animate-in .tab-content{
	transform: translateY(0);
}
@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 #0cbacf;
	}
	.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-column.callout{
	box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);
}
.pricing-table-column.callout.with-background-image{
	/* background-image: url(../images/generic/pricing-table.jpg); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.pricing-table-column.callout.with-background-image > *{
	background-color: rgba(0,0,0,0.4);
}
.pricing-table-options del{
	text-decoration: line-through;
}
.pricing-table-price .interval,
.pricing-table-price .currency{
	opacity: 1;
	font-weight: 400;
}

/* style 1 */
.pricing-table.style-1 .pricing-table-column *{
	text-align: center;
}
.pricing-table.style-1 .pricing-table-header h2{
	font-size: 1.5rem;
}

/* style-2 */
.pricing-table.style-2 .pricing-table-column *{
	text-align: center;
}
.pricing-table.style-2 .pricing-table-header h2 {
	font-size: 1.5rem;
}
.pricing-table.style-2 .interval{
	display: block;
	font-size: 1.1rem !important;
	text-transform: uppercase;
	opacity: 0.6;
}

.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-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
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);
	} */
}
/*------------------------------------------------------------------
Sartre Skin Barber Shop
Version: 1.0.4;
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: 'Lato', '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,
.lead,
input,
button,
.button,
select,
textarea,
.project-title,
.product-title,
.project-description,
.font-alt-1,
.counter,
.side-navigation > ul > li > a,
.overlay-navigation > ul > li > a{
	font-family: 'Roboto Condensed', 'Helvetica Neue', sans-serif;
}

/* Titles */
h1,
h2,
h3,
h4,
h5,
h6{
	line-height: 1.2;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
	color: #5d5a54;
}
h1{
	font-size: 4.381rem;
}
h2{
	font-size: 3.294rem;
}
h3{
	font-size: 2.476rem;
}
h4{
	font-size: 1.862rem;
}
h5{
	font-size: 1.4rem;
}
h6{
	font-size: 1.053rem;
}

/* Widget Titles */
.footer .widget-title, 
.footer .widget-title a{
	font-size: 1.862rem;
	letter-spacing: 0;
	color: #999;
}
.sidebar .widget-title, 
.sidebar .widget-title a{
	font-size: 1.862rem;
}
.side-navigation-wrapper .widget-title, 
.side-navigation-wrapper .widget-title a{
	font-size: 1.4rem;
	color: #fff;
}
.overlay-navigation-wrapper .widget-title, 
.overlay-navigation-wrapper .widget-title a{
	font-size: 1.4rem;
	color: #999;
}

/* Title Classes */
.title-xlarge{
	font-size: 7.749rem;
	line-height: 1.2;
}
.title-large{
	font-size: 5.826rem;
	line-height: 1.2;
}
.title-medium{
	font-size: 2.476rem;
	line-height: 1.2;
}
.title-small{
	font-size: 1.4rem;
	line-height: 1.2;
}

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

/* Text Classes */
.text-xlarge{
	font-size: 2.016rem;
}
.text-large{
	font-size: 1.68rem;
}
.text-medium{
	font-size: 1.4rem;
}
.text-small{
	font-size: 1.167rem;
}

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

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

/* Links */
a.animated-link{
	position: relative;
}

/* Link Colors */
a, 
p a,
.box a:not(.button){
	color: #232323;
}
.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,
.accordion li a:hover,
.accordion li.active a,
.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{
	color: #5d5a54;
}
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: #5d5a54;
}

@media only screen and (max-width: 768px){
	h1 {
		font-size: 3.755rem;
	}
	h2{
		font-size: 2.823rem;
	}
	h3 {
		font-size: 2.123rem;
	}
	h4 {
		font-size: 1.596rem;
	}
	h5{
		font-size: 1.2rem;
	}
	h6{
		font-size: 1.053rem;
	}
	.title-xlarge{
		font-size: 5.826rem;
	}
	.title-large{
		font-size: 4.381rem;
	}
	.title-medium{
		font-size: 2.123rem;
	}
	.title-small{
		font-size: 1.2rem;
	}
	.tms-caption.title-xlarge,
	.tmp-content .title-xlarge{
		font-size: 5.826rem;
		line-height: 5.826rem;
	}

	/* 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,
.section-block.fullscreen-section{
	background-color: #000;
}

/* greyscale */
.wrapper-inner{
	filter: none;
	transition: 350ms ease-in-out;
}

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

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

/* theme */
.bkg-theme{
	background-color: #5d5a54;
	border-color: #5d5a54;
}
.bkg-hover-theme:hover{
	background-color: #5d5a54;
	border-color: #5d5a54;
}
.border-theme{
	border-color: #5d5a54;
}
.border-hover-theme:hover{
	border-color: #5d5a54;
}
.color-theme{
	color: #5d5a54;
}
.color-hover-theme:hover{
	color: #5d5a54;
}

/*------------------------------------------------------------------
[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;
	transform: skewY(-4.5deg);
	z-index: 5;
}
.footer .footer-top{
	padding-top: 9rem;
	padding-bottom: 5rem;
}
.grid-filter-menu{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.home-page .grid-filter-menu{
	padding-bottom: 4rem;
}
.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{
	top: 51.9rem;
}

/* 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 transparent;
}
.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 rgba(255,255,255, 0.2);*/
}
.header-transparent .header-inner > .nav-bar{
	border-bottom: 1px solid rgba(255,255,255, 0.2);
}
.header-bottom.header-transparent .header-inner > .nav-bar{
	border-top: 1px solid rgba(255,255,255, 0.2);
	border-bottom: none;
}

/* 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{
	transition-duration: 0ms;
}
.header .logo a:first-child{
	opacity: 1;
	transform: translateY(0);
}
.header .logo a + a{
	display: none !important;
}

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

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

/* Logo Nav Dark */
.nav-dark .logo a:first-child{
	display: block !important;
	top: 0;
	opacity: 1;
	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;
	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;
		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;
}

/* 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.4rem;
	left: 1.2rem;
	background-color: #5d5a54;
}
.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: #5d5a54;
	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 .sub-menu li > a:not(.button):hover,
.navigation .mega-sub-menu ul li > a:not(.button):hover,
.navigation .dropdown-list li > a:not(.button):hover,
.navigation .cart-overview .product-title:hover,
.navigation .cart-overview .product-remove:hover{
	color: #fff;
}
.navigation .sub-menu li.current > a:not(.button),
.navigation .dropdown-list li.current > a:not(.button),
.navigation .mega-sub-menu ul li.current > a:not(.button){
	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: #5d5a54;
	border-color: #5d5a54;
	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: #5d5a54;
}

/* 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: transparent;
	border-color: #fff;
	font-size: 1rem !important;
	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: #232323;
	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: #5d5a54;
	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: #5d5a54;
	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: #5d5a54;
	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: #5d5a54;
		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: 400;
}
.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;
	transition-property: width, opacity;
	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: #5d5a54;
}
.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: #5d5a54;
	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;
	opacity: 0;
	transform: translateY(-10rem);
	transition-duration: 500ms;
}
.aux-navigation-active .overlay-navigation{
	opacity: 1;
	transform: translateY(0);
}

/* Overlay Main Nav */
.overlay-navigation > ul > li > a{
	font-size: 3rem;
	color: #999;
	text-transform: uppercase;
}
.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: 400;
	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: #5d5a54;
}
.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: #5d5a54;
	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;
}
[class*="intro-title-"].xsmall{
	height: 15rem;
}
/* .intro-title-2{
	background-image: url(../images/slider/slide-2-page-intro.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);	
} */
@media only screen and (max-width: 768px){
	[class*="intro-title-"],
	[class*="intro-title-"].small{
		padding: 11rem 0;
		height: auto;
	}
}

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

.tm-slider-container:not([class*="bkg-"]){
	background: none;
}

/* Slider Heights */
.featured-media,
.full-width-slider,
.parallax{
	height: 60rem;
	padding: 0;
}
.window-height{
	height: 100vh;
}
.hero-slider.window-height{
	min-height: 100vh;
}
.parallax.page-intro,
.page-intro{
	height: 45rem;
}
.parallax.small,
.page-intro.small{
	height: 30rem;
}
.page-intro .full-width-slider,
.window-height .full-width-slider{
	height: inherit;
}
.logo-slider,
.testimonial-slider,
.team-slider,
.recent-slider .thumbnail{
	min-height: 33rem;
}
.recent-slider{
	min-height: 33rem;
}
.team-slider{
	height: 42rem;
}
.hero-slider{
	min-height: 60rem;
}

/* 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: #fff;
}
.tms-nav-dark .tms-bullet-nav{
	background: #000;
}
.hide-arrow-nav .tms-arrow-nav,
.hide-progress .tms-progress-bar{
	display: none !important
}

/* Featured Media Slider Navigation */
/*.featured-media .tms-arrow-nav{
	display: none !important;
}*/
.featured-media .tms-pagination{
	width: 100%;
	bottom: 8rem;
	display: none !important;
}
.featured-media .tms-pagination a{
	display: inline-block;
	margin-bottom: 1rem;
}
.featured-media .tm-slider-container .tms-pagination{
	opacity: 1;
}
.featured-media .tm-slider-container{
	background-color: #000;
}
.featured-media .tms-progress-bar{
	/*display: none !important;*/
}

/* Recent Slider */
.recent-carousel.replicable-content{
	padding-top: 4rem;
	padding-bottom: 1rem;
}
.recent-carousel .column.slider-column{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.tm-slider-container.tms-carousel > ul{
	opacity: 1;
}

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

/* Standard Modal Mode */
#tm-lightbox.tml-modal-mode {
	background: rgba(0,0,0,0.1);
}
.tml-modal-mode .modal-dialog{
	box-shadow: 0 0 4rem rgba( 0,0,0,.5 );
}
.tml-modal-mode #tml-exit{
	color: #111;
}
.tml-exit-light #tml-exit{
	color: #fff;
}
.rounded .modal-dialog,
.rounded .section-block{
	border-radius: 0.3rem;
}

/* Common Modal Mode */
.tml-contact-modal .modal-dialog > div,
.tml-newsletter-modal .modal-dialog > div,
.tml-search-modal .modal-dialog > div,
.tml-promotion-modal .modal-dialog > div{
	padding-left: 0;
	padding-right: 0;
}
.tml-contact-modal .contact-form-container,
.tml-search-modal .search-form-container,
.tml-newsletter-modal .signup-form-container {
	padding-left: 3rem;
	padding-right: 3rem;
}

/* greyscale upon modal opening */
.modal-open .wrapper-inner{
	filter: grayscale(100%);
}
@media only screen and (max-width: 960px){
	.tml-padding-small #tml-content-wrapper{
		left: 5% !important;
		right: 5% !important;
	}
}
@media only screen and (max-width: 768px){
	.tml-modal-mode .modal-dialog{
		width: 100% !important;
	}
	.tml-modal-mode .modal-dialog > div{
		padding-left: 0;
		padding-right: 0;
	}
	.tml-swap-exit-light #tml-exit{
		color: #fff;
	}
	.tml-modal-mode .hero-5{
		padding-bottom: 2rem; 
	}
	.tml-modal-mode .hero-5 .column:first-child:not(.media-column) .split-hero-content{
		margin-top: 4rem;
	}
}

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

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

.tm-loader {
	width: 5rem;
	height: 5rem;
	margin: -2.5rem 0 0 -2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
}
.tm-loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.tm-loader #circle{
	background: none;
	width: 100%;
	height: 100%;
	margin: auto;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
 	transform-origin: center center;
	animation: rotate 2s linear infinite;
}
.stroke{
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
	stroke-width: 0.3rem;
}
/* fallback */
.ie-browser:not(.webkit) .tm-loader #circle{
	border: 3px solid rgba(0,0,0,0);
	border-bottom-color: #ddd;
	animation: rotate 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}
@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
@keyframes color {
	100%,
	0% {
		stroke: #5d5a54;
		border-bottom-color: #5d5a54;
	}
	40% {
		stroke: #5d5a54;
		border-bottom-color: #5d5a54;
	}
	66% {
		stroke: #5d5a54;
		border-bottom-color: #5d5a54;
	}
	80%,
	90% {
		stroke: #5d5a54;
		border-bottom-color: #5d5a54;
	}
}

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

/* Rollover Text */
.overlay-info > span > span{
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.1rem;
	text-transform: none;
	color: #232323;
}
.overlay-info .project-description{
	font-size: 1.2rem;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
}

/* Overlay */
.overlay-info{
	background: rgba(0, 0, 0, 0.5);
}
.overlay-info > span > span{
	text-align: center;
	vertical-align: center;
}
.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;
}
.scroll-to-top a{
	font-size: 1.1rem;
}

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

/* Hero */
.hero-5-1 .media-column{
	/* background-image: url(../images/barber-shop/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/barber-shop/generic/signup-1.jpg); */
	background-size: cover;
	background-position: center;
}

/* Signup 2 */
.signup-2-1{
	/* background-image: url(../images/barber-shop/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;
}
/* .fullscreen-bkg-2{
	background-image: url(../images/barber-shop/slider/slide-3-fs.jpg);
}
.fullscreen-bkg-3{
	background-image: url(../images/barber-shop/slider/slide-4-fs.jpg);
}
.fullscreen-bkg-4{
	background-image: url(../images/barber-shop/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;
}
.team-2 .social-list{
	margin-bottom: 0;
}
.team-2 .occupation{
	font-size: 1.6rem;
}

/* 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: #666;
}
.testimonials-5-about-1 .tms-bullet-nav{
	background: #000;
}

/*------------------------------------------------------------------
[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;
}
.accordion .map-container{
	height: 24rem;
}
.map-pan-link-container a.active{
	color: #232323;
}
.hero-5 .map-pan-link-container *{
	opacity: 0.5;
}
.hero-5 .map-pan-link-container a.active{
	opacity: 1;
}
.map-pan-link-container a.button.active{
	background: none;
	border-color: #5d5a54;
	color: #fff;
}

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

/* Grid */
.masonry-stamp .caption-over-outer{
	background-color: rgba(0,0,0,.8);
}
h4.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-weight: 700;
	display: table-cell;
}
.project-attribute .project-value{
	display: table-cell;
}

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

/*------------------------------------------------------------------
[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 a{
	color: #fff;
}
.blog-masonry.masonry-set-dimensions .post-title.quote{
	line-height: inherit;
}
.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: 400;
	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;
}
.field-wrapper label:not(.checkbox-label):not(.radio-label){
	opacity: 0.5;
}
.form-submit.full-width{
	width: 100%;
}

/* 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 #e6e6e6;
}
.form-element, 
textarea,
select{
	font-size: 1.3rem;
	text-transform: none;
	font-weight: 300;
	letter-spacing: 0.1rem;
	color: #666;
}
.form-element:focus, 
textarea:focus{
	background-color: #fff;
	border-color: #ddd;
	box-shadow: none;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	color: #000;
}
.form-element.required-field:focus, 
textarea.required-field:focus{
	background-color: #fff;
	border-color: #ddd;
	color: #000;
}
.form-element.required-field,
textarea.required-field{
	background-color: #ddd;
	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;
}

/* Checkbox and Radio */
.checkbox-label, 
.radio-label{
	color: #666;
	position: relative;
}
.checkbox + .checkbox-label:before, 
.radio + .radio-label:before{
	background: #fff;
	border-color: #ddd;
}
.checkbox:checked + .checkbox-label,
.radio:checked + .radio-label{
	opacity: 1;
}
.checkbox:checked + .checkbox-label:before {
	content: '\e63a';
	background: #67e0e1;
	border-color: #67e0e1;
	color: #fff;
}
.radio:checked + .radio-label:before {
	background: #67e0e1;
}
.checkbox.required-field{
	position: absolute;
}
.checkbox.required-field + .checkbox-label:before{
	border-color: #67e0e1;
}

/* 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-lightbox button, 
#signup-lightbox .button{
	width: 100%;
	max-width: 100%;
}

/* Signup 1 Specific */
.signup-1 .form-element{
	background-color: #fff;
	color: #666;
}
.signup-1 .form-element:focus{
	background: none;
	border-color: #ddd;
	color: #000;
}
.signup-1 .form-element.required-field:focus{
	background: none;
	border-color: #ddd;
	color: #666;
}
.signup-1 .form-element.required-field{
	background-color: #ddd;
	color: #666;
	position: relative;
}
.signup-1 .form-response{
	width: 100%;
	text-align: left;
	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: #fff;
}
.signup-2 .form-element{
	background-color: #fff;
	color: #666;
}
.signup-2 .form-element:focus{
	background: none;
	border-color: #ddd;
	color: #000;
}
.signup-2 .form-element.required-field:focus{
	background: none;
	border-color: #ddd;
	color: #666;
}
.signup-2 .form-element.required-field{
	background-color: #ddd;
	color: #666;
	position: relative;
}
.signup-2 .form-response{
	width: 100%;
	text-align: center;
	color: #666;
}
.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{
	background-color: #fff;
	color: #666;
}
.login-form-container .form-element:focus{
	background-color: #fff;
	border-color: #ddd;
	color: #000;
}
.login-form-container .form-element.required-field{
	border-color: #ddd;
	color: #000;
}
.login-form-container .form-element.required-field:focus{
	border-color: #fff;
	color: #000;
}
.login-form-container .form-response{
	color: #999;
}
.login-form-container ::-webkit-input-placeholder{
	color: #999;
}
.login-form-container :focus::-webkit-input-placeholder{
	color: #000;
}
.login-form-container ::-moz-placeholder{
	color: #999;
}
.login-form-container :focus::-moz-placeholder{
	color: #000;
}
.login-form-container :-ms-input-placeholder{
	color: #999;
}
.login-form-container :focus:-ms-input-placeholder{
	color: #000;
}

/* 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;
	color: #000;
}
.footer .form-element.required-field, 
.footer textarea.required-field{
	background-color: #ddd;
	color: #000;
}
.footer .form-element.required-field:focus, 
.footer textarea.required-field:focus{
	background-color: #fff;
	color: #000;
}
.footer .signup-form-container .button{
	width: 100%;
}
.footer .form-response{
	color: #666;
}
.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):not([class*="icon-"]){
	font-size: 1.3rem;
}
.footer-top a:not(.button){
	color: #666;
}
.footer-bottom a{
	font-size: 1.1rem;
}
.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: #fff;
	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: #eee;
}
.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: #232323;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}
.footer .footer-bottom .navigation, 
.footer .footer-bottom .social-list{
	float: none;
}

/* Columns */
@media only screen and (max-width: 960px){
	.footer-top.two-columns-on-tablet > .row > [class*="width-"]{
		width: 50%;
		text-align: left !important;
	}
}
@media only screen and (max-width: 768px){
	.footer-top.two-columns-on-tablet > .row > [class*="width-"]{
		width: 100% !important;
	}
}

/*------------------------------------------------------------------
[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;
	transform: rotate(0deg);
	transition-property: width, opacity, background-color, transform;
	  transition-duration: 400ms;
}
a.animated-link:hover .text-line,
a.overlay-link:hover .text-line{
	width: 2rem;
	transform: rotate(0deg);
}
.mobile .text-line,
a.disabled .text-line{
	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: #232323;
}
.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: #ff4556;
	border-color: #ff4556;
	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-top: 2rem;
}
.testimonial-slider cite{
	margin-top: 2rem;
	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: 2rem 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: 60rem;
}
[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: 6.5rem;
	font-weight: 500;
}
[class*="stats-"] .counter.xlarge{
	font-size: 6.5rem;
}
[class*="stats-"] .description{
	font-size: 1.4rem;
	text-transform: none;
	font-weight: 300;
	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 > ul > li > a{
	padding: 1.3rem 2.5rem;
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	color: #666;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
}
.accordion > ul > li.active > a,
.accordion > ul > li.active > a:hover{
	border-color: transparent;
	background-color: #232323;
	color: #fff;
}
.accordion > ul > li > a:hover{
	border-color: transparent;
	background-color: #ddd;
}
.accordion .accordion-content{
	padding: 3rem;
}
/* style 1 */
.accordion.style-1 > ul > li > a{
	background-color: transparent;
	border-color: #eee;
	color: #666;
}
.accordion.style-1 > ul > li.active > a,
.accordion.style-1 > ul > li.active > a:hover{
	background-color: transparent;
	border-color: #eee;
	color: #5d5a54;
}
.accordion.style-1 > ul > li > div{
	border: none;
}
.accordion.style-1 .accordion-content{
	border: none
}
/* style 2 */
.accordion.style-2 > ul > li > a{
	padding: 1.3rem 0;
	border: none;
	font-weight: 400;
	background-color: transparent;
	border-bottom: 1px solid #eee;
	color: #666;
}
.accordion.style-2 > ul > li.active > a,
.accordion.style-2 > ul > li.active > a:hover{
	background-color: transparent;
	border-color: transparent;
	color: #5d5a54;
}
.accordion.style-2 .accordion-content{
	padding: 1rem 0 3rem 0;
	border: none;
}
.accordion.style-2 > ul > li > div{
	border: none;
}
.accordion.style-2 > ul > li.active > div{
	border-bottom: 1px solid #eee;
}

/* Tabs */
.tabs .tab-nav > li a{
	padding: 1.3rem 2.5rem;
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	color: #666;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
}
.tabs .tab-nav > li a:hover{
	background-color: #ddd;
	border-color: #ddd;
	color: #232323;
}
.tabs .tab-nav > li,
.tabs.vertical .tab-nav > li{
	margin: 0;
}
.tabs .tab-nav > li.active a,
.tabs .tab-nav > li.active a:hover{
	color: #232323;
}
.tabs .tab-panes{
	padding: 3rem;
}
.tabs[class*="style-"] .tab-nav > li{
	margin: 0 !important;
}
.tabs[class*="style-"] .tab-panes{
	border: none;
}
.tabs[class*="style-"]:not(.style-3) .tab-panes{
	padding: 5rem 0 0 0;
	border: none;
	background: none;
}
.tab-panes > div.active{
	overflow: visible;
}
.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: #232323;
}
.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: #5d5a54;
	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-width: 0 0 1px 0;
	border-color: #eee;
	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-width: 0 0 1px 0;
	border-color: #5d5a54;
	color: #232323;
}
/* style 3 */
.tabs.style-3 .tab-nav > li a,
.tabs.style-3.vertical .tab-nav > li a,
.tabs.style-3.vertical.right .tab-nav > li a,
.tabs.style-3 .tab-panes{
	background-color: transparent;
	border-width: 0;
	color: #666;
}
.tabs.style-3 .tab-nav > li.active a,
.tabs.style-3 .tab-nav > li.active a:hover,
.tabs.style-3.vertical .tab-nav > li.active a,
.tabs.style-3.vertical.right .tab-nav > li.active a{
	background-color: transparent;
	border: none;
	color: #232323;
}
.tabs.style-3:not(.vertical) .tab-nav > li a{
	padding: 1rem 0;
	margin-right: 3rem;
}
.tabs.style-3.center:not(.vertical) .tab-nav > li a{
	margin: 0 1.5rem 0 1.5rem;
}
.tabs.style-3.right:not(.vertical) .tab-nav > li a{
	margin: 0 0 0 3rem;
}
.tabs.style-3 .tab-panes{
	padding: 3rem 0 0 0;
}

/* animation */
.tab-panes .tab-content{
	transition-property: transform, opacity, visibility;
	transition-duration: 1000ms;
	transform: translateY(1rem);
}
.tab-panes .animate-in .tab-content{
	transform: translateY(0);
}
@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 #5d5a54;
	}
	.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 #5d5a54;
	}
}

/* Menus */
.menu-list h4{
	font-size: 1.4rem;
	color: #666;
}
/*.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-column.callout{
	box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);
}
.pricing-table-column.callout.with-background-image{
	/* background-image: url(../images/generic/pricing-table.jpg); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.pricing-table-column.callout.with-background-image > *{
	background-color: rgba(0,0,0,0.4);
}
.pricing-table-options del{
	text-decoration: line-through;
}
.pricing-table-price .interval,
.pricing-table-price .currency{
	opacity: 1;
	font-weight: 400;
}

/* style 1 */
.pricing-table.style-1 .pricing-table-column *{
	text-align: center;
}
.pricing-table.style-1 .pricing-table-header h2{
	font-size: 1.5rem;
}

/* style-2 */
.pricing-table.style-2 .pricing-table-column *{
	text-align: center;
}
.pricing-table.style-2 .pricing-table-header h2 {
	font-size: 1.5rem;
}
.pricing-table.style-2 .interval{
	display: block;
	font-size: 1.1rem !important;
	text-transform: uppercase;
	opacity: 0.6;
}

.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-device-pixel-ratio: 2),
only screen and (			-webkit-min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				-webkit-min-device-pixel-ratio: 2),
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);	
	} */

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

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

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

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

	/* Signup */
	/* .signup-2-1{
		background-image: url(../images/barber-shop/generic/signup-1@2x.jpg);
	} */
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/**
 * THIS IS FOR POLICY CONTENET STYLE
 */
#policy-content {
  text-align: justify;
}
#policy-content h1, #policy-content h2, #policy-content h3, #policy-content h4, #policy-content h5, #policy-content h6, #policy-content p {
  margin-bottom: 1.5rem;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.fe-product-item .thumbnail {
  margin-bottom: 1rem;
}
.fe-product-item .thumbnail img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.fe-product-item .product-details .product-title {
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}

.with-black-cover-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.55);
  z-index: -1;
}

.alert-box {
  padding: 10px;
  font-weight: bold;
  margin-bottom: 15px;
}
.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6 {
  color: inherit;
  margin-bottom: 0;
}
.alert-box p {
  margin-bottom: 1rem;
  font-weight: normal;
  line-height: 1.4;
}
.alert-box p:last-of-type {
  margin-bottom: 0;
}
.alert-box.alert-msg-box {
  display: flex;
  justify-content: space-between;
}
.alert-box.alert-msg-box i {
  margin-right: 0.5rem;
  font-size: 2rem;
}

.button-outline {
  display: inline-block;
  background-color: transparent !important;
  border-color: #232323 !important;
  color: #232323 !important;
}
.button-outline:hover {
  border-color: #eee !important;
  background-color: #eee !important;
  color: #666 !important;
}

.sidebar .widget a {
  font-size: 1.5rem;
  color: #bbb;
}
.sidebar .widget .product-categories a {
  color: #999;
}
.sidebar .widget .product-categories a:hover {
  color: #666;
}

.category-list .current {
  font-weight: bold;
}
.category-list .current a {
  color: #0cbacf !important;
}

.fe-links-list .current a {
  font-weight: bold;
  color: #666;
  font-size: 1.6rem;
}

form .has-error {
  position: relative;
}
form .has-error .form-element {
  border-color: #c23824;
}
form .has-error .text-danger {
  position: absolute;
  left: 5px;
  bottom: 5px;
  margin-bottom: 0;
  padding: 0 5px;
  border-radius: 3px;
  background-color: #c23824;
  color: #fff;
}

.side-navigation .cart-overview .cart-item img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}

.header .logo h1 {
  color: #fff;
  margin: 0;
  font-weight: bold;
  font-size: 24px;
}
.header .cart .badge {
  background-color: #0cbacf;
}

.header-background .logo h1 {
  color: #212121;
}

@media only screen and (max-width: 960px) {
  .header .logo h1 {
    color: #212121;
  }
}
.navigation ul li > a:not(.button) {
  font-size: 1.4rem;
}

.shop-page .footer,
.contact-page .footer,
.single-product .footer,
.LoginController .footer,
.RegisterController .footer,
.CustomerAdminController .footer,
.PolicyController .footer,
.CheckoutController .footer {
  background-color: #232323;
  color: #fff;
}
.shop-page .footer .widget-title,
.shop-page .footer .social-list a,
.contact-page .footer .widget-title,
.contact-page .footer .social-list a,
.single-product .footer .widget-title,
.single-product .footer .social-list a,
.LoginController .footer .widget-title,
.LoginController .footer .social-list a,
.RegisterController .footer .widget-title,
.RegisterController .footer .social-list a,
.CustomerAdminController .footer .widget-title,
.CustomerAdminController .footer .social-list a,
.PolicyController .footer .widget-title,
.PolicyController .footer .social-list a,
.CheckoutController .footer .widget-title,
.CheckoutController .footer .social-list a {
  color: #fff;
}

#home-main-slide .tms-slide.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.55);
}

#main-portfolio img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#home_about {
  height: 35rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#home_about .split-hero-content {
  margin-top: 0 !important;
}
#home_about h2 {
  font-size: 2rem;
}
#home_about .lead {
  font-size: 1.4rem;
}

#home_slider .slick-arrow {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
}
#home_slider .slick-next {
  left: auto;
  right: 0;
}

#product-grid .grid-item img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
#product-grid .add-to-cart-button:hover {
  background-color: #232323;
  font-weight: bold;
  border-color: #232323;
}

@media only screen and (max-width: 600px) {
  #product-grid .grid-item img {
    height: 240px;
  }
}
.single-product .product-cart::after {
  content: "";
  display: block;
  clear: both;
}

.product-thumbnails.grid-container .grid-item {
  min-height: auto;
}
.product-thumbnails .grid-item img {
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 960px) {
  .product-thumbnails .grid-item img {
    width: 100%;
    height: 120px;
  }
}
@media only screen and (max-width: 600px) {
  .product-thumbnails {
    display: none;
  }
}
.shopcart-full-table td {
  vertical-align: middle;
}
.shopcart-full-table input.quantity {
  margin-bottom: 0;
}
.shopcart-full-table img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.shopcart-full-table .cart-actions {
  text-align: right;
}
.shopcart-full-table .cart-actions .button,
.shopcart-full-table .cart-actions button {
  margin: 0;
}
.shopcart-full-table .cart-actions .reset-cart {
  display: inline-block;
  margin-right: 1rem;
  color: #666;
  background-color: transparent;
  border-color: #999;
}
.shopcart-full-table .cart-actions .reset-cart.hide {
  display: none;
}

#delivery-settings,
.cart-order-shipping-fee {
  display: none;
}

.cart-order-shipping-fee td {
  background-color: #fcf8e3;
  color: #8a6d3b;
  font-weight: bold;
}

.checkout-payment td {
  padding-left: 0 !important;
}

.fe-payment-logo {
  display: inline-block;
  width: 305px;
  height: 65px;
  background-image: url(/images/windcave-logo.svg?3183786e8b922d908fea8892c349db0e);
  background-repeat: no-repeat;
  background-size: contain;
}

#login-form .remember-col {
  text-align: left;
}
#login-form .remember-col a {
  float: right;
}

#update-form button {
  background-color: #232323;
  color: #fff;
}

#password-box {
  display: none;
}