@charset "UTF-8";

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block}audio,canvas,video{ display:inline-block}audio:not([controls]){ display:none; height:0}[hidden]{ display:none}html{ font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%}body{ margin:0}a:focus{ outline:thin dotted}a:active,a:hover{ outline:0}h1{ font-size:2em; margin:0.67em 0}abbr[title]{ border-bottom:1px dotted}b,strong{ font-weight:bold}dfn{ font-style:italic}hr{ -moz-box-sizing:content-box; box-sizing:content-box; height:0}mark{ background:#ff0; color:#000}code,kbd,pre,samp{ font-family:monospace,serif; font-size:1em}pre{ white-space:pre-wrap}q{ quotes:"\201C""\201D""\2018""\2019"}small{ font-size:80%}sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline}sup{ top:-0.5em}sub{ bottom:-0.25em}img{ border:0}svg:not(:root){ overflow:hidden}figure{ margin:0}fieldset{ border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}legend{ border:0; padding:0}button,input,select,textarea{ font-family:inherit; font-size:100%; margin:0}button,input{ line-height:normal}button,select{ text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance:button; cursor:pointer}button[disabled],html input[disabled]{ cursor:default}input[type="checkbox"],input[type="radio"]{ box-sizing:border-box; padding:0}input[type="search"]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{ border:0; padding:0}textarea{ overflow:auto; vertical-align:top}table{ border-collapse:collapse; border-spacing:0}





/*********************************************/
/* WebMan's alterations                      */
/*********************************************/

	* {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	button,
	input,
	select,
	textarea {
		padding: 0 9px;
		font-family: inherit;
		background: transparent;
		color: inherit;
		outline: none;
	}
	input[type="checkbox"],
	input[type="radio"] {padding: 0}
	fieldset {
		padding: 0;
		margin: 0;
		border: none;
	}

	a:focus {outline: none}

	p,
	address {
		padding: 0;
		margin: 1.5em 0 0;
	}
		p:first-child {margin-top: 0}

	small {font-size: 85%}

	menu,
	ol,
	ul {
		padding: 0;
		margin: 0;
	}
	ul {list-style: none}


/*********************************************/
/* main elements                             */
/*********************************************/

body {}

.wrap {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.top-bar.fixed+.wrap {
	top: 40px
}

.wrap-widgets .widgets {
	position: relative;
	margin: 0 auto;
}



/* boxed layout */
/* IE8 shadows */
.lie8 .boxed .wrap:after,
.lie8 .boxed .wrap:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 100%;
	left: -5px;
	top: 0;
	background: url(../img/ie8-boxed-shadow.png) repeat-y 0 0;
}

.lie8 .boxed .wrap:after {
	left: auto;
	right: -5px;
	background: url(../img/ie8-boxed-shadow.png) repeat-y 100% 0;
}



/*********************************************/
/* global elements and classes               */
/*********************************************/

a {
	text-decoration: none;
	color: blue;
}

a * {
	cursor: pointer
}

/* IE7 */
a:hover {}

a:visited {}

.no-js .email-nospam,
.no-js .staff-card .email,
.no-js .staff-excerpt li.icon-envelope {
	display: none
}

abbr[title],
acronym[title] {
	cursor: help
}

blockquote {
	position: relative;
	padding: 0 1em 0 2.5em;
	margin: 1.5em 0 0;
	background-repeat: no-repeat;
	background-position: 0 0.25em;
}

blockquote.large {
	padding-left: 3em;
	padding-right: 3em;
	margin-top: 0;
	text-align: center;
}

.single-format-quote .article-content blockquote {
	margin-top: 0
}

blockquote p {
	padding: 0
}

/* default blockquote icon */
blockquote:before,
blockquote.large:after {
	position: absolute;
	left: -10px;
	top: 0.2em;
	font-size: 4.5em;
}

blockquote.large:before {
	left: 0
}

blockquote:before {
	content: '\201C'
}

blockquote.large:after {
	content: '\201D';
	left: auto;
	right: 0;
}

/* small blockquote icon */
.sidebar blockquote:before,
.footer blockquote:before {
	font-size: 2.5em
}

/* inline quotation */
q:before {
	content: '\201C'
}

q:after {
	content: '\201D'
}

code {
	padding: 0 1px
}

del,
strike,
s {
	text-decoration: line-through
}

.lie8 img[width] {
	width: auto
}

img,
iframe {
	vertical-align: middle
}

iframe {
	border: 0;
	outline: 0;
}

p+iframe {
	margin-top: 1.5em
}

.column img,
.column iframe,
.widget img,
.widget iframe,
.pane img,
.pane iframe {
	max-width: 100%
}

p {
	word-wrap: break-word
}

pre {
	padding: 15px;
	margin: 0;
	line-height: 30px;
	word-wrap: break-word;
	background: url(../img/lines.png) repeat 0 -15px;
	border: 1px solid #eee;
}

.dark-icons pre {
	border-color: #eee
}

.light-icons pre {
	border-color: #333
}

*+pre {
	margin-top: 1.5em
}

address.address-icons {
	padding: 0 0 0 24px;
	background-repeat: no-repeat;
	background-position: 0 0.25em;
}

.address-icons .contact-email,
.address-icons .contact-phone {
	display: block;
	padding-top: 15px;
	padding-left: 24px;
	margin-left: -24px;
	background-repeat: no-repeat;
	background-position: 0 15px;
}

.address-icons .contact-email+br,
.address-icons .contact-phone+br {
	display: none
}

.no-js .address-icons .contact-email {
	display: none
}



/* text selection */
::-moz-selection {
	text-shadow: none
}

::selection {
	text-shadow: none
}



/* classes */
.text-center {
	text-align: center !important
}

.text-left {
	text-align: left !important
}

.text-right {
	text-align: right !important
}

.hide {
	display: none !important
}

.left {
	float: left !important
}

.right {
	float: right !important
}

span.br {
	clear: both;
	display: block;
	width: 100%;
	height: 30px;
}

#snippet-box,
/* "All In One Schema.org Rich Snippets" plugin support */
#schema_block,
/* "Schema Creator by Raven" plugin support */
.invisible,
.assistive-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	left: 0 !important;
	top: 0 !important;
	clip: rect(1px 1px 1px 1px) !important;
	/* IE7 */
	clip: rect(1px, 1px, 1px, 1px) !important;
	overflow: hidden !important;
}

.image-container {
	position: relative
}

.image-container img {
	width: 100%
}

.mt0 {
	margin-top: 0 !important
}

.mt10 {
	margin-top: 10px !important
}

.mt20 {
	margin-top: 20px !important
}

.mt30 {
	margin-top: 30px !important
}

.mt40 {
	margin-top: 40px !important
}

.mt50 {
	margin-top: 50px !important
}

.mt60 {
	margin-top: 60px !important
}

.mr0 {
	margin-right: 0 !important
}

.ml0 {
	margin-left: 0 !important
}

.bb1 {
	padding-bottom: 0.25em;
	border-bottom: 1px solid #ddd;
}

.no-border {
	border: none !important
}

mark,
.marker {
	padding: 2px 5px;
	color: #444;
	background-color: #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* clearing */
/* FF 3.5+, IE8+ */
/* Use clearfix class on parent to clearfix nested columns, or wrap each row of columns in a <div class="row"> */
.wrap-inner:before,
.wrap-inner:after,
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: " ";
	display: block;
	display: table;
	/* The use of 'table' rather than 'block' is only necessary if using :before to contain the top-margins of child elements. */
}

.wrap-inner:after,
.row:after,
.clearfix:after {
	clear: both;
}



/*********************************************/
/* breadcrumbs and pagination                */
/*********************************************/

/* breadcrumbs */
.breadcrumbs {
	position: relative;
	line-height: 34px;
	overflow: hidden;
	color: #999;
}

.breadcrumbs a,
.breadcrumbs span {
	float: left;
	display: block;
	height: 54px;
	padding: 10px 0;
	color: inherit;
}

.breadcrumbs span {
	color: #ccc
}

.breadcrumbs a:hover {
	text-decoration: none
}

.breadcrumbs .separator {
	width: 15px;
	height: 100%;
	margin: 0 10px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.breadcrumbs .separator,
.breadcrumbs.dark-icons .separator {
	background-image: url(../img/separator-breadcrumbs-black.png)
}

.breadcrumbs.light-icons .separator {
	background-image: url(../img/separator-breadcrumbs-white.png)
}

.breadcrumbs .current-item {
	cursor: help
}

.breadcrumbs .form-search {
	float: right;
	margin: 10px 0;
}

@media only screen and (min-width: 768px) {
	.breadcrumbs-fixed .breadcrumbs {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 99;
	}
}

/* pagination */
.pagination {
	clear: both;
	padding: 30px 0 0;
	overflow: hidden;
}

.pagination a,
.pagination span,
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span {
	display: block;
	float: left;
	padding: 2px 10px;
}

.pagination>span {
	opacity: 0.33;
	filter: alpha(opacity=33);
	/* For IE8 and earlier */
}

.pagination .prev {
	border-right: 1px solid #ddd
}

.pagination .next {
	border-left: 1px solid #ddd
}

/* borders */
.pagination a,
.pagination span,
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi a:hover,
.pagination .wp-pagenavi span.current,
.pagination .wp-pagenavi span {
	border: 0
}

/* dots */
.pagination>span.dots,
.pagination .wp-pagenavi .pages,
.pagination .wp-pagenavi span.extend {
	min-width: auto;
	padding: 0 .5em;
	background: transparent;
	border: 0;
}

/* WP-PageNavi pages summary */
.pagination .wp-pagenavi .pages {
	float: right;
	padding: 0;
	margin: 0 0 0 .25em;
}



/*********************************************/
/* headings                                  */
/*                                           */
/* Shortcodes headings can be found directly */
/* in shortcodes.css file.                   */
/*********************************************/

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
}

.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
	color: inherit
}

*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
	margin-top: 30px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
	color: inherit;
}

/* in comments */
#comments-title {
	margin: 0
}

#reply-title {
	position: relative;
	margin: 0
}

#reply-title small a {
	/* cancel reply link */
	position: absolute;
	right: 0;
	top: 0;
}

.list-articles .post-title {
	padding: 0;
	margin: 0;
}

.list-articles *+.post-title {
	margin-top: 20px
}

.list-search .post-title {
	padding: 10px 0 0;
	margin: 0 0 20px;
}

.related-projects>h3 {
	overflow: hidden;
	padding-bottom: 30px;
}

.bio h4 {
	padding-bottom: 0.5em;
	margin-top: 1.5em;
}

/* main post/page title and subtitle */
.main-heading {
	position: relative;
	clear: both;
	overflow: hidden;
}

.main-heading .twelve.pane {
	padding-top: 30px;
	padding-bottom: 30px;
}

.single-format-status .main-heading {
	display: none
}

.main-heading i[class^="icon-"] {
	position: absolute;
	display: block;
	right: 0;
	top: 20px;
	line-height: 100px;
	font-size: 100px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	/* For IE8 and earlier */
	z-index: 0;
}

.main-heading.text-right i[class^="icon-"] {
	left: 0;
	right: auto;
}

.main-heading h1,
.main-heading h2 {
	margin: 0 30% 0 0
}

.main-heading.text-right h1,
.main-heading.text-right h2 {
	margin: 0 0 0 30%
}

.main-heading.text-center h1,
.main-heading.text-center h2 {
	margin: 0
}

.main-heading h2 {
	margin-top: 1em;
	overflow: hidden;
}

.main-heading h2.h1-style {
	margin-top: 0
}

.main-heading h2 .icon-social,
.main-heading h2 .author-website {
	display: inline-block;
	margin: 5px 0 0;
}

.main-heading h1.invisible+h2 {
	margin-top: 0
}

.main-heading .avatar {
	width: 90px;
	height: 90px;
}

/* widgets headings */
.widget-heading {
	margin: 0 0 10px;
	text-transform: uppercase;
}

.widget-heading span {
	position: relative
}

.top-bar .widget-heading {
	display: none
}

/* custom */
.wpforms-field.wpforms-field-content .wpforms-field-row ul.dash-bullet {
	list-style: none !important;
	padding: 0 !important;
}

.wpforms-field.wpforms-field-content .wpforms-field-row ul.dash-bullet li::before {
	content: "-";
	margin-right: 5px;
}/*********************************************/
/* content columns                           */
/*********************************************/

	/* columns wrapper - used in widget wrappers */
		.columns {
			position: relative;
			overflow: hidden;
		}

	/* single column (and widget in widget wrappers) basic styles */
		.column,
		.columns > .widget {
			position: relative;
			float: left;
			padding: 0;
			margin: 0 4% 0 0;
		}
			.columns > .widget,
			.columns > .column {margin: 0 0 0 4%}
				.columns > .widget:first-child,
				.columns > .column:first-child,
				.column.no-margin {margin: 0}
				.column.last {margin-right: 0 !important}
				.column.last + * {clear: both}

	/* column widths */
	/* full width = 990, normal content width = 720 */
	/* 1/1 */
		.columns.count-1 > div,
		.columns.count-1 > .widget,
		.columns.count-1 > .column {width: 100%}
		.col-11 {width: 100%}

	/* 1/2 */
		.columns.count-2 > div,
		.columns.count-2 > .widget,
		.columns.count-2 > .column,
		.col-12 {width: 48%}
		.col-12.no-margin {width: 50%}

	/* 1/3, 2/3 */
		.columns.count-3 > div,
		.columns.count-3 > .widget,
		.columns.count-3 > .column,
		.col-13 {width: 30.6%}
		.col-23 {width: 65.2%}
		.col-13.no-margin {width: 33.33%}
		.col-23.no-margin {width: 66.66%}

	/* 1/4, 3/4 */
		.columns.count-4 > div,
		.columns.count-4 > .widget,
		.columns.count-4 > .column,
		.col-14 {width: 22%}
		.col-34 {width: 74%}
		.col-14.no-margin {width: 25%}
		.col-34.no-margin {width: 75%}

	/* 1/5, 2/5, 3/5, 4/5 */
		.columns.count-5 > div,
		.columns.count-5 > .widget,
		.columns.count-5 > .column,
		.col-15 {width: 16.8%}
		.col-25 {width: 37.6%}
		.col-35 {width: 58.4%}
		.col-45 {width: 79.2%}
		.col-15.no-margin {width: 20%}
		.col-25.no-margin {width: 40%}
		.col-35.no-margin {width: 60%}
		.col-45.no-margin {width: 80%}

	/* 1/6, 5/6 */
		.columns.count-6 > div,
		.columns.count-6 > .widget,
		.columns.count-6 > .column,
		.col-16 {width: 13.3%}
		.col-56 {width: 82.5%}
		.col-16.no-margin {width: 16.66%}
		.col-56.no-margin {width: 83.30%}



	/* gallery columns */
		.gallery-columns {overflow: hidden}
		.gallery-columns .column {margin-top: 30px}
		.gallery-columns .column.first-row {margin-top: 0}
		.gallery-columns .column.no-margin a {
			padding: 0;
			margin: 0 1px 1px 0;
			border: none;
		}
		.slider .gallery-columns .column.no-margin a {margin: 0}
		.gallery-columns .column.no-margin {margin-top: 0}


/*
* Based on Skeleton V1.1 by Dave Gamache
* www.getskeleton.com
*/


/* Table of Contents
==================================================
	#Base 1240 Grid
	#Tablet (Landscape)
	#Tablet (Portrait)
	#Mobile (Landscape and Portrait)
*/



/* #Base 1240 Grid
================================================== */

	.boxed .wrap {
		width: 1280px;
	}
	.wrap-inner {
		width: 1280px;
		margin: 0 auto;
		padding: 0 20px;
	}
		.boxed .slider-main-wrap .wrap-inner {
			padding: 0;
		}
		.slider-caption-content {
			width: 1160px;
		}
	.pane {
		position: relative;
		float: left;
		display: block;
		margin-left: 40px;
	}
		.boxed .slider-main-wrap .twelve.pane {margin-left: 60px}
		.sidebar.sidebar-right .widget {margin-left: 40px}
		.sidebar.sidebar-left .widget {margin-right: 40px}
	.pane.no-margin {
		margin: 0;
	}
	.pane.margin-right {
		margin-right: 40px;
	}
	.row {
		margin-bottom: 20px;
	}

	/* Base Grid (gutter 40px, pane 60px) */
		.wrap-inner .one.pane    { width: 60px;  }
		.wrap-inner .two.pane    { width: 160px; }
		.wrap-inner .three.pane  { width: 260px; }
		.wrap-inner .four.pane   { width: 360px; }
		.wrap-inner .five.pane   { width: 460px; }
		.wrap-inner .six.pane    { width: 560px; }
		.wrap-inner .seven.pane  { width: 660px; }
		.wrap-inner .eight.pane  { width: 760px; }
		.wrap-inner .nine.pane   { width: 860px; }
		.wrap-inner .ten.pane    { width: 960px; }
		.wrap-inner .eleven.pane { width: 1060px; }
		.wrap-inner .twelve.pane { width: 1160px; }



/* #Tablet (Landscape)
================================================== */

	/* Note: Design for a width of 1280px (gutter 30px, pane 50px) */

	@media only screen and (min-width: 1020px) and (max-width: 1279px) {
		.boxed .wrap {
			width: 1020px;
		}
		.wrap-inner {
			width: 1020px;
			padding: 0 15px;
		}
			.boxed .slider-main-wrap .wrap-inner {
				width: 100%;
				padding: 0;
			}
			.slider-caption-content {
				width: 930px;
			}
		.pane {
			margin-left: 30px;
		}
			.boxed .slider-main-wrap .twelve.pane {margin-left: 45px}
			.sidebar.sidebar-right .widget {margin-left: 30px}
			.sidebar.sidebar-left .widget {margin-right: 30px}
		.pane.margin-right {
			margin-right: 30px;
		}

		.wrap-inner .one.pane    { width: 50px;  }
		.wrap-inner .two.pane    { width: 130px; }
		.wrap-inner .three.pane  { width: 210px; }
		.wrap-inner .four.pane   { width: 290px; }
		.wrap-inner .five.pane   { width: 370px; }
		.wrap-inner .six.pane    { width: 450px; }
		.wrap-inner .seven.pane  { width: 530px; }
		.wrap-inner .eight.pane  { width: 610px; }
		.wrap-inner .nine.pane   { width: 690px; }
		.wrap-inner .ten.pane    { width: 770px; }
		.wrap-inner .eleven.pane { width: 850px; }
		.wrap-inner .twelve.pane { width: 930px; }
	}



/* #Tablet (Portrait)
================================================== */

	/* Note: Design for a width of 768px (gutter 20px, pane 42px) */

	@media only screen and (min-width: 768px) and (max-width: 1019px) {
		.boxed .wrap {
			width: 760px;
		}
		.wrap-inner {
			width: 760px;
			padding: 0 10px;
		}
			.slider-caption-content {
				width: 700px;
			}
		.pane {
			margin-left: 20px;
		}
			.boxed .slider-main-wrap .twelve.pane {margin-left: 30px}
			.sidebar.sidebar-right .widget {margin-left: 20px}
			.sidebar.sidebar-left .widget {margin-right: 20px}
		.pane.margin-right {
			margin-right: 20px;
		}

		.wrap-inner .one.pane    { width: 40px; }
		.wrap-inner .two.pane    { width: 100px; }
		.wrap-inner .three.pane  { width: 160px; }
		.wrap-inner .four.pane   { width: 220px; }
		.wrap-inner .five.pane   { width: 280px; }
		.wrap-inner .six.pane    { width: 340px; }
		.wrap-inner .seven.pane  { width: 400px; }
		.wrap-inner .eight.pane  { width: 460px; }
		.wrap-inner .nine.pane   { width: 520px; }
		.wrap-inner .ten.pane    { width: 580px; }
		.wrap-inner .eleven.pane { width: 640px; }
		.wrap-inner .twelve.pane { width: 700px; }
	}



/*  #Mobile (Landscape and Portrait)
================================================== */

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

	@media only screen and (max-width: 767px) {
		.boxed .wrap {
			width: 90%;
		}
		.wrap-inner {
			width: 100%;
			padding: 0;
		}
		.pane {
			margin-left: 4%;
		}
			.boxed .slider-main-wrap .twelve.pane {margin-left: 4%}
			.sidebar.sidebar-right .widget,
			.sidebar.sidebar-left .widget {
				margin-left: 20px;
				margin-right: 20px;
			}
		.pane.margin-right {
			margin-right: 4%;
		}

		.wrap-inner .one.pane,
		.wrap-inner .one.pane,
		.wrap-inner .two.pane,
		.wrap-inner .three.pane,
		.wrap-inner .four.pane,
		.wrap-inner .five.pane,
		.wrap-inner .six.pane,
		.wrap-inner .seven.pane,
		.wrap-inner .eight.pane,
		.wrap-inner .nine.pane,
		.wrap-inner .ten.pane,
		.wrap-inner .eleven.pane,
		.wrap-inner .twelve.pane { width: 92%; }
		.wrap-inner .columns > div,
		.wrap-inner .columns > .widget,
		.wrap-inner .column {
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}

		.column + .column,
		.columns > .widget + .widget {margin-top: 20px}
	}


/*
*****************************************************
* WEBMAN'S WORDPRESS THEME FRAMEWORK
* Created by WebMan - www.webmandesign.eu
*
* Basic WordPress styles and classes
*****************************************************
*/

	/* alignment */
		.alignleft, img.alignleft {
			float: left;
			margin-right: 30px;
			margin-bottom: 15px
		}
		.alignright, img.alignright {
			float: right;
			margin-left: 30px;
			margin-bottom: 15px
		}
		.aligncenter, img.aligncenter {
			clear: both;
			display: block;
			margin: 0 auto;
		}
		.alignnone, img.alignnone {margin: 0}



	/* image captions */
		.wp-caption {
			position: relative;
			max-width: 100%;
			text-align: center;
		}
			.wp-caption figure {
				position: relative;
				display: inline-block;
				padding: 4px;
				margin: 0 auto;
				text-align: center;
				background: transparent;
				overflow: hidden;
			}
			.wp-caption .alignleft,
			.wp-caption .alignright,
			.wp-caption .aligncenter {
				float: none !important;
				margin: 0 !important;
			}
			.wp-caption .wp-caption-text {
				padding: 10px 0 5px;
				overflow: hidden;
			}



	/* smilies */
		img.wp-smiley {
			display: inline !important;
			width: auto;
			max-height: 1em;
			margin: 0 !important;
		}



	/* sticky posts */
		.sticky {}


