/*

Name: Utmost

Version 1.0

Author: WP-3Sqrd Themes

Author URI: http://www.wp-3sqrd.com

*/



/*

 * TOC

 =========================================



1. Common

========================================*/

html { font-size: 62.5%; }

body {

	background: #ffffff;

	color: #424242;

	font: normal 15px "Open Sans", arial, sans-serif;

	font: normal 1.5rem "Open Sans", arial, sans-serif;

	font-weight: 400;

}

section { overflow: hidden; }



::selection {

	background: #060606;

	color: #ffffff;

}

::-moz-selection {

	background: #060606;

	color: #ffffff;

}



/* 2. Typography

========================================*/

p {

	color: #424242;

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.6em;

	margin: 0 0 20px;

}

em { font-style: italic; }

strong { font-weight: 400; }

small { font-size: 12px; font-size: 1.2rem; }



.post-body ul,

.unordered-list { margin-bottom: 20px; }

.post-body ul li,

.unordered-list li { margin-bottom: 5px; }

.post-body ul li:before,

.unordered-list li:before {

	content: "";

	margin-right: 5px;

}



blockquote {

	background: #f9f9f9;

	padding: 15px 30px 15px 30px;

	border-left: 2px solid #e9e9e9;

	font-style: italic;

	margin-bottom: 20px;

}



code {

	display: block;

	clear: both;

	overflow: auto;

	padding: 10px 20px 20px 20px;

	white-space: pre;

	background-color: #f9f9f9;

	border: 1px solid #e9e9e9;

	font-family: "Anadale Mono", Courier, "Courier New", monospace;

	font-size: 12px;

	font-size: 1.2rem;

	margin-bottom: 20px;

}



h1, h2, h3, h4, h5, h6 {

	color: #060606;

	font-style: normal;

	font-weight: 300;

	line-height: 1.17em;

	margin: 0 0 20px;

}

h1 {

	font-size: 80px;

	font-size: 8rem;

	text-transform: uppercase;

	letter-spacing: -0.025em;

}

h2 {

	font-size: 40px;

	font-size: 4rem;

	text-transform: uppercase;

	letter-spacing: -0.025em;

}

h3 {

	font-size: 30px;

	font-size: 3rem;

	letter-spacing: -0.025em;

}

h4 {

	font-size: 20px;

	font-size: 2rem;

	font-weight: 400;

}

h5 {

	font-size: 15px;

	font-size: 1.5rem;

	font-weight: 400;

}

h6 {

	font-size: 12px;

	font-size: 1.2rem;

	text-transform: uppercase;

	font-weight: 400;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	font-weight: 300;

}

h4 a, h5 a, h6 a {

	font-weight: 400;

}



a, a:visited {

	font-weight: 400;

	text-decoration: none;

	color: #4cbd99;

	opacity: 1;

	filter: alpha(opacity=100);

}

a:hover {

	opacity: 0.5;

	filter: alpha(opacity:0.5);

}



/* Dark backgrounds */

.dark p,

.dark h1,

.dark h2,

.dark h3,

.dark h4,

.dark h5,

.dark h6,

.dusk,

.dusk p,

.dusk h1,

.dusk h2,

.dusk h3,

.dusk h4,

.dusk h5,

