<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
* Theme: Golden - Responsive HTML5/CSS3 Template
* Author: GuuThemes
* Author URL: www.guuhuu.com
* Version: 1.0
*/

/* Table of Contents
==================================================
	
1 - Reset &amp; Basics
2 - Responsive 960 Grid
3 - Body (Global Styles)
4 - Page Styles
5 - Media Queries
6 - Font-Awesome (Icon Font)


/* 1 - Reset &amp; Basics (Inspired by E. Meyers)
================================================== */
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section {
	display: block; 
}

body {
	line-height: 1; 
}

ol, 
ul {
	list-style: none; 
}

blockquote, 
q {
	quotes: none; 
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none; 
}

cite {
	text-align: right;
	margin-top: 10px;
}

table {
	border-collapse: collapse;
	border-spacing: 0; 
}
	
::-moz-selection {
	background: #e15154;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #e15154;
	color: #fff;
	text-shadow: none
}

/* Typography
--------------------------------------------------*/
	
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #333;
	font-family: 'Oswald', sans-serif; /* This theme uses Google Web Fonts for the headings. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
	font-weight: normal;
	text-transform: uppercase; 
}

h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a { 
	font-weight: inherit; 
}

h1 { 
	font-size: 50px; 
	line-height: 45px; 
	margin-bottom: 14px;
	letter-spacing: 1px;
}

h2 { 
	font-size: 25px; 
	line-height: 40px; 
	margin-bottom: 10px; 
}

h3 { 
	font-size: 23px; 
	line-height: 34px; 
	margin-bottom: 8px; 
}

h4 { 
	font-size: 21px; 
	line-height: 30px; 
	margin-bottom: 4px; 
}

h5 { 
	font-size: 17px; 
	line-height: 24px; 
}

h6 { 
	font-size: 14px; 
	line-height: 21px; 
}

p { 
	margin: 0 0 20px 0; 
}

p img { 
	margin: 0; 
}

em { 
	font-style: italic;
}

strong { 
	font-weight: bold; 
	color: #333; 
}

small { 
	font-size: 80%; 
}

blockquote, 
blockquote p { 
	font-size: 17px; 
	line-height: 24px; 
	color: #777; 
	font-style: italic; 
}

blockquote { 
	margin: 0 0 20px; 
	padding: 9px 20px 0 19px; 
	border-left: 3px solid #e15154; 
}

blockquote cite { 
	display: block; 
	font-size: 12px; 
	color: #555; 
}

blockquote cite:before { 
	content: "\2014 \0020"; 
}

blockquote cite a, 
blockquote cite a:visited, 
blockquote cite a:visited { 
	color: #555; 
}

/* Links
--------------------------------------------------*/
	
a, 
a:visited { 
	color: #e15154; 
	text-decoration: underline; 
	outline: 0;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s; 
}

a:hover, 
a:focus { 
	color: #000; 
}

p a, 
p a:visited { 
	line-height: inherit; 
}

/* Lists
--------------------------------------------------*/
	
ul, 
ol { 
	margin-bottom: 20px; 
}

ul { 
	list-style: none outside; 
}

ol { 
	list-style: decimal; 
}

ol, 
ul.square, 
ul.circle, 
ul.disc { 
	margin-left: 30px; 
}

ul.square { 
	list-style: square outside; 
}

ul.circle { 
	list-style: circle outside; 
}

ul.disc { 
	list-style: disc outside; 
}

ul ul li, 
ul ol li,
ol ol li, 
ol ul li { 
	margin-bottom: 6px; 
}

li { 
	line-height: 18px; 
	margin-bottom: 12px; 
}

ul.large li { 
	line-height: 21px; 
}

li p { 
	line-height: 21px; 
}

/* Buttons
--------------------------------------------------*/

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	position: relative;
	background-color: #e15154;
	border: none!important;
	color: #f6f8f8;
	display: inline-block;
	font-family: 'Oswald', sans-serif; /* This theme uses Google Web Fonts. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 5px;
	padding: 5px 10px;
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border-radius: 1px;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;  
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background-color: #333; 
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	background-color: #333; 
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; 
}

/* Fix for odd Mozilla border &amp; padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Forms
--------------------------------------------------*/

form {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left; 
}

fieldset {
	margin-bottom: 20px; 
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #fff;
	padding: 8px 8px 8px 8px;
	outline: none;
	font: 12px/23px Georgia, serif;
	font-style: italic;
	color: #ddd;
	margin: 0;
	width: 80%;
	display: block;
	line-height: 1.2;
	margin-bottom: 20px;
	background-color: #333;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

select {
	padding: 0; 
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #71a4a1;
	color: #fff;
}

textarea {
	min-height: 150px; 
}

label,
legend {
	display: block;
	font-weight: bold;
	font-size: 12px;
}

select {
	width: 220px;
	padding: 6px; 
}

input[type="checkbox"] {
	display: inline; 
}

label span,
legend span {
	font-weight: normal;
	font-size: 12px;
	color: #444;
}

input.error,
textarea.error {
	margin-bottom: 3px;
}
	
.error {
	color: #cc3333;
}
	
#response {
  margin-bottom: 20px;
  text-align: center;
}

#response .success {
  color: #70ae32;
}

#response .failure {
  color:  #cc3333;
}

/* 2 - Responsive 960 Grid (Inspired by Skeleton Framework - www.getskeleton.com)
================================================== */

/* Base 960 Grid
--------------------------------------------------*/

.container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

.container .column,
.container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}

.row { 
	margin-bottom: 20px; 
}

/* Nested Column Classes */

.column.alpha,
.columns.alpha { 
	margin-left: 0; 
}

.column.omega,
.columns.omega { 
	margin-right: 0; 
}

/* Base Grid */

.container .one.column,
.container .one.columns { 
	width: 40px; }

.container .two.columns { 
	width: 100px; 
}