/*********************************************/
/* form styles                               */
/*********************************************/

	/* general forms */
		form {margin: 1.5em 0 0}

		/* labels */
			label {
				display: inline-block;
				padding-bottom: 0.5em;
			}
			label[for] {cursor: pointer}

		/* form input elements */
			button,
			input,
			select,
			textarea {
				max-width: 100%;
				vertical-align: middle;
			}
			button,
			input[type="text"],
			input[type="password"],
			select,
			textarea {
				background-color: rgba(0,0,0, 0); /* for Opera browser to force background image */
				background-image: url(../img/transparent/black/5.png);
				-webkit-border-radius: 4px;
				   -moz-border-radius: 4px;
				        border-radius: 4px;
			}
				.dark-icons button,
				.dark-icons input[type="text"],
				.dark-icons input[type="password"],
				.dark-icons select,
				.dark-icons textarea {background-image: url(../img/transparent/black/5.png)}
				.light-icons button,
				.light-icons input[type="text"],
				.light-icons input[type="password"],
				.light-icons select,
				.light-icons textarea {background-image: url(../img/transparent/white/5.png)}
			input {
				height: 34px;
				line-height: 34px;
			}

		/* text input */
			input[type="text"],
			input[type="password"] {
				width: 220px;
				margin-right: 0.5em;
			}

			textarea {
				padding: 9px;
				margin-right: 0.5em;
				vertical-align: top;
				word-wrap: break-word;
				overflow-y: auto;
				resize: vertical;
			}

		/* checkboxes and radio buttons */
			input[type="checkbox"],
			input[type="radio"] {
				width: 14px;
				height: 14px;
				margin-right: 0.5em;
			}

		/* select */
			select {
				position: relative;
				width: 240px;
				height: auto;
				padding: 8px 9px;
				margin-right: 0.5em;
				line-height: 20px;
			}
				select option {
					background: #fff;
					color: #000;
				}
				/* hack to target WebKit browsers only */
				@media screen and ( -webkit-min-device-pixel-ratio: 0 ) {
					select {
						-webkit-appearance: none;
						background-position: 98% 50%, 0 0; /* top images first, than bottom ones */
						background-repeat: no-repeat, repeat; /* top images first, than bottom ones */
					}
					select,
					.dark-icons select {
						background-image: url(../img/icons/16x16/arrow-down.png), url(../img/transparent/black/5.png); /* top images first, than bottom ones */
					}
					.light-icons select {
						background-image: url(../img/icons/16x16/arrow-down-inverse.png), url(../img/transparent/white/5.png); /* top images first, than bottom ones */
					}
				}

		/* submit buttons */
			input[type="button"],
			input[type="submit"] { /* more in core.css */
				padding: 0 15px;
				line-height: normal;
				cursor: pointer;
			}
				input[disabled] {
					background-image: none;
					opacity: 0.66;
					filter: alpha(opacity=66); /* For IE8 and earlier */
				}



	/* search form */
		.form-search {
			position: relative;
			display: block;
			width: 200px;
			height: 34px;
			max-width: 100%;
			margin: 0;
			text-align: left;
		}
			.sidebar .form-search {width: 100%}

			.form-search input[type="text"],
			.widget .form-search input[type="text"] {
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
				padding: 0 34px 0 8px;
				margin-right: 0;
			}

			.form-search input[type="submit"] {
				position: absolute;
				width: 34px;
				height: 34px;
				right: 0;
				top: 0;
				text-indent: -999em;
				background-color: transparent;
				background-image: url(../img/buttons/black/btn-search.png);
				background-repeat: no-repeat;
				background-position: 0 1px;
				border: none;
				-webkit-border-radius: 0;
				   -moz-border-radius: 0;
				        border-radius: 0;
				-webkit-box-shadow: none !important;
				   -moz-box-shadow: none !important;
				        box-shadow: none !important;
			}
				.dark-icons .form-search input[type="submit"] {background-image: url(../img/buttons/black/btn-search.png)}
				.light-icons .form-search input[type="submit"] {background-image: url(../img/buttons/white/btn-search.png)}
				.ie7 .form-search input[type="submit"] {
					text-transform: capitalize; /* magically, this causes IE7 to accept text-indent */
				}
				.form-search input[type="submit"]:before {display: none}
				.form-search input[type="submit"]:hover {
					background-position: 0 -31px;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
					-webkit-box-shadow: none !important;
					   -moz-box-shadow: none !important;
					        box-shadow: none !important;
				}
				.form-search input[type="submit"]:active {
					background-image: url(../img/buttons/black/btn-search.png) !important;
					-webkit-box-shadow: none !important;
					   -moz-box-shadow: none !important;
					        box-shadow: none !important;
				}
					.dark-icons .form-search input[type="submit"]:active {background-image: url(../img/buttons/black/btn-search.png) !important}
					.light-icons .form-search input[type="submit"]:active {background-image: url(../img/buttons/white/btn-search.png) !important}



	/* comments form */
		#respond {
			position: relative;
			padding: 20px 0;
		}
			#commentform p {
				position: relative;
				padding: 0 0 10px;
				margin: 0;
			}

			#commentform .required,
			.comment-notes,
			#commentform .comment-form-comment label {display: none}

			/* inputs */
				.comment-form-url input,
				.comment-form-email input,
				.comment-form-author input {
					width: 220px;
					margin-right: 0.5em;
				}

			/* textarea */
				#comment {
					width: 480px;
					height: 100px;
					padding: 10px;
					margin: 0;
				}

			/* additional info */
				.allowed-tags {width: 400px}
				.allowed-tags code {
					display: block;
					padding: 0.5em 0 0 0;
				}

			/* logged in user data */
				.personal_data p {
					float: left;
					width: 33%;
				}
				.personal_data label {display: none}

			/* comment form when replying */
				.commentlist #respond {padding-left: 90px}
				.commentlist .children #respond {padding-left: 60px}
				.commentlist #respond .note {display: none}



	/* widget form styles */
		/* text input fields width */
			.widget input[type="text"],
			.widget input[type="password"],
			.widget textarea {width: 100%}

		/* select width */
			.widget select {width: 100%}



	/* Contact Form 7 styles */
		.wpcf7 {}
			.wpcf7 form {margin-top: 0}
			.wpcf7 p {margin-top: 0.5em}
			.wpcf7-form-control-wrap br {display: none}
			.wpcf7 span.wpcf7-list-item {
				display: block;
				padding-bottom: 0.5em;
				margin: 0;
			}


/*********************************************/
/* typography                                */
/*********************************************/

	html {-webkit-font-smoothing: antialiased}

	/* font families */
		pre,
		code {
			font-family: 'Lucida Console', Monaco, 'Courier New', monospace;
		}
		/* other font families are being set in color skins and the default ones are located in style.php file */



	/* font sizes */
		body {font-size: 12px}

		.btn.size-small,
		.comment-reply-link, .comment-heading,
		.countdown-timer.size-medium .dash_title {font-size: 11px}

		.btn, .btn.size-medium, input[type="submit"],
		.countdown-timer.size-large .dash_title {font-size: 12px}

		.btn.size-large, .btn.size-extra-large {font-size: 13px}

		.countdown-timer .dash_title {font-size: 16px}

		.large blockquote .quote-source {font-size: 0.75em}

		.nav-main small,
		.attributes .attribute-heading,
		.meta-article {font-size: 0.85em}

		.logo .description,
		table,
		pre,
		small,
		.top-bar,
		.quote-source,
		#comments .reply, #comments .btn-edit, .children .comment-reply-link,
		.wp-caption-text,
		.size-small,
		.breadcrumbs,
		.price-column.legend .price-spec li,
		.wm-post-list .date, .wm-projects-list .date,
		.text-element.post-date,
		.tweet-time,
		.map .infoBox {font-size: 0.9em}

		h1.logo.img-only,
		.wm-post-list li h3, .wm-projects-list article h3,
		h4, h5, h6, .box > h1, .box > h2,
		.accordion-heading, .toggle-heading,
		.nav-main,
		#comments li li,
		input, select, textarea,
		.countdown-timer.size-small {font-size: 1em}

		.post-title.text-element,
		.project-title.text-element,
		.staff-title,
		blockquote,
		.author-details h3,
		#reply-title {font-size: 1.15em}

		big,
		h3, .main-heading h2, .call-to-action-title h2,
		.article-excerpt,
		.wrap-posts-shortcode .post-title,
		.pagination,
		.status,
		.call-to-action.has-title,
		.format-quote blockquote {font-size: 1.2em}

		h2,
		.large .status,
		.large blockquote {font-size: 1.4em}

		h2.post-title,
		.hero, .call-to-action,
		.dropcap.round, .dropcap.square, .dropcap.leaf {font-size: 1.6em}

		h1, h2.h1-style,
		blockquote.large {font-size: 2em}

		.size-big {font-size: 2.5em}

		.dropcap,
		.price-heading p.cost,
		.countdown-timer.size-medium {font-size: 2.8em}

		.size-huge {font-size: 3.5em}

		.countdown-timer.size-large {font-size: 4.5em}

		.page-404 h1,
		.numbering,
		.countdown-timer {font-size: 6em}



	/* font weights (100 - 900, 400 is the same as normal, and 700 is the same as bold) */
		.page-404 h1,
		.status,
		.size-big, .size-huge,
		.numbering,
		.countdown-timer .dash .digit {font-weight: 300}

		.logo,
		.main-heading h2, .sitemap-item h5,
		.nav-main li li,
		#wp-calendar tfoot a,
		.call-to-action-title small,
		.wrap-projects-shortcode .wrap-filter .count {font-weight: 400}

		strong,
		h4, .wm-post-list li h3, .wm-projects-list article h3, .call-to-action-title h2,
		.nav-main > ul > li > .inner span,
		th, tfoot td,
		#comments .awaiting,
		.contact-name,
		.btn, input[type="submit"],
		.price-column .cost,
		ul.tabs,
		.quote-source,
		.pagination a, .pagination span,
		.staff-card .name,
		.wrap-projects-shortcode .wrap-filter {font-weight: 700}



	/* font styles */
		.large blockquote, .quote-source, blockquote.large,
		#comments .author,
		.project-info .project-title {font-style: normal}

		blockquote,
		.nav-main small,
		.price-heading p.note, .price-column.legend,
		.project-info {font-style: italic}



	/* line heights */
		input[type="date"],
		input[type="email"],
		input[type="text"] {line-height: 1} /* Safari placeholder text fix */

		body,
		.main-heading h2,
		.slider-caption-content h2, .wm-post-list li h3,
		.tagcloud,
		.sidebar .wm-contact-info,
		.article-excerpt {line-height: 1.5em}

		.map .infoBox {line-height: 1.4em}

		h1, h2, h3, h4, h5, h6, h2.h1-style,
		table,
		.allowed-tags,
		.wp-caption .wp-caption-text,
		.wrap-projects-shortcode .project-info,
		.status,
		.call-to-action,
		.hero {line-height: 1.25em}

		.size-big,
		.size-huge,
		blockquote.large {line-height: 1.05em}

		.author-details h3,
		.logo,
		.nav-main a.btn,
		.numbering {line-height: 1em}


/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
	font-family: 'FontAwesome';
	src: url('../font/font-awesome/fontawesome-webfont.eot?v=3.2.1');
	src: url('../font/font-awesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/font-awesome/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/font-awesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/font-awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before,
.accordion-heading:before, .toggle-heading:before {
	display: inline-block;
	text-decoration: inherit;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: .9em; /* Font Awesome 2.0 was smaller, so compensating here */
	speak: none;
	-webkit-font-smoothing: antialiased;
}
a [class^="icon-"], a [class*=" icon-"] {
	display: inline-block;
	text-decoration: inherit;
}

.btn [class^="icon-"], .btn [class*=" icon-"] {
	/* keeps button heights with and without icons the same */
	line-height: .9em;
}

/* 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-alt: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-power-off:before,
.icon-off:before { content: "\f011"; }
.icon-signal:before { content: "\f012"; }
.icon-gear:before,
.icon-cog:before { content: "\f013"; }
.icon-trash:before { content: "\f014"; }
.icon-home:before { content: "\f015"; }
.icon-file-alt: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-rotate-right:before,
.icon-repeat:before { content: "\f01e"; }
.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-mail-forward:before,
.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-gears:before,
.icon-cogs:before { content: "\f085"; }
.icon-comments:before { content: "\f086"; }
.icon-thumbs-up-alt:before { content: "\f087"; }
.icon-thumbs-down-alt: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-unchecked:before,
.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-paperclip:before,
.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:before { content: "\f0e0"; }
.icon-linkedin:before { content: "\f0e1"; }
.icon-rotate-left:before,
.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-lightbulb:before { content: "\f0eb"; }
.icon-exchange:before { content: "\f0ec"; }
.icon-cloud-download:before { content: "\f0ed"; }
.icon-cloud-upload:before { content: "\f0ee"; }
.icon-user-md:before { content: "\f0f0"; }
.icon-stethoscope:before { content: "\f0f1"; }
.icon-suitcase:before { content: "\f0f2"; }
.icon-bell-alt:before { content: "\f0f3"; }
.icon-coffee:before { content: "\f0f4"; }
.icon-food:before { content: "\f0f5"; }
.icon-file-text-alt:before { content: "\f0f6"; }
.icon-building:before { content: "\f0f7"; }
.icon-hospital:before { content: "\f0f8"; }
.icon-ambulance:before { content: "\f0f9"; }
.icon-medkit:before { content: "\f0fa"; }
.icon-fighter-jet:before { content: "\f0fb"; }
.icon-beer:before { content: "\f0fc"; }
.icon-h-sign:before { content: "\f0fd"; }
.icon-plus-sign-alt:before { content: "\f0fe"; }
.icon-double-angle-left:before { content: "\f100"; }
.icon-double-angle-right:before { content: "\f101"; }
.icon-double-angle-up:before { content: "\f102"; }
.icon-double-angle-down:before { content: "\f103"; }
.icon-angle-left:before { content: "\f104"; }
.icon-angle-right:before { content: "\f105"; }
.icon-angle-up:before { content: "\f106"; }
.icon-angle-down:before { content: "\f107"; }
.icon-desktop:before { content: "\f108"; }
.icon-laptop:before { content: "\f109"; }
.icon-tablet:before { content: "\f10a"; }
.icon-mobile-phone:before { content: "\f10b"; }
.icon-circle-blank:before { content: "\f10c"; }
.icon-quote-left:before { content: "\f10d"; }
.icon-quote-right:before { content: "\f10e"; }
.icon-spinner:before { content: "\f110"; }
.icon-circle:before { content: "\f111"; }
.icon-mail-reply:before,
.icon-reply:before { content: "\f112"; }
.icon-github-alt:before { content: "\f113"; }
.icon-folder-close-alt:before { content: "\f114"; }
.icon-folder-open-alt:before { content: "\f115"; }
.icon-expand-alt:before { content: "\f116"; }
.icon-collapse-alt:before { content: "\f117"; }
.icon-smile:before { content: "\f118"; }
.icon-frown:before { content: "\f119"; }
.icon-meh:before { content: "\f11a"; }
.icon-gamepad:before { content: "\f11b"; }
.icon-keyboard:before { content: "\f11c"; }
.icon-flag-alt:before { content: "\f11d"; }
.icon-flag-checkered:before { content: "\f11e"; }
.icon-terminal:before { content: "\f120"; }
.icon-code:before { content: "\f121"; }
.icon-reply-all:before { content: "\f122"; }
.icon-mail-reply-all:before { content: "\f122"; }
.icon-star-half-full:before,
.icon-star-half-empty:before { content: "\f123"; }
.icon-location-arrow:before { content: "\f124"; }
.icon-crop:before { content: "\f125"; }
.icon-code-fork:before { content: "\f126"; }
.icon-unlink:before { content: "\f127"; }
.icon-question:before { content: "\f128"; }
.icon-info:before { content: "\f129"; }
.icon-exclamation:before { content: "\f12a"; }
.icon-superscript:before { content: "\f12b"; }
.icon-subscript:before { content: "\f12c"; }
.icon-eraser:before { content: "\f12d"; }
.icon-puzzle-piece:before { content: "\f12e"; }
.icon-microphone:before { content: "\f130"; }
.icon-microphone-off:before { content: "\f131"; }
.icon-shield:before { content: "\f132"; }
.icon-calendar-empty:before { content: "\f133"; }
.icon-fire-extinguisher:before { content: "\f134"; }
.icon-rocket:before { content: "\f135"; }
.icon-maxcdn:before { content: "\f136"; }
.icon-chevron-sign-left:before { content: "\f137"; }
.icon-chevron-sign-right:before { content: "\f138"; }
.icon-chevron-sign-up:before { content: "\f139"; }
.icon-chevron-sign-down:before { content: "\f13a"; }
.icon-html5:before { content: "\f13b"; }
.icon-css3:before { content: "\f13c"; }
.icon-anchor:before { content: "\f13d"; }
.icon-unlock-alt:before { content: "\f13e"; }
.icon-bullseye:before { content: "\f140"; }
.icon-ellipsis-horizontal:before { content: "\f141"; }
.icon-ellipsis-vertical:before { content: "\f142"; }
.icon-rss-sign:before { content: "\f143"; }
.icon-play-sign:before { content: "\f144"; }
.icon-ticket:before { content: "\f145"; }
.icon-minus-sign-alt:before { content: "\f146"; }
.icon-check-minus:before { content: "\f147"; }
.icon-level-up:before { content: "\f148"; }
.icon-level-down:before { content: "\f149"; }
.icon-check-sign:before { content: "\f14a"; }
.icon-edit-sign:before { content: "\f14b"; }
.icon-external-link-sign:before { content: "\f14c"; }
.icon-share-sign:before { content: "\f14d"; }
.icon-compass:before { content: "\f14e"; }
.icon-collapse:before { content: "\f150"; }
.icon-collapse-top:before { content: "\f151"; }
.icon-expand:before { content: "\f152"; }
.icon-euro:before,
.icon-eur:before { content: "\f153"; }
.icon-gbp:before { content: "\f154"; }
.icon-dollar:before,
.icon-usd:before { content: "\f155"; }
.icon-rupee:before,
.icon-inr:before { content: "\f156"; }
.icon-yen:before,
.icon-jpy:before { content: "\f157"; }
.icon-renminbi:before,
.icon-cny:before { content: "\f158"; }
.icon-won:before,
.icon-krw:before { content: "\f159"; }
.icon-bitcoin:before,
.icon-btc:before { content: "\f15a"; }
.icon-file:before { content: "\f15b"; }
.icon-file-text:before { content: "\f15c"; }
.icon-sort-by-alphabet:before { content: "\f15d"; }
.icon-sort-by-alphabet-alt:before { content: "\f15e"; }
.icon-sort-by-attributes:before { content: "\f160"; }
.icon-sort-by-attributes-alt:before { content: "\f161"; }
.icon-sort-by-order:before { content: "\f162"; }
.icon-sort-by-order-alt:before { content: "\f163"; }
.icon-thumbs-up:before { content: "\f164"; }
.icon-thumbs-down:before { content: "\f165"; }
.icon-youtube-sign:before { content: "\f166"; }
.icon-youtube:before { content: "\f167"; }
.icon-xing:before { content: "\f168"; }
.icon-xing-sign:before { content: "\f169"; }
.icon-youtube-play:before { content: "\f16a"; }
.icon-dropbox:before { content: "\f16b"; }
.icon-stackexchange:before { content: "\f16c"; }
.icon-instagram:before { content: "\f16d"; }
.icon-flickr:before { content: "\f16e"; }
.icon-adn:before { content: "\f170"; }
.icon-bitbucket:before { content: "\f171"; }
.icon-bitbucket-sign:before { content: "\f172"; }
.icon-tumblr:before { content: "\f173"; }
.icon-tumblr-sign:before { content: "\f174"; }
.icon-long-arrow-down:before { content: "\f175"; }
.icon-long-arrow-up:before { content: "\f176"; }
.icon-long-arrow-left:before { content: "\f177"; }
.icon-long-arrow-right:before { content: "\f178"; }
.icon-apple:before { content: "\f179"; }
.icon-windows:before { content: "\f17a"; }
.icon-android:before { content: "\f17b"; }
.icon-linux:before { content: "\f17c"; }
.icon-dribbble:before { content: "\f17d"; }
.icon-skype:before { content: "\f17e"; }
.icon-foursquare:before { content: "\f180"; }
.icon-trello:before { content: "\f181"; }
.icon-female:before { content: "\f182"; }
.icon-male:before { content: "\f183"; }
.icon-gittip:before { content: "\f184"; }
.icon-sun:before { content: "\f185"; }
.icon-moon:before { content: "\f186"; }
.icon-archive:before { content: "\f187"; }
.icon-bug:before { content: "\f188"; }
.icon-vk:before { content: "\f189"; }
.icon-weibo:before { content: "\f18a"; }
.icon-renren:before { content: "\f18b"; }


/*********************************************/
/* top bar                                   */
/*********************************************/

	.top-bar {
		position: relative;
		width: 100%;
		line-height: 40px;
		background: #ddd;
		z-index: 100;
	}
		.top-bar.fixed,
		.header-fixed .top-bar {
			position: fixed;
			left: 0;
			top: 0;
		}
			.admin-bar .top-bar.fixed,
			.admin-bar.header-fixed .top-bar {top: 28px}

		.top-bar .widget {
			float: right;
			text-align: right;
		}
		.top-bar .count-2 .widget:first-child {
			float: left;
			text-align: left;
		}

		/* when boxed, move widgets to the edges */
			@media only screen and (min-width: 1280px) {
				.boxed.r1160 .top-bar .widget,
				.boxed.s1160 .top-bar .widget {
					margin-right: -60px;
					margin-left: -60px;
				}
				.boxed.r930 .top-bar .widget,
				.boxed.s930 .top-bar .widget {
					margin-right: -45px;
					margin-left: -45px;
				}
			}
			@media only screen and (min-width: 1020px) and (max-width: 1279px) {
				.boxed .top-bar .widget {
					margin-right: -45px;
					margin-left: -45px;
				}
			}
			@media only screen and (max-width: 1019px) {
				.top-bar {
					position: relative !important;
				}
			}
			@media only screen and (min-width: 768px) and (max-width: 1019px) {
				.boxed .top-bar .widget {
					margin-right: -30px;
					margin-left: -30px;
				}
			}

		/* top bar search form */
			.top-bar .form-search {
				float: right;
				margin: 3px 0;
			}
				.top-bar .count-2 .widget:first-child .form-search {float: none}

		/* top bar list */
			.top-bar .widget ul {border: none}
			.top-bar .widget li {
				position: relative;
				display: inline-block;
				padding: 0;
				margin: 0 0 0 15px;
				background: none;
			}
				.top-bar .count-2 .widget:first-child li {margin: 0 15px 0 0}
				.top-bar .widget li a,
				.top-bar .menu > li > .inner {
					display: inline;
					padding: 0;
				}
					.top-bar .widget li > a,
					.top-bar .widget li > .inner,
					.top-bar.light-icons .widget li > a,
					.top-bar.dark-icons .widget li > a{
						border: none;
					}
				.top-bar .widget li ol {display: none}
				.top-bar .widget li ul {padding: 0}
				.top-bar .widget li li {
					display: block;
					margin: 0 !important;
					text-align: left
				}
					.top-bar .count-2 li li ul {
						left: auto;
						right: 100%;
					}
					.top-bar .count-2 .widget:first-child li li ul {
						left: 100%;
						right: auto;
					}
					.top-bar .widget li li a {
						display: block;
						padding: 0 20px;
					}
				/* NOTE: other submenu styles below */

	/* WPML plugin additional styles */
		.top-bar #lang_sel,
		.top-bar .icl_lang_sel_widget {
			display: inline-block;
			height: 30px;
		}
			.top-bar #lang_sel a {
				padding: 0;
				color: inherit;
			}
				.top-bar #lang_sel li li a {color: #666}
			.top-bar #lang_sel a.lang_sel_sel {
				line-height: 30px;
				background: transparent;
				color: auto;
				border: 0;
			}
			.top-bar #lang_sel ul li ul {
				display: none;
				visibility: visible;
				top: 100%;
				text-align: left;
			}
				.top-bar #lang_sel ul li:hover ul,
				.top-bar #lang_sel ul a:hover ul {display: block !important}
				.top-bar #lang_sel li {border: 0}
					.top-bar #lang_sel ul ul a {
						padding: 0;
						line-height: 30px;
					}
					.top-bar #lang_sel img.iclflag {vertical-align: baseline}



/*********************************************/
/* header                                    */
/*********************************************/

	.header {
		position: relative;
		width: 100%;
		z-index: 99;
	}
		.header > .wrap-inner {height: 130px}

	@media only screen and (min-width: 1020px) {

		/* fixed header */
			.header-fixed .header {
				position: fixed;
				left: 0;
				top: 0;
			}
			.admin-bar.header-fixed .header {top: 28px}
			.top-bar-enabled.header-fixed .header {top: 30px}
			.top-bar-enabled.header-fixed.admin-bar .header {top: 58px}

		/* slider beneath header - absolute header */
			.absolute-header.no-header-fixed .header {
				position: absolute;
				width: 100%;
				background-color: transparent;
			}
			.absolute-header.no-header-fixed .header + .map-section {
				padding-top: 0;
				border-top: none;
			}
	}



/*********************************************/
/* logo                                      */
/*********************************************/

	.logo,
	h1.logo {
		position: relative;
		float: left;
		padding: 40px 0 0;
		margin: 0;
		white-space: nowrap;
	}
		.logo a,
		.logo a:hover {text-decoration: none}
		.logo img,
		.logo .text-logo,
		.logo .description {
			display: inline-block;
			vertical-align: middle;
		}
		.logo .text-logo {margin-right: 10px}
		.logo .description {
			padding: 10px;
			margin-left: 10px;
			color: #333;
			opacity: 0.5;
			filter: alpha(opacity=50); /* For IE8 and earlier */
		}

		/* in navigation-right-from-logo layout the logo description goes below the logo image */
			.nav-right .logo .description {
				display: block;
				padding: 10px 0 0;
				margin-left: 0;
				border: none;
			}



/*********************************************/
/* header text                               */
/*********************************************/

	.header-right {
		position: relative;
		float: right;
		padding-top: 40px;
		text-align: right;
		white-space: nowrap;
	}
		.header-right .box {text-align: left}
		.header-right .form-search {float: right}
		.header-right * + .form-search {margin-top: 0.5em}



