/* version: 1.0.2; */

@import url("bootstrap.css");
@import url("mediaelementplayer.css");


/*  Default Tags Style & Content Elements
    ------------------------------------------------------- */

body, html {
	width: 100%;
	height: 100%;
	padding: 0 !important;
	margin: 0;
	background: #FFF;
}

h1, h2, h3, h4, h5, h6 { color: #fff; }

input, textarea, button, select { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 { font-size: 40px; line-height: 47px; margin-bottom: 12px; }
h2 { font-size: 30px; line-height: 38px; }
h3 { font-size: 25px; line-height: 32px; }
h4 { font-size: 20px; line-height: 26px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 15px; line-height: 20px; }

p, ul, ol, blockquote, .tabs, .accordion, .bordered-centered, .wp-caption { margin-bottom: 20px; }

a { outline: none; color: inherit; }
a:hover { color: #fff; }

audio, .mejs-audio { display: none; }

* { outline: none; }

*[class^="gap-"], *[class*=" gap-"], .clearfix { height: 0; line-height: 0; }
.clearfix { clear: both; visibility: hidden; }
.gap-5 { height: 5px; }
.gap-10 { height: 10px; }
.gap-15 { height: 15px; }
.gap-20 { height: 20px; }
.gap-25 { height: 25px; }
.gap-30 { height: 30px; }
.gap-35 { height: 35px; }
.gap-40 { height: 40px; }

*[class^="col-"], *[class*=" col-"] { float: left; }
*.last[class^="col-"], *.last[class*=" col-"] { float: left; margin-right: 0 !important; }

.col-50 { width: 48%; margin-right: 4%; }
.col-25 { width: 22%; margin-right: 4%; }
.col-33 { width: 30.5%; margin-right: 4%; }
#footer .col-50 { width: 47%; margin-right: 6%; }
#footer .col-25 { width: 21%; margin-right: 6%; }
#footer .col-33 { width: 29.3%; margin-right: 6%; }

blockquote {
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	margin: 45px 25% 35px;
	text-align: center;
	border: none;
	padding: 0;
	font-weight: bold;
}
blockquote cite {
	color: #9da0a4;
	font-size: 14px;
	font-weight: normal;
	display: block;
	line-height: 22px;
	margin-top: 11px;
}
blockquote.testimonial {
	border: none;
	line-height: 20px;
	padding: 5px 0 0 29px;
	margin: 10px 0 30px;
	text-align: left;
	font-size: 14px;
	background: url("../img/quote.png") 0 0 no-repeat;
	color: #9da0a4;
	font-weight: normal;
}
blockquote.testimonial cite { color: #fff; font-weight: bold; display: inline; }

.wp-caption { position: relative; }
.wp-caption-text { position: absolute; line-height: 26px; margin: 0; }
.caption-1 {
	background: #191919;
	background: rgba(25,25,25,0.5);
	color: #fff;
	font-size: 22px;
	bottom: 34px;
	left: 38px;
	padding: 12px 18px 14px;
	font-weight: bold;
}
.caption-2 {
	border-left: #fff 6px solid;
	font-size: 24px;
	color: #fff;
	right: 38px;
	bottom: 30px;
	padding-left: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
.caption-3 strong {
	display: block;
	font-size: 24px;
	line-height: 26px;
	padding-bottom: 19px;
	background: url("../img/caption-title.png") 0 100% no-repeat;
	margin-bottom: 17px;
	color: #fff;
}
.caption-3 {
	color: #9da0a4;
	bottom: 26px;
	left: 34px;
	line-height: 20px;
}
.caption-4 {
	color: #181818;
	font-size: 24px;
	text-transform: uppercase;
	border: #000 1px solid;
	padding: 17px;
	bottom: 34px;
	right: 40px;
	font-weight: bold;
	text-align: right;
}
.caption-5 { top: 35px; left: 36px; line-height: 52px; }
.caption-5 span {
	display: inline-block;
	margin-bottom: 8px;
	background: #1a1a1a;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	padding: 0 17px;
	text-transform: uppercase;
}
.caption-5 span.invert { background: #fff; color: #1a1a1a; }

.bordered-centered {
	color: #9da0a4;
	font-size: 25px;
	border-top: #3f3f3f 1px solid;
	border-bottom: #3f3f3f 1px solid;
	font-weight: normal;
	text-align: center;
}
.bordered-centered a { text-decoration: none; display: inline-block; padding: 20px 0 22px; }
a.heart { background: url("../img/heart.png") 0 0 no-repeat; padding-left: 55px; }
a.heart:hover { background-position: 0 100%; }

#main-nav ul,
.carousel ul,
#social-profiles ul,
*[class^="loop-"] ul,
*[class*=" loop-"] ul,
ul[class^="grid-"],
ul[class*=" grid-"],
.flexslider ul,
.pager,
.commentlist,
.commentlist ul,
.social,
#filter ul,
.jta-tweet-list,
.gallery ul,
#portfolio-nav ul { margin: 0; list-style-type: none; }

a, .overlay, .btn, input[type="text"], input[type="password"], textarea, #filter > div, #filter li {
    transition: all 0.15s;
    -moz-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
}
#gallery-control button, a.heart {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    -webkit-transition: all 0.45s;
    -o-transition: all 0.45s;
}

.btn {
	display: inline-block;
	*display: inline;
	padding: 12px 14px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #9da0a4;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #4e5257;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn:hover {
	color: #fff;
	text-decoration: none;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
}
.btn-large { padding: 16px; font-size: 15px; }
.btn-small { padding: 8px 12px; }

.btn-black, .btn-yellow, .btn-green, .btn-red, .btn-blue { color: #fff; }
.btn-black { background: #000; }
.btn-yellow { background: #ffd62c; }
.btn-red { background: #e3514a; }
.btn-blue { background: #0c6fb1; }
.btn-green { background: #7fc33c; }

.progress { overflow: hidden; margin-bottom: 14px; }
.progress .bar {
	height: 33px;
	line-height: 32px;
	color: #9da0a4;
	text-shadow: #3e4246 1px 1px 2px;
	font-size: 13px;
	background: #4e5257 url("../img/content-bg.png");
	text-indent: 15px;
	white-space: nowrap;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.tabs .headings { margin: 0; overflow: hidden; }
.tabs .headings li {
	float: left;
	list-style-type: none;
	margin: 0 4px 4px 0;
}
.tabs .headings a {
	display: block;
	padding: 12px 26px;
	font-size: 17px;
	background: #4e5257;
	color: #999ea5;
	text-decoration: none;
	outline: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.tabs .headings a.selected, .tabs .headings a:hover, .accordion-title:hover { color: #fff; }
.tabs .panes { background: #4e5257; padding: 16px 26px 18px; }
.tabs .panes > div > *:last-child, .accordion-content > *:last-child { margin-bottom: 0; }

.accordion-title {
	padding: 17px 26px 18px 46px;
	cursor: pointer;
	font-size: 17px;
	background: #4e5257 url("../img/toggle.png") 23px 0 no-repeat;
	color: #999ea5;
	margin-bottom: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.a-open { background-position: 23px -55px; color: #fff; }
.accordion-content {
	padding: 16px 26px 18px 26px;
	background: #4e5257;
	margin-bottom: 4px;
}

/* Alerts */
.alert {
	text-shadow: none;
	padding: 12px 35px 12px 19px;
	margin-bottom: 15px;
	border-radius: 0;
	font-size: 13px;
}
.alert .close {
    text-shadow: none;
    opacity: 1;
    right: -18px;
    top: -1px;
}
.alert-error, .alert-error .close { border-color: #fe939f; background: #fee3e6; color: #ff7786; }
.alert-info, .alert-info .close { border-color: #78dffe; background: #e1f8ff; color: #70d3f1; }
.alert-success, .alert-success .close { border-color: #78dcae; background: #e1fff1; color: #77dcad; }
.alert-warning, .alert-warning .close { border-color: #ecdc76; background: #fffbe1; color: #d5c668; }



/*  Header (Left Sidebar) Style
    ------------------------------------------------------- */

#header {
	width: 200px;
	height: 100%;
	float: left;
	margin-right: 4px;
}
.content-off #header { position: relative; height: auto; }
#logo, #sidebar > .inner { background: #fff; }

#sidebar { position: relative; color: #666; }
#sidebar > .inner { padding: 0 17px; position: relative; }
.content-off #sidebar, .content-off #page-body { visibility: hidden; }

#main-nav { padding: 25px 0 50px; }
#main-nav li { position: relative; }
#main-nav > ul > li > a {
	color: #222;
	font-size: 15px;
	text-decoration: none;
	display: block;
	line-height: 18px;
	margin-top: 16px;
	padding-bottom: 10px;
	border-bottom: #e1e1e1 1px solid;
}
#main-nav > ul > li > a:hover, #main-nav > ul > li.current-menu-item > a { border-color: #222; }
#main-nav em { display: block; font-size: 12px; color: #c0c0c0; }

#main-nav > ul ul {
	position: absolute;
	left: 100%;
	padding: 5px 14px;
	background: #fff;
	top: 0;
	z-index: 10000;
	box-shadow: 0 0 1px #c0c0c0;
	display: none;
}
#main-nav > ul ul ul { top: -5px; }
#main-nav > ul ul a {
	color: #c0c0c0;
	display: block;
	white-space: nowrap;
	font-size: 13px;
	padding-right: 20px;
	line-height: 34px;
	border-bottom: #e1e1e1 1px solid;
	text-decoration: none;
}
#main-nav > ul ul a:hover, #main-nav > ul ul .current-menu-item > a { color: #000; }
#main-nav ul ul > li:last-child > a { border: none; }

.select-menu {
	width: 100%;
	display: none;
	padding: 11px 10px 9px;
	line-height: 30px;
	border: none;
	height: 42px;
}
.select-menu option { padding: 2px 10px; }
#main-nav > img { position: absolute; top: 17px; right: 17px; display: none; }

#sidebar .toggle-content {
	width: 25px;
	height: 25px;
	position: absolute;
	padding: 0;
	top: 0;
	right: 0;
	background: #222;
	border: none;
	overflow: hidden;
}

#logo { margin-bottom: 4px; position: relative; }
#logo a { display: block; height: 128px; }
#logo img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
#logo #click-here {
	position: absolute;
	left: auto;
	top: auto;
	margin: 0;
	bottom: -70px;
	right: -84px;
	display: none;
}

#copyright {
	font-size: 13px;
	text-align: center;
	color: #666;
	line-height: 20px;
	padding: 15px 17px 0;
	position: absolute;
	bottom: 18px;
	left: 0;
	right: 0;
}
#copyright span {
	display: block;
	margin: 0 auto 12px;
	width: 25px;
	height: 0;
	overflow: hidden;
	border-top: #e1e1e1 1px solid;
}
#copyright a { color: inherit; }


	/* Black Theme Style */
	.theme-black #logo,
	.theme-black #sidebar > .inner,
	.theme-black #main-nav > ul ul { background: #000; }

	.theme-black #sidebar,
	.theme-black #sidebar .toggle-content { background-color: #fff; color: #6a6a6a; }
	.theme-black #main-nav em, #main-nav > ul ul a { color: #6a6a6a; }

	.theme-black #copyright span,
	.theme-black #main-nav > ul > li > a,
	.theme-black #main-nav > ul ul a { border-color: #414141; }

	.theme-black #main-nav > ul > li > a,
	.theme-black #main-nav > ul ul a:hover,
	.theme-black #main-nav > ul ul .current-menu-item > a { color: #fff; }
	.theme-black #main-nav > ul > li > a:hover,
	.theme-black #main-nav > ul > li.current-menu-item > a { border-color: #fff; }

	.theme-black #main-nav > ul ul { box-shadow: 0 0 1px #c0c0c0; }

	.theme-black .select-menu { background: #fff; color: #000; }



/*  Background Gallery
    ------------------------------------------------------- */

#gallery-overlay {
	background: url("../img/overlay-bg.png");
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#gallery-control {
	overflow: hidden;
	position: absolute;
	display: none;
	bottom: 45px;
	width: 896px;
	left: 204px;
}
.scroll-off #gallery-control {
	position: relative;
	margin: 4px 70px 10px 0;
	top: 0;
	bottom: 0;
	left: 0;
	float: right;
}

#gallery-control button {
	border: none;
	width: 57px;
	height: 55px;
	float: left;
	padding: 0;
	margin-right: 4px;
	background-color: #fff;
	background-image: url("../img/icons/controls.png");
	background-position: center 0;
	background-repeat: no-repeat;
}
#gallery-control button:hover { background-color: #000; }
#gallery-control #c-fullscreen,
#gallery-control .toggle-content { float: right; margin-left: 4px; margin-right: 0; }

#gallery-control #c-prev:hover { background-position: center -55px; }

#gallery-control #c-pause { background-position: center -110px; }
#gallery-control #c-pause:hover { background-position: center -165px; }
#gallery-control #c-pause.paused { background-position: center -275px; }
#gallery-control #c-pause.paused:hover { background-position: center -220px; }

#gallery-control #c-next { background-position: center -330px; }
#gallery-control #c-next:hover { background-position: center -385px; }

#gallery-control .toggle-content { background-position: center -605px; }
#gallery-control .toggle-content:hover { background-position: center -550px; }
#gallery-control .toggle-content.unvisible { background-position: center -440px; }
#gallery-control .toggle-content.unvisible:hover { background-position: center -495px; }

#gallery-control #c-fullscreen { background-position: center -660px; }
#gallery-control #c-fullscreen:hover { background-position: center -715px; }

#gallery-control article {
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
	left: 183px;
	right: 122px;
	top: 0;
	bottom: 0;
	padding: 17px 20px;
	background: #fff;
	color: #444;
	font-size: 13px;
}

#slide-counter { float: right; }

	/* Black Theme Style */

	.theme-black #gallery-control button { background-color: #000; }
	.theme-black #gallery-control button:hover { background-color: #fff; }

	.theme-black #gallery-control #c-prev { background-position: center -55px; }
	.theme-black #gallery-control #c-prev:hover { background-position: center 0; }

	.theme-black #gallery-control #c-pause { background-position: center -165px; }
	.theme-black #gallery-control #c-pause:hover { background-position: center -110px; }
	.theme-black #gallery-control #c-pause.paused { background-position: center -220px; }
	.theme-black #gallery-control #c-pause.paused:hover { background-position: center -275px; }

	.theme-black #gallery-control #c-next { background-position: center -385px; }
	.theme-black #gallery-control #c-next:hover { background-position: center -330px; }

	.theme-black #gallery-control .toggle-content { background-position: center -550px; }
	.theme-black #gallery-control .toggle-content:hover { background-position: center -605px; }
	.theme-black #gallery-control .toggle-content.unvisible { background-position: center -495px; }
	.theme-black #gallery-control .toggle-content.unvisible:hover { background-position: center -440px; }

	.theme-black #gallery-control #c-fullscreen { background-position: center -715px; }
	.theme-black #gallery-control #c-fullscreen:hover { background-position: center -660px; }

	.theme-black #gallery-control article {	background: #000; color: #fff; }



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

#page {
	z-index: 3;
	position: relative;
	width: 1170px;
	margin: 0 auto;
	padding: 45px 0;
}
.content-off #page { z-index: auto; }
.content-off #page > * { z-index: 3; }
#page-body {
	width: 896px;
	float: left;
	height: 100%;
	position: relative;
}
.scroll-off #page-body #content > .inner,
.scroll-off #sidebar > .inner,
.scroll-off #page,
.scroll-off #page-body { height: auto !important; }

.page-title { padding-bottom: 30px; }
.page-title h1 { margin: 0; font-size: 45px; line-height: 55px; }
.page-title h2 {
	color: #9da0a4;
	font-size: 26px;
	line-height: 30px;
	font-weight: normal;
	margin: 1px 0 0;
}

#page-body #content {
	overflow: hidden;
	background: #
	CCC;
	background: rgba(34, 34, 34, 0.9);
	background-image: url("../img/content-bg.png");
}
#page-body #content > .inner { margin: 42px 24px 34px 32px; }

*[class^="loop-"], *[class*=" loop-"] { padding-top: 10px; }
*[class^="loop-"] h2, *[class*=" loop-"] h2 { margin: 0 0 21px; }
*[class^="loop-"] ul, *[class*=" loop-"] ul,
*[class^="loop-"] li, *[class*=" loop-"] li { overflow: hidden; }



/*  Carousels & Portfolios
    ------------------------------------------------------- */

.carousel { position: relative; overflow: hidden; height: 190px; }
.carousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}
.carousel li { float: left; }

.grid-2col .grid-item { width: 50%; }
.grid-3col .grid-item { width: 33.3%; }
.grid-4col .grid-item { width: 25%; }
	.grid-2col .carousel .grid-item { width: 402px; }
	.grid-3col .carousel .grid-item { width: 268px; }
	.grid-4col .carousel .grid-item { width: 201px; }

	@media (min-width: 1000px) and (max-width: 1199px) {
		.grid-2col .carousel .grid-item { width: 314px; }
		.grid-3col .carousel .grid-item { width: 209px; }
		.grid-4col .carousel .grid-item { width: 157px; }
	}
	@media (max-width: 999px) {
		.grid-2col .carousel .grid-item { width: 251px; }
		.grid-3col .carousel .grid-item { width: 168px; }
		.grid-4col .carousel .grid-item { width: 125px; }		
	}
	@media (max-width: 767px) {
		.grid-2col .carousel .grid-item,
		.grid-3col .carousel .grid-item,
		.grid-4col .carousel .grid-item { width: auto; }
	}
	
.grid-item { float: left; }
.grid-item > * {
	display: block;
	position: relative;
	margin-right: 4px;
	margin-bottom: 4px;
}
.grid-item > *.last { margin-right: 0; }

.pt-item::before,
.gallery li a:before,
.flickr_badge_image a:before,
.staff dt::before,
.post-media > a::before,
.slides > li > a::before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}
.slides > li > a::before, .post-media > a::before {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}
.pt-item:hover { color: inherit; }
.pt-item a { color: #fff; text-decoration: none; }
.pt-item img { display: block; width: 100%; }

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #222;
	background: rgba(34,34,34,0.9);
	opacity: 0;
}
*:hover > .overlay { opacity: 1; }
.overlay nav { position: absolute; bottom: 14px; left: 18px; }

.grid-4col .overlay { padding: 12px 18px; font-size: 14px; }
.grid-4col .overlay .entry-title { margin-bottom: 0; font-size: 16px; line-height: 20px; }
.grid-4col .overlay { font-size: 11px; }
.grid-4col .overlay nav { bottom: 11px; left: 19px; }

.grid-3col .overlay { padding: 16px 18px; font-size: 14px; }
.grid-3col .overlay .entry-title { margin-bottom: 3px; font-size: 20px; line-height: 25px; }
.grid-3col .overlay nav { bottom: 14px; left: 19px; }

.grid-2col .overlay { padding: 21px 25px; font-size: 14px; }
.grid-2col .overlay .entry-title { margin-bottom: 4px; font-size: 25px; line-height: 30px; }
.grid-2col .overlay nav { bottom: 18px; left: 26px; }

#filter { float: right; position: relative; margin: -4px 4px 0 0; }
#filter > div, #load-more {
	background: #4e5257 url("../img/filter.png") 100% 15px no-repeat;
	cursor: pointer;
	font-size: 15px;
	height: 48px;
	line-height: 46px;
	padding: 0 52px 0 14px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
#filter > div:hover, #load-more:hover { color: #fff; }
#filter ul {
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	z-index: 1000;
	display: none;
}
#filter li {
	background: #42464a;
	height: 37px;
	line-height: 36px;
	padding: 0 14px;
	font-size: 13px;
	cursor: pointer;
	border-bottom: #33363a 1px solid;
	border-top: #5a6065 1px solid;
}
#filter li:hover, #filter li.active { color: #fff; }
#filter li:first-child { border-top: none; }
#filter li:last-child { border-bottom: none; }

#load-more {
	display: block;
	font-size: 17px;
	background: #4e5257;
	float: none;
	padding: 0;
	text-align: center;
	text-decoration: none;
	color: #9da0a4;
	margin: 8px 4px 0 0;
}

.staff { margin-top: 25px; margin-bottom: 20px; }
.staff dt { position: relative; }
.staff dt img { width: 100%; display: block; }
.staff dd { margin: 0; background: #4e5257; padding: 15px 13px 10px; }
.staff .title { margin: 0; font-size: 17px; line-height: 20px; }
.staff .position {
	display: block;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 10px;
}
.staff .social { padding: 20px 0 4px; }

.social { overflow: hidden; }
.social li { float: left; margin-right: 5px; }
.social a { opacity: 0.2; }
.social a:hover { opacity: 1; }

.go-full, .open-lb {
	display: block;
	width: 33px;
	height: 33px;
	opacity: 0.2;
	text-indent: -999px;
	overflow: hidden;
	float: left;
	margin-right: 7px;
	background: url("../img/icons/controls.png") center -781px no-repeat;
}
.go-full { background-position: center -396px; }
.go-full:hover, .open-lb:hover { opacity: 1; }

.overlay > span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -17px;
	opacity: 1;
}

.loop-clients ul { padding: 12px 0 10px; }
.loop-clients li {
	float: left;
	text-align: center;
	width: 17%;
	margin: 0 1.5%;
}
.loop-clients img { opacity: 0.5; }
.loop-clients img:hover { opacity: 1; }


#map { height: 276px; margin: 17px 0 54px; }
#map img { max-width: none; }

.gallery { margin: 25px 0 20px; overflow: hidden; }
.gallery li { float: left; width: 16.6%; }
.gallery li a { display: block; position: relative; }
.gallery li > div { margin: 0 2px 2px 0; position: relative; }
.gallery li img { display: block; width: 100%; }

#srcoll-touch, #fullscreen-video, #fullscreen-photo {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
#srcoll-touch .mCSB_container { margin-right: 10px !important; }

#fullscreen-video > iframe { width: 100% !important; height: 100% !important; }
#fullscreen-video .mejs-overlay-button, #fullscreen-video .mejs-controls { display: none !important; }

#fullscreen-photo {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.photo1 { background-image: url("../img/pictures/background/1400x900.jpg"); }


#wall-gallery { margin: 0; width: 100%; z-index: 0; }
#wall-gallery li { list-style-type: none; width: 25%; float: left; }
#wall-gallery a { display: block; }
#wall-gallery img { width: 100%; }

.portfolio .post-media { margin: 30px 0 35px; }

.portfolio { margin-bottom: 32px; }

#portfolio-nav { float: right; margin-top: 3px; }
#portfolio-nav li { float: left; }
#portfolio-nav a { position: static !important; display: block; }
#portfolio-nav a.show-all { background-position: 0 -835px; }



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

.post {
	padding: 15px 0 40px;
	border-bottom: #3f3f3f 1px solid;
	margin-bottom: 34px;
}
.post-text > *:last-child { margin-bottom: 0; }
.post-media { position: relative; }
.post .post-media { margin-bottom: 25px; }
.post-media a { display: block; }
.post-media img { width: 100%; }
.post .title, .post .title a {
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	text-decoration: none;
	margin: 0;
}
.entry.format-quote blockquote { margin-top: 0; margin-bottom: 0; }
.has-media .title { margin-top: 32px; }
.post footer { font-style: italic; margin: 4px 0 15px; }

#comments > h2, #respond > h2 { padding-top: 20px; margin-bottom: 38px; }
#respond > h2 { padding-top: 14px; margin-bottom: 31px; }

ul.pager { text-align: center; }
ul.pager li { display: inline-block; }
ul.pager a {
	position: static;
	display: inline-block;
}

ul.children { margin-left: 80px; }
li.comment { border-bottom: #3f3f3f 1px solid; padding-bottom: 34px; margin-bottom: 40px; }
.comment-content > *:last-child { margin-bottom: 0; }
.comment header { overflow: hidden; font-style: italic; margin-bottom: 20px; }
.comment header a { color: inherit; }
.avatar { float: left; margin-right: 16px; }
cite.fn { display: block; margin: 2px 0; }
cite.fn, cite.fn a {
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
}



/*  Footer
    ------------------------------------------------------- */

#footer {
	position: fixed;
	top: -1000px;
	height: 1000px;
	display: none;
	width: 100%;
	z-index: 10000;
	background: #1c1a1b;
	background: rgba(28, 26, 27, 0.98);
	background-image: url("../img/footer-bg.png");
}
#footer > .inner {
	max-width: 1100px;
	padding: 29px 70px 0 0;
	margin: 0 auto;
	overflow: hidden;
}
#footer > .inner > .inner { overflow: hidden; }