.container .three.columns { 
	width: 160px; 
}

.container .four.columns { 
	width: 220px; 
}

.container .five.columns { 
	width: 280px; 
}

.container .six.columns { 
	width: 340px; 
}

.container .seven.columns { 
	width: 400px; 
}

.container .eight.columns { 
	width: 460px; 
}

.container .nine.columns { 
	width: 520px; 
}

.container .ten.columns { 
	width: 580px; 
}

.container .eleven.columns { 
	width: 640px; 
}

.container .twelve.columns { 
	width: 700px; 
}

.container .thirteen.columns { 
	width: 760px; 
}

.container .fourteen.columns { 
	width: 820px; 
}

.container .fifteen.columns { 
	width: 880px; 
}

.container .sixteen.columns { 
	width: 940px; 
}

.container .one-third.column { 
	width: 300px; 
}

.container .two-thirds.column { 
	width: 620px; 
}

/* Offsets */

.container .offset-by-one { 
	padding-left: 60px; 
}

.container .offset-by-two { 
	padding-left: 120px; 
}

.container .offset-by-three { 
	padding-left: 180px; 
}

.container .offset-by-four { 
	padding-left: 240px; 
}

.container .offset-by-five { 
	padding-left: 300px; 
}

.container .offset-by-six { 
	padding-left: 360px; 
}

.container .offset-by-seven { 
	padding-left: 420px; 
}

.container .offset-by-eight { 
	padding-left: 480px; 
}

.container .offset-by-nine { 
	padding-left: 540px; 
}

.container .offset-by-ten { 
	padding-left: 600px; 
}

.container .offset-by-eleven { 
	padding-left: 660px; 
}

.container .offset-by-twelve { 
	padding-left: 720px; 
}

.container .offset-by-thirteen { 
	padding-left: 780px; 
}

.container .offset-by-fourteen { 
	padding-left: 840px; 
}

.container .offset-by-fifteen {
	padding-left: 900px; 
}

/* Tablet (Portrait)
--------------------------------------------------*/

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    
    .container { 
    	width: 768px 
    }
    
    .container .column,
    .container .columns {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .column.alpha,
    .columns.alpha {
        margin-left: 0;
        margin-right: 10px;
    }
    
    .column.omega,
    .columns.omega {
        margin-right: 0;
        margin-left: 10px;
    }
    
    .alpha.omega {
        margin-left: 0;
        margin-right: 0;
    }
    
    .container .one.column,
    .container .one.columns { 
    	width: 28px; 
    }
    
    .container .two.columns { 
    	width: 76px; 
    }
    
    .container .three.columns { 
    	width: 124px;
    }
    
    .container .four.columns { 
    	width: 172px; 
    }
    
    .container .five.columns { 
    	width: 220px;
    }
    
    .container .six.columns { 
    	width: 268px; 
    }
    
    .container .seven.columns { 
    	width: 316px; 
    }
    
    .container .eight.columns { 
    	width: 364px; 
    }
    
    .container .nine.columns { 
    	width: 412px; 
    }
    
    .container .ten.columns { 
    	width: 460px; 
    }
    
    .container .eleven.columns { 
    	width: 508px; 
    }
    
    .container .twelve.columns { 
    	width: 556px; 
    }
    
    .container .thirteen.columns { 
    	width: 604px; 
    }
    
    .container .fourteen.columns { 
    	width: 652px; 
    }
    
    .container .fifteen.columns { 
    	width: 700px; 
    }
    
    .container .sixteen.columns { 
    	width: 748px; 
    }
    
    .container .one-third.column { 
    	width: 236px; 
    }
    
    .container .two-thirds.column { 
    	width: 492px; 
    }
    
    /* Offsets */
    
    .container .offset-by-one { 
    	padding-left: 48px; 
    }
    
    .container .offset-by-two { 
    	padding-left: 96px; 
    }
    
    .container .offset-by-three { 
    	padding-left: 144px; 
    }
    
    .container .offset-by-four { 
    	padding-left: 192px; 
    }
    
    .container .offset-by-five { 
    	padding-left: 240px; 
    }
    
    .container .offset-by-six { 
    	padding-left: 288px; 
    }
    
    .container .offset-by-seven { 
    	padding-left: 336px; 
    }
    
    .container .offset-by-eight { 
    	padding-left: 384px; 
    }
    
    .container .offset-by-nine { 
    	padding-left: 432px; 
    }
    
    .container .offset-by-ten { 
    	padding-left: 480px; 
    }
    
    .container .offset-by-eleven { 
    	padding-left: 528px; 
    }
    
    .container .offset-by-twelve { 
    	padding-left: 576px; 
    }
    
    .container .offset-by-thirteen { 
    	padding-left: 624px; 
    }
    
    .container .offset-by-fourteen { 
    	padding-left: 672px; 
    }
    
    .container .offset-by-fifteen { 
    	padding-left: 720px; 
    }

}

/* Mobile (Portrait)
--------------------------------------------------*/

/* Note: Design for a width of 320px */

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

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

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

}

/* Mobile (Landscape)
--------------------------------------------------*/

/* Note: Design for a width of 480px */

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

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

}

/* Clearing (Clearfix)
--------------------------------------------------*/

/* Self Clearing Goodness */

.container:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a &lt;div class="row"&gt; */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  	content: '\0020';
  	display: block;
  	overflow: hidden;
  	visibility: hidden;
  	width: 0;
  	height: 0; 
}

.row:after,
.clearfix:after {
  	clear: both; 
}

.row,
.clearfix {
  	zoom: 1; 
}

/* You can also use a &lt;br class="clear" /&gt; to clear columns */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* 3 - Body (Global Styles)
================================================== */

