/* 
	Theme Name: SSF 2015
	Theme URI: http://localwebhub.com
	Version: 1.0.69
	Author: D. Agadzhanov 
	Author URI: http://localwebhub.com
	
*/

/*
 teal: rgb(0,199,178);
 #00c7b2 rust: rgb(141,60,30);
 #8d3c1e orng: rgb(249,70,28);
 #f9461c yllo: rgb(234,223,0);
 #eadf00 ltgr: rgb(213,214,210);
 #d5d6d2 ltgr: rgb(188,189,188);
 (footer text) #bcbdbc dkgr: rgb(97,99,101);
 #616365 'HandOfSeanPro-Regular' (cursive) 'proxima-nova' 300, 300i, 400, 700 .interstatecondensed {
     font-family: "Interstate Condensed";
     font-style: normal;
     font-weight: normal;
}
*/

@import url("//hello.myfonts.net/count/2e4877");

@font-face {
	font-family: 'HandOfSeanPro-Regular';
	src: url('webfonts/2E4877_0_0.eot');
	src: url('webfonts/2E4877_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2E4877_0_0.woff2') format('woff2'), url('webfonts/2E4877_0_0.woff') format('woff'), url('webfonts/2E4877_0_0.ttf') format('truetype');
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: 0 0
}

html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	overflow-y: scroll;
	scroll-behavior: smooth;
}

ol,
ul {
	list-style: none
}

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

blockquote,
q {
	quotes: none
}

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

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: 700
}

del {
	text-decoration: line-through
}

strong {
	font-weight: 700
}

em {
	font-style: italic
}

input,
select {
	vertical-align: middle;
	border-radius: 0;
	-webkit-appearance: none;
}

table {
	border-collapse: separate;
	border-spacing: 0
}

caption,
td,
th {
	text-align: left;
	font-weight: 400
}

input {
	vertical-align: middle
}

embed,
img,
object {
	max-width: 100%;
	height: auto;
}

i {
	font-style: normal;
}

.mainNav {
	z-index: 4;
	position: relative;
	max-width: 1100px;
	margin-bottom: 0;
	box-sizing: border-box;
}

.sf-menu,
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none
}

.sf-menu > li {
	position: relative;
	white-space: nowrap;
	-webkit-transition: background .2s;
	transition: background .2s
}

.sf-menu a {
	display: block;
	line-height: 1.2;
}

.sf-menu > li {
	float: left
}

.sf-menu a {
	position: relative;
	padding: 25px 10px;
	text-decoration: none;
	zoom: 1;
	color: #fff
}

.sf-menu a:hover {
	opacity: 1
}

@media (max-width: 1100px) {
	.sf-menu .sub-menu {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !importrant;
		height: auto !important;
	}
}

@media (min-width: 1101px) {
	.sf-menu .sub-menu {
		position: absolute;
		font-size: .7em;
		padding: 0;
		margin-top: -20px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.sf-menu .sub-menu li a {
		padding: 5px 0;
	}
}

.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.owl-height {
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
	display: none
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.no-js .owl-carousel {
	display: block
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale .1s ease;
	-moz-transition: scale .1s ease;
	-ms-transition: scale .1s ease;
	-o-transition: scale .1s ease;
	transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1
}

.mCustomScrollbar {
	-ms-touch-action: none;
	touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar {
	-ms-touch-action: auto;
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: 0;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 20px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
	background-image: url(mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
	height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw //9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
		background-repeat:repeat-y;
	opacity: .3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
	right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
	height: 12px;
	width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, .2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.lb-loader,
.lightbox {
	text-align: center;
	line-height: 0
}

body:after {
	content: url(images/lightbox/close.png) url(images/lightbox/loading.gif) url(images/lightbox/prev.png) url(images/lightbox/next.png);
	display: none
}

.lb-dataContainer:after,
.lb-outerContainer:after {
	content: "";
	clear: both
}

body.lb-disable-scrolling {
	overflow: hidden
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #000;
	filter: alpha(Opacity=80);
	opacity: .8;
	display: none
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	font-weight: 400
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	max-height: none;
	border-radius: 3px;
	border: 4px solid #fff
}

.lightbox a img {
	border: none
}

.lb-outerContainer {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 4px;
	background-color: #fff
}

.lb-loader,
.lb-nav {
	position: absolute;
	left: 0
}

.lb-outerContainer:after {
	display: table
}

.lb-loader {
	top: 43%;
	height: 25%;
	width: 100%
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(images/lightbox/loading.gif) no-repeat
}

.lb-nav {
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}

.lb-container>.nav {
	left: 0
}

.lb-nav a {
	outline: 0;
	background-image: url(data:image/gif;
 base64, R0lGODlhAQABAPAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
	height: 100%;
	cursor: pointer;
	display: block
}

.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(images/lightbox/prev.png) left 48% no-repeat;
	filter: alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
	filter: alpha(Opacity=100);
	opacity: 1
}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(images/lightbox/next.png) right 48% no-repeat;
	filter: alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s
}

.lb-nav a.lb-next:hover {
	filter: alpha(Opacity=100);
	opacity: 1
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
	display: table
}

.lb-data {
	padding: 0 4px;
	color: #ccc
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em
}

.lb-data .lb-caption {
	font-size: 13px;
	font-weight: 700;
	line-height: 1em
}

.lb-data .lb-caption a {
	color: #4ae
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(images/lightbox/close.png) top right no-repeat;
	text-align: right;
	outline: 0;
	filter: alpha(Opacity=70);
	opacity: .7;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s
}

.lb-data .lb-close:hover {
	cursor: pointer;
	filter: alpha(Opacity=100);
	opacity: 1
}

/* @-ms-viewport {
     width: device-width;
}
 */
body {
	font-family: proxima-nova, arial, sans-serif;
	font-size: 24px;
	/* overflow-x: hidden; */
}

body.single-post,
body.single-project {
	margin-top: 95px;
}

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading a,
.wf-loading span,
.wf-loading li,
.wf-loading p {
	visibility: hidden
}

.wf-loading a.site-logo-wrap {
	visibility: visible;
}

a {
	text-decoration: none;
	color: rgb(0, 0, 0);
}

#middle .project a,
#middle .post a,
.section.story a {
	color: #f9461c;
}

a:hover {
	opacity: 0.7;
}

p {
	line-height: 1.5em;
	padding-bottom: 20px;
}

p.wp-caption-text {
	text-align: center;
	font-size: .8em;
	color: #5C5C5C;
}

h1,
h2,
h3,
h4,
h5 {
	font-size: 1em;
}

.post ul,
.page ul {
	list-style-type: disc;
	padding-bottom: 20px;
	padding-left: 20px;
}

.post ul>li,
.post ol>li,
.page ul>li,
.page ol>li,
.type-usecases ul>li {
	padding-bottom: 10px;
}

ol {
	list-style-type: decimal;
	padding-left: 20px;
}

ul.menu,
ul.sf-menu,
ul.sf-menu ul {
	list-style-type: none;
	padding: 5px 0 0 0;
}

ul.menu>li,
ul.sf-menu>li,
ul.sf-menu ul>li {
	padding-bottom: 0;
}

.single-post .post {
	font-weight: 300;
}

.heading {
	font-family: "proxima-nova";
}

.heading.condenced {
	font-family: 'din-condensed-web', sans-serif;
}

.heading.teal {
	color: rgb(0, 199, 178);
}

.heading.black {
	color: rgb(0, 0, 0);
}

.heading.rust {
	color: rgb(141, 60, 30);
}

.heading.orange {
	color: rgb(249, 70, 28);
}

.heading.yellow {
	color: rgb(234, 223, 0);
}

.heading.lightergrey {
	color: rgb(213, 214, 210);
}

.heading.lightgrey {
	color: rgb(188, 189, 188);
}

.heading.darkgrey {
	color: rgb(97, 99, 101);
}

.heading.white {
	color: #fff;
}

.heading.small {
	font-size: 24px;
}

.heading.medium {
	font-size: 34px;
}

.heading.large {
	font-size: 70px;
}

.heading.xlarge {
	font-size: 100px;
	line-height: 1.1;
}

@media screen and (max-width: 900px) {
	.heading.xlarge {
		font-size: 70px;
	}

	.heading.large {
		font-size: 50px;
	}

	.heading.medium {
		font-size: 30px;
	}

	.heading.small {
		font-size: 20px;
	}
}

@media screen and (max-width: 500px) {
	.heading.xlarge {
		font-size: 50px;
	}

	.heading.xlarge {
		font-size: 40px;
	}
}

#header {
	width: 100%;
	position: fixed;
	z-index: 3;
	height: 95px;
	top: 0;
}

#header {
	background: rgba(0, 0, 0, .6);
}

.single-project #header {
	background: rgb(97, 99, 101);
}

.single-post #header {
	background-color: rgb(97, 99, 101);
}