.dusk h6 { color: #ffffff; }

.dark a { color: #fff!important; }



[data-color="light"] .dark p,

[data-color="light"] .dark h1,

[data-color="light"] .dark h2,

[data-color="light"] .dark h3,

[data-color="light"] .dark h4,

[data-color="light"] .dark h5,

[data-color="light"] .dark h6,

[data-color="light"] .dusk,

[data-color="light"] .dusk p,

[data-color="light"] .dusk h1,

[data-color="light"] .dusk h2,

[data-color="light"] .dusk h3,

[data-color="light"] .dusk h4,

[data-color="light"] .dusk h5,

[data-color="light"] .dusk h6 { color: #060606; }

[data-color="light"] .dark a { color: #060606!important; }



/* [background] */

.backgrounded {

	padding: 80px 0 60px;

	background-repeat: no-repeat;

	background-size: cover;

	color: #ffffff;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}



.backgrounded.parallax .container .content {

	padding: 0;

	max-width: 100%;

}



.backgrounded .content {

	padding-top: 0;

}



.backgrounded h1,

.backgrounded h2,

.backgrounded h3,

.backgrounded h4,

.backgrounded h5,

.backgrounded h6 {

	color: #ffffff;

}



.backgrounded p,

.backgrounded .services p {

	color: #ffffff;

}



.backgrounded.inverse h1,

.backgrounded.inverse h2,

.backgrounded.inverse h3,

.backgrounded.inverse h4,

.backgrounded.inverse h5,

.backgrounded.inverse h6 {

	color: #424242;

}



.backgrounded.inverse,

.backgrounded.inverse p {

	color: #424242;

}



.backgrounded.inverse .service p {

	color: #424242;

}



.backgrounded .b-img {

	margin-bottom: -80px;

}



/* Blog List */

.backgrounded.inverse .post-title a { color: #060606; }

.backgrounded .post-title a { color: #ffffff; }



.backgrounded.inverse .post,

.backgrounded.inverse .post .date,

.backgrounded.inverse .post .media { border-bottom: 1px solid #e9e9e9; }

.backgrounded .post,

.backgrounded .post .date,

.backgrounded .post .media { border-bottom: 1px solid rgba(255, 255, 255, 0.7); }



.backgrounded .post.event.event-sc,

.backgrounded .post.multimedia-sc { border-bottom: none; margin-bottom: 0; padding-bottom: 0px; }





.backgrounded.inverse .post-meta h6 { color: #a4a4a3; }

.backgrounded .post-meta h6 { color: rgba(255, 255, 255, 0.7); }



.backgrounded .post-meta a,

.backgrounded .post-meta a:visited { color: #ffffff; }



.backgrounded.inverse .post .media .utmost-icon-list li a { color: #424242; }

.backgrounded .post .media .utmost-icon-list li a { color: #ffffff; }



/* Post */

.blog-sc .home-blog-content h5 { padding-bottom: 20px; }

.blog-sc .home-blog-content a,

.blog-sc .home-blog-content a:visited {

	color: #fff;

}

.home-blog-inner.blog-sc .icon a {

	color: #fff;

}



.backgrounded.inverse .blog-sc .home-blog-content h5 { padding-bottom: 20px; }

.backgrounded.inverse .blog-sc .home-blog-content a,

.backgrounded.inverse .blog-sc .home-blog-content a:visited {

	color: #424242;

}



/* Staff */

.staff-holder.staff-sc {

	text-align: center;

}

.staff-image.medium,

.round-image.medium {

	margin: 0 auto;

	margin-bottom: 20px;

	width: 132px;

	height: 132px;

}



.staff-image.medium img,

.round-image.medium img {

	width: 110px;

	height: 110px;

}



.backgrounded.inverse .staff-sc h3,

.backgrounded.inverse .staff-sc h5 {

	color: #424242;

}

.backgrounded .staff-sc h3,

.backgrounded .staff-sc h5 {

	color: #ffffff;

}



.backgrounded.inverse .circle-icon.dark {

	border: 1px solid #424242;

	color: #424242;



}

.backgrounded .circle-icon.dark {

	border: 1px solid #ffffff;

	color: #ffffff;



}



/* 3. Buttons

========================================*/



/* 4. Content

========================================*/

.content {

	margin: 0 1.515151515152%;

	padding-top: 6rem;

	text-align: left;

}

.padded-top { padding-top: 6em; }

.padded,

.content.padded { padding-bottom: 4rem; }



.circle-icon {

	position: relative;

	display: inline-block;

	width: 2em;

	height: 2em;

	line-height: 2em;

	border: 1px solid #ffffff;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	color: #ffffff;

	text-align: center;

}

.circle-icon.dark {

	border: 1px solid #424242;

	color: #424242;

}



.social-list li { display: inline-block; }



.calendar-frame {

	margin-bottom: 20px;

	padding: 10px;

	background: #e9e9e9;

	border: 1px solid #ddd;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.calendar-address {

	padding: 10px;

	background: #424242;

	color: #ffffff;

}

.calendar-address .venue {

	font-weight: 700;

	float: left;

	width: 49%;

}

.calendar-address .address {

	float: right;

	width: 49%;

	text-align: right;

}



ul.bullets,

ol.numbers {

	margin: 2em;

}

ul.bullets li,

ol.numbers li {

	padding-left: 1em;

	margin-bottom: .5em;

}

ul.bullets { list-style: square; }

ol.numbers { list-style: decimal; }



.multipage-nav { margin-bottom: 20px; }





/* 6. Hero

========================================*/

#home-slides-text { display: none; }

#home-slides-text .slidesjs-pagination {

	margin: 7px 0 0;

	text-align: center;

	list-style: none;

}

#home-slides-text .slidesjs-pagination li {

	display: inline-block;

	margin: 0 1px;

	width: 20px;

	height: 20px;

}

#home-slides-text .slidesjs-pagination li a {

	display: block;

	width: 13px;

	height: 13px;

	background: #fff;

	overflow: hidden;

	text-indent: -9999em;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

#home-slides-text .slidesjs-pagination li a:hover {

	background: #e9e9e9;

}

#home-slides-text .slidesjs-pagination li a.active,

#home-slides-text .slidesjs-pagination li a:hover.active {

    background: #4cbd99;

}



.border {

	display: block;

	width: 80%;

	max-width: 140px;

	height: 1px;

	background: #424242;

	margin: 0 auto;

	margin-bottom: 40px;

}

.dark .border { background: #ffffff; }



.home-multimedia {

	text-align: center;

}

.home-multimedia a,

.home-multimedia a:visited { color: #424242; }

.home-multimedia.dark {

	background: #4cbd99;

}

.home-multimedia-slider {

	text-align: center;

}

.home-multimedia h4 {

	margin-bottom: 8px;

	height: 50px;

	overflow: hidden;

}

.home-multimedia h5 {

	height: 34px;

	overflow: hidden;

	color: #424242;

}

.home-multimedia.dark h5 { color: #fff; }

.home-multimedia ul.multimedia-items { display: inline-block; float: none; overflow: hidden; letter-spacing: normal; word-spacing: normal; text-align: left; }

.home-multimedia ul.multimedia-items li.multimedia-item .icon {

	margin-bottom: 20px;

	width: 114px;

	height: 114px;

	font-size: 114px;

	line-height: 114px;

	text-align: left;

}

.home-multimedia.dark ul.multimedia-items li.multimedia-item .icon { color: #fff; }



.home-multimedia-slider ul.utmost-icon-list,

.home-multimedia ul.utmost-icon-list {

	font-size: 30px;

	font-size: 3rem;

}

.home-multimedia-slider ul.utmost-icon-list li,

.home-multimedia ul.utmost-icon-list li {

	display: inline-block;

	margin: 0 0.5rem;

}

.home-staff { text-align: center; }

.home-staff .staff-holder { text-align: center;letter-spacing: -4px; word-spacing: -4px; }

.home-staff .staff-holder li { display: inline-block; float: none; overflow: hidden; letter-spacing: normal;

word-spacing: normal; }

.home-staff .social-list-holder { min-height: 34px; }



.home-blog {

	background: #4cbd99;

}

.home-blog h3,

.home-blog h5 { color: #424242; }

.home-blog.dark h3,

.home-blog.dark h5 { color: #fff; }



.home-multimedia-slider .flexslider { margin-top: 40px; }



.home-blog-inner {

	text-align: center;

}

.home-blog li {

	width: 31.5%;

	margin-left: 2.75%;

	float: left;

	background: rgba(0,0,0,0.2);

}

.home-blog-inner.blog-sc {

	background: rgba(0, 0, 0, 0.2);

}

.home-blog li:first-child { margin-left: 0;}

.home-blog li img {

	height: auto;

}

.home-blog-inner ul li .icon {

	height: 115px;

	background: rgba(0,0,0, 0.7);

}

.home-blog-inner ul li .icon .fa {

	line-height: 115px;

	font-size: 57px;

}

.home-blog-content {

	text-align: left;

	padding: 20px 20px 0 20px;

}

.home-blog-content a,

.home-blog-content a:visited {

	color: #424242;

}



/* 7. Staff

========================================*/

.staff-member {

	margin-bottom: 2rem;

}

h2.staff-name { margin-bottom: 5px;  }

.staff-image,

.round-image {

	margin-bottom: 20px;

	padding: 10px;

	background: #e9e9e9;

	border: 1px solid #ddd;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

.staff-image img,

.round-image img {

	width: 100%;

	height: auto;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

.staff-phone {

	font-weight: 700;

	font-size: 16px;

}

.staff-member .social-list {

	margin-bottom: 20px;

	text-align: center;

	font-size: 20px;

}

.staff-member .social-list li { margin: 0 3px; }



/* Footer

========================================*/

.prefooter {

	width: 100%;

	background: #212121;

	padding-top: 6rem;

}



.prefooter[data-color="light"] {

	background: #efefef;

}



footer {

	width: 100%;

	background: #060606;

	color: #fff;

	font-size: 12px;

	line-height: 16px;

}



footer[data-color="light"] {

	border-top: 1px solid rgba(0, 0, 0, 0.2);

	background: #fff;

	color: #000;

}



footer .content.padded { padding: 2rem 0; }



/* Social Icons

========================================*/

.social-icons {

	text-align: right;

}

.social-icons li {

	display: inline;

	font-size: 14px;

	margin-left: 14px;

}

.social-icons li a {

	font-weight: 400;

	color: #fff;

}



footer[data-color="light"] .social-icons li a {

	color: #000;

}



/* Twitter

========================================*/

#twitter-feed {

	max-width: 1200px;

	margin: 0px auto;

	margin-top: -143px;

	position: relative;

	zoom: 1;

	background: #4cbd99;

	font-size: 22px;

	font-size: 2.2rem;

	height: 143px;

	z-index: 999;

}

#twitter-feed:before,

#twitter-feed:after {

	content: "";

	display: table;

}

#twitter-feed:after {

	clear:both;

}

#twitter-feed .twitter-feed { margin: 18px; }

#twitter-feed .twitter-feed a { color: #fff; }

#twitter-feed .icon {

	float: left;

	margin-right: 18px;

	width: 104px;

	height: 104px;

	background: #ffffff;

	color: #4cbd99;

	font-size: 62px;

	line-height: 104px;

	text-align: center;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

#twitter-feed .twitter-handle {

	position: relative;

	top: 16px;

	width: 332px;

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: 400;

	text-transform: lowercase;

}

#twitter-feed #follow-us {

	position: relative;

	top: 26px;

	background: rgba(0,0,0,0.2);

	font-size: 13px;

	font-size: 1.3rem;

	font-weight: 700;

	padding: 5px 10px;

	text-transform: uppercase;

	-ms-tranisition: background 0.5s ease 0s;

	-o-transition: background 0.5s ease 0s;

	-moz-transition: background 0.5s ease 0s;

	-webkit-transition: background 0.5s ease 0s;

	transition: background 0.5s ease 0s;

}

#twitter-feed #follow-us:hover {

	background: #fff;

	color: #4cbd99;

}

#twitter-feed .twitter-articles {

	float: right;

	margin-top: -16px!important;

	width: 75%;

	padding-right: 20px;

	font-weight: 300;

	color: #ffffff;

}

#twitter-feed .twitter-article {

	width: 100%;

	padding-right: 20px;

	font-weight: 300;

	color: #ffffff;

	display: none;

}

#twitter-feed .twitter-text {

	float: right;

	width: 92%;

}

#twitter-feed .twitter-text a { font-weight: 300; }

#twitter-feed .tweet-time {

	font-size: 18px;

	font-size: 1.8rem;

	margin: 5px 10px 0 0;

	color: rgba(255,255,255,0.7);

}



/* Blog

========================================*/

.post {

	position: relative;

	text-align: left;

	margin-bottom: 50px;

	padding: 0px 0px 30px 70px;

	border-bottom: 1px solid #e9e9e9;

}

.post.post-full { padding-left: 0; }

.page-content .post { border-bottom: none; }

.post.event {

	padding: 0px 0px 30px 0px;

}

.post-media {

	position: relative;

}

.post-media img {

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.post .date {

	position: absolute;

	text-align: center;

	width: 40px;

	padding-bottom: 10px;

	top: 0;

	left: 0;

	text-transform: uppercase;

	font-size: 24px;

	font-size: 2.4rem;

	letter-spacing: 0.2em;

	line-height: 0.8em;

	border-bottom: 1px solid #e9e9e9;

}

.post .date small {

	font-size: 0.5833333333333333em;

}

.post .media {

	position: absolute;

	text-align: center;

	width: 40px;

	padding-bottom: 10px;

	top: 53px;

	left: 0;

	text-transform: uppercase;

	font-size: 24px;

	font-size: 2.4rem;

	letter-spacing: 0.2em;

	line-height: 0.8em;

	border-bottom: 1px solid #e9e9e9;

}

.post .media .utmost-icon-list {

	color: #424242;

}

.post .media .utmost-icon-list li {

	margin-top: 10px;

	text-align: center;

}

.post .media .utmost-icon-list li a { color: #424242; }

.nopostmedia h2 {

	padding-top: 0px!important;

}

.post-title h2 {

	padding-top: 20px;

	text-transform: none;

	letter-spacing: normal;

}

.post.quote .post-title h2,

.post.link .post-title h2 {

	font-size: 15px;

	font-size: 1.5rem;

	text-transform: uppercase;

	letter-spacing: 0.20em;

	padding: 0;

}

.post-title a {

	color: #060606;

}

.post-meta h6 {

	color: #a4a4a3;

}

.post-meta h6 a { color: #4cbd99; }



.post .tags{

	clear:both;

}



.post .tags:before,

.post .tags:after {

	display: table;

	content: '';

}



.post .tags:after {

	clear: both;

}



.post .tags a,

.tagcloud a {

	-webkit-border-radius: 3px;

	border: 1px solid #ccc;

	padding:3px 6px;

	margin:0 3px 3px 0;

	line-height: 36px;

	white-space: nowrap;

	color:#ccc;

	font-size:12px;

}

.tagcloud a {

	margin: 2px 0;

	line-height: 18px;

}



.post .tags a {

	line-height: 16px;

	float: left;

}



.post .tags a:hover,

.tagcloud a:hover {

	border-color:#999;

	color:#999;

}



.pagination {

	margin: 0px 0 40px 0;

}



.pagination li {

	display: inline-block;

	font-size: 110%;

	padding: 5px;

}



.pagination li.disabled a {

	color: #333;

}



.pagination li.active a {

	color: #333;

}



.pager li {

	float: left;

	font-size: 120%;

	width: 50%;

	margin: 30px 0 0;

}



.pager li.next {

	text-align: right;

}



/* Gallery

========================================*/

#gallery-categories header { margin-bottom: 20px; }

#gallery-categories article {

	margin: 40px 0;

	padding-top: 40px;

	border-top: 1px solid #e9e9e9;;

}

#gallery-categories article:first-child {

	margin-top: 0;

	padding-top: 0;

	border-top: none;

}

h3.gallery-categories-title {

	margin: 0 20px 0 0;

	display: inline-block;

}

.gallery-categories-count {

	position: relative;

	margin: 0;

	display: inline;

	white-space: nowrap;

	padding-top: 4px;

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: 300;

}

.gallery-categories-items {

	list-style: none;

	padding: 0;

	margin: 0 -10px 0 -5px;

}

.gallery-categories-items li {

	display: inline-block;

	width: 15%;

	height: auto;

	margin: 5px;

	padding: 0;

}

.gallery-categories-items li .image-frame {

	background: #e9e9e9;

	padding: 5px;

	border: 1px solid #ddd;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.gallery-categories-items li img {

	width: 100%;

	height: auto;

}



#gallery-items {

	margin-top: 40px;

}

.thumb-grid {

	margin: 0 0 -3% -3%;

	border-width: 0 0 1px 0;

	border-style: solid;

	border-color: #fff;

}

.thumb-grid-item {

	width: 28.7%;

	float: left;

	margin: 0 0 3% 3%;

	padding: 5px;

}

.thumb-grid-image {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	min-height: 100%;

}

.thumb-grid-item.image-frame {

	background: #e9e9e9;

	border: 1px solid #ddd;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.thumb-grid-item img {

	width: 100%;

	height: auto;

}

.thumb-grid-image-container {

	position: relative;

	overflow: hidden;

}

.thumb-grid-buttons {

	position: absolute;

	width: 100%;

	height: 100%;

	text-align: center;

	display: none;

	z-index: 100;

}

.thumb-grid-buttons-inner {

	display: block;

	margin-top: 33%;

}

.thumb-grid-buttons-inner span {

	position: relative;

	display: inline-block;

	margin: 12px;

	width: 52px;

	height: 52px;

	background: rgba(255,255,255,0.8);

	top: -44px;

	cursor: pointer;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	text-align: center;

	font-size: 20px;

}

.thumb-grid-buttons-inner span .fa {

	line-height: 52px;

}

.gallery-image {

	width: 100%;

	height: auto;

}

.gallery-image.image-frame {

	padding: 8px;

	background: #e9e9e9;

	border: 1px solid #ddd;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.gallery-image img {

	width: 100%;

	height: auto;

}



/* Comments

========================================*/

#comments {

	text-align: left;

	padding-top: 40px;

}

#comments-title {

	margin-left: 70px;

	border-bottom: 2px solid #e9e9e9;

	padding-bottom: 30px;

	margin-bottom: 5px;

}

.comment {

	float: left;

}

.comment-body {

	position: relative;

	margin-left: 70px;

	border-top: 1px solid #e9e9e9;

	padding-top: 30px;

}

.comment-author {

	position: absolute;

	top: 30px;

	left: -70px;

}

.comment-author img {

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.comment .children {

	margin-left: 70px;

}

.fn {

	display: block;

	margin-bottom: 10px;

}

.comment-meta,

.comment-meta a {

	color: #a4a4a3;

}

#respond {

	/*margin-left: 70px;*/

	margin-top: 50px;

}

#reply-title {

	border-bottom: 2px solid #e9e9e9;

	padding-bottom: 30px;

	margin-bottom: 5px;

}

#reply-title,

#comments-title {

	border-bottom:none;

}

.comment-reply-form {

	border-top: 1px solid #e9e9e9;

}

.comment-notes { margin-top: 10px; color: #a4a4a3; }

.control-group label, .control-group .controls { display: inline-block; }

.control-group label { margin-left: 10px; font-weight: 400; }

.control-group .controls input {

	margin-top: 15px;

	border: none;

	outline: none;

	height: 35px;

	background: #fff;

	padding-left: 15px;

	color: #a4a4a3;

	text-decoration: none;

	border: 1px solid #e9e9e9;

	border-bottom: 2px solid #e9e9e9;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.control-group .controls textarea {

	width: 100%;

	margin-top: 15px;

	border: none;

	outline: none;

	height: 180px;

	background: #fff;

	padding-left: 15px;

	padding-top: 15px;

	color: #a4a4a3;

	text-decoration: none;

	border: 1px solid #e9e9e9;

	border-bottom: 2px solid #e9e9e9;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.control-group .controls input.error,

.control-group .controls textarea.error {

	border: 1px solid #ee3b16;

	border-bottom: 2px solid #ee3b16;

}



.controls button {

	border: none;

	outline: none;

	padding: 0;

	margin: 0;

	outline: none;

	-webkit-appearance: none;

	background: #fff;

	cursor: pointer;

	margin-top: 15px;

	font-size: 0.8em;

	text-transform: uppercase;

	font-family: inherit;

	padding: 10px 20px;

	color: #a4a4a3;

	border: 1px solid #e9e9e9;

	border-bottom: 2px solid #e9e9e9;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	background: #ffffff;

}

.controls button:hover {

	background: #fff;

	background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));

	background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);

	background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);

	background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);

	background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );

}