body {
	background: url('../img/bg/default.png') repeat;
	font: 14px/24px 'Georgia', serif;
	color: #444;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

body:before {
	content: ""; 
	position: fixed; 
	top: -10px; 
	left: 0; 
	width: 100%;
	height: 10px; 
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8); 
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8); 
	box-shadow: 0 0 20px rgba(0, 0, 0, .8); 
	z-index: 1000;
}

/* 4 - Page Styles
================================================== */

/* Main Content Area
--------------------------------------------------*/

#main {
	margin-bottom: 30px;
}

/* Header (Global Header)
--------------------------------------------------*/

#header-global[role="banner"] {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .4);
	color: #fff;
	font-family: 'Oswald', sans-serif;
	width: 100%;
	min-height: 80px;
	padding: 20px 0 0 0;
	text-transform: uppercase;
	z-index: 1000;
	-webkit-box-shadow: 0px 0px 8px 0px #333;
	-moz-box-shadow: 0px 0px 8px 0px #333;
	box-shadow: 0px 0px 8px 0px #333;
}

#header-global[role="banner"] .row {
	margin-bottom: 0;
}

#header-global[role="banner"].background {
	background-color: rgba(255, 255, 255, .9);
}

#logo img {
	max-width: 100%;
	height: auto;
}

/* Footer (Global Footer)
--------------------------------------------------*/

#footer-global[role="contentinfo"] {
	color: #fff;
	width: 100%;
	padding: 30px 0 20px 0;
	background: #333;
}

#footer-global[role="contentinfo"] #copyright-details {
	margin-top: 20px;
	text-align: left;
}

#footer-global[role="contentinfo"] h3 {
	border-bottom: 1px dotted #666;
	color: #fff;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#footer-global[role="contentinfo"] a {
	text-decoration: none;
}

#footer-global[role="contentinfo"] a:hover {
	color: #ddd;
}

/* Header (Section Headings)
--------------------------------------------------*/

.section-heading {
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}

.section-heading h1 {
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 1.2;
}

.section-heading h1 span {
	border-top: medium double #ccc;
	border-bottom: medium double #ccc;
	color: #000;
	padding: 15px 15px;
	display: inline-block;
	text-shadow: 1px 1px 0 #fafafa, 2px 2px 0 rgba(153, 153, 153, 1), 0 0 1px #fafafa;
	position: relative;
	-webkit-transform: rotate(-2deg) skew(-2deg, 0);
	-moz-transform: rotate(-4deg) skew(-4deg, 0);
	-ms-transform: rotate(-4deg) skew(-4deg, 0);
	-o-transform: rotate(-4deg) skew(-4deg, 0);
	transform: rotate(-2deg) skew(-2deg, 0);
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png); 
}

.section-heading h1:after {
	right: 0px;
}

.section-heading p:first-of-type {
	float: left;
	font-size: 18px;
	line-height: 1.7;
	padding-top: 10px;
}

.section-heading p:last-of-type {
	color: #666;
}

.section-heading [class^="icon-"] {
	font-size: 20px;
	text-shadow: 1px 1px 0 #fafafa, 1px 2px 0 rgba(153, 153, 153, 1), 0 0 1px #fafafa;
	display: block;
	margin-bottom: 10px;
}

/* Main Navigation 
--------------------------------------------------*/

#header-navigation[role="navigation"] {
	font-size: 12px;
	margin-top: 15px;
	position: relative;
	text-align: right;
}

#header-navigation[role="navigation"] ul {
	display: inline-block;
	margin-bottom: 0;
	border-top: medium double #ddd;
	border-bottom: medium double #ddd;
}

#header-navigation[role="navigation"] li {
	float: left;
	margin-bottom: 0;
	padding: 5px 0;
	position: relative;
	text-align: left;
}

#header-navigation[role="navigation"] li a,
#header-navigation[role="navigation"] li a:visited {
	color: #333;
	padding: 5px 20px;
	text-decoration: none;
	zoom: 1;
}

#header-navigation[role="navigation"] li.fade a {
    color: transparent;
    text-shadow: 0 0 2px rgba(0, 0, 0, .4);
}

#header-navigation[role="navigation"] li.fade a {
	color: #333\9;
}

#header-navigation[role="navigation"] li a:hover,
#header-navigation[role="navigation"] li a:focus {
	color: #e15154;
}

#header-navigation[role="navigation"] li.home a {
	border: none;
	padding-left: 0;
}

#header-navigation[role="navigation"] li a.active {
	background-color: #71a4a1;
	color: #e15154;
}

#header-navigation[role="navigation"] li.current &gt; a {
    color: #e15154;
    text-shadow: none;
}

#navigation li {
    float: left;
    position: relative;
}

/* Drop-Down Navigation */

ul#navigation li:hover &gt; ul {
	visibility: visible;
	opacity: 1;
	border-top: none;
	border-bottom: none;
}

ul#navigation ul, 
ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility: hidden;
    position: absolute;
    z-index: 9999;
	background: #f8f8f8;
	background: rgba(248, 248, 248, .8);
	-moz-box-shadow: 2px 10px 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 2px 10px 10px rgba(0, 0, 0, .5);
	box-shadow: 2px 10px 10px rgba(0, 0, 0, .5);
	opacity: 0;	
}

ul#navigation ul {
    top: 28px;
    left: 1px;
    width: 140px;
}

ul#navigation ul li ul {
    top: -1px;
    left: 141px;
    border-bottom: none;
}

ul#navigation ul li {
	clear: both;
	width: 100%;
	padding: 0;
	line-height: 1.8;
	border-bottom: 1px dotted #999;
}

ul#navigation ul li:last-child {
	border-bottom: none;
}

ul#navigation ul li a {
	background: none;
	padding: 7px 15px;
	text-decoration: none;
	display: block;
	position: relative;
}

.selectnav {
	display: none;
}

/* Back to Top Link
--------------------------------------------------*/

.back-to-top {
	text-align: center;
}

.back-to-top .row {
	margin-bottom: 0;
}