.widget { margin-bottom: 30px; }

#footer-switcher {
	width: 42px;
	height: 42px;
	background: url("../img/corner.png") 0 0 no-repeat;
	position: absolute;
	bottom: -42px;
	right: 0;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
}
#footer-switcher.open { background-position: -42px 0; }

#footer a { color: #fff; }

.widget-title {
	color: #fff;
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: #3f3f3f 1px solid;
}

.widget_flickr, .widget_flickr > div { overflow: hidden; }
.widget_flickr > div { width: 110%; }
.flickr_badge_image { float: left; position: relative; margin: 5px 15px 10px 0; width: 69px; }
.flickr_badge_image a { display: block; float: left; }
.flickr_badge_image img { width: 100%; display: block; }

.jta-tweet-list-item {
	padding: 18px 0 20px 0;
	background: url("../img/tweet-sep.png") 0 0 no-repeat;
}
.jta-tweet-list-item:first-child { padding-top: 0; background: none; }
.jta-tweet-list-item:last-child { padding-bottom: 0; }
.jta-clear { display: none; }

#social-profiles { float: right; text-align: center; position: relative; }
#social-profiles li { padding-bottom: 5px; }
*[class^="s-"],
*[class*=" s-"] {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url("../img/icons/social.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -999px;
	overflow: hidden;
}
.s-flickr { background-position: 0 -35px; }
.s-dribbble { background-position: 0 -70px; }
.s-twitter { background-position: 0 -105px; }
.s-sound { background-position: 0 -140px; }



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

fieldset {
	margin: 0 0 20px;
	padding: 0;
	border: none;
	float: left;
	width: 100%;
}
label {
	display: block;
	float: right;
	margin: 11px 0 0 15px;
}
input[type="text"], input[type="password"], textarea, select {
	border: #3f3f3f 1px solid;
	background: #2a2a2a;
	color: #fff;
	padding: 0 14px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #4E5257; }
textarea { padding: 10px 14px; }
input[type="text"], input[type="password"] {
	height: 44px;
	line-height: 44px;
	padding-bottom: 2px
}
.input-wrap { padding: 0 15px; }
.input-wrap input, .input-wrap textarea { width: 100%; margin: 0 -15px; }

.standard-form label { width: 39%; }
.standard-form .input-wrap { width: 55%; }
.standard-form .input-wrap.textarea { width: auto; }
.standard-form textarea { height: 200px; }
.form-submit { padding-top: 10px; clear: both; }

#password-protected { margin: 16px 0; }
#password-protected fieldset { margin-top: 15px; }
#password-protected input { display: block; float: left; }
#password-protected [type="submit"] {
	border-radius: 0;
	padding: 15px 15px 16px;
	margin-left: -1px;
	font-weight: normal;
}
#password-protected [type="password"] { width: 141px; }



/*  Custom Scrollbar
    ------------------------------------------------------- */

/* vertical scrollbar */
.mCSB_container {
	width: auto;
	margin-right: 36px;
	overflow: hidden;
}
.mCSB_container.mCS_no_scrollbar { margin-right: 0; }
.mCS_disabled .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_container.mCS_no_scrollbar { margin-right: 36px; }
.mCustomScrollBox .mCSB_scrollTools{
	width: 10px;
	height: 100%;
	top: 0;
	right: 0;
}
.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 { height: 100%;	margin: 0 auto; }
.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: relative;
	height: 20px;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; }
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container {
	height: auto;
	margin-right: 0;
	margin-bottom: 30px;
	overflow: hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar {	margin-bottom: 0; }
.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; }
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools {
	width: 100%;
	height: 16px;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.mCSB_horizontal .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 0 20px; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
	width: 100%;
	height: 2px;
	margin: 7px 0;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	display: block;
	position: relative;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	float: left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; }