.required {

	color: #ee3b16;

}



p label { display: block; font-weight: 700; }

p label input {

	display: block;

	margin-bottom: 15px;

	border: none;

	outline: none;

	width: 50%;

	height: 35px;

	background: #fff;

	padding-left: 15px;

	color: #a4a4a3;

	text-decoration: none;

	border: 1px solid #e9e9e9;

	border-bottom: 2px solid #e9e9e9;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}





p input[type=submit] {

	border: none;

	outline: none;

	padding: 0;

	margin: 0;

	outline: none;

	-webkit-appearance: none;

	background: #fff;

	cursor: pointer;

	bottom-top: 15px;

	font-size: 0.8em;

	text-transform: uppercase;

	font-family: inherit;

	padding: 10px 20px;

	color: #a4a4a3;

	border: 1px solid #e9e9e9;

	border-bottom: 2px solid #e9e9e9;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	background: #ffffff;

}

p input[type=submit]:hover {

	background: #fff;

	background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));

	background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);

	background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);

	background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);

	background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );

}



/* Contact

========================================*/

.contact-form input,

.contact-form textarea {

	padding: 17px 20px 17px 20px;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 20px;

	line-height: 1.3em;

	border: 1px solid #424242;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-appearance: none;

}

.contact-form input {

	margin-bottom: 33px;

	width: 48%;

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

}