a.back-to-top-link {
	color: #fff;
	font-family: 'Oswald', sans-serif; /* This theme uses Google Web Fonts. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
	text-transform: uppercase;
	display: inline-block;
	width: 156px; 
	height: 69px; 
	background: url('../img/back_to_top_background.png') no-repeat;
	text-decoration: none; 
}

a.back-to-top-link:hover {
	color: #71a4a1;
}

a.back-to-top-link span {
	line-height: 95px;
}

/* Read More Button
--------------------------------------------------*/

a.read-more-btn {
	background-color: #e15154;
	border-bottom: none!important;
	color: #fff;
	display: inline-block;
	font-family: 'Oswald', sans-serif; /* This theme uses Google Web Fonts. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 10px;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

a.read-more-btn:hover {
	background-color: #333;
}

/* Content Slider
--------------------------------------------------*/

/* PLEASE NOTE: The Content Slider uses Flexslider. All styling for this can be found in /assets/css/flexslider.css */

/* Introduction Section
--------------------------------------------------*/

#introduction {
	text-align: center;
	color: #333;
	padding: 20px 0;
	border-top: medium double #666;
	border-bottom: medium double #666;
}

#introduction .row {
	margin-bottom: 0;
}

#introduction p {
	font-family: "Oswald";
	font-size: 25px;
	margin-bottom: 0;
	line-height: 1.6;
	text-transform: uppercase;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

#introduction p:first-of-type:first-line {
	color: #000;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.6;
}

#introduction a {
	color: #fff;
	background-color: #333;
	padding: 0 6px;
	text-decoration: none;
	text-shadow: none;
}

#introduction a:hover {
	background-color: #71a4a1;
}

#introduction .section-heading {
	border: none;
	margin-bottom: 15px;
}

#introduction .section-heading h1 {
	font-size: 23px;
	color: #333;
	display: inline-block;
	text-align: center;
	text-shadow: 0 1px 1px #fff;
	padding: 10px 0;
}

/* Isotope (Portfolio Filtering)
--------------------------------------------------*/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
            transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
            transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:         top, left, opacity;
            transition-property:         transform, opacity;
}

/* Latest Work (Homepage/Portfolio Pages)
--------------------------------------------------*/

#latest-work {
	margin-top: 40px;
	padding: 20px 0;
	text-align: center;
}

/* Filter Navigation */

#portfolio-filter {
	text-align: center;
	margin-top: 20px;
}

#filter {
	background-color: #333;
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 0;
}

#filter li {
	float: left;
	font-size: 12px;
	margin-bottom: 0;
	padding: 10px 15px;
}

#filter li a {
	color: #fff;
	font-family: 'Oswald', sans-serif; /* This theme uses Google Web Fonts. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
	text-decoration: none;
	text-transform: uppercase;
}

#filter li a:hover,
#filter li .current {
	color: #e15154;
}

#filter li.fade a {
    color: transparent;
    text-shadow: 0 0 2px rgba(255, 255, 255, .6);
}

#filter li.fade a {
	color: #fff\9;
}

/* Portfolio Items (Default 3 Column Layout) */

.project-item {
    list-style: none;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    border: medium double #ccc;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
    
.project-item:hover {
	background-color: rgba(255, 255, 255, .9);
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

/* Portfolio/Project Items Overlay */
    
.project-item .overlay {
    background: #fff;
    background-color: rgba(255, 255, 255, .7);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
	padding: 10px;
	text-align: center;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: 15px solid rgba(255, 255, 255, 0);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.project-item:hover .overlay {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.project-item .overlay h2 {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0 20px;
	line-height: 1.3;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

.project-item .overlay h2 a {
	color: #333;
}

.project-item .overlay h2 a:hover {
	color:#e15154;
}

.project-item .overlay a {
	color: #fff;
	text-decoration: none;
}

.project-item img {
	display: block;
	position: relative;
	max-width: 100%;
}

.project-item [class^="icon-"] {
	font-size: 20px;
	color: #333;
	display: inline-block;
	padding-top: 5px;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

/* (4 Column Portfolio Layout/Font Sizing Adjustments) */

.four.columns .project-item h2 {
	font-size: 17px;
}

.four.columns .project-item  .read-more-btn {
	font-size: 13px;
}

/* Single Project
--------------------------------------------------*/

#single-project {
	margin-top: 60px;
}

#single-project h1 {
	border-bottom: medium double #999;
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 1.2;
}

#single-project img {
	max-width: 100%;
	height: auto;
}

#single-project .client-details {
	border-bottom: 1px solid #999;
	margin-top: 10px;
}

#single-project .project-checklist {
	color: #666;
	font-size: 12px;
}

#single-project img,
#single-project .video-frame {
	border: medium double #ccc;
	margin-bottom: 20px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

#single-project img:hover,
#single-project .video-frame:hover {
	background-color: rgba(255, 255, 255, .9);
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

#single-project .video-frame {
	margin-bottom: 25px;
}

#single-project .slides li {
	margin-bottom: 0;
}

/* Project Navigation */

.project-nav {
    display: inline-block;
    float: right;  
    margin: 20px 0 0 0;
}

.project-nav li {
    float: left;
    text-align: center;
}

.project-nav li a {
	color: #fff;
	text-decoration: none;
	padding: 5px;
}

.project-nav li a:hover {
	background-color: #e15154;
}

.project-nav li .back:hover {
	background-color: #e15154;
}

.project-nav .prev, 
.project-nav .next, 
.project-nav .back {
    display: block;
    margin-left: 5px;
}

.project-nav .back {
	background-color: #666;
}

.project-nav .next {
    background-color: #333;
}

.project-nav .prev {
    background-color: #333;
}

/* Latest Quotes Section
--------------------------------------------------*/

#latest-quotes {
	text-align: center;
	color: #333;
	padding: 20px 0;
	margin-top: 30px;
	border-top: medium double #999;
	border-bottom: medium double #999;
}