.mCustomScrollBox{ -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_draggerRail { background: #111; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#4e5257; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {	background: #fff; }



/*  Isotope Filtering
    ------------------------------------------------------- */

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

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

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

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

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

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/*  Colorbox
    ------------------------------------------------------- */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:1px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:1px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:-1px; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:-1px; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:-1px; right:0; background:url(../img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



/*  Supersized Slideshow
	http://buildinternet.com/project/supersized/
    ------------------------------------------------------- */

#supersized-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
	background:url(../img/progress.gif) no-repeat center center;
}
#supersized {
	display: block;
	margin: 0;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 0;
	height: 100%;
	width: 100%;
}
#supersized img {
	width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
	border: none;
}
#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }
#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
}
#supersized a { width: 100%; height: 100%; display: block; }
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.image-loading { background: #111 url("../img/progress.gif") no-repeat center center; width: 100%; height: 100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



/*  Flexslider
    ------------------------------------------------------- */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li > a { position: relative; }
.flexslider .slides img { width: 100%; display: block; }

.flexslider.thumb-carousel { margin: 10px 45px 0; }
.flexslider.thumb-carousel li { margin: 0 2px; }

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }
.flex-direction-nav a, .pager a, #portfolio-nav a, .carousel-control > * {
	width: 33px;
	height: 33px;
	position: absolute;
	margin-left: 8px;
	background: url("../img/icons/controls.png") no-repeat 0 -66px;
	z-index: 10;
	text-indent: -9999px;
	opacity: 0.2;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	bottom: 18px;
	right: 58px;
	border: none;
}
.carousel-control > * {
	position: static;
	float: left;
	margin: 0 2px 0 4px;
}
.carousel-control { margin-top: -58px; float: right; }
.flex-direction-nav .flex-next, .pager li:last-child a, #portfolio-nav .next, .carousel-control .next { background-position: 0 -396px; right: 19px; }
.flex-direction-nav a:hover, .pager a:hover, #portfolio-nav a:hover, .carousel-control > *:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: .3 !important; filter:alpha(opacity=30); cursor: default; }