/*********************************************/
/* navigation                                */
/*********************************************/

	/* NOTE: .inner class is applied on a link tag (A) or SPAN tag (when no url applied for menu item) */

	.navigation-wrap {
		position: relative;
		color: #444;
		z-index: 99;
	}

	#nav-mobile {display: none} /* generated by JS */

	.nav-main {
		position: relative;
		display: block;
		clear: both;
		padding: 0;
		z-index: 99;
	}
		.nav-main ul {
			padding: 0;
			margin: 0;
		}
		.nav-main li {
			position: relative;
			float: left;
			display: inline-block;
			padding: 0;
			margin: 0;
			white-space: nowrap;
			list-style: none;
		}
		.header .nav-main li {background: none}
			.nav-main > ul > li {margin-right: 30px}

			.nav-main li.right,
			.nav-main li.alignright {
				float: right;
				margin: 0;
			}

			.nav-main a,
			.nav-main .inner {
				display: block;
				padding: 5px 0;
				text-decoration: none;
				color: inherit;
			}
				.nav-main li.first > a,
				.nav-main li.first > .inner {padding-left: 0}
				.nav-main li[class*="navicon-"] > a,
				.nav-main li[class*="navicon-"] > .inner {padding-left: 23px}

			/* main nav text (first row) */
				.nav-main a span,
				.nav-main .inner span {text-transform: uppercase}

			/* nav description text (second row) */
				.nav-main a small,
				.nav-main .inner small {
					display: block;
					padding: 0;
					margin-top: -5px;
					text-transform: lowercase;
				}
					.nav-main .sub-menu small {margin-top: 0}
					.nav-main a.normal small,
					.nav-main .inner.normal small {}

			/* buttons in navigation */
				.nav-main a.btn {
					padding: 8px 15px !important;
					margin: 13px 0 -15px;
				}

				/* button with icon and description */
					.nav-main li[class*="navicon-"] > a.btn {padding-left: 38px !important}

				/* button description text */
					.nav-main a.btn small {margin-top: 0}

			/* icon in navigation */
				.ico-nav {
					position: absolute;
					float: left;
					margin: 0 0 0 -23px;
				}
				.nav-main .btn .ico-nav {
					position: relative;
					float: none;
					margin: 0 7px 0 -23px;
				}



	/* submenu styling */
		.nav-main li ul,
		.top-bar li ul {
			position: absolute;
			display: none;
			min-width: 100%;
			left: 0;
			top: 100%;
			padding: 0;
			margin: 0;
			white-space: nowrap;
			background-color: #eee;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.25);
			   -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.25);
			        box-shadow: 0 1px 3px rgba(0,0,0, 0.25);
			z-index: 99;
		}
		.nav-main .menu > li.subright ul {
			left: auto;
			right: 0;
		}
			.nav-main li li,
			.top-bar li li {
				float: none;
				display: block;
				margin: 0;
				text-transform: none;
				border: none;
			}

			/* submenu item border */
				.header .nav-main li li,
				.top-bar .widget li li {
					background-repeat: repeat-x;
					background-position: 0 0;
				}
					.header .nav-main li li,
					.top-bar .widget li li,
					.header .dark-icons .nav-main li li,
					.top-bar.dark-icons .widget li li {background-image: url(../img/transparent/black/5.png)}
					.header .light-icons .nav-main li li,
					.top-bar.light-icons .widget li li {background-image: url(../img/transparent/white/5.png)}

			.nav-main li li a,
			.nav-main li li .inner,
			.top-bar li li a {
				min-width: 140px;
				padding: 10px 20px;
				color: inherit;
			}

			/* icon in submenu */
				.nav-main li li[class*="navicon-"] > a,
				.nav-main li li[class*="navicon-"] > .inner {padding-left: 38px}

			/* submenu text */
				.nav-main li li a span,
				.nav-main li li .inner span {text-transform: none}
				span.inner {cursor: default}

			/* display subnav with CSS when JS disabled */
				.no-js .nav-main li:hover > ul,
				.no-js .top-bar li:hover > ul {display: block}

			/* sub-submenu styling */
				.nav-main li li ul,
				.top-bar li li ul {
					display: none;
					left: 100%;
					top: 0;
				}
				.nav-main .menu > li.subright li ul {
					left: auto;
					right: 100%;
				}

					/* display sub-subnav with CSS when JS disabled */
						.no-js .nav-main li li:hover > ul,
						.no-js .top-bar li li:hover > ul {display: block}

		/* active submenu item */
			.nav-main li li a:hover,
			.nav-main li li.current-menu-ancestor > a,
			.nav-main li li.current-menu-item > a,
			.top-bar .widget li li a:hover,
			.top-bar .widget li li.current-menu-ancestor > a,
			.top-bar .widget li li.current-menu-item > a,
			.dark-icons .nav-main li li a:hover,
			.dark-icons .nav-main li li.current-menu-ancestor > a,
			.dark-icons .nav-main li li.current-menu-item > a,
			.top-bar.dark-icons .widget li li a:hover,
			.top-bar.dark-icons .widget li li.current-menu-ancestor > a,
			.top-bar.dark-icons .widget li li.current-menu-item > a {background-image: url(../img/transparent/black/5.png)}
			.light-icons .nav-main li li a:hover,
			.light-icons .nav-main li li.current-menu-ancestor > a,
			.light-icons .nav-main li li.current-menu-item > a,
			.top-bar.light-icons .widget li li a:hover,
			.top-bar.light-icons .widget li li.current-menu-ancestor > a,
			.top-bar.light-icons .widget li li.current-menu-item > a {background-image: url(../img/transparent/white/5.png)}



	/* navigation on the right */
		.nav-right .navigation-wrap {
			float: right;
			top: 0;
			background: transparent;
		}

		.nav-right .nav-main > ul > li {margin: 0 0 0 20px}
		.nav-right .nav-main > ul > li:first-child {margin: 0}

		.nav-right .nav-main li li ul {
			left: auto;
			right: 100%;
		}


/*********************************************/
/* featured content slider                   */
/*********************************************/

	.slider-main-wrap {
		position: relative;
		clear: both;
		width: 100%;
		padding: 0;
		overflow: hidden;
		z-index: 0;
	}

	/* slider backgrounds */
		.slider .slide-bg {
			position: absolute;
			display: none;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: -1;
		}

	/* video slider */
		.slider.video {text-align: center}
		.video-slider {height: auto}
			.no-js #video-slider.no-cover {display: none}
			.no-js #video-slider.has-cover .video-container {display: none}
			.video .slider iframe {
				margin: 0 auto;
				z-index: 0;
			}
			img.video-cover {
				max-width: 100%;
				cursor: pointer;
			}

	/* static image */
		.static-slider {
			position: relative;
			text-align: center;
		}
			.static-slider img {
				max-width: 100%;
				vertical-align: top;
			}
			.static-slider.stretch-image img {width: 100%}

	/* slide description */
		.slider-caption-content {
			position: relative;
			height: 100%;
			margin: 0 auto;
			text-align: left;
			overflow: hidden;
		}
		.slider-caption-content.aligntop {top: 0}
		.slider-caption-content.alignbottom {bottom: 0}
			.caption-inner {
				display: table;
				position: relative;
				width: 100%;
				height: 100%;
				padding: 0 5%;
				background: url(../img/transparent/black/50.png); /* can be changed in Slides custom post to black/white only */
				background: rgba(0,0,0, .5);
				color: #fff;
			}
				.caption-inner.bg-white {color: #000}
				.caption-inner.bg-black {color: #fff}
				.caption-inner.col-11 {
					height: auto;
					padding: 0;
				}
				.caption-inner.no-padding {padding: 0}
				.caption-inner.aligntop,
				.caption-inner.alignbottom,
				.caption-inner.centered {
					position: absolute;
					left: 0;
					top: 0;
				}
				.caption-inner.centered {
					height: 100%;
					text-align: center;
				}
				.caption-inner.alignbottom {
					top: auto;
					bottom: 0;
				}
			.caption-inner-centered {
				display: table-cell;
				position: relative;
				vertical-align: middle;
			}
				.caption-inner.col-11 .caption-inner-centered {padding: 20px}
				.caption-inner.no-padding .caption-inner-centered {padding: 0}

			.slider-caption-content h1,
			.slider-caption-content h2,
			.slider-caption-content h3,
			.slider-caption-content h4,
			.slider-caption-content h5,
			.slider-caption-content h6 {color: inherit}
			.slider-caption-content img {position: relative !important}

		/* caption slider link corrections */
			.wrap-caption,
			.slider-caption-content > a {
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
			}

	/* custom slider */
		.custom-slider > div * { /* all sliders in slider area (for best compatibility) */
			-webkit-box-sizing: content-box;
			   -moz-box-sizing: content-box;
			        box-sizing: content-box;
		}

		/* theme shortcodes in slider area */
			.custom-slider .countdown-timer *,
			.custom-slider > div.gallery * {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
			}

	/* CSS3 animation effect */
		@-webkit-keyframes levitate {
			0% {-webkit-transform: translate(0,0)}
			28% {-webkit-transform: translate(-5px,-10px)}
			56% {-webkit-transform: translate(-7px,2px)}
			75% {-webkit-transform: translate(3px,-8px)}
			95% {-webkit-transform: translate(0,1px)}
			100% {-webkit-transform: translate(0,0)}
		}
		@-moz-keyframes levitate {
			0% {-moz-transform: translate(0,0)}
			33% {-moz-transform: translate(-10px,-15px)}
			66% {-moz-transform: translate(10px,10px)}
			100% {-moz-transform: translate(0,0)}
		}
		@-o-keyframes levitate {
			0% {-o-transform: translate(0,0)}
			33% {-o-transform: translate(-10px,-15px)}
			66% {-o-transform: translate(10px,10px)}
			100% {-o-transform: translate(0,0)}
		}
		@keyframes levitate {
			0% {transform: translate(0,0)}
			33% {transform: translate(-10px,-15px)}
			66% {transform: translate(10px,10px)}
			100% {transform: translate(0,0)}
		}
		.levitate {
			-webkit-animation: levitate 4s infinite;
			   -moz-animation: levitate 4s infinite;
			     -o-animation: levitate 4s infinite;
			        animation: levitate 4s infinite;
		}/*********************************************/
/* content                                   */
/*********************************************/

	.content {
		clear: both;
		overflow: hidden;
	}



/*********************************************/
/* page excerpt                              */
/*********************************************/

	.page-excerpt {clear: both}
	.page-excerpt .wrap-inner {
		position: relative;
		padding-top: 30px;
		padding-bottom: 30px;
		overflow: hidden;
	}



/*********************************************/
/* main content area                         */
/*********************************************/

	.main {
		position: relative;
		padding: 30px 0;
	}
		.main.sidebar-left {float: right}

	.article-content {
		padding: 0;
		overflow: hidden;
	}
		.article-content + .meta-bottom,
		.article-content + #comments,
		.project-content + #comments {
			clear: both;
			margin-top: 30px !important;
		}

	.article-excerpt,
	.list-articles .meta-article + .excerpt,
	h2 + .excerpt {padding-top: 1.5em}
	.single-wm_projects .article-excerpt,
	.meta-article + .article-excerpt {padding-top: 0}



	/* main content of error 404 page */
		.page-404 {padding: 60px 0}



	/* lists */
		ol ol {list-style: upper-alpha}
		ol ol ol {list-style: lower-roman}
		ol ol ol ol {list-style: lower-alpha}

		ul,
		ol {
			margin-top: 1.5em;
			margin-left: 0;
		}
			ol {margin-left: 1.75em}

			li {margin-top: 0.5em}

			ul > li {
				padding: 0 0 0 18px;
				background-repeat: no-repeat;
				background-position: 0 0.2em;
			}
				ul > li[class*="icon-"] {padding-left: 24px}
				ul > li,
				.dark-icons ul > li {background-image: url(../img/icons/16x16/bullet.png)}
				.light-icons ul > li {background-image: url(../img/icons/16x16/bullet-inverse.png)}
				.widget ul > li {background-position: 0 0}

				ul.no-bullets li {
					padding: 0;
					background: none;
				}
				ul.list-inline li {
					display: inline;
					white-space: nowrap;
				}

			li:first-child {margin-top: 0}

			li > ul,
			li > ol {
				margin-top: 0.5em;
				margin-bottom: 0.5em;
			}
			li > ul {margin-left: -0.25em}



	/* attachments download list */
		.list-attachments {padding: 30px 0}
			.list-attachments ul {margin: 0}



	/* list of articles */
		.list-articles {}

			.list-articles article {
				position: relative;
				margin: 45px 0 0;
				overflow: hidden;
			}
				.list-articles article:first-child {margin-top: 0}

			.list-articles blockquote {margin-top: 0}

			.list-articles .article-content {padding-bottom: 45px}

			.list-articles .excerpt + .more-link {
				display: block;
				margin-top: 30px;
			}

			.format-link h3 + .excerpt {margin-top: 1.5em}

			/* masonry layout */
				.list-articles.masonry-container article {
					float: left;
					padding: 10px;
					margin-top: 0;
					margin-right: 4%;
					margin-bottom: 30px;
					-webkit-box-shadow: 0 8px 8px -8px rgba(0,0,0, 0.40);
					   -moz-box-shadow: 0 8px 8px -8px rgba(0,0,0, 0.40);
					        box-shadow: 0 8px 8px -8px rgba(0,0,0, 0.40);
				}
				.list-articles.masonry-container .post-title {font-size: 1.4em}
				.list-articles.masonry-container .article-content {
					padding: 0;
					overflow: visible;
				}
				.list-articles.masonry-container .excerpt {padding-top: 0}
				.list-articles.masonry-container .frame {
					padding: 0;
					margin-top: -10px;
					border: none;
				}
				.list-articles.masonry-container .date-special,
				.main.sidebar-left .list-articles.masonry-container .date-special {
					float: none;
					width: auto;
					padding: 0 0 10px;
					margin: 0;
					overflow: hidden;
				}
					.list-articles.masonry-container .date-special .meta-item,
					.main.sidebar-left .list-articles.masonry-container .date-special .meta-item {
						float: left;
						width: 50px;
						width: 50%;
						margin: 0;
					}



	/* search list */
		.list-search article {
			padding: 0 0 30px 120px;
			margin-top: 30px;
		}
		.list-search .article-content {padding-bottom: 0}
		.numbering {
			display: block;
			float: left;
			width: 120px;
			height: 100%;
			padding-right: 20px;
			margin-left: -120px;
		}
		.list-search .video-container + .excerpt,
		.list-search .wrap-player + .excerpt {margin-top: 10px}



	/* meta article */
		.meta-bottom,
		.meta-bottom + .meta-bottom {border-top: none}
		.meta-bottom + #comments,
		.project-sharing + .related-projects {margin-top: -1px}

		.meta-article {
			clear: both;
			padding: 10px 0;
			text-transform: uppercase;
		}
			.list-articles .format-status .meta-article,
			.list-articles .format-quote .meta-article {padding-top: 0}
			.meta-bottom {
				position: relative;
				padding: 30px 0 30px 30px;
				margin: 0 0 0 50px;
			}
			.main.sidebar-left .meta-bottom {
				padding: 30px 30px 30px 0;
				margin: 0 50px 0 0;
			}
				.meta-bottom[class*="icon-"]:before,
				#comments.icon-comments:before {
					display: block;
					position: absolute;
					width: 50px;
					height: 50px;
					left: -50px;
					top: -1px;
					font-size: 24px;
					line-height: 55px;
					text-align: center;
					background: #f3f3f3;
				}
				.main.sidebar-left .meta-bottom[class*="icon-"]:before,
				.main.sidebar-left #comments.icon-comments:before {
					left: auto;
					right: -50px;
				}
			.meta-item {margin-right: 10px}
			.icon-format {
				display: block;
				text-align: center;
			}
				.icon-format img {vertical-align: middle}

			/* special date styling in blog list */
				.date-special {
					float: left;
					width: 50px;
					margin-right: 30px;
					padding: 0 0 45px;
					text-align: center;
				}
				.main.sidebar-left .date-special {
					float: right;
					margin-right: 0;
					margin-left: 30px;
				}
					.date-special .meta-item {
						display: block;
						width: 100%;
						height: 50px;
						padding: 5px 0;
						margin: 0;
						background-color: #f3f3f3;
						overflow: hidden;
					}
					.date-special .meta-item + .meta-item {margin-top: 5px}
						.date-special .date {
							cursor: help;
							color: #444;
						}
						.date-special .date .day {
							display: block;
							line-height: 22px;
							font-size: 22px;
							font-weight: bold;
							margin-top: -4px;
						}
						.date-special .date .month,
						.date-special .date .year {
							line-height: 16px;
							text-transform: uppercase;
							font-size: 12px;
						}
						.date-special .date .year,
						.date-special .date .time {display: none}

					.date-special .icon-format {
						width: 50px;
						padding: 0;
						background-color: #444;
					}
						.date-special .icon-format img {padding: 13px}



	/* author info */
		.bio {
			clear: both;
			position: relative;
			min-height: 70px;
			padding: 30px 0 30px 120px;
			box-sizing: content-box;
		}
		.main.sidebar-left .bio {padding: 30px 30px 30px 90px}
			body.author .bio {margin: 0 0 60px}
			.bio .avatar-container {
				position: absolute;
				float: left;
				width: 70px;
				height: 70px;
				left: 30px;
				top: 30px;
			}
			.main.sidebar-left .bio .avatar-container {left: 0}
			.bio .author-social-links {
				display: inline-block;
				padding: 0 0 0 10px;
				margin-left: 10px;
				vertical-align: baseline;
			}
			.bio .author-social-links .icon-social {vertical-align: baseline}
			.bio .posts-by-author {margin-top: 0}
			.bio .desc {margin-top: 1.5em}
			body.author .bio .posts-by-author {display: none}



/*********************************************/
/* project page                              */
/*********************************************/

	/* project content */
		.project-content {
			clear: both;
			padding-top: 30px;
			overflow: hidden;
		}

	/* project sharing */
		.project-sharing {padding: 30px 0}

	/* next/previous project links */
		.meta-project {float: right}
		.meta-project a + a {margin-left: 10px}
		.meta-project a {font-size: 20px}
		.meta-project.wide .prev {float: left}
		.meta-project.wide .next {float: right}

	/* related projects */
		.related-projects {
			padding-top: 30px;
			margin-top: 30px;
		}
		.related-projects article {padding: 0 1px 1px 0}



/*********************************************/
/* staff page                                */
/*********************************************/

	.staff-card {
		width: 40%;
		padding: 20px;
		background: url(../img/transparent/black/10.png);
		background: rgba(0,0,0, .1);
	}
		.dark-icons .staff-card {
			background: url(../img/transparent/black/10.png);
			background: rgba(0,0,0, .1);
		}
		.light-icons .staff-card {
			background: url(../img/transparent/white/10.png);
			background: rgba(255,255,255, .1);
		}

		.staff-card strong {display: none}
		.staff-card + h1,
		.staff-card + h2,
		.staff-card + h3,
		.staff-card + h4,
		.staff-card + h5,
		.staff-card + h6,
		.staff-card + table,
		.staff-card + div,
		.staff-card + p {
			margin-top: 0;
			padding-top: 0;
		}
		.staff-card ul {margin: 0}
		.staff-card .image-container + ul {margin-top: 20px}
			.staff-card li {background-position: 0 0}
			.staff-card li,
			.wrap-staff-shortcode li {padding-left: 24px}



/*********************************************/
/* sitemap                                   */
/*********************************************/

	.sitemap {}
		.sitemap li.alignright {
			float: none;
			margin-left: 0;
		}



/*********************************************/
/* map page                                  */
/*********************************************/

	.map-section {
		position: relative;
		clear: both;
		padding: 1px 0;
		overflow: hidden;
	}
		.no-js .map-section {display: none}
		.map .infoBox {
			width: 260px;
			padding: 10px;
			background: #fff;
			border: 1px solid #ddd;
			overflow: visible !important;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
			        border-radius: 5px;
			-webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0, 0.2);
			   -moz-box-shadow: 0 10px 10px -10px rgba(0,0,0, 0.2);
			        box-shadow: 0 10px 10px -10px rgba(0,0,0, 0.2);
			z-index: 1;
		}
			.map .infoBox:before {
				content: ' ';
				position: absolute;
				width: 0;
				height: 0;
				left: 45px;
				top: -16px;
				border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				border-bottom: 15px solid #333;
				overflow: hidden;
				z-index: 0;
			}
		.map .infoBox img[align] {z-index: 99}
		.map .infoBox img[align],
		.map .infoBox img[align] + * {margin-top: 0}

	.infoBox {cursor: default}



/*********************************************/
/* under construction page                   */
/*********************************************/

	.countdown-timer-wrap {
		padding: 30px 0;
		background: url('../img/transparent/black/5.png');
		background: rgba(0,0,0, .05);
	}
		.dark-icons .countdown-timer-wrap {
			background: url('../img/transparent/black/5.png');
			background: rgba(0,0,0, .05);
		}
		.light-icons .countdown-timer-wrap {
			background: url('../img/transparent/white/5.png');
			background: rgba(255,255,255, .05);
		}

	/* under construction page widgets */
		.timer-widgets-wrap {margin-top: 60px}



/*********************************************/
/* page access denied widget area            */
/*********************************************/

	#access-denied {padding-bottom: 30px}


/*********************************************/
/* comments                                  */
/*********************************************/

	#comments {
		position: relative;
		padding-top: 30px;
		padding-left: 30px;
		margin-left: 50px;
		border-bottom: none !important;
	}
		.main.sidebar-left #comments {
			padding-left: 0;
			padding-right: 30px;
			margin-left: 0;
			margin-right: 50px;
		}
	#comments .commentlist {
		padding: 0 0 30px;
		margin: 0;
	}
		#comments .commentlist.pingbacks {margin-top: 1em}
		.commentlist li {
			position: relative;
			padding: 30px 0 0;
			margin: 0;
			list-style: none;
			background: none;
			overflow: hidden;
		}
			.commentlist li.pingback {
				min-height: 1em;
				padding: 0;
				margin-top: 0.5em;
			}
		.commentlist li li {}
		.commentlist .children {margin: 0 0 0 45px}

	/* gravatar */
		.gravatar {
			float: left;
			width: 60px;
			margin-right: 30px;
		}
			.gravatar img {
				width: 100%;
				margin: 0;
			}
			.children .gravatar {
				width: 40px;
				margin-right: 20px;
			}

	/* author name */
		.comment .author {
			float: left;
			padding: 0;
			margin: 0;
			text-transform: uppercase;
		}

	/* comment meta info */
		.comment .published-on {float: right}

	/* comment heading */
		.comment-heading {
			clear: both;
			padding-bottom: 5px;
			overflow: hidden;
		}

	/* comment content */
		.comment-content {
			clear: both;
			margin-top: 10px;
			overflow: hidden;
		}
			.children .comment-content {}
			.comment-text {}

	/* comment links */
		.comment-reply-link,
		.comment-edit-link {
			float: right;
			padding-left: 10px;
			margin-left: 10px;
		}
		.comment-edit-link {float: left}

	/* comment pagination */
		.comments-nav {
			position: relative;
			display: block;
			clear: both;
			padding: 10px;
			overflow: hidden;
		}
			#comment-nav-above {margin-top: 20px}
			#comment-nav-below {}
			.comments-nav .nav-previous a {float: left}
			.comments-nav .nav-next a {float: right}

	/* other comments styles */
		li.bypostauthor {}


/*********************************************/
/* sidebar                                   */
/*********************************************/

	.sidebar {
		position: relative;
		padding: 30px 0;
	}
		.sidebar.sidebar-left {float: left}

		/* sidebar separator */
			.sidebar-separator {
				position: absolute;
				width: 14px;
				height: 100%;
				left: 0;
				top: 0;
				opacity: 0.15;
				filter: alpha(opacity=15); /* For IE8 and earlier */
			}
			.sidebar-left .sidebar-separator {
				left: auto;
				right: 0;
			}

		/* sidebar widgets */
			.sidebar .widget {
				position: relative;
				padding-top: 30px;
				margin: 30px 0 0;
			}
				.sidebar .widget:before {
					content: '';
					position: absolute;
					width: 30%;
					height: 1px;
					left: 0;
					top: 0;
				}
				.sidebar .widget:first-child {
					margin-top: 0;
					padding-top: 0;
					border-top: none;
				}
					.sidebar .widget:first-child:before {display: none}

				.sidebar-right .widget {margin-left: 30px}
				.sidebar-left .widget {margin-right: 30px}

		/* sidebar buttons */
			.sidebar li a.btn {width: auto}

		/* widget lists */
			.widget ul {margin-top: 0}
			.widget ul li {
				padding: 0;
				margin: 0;
				background: none;
			}
			.widget li ul {
				padding-left: 15px;
				margin: 0;
			}
			.widget li a,
			.widget_nav_menu .inner {
				display: block;
				width: 100%;
				padding: 0.15em 0;
			}
				.widget li:first-child > a {border-top: none !important}



