/* CRTITICAL CSS */
html,
body,
div,
span,
iframe,
h4,
p,
img,
i,
ul,
li,
form,
label {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
header {
display: block;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input {
vertical-align: middle;
}
.leftAlign {
text-align: left;
}
#navToggle {
display: none;
color: #fff;
font-family: 'Lato','lucida sans unicode','lucida grande','Trebuchet MS',verdana,arial,helvetica,helve,sans-serif;
padding: 5px 0 5px 0;
text-align: center;
}
#navToggle img {
width: 15px;
margin-right: 8px;
}
.breadcrumbs {
font-size: 11px;
color: #666;
}
body {
margin: 0 auto;
padding: 0;
font: 100%/1.4 'lucida sans unicode','lucida grande','Trebuchet MS',verdana,arial,helvetica,helve,sans-serif;
color: #7d796d;
text-align: center;
}
input {
font-family: 'lucida sans unicode','lucida grande','Trebuchet MS',verdana,arial,helvetica,helve,sans-serif;
color: #333;
}
h4 {
font-family: 'Lato','lucida sans unicode','lucida grande','Trebuchet MS',verdana,arial,helvetica,helve,sans-serif;
font-weight: normal;
margin-top: 10px;
letter-spacing: 0;
}
h4 {
color: #5b6f7b;
background-color: none;
padding: none;
margin-bottom: .5em;
font-size: 1.5em;
line-height: 1.25;
}
p,
ul {
margin-bottom: 1.5em;
font-size: 1.1em;
}
p {
hyphens: auto;
}
ul {
margin: 0 0 1.5em 0;
padding: 0 0 0 24px;
color: #666;
}
li ul {
margin: 0;
font-size: 1em;
color: #666;
}
hr {
display: block;
margin: 1em 0;
padding: 0;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
}
a {
color: #f88b15;
text-decoration: none;
}
img {
border: 0;
max-width: 100%;
height: auto;
width: auto\9;
}
form {
margin: 0;
}
label {
font-weight: normal;
display: block;
margin: 0;
position: relative;
top: 0;
left: 0;
}
input {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
input {
line-height: normal;
*overflow: visible;
}
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
margin: 0;
border: 1px solid #ccc;
font-size: 1em;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff;
-moz-box-shadow: inset 0 0 6px #ccc;
-webkit-box-shadow: inset 0 1px 6px #ccc;
box-shadow: inset 0 1px 6px #ccc;
}
input::-webkit-input-placeholder,
input:-moz-placeholder {
color: #bbb;
}
input::-moz-focus-inner {
border: 0;
}
#skiptomain {
display: none;
}
#wrapper {
width: 100%;
position: relative;
text-align: left;
}
#headcontainer {
width: 100%;
background-color: #fff;
border-top: 1px solid #e0e0e0;
}
header {
clear: both;
width: 80%;
font-size: .8125em;
max-width: 92.3em;
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
color: #000;
text-align: right;
}
#navcontainer {
width: 100%;
height: 40px;
background-color: #5b6f7b;
z-index: 100;
position: relative;
}
#nav {
clear: both;
width: 80%;
font-size: .8125em;
max-width: 92.3em;
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
color: #000;
text-align: center;
}
#nav a {
color: #fff;
padding: 5px 20px 5px 20px;
display: block;
line-height: 30px;
}
#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#secondaryimagecontainer {
width: 100%;
background-image: url('https://www.tobiasdesignllc.com/images/secondary_header2.jpg');
background-size: cover;
background-position: center center;
}
#secondaryimage {
clear: both;
width: 80%;
font-size: .8125em;
max-width: 92.3em;
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
color: #000;
height: 200px;
}
#nav ul li {
position: relative;
float: left;
text-transform: uppercase;
}
#nav ul li ul {
display: none;
position: absolute;
left: 0;
z-index: 101;
width: 100%;
}
#nav ul li ul li {
background-color: #f88b15;
width: 230px;
float: none;
text-align: left;
}
#nav ul li ul li a {
line-height: 20px;
}
#maincontentcontainer {
width: 100%;
}
#maincontent {
clear: both;
width: 80%;
font-size: .8125em;
max-width: 92.3em;
margin: 0 auto;
padding: 1em 0;
color: #333;
line-height: 1.5em;
position: relative;
}
#maincontent p {
color: #666;
}
.section {
clear: both;
padding: 0;
margin: 0;
}
.breaker {
clear: both;
}
.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1;
}
html {
-webkit-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
::selection {
background: #1777af;
color: #fafafa;
text-shadow: none;
}
::-webkit-input-placeholder {
font-size: .875em;
line-height: 1.4;
}
input:-moz-placeholder {
font-size: .875em;
line-height: 1.4;
}
input::-moz-focus-inner {
padding: 0;
border: 0;
}
p {
-webkit-hyphens: auto;
-webkit-hyphenate-character: "‐";
-webkit-hyphenate-limit-after: 1;
-webkit-hyphenate-limit-before: 3;
-moz-hyphens: auto;
}
@media only screen and (min-width:768px) {
#nav {
height: auto!important;
}
}
@media only screen and (max-width:768px) {
#nav {
height: auto;
overflow: visible;
position: static;
width: 80%!important;
background-color: transparent;
}
}
@media only screen and (max-width:768px) {
.siteLogo {
text-align: center;
padding: 8px 16px;
}
#navToggle {
display: block;
}
#nav {
overflow: hidden;
position: absolute;
top: 32px;
left: 0;
width: 100%!important;
background-color: rgba(0,0,0,.8);
}
}
.fb_iframe_widget {
display: inline-block;
position: relative;
top: -5px;
}
#headerContent {
clear: both;
width: 80%;
font-size: .8125em;
max-width: 92.3em;
margin: 0 auto;
padding: 0;
position: relative;
}
#headerContent h4 {
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 28px;
margin-top: 100px;
}
hr.header {
width: 10%;
height: 2px;
color: #f88b15;
margin-left: auto;
margin-right: auto;
border: 0 none;
background-color: #f88b15;
}
@media only screen and (max-width:768px) {
#headerContent hr {
width: 50px;
}
}
* {
box-sizing: border-box;
}
@media only screen and (min-width:962px)and (max-width:1140px) {
#headcontainer>header,
#nav,
#maincontent {
width: 100%;
display: block;
padding: 0 50px;
}
#nav a {
font-size: 85%;
padding: 5px 15px;
}
}
@media only screen and (min-width:769px)and (max-width:961px) {
#nav a {
font-size: 82%;
padding: 5px 15px;
}
}
.call-now {
margin-bottom: 10px;
font-size: 1.25em;
font-weight: bold;
color: #5b6f7b;
}
.call-now>* {
display: inline-block;
}
.call-now label {
color: #ef8410;
font-weight: bold;
margin-right: 5px;
}
@media only screen and (max-width:480px) {
.call-now,
.social-icons {
text-align: center;
}
}
.section {
clear: both;
padding: 0;
margin: 0;
}
.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1;
}
.col {
display: block;
float: left;
margin: 1% 0 1% 1.2%;
}
.col:first-child {
margin-left: 0;
}
@media only screen and (max-width:480px) {
.col {
margin: 1% 0 1% 0%;
}
}
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.2%;
}
@media only screen and (max-width:480px) {
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 100%;
}
}
@font-face {
font-family: 'FontAwesome';
src: url('https://www.tobiasdesignllc.com/fonts/fontawesome-webfont.eot?v=4.1.0');
src: url('https://www.tobiasdesignllc.com/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('https://www.tobiasdesignllc.com/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('https://www.tobiasdesignllc.com/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('https://www.tobiasdesignllc.com/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-phone:before {
content: "";
}
@media only screen and (min-width:769px)and (max-width:1024px) {
header {
width: 93.75%;
}
#maincontent {
width: 93.75%;
}
#nav {
width: 93.75%;
height: auto!important;
}
#secondaryimage {
width: 93.75%;
height: 175px;
}
}
@media only screen and (min-width:481px)and (max-width:768px) {
header {
width: 93.75%;
}
#maincontent {
width: 93.75%;
}
#nav {
width: 93.75%;
height: 0;
}
#nav a {
padding: 5px 0 5px 0;
}
#nav ul {
width: 100%;
}
#nav ul li {
width: 25%!important;
}
#nav ul li ul li {
width: 150px!important;
}
#nav ul li ul li a {
padding: 5px 10px 5px 10px;
}
#secondaryimage {
width: 93.75%;
height: 150px;
}
}
@media only screen and (max-width:480px) {
header {
width: 93.75%;
}
#maincontent {
width: 93.75%;
}
#nav {
width: 93.75%;
height: 0;
}
#nav ul {
width: 100%;
}
#nav ul li {
width: 50%!important;
}
#secondaryimage {
width: 93.75%;
height: 100px;
}
.breadcrumbs {
display: none;
}
}
/* END CRITICAL */
/* Icon font - MFG labs */
@font-face {
font-family: 'mfg';
src: url('../fonts/mfglabsiconset-webfont.eot');
src: url('../fonts/mfglabsiconset-webfont.svg#mfg_labs_iconsetregular') format('svg'),
url('../fonts/mfglabsiconset-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/mfglabsiconset-webfont.woff') format('woff'),
url('../fonts/mfglabsiconset-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/**
* Lightcase - jQuery Plugin
* The smart and flexible Lightbox Plugin.
*
* @author Cornel Boppart
* @copyright Author
*
* @version 2.3.4 (29/12/2015)
*/
/**
* Lightcase settings
*
* Note: Override default settings for your project without touching this source code by simply
* defining those variables within a SASS map called '$lightcase-custom'.
*
* // Example usage
* $lightcase-custom: (
* 'breakpoint': 768px
* );
*/
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
font-family: 'mfg', sans-serif;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
content: '\f00f';
}
/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
content: '\f00e';
}
/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
content: '\274C';
}
/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
content: '\f007';
}
/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
content: '\f006';
}
/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
content: '\F528';
}
/**
* Mixin providing icon defaults to be used on top of font-lightcase.
*
* Example usage:
* @include icon(#e9e9e9)
*/
/**
* Mixin providing icon defaults including a hover status to be used
* on top of font-lightcase.
*
* Example usage:
* @include icon-hover(#e9e9e9, #fff)
*/
/**
* Provides natural content overflow behavior and scrolling support
* even so for touch devices.
*
* Example usage:
* @include overflow()
*/
/**
* Neutralizes/resets dimensions including width, height, position as well as margins,
* paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
*
* Example usage:
* @include clear(true)
*
* @param boolean $important
*/
@-webkit-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
display: none;
position: fixed;
z-index: 2002;
top: 50%;
left: 50%;
font-family: arial, sans-serif;
font-size: 13px;
line-height: 1.5;
text-align: left;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#lightcase-content .lightcase-contentInner {
height: auto !important;
}
@media screen and (max-width: 640px) {
/* line 16, ../scss/components/modules/_case.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
}
@media screen and (min-width: 641px) {
/* line 4, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=error]) #lightcase-content {
position: relative;
z-index: 1;
overflow: hidden;
text-shadow: none;
background-color: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-webkit-backface-visibility: hidden;
}
}
@media screen and (min-width: 641px) {
/* line 24, ../scss/components/modules/_content.scss */
#lightcase-case[data-lc-type=image] #lightcase-content, #lightcase-case[data-lc-type=video] #lightcase-content {
background-color: #333;
}
}
/* line 32, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 640px) {
/* line 32, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
}
/* line 42, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 640px) {
/* line 42, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
padding: 15px;
}
/* line 51, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner, #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > * {
width: 100% !important;
max-width: none !important;
}
/* line 58, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > *:not(iframe) {
height: auto !important;
max-height: none !important;
}
}
@media screen and (max-width: 640px) {
/* line 69, ../scss/components/modules/_content.scss */
.lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 640px) and (min-width: 641px) {
/* line 73, ../scss/components/modules/_content.scss */
[data-lc-type=image] #lightcase-content .lightcase-contentInner, [data-lc-type=video] #lightcase-content .lightcase-contentInner {
line-height: 0.75;
}
}
/* line 85, ../scss/components/modules/_content.scss */
.lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 640px) {
/* line 90, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
}
@media screen and (min-width: 641px) {
/* line 97, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
padding: 30px;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 640px) {
/* line 114, ../scss/components/modules/_content.scss */
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #aaa;
}
}
@media screen and (min-width: 641px) {
/* line 114, ../scss/components/modules/_content.scss */
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #333;
}
}
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
margin: 0;
font-size: 17px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #aaa;
}
@media screen and (max-width: 640px) {
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
padding: 30px 0;
}
}
@media screen and (min-width: 641px) {
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
padding: 0;
}
}
/* line 6, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
max-width: 100%;
max-height: 100%;
overflow: hidden;
}
@media screen and (max-width: 640px) {
/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
padding: 55px 0 70px 0;
}
/* line 15, ../scss/components/modules/_global.scss */
.lightcase-open body > *:not([id*='lightcase-']) {
position: fixed !important;
top: -9999px !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
}
/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
position: absolute;
padding-top: 15px;
}
/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
margin: 0;
padding: 0;
line-height: 1.5;
font-weight: normal;
text-overflow: ellipsis;
}
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
font-size: 17px;
color: #aaa;
}
@media screen and (max-width: 640px) {
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
position: fixed;
top: 10px;
left: 0;
max-width: 87.5%;
padding: 5px 15px;
background: #333;
}
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
clear: both;
font-size: 13px;
color: #aaa;
}
/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
font-size: 11px;
color: #aaa;
}
@media screen and (max-width: 640px) {
/* line 45, ../scss/components/modules/_info.scss */
.lightcase-fullScreenMode #lightcase-info {
padding-left: 15px;
padding-right: 15px;
}
/* line 51, ../scss/components/modules/_info.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
position: static;
}
}
/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
position: fixed;
z-index: 2001;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
opacity: 1;
font-size: 32px;
text-shadow: 0 0 15px #fff;
-moz-transform-origin: 50% 53%;
-webkit-animation: lightcase-spin 0.5s infinite linear;
-moz-animation: lightcase-spin 0.5s infinite linear;
-o-animation: lightcase-spin 0.5s infinite linear;
animation: lightcase-spin 0.5s infinite linear;
}
/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading, #lightcase-loading:focus {
text-decoration: none;
color: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
-moz-transition: color, opacity, ease-in-out 0.25s;
-o-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
display: inline-block;
text-indent: -9999px;
}
/* line 4, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'] {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
outline: none;
cursor: pointer;
}
/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*='lightcase-icon-'], #lightcase-nav a[class*='lightcase-icon-']:focus {
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
-moz-transition: color, opacity, ease-in-out 0.25s;
-o-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*='lightcase-icon-'] > span {
display: inline-block;
text-indent: -9999px;
}
/* line 49, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*='lightcase-icon-']:hover {
color: white;
text-shadow: 0 0 15px white;
}
/* line 12, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice #lightcase-nav a[class*='lightcase-icon-']:hover {
color: #aaa;
text-shadow: none;
}
/* line 19, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev {
left: 15px;
}
/* line 24, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next {
right: 15px;
}
/* line 29, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
left: 50%;
margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
/* line 29, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
opacity: 0;
}
}
/* line 40, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
top: 15px;
right: 15px;
bottom: auto;
margin: 0;
opacity: 0;
outline: none;
}
@media screen and (max-width: 640px) {
/* line 40, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
position: absolute;
}
}
@media screen and (min-width: 641px) {
/* line 40, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
position: fixed;
}
}
@media screen and (max-width: 640px) {
/* line 4, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'] {
bottom: 15px;
font-size: 24px;
}
}
@media screen and (min-width: 641px) {
/* line 4, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'] {
bottom: 50%;
margin-bottom: -0.5em;
}
/* line 66, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ #lightcase-nav a[class*='lightcase-icon-'] {
opacity: 1;
}
}
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
background: #333;
}
@media screen and (max-width: 640px) {
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
opacity: 1 !important;
}
}
/* https://www.tobiasdesignllc.com/galleria/themes/classic/galleria.classic.css
*//* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */
#galleria-loader{height:1px!important
}
.galleria-theme-classic {
position: relative;
overflow: hidden;
background: #000;
}
.galleria-theme-classic img {
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.galleria-theme-classic .galleria-stage {
position: absolute;
top: 10px;
bottom: 60px;
left: 10px;
right: 10px;
overflow:hidden;
}
.galleria-theme-classic .galleria-thumbnails-container {
height: 50px;
bottom: 0;
position: absolute;
left: 10px;
right: 10px;
z-index: 2;
}
.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {
margin-left: 30px;
margin-right: 30px;
}
.galleria-theme-classic .galleria-thumbnails .galleria-image {
height: 40px;
width: 60px;
background: #000;
margin: 0 5px 0 0;
border: 1px solid #000;
float: left;
cursor: pointer;
}
.galleria-theme-classic .galleria-counter {
position: absolute;
bottom: 10px;
left: 10px;
text-align: right;
color: #fff;
font: normal 11px/1 arial,sans-serif;
z-index: 1;
}
.galleria-theme-classic .galleria-loader {
background: #000;
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
display: none;
background: url(classic-loader.gif) no-repeat 2px 2px;
}
.galleria-theme-classic .galleria-info {
width: 50%;
top: 15px;
left: 15px;
z-index: 2;
position: absolute;
}
.galleria-theme-classic .galleria-info-text {
background-color: #000;
padding: 12px;
display: none;
/* IE7 */ zoom:1;
}
.galleria-theme-classic .galleria-info-title {
font: bold 12px/1.1 arial,sans-serif;
margin: 0;
color: #fff;
margin-bottom: 7px;
}
.galleria-theme-classic .galleria-info-description {
font: italic 12px/1.4 georgia,serif;
margin: 0;
color: #bbb;
}
.galleria-theme-classic .galleria-info-close {
width: 9px;
height: 9px;
position: absolute;
top: 5px;
right: 5px;
background-position: -753px -11px;
opacity: .5;
filter: alpha(opacity=50);
cursor: pointer;
display: none;
}
.galleria-theme-classic .notouch .galleria-info-close:hover{
opacity:1;
filter: alpha(opacity=100);
}
.galleria-theme-classic .touch .galleria-info-close:active{
opacity:1;
filter: alpha(opacity=100);
}
.galleria-theme-classic .galleria-info-link {
background-position: -669px -5px;
opacity: .7;
filter: alpha(opacity=70);
position: absolute;
width: 20px;
height: 20px;
cursor: pointer;
background-color: #000;
}
.galleria-theme-classic.notouch .galleria-info-link:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.galleria-theme-classic.touch .galleria-info-link:active {
opacity: 1;
filter: alpha(opacity=100);
}
.galleria-theme-classic .galleria-image-nav {
position: absolute;
top: 50%;
margin-top: -62px;
width: 100%;
height: 62px;
left: 0;
}
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
opacity: .3;
filter: alpha(opacity=30);
cursor: pointer;
width: 62px;
height: 124px;
position: absolute;
left: 10px;
z-index: 2;
background-position: 0 46px;
}
.galleria-theme-classic .galleria-image-nav-right {
left: auto;
right: 10px;
background-position: -254px 46px;
z-index: 2;
}
.galleria-theme-classic.notouch .galleria-image-nav-left:hover,
.galleria-theme-classic.notouch .galleria-image-nav-right:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.galleria-theme-classic.touch .galleria-image-nav-left:active,
.galleria-theme-classic.touch .galleria-image-nav-right:active {
opacity: 1;
filter: alpha(opacity=100);
}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right {
cursor: pointer;
display: none;
background-position: -495px 5px;
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 23px;
z-index: 3;
opacity: .8;
filter: alpha(opacity=80);
}
.galleria-theme-classic .galleria-thumb-nav-right {
background-position: -578px 5px;
border-right: none;
right: 0;
left: auto;
}
.galleria-theme-classic .galleria-thumbnails-container .disabled {
opacity: .2;
filter: alpha(opacity=20);
cursor: default;
}
.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,
.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover {
opacity: 1;
filter: alpha(opacity=100);
background-color: #111;
}
.galleria-theme-classic.touch .galleria-thumb-nav-left:active,
.galleria-theme-classic.touch .galleria-thumb-nav-right:active {
opacity: 1;
filter: alpha(opacity=100);
background-color: #111;
}
.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover {
opacity: .2;
filter: alpha(opacity=20);
background-color: transparent;
}
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {
display: block;
}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right,
.galleria-theme-classic .galleria-info-link,
.galleria-theme-classic .galleria-info-close,
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
background-image: url(classic-map.png);
background-repeat: no-repeat;
}
.galleria-theme-classic.galleria-container.videoplay .galleria-info,
.galleria-theme-classic.galleria-container.videoplay .galleria-counter{ display:none!important;
}
/* https://www.tobiasdesignllc.com/css/html5reset.css
*//* html5reset.css - 01/11/2011 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display: block;
}
header {
margin: 0px auto;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
/* https://www.tobiasdesignllc.com/css/col.css
*/
/* SECTIONS ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* GROUPING ============================================================================= */
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
/* GRID COLUMN SETUP ==================================================================== */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.2%;
}
.first-child { margin-left: 0px !important; } /* all browsers except IE6 and lower */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%;
}
}
/* https://www.tobiasdesignllc.com/css/2cols.css
*//* GRID OF TWO ============================================================================= */
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.2%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 100%;
}
}
/* https://www.tobiasdesignllc.com/css/3cols.css
*//* GRID OF THREE ============================================================================= */
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 66.13%;
}
.span_1_of_3 {
width: 32.26%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 100%;
}
.span_1_of_3 {
width: 100%;
}
}
/* https://www.tobiasdesignllc.com/css/4cols.css
*//* GRID OF FOUR ============================================================================= */
.span_4_of_4 {
width: 100%;
}
.span_3_of_4 {
width: 74.6%;
}
.span_2_of_4 {
width: 49.2%;
}
.span_1_of_4 {
width: 23.8%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_4_of_4 {
width: 100%;
}
.span_3_of_4 {
width: 100%;
}
.span_2_of_4 {
width: 100%;
}
.span_1_of_4 {
width: 100%;
}
}
/* https://www.tobiasdesignllc.com/css/5cols.css
*//* GRID OF FIVE ============================================================================= */
.span_5_of_5 {
width: 100%;
}
.span_4_of_5 {
width: 79.68%;
}
.span_3_of_5 {
width: 59.36%;
}
.span_2_of_5 {
width: 39.04%;
}
.span_1_of_5 {
width: 18.72%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_5_of_5 {
width: 100%;
}
.span_4_of_5 {
width: 100%;
}
.span_3_of_5 {
width: 100%;
}
.span_2_of_5 {
width: 100%;
}
.span_1_of_5 {
width: 100%;
}
}
/* https://www.tobiasdesignllc.com/css/6cols.css
*//* GRID OF SIX ============================================================================= */
.span_6_of_6 {
width: 100%;
}
.span_5_of_6 {
width: 83.06%;
}
.span_4_of_6 {
width: 66.13%;
}
.span_3_of_6 {
width: 49.2%;
}
.span_2_of_6 {
width: 32.26%;
}
.span_1_of_6 {
width: 15.33%;
}
@media only screen and (max-width: 768px) {
.span_1_of_6 {
width: 32.26%;
}
.span_1_of_6:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_6_of_6 {
width: 100%;
}
.span_5_of_6 {
width: 100%;
}
.span_4_of_6 {
width: 100%;
}
.span_3_of_6 {
width: 100%;
}
.span_2_of_6 {
width: 100%;
}
.span_1_of_6 {
width: 50%;
}
.span_1_of_6:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.span_1_of_6:nth-child(3n+1) {
clear: none;
margin-left: auto;
}
}
/* https://www.tobiasdesignllc.com/css/7cols.css
*//* GRID OF SEVEN ============================================================================= */
.span_7_of_7 {
width: 100%;
}
.span_6_of_7 {
width: 85.48%;
}
.span_5_of_7 {
width: 70.97%;
}
.span_4_of_7 {
width: 56.45%;
}
.span_3_of_7 {
width: 41.94%;
}
.span_2_of_7 {
width: 27.42%;
}
.span_1_of_7 {
width: 12.91%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_7_of_7 {
width: 100%;
}
.span_6_of_7 {
width: 100%;
}
.span_5_of_7 {
width: 100%;
}
.span_4_of_7 {
width: 100%;
}
.span_3_of_7 {
width: 100%;
}
.span_2_of_7 {
width: 100%;
}
.span_1_of_7 {
width: 100%;
}
}
/* https://www.tobiasdesignllc.com/css/8cols.css
*//* GRID OF EIGHT ============================================================================= */
.span_8_of_8 {
width: 100%;
}
.span_7_of_8 {
width: 87.3%;
}
.span_6_of_8 {
width: 74.6%;
}
.span_5_of_8 {
width: 61.9%;
}
.span_4_of_8 {
width: 49.2%;
}
.span_3_of_8 {
width: 36.5%;
}
.span_2_of_8 {
width: 23.8%;
}
.span_1_of_8 {
width: 11.1%;
}
@media only screen and (max-width: 768px) {
#nav .span_1_of_8 {
width: 23.8%;
}
#nav .span_1_of_8:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_8_of_8 {
width: 100%;
}
.span_7_of_8 {
width: 100%;
}
.span_6_of_8 {
width: 100%;
}
.span_5_of_8 {
width: 100%;
}
.span_4_of_8 {
width: 100%;
}
.span_3_of_8 {
width: 100%;
}
.span_2_of_8 {
width: 100%;
}
.span_1_of_8 {
width: 100%;
}
}
/* https://www.tobiasdesignllc.com/css/9cols.css
*//* GRID OF NINE ============================================================================= */
.span_9_of_9 {
width: 100%;
}
.span_8_of_9 {
width: 88.71%;
}
.span_7_of_9 {
width: 77.42%;
}
.span_6_of_9 {
width: 66.13%;
}
.span_5_of_9 {
width: 54.84%;
}
.span_4_of_9 {
width: 43.55%;
}
.span_3_of_9 {
width: 32.26%;
}
.span_2_of_9 {
width: 20.97%;
}
.span_1_of_9 {
width: 9.68%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_9_of_9 {
width: 100%;
}
.span_8_of_9 {
width: 100%;
}
.span_7_of_9 {
width: 100%;
}
.span_6_of_9 {
width: 100%;
}
.span_5_of_9 {
width: 100%;
}
.span_4_of_9 {
width: 100%;
}
.span_3_of_9 {
width: 100%;
}
.span_2_of_9 {
width: 100%;
}
.span_1_of_9 {
width: 100%;
}
}
/* https://www.tobiasdesignllc.com/css/10cols.css
*//* GRID OF TEN ============================================================================= */
.span_10_of_10 {
width: 100%;
}
.span_9_of_10 {
width: 89.84%;
}
.span_8_of_10 {
width: 79.68%;
}
.span_7_of_10 {
width: 69.52%;
}
.span_6_of_10 {
width: 59.36%;
}
.span_5_of_10 {
width: 49.2%;
}
.span_4_of_10 {
width: 39.04%;
}
.span_3_of_10 {
width: 28.88%;
}
.span_2_of_10 {
width: 18.72%;
}
.span_1_of_10 {
width: 8.56%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_10_of_10 {
width: 100%;
}
.span_9_of_10 {
width: 100%;
}
.span_8_of_10 {
width: 100%;
}
.span_7_of_10 {
width: 100%;
}
.span_6_of_10 {
width: 100%;
}
.span_5_of_10 {
width: 100%;
}
.span_4_of_10 {
width: 100%;
}
.span_3_of_10 {
width: 100%;
}
.span_2_of_10 {
width: 100%;
}
.span_1_of_10 {
width: 100%;
}
}
/* https://www.tobiasdesignllc.com/css/11cols.css
*//* GRID OF ELEVEN ============================================================================= */
.span_11_of_11 {
width: 100%;
}
.span_10_of_11 {
width: 90.76%;
}
.span_9_of_11 {
width: 81.52%;
}
.span_8_of_11 {
width: 72.29%;
}
.span_7_of_11 {
width: 63.05%;
}
.span_6_of_11 {
width: 53.81%;
}
.span_5_of_11 {
width: 44.58%;
}
.span_4_of_11 {
width: 35.34%;
}
.span_3_of_11 {
width: 26.1%;
}
.span_2_of_11 {
width: 16.87%;
}
.span_1_of_11 {
width: 7.63%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_11_of_11 {
width: 100%;
}
.span_10_of_11 {
width: 100%;
}
.span_9_of_11 {
width: 100%;
}
.span_8_of_11 {
width: 100%;
}
.span_7_of_11 {
width: 100%;
}
.span_6_of_11 {
width: 100%;
}
.span_5_of_11 {
width: 100%;
}
.span_4_of_11 {
width: 100%;
}
.span_3_of_11 {
width: 100%;
}
.span_2_of_11 {
width: 100%;
}
.span_1_of_11 {
width: 100%;
}
}
/* https://www.tobiasdesignllc.com/css/12cols.css
*//* GRID OF TWELVE ============================================================================= */
.span_12_of_12 {
width: 100%;
}
.span_11_of_12 {
width: 91.53%;
}
.span_10_of_12 {
width: 83.06%;
}
.span_9_of_12 {
width: 74.6%;
}
.span_8_of_12 {
width: 66.13%;
}
.span_7_of_12 {
width: 57.66%;
}
.span_6_of_12 {
width: 49.2%;
}
.span_5_of_12 {
width: 40.73%;
}
.span_4_of_12 {
width: 32.26%;
}
.span_3_of_12 {
width: 23.8%;
}
.span_2_of_12 {
width: 15.33%;
}
.span_1_of_12 {
width: 6.86%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_12_of_12 {
width: 100%;
}
.span_11_of_12 {
width: 100%;
}
.span_10_of_12 {
width: 100%;
}
.span_9_of_12 {
width: 100%;
}
.span_8_of_12 {
width: 100%;
}
.span_7_of_12 {
width: 100%;
}
.span_6_of_12 {
width: 100%;
}
.span_5_of_12 {
width: 100%;
}
.span_4_of_12 {
width: 100%;
}
.span_3_of_12 {
width: 100%;
}
.span_2_of_12 {
width: 100%;
}
.span_1_of_12 {
width: 100%;
}
}
/* Unused Goes Here */
/* https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css
*//*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"
}
/* https://www.tobiasdesignllc.com/css/huge.css
*//* MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */
.mobileLogin {
display:none!important;
}
@media only screen and (min-width: 769px) and (max-width: 1024px){
/* https://www.tobiasdesignllc.com/css/1024.css
*//* MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */
header {
width: 93.75%; /* 960px / 1024px */
}
#maincontent{
width: 93.75%; /* 960px / 1024px */
}
.maincontent{
width: 93.75%; /* 960px / 1024px */
}
footer {
width: 93.75%; /* 960px / 1024px */
}
#toplinks{
width:93.75%;
}
#nav{
width:93.75%;
height: auto !important;
}
#slideshow{
width:93.75%;
height:350px;
}
#secondaryimage{
width:93.75%;
height:175px;
}
.mobileLogin {
display:none!important;
}
/* https://www.tobiasdesignllc.com/css/responsivegridsystem.css
*//* CUSTOM STYLES ====================================================================================== */
.expandableForm{
background-color: #d0d0d0;
height: 105px;
padding:10px !important;
text-align: center;
right:0px;
top:20px;
z-index: 200;
color: #0d6da0;
font-weight: 500;
width:225px;
}
.expandableForm input{
margin-top:5px;
margin-bottom:5px;
width: 180px;
}
.expandableForm button{
margin-top:5px;
margin-bottom:5px;
width: 100px!important;
}
.newsletterForm{
background-color: #d0d0d0;
height: 105px;
padding:10px !important;
text-align: center;
right:0px;
top:20px;
z-index: 200;
color: #000;
font-weight: 500;
width:225px;
}
.newsletterForm input{
margin-top:5px;
margin-bottom:5px;
width: 180px;
}
.newsletterForm button{
margin-top:5px;
margin-bottom:5px;
width: 100px!important;
}
.headSearch{
position: relative;
}
.slide{
height: 400px;
position: relative;
text-align: center;
}
.slidePositioner{
width:70%;
position: absolute;
left:15%;
}
.slide h2 {
color: #fff;
padding:15px 0px 15px 0px;
display: inline;
font-size: 45px;
font-weight: 900;
text-shadow: 2px 2px #000;
}
.slide p{
font-family: 'Oswald', sans-serif;
margin-top:10px;
color: #fff;
padding:15px;
font-size: 26px;
font-weight: 400;
text-align: left;
position: relative;
text-shadow: 2px 2px rgba(0,0,0,0.25);
z-index: 5;
}
#slideshowcontainer {
position: relative;
}
#slideshowcontainer:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: 1;
}
#slideshow a{
color:#f88b15;
}
#slideshow a:hover{
color:#406618;
}
.blurb1{
bottom:0px;
}
.blurb2,.blurb3{
bottom:-300px;
}
.darkBlue{
color: #0d6da0;
}
.orange{
color: #F90;
}
.centerAlign{
text-align: center;
}
.leftAlign{
text-align: left;
}
.rightAlign{
text-align: right;
}
.switcherGroup{
margin-top:35px !important;
}
.dateDiv{
line-height: 35px;
text-align: center;
color: #f88b15;
cursor: pointer;
border-right: 1px solid #ccc;
margin-right:10px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
}
.activeDate{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #fff;
border-left:1px solid #ccc;
color: #666666;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.inactive{
display: none !important;
}
.news h4{
color: #f88b15 !important;
margin-top:0px;
font-size: 1.25em!important;
font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
}
.newsDate{
background-color: #f88b15;
color: #fff;
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-size: 16px;
/* text-align: center; */
line-height: 40px;
}
.newsDate p {
padding-left:10px;
margin-bottom:0px !important;
color: #fff !important;
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-size: 16px;
}
#nav .col{
margin-top:0px !important;
margin-bottom:0px !important;
}
#navToggle{
display: none;
color: #fff;
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
padding: 5px 0px 5px 0px;
text-align: center;
cursor: pointer;
}
#navToggle img{
width:15px;
margin-right:8px;
}
.menuDiv ul{
list-style-type: none;
margin:0px;
padding:0px;
}
.menuDiv ul li ul{
margin-top:10px;
}
.menuDiv ul li{
line-height: 22px;
}
.menuDiv ul li a{
color: #f88b15;
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-size: 18px;
}
.menuDiv ul li ul li a{
color: #666;
font : 100%/1.4 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
}
.menuDiv ul li a:hover{
color:#f88b15;
}
.menuDiv ul li ul li a:hover{
margin-left:10px;
}
.last {
float:right;
}
div#sidebarContainer{
border-right: 1px solid #ccc;
}
div#sidebarContainer h5{
color: #f88b15;
font-size: 16px;
margin-top:30px;
}
.sidebarDate{
color: #fff;
text-align: center;
background-color: #f88b15;
font-size: 11px;
}
.sidebarTitle{
padding-left:5px;
padding-bottom:5px;
}
.sidebarTitle a{
color: #666;
position: relative;
}
.sidebarTitle a:visited{
color: #666;
}
.sidebarTitle a:hover{
color:#f88b15;
}
.resources a{
color: #666;
position: relative;
}
.resources a:visited{
color: #666;
}
.resources a:hover{
color:#f88b15;
}
a.aw-toggle{
display: none;
}
.weatherWidget{
padding-right:15px;
padding-top:20px;
}
.breadcrumbs{
font-size: 11px;
color: #666;
}
/* RESPONSIVE GRID SYSTEM ============================================================================= */
/* BASIC PAGE SETUP ============================================================================= */
body {
margin : 0 auto;
padding : 0;
font : 100%/1.4 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color : #7d796d;
text-align: center;
}
button,
input,
select,
textarea {
font-family : 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color : #333;
}
/* HEADINGS ============================================================================= */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-weight : normal;
margin-top: 10px;
letter-spacing: 0px;
}
h1, .h1 {
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color: #000;
margin-bottom : 0.2em;
font-size : 2.5em; /* 96 / 16 */
line-height : 1.4;
}
h2, .h2 {
color: #222;
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
}
h3, .h3 {
color: #5b6f7b;
margin-bottom : 0.5em;
letter-spacing: 0px;
font-size : 1.75em; /* 28 / 16 */
line-height : 1.3;
border-bottom:2px solid #f88b15;
display: inline-block;
}
h4, .h4 {
color: #5b6f7b;
background-color: none;
padding: none;
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16 */
line-height : 1.25;
}
h5, .h5 {
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */
}
h6, .h6 {
color: #666;
font-size : 1em; /* 16 / 16 */
}
h1:first-of-type,
h2:first-of-type,
h3:first-of-type,
h4:first-of-type,
h5:first-of-type,
h6:first-of-type {
margin-top: 0;
}
/* TYPOGRAPHY ============================================================================= */
p, ol, ul, dl, address {
margin-bottom : 1.5em;
font-size : 1.10em; /* 16 / 16 = 1 */
}
p {
hyphens : auto;
}
p.center {
text-align: center;
}
ul,
ol {
margin : 0 0 1.5em 0;
padding : 0 0 0 24px;
color: #666666;
}
li ul,
li ol {
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */
color: #666666;
}
dl,
dd {
margin-bottom : 1.5em;
}
dt {
font-weight : normal;
}
b, strong {
font-weight : bold;
}
hr {
display : block;
margin : 1em 0;
padding : 0;
height : 1px;
border : 0;
border-top : 1px solid #ccc;
}
small {
font-size : 1em; /* 16 / 16 = 1 */
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -.5em;
}
sub {
bottom : -.25em;
}
.subtext {
color: #666;
}
/* LINKS ============================================================================= */
a {
color : #f88b15;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}
a:visited {
color : #f88b15;
}
a:focus {
outline : thin dotted;
color : rgb(0,0,0);
}
a:hover,
a:active {
outline : 0;
color : #000;
}
footer a {
color : #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer a:visited {
color : #fff;
}
footer a:focus {
outline : thin dotted;
color : rgb(0,0,0);
}
footer a:hover,
footer a:active {
outline : 0;
color : #f88b15;
}
/* IMAGES ============================================================================= */
img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
img.floatleft { float: left; margin: 0 10px 0 0;
}
img.floatright { float: right; margin: 0 0 0 10px;
}
/* TABLES ============================================================================= */
table {
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%;
}
th, td, caption {
padding : .25em 10px .25em 5px;
}
tfoot {
font-style : italic;
}
caption {
background-color : transparent;
}
/* FORMS ============================================================================= */
form {
margin : 0;
}
fieldset {
margin-bottom : 1.5em;
padding : 0;
border-width : 0;
}
legend {
*margin-left : -7px;
padding : 0;
border-width : 0;
}
label{
font-weight : normal;
cursor : pointer;
display:block;
margin:0;
position:relative;
top:0;
left:0;
}
label.inline{
display:inline;
margin:0;
}
label span{
color:#666;
font-size:0.9em;
}
label span.right{
position:absolute;
bottom:0;
right:1em;
text-align:right;
}
label.disabled{
color:#ccc;
}
button,
search,
input,
select,
textarea {
font-size : 100%;
margin : 0;
vertical-align : baseline;
*vertical-align : middle;
}
button, input {
line-height : normal;
*overflow : visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 0.5em 1em;
margin: 0;
cursor : pointer;
text-shadow:0 1px 0 #fff;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box;
}
input[type="search"] {
box-sizing : content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0;
}
input{
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder{
color:#bbb;
}
input::-moz-focus-inner {border:0;
}
input[disabled="disabled"], input.disabled{
color:#999;
background:#f5f5f5;
-moz-box-shadow:inset 0px 0px 2px #ddd;
-webkit-box-shadow:inset 0px 1px 2px #ddd;
box-shadow:inset 0px 1px 2px #ddd;
}
/* Colors for form validity */
input:valid,
textarea:valid {
/* Styles */
}
input:invalid,
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00;
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color : #ccc;
}
/* MAIN LAYOUT ============================================================================= */
#skiptomain { display: none;
}
#wrapper {
width: 100%;
position: relative;
text-align: left;
}
#headcontainer {
width: 100%;
background-color: #FFF;
border-top:1px solid #e0e0e0;
}
header {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
text-align: right;
}
.social {
padding-top:15px;
}
#toplinkscontainer {
width: 100%;
background-color: #EEEEEE;
border-top: 1px solid #e0e0e0;
}
#toplinks {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
text-align: center;
}
#navcontainer {
width: 100%;
height:40px;
background-color: #5b6f7b;
z-index: 100;
position: relative;
}
#nav {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
text-align: center;
}
#nav a:hover{
background-color: #f88b15;
color: #fff;
}
#nav a{
color: #FFF;
padding:5px 20px 5px 20px;
display: block;
line-height: 30px;
/*margin-right:8px;*/
}
#nav ul{
list-style-type: none;
margin:0px;
padding:0px;
}
#slideshowcontainer {
width: 100%;
/* background-image:url('../images/slide1.jpg'); */
background-size: cover;
background-position: center center;
position: relative;
}
#fauxslideshowcontainer {
width: 100%;
background-size: cover;
background-position: center center;
height:400px;
position: absolute;
left:0px;
top:0px;
opacity: 0;
}
#slideshow {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
height: 400px;
overflow: hidden;
}
#nav ul li{
position: relative;
float: left;
text-transform: uppercase;
}
#nav ul li ul{
display: none;
position: absolute;
left:0px;
z-index: 101;
width:100%;
}
#nav ul li ul li{
background-color: #f88b15;
width:230px;
float: none;
text-align: left;
}
#nav ul li ul li a{
line-height: 20px;
}
#nav ul li ul li a:hover{
color:#f88b15;
background-color:#FFF;
}
#nav ul li:hover ul{
display:block;
}
#maincontentcontainer {
width: 100%;
}
.standardcontainer {
}
.darkcontainer {
background: rgba(102, 102, 102, 0.05);
}
.lightcontainer {
background: rgba(255, 255, 255, 0.33);
}
#maincontent{
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 1em 0px;
color: #333;
line-height: 1.5em;
position: relative;
}
.maincontent{
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 1em 0px;
color: #333;
line-height: 1.5em;
position: relative;
}
#maincontent h2{
//color: #fff;
//background-color:#f88b15;
padding:20px;
font-size: 26px;
}
#maincontent p{
color:#666666;
}
#maincontent h4{
color: #5b6f7b;
}
#footercontainer {
width: 100%;
border-top: 1px solid #000;
background-color:#222222;
}
footer {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 20px 0px 10px 0px;
color: #999;
}
footer strong {
font-size: 1.077em; /* 14 / 13 */
color: #fff;
}
footer h4{
color: #FFF;
font-family: 'Oswald', sans-serif;
font-size: 24px;
text-align: left;
}
footer a:link, footer a:visited { color: #999; text-decoration: underline;
}
footer a:hover { color: #f88b15; text-decoration: underline;
}
#smallprint {
margin-top: 20px;
line-height: 1.4em;
text-align: center;
color: #999;
font-size: 0.923em; /* 12 / 13 */
}
#smallprint p{
vertical-align: middle;
}
#smallprint .twitter-follow-button{
margin-left: 1em;
vertical-align: middle;
}
#smallprint img {
margin: 0px 10px 15px 0px;
vertical-align: middle;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha( opacity = 50);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#smallprint a:hover img {
opacity: 1.0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha( opacity = 100);
}
#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none;
}
#smallprint a:hover { color: #999; text-decoration: underline;
}
div.circleIcon{
text-align: right;
}
/* SECTIONS ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
/* VENDOR-SPECIFIC ============================================================================= */
html {
-webkit-overflow-scrolling : touch;
-webkit-tap-highlight-color : rgb(52,158,219);
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%;
}
.clearfix {
zoom : 1;
}
::selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button;
}
::-webkit-input-placeholder {
font-size : .875em;
line-height : 1.4;
}
input:-moz-placeholder {
font-size : .875em;
line-height : 1.4;
}
.ie7 img,
.iem7 img {
-ms-interpolation-mode : bicubic;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box;
}
input[type="search"] {
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0;
}
p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto;
}
@media only screen and (min-width: 768px) {
#nav{ height: auto !important};
}
@media only screen and (max-width: 768px) {
#nav ul li:hover ul{
display: block !important;
}
}
@media only screen and (max-width: 768px) {
.siteTagline{
display:none !important;
}
.toplinksLinks{
text-align: center;
}
.siteLogo {
text-align: center;
padding: 8px 16px;
}
#maincontent h2{
font-size: 18px;
padding:15px;
}
div.circleIcon{
text-align: center;
}
div.circleIcon img{
max-width: 120px;
}
div.dateList{
display: none !important;
}
.inactive{
display: block !important;
}
.newsDate{
text-align: left;
font-size: 18px;
background-color: #fff;
color: #f88b15;
line-height: 28px;
}
.news h4{
font-size: 1.1em;
}
#navToggle{
display: block;
}
#nav{
overflow: hidden;
position: absolute;
top:32px;
left:0px;
width:100% !important;
background-color: rgba(0,0,0,0.8);
}
#nav ul li:hover ul{
display: none !important;
}
}
pre{
color: #333;
background-color: #e0e0e0;
padding:15px;
}
.pull-right {
float: right;
}
.social_icons {
padding: 20px 0 0;
}
.social_icons ul {
list-style-type: none;
margin-left: 0;
padding:0px;
}
.social_icons ul li {
display: inline-block;
margin: 0;
line-height: 20px;
}
/* LOGIN STYLES ====================================================================================== */
.margin-bottom-sm {
margin-bottom: 5px !important;
}
.input-group {
border-collapse: separate;
/* display: table; */
position: relative;
}
.input-group-addon {
background-color: #eeeeee;
border: 1px solid #cccccc;
border-radius: 4px;
color: #555555;
font-size: 14px;
font-weight: normal;
line-height: 1;
padding: 6px 12px;
text-align: center;
box-shadow:none;
}
.input-group-addon:first-child {
border-right: 0 none;
}
.input-group .form-control {
margin-bottom: 0;
z-index: 2;
}
.form-control {
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555555;
display: block;
font-size: 14px;
height: 15px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.margin-bottom {
margin-bottom: 10px !important;
}
.btn-default {
text-shadow: 0 1px 0 #fff;
}
.btn {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}
.btn-sm, .btn-group-sm > .btn {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.btn-default {
background-color: #ffffff;
border-color: #cccccc;
color: #333333;
}
.eval-btn {
background-color:#f88b15;
color:#FFF;
font-weight:normal;
text-shadow:none;
border: 1px solid #cccccc;
border-radius: 4px;
width:210px;
margin-top:17px;
}
.eval-btn:hover {
background-color:#000;
}
.donate-btn {
background-color:#f88b15;
color:#FFF;
font-weight:normal;
text-shadow:none;
border: 1px solid #cccccc;
border-radius: 4px;
margin-top:58px;
}
.donate-btn:hover {
background-color:#406618;
}
.phone {
background-color:#f60;
color:#FFF;
font-weight:normal;
text-shadow:none;
width:93.75%;
}
#nav{
width:93.75%;
height: auto !important;
}
#slideshow{
width:93.75%;
height:350px;
}
#secondaryimage{
width:93.75%;
height:175px;
}
.mobileLogin {
display:none!important;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px){
/* https://www.tobiasdesignllc.com/css/768.css
*//* MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */
header {
width: 93.75%; /* 720px / 768px */
}
#maincontent{
width: 93.75%; /* 720px / 768px */
}
.maincontent{
width: 93.75%; /* 720px / 768px */
}
footer {
width: 93.75%; /* 720px / 768px */
}
#toplinks{
width:93.75%;
}
#nav{
width:93.75%;
height: 0px;
}
#nav a{
padding:5px 0px 5px 0px;
}
#nav ul{
width:100%;
}
#nav ul li{
width:25% !important;
}
#nav ul li ul li{
width:150px !important;
}
#nav ul li ul li a{
padding: 5px 10px 5px 10px;
}
#slideshow{
width:93.75%;
height:300px;
}
#secondaryimage{
width:93.75%;
height:150px;
}
.sidebarEvents, .sidebarNews{
display: none;
}
.menuDiv ul li ul li a:hover{
margin-left:0px;
}
.mobileLogin {
display:none!important;
}
}
@media only screen and (max-width: 480px){
/* https://www.tobiasdesignllc.com/css/480.css
*//* MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */
header {
width: 93.75%; /* 450px / 480px */
}
#maincontent{
width: 93.75%; /* 450px / 480px */
}
.maincontent{
width: 93.75%; /* 450px / 480px */
}
footer {
width: 93.75%; /* 450px / 480px */
}
#toplinks{
width:93.75%;
}
#nav{
width:93.75%;
height: 0px;
}
#nav ul{
width:100%;
}
#nav ul li{
width:50% !important;
}
#slideshow{
width:93.75%;
height:200px;
}
#fauxslideshowcontainer {
height:200px;
}
.slide{
height: 200px;
}
.slide h2{
font-size: 18px;
}
.slide p{
font-size: 12px;
}
.slidePositioner{
width:80%;
left:10%;
}
#secondaryimage{
width:93.75%;
height:100px;
}
#sidebarContainer{
border-right: 0px solid #fff !important;
}
.sidebarEvents, .sidebarNews{
display: none;
}
.weatherWidget{
display: none;
}
.menuDiv ul li ul li a:hover{
margin-left:0px;
}
.breadcrumbs{
display: none;
}
.menuDiv ul{
width:100%;
}
.menuDiv ul li{
width:100%;
}
.menuDiv ul li ul{
width:100%;
}
.menuDiv ul li ul li{
float: left;
width:50%;
display: block;
font-size: 11px;
}
.clientLogin {
display:none;
}
.headerText {
display:none;
}
.clientEval {
display:none;
}
.mobileLogin {
display:block!important;
padding-bottom:5px!important;
}
.mobileEval {
display:block!important;
padding-bottom:10px!important;
padding-top:5px!important;
}
.client {
display:none!important;
}
/* Except in the Example and in the Sample */
#example .maincontent .span_8_of_8 {
width: 100%;
margin-left: 0;
}
#example .maincontent .span_7_of_8 {
width: 100%;
margin-left: 0;
}
#example .maincontent .span_6_of_8 {
width: 100%;
margin-left: 0;
}
#example .maincontent .span_5_of_8 {
width: 100%;
margin-left: 0;
}
#example .maincontent .span_4_of_8 {
width: 100%;
margin-left: 0;
}
#example .maincontent .span_3_of_8 {
width: 100%;
margin-left: 0;
}
#example .maincontent .span_2_of_8 {
width: 100%;
margin-left: 0;
}
#example .maincontent .span_1_of_8 {
width: 100%;
margin-left: 0;
}
#sample .maincontent .span_8_of_8 {
width: 100%;
margin-left: 0;
}
#sample .maincontent .span_7_of_8 {
width: 100%;
margin-left: 0;
}
#sample .maincontent .span_6_of_8 {
width: 100%;
margin-left: 0;
}
#sample .maincontent .span_5_of_8 {
width: 100%;
margin-left: 0;
}
#sample .maincontent .span_4_of_8 {
width: 100%;
margin-left: 0;
}
#sample .maincontent .span_3_of_8 {
width: 100%;
margin-left: 0;
}
#sample .maincontent .span_2_of_8 {
width: 100%;
margin-left: 0;
}
#sample .maincontent .span_1_of_8 {
width: 100%;
margin-left: 0;
}
}
/* https://www.tobiasdesignllc.com/source/jquery.fancybox.css?v=2.1.5
*//*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* https://www.tobiasdesignllc.com/source/helpers/jquery.fancybox-buttons.css?v=1.0.5
*/#fancybox-buttons {
position: fixed;
left: 0;
width: 100%;
z-index: 8050;
}
#fancybox-buttons.top {
top: 10px;
}
#fancybox-buttons.bottom {
bottom: 10px;
}
#fancybox-buttons ul {
display: block;
width: 166px;
height: 30px;
margin: 0 auto;
padding: 0;
list-style: none;
border: 1px solid #111;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
background: rgb(50,50,50);
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}
#fancybox-buttons ul li {
float: left;
margin: 0;
padding: 0;
}
#fancybox-buttons a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-color: transparent;
background-image: url('fancybox_buttons.png');
background-repeat: no-repeat;
outline: none;
opacity: 0.8;
}
#fancybox-buttons a:hover {
opacity: 1;
}
#fancybox-buttons a.btnPrev {
background-position: 5px 0;
}
#fancybox-buttons a.btnNext {
background-position: -33px 0;
border-right: 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {
background-position: 0 -30px;
}
#fancybox-buttons a.btnPlayOn {
background-position: -30px -30px;
}
#fancybox-buttons a.btnToggle {
background-position: 3px -60px;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
width: 35px
}
#fancybox-buttons a.btnToggleOn {
background-position: -27px -60px;
}
#fancybox-buttons a.btnClose {
border-left: 1px solid #111;
width: 35px;
background-position: -56px 0px;
}
#fancybox-buttons a.btnDisabled {
opacity : 0.4;
cursor: default;
}
/* https://www.tobiasdesignllc.com/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7
*/#fancybox-thumbs {
position: fixed;
left: 0;
width: 100%;
overflow: hidden;
z-index: 8050;
}
#fancybox-thumbs.bottom {
bottom: 2px;
}
#fancybox-thumbs.top {
top: 2px;
}
#fancybox-thumbs ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
#fancybox-thumbs ul li {
float: left;
padding: 1px;
opacity: 0.5;
}
#fancybox-thumbs ul li.active {
opacity: 0.75;
padding: 0;
border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
opacity: 1;
}
#fancybox-thumbs ul li a {
display: block;
position: relative;
overflow: hidden;
border: 1px solid #222;
background: #111;
outline: none;
}
#fancybox-thumbs ul li img {
display: block;
position: relative;
border: 0;
padding: 0;
max-width: none;
}
/* https://www.tobiasdesignllc.com/css/responsivegridsystem.css
*//* CUSTOM STYLES ====================================================================================== */
.expandableForm{
background-color: #d0d0d0;
height: 105px;
padding:10px !important;
text-align: center;
right:0px;
top:20px;
z-index: 200;
color: #0d6da0;
font-weight: 500;
width:225px;
}
.expandableForm input{
margin-top:5px;
margin-bottom:5px;
width: 180px;
}
.expandableForm button{
margin-top:5px;
margin-bottom:5px;
width: 100px!important;
}
.newsletterForm{
background-color: #d0d0d0;
height: 105px;
padding:10px !important;
text-align: center;
right:0px;
top:20px;
z-index: 200;
color: #000;
font-weight: 500;
width:225px;
}
.newsletterForm input{
margin-top:5px;
margin-bottom:5px;
width: 180px;
}
.newsletterForm button{
margin-top:5px;
margin-bottom:5px;
width: 100px!important;
}
.headSearch{
position: relative;
}
.slide{
height: 400px;
position: relative;
text-align: center;
}
.slidePositioner{
width:70%;
position: absolute;
left:15%;
}
.slide h2 {
color: #fff;
padding:15px 0px 15px 0px;
display: inline;
font-size: 45px;
font-weight: 900;
text-shadow: 2px 2px #000;
}
.slide p{
font-family: 'Oswald', sans-serif;
margin-top:10px;
color: #fff;
padding:15px;
font-size: 26px;
font-weight: 400;
text-align: left;
position: relative;
text-shadow: 2px 2px rgba(0,0,0,0.25);
z-index: 5;
}
#slideshowcontainer {
position: relative;
}
#slideshowcontainer:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: 1;
}
#slideshow a{
color:#f88b15;
}
#slideshow a:hover{
color:#406618;
}
.blurb1{
bottom:0px;
}
.blurb2,.blurb3{
bottom:-300px;
}
.darkBlue{
color: #0d6da0;
}
.orange{
color: #F90;
}
.centerAlign{
text-align: center;
}
.leftAlign{
text-align: left;
}
.rightAlign{
text-align: right;
}
.switcherGroup{
margin-top:35px !important;
}
.dateDiv{
line-height: 35px;
text-align: center;
color: #f88b15;
cursor: pointer;
border-right: 1px solid #ccc;
margin-right:10px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
}
.activeDate{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #fff;
border-left:1px solid #ccc;
color: #666666;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.inactive{
display: none !important;
}
.news h4{
color: #f88b15 !important;
margin-top:0px;
font-size: 1.25em!important;
font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
}
.newsDate{
background-color: #f88b15;
color: #fff;
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-size: 16px;
/* text-align: center; */
line-height: 40px;
}
.newsDate p {
padding-left:10px;
margin-bottom:0px !important;
color: #fff !important;
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-size: 16px;
}
#nav .col{
margin-top:0px !important;
margin-bottom:0px !important;
}
#navToggle{
display: none;
color: #fff;
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
padding: 5px 0px 5px 0px;
text-align: center;
cursor: pointer;
}
#navToggle img{
width:15px;
margin-right:8px;
}
.menuDiv ul{
list-style-type: none;
margin:0px;
padding:0px;
}
.menuDiv ul li ul{
margin-top:10px;
}
.menuDiv ul li{
line-height: 22px;
}
.menuDiv ul li a{
color: #f88b15;
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-size: 18px;
}
.menuDiv ul li ul li a{
color: #666;
font : 100%/1.4 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
}
.menuDiv ul li a:hover{
color:#f88b15;
}
.menuDiv ul li ul li a:hover{
margin-left:10px;
}
.last {
float:right;
}
div#sidebarContainer{
border-right: 1px solid #ccc;
}
div#sidebarContainer h5{
color: #f88b15;
font-size: 16px;
margin-top:30px;
}
.sidebarDate{
color: #fff;
text-align: center;
background-color: #f88b15;
font-size: 11px;
}
.sidebarTitle{
padding-left:5px;
padding-bottom:5px;
}
.sidebarTitle a{
color: #666;
position: relative;
}
.sidebarTitle a:visited{
color: #666;
}
.sidebarTitle a:hover{
color:#f88b15;
}
.resources a{
color: #666;
position: relative;
}
.resources a:visited{
color: #666;
}
.resources a:hover{
color:#f88b15;
}
a.aw-toggle{
display: none;
}
.weatherWidget{
padding-right:15px;
padding-top:20px;
}
.breadcrumbs{
font-size: 11px;
color: #666;
}
/* RESPONSIVE GRID SYSTEM ============================================================================= */
/* BASIC PAGE SETUP ============================================================================= */
body {
margin : 0 auto;
padding : 0;
font : 100%/1.4 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color : #7d796d;
text-align: center;
}
button,
input,
select,
textarea {
font-family : 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color : #333;
}
/* HEADINGS ============================================================================= */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-weight : normal;
margin-top: 10px;
letter-spacing: 0px;
}
h1, .h1 {
font-family: 'Lato', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color: #000;
margin-bottom : 0.2em;
font-size : 2.5em; /* 96 / 16 */
line-height : 1.4;
}
h2, .h2 {
color: #222;
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
}
h3, .h3 {
color: #5b6f7b;
margin-bottom : 0.5em;
letter-spacing: 0px;
font-size : 1.75em; /* 28 / 16 */
line-height : 1.3;
border-bottom:2px solid #f88b15;
display: inline-block;
}
h4, .h4 {
color: #5b6f7b;
background-color: none;
padding: none;
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16 */
line-height : 1.25;
}
h5, .h5 {
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */
}
h6, .h6 {
color: #666;
font-size : 1em; /* 16 / 16 */
}
/* TYPOGRAPHY ============================================================================= */
p, ol, ul, dl, address {
margin-bottom : 1.5em;
font-size : 1.10em; /* 16 / 16 = 1 */
}
p {
hyphens : auto;
}
p.center {
text-align: center;
}
ul,
ol {
margin : 0 0 1.5em 0;
padding : 0 0 0 24px;
color: #666666;
}
li ul,
li ol {
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */
color: #666666;
}
dl,
dd {
margin-bottom : 1.5em;
}
dt {
font-weight : normal;
}
b, strong {
font-weight : bold;
}
hr {
display : block;
margin : 1em 0;
padding : 0;
height : 1px;
border : 0;
border-top : 1px solid #ccc;
}
small {
font-size : 1em; /* 16 / 16 = 1 */
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -.5em;
}
sub {
bottom : -.25em;
}
.subtext {
color: #666;
}
/* LINKS ============================================================================= */
a {
color : #f88b15;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}
a:visited {
color : #f88b15;
}
a:focus {
outline : thin dotted;
color : rgb(0,0,0);
}
a:hover,
a:active {
outline : 0;
color : #000;
}
footer a {
color : #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer a:visited {
color : #fff;
}
footer a:focus {
outline : thin dotted;
color : rgb(0,0,0);
}
footer a:hover,
footer a:active {
outline : 0;
color : #f88b15;
}
/* IMAGES ============================================================================= */
img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
img.floatleft { float: left; margin: 0 10px 0 0;
}
img.floatright { float: right; margin: 0 0 0 10px;
}
/* TABLES ============================================================================= */
table {
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%;
}
th, td, caption {
padding : .25em 10px .25em 5px;
}
tfoot {
font-style : italic;
}
caption {
background-color : transparent;
}
/* FORMS ============================================================================= */
form {
margin : 0;
}
fieldset {
margin-bottom : 1.5em;
padding : 0;
border-width : 0;
}
legend {
*margin-left : -7px;
padding : 0;
border-width : 0;
}
label{
font-weight : normal;
cursor : pointer;
display:block;
margin:0;
position:relative;
top:0;
left:0;
}
label.inline{
display:inline;
margin:0;
}
label span{
color:#666;
font-size:0.9em;
}
label span.right{
position:absolute;
bottom:0;
right:1em;
text-align:right;
}
label.disabled{
color:#ccc;
}
button,
search,
input,
select,
textarea {
font-size : 100%;
margin : 0;
vertical-align : baseline;
*vertical-align : middle;
}
button, input {
line-height : normal;
*overflow : visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 0.5em 1em;
margin: 0;
cursor : pointer;
text-shadow:0 1px 0 #fff;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box;
}
input[type="search"] {
box-sizing : content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0;
}
input{
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder{
color:#bbb;
}
input::-moz-focus-inner {border:0;
}
input[disabled="disabled"], input.disabled{
color:#999;
background:#f5f5f5;
-moz-box-shadow:inset 0px 0px 2px #ddd;
-webkit-box-shadow:inset 0px 1px 2px #ddd;
box-shadow:inset 0px 1px 2px #ddd;
}
/* Colors for form validity */
input:valid,
textarea:valid {
/* Styles */
}
input:invalid,
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00;
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color : #ccc;
}
/* MAIN LAYOUT ============================================================================= */
#skiptomain { display: none;
}
#wrapper {
width: 100%;
position: relative;
text-align: left;
}
#headcontainer {
width: 100%;
background-color: #FFF;
border-top:1px solid #e0e0e0;
}
header {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
text-align: right;
}
.social {
padding-top:15px;
}
#toplinkscontainer {
width: 100%;
background-color: #EEEEEE;
border-top: 1px solid #e0e0e0;
}
#toplinks {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
text-align: center;
}
#navcontainer {
width: 100%;
height:40px;
background-color: #5b6f7b;
z-index: 100;
position: relative;
}
#nav {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
text-align: center;
}
#nav a:hover{
background-color: #f88b15;
color: #fff;
}
#nav a{
color: #FFF;
padding:5px 20px 5px 20px;
display: block;
line-height: 30px;
/*margin-right:8px;*/
}
#nav ul{
list-style-type: none;
margin:0px;
padding:0px;
}
#slideshowcontainer {
width: 100%;
/* background-image:url('../images/slide1.jpg'); */
background-size: cover;
background-position: center center;
position: relative;
}
#fauxslideshowcontainer {
width: 100%;
background-size: cover;
background-position: center center;
height:400px;
position: absolute;
left:0px;
top:0px;
opacity: 0;
}
#slideshow {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
height: 400px;
overflow: hidden;
}
#nav ul li{
position: relative;
float: left;
text-transform: uppercase;
}
#nav ul li ul{
display: none;
position: absolute;
left:0px;
z-index: 101;
width:100%;
}
#nav ul li ul li{
background-color: #f88b15;
width:230px;
float: none;
text-align: left;
}
#nav ul li ul li a{
line-height: 20px;
}
#nav ul li ul li a:hover{
color:#f88b15;
background-color:#FFF;
}
#nav ul li:hover ul{
display:block;
}
#maincontentcontainer {
width: 100%;
}
.standardcontainer {
}
.darkcontainer {
background: rgba(102, 102, 102, 0.05);
}
.lightcontainer {
background: rgba(255, 255, 255, 0.33);
}
#maincontent{
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 1em 0px;
color: #333;
line-height: 1.5em;
position: relative;
}
.maincontent{
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 1em 0px;
color: #333;
line-height: 1.5em;
position: relative;
}
#maincontent h2:not([class]){
color: #5b6f7b;
padding:20px;
font-size: 26px;
}
#maincontent p{
color:#666666;
}
#maincontent h4{
color: #5b6f7b;
}
footer {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 20px 0px 10px 0px;
color: #999;
}
footer strong {
font-size: 1.077em; /* 14 / 13 */
color: #fff;
}
footer h4{
color: #FFF;
font-family: 'Oswald', sans-serif;
font-size: 24px;
text-align: left;
}
footer a:link, footer a:visited { color: #999; text-decoration: underline;
}
footer a:hover { color: #f88b15; text-decoration: underline;
}
#smallprint {
margin-top: 20px;
line-height: 1.4em;
text-align: center;
color: #999;
font-size: 0.923em; /* 12 / 13 */
}
#smallprint p{
vertical-align: middle;
}
#smallprint .twitter-follow-button{
margin-left: 1em;
vertical-align: middle;
}
#smallprint img {
margin: 0px 10px 15px 0px;
vertical-align: middle;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha( opacity = 50);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#smallprint a:hover img {
opacity: 1.0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha( opacity = 100);
}
#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none;
}
#smallprint a:hover { color: #999; text-decoration: underline;
}
div.circleIcon{
text-align: right;
}
/* SECTIONS ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
/* VENDOR-SPECIFIC ============================================================================= */
html {
-webkit-overflow-scrolling : touch;
-webkit-tap-highlight-color : rgb(52,158,219);
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%;
}
.clearfix {
zoom : 1;
}
::selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button;
}
::-webkit-input-placeholder {
font-size : .875em;
line-height : 1.4;
}
input:-moz-placeholder {
font-size : .875em;
line-height : 1.4;
}
.ie7 img,
.iem7 img {
-ms-interpolation-mode : bicubic;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box;
}
input[type="search"] {
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0;
}
p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto;
}
@media only screen and (min-width: 768px) {
#nav{ height: auto !important};
}
@media only screen and (max-width: 768px) {
#nav ul li:hover ul{
display: block !important;
}
}
@media screen and (max-width: 567px) {
#secondaryimagecontainer {
--ratio: 3/2;
}
}
@media only screen and (max-width: 768px) {
.siteTagline{
display:none !important;
}
.toplinksLinks{
text-align: center;
}
.siteLogo {
text-align: center;
padding: 8px 16px;
}
#maincontent h2{
font-size: 18px;
padding:15px;
}
div.circleIcon{
text-align: center;
}
div.circleIcon img{
max-width: 120px;
}
div.dateList{
display: none !important;
}
.inactive{
display: block !important;
}
.newsDate{
text-align: left;
font-size: 18px;
background-color: #fff;
color: #f88b15;
line-height: 28px;
}
.news h4{
font-size: 1.1em;
}
#navToggle{
display: block;
}
#nav{
overflow: hidden;
position: absolute;
top:32px;
left:0px;
width:100% !important;
background-color: rgba(0,0,0,0.8);
}
#nav ul li:hover ul{
display: none !important;
}
}
pre{
color: #333;
background-color: #e0e0e0;
padding:15px;
}
.pull-right {
float: right;
}
.social_icons {
padding: 20px 0 0;
}
.social_icons ul {
list-style-type: none;
margin-left: 0;
padding:0px;
}
.social_icons ul li {
display: inline-block;
margin: 0;
line-height: 20px;
}
/* LOGIN STYLES ====================================================================================== */
.margin-bottom-sm {
margin-bottom: 5px !important;
}
.input-group {
border-collapse: separate;
/* display: table; */
position: relative;
}
.input-group-addon {
background-color: #eeeeee;
border: 1px solid #cccccc;
border-radius: 4px;
color: #555555;
font-size: 14px;
font-weight: normal;
line-height: 1;
padding: 6px 12px;
text-align: center;
box-shadow:none;
}
.input-group-addon:first-child {
border-right: 0 none;
}
.input-group .form-control {
margin-bottom: 0;
z-index: 2;
}
.form-control {
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555555;
display: block;
font-size: 14px;
height: 15px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.margin-bottom {
margin-bottom: 10px !important;
}
.btn-default {
text-shadow: 0 1px 0 #fff;
}
.btn {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}
.btn-sm, .btn-group-sm > .btn {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.btn-default {
background-color: #ffffff;
border-color: #cccccc;
color: #333333;
}
.btn-primary {
border: none;
color: white;
background-color: #f88b15;
}
.eval-btn {
background-color:#f88b15;
color:#FFF;
font-weight:normal;
text-shadow:none;
border: 1px solid #cccccc;
border-radius: 4px;
width:210px;
margin-top:17px;
}
.eval-btn:hover {
background-color:#000;
}
.donate-btn {
background-color:#f88b15;
color:#FFF;
font-weight:normal;
text-shadow:none;
border: 1px solid #cccccc;
border-radius: 4px;
margin-top:58px;
}
.donate-btn:hover {
background-color:#406618;
}
.phone {
background-color:#f60;
color:#FFF;
font-weight:normal;
text-shadow:none;
border: 1px solid #cccccc;
border-radius: 4px;
width:181px;
text-align:left;
margin: 0;
padding: 0.5em 1em;
margin-top:8px;
}
/*.phone:hover {
cursor:pointer;
} */
/*.clientEval {
padding-top:5px;
} */
.headerText {
text-align:center;
text-transform:uppercase;
margin-top:35px;
padding-left:200px;
}
/* END LOGIN STYLES ====================================================================================== */
.big-icon-wrap {
color: #fff;
height: 85px;
line-height: 95px;
text-align: center!important;
transition: all 0.35s ease 0s;
width:85px;
margin: 0 auto;
}
.img-circle {
border-radius: 500px;
background-color: #f88b15;
}
.pull-left {
float: left;
}
.mobileLogin {
display:none!important;
}
.mobileEval {
display:none!important;
}
.dark-grey {
background: none repeat scroll 0 0 #e0e0e0;
padding: 15px 0px 5px 0px;
width:100%;
}
.light-grey {
background: none repeat scroll 0 0 #f0f0f0;
padding: 15px 0px 5px 0px;
width:100%;
}
.light-blue {
background-color: #dbe5e2;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding: 15px 0px 5px 0px;
width:100%;
}
.sectionImg {
background-image: url(../images/section-bkg.png);
background-repeat:repeat-x;
padding: 15px 0px 5px 0px;
width:100%;
}
.tan {
background: none repeat scroll 0 0 #c09c78;
padding: 15px 0px 5px 0px;
width:100%;
}
.basicBtn {
background-color:#f88b15;
color:#FFF;
font-weight:normal;
text-shadow:none;
border: 1px solid #cccccc;
border-radius: 4px;
text-align:left;
margin: 0;
padding: 0.5em 1em;
margin-top:8px;
}
.hero-unit {
background-color: #eeeeee;
border-radius: 6px;
color: inherit;
font-size: 18px;
font-weight: 200;
line-height: 30px;
margin-bottom: 30px;
padding: 60px;
}
.my-btn.btn-mini {
font-size: 12px;
padding: 6px;
}
.my-btn, .my-btn.btn-small, .my-btn.btn-large {
color: #f3f3f3;
}
.my-btn {
background: none repeat scroll 0 0 #f88b15;
}
.my-btn {
border-radius: 2px;
display: inline-block;
font-size: 16px;
padding: 10px;
}
.my-btn:hover, .my-btn.btn-small:hover, .my-btn.btn-large:hover {
background: none repeat scroll 0 0 #303030;
}
.box-1 {
border: 1px solid #e8e8e8;
text-align:center;
padding: 0px;
}
.box-1 p{
text-align:left;
padding:0px 20px;
}
.box-1:hover {
border: 1px solid #f88b15;
}
#maincontent h3.smallHead {
background-color: #3d3d3d;
color: #fff;
font-size: 16px;
margin: 0 0 10px;
padding: 5px 15px;
}
ul.bullets-style {
list-style-type: none;
margin: 0 0 10px 18px;
}
ul.bullets-style li, .arrow-list li:before, .arrow-list-2 li:before, .arrow-list-3 li:before, .arrow-list-4 li:before {
position: relative;
}
.arrow-list li:before {
list-style-type:disc;
}
.arrow-list li:before, .arrow-list-2 li:before, .arrow-list-3 li:before, .arrow-list-4 li:before {
display: inline-block;
margin-left: -18px;
margin-right: 8px;
top: 0;
width: 10px;
}
ul.bullets-style li, .arrow-list li:before, .arrow-list-2 li:before, .arrow-list-3 li:before, .arrow-list-4 li:before {
position: relative;
}
ul.bullets-style li {
margin: 0 0 5px;
}
ul.bullets-style li a {
font-size: 1.1em;
}
.fb_iframe_widget {
display: inline-block;
position: relative;
top: -5px;
}
.socialIcons {
text-align:right;
}
.socialIcons img {
height: 50px;
margin-left:15px;
margin-top:20px;
}
#headerContent{
clear: both;
width: 80%;
font-size: 0.8125em;
max-width: 92.3em;
margin: 0 auto;
padding:0px;
position: relative;
}
#headerContent h1,
#headerContent h2,
#headerContent h4 {
color:#FFF;
text-align:center;
text-transform:uppercase;
font-size:28px;
margin-top:100px;
/* border-bottom: 2px solid #19998b;
display: inline-block; */
}
hr.header {
width:10%;
height:2px;
color:#f88b15;
margin-left: auto;
margin-right: auto;
border:0 none;
background-color:#f88b15;
}
@media only screen and (max-width: 768px){
#headerContent h2 {
margin-top: 20px;
font-size: 24px;
}
#headerContent hr {
width: 50px;
}
}
.box-right {
border: 1px solid #e8e8e8;
text-align:center;
padding: 0px;
}
.box-right p{
text-align:left;
padding:0px 20px;
}
.box-right:hover {
border: 1px solid #f88b15;
}
.box-right img{
-webkit-filter: brightness(100%);
}
.box-right img:hover {
-webkit-filter: brightness(70%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.testimonial {
background-image:url(../images/quote.png);
background-position:left top;
background-repeat:no-repeat;
padding-left: 70px;
}
@media only screen and (max-width: 768px){
.testimonial {
padding-left: 0px;
}
.testimonial p:first-child {
padding-left: 70px;
padding-top: 12px;
}
}
.slide p {
display: block;
}
.galleria {
width: 100%;
height: 550px;
background-color: #5A5A5A;
}
.galleria-theme-classic {
background-color: #5a5a5a;
}
.galleria-thumbnails-list {
background-color: rgba(0, 0, 0, 0.5);
padding: 3px;
margin: 0 -10px;
}
.boxes, .boxes * {
box-sizing: border-box;
}
.boxes {
display: flex;
margin: 0 -15px;
}
.boxes.box-3 {
flex-wrap: wrap;
}
.boxes.box-3 .box {
width: 33.3333%;
}
.box {
padding: 0 15px;
}
.box-content {
text-align: center;
border: solid 1px #dedede
}
.box-content img {
width: 100%;
}
@media only screen and (max-width: 768px){
.boxes.box-3 {
flex-direction: column;
margin-top: 16px;
}
.boxes.box-3 .box {
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.boxes.box-3 .box + .box {
margin-top: 16px;
}
}
.houzzIcons {
display: flex;
justify-content: flex-end;
img {
width: 54px;
aspect-ratio:1;
}
}
.houzzIcons * + * {
margin-left: 10px;
}
.socialIcons {
display: flex;
justify-content: flex-end;
align-items: center;
padding-top: 10px;
img {
width: 93px;
aspect-ratio:1;
}
}
.socialIcons > * + * {
margin-left: 10px;
}
.socialIcons img {
margin-top: 10px;
height: auto;
}
#RedefiningDesign {
padding-top: 0px;
}
#RedefiningDesign .col > img {
margin-top: 12px;
}
* {
box-sizing: border-box;
}
input {
transition: all 0.4s ease 0s;
}
.form input[type="text"],
.form textarea {
border: solid 4px;
border-color: #eeeeee;
border-radius: 0px;
line-height: 2;
padding: 4px 8px;
box-shadow: none;
border-radius: 2px;
}
.form input[type="text"]:focus,
.form textarea:focus {
border-color: #f88b15;
outline: solid #f88b15 3px;
}
.form input[type="text"]{
height: 2.6em;
}
.form-input {
display: flex;
flex-direction: column;
}
.form input[type="submit"] {
background: #7ac141;
color: white;
padding: 0 24px;
border: none;
border-radius: 2px;
line-height: 2.5;
text-shadow: none;
}
.form input[type="submit"]:hover {
background: rgb(177, 219, 143);
}
.form-input label {
font-size: 12px;
text-align: left;
text-decoration: underline;
text-transform: uppercase;
font-weight: bold;
}
.form-input input {
width: 100%;
font-size: 16px;
}
.form-input textarea {
width: 100%;
min-height: 140px;
resize: none;
}
#CallToAction {
position: relative;
background-color: #f88b15;
background-image: url('/Images/call-to-action.aspx?width=1000');
background-size: cover;
background-position: center;
text-align: center;
padding: 8px;
}
#CallToAction:before {
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#CallToAction h3 {
color: white;
}
#CallToAction p {
color: white;
}
#CallToAction .button {
display: inline-block;
background: #f88b15;
color: white;
padding: 0 24px;
border-radius: 2px;
line-height: 2.5;
margin-right: 3px;
}
#CallToAction .button:hover {
background-color: #fbbc79
}
#CallToAction label {
color: white;
}
.call-to-action-header-group {
display: flex;
flex-wrap: wrap;
margin: 0 -8px 16px;
}
.call-to-action-header-group .form-input {
width: 33%;
padding: 0 8px;
}
.call-to-action-footer-group {
display: flex;
}
.call-to-action-footer-group .form-submit {
padding: 8px;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
@media only screen and (max-width: 768px){
.call-to-action-header-group .form-input {
width: 100%;
}
.form-input + .form-input {
margin-top: 8px;
}
#CallToAction .form {
max-width: 360px;
margin: 0px auto;
}
}
.content img.right {
float: right;
margin-left: 8px;
margin-bottom: 8px;
}
@media only screen and (max-width: 768px){
.content img.right {
float: none;
display: block;
margin: 0 auto 8px;
}
}
.box-image {
width: 100%;
padding-bottom: 61%;
height: 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.background {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.background {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.employee + .employee {
margin-top: 25px;
border-top: dotted 4px #eeeeee;
padding-top: 25px;
}
.employee-photo {
width: 250px;
flex-shrink: 0;
flex-grow: 0;
margin: 0px auto 15px;
}
.employee-photo > .background {
background-color: #eeeeee;
border-radius: 5;
padding-bottom: 100%;
border: solid 4px #5B6E7C;
}
.employee-header {
display: flex;
flex-direction: column;
}
.employee-info {
display: inline-flex;
flex-direction: column;
flex-grow: 0;
margin: 0px auto 10px;
}
.employee-info > *,
.employee-header > * {
width: auto;
flex-grow: 0;
flex-shrink: 0;
}
.employee-social {
margin: 0px auto 10px;
}
.employee-social-bar:before {
content: "Connect";
text-transform: uppercase;
font-weight: bold;
font-size: 1em;
margin-right: 8px;
}
.employee-social-bar {
display: inline-flex;
align-items: center;
background-color: #F18E24;
color: white;
padding: 0px 10px;
line-height: 1.5;
}
.employee-social-bar a {
display: inline-block;
color: white;
font-size: 1.5em;
}
.employee-social-bar a:hover {
color: #5B6E7C;
}
.employee-social-bar a + a {
margin-left: 8px;
}
.employee-email:before {
content: '\f0e0';
font-family: FontAwesome;
margin-right: 5px;
}
.employee-name {
display: inline-block;
text-align: center;
color: white;
text-transform: uppercase;
padding: 0px 10px;
letter-spacing: 0.5em;
line-height: 2;
font-size: 1.25em;
background-color: #5B6E7C;
}
.employee-title {
text-align: center;
margin-bottom: 10px;
display: inline-block;
color: #F18E24;
border-top: solid 2px;
text-transform: uppercase;
font-weight: bold;
font-size: 1em;
letter-spacing: 0.5em;
}
.employee-bio {
padding: 8px 12px;
background-color: #f6f6f6;
font-size: 14.3px;
}
.employee-bio p {
font-size: 1em;
}
@media only screen and (min-width: 769px){
.employee {
display: flex;
margin: 0px -15px;
}
.employee > [class^="employee-"]{
padding: 0px 15px;
}
.employee-photo {
width: 250px;
flex-shrink: 0;
flex-grow: 0;
}
.employee-social {
margin: 0 0 0 auto;
}
.employee-info {
margin: 0px;
}
.employee-header {
flex-direction: row;
}
.employee-name {
text-align: left;
}
.employee-title {
margin-left: 50px;
text-align: left;
}
}
@media only screen and (min-width: 962px)and (max-width: 1140px){
#headcontainer > header, #nav, #maincontent {
width: 100%;
display: block;
padding: 0px 50px;
}
#nav a {
font-size: 85%;
padding: 5px 15px;
}
}
@media only screen and (min-width: 901px) and (max-width: 961px){
.slide, #slideshowcontainer, #fauxslideshowcontainer {
height: 350px;
}
}
@media only screen and (min-width: 769px) and (max-width: 961px){
#nav a {
font-size: 82%;
padding: 5px 15px;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px){
.slide, #slideshowcontainer, #fauxslideshowcontainer {
height: 325px;
}
}
@media only screen and (max-width: 961px){
#HomeBoxes {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 15px -15px;
}
#HomeBoxes > .col.span_1_of_3 {
width: 50%;
margin: 0px 0px 15px;
padding: 0px 15px;
}
}
@media only screen and (max-width: 768px){
#HomeBoxes {
flex-direction: column;
flex-wrap: nowrap;
margin: 15px 0px;
}
#HomeBoxes > .col.span_1_of_3 {
width: 100%;
padding: 0px;
}
.slide p {
font-size: 18px;
}
}
@media only screen and (max-width: 480px){
.slide, #slideshowcontainer, #fauxslideshowcontainer {
height: 225px;
}
}
.call-now {
margin-bottom: 10px;
font-size: 1.25em;
font-weight: bold;
color: #5B6F7B;
}
.call-now > * {
display: inline-block;
}
.call-now label {
color: #EF8410;
font-weight: bold;
margin-right: 5px;
}
.call-now a {
text-decoration: underline;
}
@media only screen and (max-width: 480px){
.call-now, .social-icons {
text-align: center;
}
}
.gallery.gallery-grid {
display: flex;
flex-wrap: wrap;
margin: 0px -7.5px;
}
.gallery-photo {
width: 25%;
padding: 0px 7.5px 15px;
transform: scale(1);
transition: transform 0.4s ease-out 0s;
}
.gallery-photo .square {
position: relative;
width: 100%;
padding-bottom: 100%;
background-color: #eeeeee;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.gallery-photo:hover {
transform: scale(1.05);
}
@media only screen and (min-width: 1201px){
.gallery-photo { width: 20%
}
}
@media only screen and (max-width: 1200px){
.gallery-photo { width: 25%
}
}
@media only screen and (max-width: 981px){
.gallery-photo { width: 33%
}
}
@media only screen and (max-width: 768px){
.gallery-photo { width: 50%
}
}
.pager {
display: flex;
text-align: center;
font-weight: bold;
flex-wrap: wrap;
}
.pager:before {
display: block;
content: "";
width: 100%;
border-bottom: solid 4px #eeeeee;
margin: 15px 0;
}
.pager > a {
display: inline-block;
padding: 1px 5px;
margin: 0 5px;
height: 25px;
line-height: 25px;
}
.pager > a:hover {
color: #e28c05;
}
.pager ul {
padding: 0;
margin: 0 5px;
flex-grow: 1;
}
.pager ul, .pager li {
display: inline-block;
list-style: none;
}
.pager li > a, .pager li strong {
display: block;
padding: 1px 5px;
height: 25px;
width: 25px;
line-height: 25px;
border-radius: 50%;
}
.pager li > a {
color: #666666;
}
.pager li > a:hover {
color: #e28c05;
}
.pager li.current strong {
color: #e28c05;
}
.pager > a i {
line-height: 25px;
}
.pager ul {
font-size: 18px;
}
.buttonpedding {
text-align: left;
}
.BlogCommentsTitle,
.blog-leave-comment {
color: #5b6f7b;
margin-bottom: .5em;
letter-spacing: 0;
font-size: 1.75em;
line-height: 1.3;
border-bottom: 2px solid #f88b15;
display: inline-block;
}
.CommentUserName {
font-weight: bold;
}
.CommentDate {
opacity: 0.75;
}
.form-group {
margin-bottom: 1em;
}
.form-group:last-of-type {
margin-bottom: unset;
}
.control-label {
}
.form-control,
select {
border: solid 2px #eee;
line-height: 2;
padding: 4px 8px;
box-shadow: none;
border-radius: 2px;
display: block;
width: 100%;
max-width: 300px;
}
.form-control[type="text"] {
height: 2.6em;
}
textarea.form-control {
min-height: 10ch;
}
.form-control-error,
.InfoLabel {
color: #f88b15;
}
.FilterSearch {
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 1rem;
max-width: 300px;
}
.BlogPBody h3 {
display: block;
clear: both;
padding: 0.25rem 0;
}