.flexslider.thumb-carousel .flex-direction-nav {  }

.flexslider.thumb-carousel .flex-direction-nav a { margin: -16px 0 0 0; left: -45px; top: 50%; }
.flexslider.thumb-carousel .flex-direction-nav a.flex-next { right: -45px; left: auto; }

/* Control Nav */
.flex-control-nav {
	position: absolute;
	bottom: 28px;
	right: 0;
	left: 20px;
	text-align: center;
	margin: 0;
}
.flex-control-nav li { margin: 0 6px; display: block; zoom: 1; float: left; }
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(255,255,255,0.3);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(255,255,255,0.6);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(255,255,255,1);
	cursor: default;
}

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }



/*  Responsive Views
    ------------------------------------------------------- */

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

/* Portrait tablet to landscape and desktop */
@media (min-width: 1000px) and (max-width: 1199px) {
	#page { width: 980px; }
	#page-body, #gallery-control { width: 720px; }

	#footer > .inner { padding-right: 78px; padding-left: 22px; }

	.flickr_badge_image { width: 55px; }

	.scroll-off #gallery-control { margin-right: 56px; }
}

@media (max-width: 999px) {
	#main-nav em { display: none; }
	#main-nav > ul ul { top: -11px; }

	#social-profiles { float: none; display: none; }
	#social-profiles li { float: none; display: inline-block; }

	#page-body #content > .inner { margin: 32px 14px 24px 22px; }

	#footer > .inner { padding-right: 27px; padding-left: 27px; }

	.flickr_badge_image { width: 50px; }

	#gallery-control { bottom: 10px; }

	.gallery li { width: 20%; }
}