/*********************************************/
/* WordPress widgets                         */
/*********************************************/

	/* archives, categories, links and recent comments widget */
		.widget_archive ul,
		.widget_categories ul,
		.widget_links ul,
		.widget_recent_comments ul {border: none}

			.widget_archive li ul,
			.widget_categories li ul,
			.widget_links li ul,
			.widget_recent_comments li ul {
				padding-top: 0.15em;
				margin-top: 0.15em;
				margin-bottom: -0.15em;
			}

			.widget_archive ul li,
			.widget_categories ul li,
			.widget_links ul li,
			.widget_recent_comments ul li {padding: 0.15em 0}
				.widget_archive ul li:first-child,
				.widget_categories ul li:first-child,
				.widget_links ul li:first-child,
				.widget_recent_comments ul li:first-child {border-top: none !important}
				.footer .widget_archive ul li:first-child,
				.footer .widget_categories ul li:first-child,
				.footer .widget_links ul li:first-child,
				.footer .widget_recent_comments ul li:first-child {padding-top: 0}

			.widget_archive ul li a,
			.widget_categories ul li a,
			.widget_links ul li a,
			.widget_recent_comments ul li a {
				display: inline;
				border: none !important;
			}



	/* calendar widget */
		.widget_calendar {}
			#wp-calendar {margin: 0}
			#wp-calendar tr th,
			#wp-calendar tr td {
				width: auto;
				height: 32px;
				padding: 0;
				text-align: center;
			}
			#wp-calendar caption {padding-top: 0}
			#wp-calendar tbody a {
				display: block;
				width: 100%;
				height: 100%;
				line-height: 32px;
			}
			#wp-calendar tfoot a {color: inherit}



	/* RSS widget */
		.widget_rss li + li {margin-top: 1.5em}



	/* tag cloud widget */
		.widget_tag_cloud a {
			position: relative;
			display: inline-block;
			padding: 1px 8px;
			margin: 2px 1px;
			white-space: nowrap;
			font-size: 1em !important;
			-webkit-border-radius: 20px;
			   -moz-border-radius: 20px;
			        border-radius: 20px;
		}
			.widget_tag_cloud .tagcloud a,
			.dark-icons .widget_tag_cloud .tagcloud a {
				background: url(../img/transparent/black/50.png);
				background: rgba(0,0,0, .5);
				color: #ddd;
			}
			.light-icons .widget_tag_cloud .tagcloud a {
				background: url(../img/transparent/white/50.png);
				background: rgba(255,255,255, .5);
				color: #222;
			}

			.widget_tag_cloud .tagcloud a:hover,
			.dark-icons .widget_tag_cloud .tagcloud a:hover {color: #fff}
			.light-icons .widget_tag_cloud .tagcloud a:hover {color: #000}

			.widget_tag_cloud a,
			.widget_tag_cloud a:hover {text-decoration: none}



	/* text widget and WebMan content module widget */
		.textwidget ul > li,
		.wm-content-module ul > li {
			padding: 0 0 0 18px;
			margin-top: 0.15em;
			background-repeat: no-repeat;
			background-position: 0 0.2em;
			background-image: url(../img/icons/16x16/bullet.png);
		}
			.dark-icons .textwidget ul > li,
			.dark-icons .wm-content-module ul > li {background-image: url(../img/icons/16x16/bullet.png)}
			.light-icons .textwidget ul > li,
			.light-icons .wm-content-module ul > li {background-image: url(../img/icons/16x16/bullet-inverse.png)}

			.textwidget li ul,
			.wm-content-module li ul {
				margin-top: 0.15em;
				margin-bottom: 0.15em;
				margin-left: -0.25em;
			}
			.widget_text .textwidget li ul,
			.widget.wm-content-module li ul {border-top: none}



/*********************************************/
/* WebMan widgets                            */
/*********************************************/

	/* content module and page widget */
		.widget .module-content {padding-top: 0}



	/* contact widget */
		.wm-contact-info .address-container > div {
			position: relative;
			padding: 0 0 5px 24px;
			background-repeat: no-repeat;
			background-position: 0 2px;
		}
		.wm-contact-info .widget-heading + .address-wrap {margin-top: 15px}

		.wm-contact-info .hours {overflow: hidden}
			.wm-contact-info .hours strong {float: left}
			.wm-contact-info .hours span {float: right}

		.wm-contact-info .contact-info {position: relative}
		.wm-contact-info .contact-info i {
			position: absolute;
			left: 0;
			top: 0;
			font-size: 16px;
		}



	/* page widget */
		.wm-page-content .image-container {padding: 0 0 10px}

		.wm-page-content h2 {margin: 0 0 1em}
		.wm-page-content h2 + .page-content {margin-top: 10px}

		.sidebar .page-content {
			padding-top: 10px;
			padding-bottom: 10px;
		}
			.no-btn .page-content {padding-bottom: 0}

		.page-content + .btn {margin-top: 20px}



	/* posts list */
		.wm-post-list ul {border: none}
		.wm-post-list ul li {
			clear: both;
			margin: 0;
			overflow: hidden;
		}
			.wm-post-list li + li {margin-top: 1em}

		.wm-post-list li a {
			display: inline;
			padding: 0;
			border: 0;
		}
		.wm-post-list li h3 {
			padding: 0 0 0.25em;
			margin: 0;
		}
		.wm-post-list .date {
			position: relative;
			display: inline-block;
			padding: 0 0 0.25em;
		}

		.wm-post-list .image-container {
			float: left;
			width: 50px;
			height: 50px;
			margin: 0 10px 0 0;
			z-index: 1;
		}
			.wm-post-list .image-container .icon-format {
				width: 50px;
				height: 50px;
				padding: 13px; /* 24x24 icon + 13+13 padding = 50px width and height */
				background: #f3f3f3;
			}



	/* projects */
		.wm-projects-list .portfolio-content {
			padding-bottom: 1px;
			overflow: hidden;
		}
			.page-template-tpl-sitemap-php .content .wm-projects-list .portfolio-content {margin-top: 1.5em}

		.wm-projects-list .portfolio-content article {
			float: left;
			width: 60px;
			height: 60px;
			padding: 4px;
			margin: 0 -1px -1px 0;
		}

		@media only screen and (min-width: 1020px) and (max-width: 1279px) {
			.sidebar .wm-projects-list .portfolio-content article {
				width: 57px;
				height: 57px;
			}
		}

		/* alternative layout */
			.wm-projects-list .portfolio-content.layout-details {
				width: 100%;
				margin: 0;
			}
			.wm-projects-list .layout-details article {
				float: none;
				clear: both;
				width: 100%;
				height: auto;
				padding: 0;
				margin: 0;
				border: 0;
				overflow: hidden;
			}
			.wm-projects-list .layout-details article + article {margin-top: 1em}
				.wm-projects-list .layout-details article h3 {
					padding: 0 0 .25em;
					margin: 0;
				}
				.wm-projects-list .layout-details .date {
					position: relative;
					display: inline-block;
					padding: 0 0 .25em;
				}
				.wm-projects-list .layout-details .project-category {display: none}
				.wm-projects-list .layout-details .image-container {
					float: left;
					width: 54px;
					height: 54px;
					margin: 0 10px 0 0;
				}




	/* statuses */
		.wm-status .status-post + .status-post {
			margin-top: 1em;
		}
		.wrap-status-shortcode[data-time] .status-post + .status-post {
			padding: 0;
			margin: 0;
		}



	/* twitter widget */
		.wm-twitter .user-info {
			position: relative;
			min-height: 63px;
			padding: 0 0 15px 58px;
			margin: 0;
		}
			.wm-twitter .user-info h3 {margin: 0 0 0.25em}
			.wm-twitter .user-info img {
				position: absolute;
				width: 48px;
				height: 48px;
				left: 0;
				top: 0;
			}

		.wm-twitter ul {border: none}
			.sidebar .wm-twitter .widget-heading + ul,
			.wm-twitter .user-info + ul {margin-top: 15px}

			.wm-twitter ul li {
				padding: 0 0 0 24px !important;
				margin-top: 15px;
			}
			.wm-twitter li:first-child {margin-top: 0}

			.wm-twitter ul li a {
				display: inline;
				padding: 0;
				border: none !important;
			}

			.wm-twitter .tweet-time {
				margin-top: 0.15em;
				opacity: 0.5;
				filter: alpha(opacity=50); /* For IE8 and earlier */
			}


/*********************************************/
/* above footer widgets                      */
/*********************************************/

	.above-footer-widgets-wrap {
		position: relative;
		overflow: hidden;
	}
		.above-footer-widgets-wrap .twelve {
			padding-top: 30px;
			padding-bottom: 30px;
		}



/*********************************************/
/* footer                                    */
/*********************************************/

	.footer {clear: both}
		.footer a {color: #666}

		/* widgets */
			.footer-widgets-wrap {}
			.footer-widgets-wrap.first {}
			.footer-widgets-wrap.second {}
			.footer .widget {padding: 30px 0}
			.footer .widget .columns .widget {padding: 0}
			.footer .widget .vertical .widget:first-child {padding-top: 0}

		/* bottom */
			.bottom-wrap .pane {
				padding-top: 30px;
				padding-bottom: 30px;
			}
				.bottom-wrap a {color: inherit}

			/* credits */
				.credits p {padding: 0}

		/* to the top */
			.top-of-page {
				display: block;
				clear: both;
				position: relative;
				width: 32px;
				height: 32px;
				margin-top: 16px;
				text-indent: -9999em !important;
				background-repeat: no-repeat;
				background-position: 0 50%;
				font: 0/0 a;
				color: transparent;
				opacity: 0.5;
				filter: alpha(opacity=50); /* For IE8 and earlier */
				z-index: 999;
			}
			.top-of-page,
			.dark-icons .top-of-page {background-image: url(../img/buttons/black/btn-top.png)}
			.light-icons .top-of-page {background-image: url(../img/buttons/white/btn-top.png)}
			.top-of-page:hover {
				opacity: 1;
				filter: alpha(opacity=100); /* For IE8 and earlier */
			}
			@media only screen and (min-width: 768px) {
				.top-of-page {
					position: fixed;
					right: 2%;
					bottom: 60px;
				}
			}



/*********************************************/
/* demo contnet styles                       */
/*********************************************/

	.bg-ship { background: #213E76 url(../img/demo/bg-section-01.jpg) no-repeat 50% 50%; color: #fff; border: none; }
	.bg-circles { background: #18AD8D url(../img/demo/slider-circles-repeat.png) repeat 50% 50%; color: #fff; border: none; }
	.bg-beam { background: #613591 url(../img/demo/slider-light-on-wall-right.png) no-repeat 50% 50%; color: #fff; border: none; }
	.bg-clouds { background: #048EC7 url(../img/demo/slider-clouds-transparent.png) repeat-x 50% 100%; color: #fff; border: none; }


/*********************************************/
/* SHORTCODES                                */
/*********************************************/



/* CSS3 animation effect */
	@-webkit-keyframes bounce {
		0% {-webkit-transform: scale(1)}
		33% {-webkit-transform: scale(1.10)}
		66% {-webkit-transform: scale(0.80)}
		100% {-webkit-transform: scale(1)}
	}
	@-moz-keyframes bounce {
		0% {-moz-transform: scale(1)}
		33% {-moz-transform: scale(1.10)}
		66% {-moz-transform: scale(0.80)}
		100% {-moz-transform: scale(1)}
	}
	@-o-keyframes bounce {
		0% {-o-transform: scale(1)}
		33% {-o-transform: scale(1.10)}
		66% {-o-transform: scale(0.80)}
		100% {-o-transform: scale(1)}
	}
	@keyframes bounce {
		0% {transform: scale(1)}
		33% {transform: scale(1.10)}
		66% {transform: scale(0.80)}
		100% {transform: scale(1)}
	}



/*********************************************/
/* accordions, tabs and toggles              */
/*********************************************/

	.accordion-wrapper,
	.toggle-wrapper,
	.tabs-wrapper {
		padding: 0;
		margin: 1em 0 0;
		overflow: hidden;
	}
	.tabs-wrapper > ul > li,
	.accordion-wrapper > ul > li {
		padding: 0;
		margin: 0;
		background: none;
	}
	.toggle-wrapper {padding-bottom: 1px}
	.no-js .tabs-wrapper {padding: 0 0 1em}



	/* tabs */
		.tabs-wrapper ul.tabs {
			padding-bottom: 0;
			margin: 0;
		}
		.tabs-wrapper ul.tabs li {
			float: left;
			padding: 0;
			background: url(../img/transparent/black/5.png);
			background: rgba(0,0,0, .05);
		}
			.tabs-wrapper.normal ul.tabs li + li,
			.tabs-wrapper.fullwidth ul.tabs li + li {border-left: none}
			.dark-icons .tabs-wrapper ul.tabs li {
				background: url(../img/transparent/black/5.png);
				background: rgba(0,0,0, .05);
			}
			.light-icons .tabs-wrapper ul.tabs li {
				background: url(../img/transparent/white/5.png);
				background: rgba(255,255,255, .05);
			}
			.no-js .tabs-wrapper > ul > li {
				padding-left: 1.5em;
				background: none !important;
				border: none !important;
			}
		.tabs-wrapper .tabs li a {
			display: block;
			height: 40px;
			padding: 0 20px;
			line-height: 40px;
			text-decoration: none;
			text-align: center;
			color: inherit;
			overflow: hidden;
		}
		.tabs-wrapper > ul > li.active {border-color: transparent}
			.tabs-wrapper > ul > li.active,
			.dark-icons .tabs-wrapper ul.tabs li.active {
				background: url(../img/transparent/black/80.png);
				background: rgba(0,0,0, .8);
				color: #fff;
			}
			.light-icons .tabs-wrapper ul.tabs li.active {
				background: url(../img/transparent/white/80.png);
				background: rgba(255,255,255, .8);
				color: #000;
			}
			.no-js .tab-heading {
				padding: 1em 0;
				margin-left: -1em;
			}

		/* tab content */
			.tabs-wrapper .tabs + ul {margin: 0}
			.tabs-wrapper .tabs + ul > li {
				padding: 20px 0 0;
				overflow: hidden;
			}
			.tab-heading + * {margin-top: 0}

		/* vertical tabs */
			.vertical ul.tabs {
				float: left;
				padding-right: 30px;
			}
			.vertical ul.tabs li {
				display: block;
				clear: both;
				width: 100%;
				margin: 1px 0 0 !important;
				white-space: nowrap;
				border: none;
			}
			.vertical .tabs li a {text-align: left}

			/* vertical tabs content */
				.tabs-wrapper.vertical .tabs + ul > li {
					padding: 0;
					border: none;
				}

		/* tour tabs */
			.tour-nav {
				height: 40px;
				line-height: 40px;
				padding-bottom: 10px;
				margin-bottom: 30px;
				overflow: hidden;
			}
			.tour-nav,
			.dark-icons .tour-nav {
				background: url(../img/transparent/black/5.png);
				background: rgba(0,0,0, .05);
			}
			.light-icons .tour-nav {
				background: url(../img/transparent/white/5.png);
				background: rgba(255,255,255, .05);
			}
				.tour-nav span {
					display: block;
					width: 49%;
					text-align: right;
				}
					.tour-nav span i {margin: 0 0.5em}
				.tour-nav span a {
					display: block;
					width: 100%;
					padding: 0 3%;
				}
				.tour-nav span a,
				.dark-icons .tour-nav span a {color: #000}
				.light-icons .tour-nav span a {color: #fff}
				.tour-nav .prev {
					float: left;
					text-align: left;
				}
				.tour-nav .next {float: right}



	/* accordions and toggles */
		.accordion-wrapper > ul {
			margin: 0;
			padding: 0;
		}
			.no-js .accordion-wrapper > ul {border: none}

		.accordion-wrapper > ul > li {
			padding: 0;
			overflow: hidden;
		}
			.no-js .accordion-wrapper > ul > li {padding: 0 0 1em}

		.accordion-heading,
		.toggle-heading {
			position: relative;
			height: auto;
			padding: 10px 20px 10px 40px;
			margin: 0;
			line-height: 1.25em;
			cursor: pointer;
		}
			.accordion-heading,
			.toggle-heading,
			.dark-icons .accordion-heading,
			.dark-icons .toggle-heading {
				background: url(../img/transparent/black/5.png);
				background: rgba(0,0,0, .05);
			}
			.light-icons .accordion-heading,
			.light-icons .toggle-heading {
				background: url(../img/transparent/white/5.png);
				background: rgba(255,255,255, .05);
			}
			.no-js .accordion-heading,
			.no-js .toggle-heading {
				background: none !important;
				border: none !important;
			}
			.active > .accordion-heading,
			.active > .toggle-heading {border: none !important}
				.active > .accordion-heading,
				.active > .toggle-heading,
				.dark-icons .active > .accordion-heading,
				.dark-icons .active > .toggle-heading {
					background: url(../img/transparent/black/80.png);
					background: rgba(0,0,0, .8);
					color: #fff;
				}
				.light-icons .active > .accordion-heading,
				.light-icons .active > .toggle-heading {
					background: url(../img/transparent/white/80.png);
					background: rgba(255,255,255, .8);
					color: #000;
				}

			/* toggle buttons */
				.accordion-heading:before,
				.toggle-heading:before {
					position: absolute;
					float: left;
					width: 38px;
					height: 38px;
					left: 0;
					top: 0;
					margin-right: 10px;
					line-height: 40px;
					text-align: center;
				}
					.accordion-heading:before,
					.toggle-heading:before {content: "\f055"}
					.active > .accordion-heading:before,
					.active > .toggle-heading:before {
						content: "\f056";
						left: 0;
						top: 0;
					}

				.no-js .accordion-heading:before,
				.no-js .toggle-heading:before {display: none}

		/* accordion and toggle content */
			.accordion-content,
			.toggle-content {
				padding: 0 20px;
				display: none;
			}
			.no-js .accordion-content,
			.no-js .toggle-content,
			.toggle-wrapper.active .toggle-content {display: block}
				.accordion-content:before,
				.accordion-content:after,
				.toggle-content:before,
				.toggle-content:after {
					content: "\0020";
					display: block;
					height: 20px;
					clear: both;
					visibility: hidden;
				}
			.toggle-content {border-top: none !important}

		/* FAQ toggles */
			.wrap-faq-shortcode article {
				width: 100%;
				height: auto;
				overflow: hidden;
			}
			.column > .wrap-faqs article:first-child .toggle-wrapper {margin-top: 0}
			.wrap-faq-shortcode .toggle-wrapper {overflow: hidden}
			.wrap-faq-shortcode .toggle-content {display: none}



/*********************************************/
/* attributes (project attributes)           */
/*********************************************/

	.attributes {}
	* + .attributes {margin-top: 1.5em}
	.attributes > h3 {padding-bottom: 1em}
	.attributes ul {margin-top: 0}
	.attributes ul li {
		position: relative;
		padding-left: 10px;
		padding-bottom: 0.5em;
		margin-top: 0.5em;
	}
	.attributes .attribute-heading {
		display: block;
		margin-left: -10px;
		text-transform: uppercase;
	}



/*********************************************/
/* boxes                                     */
/*********************************************/

	/* NOTE: don't need to make border and background colors change automatically - set in admin panel */

	.box {
		position: relative;
		padding: 20px;
		margin: 0;
		text-shadow: 0 1px rgba(255,255,255, 0.5);
		border: 1px solid #ddd;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}
		.box:hover {
			-webkit-box-shadow: inset 0 0 7px rgba(255,255,255, 0.5);
			   -moz-box-shadow: inset 0 0 7px rgba(255,255,255, 0.5);
			        box-shadow: inset 0 0 7px rgba(255,255,255, 0.5);
		}
		* + .box,
		.box + * {margin-top: 1.5em}
		.box * {position: relative} /* hack to make these elements available in message box (covered with :before overlay) */
		.box:before {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			left: -1px;
			top: -1px;
			border-width: 1px;
			border-style: solid;
			border-color: rgba(0,0,0, 0.1);
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
			        border-radius: 4px;
		}
		.ie8 .box:before {border-color: transparent}

		/* box clearfix */
			.box:after {
				content: " ";
				clear: both;
				display: block;
				display: table; /* The use of 'table' rather than 'block' is only necessary if using :before to contain the top-margins of child elements. */
			}

		.box a:not(.btn):hover {
			color: inherit;
			text-decoration: underline;
		}
		.box a:hover,
		.box a.btn {text-decoration: none}
		.box.icon-box {
			padding-left: 72px;
			background-image: url(../img/icons/box/black/box-icon-sprite.png);
			background-repeat: no-repeat;
			background-position: 24px 18px;
		}

		/* box titles */
			.box h1, .box h2, .box h3, .box h4, .box h5, .box h6,
			.box .size-big, .box .size-huge {color: inherit !important}
			.box > h1:first-child,
			.box > h2:first-child {
				padding: 7px 20px;
				margin: -20px -20px 0;
				line-height: 2em;
				background: url(../img/transparent/black/10.png); /* doesn't change */
				background: rgba(0,0,0, .1);
			}
				.box > h1:first-child + *,
				.box > h2:first-child + * {margin-top: 1em}
				.icon-box > h1:first-child,
				.icon-box > h2:first-child,
				.hero.box > h1:first-child,
				.hero.box > h2:first-child {
					margin-top: -10px;
					margin-bottom: -1em;
					background: none;
				}

		/* icons */
			.box.icon-cancel {background-position: 24px 18px}
			.box.icon-check {background-position: -1176px 18px}
			.box.icon-info {background-position: -2376px 18px}
			.box.icon-question {background-position: -3576px 18px}
			.box.icon-warning {background-position: -4776px 18px}

		/* hero box */
			.box.hero {
				padding: 40px;
				background-image: none;
			}
			.hero p {margin-top: 0.75em}
			.hero p:first-child {margin-top: 0}

	/* box colors */
		.box.color-gray {
			color: #777777;
			color: rgba(0,0,0, 0.66);
			background-color: #e3e3e3;
			border-color: #e3e3e3;
		}
		.box.color-green {
			color: #5e7830;
			color: rgba(0,0,0, 0.66);
			background-color: #b7cc93;
			border-color: #b7cc93;
		}
		.box.color-blue {
			color: #416c82;
			color: rgba(0,0,0, 0.66);
			background-color: #c9dce6;
			border-color: #c9dce6;
		}
		.box.color-orange {
			color: #85590c;
			color: rgba(0,0,0, 0.66);
			background-color: #f0bf69;
			border-color: #f0bf69;
		}
		.box.color-red {
			color: #8f424c;
			color: rgba(0,0,0, 0.66);
			background-color: #e68f9c;
			border-color: #e68f9c;
		}
		.box.no-background {
			text-shadow: none !important;
			background-color: transparent !important;
		}



/*********************************************/
/* buttons (link and form submit)            */
/*********************************************/

	/* NOTE: don't need to make border and background colors change automatically - set in admin panel */

	a.btn,
	.nav-main .btn,
	button,
	input[type="button"],
	input[type="submit"] {
		position: relative;
		display: inline-block;
		padding: 4px 15px;
		line-height: 20px;
		text-decoration: none;
		text-shadow: 0 1px rgba(255,255,255, 0.66);
		background-image: url(../img/buttons/bg-button.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		background-color: #ddd;
		color: #333;
		border-width: 1px;
		border-style: solid;
		border-color: #ddd;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		white-space: nowrap;
		vertical-align: middle;
		-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.25);
		   -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.25);
		        box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.25);
	}
		a.btn:after,
		button:after,
		input[type="button"]:after,
		input[type="submit"]:after {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			left: -1px;
			top: -1px;
			border-width: 1px;
			border-style: solid;
			border-color: rgba(0,0,0, 0.1);
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
			        border-radius: 4px;
		}
		.ie8 a.btn:after,
		.ie8 button:after,
		.ie8 input[type="button"]:after,
		.ie8 input[type="submit"]:after {
			border-color: transparent;
			background: url(../img/transparent/black/10.png);
			background: rgba(0,0,0, .1);
		}

	/* hover */
		a.btn:hover,
		.nav-main .btn:hover,
		button:hover,
		input[type="button"]:hover,
		input[type="submit"]:hover {
			background-position: 0 -200px;
			-webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25);
			   -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25);
			        box-shadow: 0 0 1px rgba(0,0,0, 0.25);
			-webkit-animation: bounce 0.5s ease-in-out;
			   -moz-animation: bounce 0.5s ease-in-out;
			     -o-animation: bounce 0.5s ease-in-out;
			        animation: bounce 0.5s ease-in-out;
		}

	/* active */
		a.btn.active,
		a.btn:active,
		.nav-main .btn:active,
		button:active,
		input[type="button"]:active,
		input[type="submit"]:active {
			text-shadow: none;
			background-image: none;
			-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0, 0.25) !important;
			   -moz-box-shadow: inset 0 2px 3px rgba(0,0,0, 0.25) !important;
			        box-shadow: inset 0 2px 3px rgba(0,0,0, 0.25) !important;
		}

	/* button sizes */
		.btn.size-small {padding: 1px 10px}
		.btn.size-medium {padding: 4px 15px}
		.btn.size-large {padding: 7px 15px}
		.btn.size-extra-large {padding: 10px 20px}

	/* button icons */
		.btn img,
		.btn [class*="icon-"] {margin: -4px 5px 0 -2px}
		.btn.size-extra-large img,
		.btn [class*="icon-"] {margin-left: -4px}

	/* button colors */
		.btn.color-gray {
			color: #777777;
			background-color: #e3e3e3;
			border-color: #e3e3e3;
		}
		.btn.color-green {
			color: #5e7830;
			background-color: #b7cc93;
			border-color: #b7cc93;
		}
		.btn.color-blue {
			color: #416c82;
			background-color: #c9dce6;
			border-color: #c9dce6;
		}
		.btn.color-orange {
			color: #85590c;
			background-color: #f0bf69;
			border-color: #f0bf69;
		}
		.btn.color-red {
			color: #8f424c;
			background-color: #e68f9c;
			border-color: #e68f9c;
		}



/*********************************************/
/* call to action                            */
/*********************************************/

	/* NOTE: don't need to make background colors change automatically - set in admin panel */

	.call-to-action {
		position: relative;
		height: 100%;
		padding: 30px 35% 30px 30px;
	}
		.call-to-action .btn {
			position: absolute;
			right: 30px;
			top: 50%;
			margin-top: -21px;
		}
		.call-to-action-title {
			position: absolute;
			height: 100%;
			left: 0;
			top: 0;
			margin: 0;
			padding: 0 30px;
			text-align: center;
			background: url(../img/transparent/black/5.png);
			background: rgba(0,0,0, .05);
		}
		.call-to-action p {margin: 0}
		.call-to-action h1,
		.call-to-action h2,
		.call-to-action h3,
		.call-to-action h4,
		.call-to-action h5,
		.call-to-action h6 {color: inherit !important}
		.call-to-action-title small {display: block}
		.no-js .call-to-action-title {
			position: relative;
			padding: 0 0 10px;
			text-align: left;
			background: none;
		}
		.no-js .call-to-action-title small,
		.no-js .call-to-action-title .size-small {
			display: inline-block;
			padding-left: 10px;
			margin-left: 10px;
		}

	/* call to action colors */
		.call-to-action.color-gray {
			color: #777777;
			background-color: #e3e3e3;
		}
		.call-to-action.color-green {
			color: #5e7830;
			background-color: #b7cc93;
		}
		.call-to-action.color-blue {
			color: #416c82;
			background-color: #c9dce6;
		}
		.call-to-action.color-orange {
			color: #85590c;
			background-color: #f0bf69;
		}
		.call-to-action.color-red {
			color: #8f424c;
			background-color: #e68f9c;
		}

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

		.call-to-action {
			padding: 20px !important;
			text-align: center;
		}
		.call-to-action-title {
			position: relative;
			height: auto;
			padding: 10px;
			margin-bottom: 1.5em;
			background: url(../img/transparent/black/5.png);
			background: rgba(0,0,0, .05);
		}
			.call-to-action-title h2 {
				margin-top: 0 !important;
			}
		.cta-text {
			padding: 0 !important;
			text-align: center !important;
		}
		.call-to-action .btn {
			display: block;
			clear: both;
			position: relative;
			right: 0;
			top: 0;
			margin: 1.5em auto 0 auto;
			text-align: center;
		}

	}



/*********************************************/
/* content module                            */
/*********************************************/

	p + .wm-content-module,
	h1 + .wm-content-module,
	h2 + .wm-content-module,
	h3 + .wm-content-module,
	h4 + .wm-content-module,
	h5 + .wm-content-module,
	h6 + .wm-content-module,
	div + .wm-content-module {margin-top: 1.5em}

	.wm-content-module .image-container {padding: 0 0 10px}

	.wm-content-module h3 {margin-top: 0}
	.wm-content-module h3 + .module-content {margin-top: 10px}

	.image-container + .module-content {margin-top: 0}

	/* icon module */
		.wm-content-module .icon-module {
			position: relative;
			padding-left: 52px;
		}
		.wm-content-module .icon-container {
			position: absolute;
			width: 32px;
			height: 32px;
			left: 0;
			top: 0;
		}
		.wm-content-module:hover .icon-container img {
			-webkit-animation: bounce 0.5s ease-in-out;
			   -moz-animation: bounce 0.5s ease-in-out;
			     -o-animation: bounce 0.5s ease-in-out;
			        animation: bounce 0.5s ease-in-out;
		}
		.icon-module.transparent-icon-bg .icon-container {background: transparent !important}

	/* centered layout */
		.layout-center {text-align: center}
		.wm-content-module .icon-module.layout-center {padding-left: 0}

		.layout-center .image-container img,
		.layout-center .icon-container img {
			width: auto;
			max-width: 100%;
		}
		.wm-content-module .layout-center .image-container {padding-bottom: 1em}
		.wm-content-module .layout-center h2 + .module-content {margin-top: 1em}

		.wm-content-module .layout-center .icon-container {
			position: relative;
			width: 100%;
			height: auto;
			padding-bottom: 1em;
		}



/*********************************************/
/* countdown timer                           */
/*********************************************/

	.countdown-timer {text-align: center}
		.countdown-timer > div {
			display: inline-block;
			max-width: 990px;
			height: 1.25em;
			margin: 0 auto;
		}
		.countdown-timer .dash {
			position: relative;
			float: left;
			display: block;
			width: 1.6em;
			height: 100%;
			padding: 0;
			background: url('../img/transparent/black/15.png') repeat-y 0 0;
			color: #777;
		}
			.countdown-timer .dash:first-child {background: none}

		.countdown-timer .dash .digit {
			position: relative;
			float: left;
			width: .8em;
			padding: 0 .05em;
			line-height: 1em;
			text-align: left;
		}
			.countdown-timer .dash .digit.first {text-align: right}

		.countdown-timer .dash_title {
			position: absolute;
			display: block;
			width: 100%;
			left: 0;
			bottom: 0;
			text-transform: uppercase;
			letter-spacing: .1em;
		}

		/* sizes */
			.countdown-timer.size-small > div {height: .85em}
			.countdown-timer.size-small .dash_title {display: none}



/*********************************************/
/* dividers                                  */
/*********************************************/

	.divider {
		position: relative;
		display: block;
		clear: both;
		width: 100%;
		height: 0;
		padding: 30px 0 0;
		margin: 0 0 30px;
		text-align: right;
	}
		.divider.type-dots {border-bottom-style: dotted}
		.divider.type-dashes {border-bottom-style: dashed}
	.divider.no-border {
		padding-top: 0;
		border: none;
		background: none;
	}
		.divider.no-border[style] {padding-top: 0} /* remove top padding when height set on spacer (no border) */
		.divider.no-border[style] + * {margin-top: 0} /* to maintain the space height */
	.divider.type-top.no-border {padding: 20px 0}
	.divider a {
		position: absolute;
		height: 30px;
		left: 50%;
		top: 30px;
		margin: 0 -12px;
	}
	.divider.no-border a {top: 20px}
	.divider.shadow.no-border {
		height: 30px;
		padding: 0;
		margin: 0;
	}
		.divider.shadow img {
			position: absolute;
			width: 100%;
			height: 30px;
			left: 0;
			top: 0;
		}
		.divider.shadow-top a {top: -5px}
		.divider.shadow-bottom a {top: 5px}



/*********************************************/
/* dropcaps                                  */
/*********************************************/

	.dropcap {
		float: left;
		display: block;
		width: 48px;
		margin: 4px 10px 0 0;
		line-height: 48px;
		text-align: center;
	}
	.dropcap.round {
		-webkit-border-radius: 100px;
		   -moz-border-radius: 100px;
		        border-radius: 100px;
	}
	.dropcap.leaf {
		-webkit-border-bottom-right-radius: 30px;
		    -webkit-border-top-left-radius: 30px;
		    -moz-border-radius-bottomright: 30px;
		        -moz-border-radius-topleft: 30px;
		        border-bottom-right-radius: 30px;
		            border-top-left-radius: 30px;
	}
	.dropcap.square {}
		.dropcap.round,
		.dropcap.square,
		.dropcap.leaf,
		.dark-icons .dropcap.round,
		.dark-icons .dropcap.square,
		.dark-icons .dropcap.leaf {
			background: url(../img/transparent/black/80.png);
			background: rgba(0,0,0, .8);
			color: #fff;
		}
		.light-icons .dropcap.round,
		.light-icons .dropcap.square,
		.light-icons .dropcap.leaf {
			background: url(../img/transparent/white/80.png);
			background: rgba(255,255,255, .8);
			color: #000;
		}



/*********************************************/
/* gallery                                   */
/*********************************************/

	p + .gallery,
	h1 + .gallery,
	h2 + .gallery,
	h3 + .gallery,
	h4 + .gallery,
	h5 + .gallery,
	h6 + .gallery,
	div + .gallery {margin-top: 1.5em}

	.gallery-columns a {display: block}
	.gallery-columns img {width: 100%}
	.gallery-caption {
		display: block;
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 10px 5%;
		line-height: 1.25em;
		color: #ccc;
		background: url(../img/transparent/black/80.png);
		background: rgba(0,0,0, .8);
	}
	.gallery-columns .column:hover .gallery-caption {display: none}



/*********************************************/
/* images                                    */
/*********************************************/

	.frame {padding: 4px}
	img.frame {
		-webkit-box-sizing: content-box;
		   -moz-box-sizing: content-box;
		        box-sizing: content-box;
	}



/*********************************************/
/* lists                                     */
/*********************************************/

	li[class*="icon-"] {
		position: relative;
		margin-left: 0;
		list-style-type: none;
		background: transparent !important;
	}
	li[class*="icon-"]:before {
		position: absolute;
		left: 0;
		top: -.15em;
	}



/*********************************************/
/* login                                     */
/*********************************************/

	.wrap-login {
		display: inline-block;
		width: 100%;
		padding: 20px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.25);
		   -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.25);
		        box-shadow: 0 0 3px rgba(0,0,0, 0.25);
	}
		.wrap-login,
		.dark-icons .wrap-login {
			background: url(../img/transparent/black/5.png);
			background: rgba(0,0,0, .05);
		}
		.light-icons .wrap-login {
			background: url(../img/transparent/white/5.png);
			background: rgba(255,255,255, .05);
		}
	.wrap-login label {display: block}
		.wrap-login label + br {display: none}
	.wrap-login p {margin-top: 10px}
	.wrap-login input[type="text"],
	.wrap-login input[type="password"] {width: 100%}



/*********************************************/
/* logos                                     */
/*********************************************/

	p + .wrap-logos-shortcode,
	h1 + .wrap-logos-shortcode,
	h2 + .wrap-logos-shortcode,
	h3 + .wrap-logos-shortcode,
	h4 + .wrap-logos-shortcode,
	h5 + .wrap-logos-shortcode,
	h6 + .wrap-logos-shortcode,
	div + .wrap-logos-shortcode {margin-top: 1.5em}

	.wrap-logos-shortcode .row {margin: 0}
	.wrap-logos-shortcode article {
		padding: 0 1px 1px 0;
		text-align: center;
	}



/*********************************************/
/* markers                                   */
/*********************************************/

	/* NOTE: don't need to make background colors change automatically - set in admin panel */

	.marker a {color: inherit}
	.marker.color-gray {
		color: #444;
		background-color: #e3e3e3;
	}
	.marker.color-green {
		color: #444;
		background-color: #b7cc93;
	}
	.marker.color-blue {
		color: #444;
		background-color: #c9dce6;
	}
	.marker.color-orange {
		color: #444;
		background-color: #f0bf69;
	}
	.marker.color-red {
		color: #fff;
		background-color: #e68f9c;
	}



/*********************************************/
/* maps                                      */
/*********************************************/

	.map-container {position: relative}



/*********************************************/
/* posts, projects and staff list            */
/*********************************************/

	p + .wrap-posts-shortcode,
	h1 + .wrap-posts-shortcode,
	h2 + .wrap-posts-shortcode,
	h3 + .wrap-posts-shortcode,
	h4 + .wrap-posts-shortcode,
	h5 + .wrap-posts-shortcode,
	h6 + .wrap-posts-shortcode,
	div + .wrap-posts-shortcode,
	p + .wrap-staff-shortcode,
	h1 + .wrap-staff-shortcode,
	h2 + .wrap-staff-shortcode,
	h3 + .wrap-staff-shortcode,
	h4 + .wrap-staff-shortcode,
	h5 + .wrap-staff-shortcode,
	h6 + .wrap-staff-shortcode,
	div + .wrap-staff-shortcode,
	p + .wrap-projects-shortcode,
	h1 + .wrap-projects-shortcode,
	h2 + .wrap-projects-shortcode,
	h3 + .wrap-projects-shortcode,
	h4 + .wrap-projects-shortcode,
	h5 + .wrap-projects-shortcode,
	h6 + .wrap-projects-shortcode,
	div + .wrap-projects-shortcode {margin-top: 1.5em}

	/* posts, projects, staff list */
		.wrap-posts-shortcode {}
			.wrap-posts-shortcode .wrap-posts {overflow: hidden}

			.wrap-posts-shortcode .row,
			.wrap-projects-shortcode .row,
			.wrap-staff-shortcode .row {
				padding: 0;
				margin: 0;
			}
				.wrap-posts-shortcode .row + .row,
				.wrap-projects-shortcode .row + .row,
				.wrap-staff-shortcode .row + .row {padding-top: 20px}

			.wrap-posts-shortcode article,
			.wrap-staff-shortcode article {
				position: relative;
				display: block;
				height: 100%;
				padding: 0 1px 1px 0;
				overflow: hidden;
			}
			.wrap-projects-shortcode article {
				position: relative;
				padding: 0 1px 1px 0;
				overflow: hidden;
			}

				.wrap-projects-shortcode .text,
				.wrap-posts-shortcode .text,
				.wrap-staff-shortcode .text {
					position: relative;
					padding: 0 1em;
				}
					.wrap-projects-shortcode .image-container + .text,
					.wrap-posts-shortcode .image-container + .text,
					.wrap-staff-shortcode .image-container + .text {padding-top: 0.5em}
					.wrap-projects-shortcode .filter-this .text {padding-bottom: 20px}

				.wrap-posts-shortcode .text-element,
				.wrap-projects-shortcode .text-element,
				.wrap-staff-shortcode .text-element {padding-top: 0.5em}

				.wrap-projects-shortcode .project-icon {
					display: block;
					position: relative;
					float: left;
					width: 40px;
					height: 40px;
					margin: 0.25em 10px 5px 0;
					line-height: 40px;
					font-size: 18px;
					text-align: center;
					background: #ddd;
					color: #333;
					z-index: 2;
				}

				.wrap-posts-shortcode .post-title a,
				.wrap-projects-shortcode .project-title a,
				.wrap-staff-shortcode .staff-title a {
					display: block;
					width: 100%;
				}
				.wrap-posts-shortcode .post-title,
				.wrap-projects-shortcode .project-title,
				.wrap-staff-shortcode .staff-title {margin-top: 0}

				.wrap-staff-shortcode .staff-position {
					padding-top: 2px;
					margin: 0;
					text-transform: uppercase;
				}
				.wrap-staff-shortcode .staff-excerpt ul {
					padding-top: 10px;
					margin: 0;
				}
				.wrap-staff-shortcode .staff-excerpt * + ul {margin-top: 10px}

	/* isotope filter */
		/* filter buttons */
			.wrap-filter ul,
			.wrap-filter ul li {
				margin: 0;
				padding: 0;
				background: transparent;
				overflow: hidden;
			}
			.wrap-filter ul {padding-bottom: 1.5em}
			.wrap-filter ul li {
				display: inline;
				margin-right: 10px;
			}
			.wrap-filter.column ul li {
				display: block;
				margin: 1em 0 0;
			}
			.paginated .wrap-filter .count {display: none}
			.wrap-filter a.active {
				opacity: 0.5;
				filter: alpha(opacity=50); /* For IE8 and earlier */
			}
			.wrap-filter.column a {
				width: 100%;
				text-align: center;
			}

			.wrap-projects-shortcode .wrap-filter li {
				padding: 0 15px;
				margin-right: 0;
			}
				.wrap-projects-shortcode .wrap-filter li:first-child {
					padding-left: 0;
					border: none;
				}

		/**** Isotope Filtering ****/
			.isotope-item {z-index: 0}
			.isotope-hidden.isotope-item {
				pointer-events: none; /* this won't work in Opera... so changing z-index from default 1 to -1 */
				z-index: -1;
			}

			/**** Isotope CSS3 transitions ****/
				.isotope,
				.isotope .isotope-item {
					-webkit-transition-duration: 0.8s;
					   -moz-transition-duration: 0.8s;
					    -ms-transition-duration: 0.8s;
					     -o-transition-duration: 0.8s;
					        transition-duration: 0.8s;
				}
				.isotope {
					-webkit-transition-property: height, width;
					   -moz-transition-property: height, width;
					    -ms-transition-property: height, width;
					     -o-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;
				}

			/**** disabling Isotope CSS3 transitions ****/
				.isotope.no-transition,
				.isotope.no-transition .isotope-item,
				.isotope .isotope-item.no-transition {
					-webkit-transition-duration: 0s;
					   -moz-transition-duration: 0s;
					    -ms-transition-duration: 0s;
					     -o-transition-duration: 0s;
					        transition-duration: 0s;
				}



/*********************************************/
/* quotes                                    */
/*********************************************/

	cite,
	.quote-source {
		clear: both;
		display: inline-block;
		padding: 0.5em 20px 0 0;
		margin-top: 1em;
		background: url(../img/transparent/black/10.png) repeat-x 0 0;
	}
		.dark-icons cite,
		.dark-icons .quote-source {background-image: url(../img/transparent/black/10.png)}
		.light-icons cite,
		.light-icons .quote-source {background-image: url(../img/transparent/white/20.png)}

	.quote-source p {padding: 0}
	p cite {padding: 0}

	blockquote.pullquote {width: 30%}

	blockquote.left-border {
		padding: 1em 1em 1em 2em;
		margin: 1.5em 0 0;
		line-height: 1.6em;
		background: transparent;
	}

	blockquote img.alignleft {
		margin-right: 20px;
		margin-bottom: 0;
	}



/*********************************************/
/* slideshow (Flex slider)                   */
/*********************************************/

	.slideshow {
		position: relative;
		overflow: hidden;
	}
	ul.slides,
	ul.slides > li {
		padding: 0;
		margin: 0;
		background: none;
	}
	.flexslider .slides > li { /* Hide the slides before the JS is loaded. Avoids image jumping */
		display: none;
		-webkit-backface-visibility: hidden;
	}
	.flexslider .slides img {
		width: 100%;
		display: block;
	}
	.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	html[xmlns] .slides {display: block;}
	* html .slides {height: 1%;}

	.no-js .slides > li:first-child {display: block;}

	.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	.loading .flex-viewport {max-height: 300px;}
	.flexslider .slides {zoom: 1;}

	/* slideshow control nav */
		.flex-control-nav {
			position: absolute;
			width: 100%;
			bottom: 12px;
			margin: 0;
			text-align: center;
		}
		.flex-control-nav li {
			display: inline-block;
			margin: 0 5px;
			zoom: 1;
			*display: inline;
		}
		.flex-control-paging li a {
			display: block;
			width: 12px;
			height: 12px;
			text-indent: -9999px;
			background: #666; /* for IE8 */
			background: rgba(0,0,0, 0.5);
			border: 3px solid transparent;
			-webkit-border-radius: 20px;
			   -moz-border-radius: 20px;
			     -o-border-radius: 20px;
			        border-radius: 20px;
			box-shadow: none;
			cursor: pointer;
		}
		.flex-control-paging li a:hover {
			background: #333;
			background: rgba(0,0,0, 0.7);
		}
		.flex-control-paging li a.flex-active {
			background: #fff;
			background: rgba(255,255,255, 0.9);
			border: 3px solid #000;
		}

	/* slideshow direction nav */
		.flex-direction-nav {
			position: absolute;
			width: 100%;
			left: 0;
			top: 50%;
			padding: 0;
			margin: -15px 0 0;
		}
		.flex-direction-nav a {
			display: block;
			position: absolute;
			width: 30px;
			height: 30px;
			top: 0;
			margin: 0;
			text-indent: -9999px;
			background: url(../img/flex/bg_direction_nav.png) no-repeat 0 0;
			cursor: pointer;
			opacity: 0;
			filter: alpha(opacity=0); /* For IE8 and earlier */
			-webkit-transition: all .3s ease;
		}
		.flex-direction-nav .flex-next {
			background-position: 100% 0;
			right: -36px;
		}
		.flex-direction-nav .flex-prev {left: -36px}
		.flex-direction-nav .flex-disabled {
			opacity: .3 !important;
			filter:alpha(opacity=30);
			cursor: default;
		}
		.flexslider:hover .flex-next {
			opacity: 0.8;
			filter: alpha(opacity=80); /* For IE8 and earlier */
			right: 0;
		}
		.flexslider:hover .flex-prev {
			opacity: 0.8;
			filter: alpha(opacity=80); /* For IE8 and earlier */
			left: 0;
		}
		.flexslider:hover .flex-next:hover,
		.flexslider:hover .flex-prev:hover {opacity: 1}

		@media screen and (max-width: 767px) {
			.flex-direction-nav .flex-prev {
				opacity: 1;
				left: 0;
			}
			.flex-direction-nav .flex-next {
				opacity: 1;
				right: 0;
			}
		}



/*********************************************/
/* social sharing and linking                */
/*********************************************/

	/* sharing */
		.social-share {height: 22px}
			.share-button {
				float: left;
				height: 22px;
				line-height: 22px;
			}
			.fb-like {margin-right: 30px}
			.share-button > *,
			.share-button > div,
			.share-button > iframe {vertical-align: top !important}

			.share-button.facebook iframe {max-width: 450px !important}

			.sharing-post-start {margin-top: 1.5em}

	/* social icons */
		.icon-social {
			position: relative;
			display: inline-block;
			padding: 2px;
			vertical-align: middle;
		}
		.icon-social img {vertical-align: top}
		.icon-social:hover {
			-webkit-animation: bounce 0.5s ease-in-out;
			   -moz-animation: bounce 0.5s ease-in-out;
			     -o-animation: bounce 0.5s ease-in-out;
			        animation: bounce 0.5s ease-in-out;
		}
		.ie .icon-social:hover {
			opacity: 0.66;
			filter: alpha(opacity=66); /* For IE8 and earlier */
		}
		.icon-social:active {bottom: -1px}

		/* when displayed in top bar */
			.top-bar .icon-social {padding: 0 2px}
			.top-bar .icon-social img {
				margin-top: -2px;
				vertical-align: middle;
			}



/*********************************************/
/* split                                     */
/*********************************************/

	.wrap-section.alt,
	.dark-icons .wrap-section.alt {
		background: url(../img/transparent/black/5.png);
		background: rgba(0,0,0, .05);
	}
	.light-icons .wrap-section.alt {
		background: url(../img/transparent/white/5.png);
		background: rgba(255,255,255, .05);
	}


/*********************************************/
/* statuses                                  */
/*********************************************/

	.wrap-status-shortcode .date {
		display: block;
		margin-top: 0.5em;
		opacity: 0.66;
		filter: alpha(opacity=66); /* For IE8 and earlier */
	}
	.wrap-status-shortcode.large {
		padding: 10px 0 0;
		text-align: center;
	}



/*********************************************/
/* tables                                    */
/*********************************************/

	/* general tables */
		table {
			width: 100%;
			margin: 1.5em 0 0;
		}
			caption {padding: 15px 0}
			td, th {padding: 10px 20px}
				th,
				.dark-icons th {
					background: url(../img/transparent/black/20.png);
					background: rgba(0,0,0, .2);
				}
				.light-icons th {
					background: url(../img/transparent/white/15.png);
					background: rgba(255,255,255, .15);
				}
				tr.alt td,
				.dark-icons tr.alt td {
					background: url(../img/transparent/black/5.png);
					background: rgba(0,0,0, .05);
				}
				.light-icons tr.alt td {
					background: url(../img/transparent/white/5.png);
					background: rgba(255,255,255, .05);
				}
			tfoot td {text-align: center}



	/* pricing tables */
		.price-table {
			position: relative;
			text-align: center;
			padding-top: 20px;
			overflow: hidden;
		}
			.price-column {
				position: relative;
				height: 100%;
				margin-left: -1px !important;
				border-left: 1px solid transparent;
				border-right: 1px solid transparent;
			}
				.price-column:first-child {border-left: 1px solid transparent}

			/* price heading */
				.price-heading {
					height: 170px;
					background-image: url(../img/transparent/black/5.png);
				}
					.dark-icons .price-heading {background-image: url(../img/transparent/black/5.png)}
					.light-icons .price-heading {background-image: url(../img/transparent/white/5.png)}
					.price-heading.dark-icons,
					.price-heading.dark-icons h3 {color: #444}
					.price-heading.light-icons,
					.price-heading.light-icons h3 {color: #ddd}

					.price-heading h3 {
						position: relative;
						height: 40px;
						margin: 0;
						padding: 0;
						line-height: 40px;
						background: url(../img/transparent/black/10.png);
						background: rgba(0,0,0, .1);
					}
					.price-heading p {
						margin: 0;
						padding: 0;
					}
					.price-heading p.cost {line-height: 60px}
					.price-heading p.note {
						line-height: 15px;
						padding-bottom: 10px;
						margin-top: -10px;
					}
					.price-heading p.wrap-button {line-height: 40px}

			/* price specs */
				.price-spec ul {
					margin: 0;
					padding: 0 0 1px;
					background: url(../img/transparent/black/15.png) repeat-x 0 100%;
				}
					.dark-icons .price-spec ul {background: url(../img/transparent/black/25.png) repeat-x 0 100%}
					.light-icons .price-spec ul {background: url(../img/transparent/white/25.png) repeat-x 0 100%}

					.price-spec ul li {
						background: none;
						padding: 0.75em 0;
						margin: 0;
						white-space: nowrap;
					}
						.price-spec li:nth-child(even),
						.dark-icons .price-spec li:nth-child(even) {
							background: url(../img/transparent/black/5.png);
							background: rgba(0,0,0, .05);
						}
						.light-icons .price-spec li:nth-child(even) {
							background: url(../img/transparent/white/5.png);
							background: rgba(255,255,255, .05);
						}

						.lie8 .price-spec li.even,
						.dark-icons .lie8 .price-spec li.even {
							background: url(../img/transparent/black/5.png);
							background: rgba(0,0,0, .05);
						}
						.light-icons .lie8 .price-spec li.even {
							background: url(../img/transparent/white/5.png);
							background: rgba(255,255,255, .05);
						}

			/* legend column */
				.price-column.legend {
					text-align: left;
					cursor: help;
				}
				.price-column.legend .price-heading {background: none}
				.price-column.legend .price-spec li {
					padding: 0.835em 0 0.835em 20px;
					margin: 0;
					background: url(../img/transparent/black/15.png) repeat-x 0 0;
				}
					.dark-icons .price-column.legend .price-spec li {background: url(../img/transparent/black/25.png) repeat-x 0 0}
					.light-icons .price-column.legend .price-spec li {background: url(../img/transparent/white/25.png) repeat-x 0 0}

				.price-column.legend .price-heading h3 {
					height: 170px;
					padding: 116px 20px 0;
					background: none;
				}

			/* featured column */
				.price-column.featured {
					top: -20px;
					margin-left: 0 !important;
					margin-right: 1px !important;
					border: none;
				}
					.price-column.featured,
					.dark-icons .price-column.featured {
						-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.25);
						   -moz-box-shadow: 0 0 10px rgba(0,0,0, 0.25);
						        box-shadow: 0 0 10px rgba(0,0,0, 0.25);
					}
					.light-icons .price-column.featured {
						-webkit-box-shadow: 0 0 10px rgba(0,0,0, 1);
						   -moz-box-shadow: 0 0 10px rgba(0,0,0, 1);
						        box-shadow: 0 0 10px rgba(0,0,0, 1);
					}

				.price-column.featured .price-heading {height: 190px}
				.price-column.featured .price-heading h3 {
					height: 60px;
					line-height: 60px;
				}
				.price-column.featured .bottom {height: 10px}



/*********************************************/
/* testimonials                              */
/*********************************************/

	p + .wrap-testimonials-shortcode,
	h1 + .wrap-testimonials-shortcode,
	h2 + .wrap-testimonials-shortcode,
	h3 + .wrap-testimonials-shortcode,
	h4 + .wrap-testimonials-shortcode,
	h5 + .wrap-testimonials-shortcode,
	h6 + .wrap-testimonials-shortcode,
	div + .wrap-testimonials-shortcode {margin-top: 1.5em}
	.wrap-testimonials-shortcode[data-time] blockquote,
	.wrap-testimonials-shortcode blockquote:first-child,
	.wrap-testimonials-shortcode p {margin: 0}
	.wrap-testimonials-shortcode.large {padding: 0}
	.wrap-testimonials-shortcode.large blockquote {
		padding: 0;
		text-align: center;
	}
	.wrap-testimonials-shortcode.large blockquote:before {display: none}
	.wrap-testimonials-shortcode.large .quote-source {padding-left: 20px}
	.wrap-testimonials-shortcode.large img + p {margin-top: 0.5em}



/*********************************************/
/* text shortcodes and styles                */
/*********************************************/

	.uppercase {text-transform: uppercase !important}

	.size-big,
	.size-huge {
		margin-top: 0;
		text-transform: none;
	}



/*********************************************/
/* video                                     */
/*********************************************/

	.video-container {
		position: relative;
		height: 0;
		padding: 0 0 56.25%;
	}
		.video-container iframe,
		.video-container object,
		.video-container embed {
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
		}



/*********************************************/
/* widgets areas                             */
/*********************************************/

	/* vertical widgets area */
		.widgets.vertical .widget + .widget {margin-top: 30px}
		.column .sidebar {width: 100%}


/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Luke McDonald (lukemcdonald.com)
 * Skin Design: Orman Clark (premiumpixels.com)
 * Skin Version: 3.0 (jPlayer 2.0.0)
 * Date: 20th December 2010
 */

div.jp-audio, div.jp-video {
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	color: #fff;
	line-height: 1.6;
}

div.jp-audio, div.jp-video {
	width: 100%;
}

div.jp-interface {
	position: relative;
	width: 100%;
	background: rgb(58,59,60);
	background: url(../img/jplayer/jplayer.png) 0 100%;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(34,34,34)),
		color-stop(1, rgb(58,59,60))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(34,34,34) 0%,
		rgb(58,59,60) 100%
	);

}
div.jp-audio div.jp-type-single div.jp-interface, div.jp-video div.jp-type-single div.jp-interface {
	height: 36px;
}

div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {margin: 0}
div.jp-interface ul.jp-controls a {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
	width: 33px;
	height: 30px;
	z-index: 1;
	outline: none;
	background: red;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause,
div.jp-video div.jp-type-single a.jp-play,
div.jp-video div.jp-type-single a.jp-pause {
	left: 0;
	top: 6px;
	border-right: 1px solid rgb(36,37,38);
}
a.jp-play {
	background: url("../img/jplayer/jplayer.png") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../img/jplayer/jplayer.png") -33px 0 no-repeat;
}
a.jp-pause {
	background: url("../img/jplayer/jplayer.png") 0 -30px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../img/jplayer/jplayer.png") -33px -30px no-repeat;
}

div.jp-progress-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	padding: 0;
}
	div.jp-progress {
		position: absolute;
		overflow:hidden;
	}
	div.jp-audio div.jp-type-single div.jp-progress, div.jp-video div.jp-type-single div.jp-progress {
		width: 99.9%;
		height: 6px;
		background: url("../img/jplayer/jplayer.png") 0 -192px repeat-x ;
	}
		.ie div.jp-audio div.jp-type-single div.jp-progress,
		.ie div.jp-video div.jp-type-single div.jp-progress,
		.browser-opera div.jp-audio div.jp-type-single div.jp-progress,
		.browser-opera div.jp-video div.jp-type-single div.jp-progress {width: 100%}

	div.jp-seek-bar {
		width: 0px;
		height: 5px;
		cursor: pointer;
		background: url("../img/jplayer/jplayer.png") 0 -163px repeat-x;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}
	div.jp-play-bar {
		width: 0px;
		height: 5px;
		background: url("../img/jplayer/jplayer.png") 0 -133px repeat-x ;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}

/* The seeking class is added/removed inside jPlayer
div.jp-seeking-bg {
	background: url("pbar-ani.gif");
}
*/

div.jp-volume-bar-container {
	position: absolute;
	top: 5px;
	right: 25px;
	width: 60px;
	height: 30px;
	padding: 12px 10px;
	border-left: 1px solid rgb(36,37,38);
}
	div.jp-volume-bar {
		position: relative;
		overflow: hidden;
		background: url("../img/jplayer/jplayer.png") 0 -192px repeat-x;
		width: 40px;
		height: 8px;
		cursor: pointer;
	}
	div.jp-audio div.jp-type-single div.jp-volume-bar, div.jp-video div.jp-type-single div.jp-volume-bar {
		top: 0;
		left: 20px;
	}

	div.jp-volume-bar-value {
		width: 0px;
		height: 6px;
		margin: 1px;
		background: url("../img/jplayer/jplayer.png") 0 -133px repeat-x;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}

a.jp-mute,
a.jp-unmute {
	width: 17px;
	height: 13px;
	z-index: 1;
	outline: none;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute,
div.jp-video div.jp-type-single a.jp-mute,
div.jp-video div.jp-type-single a.jp-unmute {
	right: 60px;
	top: 14px;
}

a.jp-mute {
	background: url("../img/jplayer/jplayer.png") -10px -68px no-repeat;
}
a.jp-mute:hover {
	background: url("../img/jplayer/jplayer.png") -43px -68px no-repeat;
}
a.jp-unmute {
	background: url("../img/jplayer/jplayer.png") -10px -98px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("../img/jplayer/jplayer.png") -43px -98px no-repeat;
}

div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}
.jp-jplayer.jp-jplayer-video {
	width: 100%;
}/*********************************************/
/* borders                                   */
/*********************************************/

	/* general static border - color doesn't change throughout the website */

		/* forms */
			button,
			input,
			select,
			textarea {
				border: 1px solid #bbb;
			}
				.dark-icons button,
				.dark-icons input,
				.dark-icons select,
				.dark-icons textarea {
					border-color: #bbb;
				}
				.light-icons button,
				.light-icons input,
				.light-icons select,
				.light-icons textarea {
					border-color: #444;
				}

		/* call to action */
			.no-js .call-to-action-title small {
				border-left: 1px solid #ddd;
			}

		/* tables */
			td,
			th,
			.dark-icons td,
			.dark-icons th {
				border: 1px solid #ddd;
			}
			.light-icons td,
			.light-icons th {
				border: 1px solid #444;
			}

		/* filter */
			.wrap-projects-shortcode .wrap-filter li {
				border-left: 1px solid #ddd; /* this is being set to accent color */
			}



	/* slider only */

		/* contact map */
			.map-section {
				border-top: 1px solid;
				border-bottom: 1px solid;
				border-color: #ddd;
			}



	/* content only */

		/* article meta info */
			.meta-bottom,
			#comments,
			.project-sharing {
				border-top: 1px solid;
				border-bottom: 1px solid;
				border-color: #ddd;
			}

		/* articles list */
			.list-articles article {
				border-bottom: 1px solid #ddd;
			}
			/* masonry layout */
				.list-articles.masonry-container article {
					border: 1px solid #ddd;
				}

		/* attributes */
			.attributes ul {
				border-top: 1px solid;
				border-bottom: 1px solid;
				border-color: #ddd;
			}

		/* author info */
			.bio .author-social-links {
				border-left: 1px solid #ddd;
			}

		/* comments */
			.comment-heading {
				border-bottom: 1px solid #ddd;
			}
			.comment-reply-link,
			.comment-edit-link {
				border-left: 1px solid #ddd;
			}

		/* image captions */
			.wp-caption figure {
				border: 1px solid #ddd;
			}

		/* related projects */
			.related-projects {
				border-top: 1px solid #ddd;
			}

		/* sidebar */
			.sidebar .widget:before {
				border-top: 1px solid #ddd;
			}



	/* can be anywhere on website */

		/* border bottom class */
			.bb1,
			.dark-icons .bb1 {border-bottom: 1px solid #ddd}
			.light-icons .bb1 {border-bottom: 1px solid #333}

		/* accordion and toggle */
			.accordion-wrapper > ul {
				border-bottom: 1px solid #ddd;
			}
			.accordion-heading,
			.toggle-heading {
				border-top: 1px solid;
				border-right: 1px solid;
				border-left: 1px solid;
				border-color: #ddd;
			}
				.toggle-heading {border: 1px solid #ddd}
			.accordion-content,
			.toggle-content {
				border-top: 1px solid;
				border-right: 1px solid;
				border-left: 1px solid;
				border-color: #ddd;
			}
				.toggle-content {
					border-bottom: 1px solid #ddd;
				}

		/* divider */
			.divider,
			.dark-icons .divider {
				border-bottom: 1px solid #ddd;
			}
			.light-icons .divider {
				border-bottom: 1px solid #333;
			}

		/* image frame */
			.frame,
			.dark-icons .frame {
				border: 1px solid #ddd;
			}
			.light-icons .frame {
				border: 1px solid #333;
			}

		/* quotes */
			blockquote.left-border,
			.dark-icons blockquote.left-border {
				border-left: 1px solid #ddd;
			}
			.light-icons blockquote.left-border {
				border-left: 1px solid #333;
			}

		/* staff */
			.wrap-staff-shortcode .staff-excerpt ul,
			.dark-icons .wrap-staff-shortcode .staff-excerpt ul {
				border-top: 1px solid #ddd;
			}
			.light-icons .wrap-staff-shortcode .staff-excerpt ul {
				border-top: 1px solid #333;
			}

		/* tabs */
			.tabs-wrapper ul.tabs li {
				border-top: 1px solid;
				border-right: 1px solid;
				border-left: 1px solid;
				border-color: #ddd;
			}
			.tabs-wrapper .tabs + ul > li {
				border-top: 1px solid #ddd;
			}
				.vertical ul.tabs li {
					border: none;
				}

		/* tour tabs nav */
			.tour-nav {
				border-bottom: 1px solid #ddd;
			}


/*
Package: JazzMaster
Skin: ORANGE
Description: Orange JazzMaster theme skin.
Version: 1.0
Author: WebMan

Accent color: f16c49

Blue color: 048ec7
Text on blue: ffffff
Gray color: f3f3f3
Text on gray: 666666
Green color: 18a98a
Text on green: ffffff
Orange color: f28c27
Text on orange: ffffff
Red color: fd3301
Text on red: ffffff

Top panel icons: __light-icons
Header icons:
Navigation icons: __light-icons
Page excerpt icons:
Content icons:
Above footer icons:
Breadcrumbs icons:
Footer icons: __light-icons
Bottom icons:

Font embed: <link href='http://fonts.googleapis.com/css?family=Rokkitt' rel='stylesheet' type='text/css'>
Font primary: Rokkitt, Times, serif
Font secondary: Rokkitt, Times, serif
Font primary elements:
Font secondary elements:
Font size: 16

Top panel bordered:
Header bordered: +.header
Navigation bordered: +.nav-main > ul > li.current-menu-ancestor > .inner:not(.btn), +.nav-main > ul > li.current-menu-item > .inner:not(.btn), +.nav-main > ul > li.current-page-ancestor > .inner:not(.btn)
Slider bordered:
Main heading bordered:
Page excerpt bordered:
Content bordered: +.countdown-timer-wrap, +.sidebar
Above footer bordered: +.above-footer-widgets-wrap:before
Breadcrumbs bordered: +.breadcrumbs
Footer bordered:
Bottom bordered:
*/

/*
NOTES:
- __ = space (needed for some admin panel values)
- Always use "-" and "+" prefix for all CSS selectors in Font primary and secondary elements and Bordered elements to add or remove elements from the default theme styling.
*/



/*********************************************/
/* core                                      */
/*********************************************/

	html {}

	.wrap {
		background: #fff;
		color: #777;
	}
	.boxed .wrap {
		-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0, 0.40);
		   -moz-box-shadow: 0 0 8px 0 rgba(0,0,0, 0.40);
		        box-shadow: 0 0 8px 0 rgba(0,0,0, 0.40);
	}

	pre {
		border-color: #ddd;
		border-bottom-color: #f3f3f3;
		-webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0, 0.10);
		   -moz-box-shadow: inset 0 2px 5px 0 rgba(0,0,0, 0.10);
		        box-shadow: inset 0 2px 5px 0 rgba(0,0,0, 0.10);
	}

	blockquote.large {
		color: #000;
	}

	/* headings */
		h1, h2, h3, h4, h5, h6 {
			position: relative;
			line-height: 1em;
			color: #000;
		}

		/* widget heading */
			.widget-heading {
				margin-bottom: 1em;
			}

		/* main page heading */
			.main-heading {
				background: #f16c49 url(../img/backgrounds/radial-gradient-white-top-20.png) no-repeat 50% 0;
			}
			.main-heading h1,
			.main-heading h2 {
				margin-top: 0;
				line-height: 1em;
				color: #fff;
			}
			.main-heading i[class^="icon-"] {
				top: 50%;
				margin-top: -80px;
				line-height: 200px;
				font-size: 200px;
				color: #fff;
				opacity: 0.15;
				filter: alpha(opacity=15); /* For IE8 and earlier */
				-webkit-transition: all 0.4s ease-in-out;
				   -moz-transition: all 0.4s ease-in-out;
				     -o-transition: all 0.4s ease-in-out;
				    -ms-transition: all 0.4s ease-in-out;
				        transition: all 0.4s ease-in-out;
			}
			.main-heading.has-subtitle i[class^="icon-"] {
				top: 50%;
				margin-top: -100px;
				line-height: 240px;
				font-size: 240px;
			}
			.main-heading:hover i[class^="icon-"] {
				-webkit-transform: rotate( 15deg ) translate3d( 0, 0, 0 ); /* Safari and Chrome, translate3d hack to render properly */
				   -moz-transform: rotate( 15deg ); /* Firefox */
				    -ms-transform: rotate( 15deg ); /* IE 9 */
				     -o-transform: rotate( 15deg ); /* Opera */
				        transform: rotate( 15deg );
			}

	/* breadcrumbs */
		.breadcrumbs {
			text-transform: uppercase;
			background: #fff;
			border-top: 1px solid #f6f6f6;
			border-bottom: 1px solid #f6f6f6;
			-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0, 0.4);
			   -moz-box-shadow: 0 0 8px 0 rgba(0,0,0, 0.4);
			        box-shadow: 0 0 8px 0 rgba(0,0,0, 0.4);
		}
			.breadcrumbs-bottom .breadcrumbs {
				border-bottom: none;
			}
			.breadcrumbs span {
				text-transform: none;
				color: #555;
			}

	/* pagination */
		.pagination,
		.wrap-projects-shortcode .wrap-filter a {
			text-transform: uppercase;
		}

	/* borders */
		/* slider only */
		.map-section,
		/* content only */
		.meta-bottom, #comments, .project-sharing,
		.list-articles article, .list-articles.masonry-container article,
		.attributes ul, .attributes ul li,
		.bio .author-social-links,
		.comment-heading, .comment-reply-link, .comment-edit-link,
		.wp-caption figure,
		.related-projects,
		.sidebar .widget:before,
		/* can be anywhere on website */
		.bb1,
		.accordion-wrapper > ul, .accordion-heading, .toggle-heading, .accordion-content, .toggle-content,
		.divider,
		.frame,
		blockquote.left-border,
		.wrap-staff-shortcode .staff-excerpt ul,
		.tabs-wrapper ul.tabs li, .tabs-wrapper .tabs + ul > li,
		.tour-nav {
			border-color: #ddd;
		}



/*********************************************/
/* typography                                */
/*********************************************/

	/* font sizes */
		.meta-article,
		.wrap-projects-shortcode .wrap-filter {
			font-size: 0.8em;
		}
		.pagination {
			font-size: 1em;
		}
		h4, h5, h6 {
			font-size: 1.2em;
		}
		.main-heading h2 {
			font-size: 1.3em;
		}
		h3,
		.widget-heading {
			font-size: 1.75em;
		}
		h2 {
			font-size: 2em;
		}
		h2.post-title {
			font-size: 2.5em;
		}
		h1, h2.h1-style {
			font-size: 3.1em;
		}
		/* static pixel sizes - doesn't matter parent element font size */
		.btn.size-small {
			font-size: 13px;
		}
		.btn,
		.btn.size-medium,
		input[type="submit"] {
			font-size: 16px;
		}
		.btn.size-large {
			font-size: 18px;
		}
		.btn.size-extra-large {
			font-size: 21px;
		}

	/* font weights */
		.wrap-projects-shortcode .wrap-filter a,
		.nav-main > ul > li > .inner span,
		.nav-main > ul > li > .inner.btn small,
		.widget-heading {
			font-weight: 400;
		}

	/* font style */
		.nav-main a small,
		.nav-main .inner small {
			font-style: normal;
		}

	/* line height */
		body,
		.slider-caption-content h2,
		.wm-post-list li h3,
		.tagcloud,
		.sidebar .wm-contact-info,
		.article-excerpt {
			line-height: 1.3em;
		}
		blockquote {
			line-height: 1.4em;
		}



/*********************************************/
/* header                                    */
/*********************************************/

	/* top bar */
		.top-bar {
			line-height: 30px;
			background: #f16c49;
			color: #fff;
		}
		.top-bar a {
			color: #fff;
		}
			.top-bar a:hover {
				color: #ddd;
			}

		.top-bar.fixed + .wrap {
			top: 30px;
		}

	/* logo */
		.logo,
		h1.logo {
			padding-top: 30px;
		}
		.header .logo .description {
			display: none;
		}

	/* header */
		.header {
			background: #fff;
			border-top: 4px solid #f16c49;
			-webkit-box-shadow: 0 8px 8px -8px rgba(0,0,0, 0.4);
			   -moz-box-shadow: 0 8px 8px -8px rgba(0,0,0, 0.4);
			        box-shadow: 0 8px 8px -8px rgba(0,0,0, 0.4);
		}
		.header > .wrap-inner {
			height: 88px;
		}
		.lie8 .header {
			border-bottom: 1px solid #f6f6f6;
		}

		@media only screen and (min-width: 1020px) {
			/* fixed header */
				.header-fixed .wrap {
					padding-top: 92px;
				}
				.top-bar-enabled.header-fixed .wrap {
					padding-top: 122px;
				}
		}

	/* header right area */
		.header-right {
			padding-top: 18px;
		}
		.header-right [class^="icon-"]:before {
			font-size: 20px;
			vertical-align: middle;
		}

	/* navigation */
		.navigation-wrap {
			padding-bottom: 0;
			color: #000;
		}
		.nav-main a,
		.nav-main .inner {
			padding-top: 3px;
			padding-bottom: 10px;
		}

		.nav-main ul > li[class*="icon-"] {
			padding-left: 0;
		}

		.nav-main > ul > li > .inner:not(.btn) {
			border-bottom: 4px solid transparent;
		}
		.nav-main li ul,
		.top-bar li ul {
			background: #f16c49 url(../img/transparent/black/25.png);
			color: #fff;
		}
		.nav-main a.btn,
		.nav-right .nav-main a.btn {
			margin-top: 0;
		}

		/* active navigation */
			.nav-main > ul > li.current-menu-ancestor > .inner:not(.btn),
			.nav-main > ul > li.current-page-ancestor > .inner:not(.btn),
			.nav-main > ul > li.current-menu-item > .inner:not(.btn) {
				border-bottom-color: #f16c49;
			}

		/* right navigation */
			.nav-right .navigation-wrap {
				clear: right;
				padding: 10px 0 0;
			}
			.nav-right .nav-main > ul > li {
				margin: 0 0 0 30px;
			}

		/* top navigation */
			.nav-top .navigation-wrap {
				padding-top: 10px;
				padding-bottom: 0;
			}



/*********************************************/
/* content                                   */
/*********************************************/

	/* paddings */
		.main-heading .twelve.pane {
			padding-top: 40px;
			padding-bottom: 40px;
		}
		.content .wrap-inner,
		.page-excerpt .wrap-inner {
			padding-top: 60px;
			padding-bottom: 60px;
		}
		.main,
		.sidebar {
			padding: 0;
		}

	/* slider */
		.slider {
			background: #f16c49;
		}

	/* content */
		.content {}
		.numbering {
			height: 0.65em;
			overflow: hidden;
			opacity: 0.15;
			filter: alpha(opacity=15); /* For IE8 and earlier */
		}

	/* page excerpt */
		.page-excerpt:after,
		.above-footer-widgets-wrap:before {
			content: '';
			display: block;
			clear: both;
			width: 100%;
			height: 10px;
			background: #f16c49 url(../img/patterns/light_stripes-100.png);
		}
		.countdown-timer-wrap {
			border-bottom: 1px solid #ddd;
		}

	/* blog list */
		.date-special .icon-format {
			background: #f16c49;
		}

	/* map */
		.map-section {
			background: #fff;
		}



/*********************************************/
/* shortcodes                                */
/*********************************************/

	/* accordions, toggles, tabs */
		.active > .accordion-heading,
		.active > .toggle-heading,
		.tabs-wrapper > ul > li.active,
		.dark-icons .active > .accordion-heading,
		.dark-icons .active > .toggle-heading,
		.dark-icons .tabs-wrapper ul.tabs li.active,
		.light-icons .active > .accordion-heading,
		.light-icons .active > .toggle-heading,
		.light-icons .tabs-wrapper ul.tabs li.active {
			background: #f16c49;
			color: #fff;
		}

	/* button sizes */
		.btn.size-small {padding: 1px 10px}
		.btn.size-medium {padding: 4px 15px}
		.btn.size-large {padding: 9px 20px}
		.btn.size-extra-large {padding: 13px 25px}

	/* content modules */
		.icon-module .icon-container {
			background: #f16c49;
			-webkit-border-radius: 200px;
			   -moz-border-radius: 200px;
			        border-radius: 200px;
			-webkit-box-sizing: content-box;
			   -moz-box-sizing: content-box;
			        box-sizing: content-box;
		}
		.icon-module .icon-container {
			width: 24px;
			height: 24px;
			padding: 8px;
		}
		.icon-module.layout-center .icon-container {
			display: inline-block;
			clear: both;
			width: auto;
			margin: 0 auto;
			padding: 40px;
			margin-bottom: 1em;
		}

	/* dropcaps */
		.dropcap.round,
		.dropcap.square,
		.dropcap.leaf,
		.dark-icons .dropcap.round,
		.dark-icons .dropcap.square,
		.dark-icons .dropcap.leaf,
		.light-icons .dropcap.round,
		.light-icons .dropcap.square,
		.light-icons .dropcap.leaf {
			background: #f16c49;
			color: #fff;
		}

	/* posts, projects, staff */
		.text-element.post-date,
		.text-element.project-category {
			padding-top: 0;
			opacity: 0.66;
			filter: alpha(opacity=66); /* For IE8 and earlier */
		}
		.wrap-posts-shortcode h3,
		.wrap-projects-shortcode h3,
		.wrap-staff-shortcode h3 {
			margin: 0;
		}
		.wrap-projects-shortcode .project-icon,
		.date-special .icon-format {
			background: #ff7f2a;
			color: #fff;
		}



/*********************************************/
/* sidebar and widgets                       */
/*********************************************/

	/* sidebar */
		.sidebar {
			padding-top: 60px;
			padding-bottom: 60px;
			margin-top: -60px;
			margin-bottom: -60px;
			overflow: hidden;
		}
		.sidebar.sidebar-left {
			border-right: 1px solid #ddd;
		}
		.sidebar.sidebar-right {
			border-left: 1px solid #ddd;
		}
		.sidebar-separator {
			display: none;
		}

		.sidebar .widget:before {
			width: 50%;
			left: -40px;
		}
		.sidebar.sidebar-left .widget:before {
			left: auto;
			right: -40px;
		}

	/* widgets */
		/* general widget styles */
			.sidebar .widget,
			.footer .widget {
				padding-left: 10px;
			}
			.sidebar .widget-heading,
			.footer .widget-heading {
				margin-left: -10px;
			}
				@media only screen and (max-width: 767px) {
					.widget-heading {
						margin-left: 0 !important;
					}
				}

		/* posts list widget */
			.wm-post-list .date,
			.wm-projects-list .date {
				opacity: 0.66;
				filter: alpha(opacity=66); /* For IE8 and earlier */
			}
			.wm-post-list .image-container .icon-format {
				background: #f2f2f2;
			}



/*********************************************/
/* footer                                    */
/*********************************************/

	/* above footer widgets */
		.above-footer-widgets-wrap {
			background: url(../img/patterns/dark_stripes-10.png);
		}
		.above-footer-widgets-wrap:before {
			background-color: #ddd;
		}
		.above-footer-widgets-wrap .twelve {
			padding-top: 60px;
			padding-bottom: 60px;
		}

	/* website footer */
		.footer {
			text-shadow: 0 -1px rgba(0,0,0, 0.25);
			background: #f16c49;
			color: #fff;
		}

			.footer-widgets-wrap {
				padding-top: 30px;
				padding-bottom: 30px;
			}
			.footer-widgets-wrap + .footer-widgets-wrap {
				margin-top: -60px;
			}

			.wm-projects-list .portfolio-content article {
				border-color: #ddd;
			}
			.footer .widget li,
			.footer .widget li a {
				padding: 0;
			}

			.footer a,
			.footer h2,
			.footer h3,
			.footer h4,
			.footer h5,
			.footer h6 {
				color: #fff;
			}
				.footer a:hover {
					color: #ddd;
				}

	/* credits area */
		.bottom-wrap {}
			.bottom-wrap .twelve.pane {
				padding-top: 60px;
				padding-bottom: 60px;
			}

/* End of skin *//*********************************************/
/* responsiveness rules                      */
/*********************************************/

/* from: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/ */
	@viewport{
		width: device-width;
	}
	@-ms-viewport{
		width: device-width;
	}



/* make images responsive */
	img[height] {
		height: auto;
	}



/* min 1020px and max 1279px */
@media only screen and (min-width: 1020px) and (max-width: 1279px) {

	.r1160 .wrap-projects-shortcode article.col-15,
	.r1160 .wrap-projects-shortcode article.col-14,
	.r1160 .wrap-projects-shortcode article.col-13 {
		font-size: 0.85em;
	}

	.nine .wrap-projects-shortcode article.col-15 .text,
	.nine .wrap-projects-shortcode article.col-14 .text,
	.eight .wrap-projects-shortcode article.col-15 .text,
	.eight .wrap-projects-shortcode article.col-14 .text,
	.seven .wrap-projects-shortcode article.col-15 .text,
	.seven .wrap-projects-shortcode article.col-14 .text {
		display: none !important;
	}

}



/* min 1020px */
@media only screen and (min-width: 1020px) {

	.r930 .wrap-projects-shortcode article.col-15,
	.nine .wrap-projects-shortcode article.col-14 .text,
	.eight .wrap-projects-shortcode article.col-14 .text,
	.seven .wrap-projects-shortcode article.col-14 .text {
		font-size: 0.85em;
	}

	.r930 .nine .wrap-projects-shortcode article.col-14 .text,
	.r930 .eight .wrap-projects-shortcode article.col-14 .text,
	.r930 .seven .wrap-projects-shortcode article.col-14 .text,
	.nine .wrap-projects-shortcode article.col-15 .text,
	.eight .wrap-projects-shortcode article.col-15 .text,
	.seven .wrap-projects-shortcode article.col-15 .text {
		display: none !important;
	}

}



/* 1019px max */
@media only screen and (max-width: 1019px) {

	/* HEADER */
		/* logo */
			.logo .description {
				display: block;
				padding: 10px 0 0;
				margin-left: 0;
				color: #999;
				border: none;
				vertical-align: middle
			}
			.logo.text-only,
			h1.logo.text-only {white-space: normal}

		/* navigation */
			.ico-nav {
				display: none !important;
			}
			.nav-main > ul > li {
				margin-right: 20px;
			}
			.nav-right .nav-main > ul > li > .inner small {
				display: none;
			}
			.nav-main li[class*="icon-"] > .inner.normal {
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
			.nav-main li li a,
			.nav-main li li .inner,
			.nav-main li li[class*="icon-"] > .inner.normal {
				padding-left: 10px !important;
				padding-right: 10px !important;
			}
			.nav-main li[class*="icon-"] > a.btn,
			.nav-main li[class*="icon-"] > a.btn.has-description {
				padding-left: 15px !important;
			}
			.nav-main > ul > li[class*="icon-"]:first-child > a,
			.nav-main > ul > li[class*="icon-"]:first-child > .inner {
				padding-left: 0;
			}



	/* SLIDER */
		/* Roundabout slider */
			.roundabout-slider {
				height: 300px !important;
			}
			.no-js .roundabout-slider {
				height: auto !important;
			}

		/* captions */
			.slider-caption-content {
				font-size: 0.85em;
				line-height: 1.5em;
			}



	/* CONTENT */
		/* search list */
			.list-search article {
				padding-left: 60px;
			}
			.numbering {
				width: 60px;
				margin-left: -60px;
				font-size: 2em;
			}
			.list-search .post-title {
				padding-top: 0;
			}

		/* under construction page template */
			.countdown-timer.size-extra-large {font-size: 5em}

}



/* min 768px and max 1019px */
@media only screen and (min-width: 768px) and (max-width: 1019px) {

	.r1160 .wrap-projects-shortcode article.col-15 .text,
	.r930 .wrap-projects-shortcode article.col-15 .text,
	.r1160 .wrap-projects-shortcode article.col-14 .text,
	.r930 .wrap-projects-shortcode article.col-14 .text {
		display: none !important;
	}

	.nine .wrap-projects-shortcode article.col-15 .text,
	.nine .wrap-projects-shortcode article.col-14 .text,
	.nine .wrap-projects-shortcode article.col-13 .text,
	.eight .wrap-projects-shortcode article.col-15 .text,
	.eight .wrap-projects-shortcode article.col-14 .text,
	.eight .wrap-projects-shortcode article.col-13 .text,
	.seven .wrap-projects-shortcode article.col-15 .text,
	.seven .wrap-projects-shortcode article.col-14 .text,
	.seven .wrap-projects-shortcode article.col-13 .text {
		display: none !important;
	}


	/* HEADER */
		/* navigation */
			.nav-right .navigation-wrap {
				clear: both;
				width: 100%;
				padding: 0 !important;
				margin-top: 20px;
			}
			.nav-right .nav-main li li ul {
				left: 100%;
				right: auto;
			}

}



/* 767 px max */
@media only screen and (max-width: 767px) {

	/* CORE */
		/* basic elements and classes */
			blockquote.large {
				padding-left: 1em;
				padding-right: 1em;
			}
			blockquote.large:before,
			blockquote.large:after {
				font-size: 2em;
			}

		/* breadcrumbs */
			.breadcrumbs {
				padding: 10px 0;
				line-height: 24px;
			}
			.breadcrumbs a,
			.breadcrumbs span {
				height: 24px;
				padding: 0;
			}
			.breadcrumbs .separator {width: 4px}
			.breadcrumbs .form-search {
				clear: both;
				width: 100% !important;
				margin-top: 10px;
			}

		/* tables */
			/* pricing tables */
				.price-column.featured {
					top: 0;
				}



	/* TYPOGRAPHY */
		.sidebar,
		.footer {
			font-size: 0.85em;
		}
		.slider,
		.slider .btn {
			font-size: 0.65em !important;
			line-height: 1em !important;
		}



	/* HEADER */
		.header > .wrap-inner {
			height: auto !important;
		}

		/* top bar */
			.top-bar .widget {
				float: none;
				clear: both;
				width: 100%;
				padding: 2px 0;
				margin-top: 0 !important;
				line-height: 1.5em;
				text-align: center !important;
			}
			.top-bar .form-search {
				float: none;
				width: 100%;
				max-width: 320px;
				margin: 3px auto;
			}
			.top-bar li ul {
				display: none !important;
			}

		/* logo */
			.logo,
			h1.logo {
				float: none;
				clear: both;
				padding: 30px 0 !important;
				text-align: center;
			}

		/* header right */
			.header-right {
				float: none;
				clear: both;
				padding: 0 0 20px !important;
				text-align: center;
				white-space: normal;
			}
			.header-right .form-search {
				float: none;
				clear: both;
				width: 100%;
				max-width: 320px;
				margin: 0.5em auto;
			}

		/* navigation */
			.nav-right .navigation-wrap {
				width: 100%;
				padding: 0 !important;
				margin-top: -10px;
			}
			.nav-main {
				padding-top: 10px;
				padding-bottom: 30px;
			}
			.nav-main ul.menu {
				display: none;
			}
			#nav-mobile {
				display: block;
				width: 100%;
			}



	/* SLIDER */
		/* captions */
			.slider-caption-content {
				width: 100%;
			}
			.slider .btn {padding: 0.5em 1em !important}
			.slider .mt10,
			.slider .mt20,
			.slider .mt30,
			.slider .mt40,
			.slider .mt50,
			.slider .mt60 {margin-top: 1em !important}
			/* single column (and widget in widget wrappers) basic styles */
				.slider .column {
					position: relative;
					padding: 0;
					margin: 0;
				}
				/* 1/1 */
					.slider .col-11 {width: 100%}
				/* 1/2 */
					.slider .col-12 {width: 50%}
				/* 1/3, 2/3 */
					.slider .col-13 {width: 33.33%}
					.slider .col-23 {width: 66.66%}
				/* 1/4, 3/4 */
					.slider .col-14.no-margin {width: 25%}
					.slider .col-34.no-margin {width: 75%}

		/* Roundabout slider */
			.roundabout-slider {
				height: 220px !important;
			}



	/* CONTENT */
		/* meta article */
			.date-special {
				float: none !important;
				width: auto;
				padding: 0 0 5px;
				margin: 0 !important;
				text-align: left;
				overflow: hidden;
			}
				.date-special .date .day,
				.date-special .date .month,
				.date-special .date .year {
					display: inline;
					line-height: 30px;
					font-size: 13px;
					font-weight: normal;
				}
				.date-special .meta-item {
					display: block;
					float: left;
					width: auto;
					height: 50px;
					padding: 0 20px;
					margin: 0 5px 0 0;
					line-height: 50px;
				}
					.date-special .icon-format {
						width: 50px;
						height: 50px;
						padding: 0;
						margin: 0 !important;
					}

		/* map page template */
			.map-section #map {
				height: 300px !important;
			}

		/* shortcodes */
			ul.tabs li.column {
				margin: 1px 0 0 !important;
			}

			/* under construction page template */
				.countdown-timer {font-size: 3em !important}
					.countdown-timer .dash_title {font-size: 11px !important}

			/* logos */
				.wrap-logos .column {
					float: left;
					width: 33%;
					margin-top: 20px;
				}



	/* SIDEBAR */
		/* sidebar */
			.sidebar {
				padding: 30px 4%;
				margin: 30px -4% 0 0;
				background: url(../img/transparent/black/5.png);
				background: rgba(0,0,0, .05);
				-webkit-box-sizing: content-box;
				   -moz-box-sizing: content-box;
				        box-sizing: content-box;
			}
				.dark-icons .sidebar {
					background: url(../img/transparent/black/5.png);
					background: rgba(0,0,0, .05);
				}
				.light-icons .sidebar {
					background: url(../img/transparent/white/5.png);
					background: rgba(255,255,255, .05);
				}
			.sidebar .widget {
				margin: 20px 0 0;
				padding-top: 20px;
			}
			.sidebar .widget:before {
				width: 100%;
			}
			.sidebar-right .widget,
			.sidebar-left .widget {
				padding-left: 0;
				padding-right: 0;
			}



	/* FOOTER */
		/* footer */
			.footer-widgets-wrap {padding: 30px 0}
			.footer .widget {padding: 0}
			.footer .columns > .widget + .widget {margin-top: 20px}

			.footer .widget {
				padding-top: 20px;
				margin: 20px 0 0;
			}
				.footer .widget:first-child {
					margin-top: 0;
					padding-top: 0;
					border-top: none;
				}
				
				/*     SHANE'S STYLES     */
				
			.top-bar .wrap-inner {
				background: #fff !important;
				}
				
			.nav_menu-2 {
			margin-left:0 !important;
			}
			
			.top-bar .form-search {
			display:none !important;
			}
			
			.top-bar .widget {
			clear:none !important;
			}
			
			.logo img, .logo .text-logo, .logo .description {
			display: block !important;
			vertical-align: middle !important;
			position: relative !important;
			top: 0 !important;
			margin: 0 auto;
			}
			
			.header .logo .description {
			display: none !important;
			}
				

}