.archive #header {
	background-color: rgb(97, 99, 101);
}

.search #header {
	background-color: rgb(97, 99, 101);
}

#header .inside {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.menuToggle {
	display: none;
	width: 40px;
	border: 3px solid #fff;
	border-left: 0;
	border-right: 0;
	position: absolute;
	right: 0;
	margin: 20px 20px 0 0;
	height: 15px;
	cursor: pointer;
	box-sizing: content-box;
}

.menuToggle div {
	height: 0;
	border-bottom: 3px solid #fff;
	padding-top: 6px;
}

.navContainer {
	padding: 0 20px;
	position: relative;
	z-index: 5;
	width: 100%;
	box-sizing: border-box;
	height: 0;
}

.menu-main-nav-container {
	max-width: 1200px;
	margin: 0 auto;
}

.sf-menu .current-menu-item>a {
	color: rgb(249, 70, 28);
}

.sf-menu .current-menu-parent>a {
	color: rgb(249, 70, 28);
}

.sf-menu .current-menu-item:hover>a {
	color: rgb(249, 70, 28);
}

.sf-menu .current-menu-parent:hover>a {
	color: #fff;
}

.logo {
	float: left;
	background-image: url(images/ssf_logo_white.png);
	height: 113px;
	width: 113px;
	position: relative;
	background-position: 0px -9px;
	background-repeat: no-repeat;
}

.logo:hover {
	background-image: url(images/ssf_logo_orange.png);
}

.logo a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	user-select: none
}

.logo a:hover {
	opacity: 1;
}

.mainNav {
	font-size: 25px;
	font-family: 'din-condensed-web', sans-serif;
	font-style: normal;
	font-weight: normal;
	float: left;
	margin-right: 0px !important;
	margin-left: 10px !important;
}

/* Inputs */
#searchform {
	float: right;
	width: 274px;
	box-sizing: border-box;
	margin-top: 28px;
	background-image: url(images/ssf_structural_engineering.png);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	position: relative;
}

input#s {
	border: 0;
	background: none;
	-webkit-appearance: none;
	font-family: 'din-condensed-web', sans-serif;
	font-weight: normal;
	color: rgb(188, 189, 188);
	width: 600px;
	height: 100px;
	padding: 10px 0;
	box-sizing: border-box;
	font-size: 80px;
	outline: none;
	font-weight: 700;
}

input#s::-webkit-input-placeholder {
	color: rgb(97, 99, 101);
	text-align: left;
	font-family: 'din-condensed-web', sans-serif;
	font-weight: 700;
	padding-left: 20px;
}

body .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])  {
	padding-left: 8px;
}

.search_fields {
	text-align: center;
	max-height: 0;
	transition: .5s;
	position: fixed;
	top: 93px;
	overflow: hidden;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.9);
}

.search_fields.active {
	max-height: 100px;
	z-index: 100;
}

/* input#s:focus, input#s:hover {
    outline:none;
    background-image:none;
    border:1px solid #fff;
}
 */
#searchtoggle:hover {
	opacity: 0.6;
}

#searchtoggle:focus {
	outline: none;
}

#searchsubmit {
	-webkit-appearance: none;
	border: 0;
	background: url(images/social.png);
	display: inline-block;
	height: 25px;
	width: 25px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	box-sizing: border-box;
	height: 0;
	width: 0;
	background: none;
}

#searchcpt {
	text-align: right;
}

#scpt {
	border: 2px solid rgb(188, 189, 188);
	background: none;
	-webkit-appearance: none;
	font-family: "proxima-nova";
	font-weight: normal;
	color: rgb(188, 189, 188);
	width: 135px;
	padding: 5px 15px;
	box-sizing: border-box;
	font-size: 18px;
	width: 200px;
}

#scpt:focus {
	outline: none;
}

#searchsubmitcpt {
	-webkit-appearance: none;
	border: 0;
	background: url(images/search.png);
	display: inline-block;
	height: 40px;
	width: 40px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	box-sizing: border-box;
}

.single-post #searchcpt {
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

/* WPCF7 */
.gform_body[role=form] {
	max-width: 500px;
}

.gform_body select,
.gform_body input[type=text],
.gform_body input[type=email],
.gform_body textarea {
	width: 100%;
	box-sizing: border-box;
	border: 2px solid rgb(188, 189, 188);
	font-size: 25px;
	margin-bottom: 10px;
	border-radius: 0;
	padding: 5px 10px;
}

select#input_1_1 {
	font-family: proxima-nova;
	font-weight: 700;
	color: rgb(97, 99, 101);
	cursor: pointer;
	box-sizing: border-box;
	border: 2px solid rgb(188, 189, 188);
	font-size: 25px;
	margin-bottom: 10px;
	border-radius: 0;
	padding: 5px 10px;
}

.gfield_label {
	display: none !important;
}

.gform_body ul,
.gform_body li {
	list-style-type: none !important;
}

.gform_body select:focus,
.gform_body input[type=text]:focus,
.gform_body input[type=email]:focus,
.gform_body textarea:focus {
	outline: none;
}

input#gform_submit_button_1 {
	display: block;
	border: 0;
	background: url(images/send.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
	background-position: top center;
	width: 227px;
	height: 227px;
	max-width: 30%;
	text-indent: 2000px;
	cursor: pointer;
}

input#gform_submit_button_1:focus {
	outline: none;
}

::-webkit-input-placeholder {
	color: rgb(97, 99, 101);
	font-family: 'proxima-nova';
	font-weight: 700;
}

::-moz-placeholder {
	color: rgb(97, 99, 101);
	font-family: 'proxima-nova';
	font-weight: 700;
}

:-ms-input-placeholder {
	color: rgb(97, 99, 101);
	font-family: 'proxima-nova';
	font-weight: 700;
}

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

	.gform_body select,
	.gform_body input[type=text],
	.gform_body input[type=email],
	.gform_body textarea {
		font-size: 20px !important;
	}
}

@media screen and (max-width: 900px) {
	.wpcf7[role=form] {
		margin: 0 auto;
	}
}

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

	.gform_body select,
	.gform_body input[type=text],
	.gform_body input[type=email],
	.gform_body textarea {
		font-size: 15px !important;
	}
}

#header .lwhsocial {
	display: block;
	width: 60px;
	padding-top: 5px;
	float: right;
	margin-right: 8px;
	box-sizing: border-box;
}

#header .navContainer .lwhsocial,
#header .copyright {
	display: none;
}

@media screen and (max-width: 1225px) {
	.mainNav {
		font-size: 20px;
		margin-top: 5px !important;
	}
}