.contact-form input[placeholder]:focus,

.contact-form textarea:focus {

	border-style: solid;

	border-width: 1px;

	border-color: #4cbd99;

	outline: 0;

	-webkit-box-shadow: inset 0 3px 5px -5px #000;

	-moz-box-shadow: inset 0 3px 5px -5px #000;

	box-shadow: inset 0 3px 5px -5px #000;

}

.contact-form input[placeholder]:focus::-webkit-input-placeholder,

.contact-form textarea:focus::-webkit-input-placeholder {

	background-color: #4cbd99;

	color: #000;

}

.contact-form input.name {

	float: left;

}

.contact-form input.email {

	float: right;

}

.contact-form textarea.message {

	margin-bottom: 33px;

	width: 100%;

	resize: none;

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

}

.contact-form .username {

	display: none;

}

.contact-form .button {

	margin: 0 auto;

	padding: 17px 24px 14px 22px;

	width: 160px;

	display: block;

	font-size: 17px;

	color: #000;

	line-height: 17px;

	text-decoration: none;

	background: #fff;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	-webkit-transition: background .3s;

	-moz-transition: background .3s;

	-o-transition: background .3s;

	transition: background .3s;

}

.contact-form .button:hover {

	background: #4cbd99;

	color: #fff;

	border-color: #fff;

}