#latest-quotes #quotes {
	height: 150px; 
	height: auto!important;
	min-height: 150px;
}

#latest-quotes blockquote {
	border: none;
	color: #333;
	font-size: 28px;
	line-height: 38px;
	margin-top: 15px;
}

#latest-quotes cite {
	background-color: #e15154;
	color: #fff;
	font-family: 'Oswald', sans-serif; /* This theme uses Google Web Fonts. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
	font-size: 18px;
	margin-top: 5px;
	display: inline-block;
	padding: 9px 9px;
	text-transform: uppercase;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

#latest-quotes blockquote span {
	color: #999;
}

/* Recent News Section
--------------------------------------------------*/

.home #recent-news {
	text-align: center;
}

#recent-news {
	padding: 30px 0;
}

#recent-news a {
	text-decoration: none;
}

#recent-news article img,
#recent-news .video-frame {
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
}

.post-title {
	text-transform: uppercase;
	margin-bottom: 0;
}

.post-title a {
	color: #333;
	border-bottom: none!important;
}

.post-title a:hover {
	color: #e15154;
}

.meta-date {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 -1px 0 #ccc, 0 1px 0 #fff;
	display: inline-block;
	padding: 5px 0;
}

.meta-author {
	display: block;
	border-bottom: medium double #999;
	padding-bottom: 10px;
}

.meta-category {
	display: block;
	font-style: italic;
	margin-top: 10px;
	padding-bottom: 20px;
}

.meta-category .comment-count {
	float: right;
}

.meta-category .comment-count a {
	border-bottom: none!important;
	font-size: 17px;
}

/* Article (Homepage) */

#recent-news .homepage {
	color: #212121;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	margin-bottom: 20px;
	padding: 20px 20px 30px 20px;
	border: medium double #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

#recent-news .homepage:hover {
	background-color: rgba(255, 255, 255, .9);
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

#recent-news .homepage img {
	display: block;
}

#recent-news .homepage p {
	color: #666;
}

#recent-news .homepage span {
	display: block;
	margin-top: 10px;
}

#recent-news .homepage h3 {
	margin-top: 20px;
	text-transform: uppercase;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

#recent-news .homepage h3 a {
	color: #333;
	border-bottom: none!important;
}

#recent-news .homepage h3 a:hover {
	color:#e15154;
}

#recent-news .homepage [class^="icon-"] {
	color: #333;
	margin-right: 5px;
	line-height: .3;
}

#recent-news .homepage .meta {
	margin-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	font-style: italic;
}

/* Article (Blog Page) */

.post-excerpt {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #999;
}

.post-excerpt img,
.post-excerpt .video-frame {
	border: medium double #ccc;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

.post-excerpt img:hover,
.post-excerpt .video-frame:hover {
	background-color: rgba(255, 255, 255, .9);
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

/* Articles Pagination */

.pagination {
    margin-bottom: 30px;
}

.pagination li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.pagination li:last-child {
    margin-right: 0;
}

.pagination .current {
    color: #e15154 !important;
}

.pagination a, .pagination .current {
    color: #999;
    display: inline-block;
    padding: 5px
}

.pagination a:hover {
    color: #e15154;
}

.pagination .prev a {
	background-color: #333;
	color: #fff;
	margin-right: 10px;
}

.pagination .prev a:hover {
	background-color: #e15154;
}

.pagination .next a  {
	background-color: #333;
	color: #fff;
	margin-left: 10px;
}

.pagination .next a:hover  {
	background-color: #e15154;
}

/* Meet the Team Section
--------------------------------------------------*/

#meet-the-team {
	padding: 0 0 20px 0;
	text-align: center;
}

#meet-the-team h2 {
	text-transform: uppercase;
	margin-bottom: 0;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

#meet-the-team em {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

#meet-the-team .team-member {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	margin-bottom: 20px;
	padding: 20px 20px 30px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: medium double #ddd;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

#meet-the-team .team-member:hover {
	background-color: rgba(255, 255, 255, .9);
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

#meet-the-team .thumbnail {
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#meet-the-team img {
	max-width: 100%;
	height: auto;
	display: block;
}

#meet-the-team .social-icons-small a [class^="icon-"] {
	color: #e15154;
	padding-right: 10px;
	text-decoration: none;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

#meet-the-team .social-icons-small a:hover [class^="icon-"] {
	color: #333;
}

/* Our Services Section
--------------------------------------------------*/

#our-services {
	margin-top: 40px;
	padding: 20px 0;
	text-align: center;
}

#our-services h2 {
	border-bottom: 1px dotted #ccc;
	line-height: 1.4;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

#our-services .service {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	padding: 40px 20px 30px 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: medium double #ddd;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

#our-services .service:hover {
	background-color: rgba(255, 255, 255, .9);
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

#our-services .service [class^="icon-"] {
	color: #333;
	font-size: 80px;
	text-shadow: 0 1px 1px #fff;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

/* Alignment for inner pages (not homepage) */

.our-services #our-services {
	margin-top: 0;
}

/* Page 'Feature Image' Section
--------------------------------------------------*/

#page-feature-image {
	margin: 0; 
	padding: 0;
	position: relative;
}

#page-feature-image img { 
	max-width: 100%; 
	display: block; 
	border-top: 3px solid #333; 
	border-bottom: 3px solid #333; 
}

.feature-caption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	text-align: center;
	background-color: rgba(227, 224, 218, .4);
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png); 
}

.feature-caption:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}

.feature-caption .feature-title {
	display: inline-block;
	vertical-align: middle;
}