@media screen and (max-width: 1100px) {
	body {
		margin-top: 95px;
	}

	.logo {
		float: none;
		position: absolute;
		left: 50%;
		margin-left: -52px;
	}

	#header {
		background-color: rgb(35, 35, 35) !important;
		z-index: 4;
		position: fixed !important;
		top: 0;
		height: 95px;
	}

	.menuToggle {
		display: block;
	}

	.navContainer {
		padding: 0;
		position: absolute;
		z-index: 3;
		left: 0;
	}

	#searchform {
		display: none;
	}

	.mainNav {
		margin: 15px 0 !important;
		width: 100%;
		padding-bottom: 20px;
		margin-bottom: -2px;
	}

	.mainNav li {
		display: block;
		width: 100%;
		text-align: center;
	}

	.mainNav li a {
		padding: 7px 0;
		color: rgb(99, 99, 101)
	}

	.mainNav li a:hover {
		background-color: rgb(155, 155, 155);
	}

	#header .navContainer .lwhsocial {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center;
		padding: 10px;
	}

	#header .copyright {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center;
		font-size: 12px;
		color: #fff;
		padding-bottom: 10px;
	}
	
	#header.active .logo {
		z-index: 4;
	}
	
	.navContainer {
		height: auto;
		background: #232323;
		top: 94px;
		visibility: hidden;
		opacity: 0;
		transform: translateY(-10px);
		transition: opacity .3s, transform .4s;
		will-change: transform, opacity;
	}
	
	#header.active .navContainer {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
}

/* Structure */
.single-project .pagetitle,
.single-project .subhead {
	text-align: center;
	padding: 0 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.single-project .pagetitle {
	margin-top: 80px;
}

.single-project .subhead {
	margin-bottom: 50px;
}

.single-project #sidebar h5,
.single-team #sidebar h5 {
	font-weight: 700;
}

.single-project #sidebar .one_half .inside,
.single-project #sidebar .related_content .inside,
.single-team #sidebar .one_half .inside,
.single-team #sidebar .related_content .inside {
	padding: 10px;
}

.single-project #sidebar .one_half .inside hr,
.single-team #sidebar .one_half .inside hr {
	border: 0;
	border-top: 8px solid rgb(249, 70, 28);
}

.single-project #sidebar .one_half .inside p,
.single-team #sidebar .one_half .inside p {
	color: rgb(188, 189, 188);
}

.single-project #sidebar .one_half .inside a,
.single-team #sidebar .one_half .inside a {
	color: rgb(249, 70, 28);
}

.single-project #sidebar .related_content hr,
.single-team #sidebar .related_content hr {
	border: 0;
	border-top: 8px solid rgb(0, 199, 178);
}

.single-project #sidebar .similar_posts.one_third,
.single-team #sidebar .similar_posts.one_third {
	width: 100%;
	float: none;
	padding-left: 0
}

.single-project #sidebar .similar_posts .inside,
.single-team #sidebar .similar_posts .inside,
{
padding: 0 0 20px 0;
}

.single-team #sidebar .attachment-team {
	padding-top: 55px;
}

#container {
	position: relative;
	overflow-x: hidden;
}

.page-template-template-blog #middle,
.page-template-template-people #middle,
.page-template-template-projects #middle,
.archive #middle,
.search #middle {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}

.single-post #middle,
.archive #middle,
.single-project #middle,
.single-team #middle {
	position: relative;
	max-width: 1200px;
	padding: 70px 20px 20px 20px;
	margin: 0 auto;
}

.single-post #middle .post,
.single-project #middle .project,
.single-team #middle .team {
	padding-right: 20px;
	box-sizing: border-box;
}

.single-project #middle .projecttitle {
	font-weight: 700;
}

.add-testimonials {
	background-image: url(images/testimonialsbg.png);
}

.single-team #blogpagehead {
	padding-bottom: 130px;
}

.single-team #blogpagehead.withImage {
	padding-bottom: 50%;
	height: 1px;
}

.single-post #blogpagehead.withImage {
	padding-bottom: 56%;
	height: 1px;
}

.single-post #blogpagehead.withImage.short {
	max-width: 1200px;
	margin: 0 auto;
}

/* .single-team #blogpagehead.withImage.legacy {
    max-width: 640px;
    margin: 0 auto;
     margin-top: 120px;
}
 */
.pagehead {
	box-sizing: border-box;
}

.pagehead h1,
.pagehead h2 {
	color: #fff;
	text-align: center;
	position: relative;
}

.pagehead h1 {
	padding: 22% 20px 22% 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.home .pagehead {
	min-height: 100vh
}

.search .pagehead h1,
.archive .pagehead h1 {
	color: #000;
	padding: 40px 20px;
}

.withSubhead .pagehead h1 {
	padding-bottom: 0;
}

.withSubhead .pagehead h2 {
	padding-bottom: 22%;
	padding-top: 30px;
	max-width: 800px;
	margin: 0 auto;
}

.withSubhead.withCTA .pagehead h2 {
	padding-bottom: 0
}

.withSubhead.withCTA .pagehead a.button {
	padding: 5% 0;
	margin: 0 auto;
	display: block;
}

.noImage .pagehead h1 {
	color: #000;
	padding-top: 15%;
	padding-bottom: 15%;
}

.noImage.withSubhead .pagehead h1 {
	padding-bottom: 0px;
}

.noImage.withSubhead .pagehead h2 {
	padding-bottom: 15%;
}

a.scrolldown,
i.scrolldown {
	font-family: 'proxima-nova';
	font-style: normal;
	font-size: 24px;
	color: rgb(188, 189, 188);
	display: block;
	position: relative;
	background-image: url(images/down.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 70px;
	cursor: pointer;
	text-align: center;
}

.header_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.no_overlay .header_overlay {
	display: none;
}

.single h2.subhead {
	padding-bottom: 20px;
}

.withVideo .pagehead {
	position: absolute;
	top: 0;
	width: 100%;
	max-width: none;
	bottom: 0;
}

@media screen and (max-width: 600px) {
	.withVideo>div:first-child {
		display: none !important;
	}

	.withVideo .pagehead {
		position: relative;
	}

	.withVideo {
		height: auto !important;
	}
}

.shortHead .pagehead {}

.shortHead .pagehead h1 {
	padding-top: 17%;
	padding-bottom: 17%;
}

.shortHead.withSubhead .pagehead h1 {
	padding-bottom: 0;
}

.shortHead .pagehead h2 {
	padding-bottom: 17%;
}

/* .noFeatures .pagehead {
    height: 72px;
}
 */
/* SECTIONS */
.section {
	position: relative;
}

.section.fullwidth .sectioncontent {
	max-width: none;
	padding: 0;
	margin: 0;
}

.sectioncontent {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}

.sectioncontent__flex {
	width: 100%;
}

.section.bottom_rel {
	padding-bottom: 10%;
}

.section.teal {
	background-color: rgb(0, 199, 178);
}

.section.rust {
	background-color: rgb(141, 60, 30);
}

.section.orange {
	background-color: rgb(249, 70, 28);
}

.section.darkgrey {
	background-color: rgb(97, 99, 101);
}

.section.withImage.darkgrey:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .6);
}

.section.withImage.darkgrey .sectioncontent {
	position: relative;
}

.section.withImage.darkgrey .sectioncontent a {
	color: #00c7b2;
	word-break: break-all
}

.section.withImage.teal {
	background-color: transparent;
}