.contact-form input.error,

.contact-form textarea.error {

	padding: 17px 20px 17px 20px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size: 20px;

	line-height: 1.3em;

	border: 1px solid #f00;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-appearance: none;

}

.contact-form input.error[placeholder]:focus,

.contact-form textarea.error:focus {

	border: 2px solid #f00;

	outline: 0;

	-webkit-box-shadow: inset 0 3px 5px -5px #000;

	-moz-box-shadow: inset 0 3px 5px -5px #000;

	box-shadow: inset 0 3px 5px -5px #000;

}

.contact-form input.error[placeholder]:focus::-webkit-input-placeholder,

.contact-form textarea.error:focus::-webkit-input-placeholder {

	background-color: #f9acac;

	color: #000;

}

.contact-form .thanks-message {

	display: none;

}

.contact-info h3 {

	text-align: center;

}

.contact-info a {

}

#map {

	position: relative;

	height: 436px;

}

.map {

	position: relative;

	width: 100%;

	height: 436px;

}

#calendar-map {

	position: relative;

	height: 336px;

}

#calendar-map .map {

	height: 336px;

}



/* Shortcode

========================================*/

.donation {

	width: 100%;

	background: #4cbd99;

	margin-bottom: 20px;

	padding: 34px 0px;

	text-transform: uppercase;

	text-align: center;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.donation a {

	margin: 0 10%;

	width: 80%;

	display: block;

	font-size: 24px;

	font-size: 2.4rem;

	padding: 15px 0;

	border-bottom: 2px solid #fff;

	border-top: 2px solid #fff;

	line-height: 1;

	color: #ffffff;

	font-weight: 800;

}



.flexslider {

	border: none;

	background: transparent;

	margin-bottom: 20px;

	-webkit-border-radius: 3px;

	-moz-border-raidus: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-o-box-shadow: none;

	box-shadow: none;

}

.flexslider .slide,

.flexslider .slide img {

	-webkit-border-radius: 3px;

	-moz-border-raidus: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;

}

.flex-control-nav {

	display: none;

}

.flex-direction-nav a {

	color: #fff;

	text-decoration: none;

	-moz-border-radius: 100%;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	text-align: center;

}

.flex-direction-nav a:hover {

	background-color: #4cbd99;

}

.flex-direction-nav a {

	font-size: 20px;

	line-height: 40px;

}

.flex-direction-nav a:before {

	content: '';

}

.flex-direction-nav a.flex-next {

	text-align: center;

}

.flex-direction-nav a.flex-next:before {

	content: '';

}

.flex-direction-nav li,

.flex-control-nav li {

	list-style: none;

}

.parallax {

	width: 100%;

	background-attachment: fixed;

	background-position: 50% 0;

	text-shadow: 1px 1px #000000;

	margin: -20px 0;

}

.parallax .container .content {

	margin: 0 auto;

	max-width: 800px;

	padding: 8rem 0;

	text-align: center;

	font-weight: 700;

	font-size: 30px;

	text-transform: normal;

	color: #fff;

}

.parallax .container .content .author {

	font-size: 18px;

	font-weight: 700;

	color: #4cbd99;

}



/*** Google Map ***/

.google-map img {

	max-width: inherit;

}



.picture-slider {

	max-width: 100%;

}

.picture-slider.last { margin-bottom: 0; }



/* Widgets

========================================*/

.widget {

	text-align: left;

	margin-top: 0px;

	margin-bottom: 50px;

}

.widget form { width: 100%; }

.widget select {

	border: none;

	float: left;

	outline: none;

	padding: 0px 0px 0px 10px;

	width: 98%;

	height: 40px;

	background: #ffffff;

	color: #aaaaaa;

	border-bottom: 2px solid #e9e9e9;

	border-right: 2px solid #e9e9e9;

	border-left: 1px solid #e9e9e9;

	border-top: 1px solid #e9e9e9;

	-webkit-border-top-left-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px;

}

.search-input {

	border: none;

	float: left;

	outline: none;

	padding: 0px 0px 0px 10px;

	width: 80%;

	height: 40px;

	background: #ffffff;

	color: #aaaaaa;

	border-bottom: 2px solid #e9e9e9;

	border-left: 1px solid #e9e9e9;

	border-top: 1px solid #e9e9e9;

	-webkit-appearance: none;

	-webkit-border-top-left-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px;

}



.search-submit {

	margin: 0;

	padding: 0;

	border: none;

	float: left;

	outline: none;

	cursor: pointer;

	width: 20%;

	height: 40px;

	text-indent: -999em;

	background: #fff url(../images/blog/search.png) no-repeat center center;

	background-size: 16px 16px;

	text-decoration: none;

	-webkit-appearance: none;

	border: 1px solid #e9e9e9;

	border-bottom: 2px solid #e9e9e9;

	-webkit-border-top-right-radius: 3px;

	-webkit-border-bottom-right-radius: 3px;

	-moz-border-radius-topright: 3px;

	-moz-border-radius-bottomright: 3px;

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px;

}

.textwidget {

	font-size: 0.8666666666667em;

	line-height: 1.6em;

}



.cat-item,

.recentcomments {

	font-size: 15px;

	font-size: 1.5rem;

	padding-bottom: 8px;

	margin-bottom: 15px;

	border-bottom: 1px solid #e9e9e9;

}



.cat-item a,

.recentcomments a { color: #4cbd99; font-weight: 400; }



.tagcloud a {

	display: inline-block;

	margin-right: 10px;

	margin-bottom: 10px;

	font-size: 12px!important;

	font-size: 1.2rem!important;

	color: #060606;

	text-transform: lowercase;

	padding: 5px 10px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.widget_archive a,

.widget_nav_menu a,

.widget_links a,

.widget_meta a,

.widget_pages a,

.widget_recent_entries a,

.widget_utmost-multimedia-archives a,

.widget_utmost-events a {

	color: #4cbd99;

	font-weight: 400;

	font-size: 15px;

	font-size: 1.5rem;

	display: block;

	padding-bottom: 8px;

	margin-bottom: 15px;

	border-bottom: 1px solid #e9e9e9;

}



#wp-calendar {

	width: 100%;

	font-size: 14px;

	font-size: 1.4rem;

}

#wp-calendar caption {

	font-size: 15px;

	font-size: 1.5rem;

	text-transform: uppercase;

	padding: 10px 0;

}

#wp-calendar th,

#wp-calendar td {

	padding: 10px 0;

}

