/*------------------------------------------------------------------
Timber Framework
Version: 1;
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. Tabs
16. Accordion
17. Tables
18. Pricing Tables
19. Boxes
20. Labels
21. Charts
22. Video & Audio
23. Dividers
24. Typography
25. Blockquotes
26. Code & Pre
27. Font Icons
28. Display Classes
29. Color Classes
30. Text Highlight
31. Animation
32. 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: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
 	font-weight: normal;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 1;
	overflow-x: hidden !important;
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
}
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page-fade-reset{
	opacity: 1;
	-webkit-transition-duration: 0ms;
	-moz-transition-duration: 0ms;
	-o-transition-duration: 0ms;
	-ms-transition-duration: 0ms;
	transition-duration: 0ms;
}
.page-fade-out{
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-backface-visibility: hidden;
}

/*------------------------------------------------------------------
[2. Timber Grid]
*/
.wrapper{
	width: 100%;
	background: #ffffff;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.wrapper-inner{
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.aux-navigation-active .wrapper{
	position: relative;
}
.mobile.aux-navigation-active .wrapper{
	position: fixed;
}
.row{
	width: 100%;
	max-width: 114rem;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}
.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;
}
.row.collapse .column{
	padding-left: 0;
	padding-right: 0;
}

/*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;
}
.pull-left{
	float: left !important;
}
.pull-right{
	float: right !important;
}
.v-align-bottom{
	vertical-align: bottom !important;
}
.v-align-top{
	vertical-align: top !important;
}
.v-align-top .background-on-mobile{
	margin-top: -2rem;
}
.v-align-bottom .background-on-mobile{
	margin-bottom: -2rem;
}
.hide{
	display: none !important;
	visibility: hidden;
}
.show{
	display: block !important;
}
.mobile .hide-on-mobile,
.mobile .hide-on-mobile *{
	display: none !important;
}
.inline,
[class*="border-"].inline,
[class*="bkg-"].inline{
	display: inline-block !important;
}
.no-margins{
	margin: 0 !important;
}
.no-margin-bottom{
	margin-bottom: 0 !important;
}
.no-margin-top{
	margin-top: 0 !important; 
}
.no-margin-left{
	margin-left: 0 !important;
}
.no-margin-right{
	margin-right: 0 !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;
}
.navigation{
	float: left;
}
.navigation.nav-right{
	float: right;
}
.navigation.nav-center{
	float: none;
	display: block;
}
.navigation ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.navigation.nav-center ul{
	text-align: center;
}
.navigation ul li{
	margin: 0;
	float: left;
}
.navigation.nav-center ul > li{
	margin-left: -0.4rem;
	float: none;
	display: inline-block;
}
.navigation .sub-menu{
	width: 16rem;
	text-align: left;
	background: #222222;
	background: rgba(34,34,34,1);
	box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.3);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 101;
}
.navigation .sub-menu ul{
	top: 0;
	left: 16rem;
}
.navigation .sub-menu li{
	background: none;
	border-bottom: 1px solid #272727;
	float: none;
}
.navigation ul li a{
	padding: 0 1.5rem;
	font-family: Arial,serif; 
	font-size: 1.1rem;
	color: #878787; 
	text-decoration: none;
	display: block;
	word-wrap: break-word;
}
.navigation > ul > li > a{
	background-color: rgba(0,0,0,0);
	line-height: 5rem;
}
.navigation ul li:hover > a{
	background: #222222;
	color: #ffffff;
}
.navigation .sub-menu li a{
	padding: 1.2rem 1.5rem;
	line-height: 1.8;
	color: #666666;
}
.navigation .sub-menu li:last-child{
	border: none;
}
.navigation .sub-menu li.menu-item-has-children > a:after{
	width: 5px;
	height: 5px;
	margin-right: -8px;
	font-size: 9px;
	content:"\25b8";
	float: right;
    position: relative;
    top: 1px;   
}
.navigation .sub-menu li:hover > a{
	background: #333333;
	color: #ffffff;
}
.navigation ul li:hover > .sub-menu{
	visibility: visible;
	opacity: 1;
}
.navigation ul li.current > a{
	background: #1b1b1b;
	color: #ffffff;
}
.navigation ul li.current > a:hover{
	color: #ffffff;
}

/* Mega Sub Menu */
.navigation .mega-sub-menu{
	width: 100%;
	padding: 2rem 0;
	background: #222222;
	background: rgba(34,34,34,1);
	box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.3);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index: 101;
}
.navigation .mega-sub-menu > li{
	width: 33.33333%;
	padding: 0 2rem;
	text-align: left;
	float: left;
	border-right: 1px solid #333333;
}
.navigation .mega-sub-menu > li:last-child{
	border-right: none;
}
/* Mega Menu Link Parent */
.navigation .mega-sub-menu > li > a{
	padding: 0rem 1.5rem 0.7rem 1.5rem;
	font-size: 1.2rem;
	line-height: 1.8;
	text-transform: uppercase;
}
/* Mega Menu Child Links */
.navigation .mega-sub-menu ul li a{
	padding: 0.6rem 1.5rem;
	line-height: 1.8;
	color: #666666;
}
.navigation .mega-sub-menu ul li.current > a{
	color: #ffffff;
}
.navigation .mega-sub-menu ul li:hover > a{
	background: #333333;
	color: #ffffff;
}
.navigation .mega-sub-menu li ul > li{
	float: none;
}
.navigation ul li:hover > .mega-sub-menu{
	visibility: visible;
	opacity: 1;
}

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