.feature-title {
	font-size: 50px;
	color: #fff;
	letter-spacing: 4px;
	display: inline-block;
	text-transform: uppercase;
	z-index: 100;
	margin-bottom: 0;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
	-webkit-transform: rotate(-4deg) skew(-4deg, 0);
	-moz-transform: rotate(-4deg) skew(-4deg, 0);
	-ms-transform: rotate(-4deg) skew(-4deg, 0);
	-o-transform: rotate(-4deg) skew(-4deg, 0);
	transform: rotate(-4deg) skew(-4deg, 0);
}

.feature-title span {
	background-color: #333;
	padding: 15px;
	display: block;
}

/* Previous Clients Section
--------------------------------------------------*/

#previous-clients {
	padding: 20px 0;
}

/* Skill Bars */

.skill-bars {
	width: 95%;
	position: relative;
	float: left;
	line-height: 2em;
	margin-top: 20px;
	padding: 0;
}

.col { 
	width: 95%; 
}

#skill { 
	color: #333;
	list-style: none; 
	padding-top: 30px;
}

#skill li { 
	margin-bottom: 40px; 
	background: #fff;
	background: rgba(255, 255, 255, .5); 
	height: 40px;
}

#skill li span {
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

#skill li em { 
	position: relative; 
	top: -25px;
	font-family: 'Oswald', sans-serif; /* This theme uses Google Web Fonts for the headings. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
	font-style: normal;
	text-transform: uppercase;
}

.expand { 
	height: 40px; 
	margin: 0; 
	background: #333; 
	position: absolute;
}

.sites 			{ width: 70%;  -moz-animation: sites 2s ease-out;	-webkit-animation: sites 2s ease-out; }
.clients  		{ width: 90%;  -moz-animation: clients 2s ease-out;    -webkit-animation: clients 2s ease-out; }
.complaining	{ width: 30%;  -moz-animation: complaining 2s ease-out;  -webkit-animation: complaining 2s ease-out; }
.coffee 		{ width: 80%;  -moz-animation: coffee 2s ease-out;  -webkit-animation: coffee 2s ease-out; }

@-moz-keyframes sites    	{ 0%  { width: 0px;} 100%{ width: 70%;}  }
@-moz-keyframes clients     { 0%  { width: 0px;} 100%{ width: 90%;}  }
@-moz-keyframes complaining { 0%  { width: 0px;} 100%{ width: 30%;}  }
@-moz-keyframes coffee   	{ 0%  { width: 0px;} 100%{ width: 80%;}  }

@-webkit-keyframes sites    	{ 0%  { width: 0px;} 100%{ width: 70%;}  }
@-webkit-keyframes clients     	{ 0%  { width: 0px;} 100%{ width: 90%;}  }
@-webkit-keyframes complaining  { 0%  { width: 0px;} 100%{ width: 30%;}  }
@-webkit-keyframes coffee   	{ 0%  { width: 0px;} 100%{ width: 80%;}  }

/* Client Logos */

.logos {
	text-align: center;
	padding: 0;
	border-top: medium double #999;
	border-bottom: medium double #999;
}

#client-logos {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 0;
	padding: 10px 0;
}

#client-logos li {
	float: left;
	padding: 10px 20px;
}

/* Contact Section
--------------------------------------------------*/

#contact {
	margin-top: 20px;
}

#contact h3 {
	text-transform: uppercase;
}

#contact p {
	text-align: left;
}

#contact p:first-of-type:first-line {
	font-weight: bold;
	letter-spacing: 0.1em;
}

#contact p:first-of-type:first-letter {
    font-size: 4em;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1em;
    padding: 0;
    margin-right: 5px;
}

/* Contact Details */

#contact-details {
	margin-top: 10px;
	text-align: left;
}

#contact-details li {
	margin-bottom: 20px;
}

/* Google Map */

#map {
	width: 100%;
	height: 350px;
	margin-bottom: 40px;
	border: 6px solid #fff;
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.map-overlay {
	width: 100%;	
	display: block;
	text-align: center;
	background-color: #333;
	background-color: none;
	color: #fff;
	padding: 10px 15px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 8px 1px #666;
	-webkit-box-shadow: 1px 1px 8px 1px #666;
	box-shadow: 1px 1px 8px 1px #666;
}

.map-overlay_arrow {
	left: 50%;
	width: 0;
	height: 0;
	position: absolute;
}

.map-overlay_arrow.above {
	bottom: -16px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #333;
}

.map-overlay_arrow.below {
	top: -16px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #333;
}

/* Social Media Icons */

#social-icons {
	display: inline-block;
	margin-top: 20px;
}

#social-icons li {
	background-color: #333;
	border-radius: 1px;
	float: left;
	opacity: 1;
	line-height: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

#social-icons li:hover {
	background-color: #e15154;
}

/* Single Page (ie; Meet the team, What we do, etc...)
--------------------------------------------------*/

#page-introduction {
	margin-top: 60px;
}

/* Services Page
--------------------------------------------------*/

/* Pricing Table */

.plan-features:nth-child(odd) {
    background: #f7f7f7;
    font-size: 13px;
    padding: 10px 5px;
    font-style: italic;
}

.plan-features:nth-child(even) {
    background: #fff;
    font-size: 13px;
    padding: 10px 5px;
    font-style: italic;
}

.plan-price {
    color: #fff;
    font-size: 40px;
    padding: 30px;
    text-align: center;
    -webkit-mask-image: url(../img/mask.png); 
    -o-mask-image: url(../img/mask.png); 
    -moz-mask-image: url(../img/mask.png); 
    mask-image: url(../img/mask.png); 
}

.plan-price span {
	font-size: 15px;
	display: block;
	margin-top: 15px;
	font-style: italic;
}

#pricing-plan-1,
#pricing-plan-2,
#pricing-plan-3,
#pricing-plan-4 {
	margin-bottom: 20px;
	border: medium double #ddd;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pricing-plan-1:hover,
#pricing-plan-2:hover,
#pricing-plan-3:hover,
#pricing-plan-4:hover {
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