#wp-calendar tbody td { padding: 5px 0; }

#wp-calendar a {

	color: #060606;

	font-weight: 400;

}

.events-widget-item-date {

	font-size: 12px;

	font-size: 1.2rem;

	font-style: italic;

	color: #a4a4a3;

}

.widget-thumb {

	float: left;

	margin: 0 14px 6px 0;

	padding: 5px;

	width: 100px;

	height: 100px;

	background: #e9e9e9;

	border: 1px solid #ddd;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

.widget-thumb img {

	width: 100%;

	height: auto;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}



.widget_wp3s-staff {  }

.staff-widget-item,

.multimedia-widget-item,

.calendar-widget-item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e9e9e9; }



.prefooter .staff-widget-item:last-of-type,

.prefooter .multimedia-widget-item:last-of-type,

.prefooter .calendar-widget-item:last-of-type {

	border-bottom: none;

}

.staff-widget-item-title,

.multimedia-widget-item-title,

.calendar-widget-item-title { margin-bottom: 5px; }

.staff-widget-item-position,

.multimedia-widget-item-speaker,

.calendar-widget-item-date {

	font-size: 16px;

	font-size: 1.6rem;

}

h4.staff-widget-item-title,

h4.multimedia-widget-item-title { color: #424242; }

.staff-widget-item-email i,

.staff-widget-item-phone i { margin-right: 8px; }



.multimedia-widget-item-icons {

	list-style: none;

}

.multimedia-widget-item-icons li {

	display: inline-block;

	font-size: 20px;

	margin: 3px 8px;

}

.multimedia-widget-item-icons li:first-child { margin-left: 0; }

.multimedia-widget-item-icons li a { color: #424242; }

.multimedia-widget-item-excerpt,

.calendar-widget-item-excerpt {

	font-size: 14px;

	font-size: 1.4rem;

}

.calendar-widget-item-excerpt { padding-top: 12px; }



.gallery-widget-items {

	list-style: none;

	padding: 0;

	margin: 0 -10px 0 -5px;

}

.gallery-widget-items li {

	display: inline-block;

	width: 26.5%;

	height: auto;

	margin: 5px;

	padding: 0;

}

.gallery-widget-items li .image-frame {

	background: #e9e9e9;

	padding: 5px;

	border: 1px solid #ddd;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.gallery-widget-items li img {

	width: 100%;

	height: auto;

}



.gallery-widget-items.per-row-1 li { width: 93%; }

.gallery-widget-items.per-row-2 li { width: 43%; }

.gallery-widget-items.per-row-3 li { width: 26.5%; }



/* 14. Video

========================================*/

.embed-container {

	position: relative;

	padding-bottom: 56.25%;

	margin-bottom: 0px;

	height: 0;

	overflow: hidden;

}

.embed-container iframe,

.embed-container object,

.embed-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



iframe, object, embed {

	max-width: 100%;

	height: auto;

}



/* 15. Media

========================================*/

.audio-wrap {

	position: relative;

}

/*.mejs-audio { overflow: hidden; }*/

.mejs-container .mejs-controls {

	background: #2f2f2f !important;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(55,55,55,1)), to(rgba(40,40,40,1))) !important;

	background: -webkit-linear-gradient(top, rgba(55,55,55,1), rgba(40,40,40,1)) !important;

	background: -moz-linear-gradient(top, rgba(55,55,55,1), rgba(40,40,40,1)) !important;

	background: -o-linear-gradient(top, rgba(55,55,55,1), rgba(40,40,40,1)) !important;

	background: -ms-linear-gradient(top, rgba(55,55,55,1), rgba(40,40,40,1)) !important;

	background: linear-gradient(rgba(55,55,55,1), rgba(40,40,40,1)) !important;

}



/* Grayscale loading rail */

.mejs-controls .mejs-time-rail .mejs-time-loaded { /* grayscale progress bar */

	background: #828282 !important;

	background: rgba(130,130,130,0.8) !important;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(115,115,115,0.8)), to(rgba(145,145,145,0.8))) !important;

	background: -webkit-linear-gradient(top, rgba(115,115,115,0.8), rgba(145,145,145,0.8)) !important;

	background: -moz-linear-gradient(top, rgba(115,115,115,0.8), rgba(145,145,145,0.8)) !important;

	background: -o-linear-gradient(top, rgba(115,115,115,0.8), rgba(145,145,145,0.8)) !important;

	background: -ms-linear-gradient(top, rgba(115,115,115,0.8), rgba(145,145,145,0.8)) !important;

	background: linear-gradient(rgba(115,115,115,0.8), rgba(145,145,145,0.8)) !important;

	background: linear-gradient(rgba(115,115,115,0.8), rgba(145,145,145,0.8)) !important;

}