.section.withImage.teal:before {
	content: "";
	background-color: rgba(0, 199, 178, 0.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.section.withImage.teal .sectioncontent {
	position: relative;
}

.section.withImage.rustdiag:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(images/rustdiag.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	opacity: 0.7;
}

.section.withImage.rustdiag .sectioncontent {
	position: relative;
}

.section.withImage.orangediag:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(images/orangediag.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	opacity: 0.7;
}

.section.withImage.orangediag .sectioncontent {
	position: relative;
}

/* Single Project */
.single-project .owl-controls {
	position: absolute;
	top: 0;
	margin-top: 40px;
	width: 100%;
}

.single-project .owl-controls .owl-pagination {
	max-width: 1200px;
	margin: 0 auto;
}

.single-project .owl-theme .owl-controls .owl-page span {
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	opacity: 1;
	background: none;
}

.single-project .owl-theme .owl-controls .owl-page.active span {
	background: #fff;
}

.owlCarousel.project .item {
	background: #eee;
}

.owlCarousel.project .item img {
	margin: 0 auto;
	min-width: 100%;
}

.project_carousel {
	position: relative;
}

.project_carousel.cap {
	max-width: 1190px;
	margin: 0 auto;
}

.project_cats {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(images/orange_triangle.png);
	width: 200px;
}

.project_cats {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(images/orange_triangle.png);
	z-index: 2;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
	color: #fff;
	font-size: 16px;
	text-align: right;
	padding: 20px 20px 0 100px;
}

.project_cats h5 {
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-size: 24px;
}

.project_cats p {
	padding-bottom: 0px
}

@media screen and (max-width: 900px) {
	.project_cats {
		display: none;
	}
}

/* Similar Projects */
.similar_project {
	height: 225px;
	width: 225px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0 20px 20px 0;
	position: relative;
	overflow: hidden;
}

.similar_project a:hover {
	opacity: 1;
}

.similar_project:nth_child(5) {
	margin-right: 0;
}

.similar_project .tint {
	position: absolute;
	top: 0;
	left: -225px;
	width: 225px;
	bottom: 0;
	background-image: url(images/teal_tint_similar.png);
	color: #fff;
	padding: 10px;
	overflow: hidden;
	transition: left .3s;
	box-sizing: border-box;
}

.similar_project:hover .tint {
	left: 0;
}

.similar_project h4 {
	font-size: 24px;
	font-weight: 700;
}

.breadcrumbs,
.breadcrumbs a,
.breadcrumbs a:hover {
	font-size: 12px;
	color: rgb(99, 99, 101);
	padding-bottom: 40px;
	text-decoration: none;
}

.single-post .breadcrumbs {
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

/* Single Team */
.single-team #middle {
	color: rgb(97, 99, 101);
}

.single-team #middle a {
	color: rgb(234, 223, 0);
}

.single-team h1 {
	padding-bottom: 20px;
}

h3.team_subtitle {
	padding-bottom: 40px;
	font-weight: 700;
	font-size: 34px;
	color: rgb(97, 99, 101);
}

.single-team .one_half.likes,
.single-team .one_half.dislikes {
	padding-right: 20px;
	box-sizing: border-box;
}

h3.likes_title {
	font-weight: 700;
	color: #f9461c;
	margin-bottom: 20px;
}

.post-navigation {
	margin: 40px;
}

.post-navigation h2 {
	display: none;
}

.nav-links:after {
	content: "";
	clear: both;
	display: table;
}

.nav-previous,
.nav-next {
	height: 140px;
}

.nav-previous span,
.nav-next span {
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding-top: 30px;
	position: relative;
}

.nav-previous span h5,
.nav-next span h5 {
	line-height: 0;
	border: 3px solid rgb(0, 199, 178);
	display: block;
	padding: 44px;
	color: rgb(0, 199, 178);
	position: relative;
}

.nav-previous span img,
.nav-next span img {
	position: absolute;
	height: 140px;
	width: auto;
	top: 0;
}

.nav-previous span img {
	right: 10px;
}

.nav-next span img {
	left: 10px;
}

.nav-links .nav-previous {
	float: left;
}

.nav-links .nav-next {
	float: right;
}

.nav-links .nav-next span {
	background-position: left;
}

.nav-links .nav-next span h5 {
	border-right: 0;
	padding-right: 10px;
	padding-left: 80px;
}

.nav-links .nav-previous span h5 {
	border-left: 0;
	padding-left: 10px;
	padding-right: 80px;
}

.nav-links .nav-next span h5:after,
.nav-links .nav-previous span h5:after {
	content: "";
	position: absolute;
	top: -2px;
	bottom: -2px;
	background-repeat: no-repeat;
	width: 50px;
	background-size: 50px auto;
	background-position: -1px center;
}

.nav-links .nav-next span h5:after {
	background-image: url(images/right_t.png);
	right: -48px;
}

.nav-links .nav-previous span h5:after {
	background-image: url(images/left_t.png);
	left: -46px;
}

@media screen and (max-width: 900px) {
	.post-navigation {
		margin: 20px 0;
	}

	.nav-previous span h5,
	.nav-next span h5 {
		border: 0;
		line-height: 1
	}

	.nav-previous span h5:after,
	.nav-next span h5:after {
		display: none;
	}
}

a.team_social {
	background-image: url(images/social_icons_SSF_t.png);
	display: inline-block;
	background-repeat: no-repeat;
	height: 44px;
	width: 44px;
	margin: 20px 10px 0 0;
}

a.team_social.email {
	background-position: 2px 2px;
}

a.team_social.vc {
	background-position: -42px;
}

a.team_social.in {
	background-position: -86px;
}

a.team_social.tw {
	background-position: -129px;
}

a.team_social.fb {
	background-position: -172px;
}

a.team_social.pi {
	background-position: -214px;
}

a.team_social.ig {
	background-position: -257px;
}

a.resume_link {
	padding: 10px;
	display: inline-block;
}

.listnames .sectioncontent {
	padding-bottom: 40px;
}

.listnames .typecol {
	float: left;
	box-sizing: border-box;
	padding: 10px;
}

.listnames .staff,
.listnames .principals {
	width: 40%;
}

.listnames .legacy {
	width: 20%;
}

.listnames .typecol h5 {
	font-weight: bold;
	padding: 20px 0;
}

.listnames .typecol a {
	display: inline-block;
	width: 100%;
	padding-right: 10px;
	box-sizing: border-box;
	font-size: 18px;
	color: #000;
}

.listnames .principals a,
.listnames .staff a {
	width: 50%;
}

.listnames .typecol a.active {
	color: rgb(0, 199, 178);
}

@media screen and (max-width: 900px) {
	.listnames .typecol a {
		width: 100%;
	}

	.typecol {
		width: 33%;
	}
}

@media screen and (max-width: 700px) {
	.typecol {
		width: 100% !important;
		float: none;
	}
}

/* Office Locations */
.single_office_location {
	color: #fff;
	padding: 0 80px;
	font-size: 30px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.single_office_location:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.single_office_location .inside {
	padding: 40px 0 120px;
	border-top: 10px solid rgb(0, 199, 178);
	position: relative;
}

.single_office_location a {
	color: rgb(0, 199, 178);
	word-break: break-all
}

.single_office_location p.location_title {
	font-size: 36px;
	font-family: 'HandOfSeanPro-Regular';
}

@media screen and (max-width: 1200px) and (min-width: 900px) {
	.single_office_location {
		font-size: 22px;
	}
}

@media screen and (max-width: 600px) {
	.single_office_location {
		font-size: 20px;
		padding: 0 40px;
	}
}

@media screen and (max-width: 400px) {
	.single_office_location {
		font-size: 16px;
	}
}

/* Employee Benefits SC */
.employee_benefits .item {
	width: 20%;
	padding: 20px;
	font-size: 21px;
	box-sizing: border-box;
}

.employee_benefits .item:before {
	content: "\002B";
	position: absolute;
	top: 20px;
	left: 0;
}

@media screen and (max-width: 1100px) {
	.employee_benefits .item {
		width: 25%;
	}
}

@media screen and (max-width: 900px) {
	.employee_benefits .item {
		width: 33%;
	}
}

@media screen and (max-width: 600px) {
	.employee_benefits .item {
		width: 100%;
	}
}

/* FOOTER */
#footer {
	background-color: #000;
}

#footer>.inside {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}

.one_half .footerBox {
	width: 33%;
	box-sizing: border-box;
	float: left;
	font-size: 18px;
	color: #fff;
}

.one_half.last .footerBox {
	width: 50%;
	font-size: 14px;
	color: rgb(188, 189, 188);
}

.footerBox li {
	list-style-type: none;
}

.footerBox li a {
	color: #fff;
}

.footerBox li li {
	padding-bottom: 0;
}

.footerBox li li a {
	color: rgb(97, 99, 101);
	font-size: 14px;
}

#footer .copyright {
	color: rgb(188, 189, 188);
	padding: 50px 0 20px 0;
	font-size: 12px;
	width: 50%;
	margin-top: -130px;
	float: left;
}