/* 479 px max */
@media only screen and (max-width: 479px) {

	/* SLIDER */
		/* Roundabout slider */
			.roundabout-slider {
				height: 160px !important;
			}



	/* CONTENT */
		/* layout styles */
			.alignleft,
			.alignright {
				float: none;
				clear: both;
				width: 100% !important;
				margin: 20px 0;
			}
			.alignleft img,
			.alignright img {
				width: 100%;
			}
			.btn.alignright {
				text-align: center;
			}

		/* slider captions */
			.slider .alignleft {float: left}
			.slider .alignright {float: right}
			/* 1/2 */
				.slider .col-12 {width: 50% !important}
			/* 1/3, 2/3 */
				.slider .col-13 {width: 33.33% !important}
				.slider .col-23 {width: 66.66% !important}
			/* 1/4, 3/4 */
				.slider .col-14.no-margin {width: 25% !important}
				.slider .col-34.no-margin {width: 75% !important}

		/* shortcodes */
			ul.tabs,
			.vertical ul.tabs {
				float: none;
				clear: both;
				padding: 0;
			}
			ul.tabs li {
				display: block;
				clear: both;
				width: 100%;
				margin: 1px 0 0 !important;
			}
			ul.tabs li a {
				text-align: center !important;
			}
			.tabs-wrapper .tabs + ul > li {
				padding: 20px 0 0 !important;
				border: none;
			}
			.tour-nav {
				display: none;
			}

			/* under construction page template */
				.countdown-timer {font-size: 1.75em !important}
					.countdown-timer .dash_title {font-size: 8px !important}

}