#pricing-plan-1 .plan-price {
    background: none repeat scroll 0 0 #ccc;
    border-top: 1px solid #fff;
}

#pricing-plan-2 .plan-price {
    background: none repeat scroll 0 0 #999;
    border-top: 1px solid #fff;
}

#pricing-plan-3 .plan-price {
    background: none repeat scroll 0 0 #666;
    border-top: 1px solid #fff;
}

#pricing-plan-4 .plan-price {
    background: none repeat scroll 0 0 #333;
    border-top: 1px solid #fff;
}

.plan-title {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    font-family: "Oswald", sans-serif; /* This theme uses Google Web Fonts. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
    font-size: 20px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}

.plan-title [class^="icon-"] {
	display: inline-block;
	margin-bottom: 10px;
}

.plan-sign-up {
    background: #fff;
    padding: 20px;
}

a.sign-up-btn {
	margin: auto;
	position: relative;
	background-color: #e15154;
	border-bottom: none!important;
	width: 90px;
	color: #fff;
	display: block;
	font-family: 'Oswald', sans-serif; /* This theme uses Google Web Fonts. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 10px;
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png);
}

a.sign-up-btn:hover {
	background-color: #333;
}

.feature-desc {
    color: #666;
    text-align: center;
}

/* Blog Page (Single Article Page)
--------------------------------------------------*/

#single-article p:first-of-type:first-line {
	font-weight: bold;
	letter-spacing: 0.1em;
}

#single-article img {
	border: medium double #ccc;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}
	
#single-article img:hover,
#single-article .video-frame:hover {
	background-color: rgba(255, 255, 255, .9);
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

#single-article .single-thumbnail {
	border-bottom: none!important;
}

/* Comments */

#comments {
	margin-top: 20px;
	margin-left: 0;
}

#comments h4 {
	padding-bottom: 20px;
	text-transform: uppercase;
	display: block;
	border-bottom: medium double #999;
}

.comments-list {
    border-bottom: 1px solid #666;
    margin: 36px 0 40px;
    padding: 0 0 10px;
}

.comment {
    border-top: 1px solid #666;
    display: inline-block;
    margin-top: 10px;
    padding-top: 30px;
}

.comment .children .comment {
    margin-top: 10px;
    padding-top: 30px;
}

.comment:first-child {
    border-top: none;
    margin: 0;
    padding: 0;
}

.comment &gt; div {
    display: inline-block;
}

.comment .avatar {
    display: block;
    float: left;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    border: 2px solid #fff;
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border-radius: 1px;
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

.comment .comment-entry, 
.comment .comment-meta {
    float: right;
    width: 100%;
}

.comment .comment-meta {
    margin-top: -4px;
}

.comment .author {
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}

.comment .author .reply {
    color: #959595;
    font-size: 11px;
    text-transform: uppercase;
}

.comment .author .reply:hover {
    color: #d73300;
    font-size: 11px;
}

.comment .date {
    color: #959595;
    margin: 1px 0 8px;
}

.comment .children {
    padding-left: 60px;
}

.comment .children .comment {
    border-top: 1px solid #999;
    position: relative;
}

.comment .children .comment-entry, 
.comment .children .comment-meta {
    width: 100%;
}

.comment .children .children .comment-entry, 
.comment .children .children .comment-meta {
    width: 100%;
}
	
/* Comment Form */

#respond {
	margin-bottom: 20px;
	margin-left: 0;
}

#respond h3 {
	margin-bottom: 20px;
	text-transform: uppercase;
}

/* Blog Sidebar
--------------------------------------------------*/

#sidebar h4 {
	text-transform: uppercase;
	line-height: 20px;
	margin-top: 10px; 
	margin-bottom: 4px;
}

#sidebar h5 {
	display: block;
	font-family: Georgia, serif;
	font-size: 11px;
	font-style: italic;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-transform: lowercase;
	display: block;
	border-bottom: medium double #999;
}

.widget {
	margin-bottom: 30px;
}

/* Flickr Feed Widget */

.flickrbadge {
	margin: 0;
	padding: 0;
 	list-style: none;
	border: none;
}

.flickrbadge ul ul {
    padding: 0;
    margin: 0;
}

.flickrbadge {
    font-size: 120%;
	width: 100%;
	position: relative;
	text-align: left;
	margin: 0;
}

.flickrbadge a {
	display: block;
	border-bottom: none!important;
	font-size: 1em;
	color: #369;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
}

.flickrbadge a.flickrlink {
	padding-top: .3em;
	text-align: left;
}

.flickritems {
    position: relative;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
	float: left;
}

.flickritems li {
    float: left;
    padding: 0 10px 10px 0;
    margin-bottom: 0!important;
}

.flickritems li img {
    display: block;
	border: 2px solid #fff;
	margin-bottom: 0!important;
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border-radius: 1px;
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s; 
	opacity: .9;
}

.flickritems li img:hover {
	opacity: 1;
}

/* Accordion Widget */

#accordion-container {
	font-size: 13px;
	padding-bottom: 10px;
}

.accordion-header {
	border-bottom: 1px solid #999;
	font-size: 16px;
	margin: 0;
	padding: 0 20px;
	cursor: pointer;
	color: #666666;
	text-transform: uppercase;
}

.active-header {
	background: url('../img/accordion/active-header.gif');
	background-repeat: no-repeat;
	background-position: left 50%;
	color: #e15154;
}

.active-header:hover {
	background: url('../img/accordion/active-header.gif');
	background-repeat: no-repeat;
	background-position: left 50%;
}

.inactive-header {
	background: url('../img/accordion/inactive-header.gif');
	background-repeat: no-repeat;
	background-position: left 50%;
}

.inactive-header:hover {
	background: url('../img/accordion/inactive-header.gif');
	background-repeat: no-repeat;
	background-position: left 50%;
}