#footer .copyright a {
	color: rgb(0, 199, 178)
}

@media screen and (max-width: 900px) {
	#footer .copyright {
		width: auto;
		float: none;
		padding-top: 30px;
		margin-top: 0;
	}
}

/* contact / feed */
.one_half.last .footerBox:first-child {
	padding-right: 20px;
}

.one_half.last .footerBox a {
	color: rgb(0, 199, 178);
}

.one_half.last .footerBox h4,
.one_half.last .footerBox h5 {
	color: #fff;
	font-weight: 700;
}

.one_half.last .footerBox h4 {
	font-size: 33px;
	border-bottom: 10px solid rgb(97, 99, 101);
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.one_half.last .footerBox:first-child h4 {
	border-color: rgb(0, 199, 178)
}

.one_half.last .footerBox h5 {
	text-transform: uppercase;
}

.footerBox .similar_posts.one_third {
	width: 100%;
}

.footerBox .similar_posts.one_third .inside {
	padding: 0 0 20px 0;
}

.footerBox .similar_posts.one_third .post_title {
	color: #fff;
}

.footerBox .similar_posts.one_third .post_title:nth-child(3) {
	color: rgb(188, 189, 188);
	font-weight: 400;
}

.footerBox .similar_posts.one_third .inside p.excerpt {
	line-height: 1.2;
	margin-top: 10px;
}

@media screen and (max-width: 500px) {
	.one_half .footerBox {
		width: 100% !important;
		float: none;
		margin-bottom: 40px;
	}
}

/* SOCIAL */
.lwhsocial {
	text-align: right;
}

.lwhsocial a {
	background-image: url(images/social.png);
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 5px;
}

.lwhsocial a.lwh-fb {
	background-position: -59px 0px;
}

.lwhsocial a.lwh-in {
	background-position: -29px 0px;
}

.shareaholic-canvas {
	clear: both;
	margin: 20px 0 0 -20px;
}

/* .shareaholic-share-button i.shareaholic-service-icon:not(.service-all) {
    background-image:url(images/shareholic.png) !important;
     width: 44px !important;
     height: 44px !important;
    border-radius: 44px !important;
}
 i.shareaholic-service-icon[class*="service-linkedin"] {
    background-position: 0px 0 !important;
}
 i.shareaholic-service-icon[class*="service-twitter"] {
    background-position: -55px 0 !important;
}
 i.shareaholic-service-icon[class*="service-facebook"] {
    background-position: -111px 0 !important;
}
 i.shareaholic-service-icon[class*="service-google"] {
    background-position: -166px 0 !important;
}
 i.shareaholic-service-icon[class*="service-email"] {
    background-position: -221px 0 !important;
}
 i.shareaholic-service-icon[class*="service-all"] {
    background-color:rgb(97,99,101);
    width: 44px !important;
     height: 44px !important;
    border-radius: 44px !important;
    background-size: 46px auto !important;
     background-position: -1px -47px !important;
}
.shareaholic-share-buttons {
    margin-left:0px;
}
 */
/* CONTENT */
a.excerpt_read_more {
	color: rgb(0, 199, 178);
	white-space: pre;
}

.blog_posts a.excerpt_read_more {
	color: rgb(0, 0, 0);
}

.js-packery:not(.team_posts) {
	overflow: hidden;
}

/* Sidebar */
#sidebar .one_third {
	float: right;
	clear: both;
	box-sizing: border-box;
	padding-left: 20px;
}

#middle.legacy .teamtype-legacy.two_third {
	width: 55%
}

#middle.legacy #sidebar.one_third {
	width: 45%
}

@media screen and (max-width: 900px) {
	#sidebar {
		margin-top: 0;
	}

	#sidebar .one_third {
		padding-left: 0;
	}
}

/* Columns */
.one_half {
	width: 50%;
}

.one_third {
	width: 33%;
}

.one_fourth {
	width: 25%;
}

.two_third {
	width: 66%;
}

.three_fourth {
	width: 75%;
}

.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth {
	position: relative;
	margin: 0;
	float: left;
}

.last {
	clear: right;
}

.clearboth {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}

.column>.inside {
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

@media screen and (max-width: 900px) {
	.one_half {
		width: 100%;
	}

	.one_fourth {
		width: 100%;
	}

	.one_third {
		width: 100%;
	}

	.two_third {
		width: 100%;
	}

	.three_fourth {
		width: 100%;
	}

	.column>.inside {
		padding: 0px;
	}

	#middle.legacy .teamtype-legacy.two_third {
		width: 100%
	}

	#middle.legacy #sidebar.one_third {
		width: 100%
	}
}

/* button */
a.button {
	display: inline-block;
	cursor: pointer;
	position: relative;
	z-index: 2;
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/go.png);
}

a.button.yellow {
	background-image: url(images/go_y.png);
}

a.button.teal {
	background-image: url(images/go_t.png);
}

a.button.white {
	background-image: url(images/go.png);
}

/*Testimonials*/
.single_testimonial .inside {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 0 60px;
}

.single_testimonial p {
	font-size: 32px;
	font-family: 'HandOfSeanPro-Regular';
	color: rgb(97, 99, 101);
}

.single_testimonial .inside hr {
	border-color: rgb(249, 70, 28);
	width: 100px;
	border-style: solid;
}

p.testimonial_author {
	padding-top: 20px;
	text-align: center;
	font-family: 'proxima-nova';
	font-size: 26px;
}

a.testimonial_link {
	text-align: center;
	display: block;
	color: rgb(147, 147, 147);
}

/* Similar Posts */
.similar_posts .inside {
	padding: 10px;
}

.similar_posts p {
	font-size: 18px;
	color: rgb(188, 189, 188);
	font-weight: 400;
	line-height: 1;
	padding: 0;
}

.similar_posts .post_title {
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
}

.similar_posts .post_author {
	color: rgb(0, 199, 178);
	font-size: 18px;
}

/* Text-Button-Image */
.tbi_box {
	text-align: center;
	margin-bottom: 20px;
}

.tbi_box img {
	margin: 0 auto;
}

.tbi_box p {
	font-size: 27px;
	line-height: 1.2;
	padding-bottom: 10px;
}

.tbi_content {
	text-align: left;
	height: 300px;
	overflow: auto;
	margin-bottom: 20px;
	padding: 0 10px;
	color: #fff;
}

.tbi_box .heading {
	border-bottom: 10px solid #fff;
}

.tbi_box.nounderline .heading {
	border-bottom: 0;
}

/* Instagram Widget */
.instagram-pics {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	padding: 0 !important;
}

.instagram-pics li {
	display: inline-block;
	width: 20%;
	list-style-type: none;
	box-sizing: border-box;
	padding: 10px;
}

@media screen and (max-width: 500px) {
	.instagram-pics li {
		width: 100%;
		padding: 5px 15px !important;
	}
}