/*
Theme Name: KinderWorld
Theme URI: http://www.kinderworld.edu.vn/
Author: Shane Fleming
Author URI: http://meldwebdesign.com/
Description: KinderWorld has the largest network of International schools in Vietnam.
Version: 2.2
Tags: left-sidebar, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template,  post-formats, theme-options, translation-ready
Template: jazzmaster
*/


/* For instructions on how to use child themes, please read http://codex.wordpress.org/Child_Themes */


/* IMPORTANT: No need to use @import to import main JazzMaster CSS file here (unlike with other child themes). JazzMaster will include this CSS file into the generated stylesheet of the child theme automatically. */


/*   TOP BAR   */

html {
    margin-top: 0px !important;
}

p {
    line-height: 1.5;
}

.top-bar {
    line-height: 39px;
    z-index: 1;
    background: #2f2f2f url(/wp-content/uploads/sites/2/white_topbar_left.gif) no-repeat top left !important;
}

#menu-top-bar-menu-vietnamese li,
#menu-top-bar-menu li {
    font-size: 12px;
}

.top-bar .wrap-inner {
    background: #2f2f2f url(/wp-content/uploads/sites/2/logo_curve2.gif) no-repeat top left;
}

.top-bar .widget_nav_menu {
    margin-left: 130px;
    float: left !important;
}