/* Grayscale time rail */

.mejs-controls .mejs-time-rail .mejs-time-current {

	background: #fff !important;

	background: rgba(255,255,255,0.8) !important;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))) !important;

	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important;

	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important;

	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important;

	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important;

	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important;

}

/*.mejs-controls div.mejs-horizontal-volume-slider { width: 45px; position: relative; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 40px; }*/





/* Lightbox

========================================*/



/* Background Overlay */



.pp_overlay {

	background: rgba(0,0,0,.85);

}



/* Loading Indicator */



.pp_loaderIcon { /* lightbox */

	background-image: url(../images/loading.gif);

}



/* Button Sprites (Prev, Next, etc.) */



.pp_arrow_previous,

.pp_arrow_next,

.pp_close,

.pp_expand,

.pp_contract {

	background-image: url(../images/lightbox-sprites.png);

}



.pp_next:hover {

	background-image: url(../images/lightbox-hover-next.png);

}



.pp_previous:hover {

	background-image: url(../images/lightbox-hover-prev.png);

}



@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi), only screen and (-o-min-device-pixel-ratio: 5/4) {



	.pp_arrow_previous,

	.pp_arrow_next,

	.pp_close,

	.pp_expand,

	.pp_contract {

		background-image: url(../images/lightbox-sprites@2x.png);

		background-size: 196px 157px;

	}



	.pp_next:hover {

		background-image: url(../images/lightbox-hover-next@2x.png);

	}



	.pp_previous:hover {

		background-image: url(../images/lightbox-hover-prev@2x.png);

	}



}