/* Team widget (home and all members) */
.owlCarousel.team .owl-buttons,
.owlCarousel.testimonials .owl-buttons {
	height: 0px;
	left: 0;
	right: 0;
	top: 50%;
	position: absolute;
	z-index: 2;
}

.owlCarousel.team .owl-next,
.owlCarousel.team .owl-prev,
.owlCarousel.testimonials .owl-next,
.owlCarousel.testimonials .owl-prev {
	position: absolute;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.owlCarousel.team .owl-nav {
	margin-top: -120px;
}

.owlCarousel.team .owl-prev,
.owlCarousel.testimonials .owl-prev {
	left: -20px;
	background-image: url(images/left.png);
	background-position: 2px 0px;
}

.owlCarousel.team .owl-next,
.owlCarousel.testimonials .owl-next {
	right: -20px;
	background-image: url(images/right.png);
	background-position: 17px 0;
}

/* .owlCarousel.project {
    height:1px;
    padding-bottom: 56.2%;
}
 */
.owl-stage-outer .single_member {
	margin-bottom: 200px;
	position: relative;
}

.aboutBox {
	border: 1px solid #fff;
	border-top: 0;
	position: absolute;
	margin: 20px 0;
	visibility: hidden;
	top: 325px;
}

.aboutBox:before {
	content: "";
	position: absolute;
	left: 0;
	background-image: url(images/bio.png);
	width: 100%;
	height: 19px;
	background-position: center;
	top: -18px;
}

.single_member:hover .aboutBox {
	visibility: visible;
}

.aboutBox .inside {
	text-align: center;
	color: #fff;
	padding: 10px !important;
	margin: 0 !important;
	background-image: none !important;
}

.aboutBox p {
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 0;
}

.aboutBox p.aboutName {
	font-weight: 700;
	padding-bottom: 0;
}

.aboutBox a.aboutBio {
	color: rgb(234, 223, 0);
}

/* BLOG / project Page */
.blog_posts {
	margin-right: -30px;
	padding-bottom: 50px;
}

/* padding for infinite status */
.blog_posts .grid-sizer {
	width: 25%;
}

.blog_posts.project_posts .grid-sizer {
	width: 20%;
}

.blog_posts.team_posts .grid-sizer {
	width: 125px;
}

.blog_post {
	width: 25%;
	position: relative;
	float: left;
}

.blog_post.project_post {
	width: 20%;
}

.blog_post.big {
	width: 50%
}

.blog_post.hidden {
	display: none !important;
}

.blog_post .inside {
	padding-top: 93%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
	margin: 10px 20px 10px 0px;
	overflow: hidden;
	background-image: url(images/grey.gif);
}

.blog_post.big .inside {
	padding-bottom: 20px;
}

.blog_post.project_post .inside_data {
	background-image: url(images/teal_tint_similar.png);
}

.blog_post .inside_data {
	background-image: url(images/orange_tint_blog.png);
	padding: 20px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -600px;
	width: 100%;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	transition: left .3s;
}

.blog_post.proj .inside_data {
	background-image: url(images/teal_tint_similar.png);
}

.blog_post i.plus.wbg,
.blog_post a.plus.wbg {
	background-image: url(images/plus_wbg.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 58px;
	width: 58px;
	bottom: 8%;
	right: 8%;
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.blog_post.big i.plus.wbg,
.blog_post.big a.plus.wbg {
	bottom: 12%;
	right: 12%;
}

.blog_post.big .inside_data {
	padding: 60px 40px;
}

.blog_post .inside:hover .inside_data,
.blog_post .inside.active .inside_data {
	left: 0;
}

.blog_post .inside:hover i.plus.wbg,
.blog_post .inside:hover a.plus.wbg {
	opacity: 1;
	transition: opacity 0.2s .5s ease;
}

.blog_post .inside_data h2 {
	font-weight: 700;
	font-size: 26px;
	line-height: 1;
	max-height: 54px;
	overflow: hidden;
	margin-bottom: 10px;
}

#middle .blog_post .inside_data h2 a,
.similar_projects .blog_post .inside_data h2 a {
	color: #fff;
}

.blog_post .inside_data p {
	font-size: 15px;
	font-weight: 100;
	line-height: 1;
	padding-bottom: 0;
}

.blog_post .inside_data p.post_author {
	padding: 0;
	margin: 0;
}

.blog_post .inside_data p.post_date {
	padding: 0;
	margin: 0 0 10px 0;
}

.blog_post .inside_data p.post_tags {
	padding-top: 5px;
}

.blog_post.big .inside_data p.post_tags {
	padding-top: 10px;
}

#middle .blog_post .inside_data a {
	color: rgb(234, 223, 0);
}

.blog_post.big .inside_data h2 {
	font-size: 50px;
	max-height: 85px;
	padding-bottom: 20px;
}

.blog_post.big .inside_data p {
	font-size: 24px;
}

.blog_post.big .inside_data p.post_date {
	margin: 0 0 20px 0;
}

.blog_post a.item_permalink {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.team_post.blog_post a.item_permalink {
	bottom: auto;
	height: 0px;
	transition: height .3s;
	/* transition-delay: .5s;
    -webkit-transition-delay: .5s;
     */
}

/* .team_post.blog_post:hover a.item_permalink, */
.team_post.blog_post:hover a.item_permalink {
	height: 325px;
	bottom: 0;
	z-index: 4;
}

i.show_all {
	display: block;
	margin: 20px auto;
	width: 74px;
	height: 74px;
	border: 2px solid rgb(188, 189, 188);
	color: rgb(188, 189, 188);
	border-radius: 50%;
	line-height: 0;
	padding: 35px 0;
	box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
}

i.show_all.active {
	background-color: rgb(249, 70, 28);
	color: #fff;
	border-color: rgb(249, 70, 28);
}

.cat_filter {
	text-align: center;
}

.cat_filter li {
	display: inline-block;
}

.cat_filter li:nth-child(2) i {
	z-index: 2;
	/* overlap every other circle */
	top: 30px;
}

.cat_filter li i {
	cursor: pointer;
	color: rgb(188, 189, 188);
	border-radius: 50%;
	width: 100px;
	height: 0;
	line-height: 1;
	font-size: 16px;
	text-align: center;
	position: relative;
	display: table;
	height: 127px;
	width: 127px;
	margin-left: -10px;
	border: 2px solid transparent;
	background: #fff;
	background-repeat: no-repeat;
	font-family: 'HandOfSeanPro-Regular';
}

.cat_filter li:first-child i {
	background-image: url(images/circle_1.png)
}

.cat_filter li:nth-child(2) i {
	background-image: url(images/circle_2.png)
}

.cat_filter li:nth-child(3) i {
	background-image: url(images/circle_3.png)
}

.cat_filter li:nth-child(4) i {
	background-image: url(images/circle_4.png)
}

.cat_filter li:nth-child(5) i {
	background-image: url(images/circle_5.png)
}

.cat_filter li:nth-child(6) i {
	background-image: url(images/circle_6.png)
}

.cat_filter li:nth-child(7) i {
	background-image: url(images/circle_7.png)
}

.cat_filter li:nth-child(8) i {
	background-image: url(images/circle_8.png)
}

.cat_filter li:nth-child(9) i {
	background-image: url(images/circle_9.png)
}

.cat_filter li:nth-child(10) i {
	background-image: url(images/circle_10.png)
}

.cat_filter li:nth-child(11) i {
	background-image: url(images/circle_11.png)
}

.cat_filter li:nth-child(12) i {
	background-image: url(images/circle_12.png)
}

.cat_filter li:nth-child(13) i {
	background-image: url(images/circle_1.png)
}

.cat_filter li:nth-child(14) i {
	background-image: url(images/circle_2.png)
}

.cat_filter li:nth-child(15) i {
	background-image: url(images/circle_3.png)
}

.cat_filter li:nth-child(16) i {
	background-image: url(images/circle_4.png)
}

.cat_filter li:nth-child(17) i {
	background-image: url(images/circle_5.png)
}

.cat_filter li i span {
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	box-sizing: border-box;
	left: 0;
	display: table-cell;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	padding: 0 15px;
}

.cat_filter li i.active {
	background: none;
	background-color: rgb(249, 70, 28);
	border-color: rgb(249, 70, 28);
	color: #fff;
	font-family: proxima-nova;
}

.sub_cat_filter {
	display: none;
}

.sub_cat_filter li {
	display: inline-block;
	padding: 5px 0;
	text-transform: uppercase;
	font-size: 16px;
	color: rgb(88, 84, 97);
	border-bottom: 1px solid rgb(84, 88, 97);
	margin-right: 10px;
	cursor: pointer;
}

.sub_cat_filter li.active {
	color: rgb(249, 70, 28);
	border-color: rgb(249, 70, 28);
}

#infscr-loading {
	z-index: 1;
	position: absolute;
	bottom: 0;
	padding: 0;
	font-size: 14px;
	width: 300px;
	color: #ccc;
	font-style: normal;
}

#infscr-loading img {
	float: left;
	margin: -5px 20px 10px 0;
	max-width: 20px;
}

/* on single-team page */
#sidebar .blog_post.project_post {
	width: 50%
}