input[type="text"] {
    background: #ccc;
    width: 120px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 34px;
}

.form-search {
    width: 120px !important;
    height: 30px !important;
}

.search-3 {
    width: 120px;
}

.light-icons .form-search input[type="submit"] {
    background-image: url(/wp-content/uploads/sites/2/btn-search.png);
}

.lang_sel_list_horizontal {
    position: absolute;
    top: 10px;
    left: -10px;
}

#lang_sel_list ul a,
#lang_sel_list_list ul a:visited {
    background: none !important;
}

#lang_sel_list {
    display: inline !important;
    float: right;
}


/*     HEADINGS      */

h2 {
    font-size: 1.7em;
    margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1em;
    font-weight: 500;
}

h3,
.widget-heading {
    font-size: 1.5em;
    line-height: 1.2em;
    margin-bottom: 10px;
}

h4 {
    line-height: 1.2em;
    margin-bottom: 10px;
}

.has-subtitle {
    border-bottom: 7px solid #e7700f;
}

.main-heading h1,
.main-heading h2 {
    line-height: 1.3em;
}

h1 {
    font-size: 2.2em;
}

h2.post-title {
    font-size: 2em;
}

.wm-post-list li h3 {
    font-weight: normal;
}


/*      BREADCRUMBS         */

.breadcrumbs span {
    text-transform: capitalize;
}


/*        BUTTONS         */

a.btn,
button {
    line-height: 30px;
    background-image: none;
    color: #3a3a3a;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn.size-medium {
    color: #ffffff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    background-color: #828387;
    border-color: #828387;

}


/*        HEADER        */

.header {
    border-top: none;
}

.logo img,
.logo .text-logo,
.logo .description {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: -30px;
}

.header .wrap-inner {
    height: 80px;
}

.logo,
h1.logo {
    float: none !important;
}

.logo img {
    z-index: 200;
}


/*   COMMENTS     */

#comments {
    display: none;
}


/*    MENU     */

.nav-main a span,
.nav-main .inner span {
    text-transform: none;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
}

.nav-main>ul>li>.inner:not(.btn) {
    border-bottom: 6px solid transparent;
}

.nav-right .navigation-wrap {
    clear: right;
    padding: 45px 0 0;
    float: right !important;
}

.nav-main li li a span,
.nav-main li li .inner span {
    font-size: .9em;
}


/*     SLIDER     */

.caption-inner.bg-white {
    height: 60%;
    margin-top: 80px;
}

.slider-main-wrap {
    border-bottom: 7px solid #e7700f;
}

.size-big,
.size-huge {
    font-weight: 400;
    color: #444;
    background-color: #fff;
    display: block;
    padding: 10px 20px;
    opacity: .85;
    font-size: 22px;
}


/*    ACCORDIANS and TOGGLES     */

.accordion-wrapper {
    background-color: #ccc;
}

.accordion-wrapper .active {
    margin-top: 1px;
}

.accordion-heading,
.accordion-wrapper ul .active .accordion-heading,
.active .toggle-heading,
.tabs-wrapper ul li .active .toggle-heading {
    background-color: #828387 !important;
    color: #fff !important;
}

.accordion-content ul,
.accordion-content ol {
    margin-top: .3em;
    margin-left: 0;
    margin-bottom: 1em;
}

.accordion-content,
.accordion-content p {
    font-size: 16px !important;
}

.accordion-content img {
    margin-bottom: 15px;
}

.active .accordion-heading:before,
.active .toggle-heading:before {
    color: #fff;
}

.accordion-heading:before,
.toggle-heading:before {
    color: #fff;
}

.active .toggle-heading,
.toggle-heading {
    color: #fff !important;
    background-color: #828387 !important;
}

.toggle-content {
    font-size: 14px;
}


/*         TABS         */

.tabs-wrapper ul.tabs li {
    background: #828387;
}

.page-id-6 .tabs-wrapper ul.tabs li a {
    color: #ffffff;
    text-align: center;
    font-size: 1.2em;
    height: 50px;
    line-height: 50px;
}

.page-id-6 .tabs-wrapper .tabs {
    margin-right: 40px !important;
}


/*  Accreditations and partnership tabs   */

.tabs-wrapper ul.tabs li a {
    color: #ffffff;
    text-align: left;
    font-size: 1.1em;
    font-weight: normal;
}

.tabs-wrapper ul li ul {
    margin-left: 0;
}


/*      GERNERAL SECTION CSS         */

.content .wrap-inner {
    padding-top: 60px;
    padding-bottom: 60px;
}


/*    HOME PAGE INTRO SECTION        */


/*
.home-intro .wrap-inner {
background:#fff url(/wp-content/uploads/sites/2/globe2.png) no-repeat bottom left;
} */

.home-intro .wrap-inner {
    background: #fff url(/wp-content/uploads/sites/2/globe-alt.png) no-repeat 50px bottom;
}

.home-intro p {
    font-size: 16px;
    line-height: 1.4em;
}


/*   NEWS AND EVENTS ON HOMEPAGE   */

.home-news {
    /* background: #3a3a3a url(/wp-content/uploads/sites/2/news-bg.png) repeat center top;*/
    background: #828387 url(https://gamudagardens.sis.edu.vn/wp-content/uploads/sites/22/section-header-bg.png) repeat center top;

    _background-color: #828387 !important;
}

.home-news h2 {
    color: #fff !important;
}

.home-news a:link,
.home-news a:first-child,
.home-news a:last-child {
    color: #FDFFB6 !important;
    font-size: 20px;
    padding-bottom: 20px;
}



.home-news a.btn.size-medium {
    color: #fff !important;
    padding-bottom: 0px;
    font-size: 16px;
}

.home-news a:hover {
    color: #FFA506 !important;
}

.home-news .post-date,
.home-news .post-excerpt {
    color: #ebebeb;
}

.article-excerpt,
.list-articles .meta-article+.excerpt,
h2+.excerpt {
    padding-top: 0 !important;
}


/*     STUDENTS HOME PAGE     */

.home-students {
    background: #f3f2f2 url(/wp-content/uploads/sites/2/student-bg.png) repeat-X center top;
}

.home-students p {
    margin: .3em 0 .5em 0;
}

.home-students h2 {
    font-size: 2.1em;
    margin-bottom: 0px;
}

.home-students .wrap-inner {
    padding-top: 36px;
    padding-bottom: 30px;
}

.home-students em {
    color: #e7700f;
}


/*   NEWWWW  STUDENTS HOME PAGE     */

.home-students-new {
    background: url(/wp-content/uploads/sites/2/student-bg-new.png) repeat center top;
    height: 600px
}

.top-student-new {
    display: grid;
    grid-template-columns: auto auto auto;
    width: 1000px;
    padding-top: 30px;
    margin: 0 auto;
}

.home-students-new p {
    margin: .3em 0 .5em 0;
}

.home-students-new h2 {
    font-size: 39px;
    margin-bottom: 0px;
    color: #E7700F !important;
    font-weight: bold;
}

.home-students-new .wrap-inner {
    padding-top: 36px;
    padding-bottom: 30px;
}

.home-students-new em {
    color: #e7700f;
}

.home-students-new a {
    color: #fff;
    background: #e7700f;
    padding: 8px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
}

.home-students-new a:hover {
    color: #fff;
    text-decoration: underline;
}


/************TOP STUDENT*************/

.home-student-ach-new {
    font-family: arial;
    height: 202px;
    margin: 0 auto;
    width: 1070px;
    margin-top: 35px;
}

.home-student-ach-new-item {
    border: 1px solid #ccc;
    width: 350px;
    height: 202px;
    float: left;
    background: #fff;
    border-bottom: none;
}

.box-shadow {
    background: url("/wp-content/uploads/sites/2/bg-top.png") repeat-x center bottom !important;
    width: 350px;
    height: 11px;
    clear: both;
    margin-top: -2px;
}

.home-student-ach-new img {
    float: left;
    width: 150px;
    height: 182px;
}

.home-student-ach-new img:hover {
    opacity: 0.6;
}

.home-student-ach-new-image {
    width: 150px;
    margin: 10px;
    height: auto;
}

.home-student-ach-new-content {
    float: right;
    height: 182px;
    margin-right: 8px;
    margin-top: -202px;
    width: 165px;
}

.home-student-ach-new-content h1 {
    font-size: 16px;
    color: #e7700f !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
}

.home-student-ach-new-content h1.year {
    font-size: 16px;
    color: #e7700f;
    text-transform: uppercase;
    float: right;
    margin-top: 0px;
    font-weight: bold;
}

.home-student-ach-new-content h3 {
    font-size: 10px;
    color: #3a3a3a;
    text-transform: uppercase;
    border-bottom: 2px solid #e7700f;
    padding-bottom: 10px;
    font-weight: bold;
    margin-top: 15px;
}

.home-student-ach-new-content h2.top-ach {
    font-size: 10px;
    color: #3a3a3a !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 2px;
}

.home-student-ach-new-content p {
    font-size: 9px;
    color: #3a3a3a;
    line-height: 12px;
}


/*************************VI**********************/

.home-student-ach-new-content_vi {
    float: right;
    height: 182px;
    margin-right: 8px;
    margin-top: -202px;
    width: 142px;
}

.home-student-ach-new-content_vi h1 {
    font-size: 14px;
    color: #e7700f !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 9px;
}

.home-student-ach-new-content_vi h1.year {
    font-size: 14px;
    color: #e7700f;
    text-transform: uppercase;
    float: right;
    margin-top: 0px;
    font-weight: bold;
}

.home-student-ach-new-content_vi h3 {
    font-size: 10px;
    color: #3a3a3a;
    text-transform: uppercase;
    border-bottom: 2px solid #e7700f;
    padding-bottom: 7px;
    font-weight: bold;
    margin-top: 9px;
}

.home-student-ach-new-content_vi h2.top-ach {
    font-size: 10px;
    color: #3a3a3a !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    padding-bottom: 2px;
}

.home-student-ach-new-content_vi p {
    font-size: 9px;
    color: #3a3a3a;
    line-height: 12px;
}


/******************END TOP STUDENT*****************/


/*     FOOTER     */

.footer {
    border-top: 5px solid #e7700f;
    border-bottom: 3px solid #828387;
}

.bottom-wrap .twelve.pane {
    padding-top: 15px;
    padding-bottom: 15px;
}

.light-icons .top-of-page {
    position: absolute;
    right: 0px;
    bottom: 10px;
}


/*     SECTION HOMEPAGES       */

.about-principal {
    background: url(/wp-content/uploads/sites/2/princiapl-bg.jpg) repeat top left;
}

.about-principal .wrap-inner {
    /* background: url(/wp-content/uploads/sites/2/Principal-shane-blood.png) no-repeat right bottom; */
}

.about-principal_vanphuc {
    /* background: url(/wp-content/uploads/sites/20/Principal.png) repeat top left; */
}

.about-principal_vanphuc .wrap-inner {
    background: url(/wp-content/uploads/sites/20/Principal.png) no-repeat right bottom;
}

.about-principal_ciputra {
    background: url(/wp-content/uploads/sites/2/princiapl-bg.jpg) repeat top left;
}