/* Mobile */
.mobile header .navigation{
	display: none !important;
}

/* Mobile Access */
.mobile .navigation-show{
	display: block;
}

/* Aux Nav Toggle Button*/
.navigation-show{
	width: 2.4rem;
	height: 5rem;
	text-align: center;
	display: none;
	float: right;
}
.navigation-show a{
	height: 100%;
	text-align: center;
	color:#666666;
	display: block;
}
.navigation-show a:hover{
	color:#fff;
}
.navigation-hide{
	height: 5rem;
	line-height: 5rem;
	float: right;
}
.navigation-hide a.hide{
	width: 5rem;
	height: 5rem;
	text-align: center;
	color: #666666;
	display: inline-block;
}
.navigation-hide a.hide:hover{
	color:#fff;
}

/*------------------------------------------------------------------
[6. Side Navigation]
*/
.side-navigation-wrapper{
	width: 35rem;
	min-height: 100%;
	padding: 0;
	background: #292929;
	box-shadow: inset -7px 0 9px -7px rgba( 0, 0, 0, 0.6 );
	position: fixed;
	left: 0;
	right: auto;
	z-index: 102;
	-webkit-transform: translate3d(-35rem,0,0);
	   -moz-transform: translate3d(-35rem,0,0);
	    -ms-transform: translate3d(-35rem,0,0);
	     -o-transform: translate3d(-35rem,0,0);
	        transform: translate3d(-35rem,0,0);
}
.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;
	-webkit-transform: translate3d(35rem,0,0);
	   -moz-transform: translate3d(35rem,0,0);
	    -ms-transform: translate3d(35rem,0,0);
	     -o-transform: translate3d(35rem,0,0);
	        transform: translate3d(35rem,0,0);
}
.side-navigation-wrapper.active{
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
}
.element-reveal-left{
	-webkit-transform: translate3d(35rem,0,0);
	   -moz-transform: translate3d(35rem,0,0);
	    -ms-transform: translate3d(35rem,0,0);
	     -o-transform: translate3d(35rem,0,0);
	        transform: translate3d(35rem,0,0);
}
.element-reveal-right{
	-webkit-transform: translate3d(-35rem,0,0);
	   -moz-transform: translate3d(-35rem,0,0);
	    -ms-transform: translate3d(-35rem,0,0);
	     -o-transform: translate3d(-35rem,0,0);
	        transform: translate3d(-35rem,0,0);
}
.side-navigation-wrapper,
.reveal-side-navigation{
	-webkit-transition-property: -webkit-transform, visibility;
	   -moz-transition-property: -moz-transform, visibility;
	    -ms-transition-property: -ms-transform, visibility;
	     -o-transition-property: -o-transform, visibility;
	        transition-property: transform, visibility;
}
.element-reveal-left,
.element-reveal-right{
	position: relative;
}
.mobile .side-navigation-wrapper{
	visibility: hidden;
}
.mobile .side-navigation-wrapper.active{
	visibility: visible;
}

/* 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%;
	height: 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{
	font-size: 1.2rem;
	line-height: 1;
	color: #999999; 
	text-decoration: none;
	display: block;
	padding: 1.3rem 4rem;
	word-wrap: break-word;
	-webkit-transition-property: background, color;
	-moz-transition-property: background, color;
	-o-transition-property: background, color;
	transition-property: background, color;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
}
.side-navigation ul li a:hover{
	color:#ffffff;
}
.side-navigation .sub-menu a{
	padding: 1.1rem 4rem 1.1rem 5.5rem;
	color: #666666;
}
.side-navigation .sub-menu .sub-menu a{
	padding-left: 7rem;
}
.side-navigation  ul li:hover > .sub-menu{
	opacity: 1;
}
.side-navigation ul li.current > a{
	color:#ffffff;
	font-weight: bold;
}
.side-navigation ul li.current > a:hover{
	color:#ffffff;
}
.content-side-navigation-screen{
	width: 100%;
	height: 100%;
	display: block;
	background: rgba( 0, 0, 0, 0.2 );
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
}
.side-navigation .sub-menu{
	overflow: hidden;
}
.side-navigation .sub-menu{
	height: 0;
	-webkit-transition-property: height;
	-moz-transition-property: height;
	-o-transition-property: height;
	transition-property:  height;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
}
.mobile .side-navigation-wrapper.active{
	position: absolute;
}

/*------------------------------------------------------------------
[8. Images]
*/
img{
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	border: none;
	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{
	width: 100%;
	margin-bottom: 3rem;
	position: relative;
	overflow: hidden;
	float: left;
}
.thumbnail > span,
.thumbnail > a{
	width: 100%;
	height:100%;
	float: left;
}

/* 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: 2rem;
	display: table;
	opacity: 0;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.thumbnail .caption-over-inner{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.thumbnail .caption-over-inner *:first-child{
	margin-top: 0;
}
.thumbnail .caption-over-inner *:last-child{
	margin-bottom: 0;
}

/* Overlays */
.thumbnail > span,
.thumbnail > a{
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
	border: none;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}
.thumbnail > span:hover .overlay-info,
.thumbnail > a:hover .overlay-info, 
.thumbnail > a:focus .overlay-info {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1);
       -moz-transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1);
        -ms-transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1);
         -o-transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1);
            transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1);
}
.overlay-info{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	color: #fff;
	border: none;
	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{
	width: 100%;
	height: 100%;
	padding: 1.5rem;
	font-size: 1.2rem;
	font-style: normal;
	display: table;
}
.overlay-info > span > span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

/* Background Images */
.fill-background{
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	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{
	vertical-align: top;
}
.thumbnail .caption-over-inner.v-align-bottom,
.overlay-info.v-align-bottom > span > span{
	vertical-align: bottom;
}

/*------------------------------------------------------------------
[11. Form Elements]
*/
input{
	line-height: normal !important;
}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="date"], 
input[type="time"],
input[type="datetime"], 
input[type="month"], 
input[type="week"],
input[type="number"], 
input[type="search"], 
input[type="tel"],
textarea {
	width: 100%;
	padding: 1.3rem 2.5rem;
	margin:0 0 1.5rem 0;
	font-family:inherit;
	font-size: 1.3rem;
}
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="date"]:focus, 
input[type="time"]:focus,
input[type="datetime"]:focus, 
input[type="month"]:focus, 
input[type="week"]:focus,
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus,
textarea:focus{
	outline:none;
}
.form-element, 
textarea{
	line-height: normal !important;
	background: #f9f9f9;
	color: #666666;
	border: 1px solid #eeeeee;
	-webkit-appearance: none;
	-moz-appearance:	none;
	appearance:			none;
}
.form-element:focus, 
textarea:focus{
	background: #ffffff;
	color: #333333;
	border: 1px solid #cccccc;
	box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.2);
}
textarea{
	min-width: 10rem;
	min-height: 10rem;
}
.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;
}