#sidebar .blog_post.project_post .inside {
	padding-bottom: 85%;
	margin: 10px;
}

#sidebar .blog_post i.plus.wbg,
#sidebar .blog_post a.plus.wbg {
	background-size: 30px;
	height: 30px;
	width: 30px;
}

@media screen and (max-width: 900px) {
	#sidebar .blog_post a.plus.wbg {
		background-size: 60px;
		height: 60px;
		width: 60px;
	}
}

@media screen and (max-width: 560px) {
	#sidebar .blog_post a.plus.wbg {
		background-size: 30px;
		height: 30px;
		width: 30px;
	}
}

#sidebar .blog_post .inside_data {
	padding: 10px;
}

#sidebar .blog_post .inside_data h2 {
	font-size: 20px;
	max-height: 40px;
}

#sidebar .blog_post .inside_data p {
	font-size: 12px;
}

@media screen and (max-width: 1300px) {
	.blog_posts.project_posts .grid-sizer {
		width: 25%;
	}

	.blog_post.project_post {
		width: 25%;
	}
}

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

	.blog_posts .grid-sizer,
	.blog_post,
	.blog_post.big {
		width: 33%;
	}

	.blog_post.big .inside {
		padding-bottom: 0px;
	}

	.blog_post.big .inside_data {
		padding: 20px;
	}

	.blog_post.big .inside_data h2 {
		font-size: 30px;
		max-height: 53px;
		padding-bottom: 10px;
	}

	.blog_post.big .inside_data p {
		font-size: 15px;
	}

	.blog_post.big .inside_data p.post_date {
		margin: 0 0 10px 0;
	}

	.blog_post.big i.plus.wbg {
		bottom: 8%;
		right: 8%;
	}
}

@media screen and (max-width: 1100px) {
	.blog_posts.project_posts .grid-sizer {
		width: 33%;
	}

	.blog_post.project_post {
		width: 33%;
	}
}

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

	.blog_posts .grid-sizer,
	.blog_post,
	.blog_post.big {
		width: 50%;
	}
}

@media screen and (max-width: 950px) {
	.blog_posts.project_posts .grid-sizer {
		width: 50%;
	}

	.blog_post.project_post {
		width: 50%;
	}
}

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

	.blog_posts .grid-sizer,
	.blog_post,
	.blog_post.project_post,
	.blog_post.big {
		width: 99%;
	}
}

@media screen and (max-width: 450px) {
	#sidebar .blog_post.project_post {
		width: 100%
	}
}

/* TEAM Page (all members) */
.team_posts .grid_sizer {
	width: 100px;
}

.blog_post.team_post {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 335px;
	width: 125px;
	cursor: pointer;
}

.team_posts .team_post .aboutBox {
	position: relative;
	margin: 20px 0;
	position: absolute;
	width: 200px;
	height: 100px;
	border: none;
	bottom: -130px;
	left: -50px;
	z-index: 1;
}

.team_posts .team_post .aboutBox .inside {
	background: rgba(0, 199, 178, .9);
	padding: 10px;
	margin: 0
}

.team_posts .team_post .aboutBox:before {
	background: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent rgba(0, 199, 178, .9) transparent;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: -20px;
}

.single_member:hover {
	background-image: none !important;
}

.single_rollover {
	height: 100%;
	opacity: 0 !important;
	transition: none !important;
}

.single_member:hover .single_rollover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1 !important;
}

/* Single */
.post img {
	height: auto;
}

.post_meta {
	padding: 20px 0;
	text-align: right;
	font-size: 12px;
	color: rgb(147, 147, 147);
}

.single_post_meta {
	padding: 0 0 20px;
	font-size: 16px;
	color: rgb(97, 99, 101);
}

.single_post_meta div {
	font-size: 24px;
	color: #000;
	font-weight: 700;
	padding: 10px 0 10px;
}

a.contributor_link {
	color: rgb(234, 223, 0);
}

.alignright {
	float: right;
	padding: 0 0 20px 20px;
	box-sizing: border-box;
	max-width: 100%;
}

.alignleft {
	float: left;
	padding: 0 20px 20px 0;
	box-sizing: border-box;
	max-width: 100%;
}

.aligncenter {
	margin: 0 auto;
	box-sizing: border-box;
	max-width: 100%;
}

.alignnone {
	margin: 0 auto;
	box-sizing: border-box;
	max-width: 100%;
}

.single-post #sidebar {
	margin-top: 0;
	float: left;
}

.singleWidget {
	padding: 20px 0 30px 40px;
}

.singleWidget.widget_tag_cloud .widgetTitle {
	display: none;
}

.singleWidget .widgetTitle {
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
}

.singleWidget.widget_archive ul,
.singleWidget.widget_authors ul {
	margin-top: 10px;
}

.singleWidget.widget_archive ul li,
.singleWidget.widget_authors ul li {
	padding: 3px 0;
}

.singleWidget.widget_archive ul li a,
.singleWidget.widget_authors ul li a {
	color: rgb(147, 147, 147)
}

.photocredits {
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.photocredits p {
	padding-bottom: 5px;
}

.single_post_heading {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 20px 70px 20px;
	text-align: center;
}

ul.post_cats {
	display: block;
	margin: 0 auto;
	padding: 20px;
	max-width: 1200px;
}

ul.post_cats li {
	display: inline-block;
	margin-right: 20px;
	border-bottom: 1px solid rgb(188, 189, 188);
	color: rgb(188, 189, 188);
	text-transform: uppercase;
	font-size: 16px;
}

ul.post_cats li a {
	color: rgb(188, 189, 188);
}

.post_cats.postbottom {
	text-align: center;
}

#comments {
	margin-top: 50px;
}

.comments-area {
	padding: 20px 0px 0 0px;
	margin-bottom: 100px;
}

.comments-area input,
.comments-area textarea {
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
}

.comment-reply-title {
	font-weight: 700;
	font-size: 1.3em;
}

.comment-form-comment {
	padding-bottom: 0;
}

#commentform label {
	display: block;
	font-weight: 700;
	padding-top: 10px;
}

span.#email-notes,
span.#required {
	font-size: .8em;
}

.form-allowed-tags {
	display: none;
}

.comments-area p.form-submit {
	position: relative;
}

.comments-area #submit {
	font-size: 18px;
	margin-top: 20px;
	-webkit-appearance: none;
	border: 0;
	padding: 5px 10px;
	color: #fff;
	background-color: rgb(0, 0, 0);
	border-radius: 0;
	cursor: pointer;
	width: auto;
}