.about-principal_ciputra .wrap-inner {
    background: url(https://ciputra.sis.edu.vn/wp-content/uploads/sites/24/Principal-ciputra.png) no-repeat right bottom;
}

.about-principal_caugiay {
    background: url(/wp-content/uploads/sites/2/princiapl-bg.jpg) repeat top left;
}

.about-principal_caugiay .wrap-inner {
    background: url(/wp-content/uploads/sites/22/Principal-gamuda.png) no-repeat right bottom;
}

.about-principal_vungtau {
    background: url(/wp-content/uploads/sites/2/princiapl-bg.jpg) repeat top left;
}

.about-principal_vungtau .wrap-inner {
    background: url(/wp-content/uploads/sites/23/Principal-vungtau.png) no-repeat right bottom;
}

.about-principal_binhduong {
    background: url(/wp-content/uploads/sites/2/princiapl-bg.jpg) repeat top left;
}

.about-principal_binhduong .wrap-inner {
    background: url(https://bdnewcity.sis.edu.vn/wp-content/uploads/sites/21/Principal-binhduong-2024.png) no-repeat right bottom;
}

.about-principal_danang {
    background: url(/wp-content/uploads/sites/2/princiapl-bg.jpg) repeat top left;
}

.about-principal_danang .wrap-inner {
    background: url(/wp-content/uploads/sites/25/Principal-danang.png) no-repeat right bottom;
}

.about-principal_halong {
    background: url(/wp-content/uploads/sites/2/princiapl-bg.jpg) repeat top left;
}

.about-principal_halong .wrap-inner {
    background: url(/wp-content/uploads/sites/34/principal-halong.jpg) no-repeat right bottom;
}

.school-life-intro {
    background: url(/wp-content/uploads/sites/2/princiapl-bg.jpg) repeat top left;
}

.curriculum-intro {
    background: url(/wp-content/uploads/sites/2/curriculum-intro-arrows.png) no-repeat center bottom, url(/wp-content/uploads/sites/2/princiapl-bg.jpg) repeat top left;
}

.admissions-intro {
    background: #eee url(/wp-content/uploads/sites/2/admissions-intro-bg.jpg) no-repeat bottom center;
}

.wrap-section about-principal_binhduong .col-12 {
    width: 50% !important;
}

.admissions-intro,
.curriculum-intro,
.school-life-intro,
.about-principal,
.about-principal_vanphuc,
.about-principal_binhduong,
.about-principal_halong,
.about-principal_danang,
.about-principal_ciputra {
    font-size: 16px;
    line-height: 1.5em;
}

.admissions-intro h2,
.curriculum-intro h2,
.school-life-intro h2,
.about-principal h2,
.about-principal_vanphuc h2,
.about-principal_binhduong h2,
.about-principal_halong h2,
.about-principal_danang h2,
.about-principal_ciputra h2 {
    font-size: 2em;
    font-weight: 600;
}

.admissions-intro .wrap-inner,
.curriculum-intro .wrap-inner,
.school-life-intro .wrap-inner,
.about-principal .wrap-inner,
.about-principal_vanphuc .wrap-inner,
.about-principal_binhduong .wrap-inner,
.about-principal_halong .wrap-inner,
.about-principal_danang.wrap-inner,
.about-principal_ciputra.wrap-inner {
    padding-top: 40px !important;
    padding-bottom: 55px !important;
}

.other-sections {
    background: url(/wp-content/uploads/sites/2/top-shadow.png) no-repeat top center, url(/wp-content/uploads/sites/2/globe-alt.png) no-repeat 200px top, url(/wp-content/uploads/sites/2/tabs-bg.jpg) repeat top left;
}

.other-sections p {
    font-size: 14px;
    line-height: 1.5em;
}

.section-comments {
    display: none;
}


/*       SECTION HOMEPAGES HEADING IMAGES         */

.page-id-951 .main-heading,
.page-id-6 .main-heading {
    background: url(/wp-content/uploads/sites/2/about-section-img.png) no-repeat 500px 0px, url(/wp-content/uploads/sites/2/section-header-bg.png) repeat-x scroll 0 0;
}

.page-id-1042 .main-heading,
.page-id-20 .main-heading {
    background: url(/wp-content/uploads/sites/2/students-music-school-life.png) no-repeat 500px 0px, url(/wp-content/uploads/sites/2/section-header-bg.png) repeat-x scroll 0 0;
}

.page-id-1027 .main-heading,
.page-id-18 .main-heading {
    background: url(/wp-content/uploads/sites/2/curriculum-heading-bg.png) no-repeat 500px 0px, url(/wp-content/uploads/sites/2/section-header-bg.png) repeat-x scroll 0 0;
}

.page-id-4710 .main-heading {
    background: url(/wp-content/uploads/sites/2/enrolment-2018-vn.jpg) no-repeat center center, url(/wp-content/uploads/sites/2/section-header-bg.png) repeat scroll 0 0;
    height: 387px;
    /* width: 1280px; */
    margin: 0 auto;
    border-bottom: 5px solid #e7700f;
}

.page-id-4715 .main-heading {
    background: url(/wp-content/uploads/sites/2/enrolment-2018.jpg) no-repeat center center, url(/wp-content/uploads/sites/2/section-header-bg.png) repeat scroll 0 0;
    height: 387px;
    /* width: 1280px; */
    margin: 0 auto;
    border-bottom: 5px solid #e7700f;
}

.page-id-4710 h1,
.page-id-4715 h1 {
    display: none;
}

.page-id-1027 .main-heading h2,
.page-id-18 .main-heading h2 {
    font-size: 1.2em;
}

.page-id-1037 .main-heading,
.page-id-19 .main-heading {
    background: url(/wp-content/uploads/sites/2/admissions-heading-bg.png) no-repeat 500px 0px, url(/wp-content/uploads/sites/2/section-header-bg.png) repeat-x scroll 0 0;
}


/*       STAFF          */

.wrap-staff-shortcode .staff-position {
    padding-bottom: 10px;
}

.staff-excerpt {
    padding-bottom: 1em;
}


/*      SEARCH      */

.numbering {
    height: 1em;
}


/*         CONTACT FORM          */

.cptch_block {
    margin-top: 0;
    margin-bottom: 15px;
}

#cntctfrm_contact_form label {
    margin-top: 10px;
}

#cntctfrm_contact_form input {
    background-color: #eee;
}

#cntctfrm_contact_form input[type="submit"] {
    background-color: #3a3a3a;
    text-shadow: none;
    font-weight: normal;
    border-color: #ccc;
    border-radius: 0;
}

p#form_success,
.vfb-form-success {
    color: #ff8e32 !important;
    font-weight: normal !important;
    background-color: #333;
    padding: 20px;
}


/*       ADMISSIONS FORM       */


/*
form.visual-form-builder {
margin:0px !important;
}
*/

.visual-form-builder .vfb-section {
    padding-bottom: 10px !important;
}

input[type="email"],
input[type="text"] {
    width: 300px;
    background-color: #eee;
}

.vfb-section li {
    padding: 0;
    background-image: none;
    font-size: 15px;
}

label {
    display: block;
}

textarea {
    width: 300px;
    height: 200px;
    background-color: #eee;
}

.facebook-bot {
    background-image: url(../fbLogo.png);
}

.facebook-bot {
    background-position: 0 50%;
    background-repeat: no-repeat;
    clear: both;
    color: transparent;
    display: block;
    float: right;
    top: 2px;
    height: 26px;
    position: relative;
    right: 40px;
    text-indent: -9999em !important;
    width: 26px;
    z-index: 999;
}

@media (max-width: 479px) and (min-width: 320px) {
    .home-students-new {
        background: url(/wp-content/uploads/sites/2/student-bg-new.png) repeat center top;
    }

    /*.home-student-ach-new {
        height: auto;
    }
    .home-student-ach-new-item {
        width: 320px;
        height: 202px;
        float: left;
        clear: both;
        margin-bottom: 15px;
        margin-left: 15px;
    }*/
    .bottom-wrap {
        background: #3a3a3a;
        color: #e5e7e8;
    }

    span.br {
        height: 0px;
    }

    .wrap-inner .columns>div,
    .wrap-inner .columns>.widget,
    .wrap-inner .column {
        width: 100% !important;
    }

    .enrolment .vfb-item-submit {
        top: 0px !important;
        left: 0px !important;
    }

    .visual-form-builder li.vfb-left-half,
    .visual-form-builder li.vfb-right-half {
        width: 100% !important;
    }

    /************form enrolment************/
    .enrolment .visual-form-builder li.vfb-three-column div span {
        width: 100%;
    }

    .enrolment .visual-form-builder li.vfb-left-half,
    .enrolment .visual-form-builder li.vfb-right-half {
        width: 100% !important;
    }

    .enrolment .vfb-submit,
    .enrolment input[type="submit"].vfb-submit {
        font-size: 1.1em;
        margin-top: 20px;
        float: right;
        margin-right: 20px;
    }

    .a {
        margin-left: 15px !important;
    }

    /**************************/
}

@media (max-width:567px) and (min-width:480px) {
    .home-students-new {
        background: url(/wp-content/uploads/sites/2/student-bg-new.png) repeat center top;
    }

    /*
	.home-student-ach-new {
        height: auto;
    }
    .home-student-ach-new-item {
        width: 400px;
        height: 202px;
        float: left;
        clear: both;
        margin-bottom: 15px;
        margin-left: 15px;
    }
    .home-student-ach-new-content {
        width: 210px;
    }
	*/
    .box-shadow {
        background: url(/wp-content/uploads/sites/2/bg-top2.png) repeat-x center bottom !important;
        width: 398px;
    }

    span.br {
        height: 0px;
    }

    .wrap-inner .columns>div,
    .wrap-inner .columns>.widget,
    .wrap-inner .column {
        width: 100% !important;
    }

    .enrolment .vfb-item-submit {
        top: 0px !important;
        left: 0px !important;
    }

    .visual-form-builder li.vfb-left-half,
    .visual-form-builder li.vfb-right-half {
        width: 100% !important;
    }

    /************form enrolment************/
    .enrolment .visual-form-builder li.vfb-three-column div span {
        width: 100%;
    }

    .enrolment .visual-form-builder li.vfb-left-half,
    .enrolment .visual-form-builder li.vfb-right-half {
        width: 100% !important;
    }

    .enrolment .vfb-submit,
    .enrolment input[type="submit"].vfb-submit {
        font-size: 1.1em;
        margin-top: 20px;
        float: right;
        margin-right: 20px;
    }

    .enrolment .rc-anchor-light.rc-anchor-normal {
        margin-left: 25px !important;
    }

    .enrolment .visual-form-builder label.vfb-choice {
        width: 100%;
    }

    .a {
        margin-left: 15px !important;
    }

    /**************************/
}

@media (min-width:568px) and (max-width:600px) {
    .home-students-new {
        background: url(/wp-content/uploads/sites/2/student-bg-new.png) repeat center top;
    }

    .home-student-ach-new {
        height: auto;
    }

    .home-student-ach-new-item {
        width: 515px;
        height: 202px;
        float: left;
        clear: both;
        margin-bottom: 15px;
        margin-left: 15px;
    }

    .home-student-ach-new-content {
        width: 325px;
    }

    .box-shadow {
        background: url(/wp-content/uploads/sites/2/bg-top2.png) repeat-x center bottom !important;
        width: 513px;
    }

    span.br {
        height: 0px;
    }

    .wrap-inner .columns>div,
    .wrap-inner .columns>.widget,
    .wrap-inner .column {
        width: 100% !important;
    }

    .enrolment .vfb-item-submit {
        top: 0px !important;
        left: 0px !important;
    }

    .enrolment .vfb-submit,
    .enrolment input[type="submit"].vfb-submit {
        font-size: 1.1em;
        margin-top: 20px;
        float: right;
        margin-right: 20px;
    }

    .enrolment .visual-form-builder label.vfb-choice {
        width: 100%;
    }

    .a {
        margin-left: 15px !important;
    }
}

@media (min-width:568px) and (max-width:600px) {
    .home-students-new {
        background: url(/wp-content/uploads/sites/2/student-bg-new.png) repeat center top;
    }

    .home-student-ach-new {
        height: auto;
    }

    span.br {
        height: 0px;
    }

    #student-3 {
        position: relative;
        float: left;
        top: 20px;
        clear: both;
    }

    .wrap-inner .columns>div,
    .wrap-inner .columns>.widget,
    .wrap-inner .column {
        width: 100% !important;
    }

    .enrolment .vfb-item-submit {
        top: 0px !important;
        left: 0px !important;
    }
}

@media (min-width:667px) and (max-width:700px) {
    .home-students-new {
        background: url(/wp-content/uploads/sites/2/student-bg-new.png) repeat center top;
    }

    .home-student-ach-new {
        height: auto;
    }

    .pane {
        margin-left: 2% !important;
    }

    span.br {
        height: 0px;
    }

    #student-3 {
        position: relative;
        float: left;
        top: 20px;
        clear: both;
    }

    .wrap-inner .columns>div,
    .wrap-inner .columns>.widget,
    .wrap-inner .column {
        width: 50% !important;
    }

    .enrolment .vfb-item-submit {
        top: 0px !important;
        left: 0px !important;
    }

    .enrolment .vfb-submit,
    .enrolment input[type="submit"].vfb-submit {
        font-size: 1.1em;
        margin-top: 20px;
        float: right;
        margin-right: 20px;
    }

    .enrolment .visual-form-builder label.vfb-choice {
        width: 100%;
    }
}

@media (min-width:736px) and (max-width:800px) {
    .home-students-new {
        background: url(/wp-content/uploads/sites/2/student-bg-new.png) repeat center top;
    }

    .home-student-ach-new {
        height: auto;
    }

    span.br {
        height: 0px;
    }

    #student-3 {
        position: relative;
        float: left;
        top: 20px;
        clear: both;
    }

    #student-2 {
        margin-left: 20px;
    }

    .nav-right .navigation-wrap {
        width: 80% !important;
    }

    .wrap-inner .twelve.pane {
        width: 730px !important;
    }

    .wrap-inner .columns>div,
    .wrap-inner .columns>.widget,
    .wrap-inner .column {
        width: 50% !important;
    }

    .enrolment .vfb-item-submit {
        top: 0px;
        left: 0px;
    }

    .enrolment .visual-form-builder label.vfb-choice {
        width: 100%;
    }
}

@media (min-width:801px) and (max-width:900px) {
    .home-students-new {
        background: url(/wp-content/uploads/sites/2/student-bg-new.png) repeat center top;
    }

    .home-student-ach-new {
        height: auto;
    }

    span.br {
        height: 0px;
    }

    #student-3 {
        position: relative;
        float: left;
        top: 20px;
        clear: both;
    }

    #student-2 {
        margin-left: 40px;
    }

    .nav-main {
        float: right;
    }

    .enrolment .visual-form-builder label.vfb-choice {
        width: 100%;
    }
}

@media (min-width:901px) and (max-width:990px) {
    .home-students-new {
        background: url(/wp-content/uploads/sites/2/student-bg-new.png) repeat center top;
    }

    .home-student-ach-new {
        height: auto;
    }

    span.br {
        height: 0px;
    }

    #student-3 {
        position: relative;
        float: left;
        top: 20px;
        clear: both;
    }

    #student-2 {
        margin-left: 20px;
    }

    .nav-main {
        float: right;
    }

    .enrolment .visual-form-builder label.vfb-choice {
        width: 100%;
    }
}

.main-heading h1,
.main-heading h2 {
    margin: 0 !important;
}

.main .type-post .image-container {
    display: none;
}

.col-14.no-margin {
    width: 25%;
    padding: 10px;
}

.wrap-posts .image-container img {
    -moz-transition: -moz-transform 0.5s ease-in;
    -webkit-transition: -webkit-transform 0.5s ease-in;
    -o-transition: -o-transform 0.5s ease-in;
}

.wrap-posts .image-container img:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.sidebar .widget-heading {
    margin-left: -10px;
    background: #e7700f;
    padding: 10px;
    color: #fff;
    text-align: center;
}

.vfb-error {
    color: #e7700f;
}


/*********** Enrolment Confirmation Css Form **********/

.Enrollment-confirmation {
    border: none !important;
    border-radius: 0 !important;
    background-color: #fff !important;
}

.Enrollment-confirmation label {
    color: #333 !important;
    font-size: 16px;
    padding-bottom: 10px !important;
}

.Enrollment-confirmation input[type="text"],
.Enrollment-confirmation input[type="email"],
.verification input[type="text"] {
    height: 30px !important;
    padding: 10px !important;
}

.Enrollment-confirmation select {
    height: 30px !important;
    padding: 0 0 0 5px !important;
}

.Enrollment-confirmation .legend-head {
    background: none !important;
}

.h3-info .vfb-legend h3 {
    display: none !important;
}

.Enrollment-confirmation .legend-head h4 {
    border-bottom: none !important;
    color: #e7700f;
    font-weight: bold;
}

.show-yes-form,
.show-yes-form-EN {
    margin-top: -20px !important;
}

.show-no-form {
    display: none;
    margin-top: -20px !important;
}

.vfb-legend {
    border-bottom: none !important;
}

.vfb-legend h3 {
    font-size: 16px !important;
    color: #e7700f !important;
    font-weight: bold;
    display: block !important;
}

label.vfb-desc {
    font-size: 16px !important;
    color: #333 !important;
}

.vfb-error {
    margin-left: 10px;
}

.enrolment .vfb-item-submit {}

.enrolment iframe {
    margin-left: 10px;
}


/* css customize radio */

.vfb-radio {
    opacity: 0;
    position: absolute;
}

.vfb-radio,
.vfb-choice {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.vfb-choice {
    margin: 0px !important;
}

.vfb-radio+.vfb-choice:before {
    content: '';
    background: #fff;
    border: 1px solid #e7700f;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.vfb-radio+.vfb-choice:before {
    border-radius: 50%;
}

.vfb-radio:checked+.vfb-choice:before {
    background: #e7700f;
    box-shadow: inset 0px 0px 0px 3px #fff;
}


/* custom css checkbok*/

.vfb-checkbox {
    opacity: 0;
    position: absolute;
}

.vfb-checkbox,
.vfb-choice {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.vfb-choice {
    position: relative;
}

.vfb-checkbox+.vfb-choice:before {
    content: '';
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.vfb-checkbox:checked+.vfb-choice:before {
    background: #e7700f;
    box-shadow: inset 0px 0px 0px 3px #fff;
}

.visual-form-builder label.vfb-choice {
    font-size: 15px !important;
    width: 100% !important;
}

h3.note {
    margin-top: 0px;
    color: #e7700f !important;
}

.vfb-item-instructions ul {
    margin-left: 30px;
}

.vfb-section-div {
    background-color: #fff !important;
}

.vfb-section-div h4 {
    color: #e7700f !important;
    border-bottom: none !important;
}

label.vfb-error {
    color: #e7700f !important;
}

.vfb-item-checkbox label.vfb-desc {
    color: #e7700f !important;
}


/***********/

.check-confirm {
    opacity: 0;
    position: absolute;
}

.check-confirm,
.label-check-confirm {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.check-confirm+.label-check-confirm:before {
    content: '';
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.check-confirm:checked+.label-check-confirm:before {
    background: #e7700f;
    box-shadow: inset 0px 0px 0px 3px #fff;
}

label[for="confirm-submit"],
label[for="confirm-submit-no"] {
    font-weight: bold;
}


/***********/

table.congkhai td {
    padding: 8px;
}

.wrap {
    color: #3a3a3a !important;
}


/* SIS CONTACT FORM */

.sisForm {
    display: block;
}

.sisForm input {
    height: 45px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 15px;
    width: 100%;
}

.sisForm input[type="submit"] {
    float: right;
    width: 25%;
    margin-top: 10px;
}

.sisForm textarea {
    width: 100%;
    background-color: #fff;
    background-image: unset;
}

@media screen and (max-width:667px) {
    .home-students-new {
        height: 100%;
    }

    .top-student-new {
        grid-template-columns: auto;
        width: 100%;
        text-align: center;
        grid-gap: 30px;
    }
}

@media screen and (max-width:900px) {
    .home-students-new {
        height: 100%;
    }

    .top-student-new {
        width: 100%;
        text-align: center;
        grid-gap: 30px;
    }
}

/*Enrolment Form 2022*/

.checkbox-validation .vfb-required-asterisk {
    display: none;
}

.vfb-fieldset-5 h3,
.vfb-item-secret {
    display: none !important;
}

.visual-form-builder li.vfb-three-column div span {
    width: 24% !important;
}

.enrolment .vfb-item-submit {
    text-align: right;
}

.vfb-item-instructions {
    font-size: 15px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1019px) {
    .wrap-inner .twelve.pane {
        width: 760px !important;
    }

    .wrap-inner .columns>div,
    .wrap-inner .columns>.widget,
    .wrap-inner .column {
        width: 48% !important;
    }

}

/* Facebook Messenger */
a.fb-messenger-link {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('/wp-content/uploads/facebook-messenger-icon.png') no-repeat center center;
    background-size: contain;
    position: fixed;
    bottom: 4rem;
    right: 5px;
    z-index: 999;
}

.home-news img {
    height: 200px;
    object-fit: cover;
}


/* Custom design styles */
a, a:hover, .pagination a, .pagination span {color: #e7700f; }
.pagination .prev, .pagination .next, .wrap-projects-shortcode .wrap-filter li, .header, .nav-main > ul > li.current-menu-ancestor > .inner:not(.btn), .nav-main > ul > li.current-menu-item > .inner:not(.btn), .nav-main > ul > li:hover > .inner:not(.btn) {border-color: #e7700f; }
a.btn, .nav-main .btn, button, input[type="button"], input[type="submit"] {background-color: #e7700f; color: rgba(255,255,255, 0.9); text-shadow: 0 -1px rgba(0,0,0, 0.5); border-color: #e7700f; }
::-moz-selection {background-color: #e7700f; color: #fff; }
::selection {background: #e7700f; color: #fff; }
.wrap-projects-shortcode .image-container, .related-projects .image-container, .wrap-projects-shortcode .project-icon, .main-heading, .top-bar, .nav-main li ul, .top-bar li ul, .slider, .page-excerpt:after, .icon-module .icon-container, .footer, .date-special .icon-format, #wp-calendar tbody a, .meta-bottom[class*=" icon-"]:before, #comments.icon-comments:before {background-color: #e7700f; }
#wp-calendar tbody a, .meta-bottom[class*=" icon-"]:before, #comments.icon-comments:before {color: #fff; }
.active > .accordion-heading, .active > .toggle-heading, .tabs-wrapper > ul > li.active, .dropcap.round, .dropcap.square, .dropcap.leaf {background-color: #e7700f !important; }
.active > .accordion-heading, .active > .toggle-heading, .tabs-wrapper > ul > li.active {color: #fff !important; }

.nav-main li ul {background: #3a3a3a; }
.header .nav-main li li, .nav-main li li a:hover, .nav-main li li.current-menu-ancestor > a, .nav-main li li.current-menu-item > a {background-image: url(../img/transparent/white/5.png); }
.nav-main > ul > li.current-menu-ancestor > .inner:not(.btn).nav-main > ul > li.current-menu-item > .inner:not(.btn).nav-main > ul > li.current-page-ancestor > .inner:not(.btn) {border-color: #3a3a3a !important; }
.slider-main-wrap {background: #3a3a3a; }
.main-heading {background:  url(http://vanphuc.sis.edu.vn/wp-content/uploads/sites/20/section-header-bg.png) repeat-x scroll 50% 0; }
.bottom-wrap {background: #3a3a3a; }
.box.color-blue, .btn.color-blue, .call-to-action.color-blue, .marker.color-blue {background-color: #048ec7; color: #ffffff; text-shadow: 0 -1px rgba(0,0,0, 0.5); }
.box.color-blue, .btn.color-blue {border-color: #048ec7; }
.box.color-blue.icon-box {background-image: url(../img/icons/box/white/box-icon-sprite.png); }
.box.color-gray, .btn.color-gray, .call-to-action.color-gray, .marker.color-gray {background-color: #f3f3f3; color: #666666; text-shadow: 0 1px rgba(255,255,255, 0.5); }
.box.color-gray, .btn.color-gray {border-color: #f3f3f3; }
.box.color-gray.icon-box {background-image: url(../img/icons/box/black/box-icon-sprite.png); }
.box.color-green, .btn.color-green, .call-to-action.color-green, .marker.color-green {background-color: #18a98a; color: #ffffff; text-shadow: 0 -1px rgba(0,0,0, 0.5); }
.box.color-green, .btn.color-green {border-color: #18a98a; }
.box.color-green.icon-box {background-image: url(../img/icons/box/white/box-icon-sprite.png); }
.box.color-orange, .btn.color-orange, .call-to-action.color-orange, .marker.color-orange {background-color: #f28c27; color: #ffffff; text-shadow: 0 -1px rgba(0,0,0, 0.5); }
.box.color-orange, .btn.color-orange {border-color: #f28c27; }
.box.color-orange.icon-box {background-image: url(../img/icons/box/black/box-icon-sprite.png); }
.box.color-red, .btn.color-red, .call-to-action.color-red, .marker.color-red {background-color: #fd3301; color: #ffffff; text-shadow: 0 -1px rgba(0,0,0, 0.5); }
.box.color-red, .btn.color-red {border-color: #fd3301; }
.box.color-red.icon-box {background-image: url(../img/icons/box/white/box-icon-sprite.png); }

.header > .wrap-inner {height: 80px; }
.logo, h1.logo {padding-top: 0px; }

.font-primary, .logo, h1.logo, body, .quote-source, input, select, textarea, a.btn, button, input[type="button"], input[type="submit"] {font-family: Arial, serif; font-size: 16px; }
.font-secondary, h1, h2, h3, h4, h5, h6, .hero, .call-to-action, blockquote, .status, .countdown-timer .dash .digit, .numbering, .article-excerpt, .date-special .date .day, .wrap-projects-shortcode .project-title, .wrap-projects-shortcode .project-title {font-family: Arial, serif; }
h1, h2, h3, h4, h5, h6 {font-family: Arial, serif; }


/* End of file */