@media (min-width: 768px) and (max-width: 999px) {
	#page { width: 748px; padding: 10px 0; }
	#gallery-control, #page-body { width: 574px; }
	#gallery-control { left: 174px; }
	#header { width: 170px; }
}

@media (max-width: 999px) {
	.grid-3col .grid-item, .grid-4col .grid-item { width: 50%; }
}

@media (max-width: 767px) {

	#page, #page-body {	height: auto !important; width: auto; float: none; }
	#page {	margin: 0 10px;	overflow: hidden; padding: 0;	}
	.content-off #page { height: 100% !important; padding: 0; }
	#page-body { padding-bottom: 69px; }

	#logo #click-here { right: 24px; }

	#header { width: auto; float: none; margin: 0 0 4px; padding-top: 10px; }

	#main-nav { padding: 17px 0; }
	#main-nav > ul, #sidebar .toggle-content, #copyright { display: none; }
	.select-menu, #main-nav > img { display: block; }

	#page-body #content { overflow: auto; }
	#page-body #content > .inner, #sidebar > .inner { height: auto !important; }

	#gallery-control { left: 0px; right: 0px; width: auto; }

	.gallery li { width: 25%; }

	#footer { position: absolute; }
	#footer [class^="col-"],
	#footer [class*=" col-"] { width: auto; float: none; }
}

@media (max-width: 639px) {
	#gallery-caption { display: none; }
	#slide-counter { float: none; text-align: center; }

	.grid-3col .grid-item, .grid-4col .grid-item, .grid-2col .grid-item { width: 100%; }
}

@media (max-width: 419px) {
	#gallery-control article { display: none; }
}
.h7 { font-size: 14px; line-height: 18px; color:#0099FF; }