/* Style */
.form-element.rounded,
textarea.rounded{
	border-radius: 0.3rem;
}
.form-element.pill{
	border-radius: 10.5rem;
}

/* Sizes */
input.small{
	padding: 1rem 1.5rem;
	font-size: 1rem;
}
input.medium{
	padding: 1.3rem 2.5rem;
}
input.large{
	padding: 1.6rem 3rem;
	font-size: 1.4rem;
}
input.xlarge{
	padding: 1.9rem 3.5rem;
	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;
}

/*------------------------------------------------------------------
[24. Typography]
*/
h1, h2, h3, h4, h5, h6{
	color: #333333;
	font-weight: bold;
	line-height: 1;
	margin: 1rem 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 2rem 0;
	font-size: 1.4rem;
	line-height: 1.8;
}
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 2rem 0;
}
.lead{
	margin-bottom: 3rem;
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: 200;
}
.separator{
	width: 10rem;
	height: 0.4rem;
	display: inline-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;
}

/* Font Alternatives */
.font-alt-1{
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.font-alt-2{
	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;
}

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

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

/*------------------------------------------------------------------
[27. Font Icons]
*/
@font-face {
	font-family: 'entypo';
	src: url('../font/entypo.eot');
	src: url('../font/entypo.eot#iefix') format('embedded-opentype'),
		url('../font/entypo.woff') format('woff'),
		url('../font/entypo.ttf') format('truetype'),
		url('../font/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-note:before { content: '\e800'; } /* '' */
.icon-logo-db:before { content: '\e91b'; } /* '' */
.icon-music:before { content: '\e802'; } /* '' */
.icon-search:before { content: '\e803'; } /* '' */
.icon-flashlight:before { content: '\e804'; } /* '' */
.icon-mail:before { content: '\e805'; } /* '' */
.icon-heart:before { content: '\e806'; } /* '' */
.icon-heart-empty:before { content: '\e807'; } /* '' */
.icon-star:before { content: '\e808'; } /* '' */
.icon-star-empty:before { content: '\e809'; } /* '' */
.icon-user:before { content: '\e80a'; } /* '' */
.icon-users:before { content: '\e80b'; } /* '' */
.icon-user-add:before { content: '\e80c'; } /* '' */
.icon-video:before { content: '\e80d'; } /* '' */
.icon-picture:before { content: '\e80e'; } /* '' */
.icon-camera:before { content: '\e80f'; } /* '' */
.icon-layout:before { content: '\e810'; } /* '' */
.icon-menu:before { content: '\e811'; } /* '' */
.icon-check:before { content: '\e812'; } /* '' */
.icon-cancel:before { content: '\e813'; } /* '' */
.icon-cancel-circled:before { content: '\e814'; } /* '' */
.icon-cancel-squared:before { content: '\e815'; } /* '' */
.icon-plus:before { content: '\e816'; } /* '' */
.icon-plus-circled:before { content: '\e817'; } /* '' */
.icon-plus-squared:before { content: '\e818'; } /* '' */
.icon-minus:before { content: '\e819'; } /* '' */
.icon-minus-circled:before { content: '\e81a'; } /* '' */
.icon-minus-squared:before { content: '\e81b'; } /* '' */
.icon-help:before { content: '\e81c'; } /* '' */
.icon-help-circled:before { content: '\e81d'; } /* '' */
.icon-info:before { content: '\e81e'; } /* '' */
.icon-info-circled:before { content: '\e81f'; } /* '' */
.icon-back:before { content: '\e820'; } /* '' */
.icon-home:before { content: '\e821'; } /* '' */
.icon-link:before { content: '\e822'; } /* '' */
.icon-attach:before { content: '\e823'; } /* '' */
.icon-lock:before { content: '\e824'; } /* '' */
.icon-lock-open:before { content: '\e825'; } /* '' */
.icon-eye:before { content: '\e826'; } /* '' */
.icon-tag:before { content: '\e827'; } /* '' */
.icon-bookmark:before { content: '\e828'; } /* '' */
.icon-bookmarks:before { content: '\e829'; } /* '' */
.icon-flag:before { content: '\e82a'; } /* '' */
.icon-thumbs-up:before { content: '\e82b'; } /* '' */
.icon-thumbs-down:before { content: '\e82c'; } /* '' */
.icon-download:before { content: '\e82d'; } /* '' */
.icon-upload:before { content: '\e82e'; } /* '' */
.icon-upload-cloud:before { content: '\e82f'; } /* '' */
.icon-reply:before { content: '\e830'; } /* '' */
.icon-reply-all:before { content: '\e831'; } /* '' */
.icon-forward:before { content: '\e832'; } /* '' */
.icon-quote:before { content: '\e833'; } /* '' */
.icon-code:before { content: '\e834'; } /* '' */
.icon-export:before { content: '\e835'; } /* '' */
.icon-pencil:before { content: '\e836'; } /* '' */
.icon-feather:before { content: '\e837'; } /* '' */
.icon-print:before { content: '\e838'; } /* '' */
.icon-retweet:before { content: '\e839'; } /* '' */
.icon-keyboard:before { content: '\e83a'; } /* '' */
.icon-comment:before { content: '\e83b'; } /* '' */
.icon-chat:before { content: '\e83c'; } /* '' */
.icon-bell:before { content: '\e83d'; } /* '' */
.icon-attention:before { content: '\e83e'; } /* '' */
.icon-alert:before { content: '\e83f'; } /* '' */
.icon-vcard:before { content: '\e840'; } /* '' */
.icon-address:before { content: '\e841'; } /* '' */
.icon-location:before { content: '\e842'; } /* '' */
.icon-map:before { content: '\e843'; } /* '' */
.icon-direction:before { content: '\e844'; } /* '' */
.icon-compass:before { content: '\e845'; } /* '' */
.icon-cup:before { content: '\e846'; } /* '' */
.icon-trash:before { content: '\e847'; } /* '' */
.icon-doc:before { content: '\e848'; } /* '' */
.icon-docs:before { content: '\e849'; } /* '' */
.icon-doc-landscape:before { content: '\e84a'; } /* '' */
.icon-doc-text:before { content: '\e84b'; } /* '' */
.icon-doc-text-inv:before { content: '\e84c'; } /* '' */
.icon-newspaper:before { content: '\e84d'; } /* '' */
.icon-book-open:before { content: '\e84e'; } /* '' */
.icon-book:before { content: '\e84f'; } /* '' */
.icon-folder:before { content: '\e850'; } /* '' */
.icon-archive:before { content: '\e851'; } /* '' */
.icon-box:before { content: '\e852'; } /* '' */
.icon-rss:before { content: '\e853'; } /* '' */
.icon-phone:before { content: '\e854'; } /* '' */
.icon-cog:before { content: '\e855'; } /* '' */
.icon-tools:before { content: '\e856'; } /* '' */
.icon-share:before { content: '\e857'; } /* '' */
.icon-shareable:before { content: '\e858'; } /* '' */
.icon-basket:before { content: '\e859'; } /* '' */
.icon-bag:before { content: '\e85a'; } /* '' */
.icon-calendar:before { content: '\e85b'; } /* '' */
.icon-login:before { content: '\e85c'; } /* '' */
.icon-logout:before { content: '\e85d'; } /* '' */
.icon-mic:before { content: '\e85e'; } /* '' */
.icon-mute:before { content: '\e85f'; } /* '' */
.icon-sound:before { content: '\e860'; } /* '' */
.icon-volume:before { content: '\e861'; } /* '' */
.icon-clock:before { content: '\e862'; } /* '' */
.icon-hourglass:before { content: '\e863'; } /* '' */
.icon-lamp:before { content: '\e864'; } /* '' */
.icon-light-down:before { content: '\e865'; } /* '' */
.icon-light-up:before { content: '\e866'; } /* '' */
.icon-adjust:before { content: '\e867'; } /* '' */
.icon-block:before { content: '\e868'; } /* '' */
.icon-resize-full:before { content: '\e869'; } /* '' */
.icon-resize-small:before { content: '\e86a'; } /* '' */
.icon-popup:before { content: '\e86b'; } /* '' */
.icon-publish:before { content: '\e86c'; } /* '' */
.icon-window:before { content: '\e86d'; } /* '' */
.icon-arrow-combo:before { content: '\e86e'; } /* '' */
.icon-down-circled:before { content: '\e86f'; } /* '' */
.icon-left-circled:before { content: '\e870'; } /* '' */
.icon-right-circled:before { content: '\e871'; } /* '' */
.icon-up-circled:before { content: '\e872'; } /* '' */
.icon-down-open:before { content: '\e873'; } /* '' */
.icon-left-open:before { content: '\e874'; } /* '' */
.icon-right-open:before { content: '\e875'; } /* '' */
.icon-up-open:before { content: '\e876'; } /* '' */
.icon-down-open-mini:before { content: '\e877'; } /* '' */
.icon-left-open-mini:before { content: '\e878'; } /* '' */
.icon-right-open-mini:before { content: '\e879'; } /* '' */
.icon-up-open-mini:before { content: '\e87a'; } /* '' */
.icon-down-open-big:before { content: '\e87b'; } /* '' */
.icon-left-open-big:before { content: '\e87c'; } /* '' */
.icon-right-open-big:before { content: '\e87d'; } /* '' */
.icon-up-open-big:before { content: '\e87e'; } /* '' */
.icon-down:before { content: '\e87f'; } /* '' */
.icon-left:before { content: '\e880'; } /* '' */
.icon-right:before { content: '\e881'; } /* '' */
.icon-up:before { content: '\e882'; } /* '' */
.icon-down-dir:before { content: '\e883'; } /* '' */
.icon-left-dir:before { content: '\e884'; } /* '' */
.icon-right-dir:before { content: '\e885'; } /* '' */
.icon-up-dir:before { content: '\e886'; } /* '' */
.icon-down-bold:before { content: '\e887'; } /* '' */
.icon-left-bold:before { content: '\e888'; } /* '' */
.icon-right-bold:before { content: '\e889'; } /* '' */
.icon-up-bold:before { content: '\e88a'; } /* '' */
.icon-down-thin:before { content: '\e88b'; } /* '' */
.icon-left-thin:before { content: '\e88c'; } /* '' */
.icon-right-thin:before { content: '\e88d'; } /* '' */
.icon-note-beamed:before { content: '\e801'; } /* '' */
.icon-ccw:before { content: '\e88f'; } /* '' */
.icon-cw:before { content: '\e890'; } /* '' */
.icon-arrows-ccw:before { content: '\e891'; } /* '' */
.icon-level-down:before { content: '\e892'; } /* '' */
.icon-level-up:before { content: '\e893'; } /* '' */
.icon-shuffle:before { content: '\e894'; } /* '' */
.icon-loop:before { content: '\e895'; } /* '' */
.icon-switch:before { content: '\e896'; } /* '' */
.icon-play:before { content: '\e897'; } /* '' */
.icon-stop:before { content: '\e898'; } /* '' */
.icon-pause:before { content: '\e899'; } /* '' */
.icon-record:before { content: '\e89a'; } /* '' */
.icon-to-end:before { content: '\e89b'; } /* '' */
.icon-to-start:before { content: '\e89c'; } /* '' */
.icon-fast-forward:before { content: '\e89d'; } /* '' */
.icon-fast-backward:before { content: '\e89e'; } /* '' */
.icon-progress-0:before { content: '\e89f'; } /* '' */
.icon-progress-1:before { content: '\e8a0'; } /* '' */
.icon-progress-2:before { content: '\e8a1'; } /* '' */
.icon-progress-3:before { content: '\e8a2'; } /* '' */
.icon-target:before { content: '\e8a3'; } /* '' */
.icon-palette:before { content: '\e8a4'; } /* '' */
.icon-list:before { content: '\e8a5'; } /* '' */
.icon-list-add:before { content: '\e8a6'; } /* '' */
.icon-signal:before { content: '\e8a7'; } /* '' */
.icon-trophy:before { content: '\e8a8'; } /* '' */
.icon-battery:before { content: '\e8a9'; } /* '' */
.icon-back-in-time:before { content: '\e8aa'; } /* '' */
.icon-monitor:before { content: '\e8ab'; } /* '' */
.icon-mobile:before { content: '\e8ac'; } /* '' */
.icon-network:before { content: '\e8ad'; } /* '' */
.icon-cd:before { content: '\e8ae'; } /* '' */
.icon-inbox:before { content: '\e8af'; } /* '' */
.icon-install:before { content: '\e8b0'; } /* '' */
.icon-globe:before { content: '\e8b1'; } /* '' */
.icon-cloud:before { content: '\e8b2'; } /* '' */
.icon-cloud-thunder:before { content: '\e8b3'; } /* '' */
.icon-flash:before { content: '\e8b4'; } /* '' */
.icon-moon:before { content: '\e8b5'; } /* '' */
.icon-flight:before { content: '\e8b6'; } /* '' */
.icon-paper-plane:before { content: '\e8b7'; } /* '' */
.icon-leaf:before { content: '\e8b8'; } /* '' */
.icon-lifebuoy:before { content: '\e8b9'; } /* '' */
.icon-mouse:before { content: '\e8ba'; } /* '' */
.icon-briefcase:before { content: '\e8bb'; } /* '' */
.icon-suitcase:before { content: '\e8bc'; } /* '' */
.icon-dot:before { content: '\e8bd'; } /* '' */
.icon-dot-2:before { content: '\e8be'; } /* '' */
.icon-dot-3:before { content: '\e8bf'; } /* '' */
.icon-brush:before { content: '\e8c0'; } /* '' */
.icon-magnet:before { content: '\e8c1'; } /* '' */
.icon-infinity:before { content: '\e8c2'; } /* '' */
.icon-erase:before { content: '\e8c3'; } /* '' */
.icon-chart-pie:before { content: '\e8c4'; } /* '' */
.icon-chart-line:before { content: '\e8c5'; } /* '' */
.icon-chart-bar:before { content: '\e8c6'; } /* '' */
.icon-chart-area:before { content: '\e8c7'; } /* '' */
.icon-tape:before { content: '\e8c8'; } /* '' */
.icon-graduation-cap:before { content: '\e8c9'; } /* '' */
.icon-language:before { content: '\e8ca'; } /* '' */
.icon-ticket:before { content: '\e8cb'; } /* '' */
.icon-water:before { content: '\e8cc'; } /* '' */
.icon-droplet:before { content: '\e8cd'; } /* '' */
.icon-air:before { content: '\e8ce'; } /* '' */
.icon-credit-card:before { content: '\e8cf'; } /* '' */
.icon-floppy:before { content: '\e8d0'; } /* '' */
.icon-clipboard:before { content: '\e8d1'; } /* '' */
.icon-megaphone:before { content: '\e8d2'; } /* '' */
.icon-database:before { content: '\e8d3'; } /* '' */
.icon-drive:before { content: '\e8d4'; } /* '' */
.icon-bucket:before { content: '\e8d5'; } /* '' */
.icon-thermometer:before { content: '\e8d6'; } /* '' */
.icon-key:before { content: '\e8d7'; } /* '' */
.icon-flow-cascade:before { content: '\e8d8'; } /* '' */
.icon-flow-branch:before { content: '\e8d9'; } /* '' */
.icon-flow-tree:before { content: '\e8da'; } /* '' */
.icon-flow-line:before { content: '\e8db'; } /* '' */
.icon-flow-parallel:before { content: '\e8dc'; } /* '' */
.icon-rocket:before { content: '\e8dd'; } /* '' */
.icon-gauge:before { content: '\e8de'; } /* '' */
.icon-traffic-cone:before { content: '\e8df'; } /* '' */
.icon-cc:before { content: '\e8e0'; } /* '' */
.icon-cc-by:before { content: '\e8e1'; } /* '' */
.icon-cc-nc:before { content: '\e8e2'; } /* '' */
.icon-cc-nc-eu:before { content: '\e8e3'; } /* '' */
.icon-cc-nc-jp:before { content: '\e8e4'; } /* '' */
.icon-cc-sa:before { content: '\e8e5'; } /* '' */
.icon-cc-nd:before { content: '\e8e6'; } /* '' */
.icon-cc-pd:before { content: '\e8e7'; } /* '' */
.icon-cc-zero:before { content: '\e8e8'; } /* '' */
.icon-cc-share:before { content: '\e8e9'; } /* '' */
.icon-cc-remix:before { content: '\e8ea'; } /* '' */
.icon-github:before { content: '\e8eb'; } /* '' */
.icon-github-circled:before { content: '\e8ec'; } /* '' */
.icon-flickr:before { content: '\e8ed'; } /* '' */
.icon-flickr-circled:before { content: '\e8ee'; } /* '' */
.icon-vimeo:before { content: '\e8ef'; } /* '' */
.icon-vimeo-circled:before { content: '\e8f0'; } /* '' */
.icon-twitter:before { content: '\e8f1'; } /* '' */
.icon-twitter-circled:before { content: '\e8f2'; } /* '' */
.icon-facebook:before { content: '\e8f3'; } /* '' */
.icon-facebook-circled:before { content: '\e8f4'; } /* '' */
.icon-facebook-squared:before { content: '\e8f5'; } /* '' */
.icon-gplus:before { content: '\e8f6'; } /* '' */
.icon-gplus-circled:before { content: '\e8f7'; } /* '' */
.icon-pinterest:before { content: '\e8f8'; } /* '' */
.icon-pinterest-circled:before { content: '\e8f9'; } /* '' */
.icon-tumblr:before { content: '\e8fa'; } /* '' */
.icon-tumblr-circled:before { content: '\e8fb'; } /* '' */
.icon-linkedin:before { content: '\e8fc'; } /* '' */
.icon-linkedin-circled:before { content: '\e8fd'; } /* '' */
.icon-dribbble:before { content: '\e8fe'; } /* '' */
.icon-dribbble-circled:before { content: '\e8ff'; } /* '' */
.icon-stumbleupon:before { content: '\e900'; } /* '' */
.icon-stumbleupon-circled:before { content: '\e901'; } /* '' */
.icon-lastfm:before { content: '\e902'; } /* '' */
.icon-lastfm-circled:before { content: '\e903'; } /* '' */
.icon-rdio:before { content: '\e904'; } /* '' */
.icon-rdio-circled:before { content: '\e905'; } /* '' */
.icon-spotify:before { content: '\e906'; } /* '' */
.icon-spotify-circled:before { content: '\e907'; } /* '' */
.icon-qq:before { content: '\e908'; } /* '' */
.icon-instagram:before { content: '\e909'; } /* '' */
.icon-dropbox:before { content: '\e90a'; } /* '' */
.icon-evernote:before { content: '\e90b'; } /* '' */
.icon-flattr:before { content: '\e90c'; } /* '' */
.icon-skype:before { content: '\e90d'; } /* '' */
.icon-skype-circled:before { content: '\e90e'; } /* '' */
.icon-renren:before { content: '\e90f'; } /* '' */
.icon-sina-weibo:before { content: '\e910'; } /* '' */
.icon-paypal:before { content: '\e911'; } /* '' */
.icon-picasa:before { content: '\e912'; } /* '' */
.icon-soundcloud:before { content: '\e913'; } /* '' */
.icon-mixi:before { content: '\e914'; } /* '' */
.icon-behance:before { content: '\e915'; } /* '' */
.icon-google-circles:before { content: '\e916'; } /* '' */
.icon-vkontakte:before { content: '\e917'; } /* '' */
.icon-smashing:before { content: '\e918'; } /* '' */
.icon-sweden:before { content: '\e919'; } /* '' */
.icon-db-shape:before { content: '\e91a'; } /* '' */
.icon-up-thin:before { content: '\e88e'; } /* '' */

[class^="icon-"]:before, 
[class*="icon-"]:before {
	font-family: "entypo";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	width: auto;
} 
[class*="icon-"]{
	display: inline-block;
}

/* Sizes */
[class*="icon-"].small{
	width:1.6rem;
	font-size: 1.6rem;
}
[class*="icon-"].medium{
	width:2.4rem;
	font-size: 2.4rem;
}
[class*="icon-"].large{
	width:3.2rem;
	font-size: 3.2rem;
}
[class*="icon-"].xlarge{
	width:4.8rem;
	height: 4.8rem;
	font-size: 4.8rem;
}
.icon-boxed,
.icon-circled{
	width: 6.6rem;
	height: 6.6rem;
	line-height: 6.6rem;
	text-align: center;
	border: 1px solid #eeeeee;
}
.icon-boxed.small,
.icon-circled.small{
	width: 5.8rem;
	height: 5.8rem;
	line-height: 5.8rem;
}
.icon-boxed.medium,
.icon-circled.medium{
	width: 6.6rem;
	height: 6.6rem;
	line-height: 6.6rem;
}
.icon-boxed.large,
.icon-circled.large{
	width: 7.4rem;
	height: 7.4rem;
	line-height: 7.4rem;
}
.icon-boxed.xlarge,
.icon-circled.xlarge{
	width: 9rem;
	height: 9rem;
	line-height: 9rem;
}

/* Styles */
.icon-boxed.rounded{
	border-radius: 0.3rem;
}
.icon-circled{
	border-radius: 10rem;
}

/*------------------------------------------------------------------
[29. Animation]
*/
input,
textarea,
button, 
a{
	-webkit-transition-property: background, border-color, color, opacity;
	-moz-transition-property: background, border-color, color, opacity;
	-o-transition-property: background, border-color, color, opacity;
	-ms-transition-property: background, border-color, color, opacity;
	transition-property: background, border-color, color, opacity;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
	transition-duration: 300ms;
}
.bar,
.box,
.overlay-info,
.thumbnail img{
	-webkit-transition-property: padding, background, color, opacity, box-shadow, -webkit-transform;
	-moz-transition-property: padding, background, color, opacity, box-shadow, -moz-transform;
	-o-transition-property: padding, background, color, opacity, box-shadow, -o-transform;
	-ms-transition-property: padding, background, color, opacity, box-shadow, -ms-transform;
	transition-property: padding, background, color, opacity, box-shadow, transform;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
	transition-duration: 300ms;
}

/* Rollover animation classes */
[class*="animation-"]{
	-webkit-backface-visibility: hidden;
}
.animation-fade-in{
	opacity: 0;
}
.animation-slide-in-top{
	opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
       -moz-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
         -o-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
}
.animation-slide-in-right{
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0);
       -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
         -o-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
}
.animation-slide-in-bottom{
	opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
       -moz-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
         -o-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
}
.animation-slide-in-left{
	opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
       -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
         -o-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
}
.animation-scale-in{
	opacity: 0;
  	-webkit-transform: scale3d(0.1,0.1,1);
       -moz-transform: scale3d(0.1,0.1,1);
        -ms-transform: scale3d(0.1,0.1,1);
         -o-transform: scale3d(0.1,0.1,1);
            transform: scale3d(0.1,0.1,1);
}
.animation-rotate-in{
	opacity: 0;
	-webkit-transform: rotate3d(0.1, 0.1, 1, -180deg);
       -moz-transform: rotate3d(0.1, 0.1, 1, -180deg);
        -ms-transform: rotate3d(0.1, 0.1, 1, -180deg);
         -o-transform: rotate3d(0.1, 0.1, 1, -180deg);
            transform: rotate3d(0.1, 0.1, 1, -180deg);
}
.animation-width{
	width: 0;
}
.animation-height{
	height: 0;
}
.no-transition{
	-webkit-transition-duration: 0ms !important;
	-moz-transition-duration: 0ms !important;
	-o-transition-duration: 0ms !important;
	-ms-transition-duration: 0ms !important;
	transition-duration: 0ms !important;
}

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

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

	/* Grid */
	.row{
		max-width: 96rem;
	}
	
	/* Content grid */
	.content-grid-5 .grid-item,	
	.content-grid-6 .grid-item{
		width: 25%;
	}
}
@media only screen and (max-width: 1023px){

	/* Content grid */
	.content-grid-5 .grid-item,	
	.content-grid-6 .grid-item{
		width: 33.33333%;
	}	
}
@media only screen and (min-width: 960px){

	/* Tables */
	.table tr:last-child > td{
		border-bottom: none;
	}
	.table > tbody > tr > td:first-child {
		border-left: none;
	}
}
@media only screen and (max-width: 960px) {

	/* Side and overlay nav */
	.overlay-navigation-wrapper.active{
		position: absolute;
	}
	.aux-navigation-active .wrapper{
		position: fixed;
	}
	.aux-navigation-active .side-navigation-wrapper,
	.aux-navigation-active .overlay-navigation-wrapper{
		position: absolute;
	}

	/* Grid */
	.row{
		max-width: 76rem;
	}

	/* Mobile */
	header .navigation{
		display: none !important;
	}

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

	/* Pricing Tables */
	
	.pricing-table.columns-3 .pricing-table-column{
		width: 33.33333%;
	}
	.pricing-table.columns-2 .pricing-table-column,
	.pricing-table.columns-4 .pricing-table-column,
	.pricing-table.columns-5 .pricing-table-column{
		width: 50%;
	}
	.pricing-table.columns-4 .pricing-table-column:nth-last-child(2),
	.pricing-table.columns-5 .pricing-table-column:last-child,
	.pricing-table.columns-5 .pricing-table-column:nth-last-child(3){
		border-left: 1px solid #eeeeee;
	}
}
@media only screen and (max-width: 768px) {

	/* Grid */
	.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 {
		width: 100%;
	}
	[class*="offset-"]{
		margin-left: 0;
	}
	.column[class*='push-'],
	.column[class*='pull-']{
		position: static;
		left: 0;
		right: 0;
	}

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

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


	/* Helper Classes for mobile */
	.hide-on-mobile,
	.hide-on-mobile *{
		display: none !important;
		visibility: hidden !important;
	}
	.show-on-mobile,
	.show-on-mobile *{
		display: block !important;
		visibility: visible !important;
	}
	.v-align-bottom,
	.v-align-bottom-on-mobile{
		padding-bottom: 2rem !important;
		vertical-align: bottom !important;
	}
	.v-align-top,
	.v-align-top-on-mobile{
		padding-top: 2rem !important;
		vertical-align: top !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;
	}
	.background-on-mobile{
		width: 100%;
		padding-top: 3rem;
		padding-bottom: 3rem;
		background: #f4f4f4;
		color: #666;
		text-align: left;
		position: relative;
		z-index: 1
	}
	.v-align-top-on-mobile .background-on-mobile{
		margin-top: -2rem;
	}
	.v-align-bottom-on-mobile .background-on-mobile{
		margin-bottom: -2rem;
	}
	.left-on-mobile{
		text-align: left !important;
	}
	.center-on-mobile{
		text-align: center !important;
	}
	.right-on-mobile{
		text-align: right !important;
	}
	.row.background-on-mobile{
		padding-left: 0;
		padding-right: 0;
	}
	.background-on-mobile .column > *:last-child{
		margin-bottom: 0;
	}
	.row > .background-on-mobile{
		margin-left: 0;
		margin-right: 0; 
	}
	.no-transition-on-mobile{
		-webkit-transition-duration: 0ms !important;
		-moz-transition-duration: 0ms !important;
		-o-transition-duration: 0ms !important;
		-ms-transition-duration: 0ms !important;
		transition-duration: 0ms !important;
	}
}
@media only screen and (max-width: 600px) {
	/* Grid */
	.row{
		max-width: 48rem;
	}
}
@media only screen and (max-width: 480px) {

	/* Grid */
	.row{
		max-width: 35rem;
	}

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

	/* Side navigation */
	.side-navigation-wrapper{
		width: 25rem;
		-webkit-transform: translate3d(-25rem,0,0);
		   -moz-transform: translate3d(-25rem,0,0);
		    -ms-transform: translate3d(-25rem,0,0);
		     -o-transform: translate3d(-25rem,0,0);
		        transform: translate3d(-25rem,0,0);
	}
	.side-navigation-wrapper.enter-right{
		-webkit-transform: translate3d(25rem,0,0);
		   -moz-transform: translate3d(25rem,0,0);
		    -ms-transform: translate3d(25rem,0,0);
		     -o-transform: translate3d(25rem,0,0);
		        transform: translate3d(25rem,0,0);
	}
	.side-navigation-wrapper.active{
		-webkit-transform: translate3d(0,0,0);
		   -moz-transform: translate3d(0,0,0);
		    -ms-transform: translate3d(0,0,0);
		     -o-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
	}
	.element-reveal-left{
		-webkit-transform: translate3d(25rem,0,0);
		   -moz-transform: translate3d(25rem,0,0);
		    -ms-transform: translate3d(25rem,0,0);
		     -o-transform: translate3d(25rem,0,0);
		        transform: translate3d(25rem,0,0);
	}
	.element-reveal-right{
		-webkit-transform: translate3d(-25rem,0,0);
		   -moz-transform: translate3d(-25rem,0,0);
		    -ms-transform: translate3d(-25rem,0,0);
		     -o-transform: translate3d(-25rem,0,0);
		        transform: translate3d(-25rem,0,0);
	}
	.side-navigation-wrapper.hide{
		right: 25rem;
	}
	.side-navigation-wrapper.enter-right.hide{
		right: -25rem;
	}
	.element-show-left{
		left: 25rem;
	}
	.element-show-right{
		left: -25rem;
	}

	
}
@media only screen and (max-width : 350px) {
    /* Grid */
	.row{
		max-width: 100%;
	}  
}