.comments-title {
	padding-bottom: 20px;
}

.comment-body {
	background: rgb(239, 239, 240);
	padding: 20px;
	font-size: .8em;
	margin-bottom: 20px;
}

.comment-author.vcard {
	padding: 0 20px 20px 0;
	float: left;
}

.comment-author.vcard img {
	padding-bottom: 20px;
}

.commentmetadata {
	padding: 0 20px 20px 0;
	font-size: .7em;
}

ol.comment-list {
	list-style-type: none;
}

.comment-list .depth-2 {
	margin-left: 40px;
}

.comment-list .depth-3 {
	margin-left: 80px;
}

.comment-list .depth-4 {
	margin-left: 80px;
}

.comment-list .depth-5 {
	margin-left: 80px;
}

.comment-list .depth-6 {
	margin-left: 80px;
}

.comment-reply-link {
	color: #fff;
	background-color: rgb(0, 0, 0);
	padding: 5px 10px;
	border: 1px solid rgb(0, 0, 0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
}

/* Our Story */
.section.story .sectioncontent {
	position: relative;
	overflow: hidden;
}

.section.story .sectioncontent:before {
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	border-right: 1px solid #ccc;
	content: "";
	width: 0px;
}

.section.story .sec_year {
	position: relative;
	color: rgb(249, 70, 28);
	font-size: 30px;
	font-family: 'din-condensed-web', sans-serif;
	margin-left: 30px;
	padding: 20px 0 20px 10px;
	margin-bottom: 20px;
}

.section:first-child .sec_year {
	margin-top: -20px;
}

.section.story .sec_year:before {
	content: "";
	position: absolute;
	left: -40px;
	width: 40px;
	height: 0;
	border-top: 1px solid #ccc;
	top: 50%;
}

.section.story .content_year {
	color: rgb(249, 70, 28);
	font-weight: 700;
	padding-bottom: 10px;
}

.section.story .left_content,
.section.story .right_content {
	margin: 20px 0;
}

.section.story .left_content {
	padding: 40px 20px 40px 80px;
	position: relative;
}

.section.story .right_content {
	padding: 40px 20px;
	position: relative;
}

.section.story .left_content:before,
.section.story .right_content:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 60px;
	border: 1px solid #ccc;
	width: 40px;
	border-right: 0;
}

.section.story .right_content:before {
	left: 0;
}

.section.story .left_content:after {
	content: "";
	position: absolute;
	width: 70px;
	top: 50%;
	height: 0;
	border-top: 1px solid #ccc;
	left: -10px;
}

.section.story .left_content p:last-child,
.section.story .right_content p:last-child {
	padding-bottom: 0;
}

.section.story .imgwrap {
	position: relative;
	margin: 20px auto;
	position: relative;
	box-sizing: border-box;
	max-width: 500px;
}

.section.story .imgwrap img {
	margin: 0 auto;
}

.section.story .imgwrap:before {
	content: "";
	position: absolute;
	width: 80%;
	height: 0;
	border-top: 10px solid rgb(0, 199, 178);
	top: -5px;
	left: 10%;
}

.section.story .imgwrap.left_image:after {
	content: "";
	position: absolute;
	left: -40px;
	top: 50%;
	border-top: 1px solid #ccc;
	width: 40px;
}

.owlCarousel.projectslideshow .item {
	padding-bottom: 100%;
	height: 1px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* General Owl */
.owl-theme .owl-controls .owl-nav {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
}

.owl-theme .owl-controls .owl-dot {
	float: left !important;
}

.owl-theme .owl-controls .owl-dots {
	margin-left: 20px;
}

.owl-theme .owl-controls .owl-dots span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 5px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: transparent;
	border: 1px solid #fff;
}

.owl-theme .owl-controls .owl-dots .active span,
.owl-theme .owl-controls.clickable .owl-dots:hover span {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	background: #fff;
}

/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(css/images/AjaxLoader.gif) no-repeat center center
}

.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: flat !important;
	transform-style: flat !important;
}

/* Hide Infinite Pagination */
.pagination .inside a {
	color: transparent;
}

.home .pagehead h1 {
	padding-top: 12%;
}

.at-share-tbx-element.addthis_32x32_style .at-share-btn,
.at-share-tbx-element.addthis_32x32_white_style .at-share-btn {
	border-radius: 32px;
}

/* Interactive Image Widget */
.interactive_image_wrap {
	position: relative;
	text-align: center;
}

.base_layer_image {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.usemap {
	z-index: 10;
	position: relative;
}

.interactive_layer:hover {
	cursor: pointer;
}

.placeholder {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
}

.hover_wrap {
	display: none;
}

.placeholder .hover_image {
	display: inline-block;
}

.imagemap_hover {
	opacity: 0;
	transition: opacity .5s;
	height: 0;
}

.imagemap_hover.active {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 100;
	text-align: center;
	opacity: 1;
	height: auto;
}

.imagemap_hover .inside {
	position: relative;
}

.imagemap_centerer {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.imagemap_hover .pop_image {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	max-width: 90%;
}

.imagemap_hover .pop_image:after {
	content: "";
	display: block;
	position: absolute;
	background-image: url(images/plus_wbg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	height: 20px;
	width: 20px;
	right: -10px;
	top: -10px;
	cursor: pointer;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.hover_image {
	display: inline-block;
}

/* New Structures Widget */
.new_structures {
	position: relative;
	height: 1px;
	float: left;
	width: 25%;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 25%;
	overflow: hidden;
}

.new_structures.withRollOver {
	cursor: pointer;
}

.new_structures.withRollOver:after {
	content: "";
	position: absolute;
	top: -1000px;
	left: 0px;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: rgba(249, 70, 28, .7);
	transition: top .3s;
}

.new_structures.withRollOver:hover:after {
	top: 0;
}

.new_structures .inside {
	padding: 20px;
	font-size: 18px;
}

.line_breaker {
	display: none;
}

.wistia_anchor {
	position: absolute;
	top: 0;
	z-index: 10;
	line-height: 0;
	left: 0;
	right: 0;
	padding-bottom: 100%;
}

@media screen and (max-width: 960px) {
	.new_structures {
		width: 50%;
		padding-top: 50%;
	}

	.line_breaker {
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.new_structures {
		width: 100%;
		padding-top: 100%;
	}
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.footer--instagram-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px 40px;
	overflow: hidden;
}

.footer--instagram-container .widget_text {
	margin-left: -15px;
	margin-right: -15px;
}

.team--likes {
	list-style-type: circle;
	margin: 0 0 30px 0;
	padding-left: 1em;
}

.team--likes li {
	padding-bottom: 5px;
}

.team--likes li:first-letter {
	text-transform: capitalize;
}

.gform_footer br,
.gform_footer p:empty {
	display: none;
}

.office-locations--section {
	position: relative;
	max-width: 460px;
}

@media (min-width: 992px) {
	.office-locations--section {
		min-height: 620px;
	}
}

.office-locations--overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.office-locations--overlay img {
	object-fit: cover;
	object-position: left bottom;
	height: 100%;
	width: 100%;
}

.office-locations--inside {
	padding: 30px 15px 50px;
	position: relative;
}

.office-locations--main {
    margin-bottom: 25px;
}

.office-locations--name {
	font-family: 'HandOfSeanPro-Regular';
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 0;
}

.office-locations--directions,
.office-locations--address,
.office-locations--main-email,
.office-locations--main-phone {
	display: block;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 5px;
	padding-bottom: 0;
}

.office-locations--directions {
	color: rgb(0, 199, 178);
}

.office-locations--regional {
	border-top: 5px solid rgb(0, 199, 178);
}