/* Lightbox Border / Background */



.pp_content {

	background: #e9e9e9;

}



.pp_content iframe,

.pp_content embed,

.pp_content object { max-width: 100%; }



/* Lightbox Title */



.ppt {

	color: #222;

}



/* Media Queries */

/*@media all and (min-width: 1025px) {



	.mejs-controls .mejs-time-rail { width: 501px!important; }



}*/

@media all and (max-width: 1199px) {



	.home-multimedia-slider .flex-direction-nav { display: none; }



}



@media all and (max-width: 1023px) {



	.logo a h1 { font-size: 26px;}





	#twitter-feed {

		height: auto;

		margin-top: 0px;

	}

	#twitter-feed #follow-us {

		top: 40px;

		position: absolute;

		left: 332px;

	}

	#twitter-feed .twitter-articles {

		float: none;

		margin-top: 40px!important;

	}



}



@media all and (max-width: 649px) {



	h1 {

		font-size: 60px;

		font-size: 6rem;

		text-transform: uppercase;

		letter-spacing: -0.025em;

	}

	.hero h1 { font-size: 60px; font-size: 6rem; }

	h2 {

		font-size: 30px;

		font-size: 3rem;

		text-transform: uppercase;

		letter-spacing: -0.025em;

	}

	.hero h2.subtitle { font-size: 30px; font-size: 3rem; }

	h3 {

		font-size: 24px;

		font-size: 2.4rem;

		letter-spacing: -0.025em;

	}

	h4 {

		font-size: 20px;

		font-size: 2rem;

		font-weight: 400;

	}

	h5 {

		font-size: 15px;

		font-size: 1.5rem;

		font-weight: 400;

	}

	h6 {

		font-size: 12px;

		font-size: 1.2rem;

		text-transform: uppercase;

		font-weight: 400;

	}



	#twitter-feed {

		display: none;

	}

	/*.slidesjs-container { height: 350px!important; }*/

	.hero-home .page-title {

		font-size: 20px;

	}



	.padded-top #sidebar {

		margin-top: -6em;

	}



	footer {

		text-align: center;

	}

	footer .content { text-align: center; }

	.social-icons {

		margin-top: 20px;

		text-align: center;

	}



	.round-image {

		margin: 0 auto;

		margin-bottom: 20px;

		max-width: 70%;

	}



	.home-multimedia ul.multimedia-items { text-align: center; }

	.home-multimedia ul.multimedia-items li.multimedia-item .icon {

		margin-left: auto;

		margin-right: auto;

		text-align: center;

	}

	.home-multimedia ul.multimedia-items li.multimedia-item.padded {

		padding-top: 2rem;

		padding-bottom: 2rem;

		border-top: 1px solid rgba(0,0,0,0.5);

	}

	.home-multimedia.dark ul.multimedia-items li.multimedia-item.padded { border-top: 1px solid rgba(255,255,255, 0.5); }

	.home-multimedia ul.multimedia-items li.multimedia-item.padded:first-child { padding-top: 0; border-top: none; }

	.home-blog li { width: 100%; margin: 0; margin-top: 4rem; }

	.home-blog li:first-child { margin-top: 0; }

}



@media all and (max-width: 321px) {

	.logo { width: 150px; }

	.logo img {

		max-width: 150px;

	}

}