.accordion-content {
	display: none;
	padding: 5px 0 5px 20px;
	border-top: 0;
}

/* Tabbed Content Widget */

ul.tabs {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
	
ul.tabs li {
	float: left;
	font-family: 'Oswald', sans-serif; /* This theme uses Google Web Fonts for the headings. To change this font, go to http://www.google.com/webfonts/ and follow the instructions there. */
	text-transform: uppercase;
	margin: 0;
	cursor: pointer;
	padding: 0px 21px ;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	overflow: hidden;
	position: relative;
}
	
ul.tabs li:hover {
	background: #ccc;
}	
	
ul.tabs li.active{
	background: #ddd;
	border-bottom: 1px solid #ddd;
}
	
.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	min-height: 200px;
	height: auto;
}
	
.tab_content {
	padding: 20px 20px 20px 0;
	display: none;
}

.posts li {
	float: left;
}

.posts img {
	float: left;
	display: block;
	margin-right: 10px;
}
	
.posts .entry {
	display: block;
}

/* Back To Top Button
--------------------------------------------------*/

#back-to-top {
  	position: fixed;
  	right: 0px;
  	display: none;
  	bottom: 30px;
  	margin: 0;
  	z-index: 1000;
}

#back-to-top a {
	text-decoration: none;
	border: none;
	display: block;
	width: 45px;
	height: 45px;
	background: url(../img/back_to_top_btn_hover.png) no-repeat 50% 50%;
	background-color: #333;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#back-to-top a:hover {
	background: url(../img/back_to_top_btn.png) no-repeat 50% 50%;
  	background-color: #999;
}

/* Twitter (Latest Tweets Widget)
--------------------------------------------------*/

.tweet,
.query {
	font-size: 13px;
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

.tweet_list li {
	border-bottom: 1px solid #999;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px 0 20px 0;
	list-style-type: none;
	line-height: 23px;
}

.tweet_list li a {
	color: #e15154;
}

.tweet_list li a:hover {
	color: #000;
}

.tweet_list .tweet_avatar {
	border-bottom: none!important;
	padding-right: 15px; 
	float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
	border: 2px solid #fff;
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border-radius: 1px;
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc;
}

/* 5 - Media Queries
================================================== */

/* iPad Portrait Only (fixes a few small kinks for the image overlays etc...) */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

	#header-navigation[role="navigation"] li a {
		padding: 5px 15px;
	}
	
	.four.columns h2 {
		font-size: 14px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	.four.columns .read-more-btn {
		font-size: 10px;
		padding: 2px 5px;
	}
	
	.four.columns [class^="icon-"] {
		font-size: 14px;
	}

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1280px) {

	.flex-caption .details {
		width: 50%;
	}
	
	.flex-title,
	.flex-title span,
	.mask .flex-title,
	.feature-title,
	.feature-title span,
	.mask .feature-title {
		font-size: 35px;
	}
	
	.flex-caption p {
		font-size: 13px;
		line-height: 1.4;
		margin-top: 5px;
	}
	
	.flex-title span,
	.feature-title span {
		padding: 5px 10px;
	}
	
	.flex-caption a.read-more-btn {
		font-size: 13px;
		padding: 8px;
		margin-top: 0;
	}

	.flex-title,
	.flex-title span,
	.mask .flex-title,
	.feature-title,
	.feature-title span,
	.mask .feature-title,
	.section-heading h1 span {
		-webkit-mask-image: none; 
		-o-mask-image: none; 
		-moz-mask-image: none; 
		mask-image: none; 
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	#header-global {
		text-align: center;
	}
	
	#header-navigation[role="navigation"] ul {
		display: none;
	}
	
	.selectnav {
	    background: url(../img/nav_arrow.png) no-repeat;
	    background-position: center right;
	    border: 1px solid #ddd;
	    border-radius: 1px;
	    color: #333;
	    display: inline-block;
	    font-size: 12px;
	    margin: 0 0 30px;
	    padding: 8px 10px;
	    cursor: pointer;
	    text-transform: uppercase;
	    -webkit-appearance: none;
	    width: 100%;
	}
	
	#introduction p {
		font-size: 17px;
		line-height: 1.7;
	}
	
	.flex-title,
	.flex-title span,
	.mask .flex-title,
	.feature-title,
	.feature-title span,
	.mask .feature-title,
	.flex-caption .details {
		display: none;
	}

	.section-heading h1 span {
		-webkit-mask-image: none; 
		-o-mask-image: none; 
		-moz-mask-image: none; 
		mask-image: none; 
	}
	
	#client-logos {
		margin-bottom: 20px;
	}
	
	#client-logos li {
		float: none;
		margin-bottom: 20px;
	}
	
	.flex-title,
	.flex-direction-nav a {
		display: none!important;
	}
	
	#portfolio-filter li {
		float: left;
		font-size: 12px;
		line-height: .7;
		padding: 10px 0 10px 10px;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {	

}

/* Mobile Portrait Size Only (devices and browsers) */
@media only screen and (max-width: 320px) {

}

/* 6 - Font Awesome (Icon Font)
================================================== */

/* Font Awesome:http://fortawesome.github.com/Font-Awesome/
License
-------------------------------------------------------
The Font Awesome webfont,CSS,and LESS files are licensed under CC BY 3.0:http://creativecommons.org/licenses/by/3.0/ A mention of 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable source code is considered acceptable attribution (most common on the web).
If human readable source code is not available to the end user,a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or mobile software). */

@font-face{ 
	font-family:'FontAwesome';
	src:url('../fonts/font-awesome/fontawesome-webfont.eot');
	src:url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/font-awesome/fontawesome-webfont.woff') format('woff'),
		url('../fonts/font-awesome/fontawesome-webfont.ttf') format('truetype'),
		url('../fonts/font-awesome/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}

/*  Font Awesome styles
------------------------------------------------------- */

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  //vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }</pre></body></html>