/*// Variables
////////////////////////////////////////*/
/*// Imports
////////////////////////////////////////*/
/**
* Foundation for Sites by ZURB
* Version 6.2.3
* foundation.zurb.com
* Licensed under MIT Open Source
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: not-allowed; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="text"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */ }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="text"]::-webkit-search-cancel-button,
input[type="text"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
* [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
*/
/* fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} */
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
html {
font-size: 100%;
box-sizing: border-box; }
*,
*::before,
*::after {
box-sizing: inherit; }
body {
padding: 0;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
background: #fefefe;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle; }
textarea {
height: auto;
min-height: 50px;
border-radius: 3px; }
select {
border-radius: 3px; }
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
button {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
padding: 0;
border: 0;
border-radius: 3px;
line-height: 1; }
[data-whatinput='mouse'] button {
outline: 0; }
.is-visible {
display: block !important; }
.is-hidden {
display: none !important; }
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
p {
font-size: inherit;
line-height: 1.6;
margin-bottom: 1rem;
text-rendering: optimizeLegibility; }
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 80%;
line-height: inherit; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-top: 0;
margin-bottom: 0.5rem;
line-height: 1.4; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
color: #cacaca;
line-height: 0; }
h1 {
font-size: 1.5rem; }
h2 {
font-size: 1.25rem; }
h3 {
font-size: 1.1875rem; }
h4 {
font-size: 1.125rem; }
h5 {
font-size: 1.0625rem; }
h6 {
font-size: 1rem; }
@media screen and (min-width: 40em) {
h1 {
font-size: 3rem; }
h2 {
font-size: 2.5rem; }
h3 {
font-size: 1.9375rem; }
h4 {
font-size: 1.5625rem; }
h5 {
font-size: 1.25rem; }
h6 {
font-size: 1rem; } }
a {
color: #2ba6cb;
text-decoration: none;
line-height: inherit;
cursor: pointer; }
a:hover, a:focus {
color: #ffffff; }
a img {
border: 0; }
hr {
max-width: 71.25rem;
height: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #cacaca;
border-left: 0;
margin: 1.25rem auto;
clear: both; }
ul,
ol,
dl {
line-height: 1.6;
margin-bottom: 1rem;
list-style-position: outside; }
li {
font-size: inherit; }
ul {
list-style-type: disc;
margin-left: 1.25rem; }
ol {
margin-left: 1.25rem; }
ul ul, ol ul, ul ol, ol ol {
margin-left: 1.25rem;
margin-bottom: 0; }
dl {
margin-bottom: 1rem; }
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca; }
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a; }
cite {
display: block;
font-size: 0.8125rem;
color: #8a8a8a; }
cite:before {
content: '\2014 \0020'; }
abbr {
color: #0a0a0a;
cursor: help;
border-bottom: 1px dotted #0a0a0a; }
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a;
background-color: #e6e6e6;
border: 1px solid #cacaca;
padding: 0.125rem 0.3125rem 0.0625rem; }
kbd {
padding: 0.125rem 0.25rem 0;
margin: 0;
background-color: #e6e6e6;
color: #0a0a0a;
font-family: Consolas, "Liberation Mono", Courier, monospace;
border-radius: 3px; }
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a; }
.lead {
font-size: 125%;
line-height: 1.6; }
.stat {
font-size: 2.5rem;
line-height: 1; }
p + .stat {
margin-top: -1rem; }
.no-bullet {
margin-left: 0;
list-style: none; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
@media screen and (min-width: 40em) {
.medium-text-left {
text-align: left; }
.medium-text-right {
text-align: right; }
.medium-text-center {
text-align: center; }
.medium-text-justify {
text-align: justify; } }
@media screen and (min-width: 64em) {
.large-text-left {
text-align: left; }
.large-text-right {
text-align: right; }
.large-text-center {
text-align: center; }
.large-text-justify {
text-align: justify; } }
.show-for-print {
display: none !important; }
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important; }
.show-for-print {
display: block !important; }
.hide-for-print {
display: none !important; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''; }
abbr[title]:after {
content: " (" attr(title) ")"; }
pre,
blockquote {
border: 1px solid #8a8a8a;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
padding: 0.5rem;
border: 1px solid #cacaca;
margin: 0 0 1rem;
font-family: inherit;
font-size: 1rem;
color: #0a0a0a;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
border-radius: 3px;
-webkit-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
border: 1px solid #8a8a8a;
background-color: #fefefe;
outline: none;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
textarea {
max-width: 100%; }
textarea[rows] {
height: auto; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cacaca; }
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #cacaca; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #cacaca; }
input::placeholder,
textarea::placeholder {
color: #cacaca; }
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed; }
[type='submit'],
[type='button'] {
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none; }
input[type='text'] {
box-sizing: border-box; }
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1rem; }
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer; }
label > [type='checkbox'],
label > [type='radio'] {
margin-right: 0.5rem; }
[type='file'] {
width: 100%; }
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a; }
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0; }
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a; }
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem; }
.input-group > :first-child {
border-radius: 3px 0 0 3px; }
.input-group > :last-child > * {
border-radius: 0 3px 3px 0; }
.input-group-label, .input-group-field, .input-group-button {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle; }
.input-group-label {
text-align: center;
padding: 0 1rem;
background: #e6e6e6;
color: #0a0a0a;
border: 1px solid #cacaca;
white-space: nowrap;
width: 1%;
height: 100%; }
.input-group-label:first-child {
border-right: 0; }
.input-group-label:last-child {
border-left: 0; }
.input-group-field {
border-radius: 0;
height: 2.5rem; }
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
height: 100%;
width: 1%; }
.input-group-button a,
.input-group-button input,
.input-group-button button {
margin: 0; }
.input-group .input-group-button {
display: table-cell; }
fieldset {
border: 0;
padding: 0;
margin: 0; }
legend {
margin-bottom: 0.5rem;
max-width: 100%; }
.fieldset {
border: 1px solid #cacaca;
padding: 1.25rem;
margin: 1.125rem 0; }
.fieldset legend {
background: #fefefe;
padding: 0 0.1875rem;
margin: 0;
margin-left: -0.1875rem; }
select {
height: 2.4375rem;
padding: 0.5rem;
border: 1px solid #cacaca;
margin: 0 0 1rem;
font-size: 1rem;
font-family: inherit;
line-height: normal;
color: #0a0a0a;
background-color: #fefefe;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
background-size: 9px 6px;
background-position: right -1rem center;
background-origin: content-box;
background-repeat: no-repeat;
padding-right: 1.5rem; }
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed; }
select::-ms-expand {
display: none; }
select[multiple] {
height: auto;
background-image: none; }
.is-invalid-input:not(:focus) {
background-color: rgba(198, 15, 19, 0.1);
border-color: #c60f13; }
.is-invalid-label {
color: #c60f13; }
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #c60f13; }
.form-error.is-visible {
display: block; }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-center {
display: block;
margin-left: auto;
margin-right: auto; }
.clearfix::before, .clearfix::after {
content: ' ';
display: table; }
.clearfix::after {
clear: both; }
.hide {
display: none !important; }
.invisible {
visibility: hidden; }
@media screen and (max-width: 39.9375em) {
.hide-for-small-only {
display: none !important; } }
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important; } }
@media screen and (min-width: 40em) {
.hide-for-medium {
display: none !important; } }
@media screen and (max-width: 39.9375em) {
.show-for-medium {
display: none !important; } }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important; } }
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important; } }
@media screen and (min-width: 64em) {
.hide-for-large {
display: none !important; } }
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important; } }
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important; } }
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important; } }
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0); }
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.show-for-landscape,
.hide-for-portrait {
display: block !important; }
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important; } }
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important; } }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important; } }
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important; } }
.breadcrumbs {
list-style: none;
margin: 0 0 1rem 0; }
.breadcrumbs::before, .breadcrumbs::after {
content: ' ';
display: table; }
.breadcrumbs::after {
clear: both; }
.breadcrumbs li {
float: left;
color: #0a0a0a;
font-size: 0.6875rem;
cursor: default;
text-transform: uppercase; }
.breadcrumbs li:not(:last-child)::after {
color: #cacaca;
content: "/";
margin: 0 0.75rem;
position: relative;
top: 1px;
opacity: 1; }
.breadcrumbs a {
color: #2ba6cb; }
.breadcrumbs a:hover {
text-decoration: underline; }
.breadcrumbs .disabled {
color: #cacaca;
cursor: not-allowed; }
ul.pagination {
margin-left: 0;
margin-bottom: 1rem; }
ul.pagination::before, .pagination::after {
content: ' ';
display: table; }
ul.pagination::after {
clear: both; }
ul.pagination li {
font-size: 0.875rem;
margin-right: 0.0625rem;
border-radius: 3px;
display: none; }
ul.pagination li:last-child, ul.pagination li:first-child {
display: inline-block; }
@media screen and (min-width: 40em) {
ul.pagination li {
display: inline-block;
padding: 0; } }
ul.pagination a,
ul.pagination button {
color: #27a67e;
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 3px; }
ul.pagination a:hover,
ul.pagination button:hover {
background: #e6e6e6; }
ul.pagination .current {
padding: 0.1875rem 0.625rem;
font-weight: 700;
color: #27a67e;
cursor: default; }
ul.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #cacaca;
cursor: not-allowed; }
ul.pagination .disabled:hover {
background: transparent; }
ul.pagination .ellipsis::after {
content: '\2026';
padding: 0.1875rem 0.625rem;
color: #0a0a0a; }
ul.pagination-previous a::before,
ul.pagination-previous.disabled::before {
content: '\00ab';
display: inline-block;
margin-right: 0.5rem; }
ul.pagination-next a::after,
ul.pagination-next.disabled::after {
content: '\00bb';
display: inline-block;
margin-left: 0.5rem; }
.media-object {
margin-bottom: 1rem;
display: block; }
.media-object img {
max-width: none; }
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
display: block; }
.media-object.stack-for-small .media-object-section img {
width: 100%; } }
.media-object-section {
display: table-cell;
vertical-align: top; }
.media-object-section:first-child {
padding-right: 1rem; }
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem; }
.media-object-section > :last-child {
margin-bottom: 0; }
.media-object-section.middle {
vertical-align: middle; }
.media-object-section.bottom {
vertical-align: bottom; }
table {
width: 100%;
margin-bottom: 1rem;
border-radius: 3px; }
table thead,
table tbody,
table tfoot {
border: 1px solid #f1f1f1;
background-color: #fefefe; }
table caption {
font-weight: bold;
padding: 0rem 0.1rem 0.1rem; }
table thead,
table tfoot {
background: #f8f8f8;
color: #0a0a0a; }
table thead tr,
table tfoot tr {
background: transparent; }
table thead th,
table thead td,
table tfoot th,
table tfoot td {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
text-align: left; }
table tbody tr:nth-child(even) {
background-color: #f1f1f1; }
table tbody th,
table tbody td {
padding: 0 0.1rem 0.1rem; }
@media screen and (max-width: 63.9375em) {
table.stack thead {
display: none; }
table.stack tfoot {
display: none; }
table.stack tr,
table.stack th,
table.stack td {
display: block; }
table.stack td {
border-top: 0; } }
table.scroll {
display: block;
width: 100%;
overflow-x: auto; }
table.hover tr:hover {
background-color: #f9f9f9; }
table.hover tr:nth-of-type(even):hover {
background-color: #ececec; }
.table-scroll {
overflow-x: auto; }
.table-scroll table {
width: auto; }
.flex-video {
position: relative;
height: 0;
padding-bottom: 75%;
margin-bottom: 1rem;
overflow: hidden; }
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.flex-video.widescreen {
padding-bottom: 56.25%; }
.flex-video.vimeo {
padding-top: 0; }
.row {
max-width: 71.25rem;
margin-left: auto;
margin-right: auto; }
.row::before, .row::after {
content: ' ';
display: table; }
.row::after {
clear: both; }
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row .row {
max-width: none;
margin-left: -0.9375rem;
margin-right: -0.9375rem; }
.row .row.collapse {
margin-left: 0;
margin-right: 0; }
.row.expanded {
max-width: none; }
.row.expanded .row {
margin-left: auto;
margin-right: auto; }
.column, .columns {
width: 100%;
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left; }
.column.row.row, .row.row.columns {
float: none; }
.row .column.row.row, .row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0; }
.small-1 {
width: 4.16667%; }
.small-push-1 {
position: relative;
left: 4.16667%; }
.small-pull-1 {
position: relative;
left: -4.16667%; }
.small-offset-0 {
margin-left: 0%; }
.small-2 {
width: 8.33333%; }
.small-push-2 {
position: relative;
left: 8.33333%; }
.small-pull-2 {
position: relative;
left: -8.33333%; }
.small-offset-1 {
margin-left: 4.16667%; }
.small-3 {
width: 12.5%; }
.small-push-3 {
position: relative;
left: 12.5%; }
.small-pull-3 {
position: relative;
left: -12.5%; }
.small-offset-2 {
margin-left: 8.33333%; }
.small-4 {
width: 16.66667%; }
.small-push-4 {
position: relative;
left: 16.66667%; }
.small-pull-4 {
position: relative;
left: -16.66667%; }
.small-offset-3 {
margin-left: 12.5%; }
.small-5 {
width: 20.83333%; }
.small-push-5 {
position: relative;
left: 20.83333%; }
.small-pull-5 {
position: relative;
left: -20.83333%; }
.small-offset-4 {
margin-left: 16.66667%; }
.small-6 {
width: 25%; }
.small-push-6 {
position: relative;
left: 25%; }
.small-pull-6 {
position: relative;
left: -25%; }
.small-offset-5 {
margin-left: 20.83333%; }
.small-7 {
width: 29.16667%; }
.small-push-7 {
position: relative;
left: 29.16667%; }
.small-pull-7 {
position: relative;
left: -29.16667%; }
.small-offset-6 {
margin-left: 25%; }
.small-8 {
width: 33.33333%; }
.small-push-8 {
position: relative;
left: 33.33333%; }
.small-pull-8 {
position: relative;
left: -33.33333%; }
.small-offset-7 {
margin-left: 29.16667%; }
.small-9 {
width: 37.5%; }
.small-push-9 {
position: relative;
left: 37.5%; }
.small-pull-9 {
position: relative;
left: -37.5%; }
.small-offset-8 {
margin-left: 33.33333%; }
.small-10 {
width: 41.66667%; }
.small-push-10 {
position: relative;
left: 41.66667%; }
.small-pull-10 {
position: relative;
left: -41.66667%; }
.small-offset-9 {
margin-left: 37.5%; }
.small-11 {
width: 45.83333%; }
.small-push-11 {
position: relative;
left: 45.83333%; }
.small-pull-11 {
position: relative;
left: -45.83333%; }
.small-offset-10 {
margin-left: 41.66667%; }
.small-12 {
width: 50%; }
.small-push-12 {
position: relative;
left: 50%; }
.small-pull-12 {
position: relative;
left: -50%; }
.small-offset-11 {
margin-left: 45.83333%; }
.small-13 {
width: 54.16667%; }
.small-push-13 {
position: relative;
left: 54.16667%; }
.small-pull-13 {
position: relative;
left: -54.16667%; }
.small-offset-12 {
margin-left: 50%; }
.small-14 {
width: 58.33333%; }
.small-push-14 {
position: relative;
left: 58.33333%; }
.small-pull-14 {
position: relative;
left: -58.33333%; }
.small-offset-13 {
margin-left: 54.16667%; }
.small-15 {
width: 62.5%; }
.small-push-15 {
position: relative;
left: 62.5%; }
.small-pull-15 {
position: relative;
left: -62.5%; }
.small-offset-14 {
margin-left: 58.33333%; }
.small-16 {
width: 66.66667%; }
.small-push-16 {
position: relative;
left: 66.66667%; }
.small-pull-16 {
position: relative;
left: -66.66667%; }
.small-offset-15 {
margin-left: 62.5%; }
.small-17 {
width: 70.83333%; }
.small-push-17 {
position: relative;
left: 70.83333%; }
.small-pull-17 {
position: relative;
left: -70.83333%; }
.small-offset-16 {
margin-left: 66.66667%; }
.small-18 {
width: 75%; }
.small-push-18 {
position: relative;
left: 75%; }
.small-pull-18 {
position: relative;
left: -75%; }
.small-offset-17 {
margin-left: 70.83333%; }
.small-19 {
width: 79.16667%; }
.small-push-19 {
position: relative;
left: 79.16667%; }
.small-pull-19 {
position: relative;
left: -79.16667%; }
.small-offset-18 {
margin-left: 75%; }
.small-20 {
width: 83.33333%; }
.small-push-20 {
position: relative;
left: 83.33333%; }
.small-pull-20 {
position: relative;
left: -83.33333%; }
.small-offset-19 {
margin-left: 79.16667%; }
.small-21 {
width: 87.5%; }
.small-push-21 {
position: relative;
left: 87.5%; }
.small-pull-21 {
position: relative;
left: -87.5%; }
.small-offset-20 {
margin-left: 83.33333%; }
.small-22 {
width: 91.66667%; }
.small-push-22 {
position: relative;
left: 91.66667%; }
.small-pull-22 {
position: relative;
left: -91.66667%; }
.small-offset-21 {
margin-left: 87.5%; }
.small-23 {
width: 95.83333%; }
.small-push-23 {
position: relative;
left: 95.83333%; }
.small-pull-23 {
position: relative;
left: -95.83333%; }
.small-offset-22 {
margin-left: 91.66667%; }
.small-24 {
width: 100%; }
.small-offset-23 {
margin-left: 95.83333%; }
.small-up-1 > .column, .small-up-1 > .columns {
width: 100%;
float: left; }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left; }
.small-up-2 > .column, .small-up-2 > .columns {
width: 50%;
float: left; }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left; }
.small-up-3 > .column, .small-up-3 > .columns {
width: 33.33333%;
float: left; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left; }
.small-up-4 > .column, .small-up-4 > .columns {
width: 25%;
float: left; }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left; }
.small-up-5 > .column, .small-up-5 > .columns {
width: 20%;
float: left; }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left; }
.small-up-6 > .column, .small-up-6 > .columns {
width: 16.66667%;
float: left; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left; }
.small-up-7 > .column, .small-up-7 > .columns {
width: 14.28571%;
float: left; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left; }
.small-up-8 > .column, .small-up-8 > .columns {
width: 12.5%;
float: left; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left; }
.small-collapse > .column, .small-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.small-collapse .row,
.expanded.row .small-collapse.row {
margin-left: 0;
margin-right: 0; }
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.small-centered {
float: none;
margin-left: auto;
margin-right: auto; }
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left; }
@media screen and (min-width: 53.75em) {
.medium-1 {
width: 4.16667%; }
.medium-push-1 {
position: relative;
left: 4.16667%; }
.medium-pull-1 {
position: relative;
left: -4.16667%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-2 {
width: 8.33333%; }
.medium-push-2 {
position: relative;
left: 8.33333%; }
.medium-pull-2 {
position: relative;
left: -8.33333%; }
.medium-offset-1 {
margin-left: 4.16667%; }
.medium-3 {
width: 12.5%; }
.medium-push-3 {
position: relative;
left: 12.5%; }
.medium-pull-3 {
position: relative;
left: -12.5%; }
.medium-offset-2 {
margin-left: 8.33333%; }
.medium-4 {
width: 16.66667%; }
.medium-push-4 {
position: relative;
left: 16.66667%; }
.medium-pull-4 {
position: relative;
left: -16.66667%; }
.medium-offset-3 {
margin-left: 12.5%; }
.medium-5 {
width: 20.83333%; }
.medium-push-5 {
position: relative;
left: 20.83333%; }
.medium-pull-5 {
position: relative;
left: -20.83333%; }
.medium-offset-4 {
margin-left: 16.66667%; }
.medium-6 {
width: 25%; }
.medium-push-6 {
position: relative;
left: 25%; }
.medium-pull-6 {
position: relative;
left: -25%; }
.medium-offset-5 {
margin-left: 20.83333%; }
.medium-7 {
width: 29.16667%; }
.medium-push-7 {
position: relative;
left: 29.16667%; }
.medium-pull-7 {
position: relative;
left: -29.16667%; }
.medium-offset-6 {
margin-left: 25%; }
.medium-8 {
width: 33.33333%; }
.medium-push-8 {
position: relative;
left: 33.33333%; }
.medium-pull-8 {
position: relative;
left: -33.33333%; }
.medium-offset-7 {
margin-left: 29.16667%; }
.medium-9 {
width: 37.5%; }
.medium-push-9 {
position: relative;
left: 37.5%; }
.medium-pull-9 {
position: relative;
left: -37.5%; }
.medium-offset-8 {
margin-left: 33.33333%; }
.medium-10 {
width: 41.66667%; }
.medium-push-10 {
position: relative;
left: 41.66667%; }
.medium-pull-10 {
position: relative;
left: -41.66667%; }
.medium-offset-9 {
margin-left: 37.5%; }
.medium-11 {
width: 45.83333%; }
.medium-push-11 {
position: relative;
left: 45.83333%; }
.medium-pull-11 {
position: relative;
left: -45.83333%; }
.medium-offset-10 {
margin-left: 41.66667%; }
.medium-12 {
width: 50%; }
.medium-push-12 {
position: relative;
left: 50%; }
.medium-pull-12 {
position: relative;
left: -50%; }
.medium-offset-11 {
margin-left: 45.83333%; }
.medium-13 {
width: 54.16667%; }
.medium-push-13 {
position: relative;
left: 54.16667%; }
.medium-pull-13 {
position: relative;
left: -54.16667%; }
.medium-offset-12 {
margin-left: 50%; }
.medium-14 {
width: 58.33333%; }
.medium-push-14 {
position: relative;
left: 58.33333%; }
.medium-pull-14 {
position: relative;
left: -58.33333%; }
.medium-offset-13 {
margin-left: 54.16667%; }
.medium-15 {
width: 62.5%; }
.medium-push-15 {
position: relative;
left: 62.5%; }
.medium-pull-15 {
position: relative;
left: -62.5%; }
.medium-offset-14 {
margin-left: 58.33333%; }
.medium-16 {
width: 66.66667%; }
.medium-push-16 {
position: relative;
left: 66.66667%; }
.medium-pull-16 {
position: relative;
left: -66.66667%; }
.medium-offset-15 {
margin-left: 62.5%; }
.medium-17 {
width: 70.83333%; }
.medium-push-17 {
position: relative;
left: 70.83333%; }
.medium-pull-17 {
position: relative;
left: -70.83333%; }
.medium-offset-16 {
margin-left: 66.66667%; }
.medium-18 {
width: 75%; }
.medium-push-18 {
position: relative;
left: 75%; }
.medium-pull-18 {
position: relative;
left: -75%; }
.medium-offset-17 {
margin-left: 70.83333%; }
.medium-19 {
width: 79.16667%; }
.medium-push-19 {
position: relative;
left: 79.16667%; }
.medium-pull-19 {
position: relative;
left: -79.16667%; }
.medium-offset-18 {
margin-left: 75%; }
.medium-20 {
width: 83.33333%; }
.medium-push-20 {
position: relative;
left: 83.33333%; }
.medium-pull-20 {
position: relative;
left: -83.33333%; }
.medium-offset-19 {
margin-left: 79.16667%; }
.medium-21 {
width: 87.5%; }
.medium-push-21 {
position: relative;
left: 87.5%; }
.medium-pull-21 {
position: relative;
left: -87.5%; }
.medium-offset-20 {
margin-left: 83.33333%; }
.medium-22 {
width: 91.66667%; }
.medium-push-22 {
position: relative;
left: 91.66667%; }
.medium-pull-22 {
position: relative;
left: -91.66667%; }
.medium-offset-21 {
margin-left: 87.5%; }
.medium-23 {
width: 95.83333%; }
.medium-push-23 {
position: relative;
left: 95.83333%; }
.medium-pull-23 {
position: relative;
left: -95.83333%; }
.medium-offset-22 {
margin-left: 91.66667%; }
.medium-24 {
width: 100%; }
.medium-offset-23 {
margin-left: 95.83333%; }
.medium-up-1 > .column, .medium-up-1 > .columns {
width: 100%;
float: left; }
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left; }
.medium-up-2 > .column, .medium-up-2 > .columns {
width: 50%;
float: left; }
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left; }
.medium-up-3 > .column, .medium-up-3 > .columns {
width: 33.33333%;
float: left; }
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left; }
.medium-up-4 > .column, .medium-up-4 > .columns {
width: 25%;
float: left; }
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left; }
.medium-up-5 > .column, .medium-up-5 > .columns {
width: 20%;
float: left; }
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left; }
.medium-up-6 > .column, .medium-up-6 > .columns {
width: 16.66667%;
float: left; }
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left; }
.medium-up-7 > .column, .medium-up-7 > .columns {
width: 14.28571%;
float: left; }
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left; }
.medium-up-8 > .column, .medium-up-8 > .columns {
width: 12.5%;
float: left; }
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left; }
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.medium-collapse .row,
.expanded.row .medium-collapse.row {
margin-left: 0;
margin-right: 0; }
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.medium-centered {
float: none;
margin-left: auto;
margin-right: auto; }
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left; } }
@media screen and (min-width: 64em) {
.large-1 {
width: 4.16667%; }
.large-push-1 {
position: relative;
left: 4.16667%; }
.large-pull-1 {
position: relative;
left: -4.16667%; }
.large-offset-0 {
margin-left: 0%; }
.large-2 {
width: 8.33333%; }
.large-push-2 {
position: relative;
left: 8.33333%; }
.large-pull-2 {
position: relative;
left: -8.33333%; }
.large-offset-1 {
margin-left: 4.16667%; }
.large-3 {
width: 12.5%; }
.large-push-3 {
position: relative;
left: 12.5%; }
.large-pull-3 {
position: relative;
left: -12.5%; }
.large-offset-2 {
margin-left: 8.33333%; }
.large-4 {
width: 16.66667%; }
.large-push-4 {
position: relative;
left: 16.66667%; }
.large-pull-4 {
position: relative;
left: -16.66667%; }
.large-offset-3 {
margin-left: 12.5%; }
.large-5 {
width: 20.83333%; }
.large-push-5 {
position: relative;
left: 20.83333%; }
.large-pull-5 {
position: relative;
left: -20.83333%; }
.large-offset-4 {
margin-left: 16.66667%; }
.large-6 {
width: 25%; }
.large-push-6 {
position: relative;
left: 25%; }
.large-pull-6 {
position: relative;
left: -25%; }
.large-offset-5 {
margin-left: 20.83333%; }
.large-7 {
width: 29.16667%; }
.large-push-7 {
position: relative;
left: 29.16667%; }
.large-pull-7 {
position: relative;
left: -29.16667%; }
.large-offset-6 {
margin-left: 25%; }
.large-8 {
width: 33.33333%; }
.large-push-8 {
position: relative;
left: 33.33333%; }
.large-pull-8 {
position: relative;
left: -33.33333%; }
.large-offset-7 {
margin-left: 29.16667%; }
.large-9 {
width: 37.5%; }
.large-push-9 {
position: relative;
left: 37.5%; }
.large-pull-9 {
position: relative;
left: -37.5%; }
.large-offset-8 {
margin-left: 33.33333%; }
.large-10 {
width: 41.66667%; }
.large-push-10 {
position: relative;
left: 41.66667%; }
.large-pull-10 {
position: relative;
left: -41.66667%; }
.large-offset-9 {
margin-left: 37.5%; }
.large-11 {
width: 45.83333%; }
.large-push-11 {
position: relative;
left: 45.83333%; }
.large-pull-11 {
position: relative;
left: -45.83333%; }
.large-offset-10 {
margin-left: 41.66667%; }
.large-12 {
width: 50%; }
.large-push-12 {
position: relative;
left: 50%; }
.large-pull-12 {
position: relative;
left: -50%; }
.large-offset-11 {
margin-left: 45.83333%; }
.large-13 {
width: 54.16667%; }
.large-push-13 {
position: relative;
left: 54.16667%; }
.large-pull-13 {
position: relative;
left: -54.16667%; }
.large-offset-12 {
margin-left: 50%; }
.large-14 {
width: 58.33333%; }
.large-push-14 {
position: relative;
left: 58.33333%; }
.large-pull-14 {
position: relative;
left: -58.33333%; }
.large-offset-13 {
margin-left: 54.16667%; }
.large-15 {
width: 62.5%; }
.large-push-15 {
position: relative;
left: 62.5%; }
.large-pull-15 {
position: relative;
left: -62.5%; }
.large-offset-14 {
margin-left: 58.33333%; }
.large-16 {
width: 66.66667%; }
.large-push-16 {
position: relative;
left: 66.66667%; }
.large-pull-16 {
position: relative;
left: -66.66667%; }
.large-offset-15 {
margin-left: 62.5%; }
.large-17 {
width: 70.83333%; }
.large-push-17 {
position: relative;
left: 70.83333%; }
.large-pull-17 {
position: relative;
left: -70.83333%; }
.large-offset-16 {
margin-left: 66.66667%; }
.large-18 {
width: 75%; }
.large-push-18 {
position: relative;
left: 75%; }
.large-pull-18 {
position: relative;
left: -75%; }
.large-offset-17 {
margin-left: 70.83333%; }
.large-19 {
width: 79.16667%; }
.large-push-19 {
position: relative;
left: 79.16667%; }
.large-pull-19 {
position: relative;
left: -79.16667%; }
.large-offset-18 {
margin-left: 75%; }
.large-20 {
width: 83.33333%; }
.large-push-20 {
position: relative;
left: 83.33333%; }
.large-pull-20 {
position: relative;
left: -83.33333%; }
.large-offset-19 {
margin-left: 79.16667%; }
.large-21 {
width: 87.5%; }
.large-push-21 {
position: relative;
left: 87.5%; }
.large-pull-21 {
position: relative;
left: -87.5%; }
.large-offset-20 {
margin-left: 83.33333%; }
.large-22 {
width: 91.66667%; }
.large-push-22 {
position: relative;
left: 91.66667%; }
.large-pull-22 {
position: relative;
left: -91.66667%; }
.large-offset-21 {
margin-left: 87.5%; }
.large-23 {
width: 95.83333%; }
.large-push-23 {
position: relative;
left: 95.83333%; }
.large-pull-23 {
position: relative;
left: -95.83333%; }
.large-offset-22 {
margin-left: 91.66667%; }
.large-24 {
width: 100%; }
.large-offset-23 {
margin-left: 95.83333%; }
.large-up-1 > .column, .large-up-1 > .columns {
width: 100%;
float: left; }
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left; }
.large-up-2 > .column, .large-up-2 > .columns {
width: 50%;
float: left; }
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left; }
.large-up-3 > .column, .large-up-3 > .columns {
width: 33.33333%;
float: left; }
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left; }
.large-up-4 > .column, .large-up-4 > .columns {
width: 25%;
float: left; }
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left; }
.large-up-5 > .column, .large-up-5 > .columns {
width: 20%;
float: left; }
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left; }
.large-up-6 > .column, .large-up-6 > .columns {
width: 16.66667%;
float: left; }
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left; }
.large-up-7 > .column, .large-up-7 > .columns {
width: 14.28571%;
float: left; }
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left; }
.large-up-8 > .column, .large-up-8 > .columns {
width: 12.5%;
float: left; }
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left; }
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.large-collapse .row,
.expanded.row .large-collapse.row {
margin-left: 0;
margin-right: 0; }
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.large-centered {
float: none;
margin-left: auto;
margin-right: auto; }
.large-uncentered,
.large-push-0,
.large-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left; } }
.slide-in-down.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0); }
.slide-in-left.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0); }
.slide-in-up.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0); }
.slide-in-right.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0); }
.slide-out-down.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
transform: translateY(0);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
.slide-out-right.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
transform: translateX(0);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.slide-out-up.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
transform: translateY(0);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.slide-out-left.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
transform: translateX(0);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.fade-in.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 1;
-webkit-transition-property: opacity;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
transform-origin: top;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
transform-origin: right;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
transform-origin: left;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: top;
transform-origin: top;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: right;
transform-origin: right;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: left;
transform-origin: left;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
transform-origin: center;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
transform-origin: center;
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.scale-in-up.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
transform: scale(1.5);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
transform: scale(1);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
transform: scale(1);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
transform: rotate(0);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0.75turn);
transform: rotate(0.75turn);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
transform: rotate(0);
transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0; }
.slow {
-webkit-transition-duration: 750ms !important;
transition-duration: 750ms !important; }
.fast {
-webkit-transition-duration: 250ms !important;
transition-duration: 250ms !important; }
.linear {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important; }
.ease {
-webkit-transition-timing-function: ease !important;
transition-timing-function: ease !important; }
.ease-in {
-webkit-transition-timing-function: ease-in !important;
transition-timing-function: ease-in !important; }
.ease-out {
-webkit-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important; }
.ease-in-out {
-webkit-transition-timing-function: ease-in-out !important;
transition-timing-function: ease-in-out !important; }
.bounce-in {
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
-webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
-webkit-transition-delay: 300ms !important;
transition-delay: 300ms !important; }
.long-delay {
-webkit-transition-delay: 700ms !important;
transition-delay: 700ms !important; }
.shake {
-webkit-animation-name: shake-7;
animation-name: shake-7; }
@-webkit-keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%); } }
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%); } }
.spin-cw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn; }
@-webkit-keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
.spin-ccw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }
.wiggle {
-webkit-animation-name: wiggle-7deg;
animation-name: wiggle-7deg; }
@-webkit-keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
-webkit-animation-duration: 500ms;
animation-duration: 500ms; }
.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.slow {
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important; }
.fast {
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important; }
.linear {
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important; }
.ease {
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important; }
.ease-in {
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important; }
.ease-out {
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important; }
.ease-in-out {
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important; }
.bounce-in {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
-webkit-animation-delay: 300ms !important;
animation-delay: 300ms !important; }
.long-delay {
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important; }
/*// Owl Carousel - For sliders and carousels throughout site.
//////////////////////////////////////////////////////////////*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.owl-height {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; }
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel .owl-refresh .owl-item {
display: none; }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d; }
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto; }
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1; }
/*// SlickNav - For Mobile Menu
////////////////////////////////////////*/
#mobileMenu {
display: none; }
@media only screen and (min-width: 860px) {
.slicknav_menu {
display: none; } }
@media only screen and (max-width: 860px) {
.slicknav_menu {
display: block;
}
}
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.438em 0.625em 0.438em 0.625em;
line-height: 1.125em;
cursor: pointer; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }
.slicknav_menu {
*zoom: 1; }
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left; }
.slicknav_menu .slicknav_icon {
float: left;
width: 1.125em;
height: 0.875em;
margin: 0.23em 0 0 0.438em; }
.slicknav_menu .slicknav_icon:before {
background: transparent;
width: 1.125em;
height: 0.875em;
display: block;
content: "";
position: absolute; }
.slicknav_menu .slicknav_no-text {
margin: 0; }
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
border-radius: 1px; }
.slicknav_menu:before {
content: " ";
display: table; }
.slicknav_menu:after {
content: " ";
display: table;
clear: both; }
.slicknav_nav {
clear: both; }
.slicknav_nav ul {
display: block; }
.slicknav_nav li {
display: block; }
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item {
cursor: pointer; }
.slicknav_nav .slicknav_item a {
display: inline; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_parent-link a {
display: inline; }
.slicknav_brand {
float: left; }
.slicknav_menu {
font-size: 16px;
box-sizing: border-box;
background: #26a57c;
padding: 2px 12px; }
.slicknav_menu * {
box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {
color: #fff;
font-weight: bold; }
.slicknav_menu .slicknav_icon-bar {
background-color: #fff; }
.slicknav_btn {
margin: 5px 5px 6px;
text-decoration: none;
border-radius: 20px;
background-color: #1c7c5d; }
.slicknav_nav {
color: #fff;
margin: 0;
padding: 0;
font-size: 0.875em;
list-style: none;
overflow: hidden; }
.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0 0 0 20px; }
.slicknav_nav .slicknav_row {
padding: 5px 10px;
margin: 2px 5px; }
.slicknav_nav .slicknav_row:hover {
border-radius: 6px;
background: #30ce9b;
color: #fff; }
.slicknav_nav a {
border-radius: 6px;
padding: 5px 10px;
margin: 2px 5px;
text-decoration: none;
color: #fff; }
.slicknav_nav a:hover {
border-radius: 6px;
background: #30ce9b;
color: #5d5d5d; }
.slicknav_nav .slicknav_txtnode {
margin-left: 15px; }
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0; }
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0; }
.slicknav_brand {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px; }
/*// Magnific Popup - For Lightboxes
////////////////////////////////////////*/
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out; }
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8; }
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0; }
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out; }
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1; }
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0; }
/*
* jQuery FlexSlider v2.6.3
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
*/
/* ====================================================================================================================
* RESETS
* ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
outline: none; }
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none; }
.flex-pauseplay span {
text-transform: capitalize; }
/* ====================================================================================================================
* BASE STYLES
* ====================================================================================================================*/
.flexslider {
margin: 0;
padding: 0; }
.flexslider .slides {
margin: 0;
padding: 0;
list-style-type: none; }
.flexslider .slides li {
margin: 0;
padding: 0; }
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden; }
.flexslider .slides img {
width: 100%;
display: block; }
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
html[xmlns] .flexslider .slides {
display: block; }
* html .flexslider .slides {
height: 1%; }
.no-js .flexslider .slides > li:first-child {
display: block; }
/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/
.flexslider {
margin: 30px 0 18px;
position: relative;
zoom: 1; }
.flexslider + .flexslider {
margin-top: 0; }
.flexslider .slides {
zoom: 1; }
.flexslider .slides img {
height: auto;
-moz-user-select: none; }
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
transition: all 1s ease; }
.loading .flex-viewport {
max-height: 300px; }
.carousel li {
margin-right: 5px; }
.flex-direction-nav {
*height: 0; }
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 55%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: #2a333b url(../i/arrow-right.svg) 9px center no-repeat;
background-size: 10px 11px;
display: inline-block;
width: 26px;
height: 26px;
border-radius: 15px;
text-indent: -9999px; }
.flex-direction-nav .flex-prev {
left: -50px;
background: #2a333b url(../i/arrow-left.svg) 7px center no-repeat;
background-size: 10px 11px; }
.flex-direction-nav .flex-next {
right: -50px; }
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px; }
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1; }
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1; }
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000; }
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004'; }
.flex-pauseplay a:hover {
opacity: 1; }
.flex-pauseplay a.flex-play:before {
content: '\f003'; }
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center; }
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline; }
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 20px; }
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default; }
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden; }
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0; }
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
transition: all 1s ease; }
.flex-control-thumbs img:hover {
opacity: 1; }
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default; }
.flexcarousel > li {
position: relative; }
.flexcarousel > li:hover:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: #26a57c;
opacity: 0.4; }
.flexcarousel .flex-direction-nav a {
top: 58%; }
/* ====================================================================================================================
* RESPONSIVE
* ====================================================================================================================*/
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
/*// Mixins
////////////////////////////////////////*/
/*// Base Styles
////////////////////////////////////////*/
body {
font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px; }
@media only screen and (min-width: 860px) {
body {
border-top: 4px solid #26a57c; } }
.container {
max-width: 1470px;
margin: 0 auto; }
/*// Typography
////////////////////////////////////////*/
h1, h2, h3, h4, h5, h6 {
font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
line-height: 1.1;
color: #2a333b; }
h1 {
font-size: 28px;
font-weight: 700; }
@media only screen and (min-width: 600px) {
h1 {
font-size: 38px; } }
.altHeading {
font-size: 18px;
text-transform: none;
margin: 40px 0 15px;
border-bottom: 1px solid #2a333b;
font-weight: 700;
padding-bottom:5px;
}
.altHeading span {
padding-right: 11px;
display: inline-block;
position: relative;
top: 0px; }
.lede {
font-size: 24px; }
.calloutText {
text-align: center;
margin: 20px 0; }
.interiorBody ul {
padding-left: 20px; }
.interiorBody ul li {
padding-left: 20px; }
@media screen and (min-width: 40em) {
ul.pagination li {
padding: 0; } }
time {
margin-bottom: 1rem;
display: block;
color: #2a333b; }
/*// Buttons and Links
////////////////////////////////////////*/
a {
color: #26a57c; }
a:hover {
color: #18674d; }
.btn, a {
-webkit-transition: background 0.3s ease, color 0.3s ease;
transition: background 0.3s ease, color 0.3s ease; }
/*// Header
////////////////////////////////////////*/
.head .logo {
display: block;
text-indent: -9999px;
width: 93px;
height: 74px;
background-size: 93px 74px;
float: left;
margin: 17px 0 13px; }
.head nav.secondary {
text-align: right;
margin: 20px 0 0;
display: none; }
.head nav.secondary ul {
margin: 0;
padding: 0; }
.head nav.secondary li {
display: inline-block;
border-left: 1px solid #26a57c;
padding: 0 16px;
line-height: 1; }
.head nav.secondary li:first-child {
border: 0; }
.head nav.secondary li a {
color: #26a57c;
text-decoration: none;
font-weight: 600;
font-size: 14px; }
.head nav.secondary li.lang a {
color: #26a57c;
text-transform: uppercase; }
@media only screen and (min-width: 860px) {
.head nav.secondary {
display: block; } }
.head .mainNav {
float: right;
margin-top: -55px;
position: relative;
z-index: 3;
overflow: hidden; }
@media only screen and (min-width: 860px) {
.head .mainNav {
float: none;
margin: 0;
background: rgba(22, 142, 91, 0.88); } }
.head .mainNav nav {
float: left;
display: none; }
.head .mainNav nav ul {
margin: 0;
padding: 0; }
.head .mainNav nav li {
display: inline-block; }
.head .mainNav nav li a {
color: #fff;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
display: block;
padding: 20px 12px;
position: relative;
font-size: 14px; }
.head .mainNav nav li.active a, .head .mainNav nav li:hover a {
color: #fff;
background: #15774d; }
@media only screen and (min-width: 860px) {
.head .mainNav nav {
display: block; } }
@media only screen and (min-width: 970px) {
.head .mainNav nav li a {
padding: 20px 18px;
font-size: 16px; } }
@media only screen and (min-width: 1165px) {
.head .mainNav nav li a {
font-size: 18px; } }
.head .secondaryNav .navSearch {
float: right;
position: relative;
margin: 40px 0 0; }
.head .secondaryNav .navSearch [type="text"] {
background: #26a57c;
box-shadow: none;
border: 1px solid #fff;
border-radius: 20px;
padding-left: 21px;
color: #fff;
max-width: 207px;
float: right;
margin: 0;
font-size: 14px;
font-weight: 300; }
.head .secondaryNav .navSearch [type="text"]::-webkit-input-placeholder {
color: #fff; }
.head .secondaryNav .navSearch [type="text"]:-moz-placeholder {
/* Firefox 18- */
color: #fff; }
.head .secondaryNav .navSearch [type="text"]::-moz-placeholder {
/* Firefox 19+ */
color: #fff; }
.head .secondaryNav .navSearch [type="text"]:-ms-input-placeholder {
color: #fff; }
.head .secondaryNav .navSearch [type="button"] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
width: 21px;
height: 22px;
background: url(../i/search.svg) center center no-repeat;
background-size: 14px 15px;
border: 0;
text-indent: -9999px;
margin: 0; }
.head .secondaryNav .navSearch [type="submit"]:hover {
opacity: 0.8; }
@media only screen and (min-width: 860px) {
.head .secondaryNav .navSearch {
/*float: left;*/
width: 25.641025641%; }
.head .secondaryNav .navSearch [type="text"] {
} }
@media only screen and (min-width: 860px) {
.head .secondaryNav .navSearch {
margin: 5px 0 0; } }
.head .splash {
margin: 0 auto;
max-width: 1470px;
z-index: 2;
position: relative; }
@media only screen and (min-width: 970px) {
.head .splash {
margin: -65px auto 0; } }
@media only screen and (min-width: 1165px) {
.head .splash {
margin: -68px auto 0; } }
.head .splash img {
display: block;
position: relative;
z-index: 2; }
.head .splash .slideContent {
position: absolute;
width: 58.775510204%;
top: 47%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
right: 0;
background: rgba(0, 0, 0, 0.3);
padding: 5px 20px 0px 25px; }
@media only screen and (min-width: 560px) {
.head .splash .slideContent {
padding: 8px 20px 12px 25px;
width: 50.775510204%; } }
.head .splash .slideContent p {
font-size: 14px;
color: #fff;
font-weight: 600;
line-height: 1.1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media only screen and (min-width: 560px) {
.head .splash .slideContent p {
font-size: 18px;
width: 80.775510204%;
right: 19.795918367%; } }
@media only screen and (min-width: 860px) {
.head .splash .slideContent p {
font-size: 26px; } }
@media only screen and (min-width: 970px) {
.head .splash .slideContent p {
font-size: 28px; } }
@media only screen and (min-width: 1165px) {
.head .splash .slideContent p {
font-size: 32px; } }
@media only screen and (min-width: 1200px) {
.head .splash .slideContent p {
font-size: 40px; } }
.head .splash .slideContent p a {
display: block;
color: #26a57c; }
.head .splash .slideContent p a:after {
position: relative;
content: " \00BB";
font-family: Arial, sans-serif; }
.head .splash .slideContent p a:hover {
color: #30ce9b; }
.head .splash .forestTitle {
position: absolute;
width: 80%;
left: 10%;
z-index: 3;
top: 0;
text-align: center; }
.head .splash .forestTitle h1 {
color: #fff;
margin: 15px 0 10px;
font-size: 22px;
position: relative; }
.head .splash .forestTitle h1:after {
position: absolute;
max-width: 40%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0px;
background: #fff;
height: 1px;
width: 30%; }
@media only screen and (min-width: 400px) {
.head .splash .forestTitle h1 {
margin: 20px 0 10px;
font-size: 28px;
padding-bottom: 10px; }
.head .splash .forestTitle h1:after {
content: ""; } }
@media only screen and (min-width: 800px) {
.head .splash .forestTitle h1 {
margin: 30px 0 10px;
font-size: 30px;
padding-bottom: 10px; } }
@media only screen and (min-width: 970px) {
.head .splash .forestTitle h1 {
margin: 70px 0 10px; } }
@media only screen and (min-width: 1000px) {
.head .splash .forestTitle h1 {
margin: 80px 0 10px;
font-size: 38px;
padding-bottom: 16px; } }
@media only screen and (min-width: 1140px) {
.head .splash .forestTitle h1 {
margin: 100px 0 10px; } }
.head .splash .forestTitle p {
color: #fff;
line-height: 1.2;
font-size: 14px; }
@media only screen and (min-width: 600px) {
.head .splash .forestTitle p {
font-size: 16px; } }
@media only screen and (min-width: 800px) {
.head .splash .forestTitle p {
margin: 0 auto;
width: 80%;
font-size: 18px; } }
.head .splash .owl-controls {
position: absolute;
bottom: 10px;
right: 11%;
display: none; }
@media only screen and (min-width: 560px) {
.head .splash .owl-controls {
display: block; } }
.head .splash .owl-controls .owl-dots div {
height: 18px;
width: 18px;
background: #26a57c;
border-radius: 9px;
display: inline-block;
text-indent: -9999px;
margin: 0 4px;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease; }
.head .splash .owl-controls .owl-dots .active {
background: #fff; }
/*// Homepage
////////////////////////////////////////*/
.storiesSection {
}
.homepageStoriesSection {
padding-top:30px;
}
.forestSection {
padding: 30px 0 40px; }
.forestRow {
max-width: 1110px;
margin: 0 auto; }
.forestRow:after {
content: " ";
display: table;
clear: both; }
.mapSection {
max-width: 1470px;
margin: 0 auto;
background-size: cover;
padding-top: 50%;
position: relative;
box-shadow: inset 0 10px 10px -5px rgba(0, 0, 0, 0.27); }
@media only screen and (min-width: 500px) {
.mapSection {
padding-top: 29.591836735%; } }
.mapSection .btn {
border: 2px solid #fff;
padding: 15px 10px;
width: 250px;
text-align: center;
line-height: 0.5;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
font-size: 22px;
font-weight: 700;
position: absolute;
top: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
transition: box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease; }
@media only screen and (min-width: 860px) {
.mapSection .btn {
width: 561px;
padding: 29px 0;
font-size: 40px;
max-width: none; } }
.mapSection .btn:hover {
background: rgb(38,165,124);
background: rgba(38,165,124, 0.7);
text-shadow: -7px 4px 8px #1a1a1a;
color: #FFF;
}
section .intro {
text-align: center; }
section .intro h1 {
display: inline-block;
padding-bottom: 6px;
border-bottom: 1px solid #26a57c;
margin-bottom: 12px; }
section .intro p {
color: #5d5d5d; }
/*//Section Page
///////////////////////////////////////*/
.sectionPreContent{
margin-bottom: 20px;
display: inline-block; }
.sectionShareBar{
display:inline-block;
float:right; }
/*//Inline BreadCrumbs/Sharebar
///////////////////////////////////////*/
.inlinePreContent{
display: inline-block;
margin-top: 17px;
clear:both;
}
.inlinePreContentNoMargin{
display: inline-block;
clear:both;
}
.inlineShareBar{
display:inline-block;
float:right;
padding-top:16px;
}
.sectionInlineShareBar{
display:inline-block;
float:right;
}
ul.inlineshareBar {
margin: 0;
padding: 0;
list-style-type: none; }
ul.inlineshareBar:after {
content: " ";
display: table;
clear: both; }
ul.inlineshareBar li {
float: right;
margin-left: 18px;
padding-left: 0; }
ul.inlineshareBar li a {
font-size: 16px; }
ul.inlineshareBar li a:before {
position: relative;
content: "";
display: inline-block;
margin-right: 5px; }
ul.inlineshareBar .email a:before {
width: 19px;
height: 16px;
background: url(/Custom_Assets/i/icon-email.png) 0 0 no-repeat;
top: 2px; }
ul.inlineshareBar .twitter a:before {
width: 26px;
height: 20px;
background: url(/Custom_Assets/i/icon-twitter.png) 0 0 no-repeat;
top: 4px; }
ul.inlineshareBar .facebook a:before {
width: 20px;
height: 20px;
background: url(/Custom_Assets/i/icon-fb.png) 0 0 no-repeat;
top: 4px; }
ul.inlineshareBar .linkedin a:before {
width: 20px;
height: 20px;
background: url(/Custom_Assets/i/icon-linkedin.png) 0 0 no-repeat;
top: 4px; }
/*//Research Page
////////////////////////////////////////*/
.researchTextContent p{
max-width:100%;
word-break:break-word; }
/*////////////////////////////////////*/
/*// Modules
////////////////////////////////////////*/
.pulse-carousel {
}
.pulse-carousel .item {
position: relative; }
.pulse-carousel .item .caption {
background: rgba(0, 0, 0, 0.75);
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 18px 10px 10px 15px; }
@media only screen and (min-width: 700px) {
.pulse-carousel .item .caption {
height: 48px; } }
.pulse-carousel .item .caption h1 {
text-transform: uppercase;
font-size: 14px;
color: #fff;
line-height: 1.1;
margin: 0 0 15px; }
.pulse-carousel .item .caption p {
color: #fff;
font-size: 14px;
line-height: 1.2;
margin-bottom: 3px; }
.pulse-carousel .item .caption a {
color: #26a57c;
font-size: 16px; }
.pulse-carousel .item .caption a:after {
position: relative;
content: " \00BB";
font-family: Arial, sans-serif; }
.pulse-carousel .item:hover .caption {
height: auto; }
.pulse-carousel .item.video div:first-child a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
text-indent: -9999px;
background: url(../i/play-btn.svg) center 33% no-repeat;
background-size: 23%;
opacity: 0.7; }
.pulse-carousel .owl-controls {
text-align: center; }
.pulse-carousel .owl-controls .owl-nav div {
display: inline-block;
width: 26px;
height: 26px;
border-radius: 15px;
text-indent: -9999px;
margin: 35px 15px 0; }
.pulse-carousel .owl-controls .owl-nav .owl-prev {
background: #2a333b url(../i/arrow-left.svg) 7px center no-repeat;
background-size: 10px 11px; }
.pulse-carousel .owl-controls .owl-nav .owl-next {
background: #2a333b url(../i/arrow-right.svg) 9px center no-repeat;
background-size: 10px 11px; }
/*////////////////////////////////////*/
/*// related carousel
////////////////////////////////////////*/
.pulse-carousel2 {
padding-top: 0px; }
.pulse-carousel2 .item {
position: relative; }
.pulse-carousel2 .item .caption {
background: rgba(0, 0, 0, 0.75);
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 18px 10px 10px 15px; }
@media only screen and (min-width: 700px) {
.pulse-carousel2 .item .caption {
height: 52px; } }
.pulse-carousel2 .item .caption h1 {
text-transform: uppercase;
font-size: 14px;
color: #fff;
line-height: 1.1;
margin: 0 0 15px; }
.pulse-carousel2 .item .caption p {
color: #fff;
font-size: 12px;
line-height: 1.2;
margin-bottom: 3px; }
.pulse-carousel2 .item .caption a {
color: #26a57c;
font-size: 16px; }
.pulse-carousel2 .item .caption a:after {
position: relative;
content: " \00BB";
font-family: Arial, sans-serif; }
.pulse-carousel2 .item:hover .caption {
height: auto; }
.pulse-carousel2 .item.video div:first-child a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
text-indent: -9999px;
background: url(../i/play-btn.svg) center 33% no-repeat;
background-size: 23%;
opacity: 0.7; }
.pulse-carousel2 .owl-controls {
text-align: center; }
.pulse-carousel2 .owl-controls .owl-nav div {
display: inline-block;
width: 26px;
height: 26px;
border-radius: 15px;
text-indent: -9999px;
margin: 35px 15px 0; }
.pulse-carousel2 .owl-controls .owl-nav .owl-prev {
background: #2a333b url(../i/arrow-left.svg) 7px center no-repeat;
background-size: 10px 11px; }
.pulse-carousel2 .owl-controls .owl-nav .owl-next {
background: #2a333b url(../i/arrow-right.svg) 9px center no-repeat;
background-size: 10px 11px; }
.dial-carousel {
position: relative; }
.dial-carousel .intro {
line-height: 1.3;
font-size: 16px; }
.dial-carousel .content {
background: #fff;
font-size: 16px;
position: relative; }
.dial-carousel .content .dial-banner {
margin: -12px -16px 0; }
.dial-carousel .content article {
padding-left: 0;
display: block;
padding-bottom: 10px; }
.dial-carousel .content article .dial-inner {
padding: 12px 16px 0; }
.dial-carousel .content article .dial-inner .row {
clear: both; }
.dial-carousel .content article h1 {
font-size: 26px;
color: #008c55;
margin: 0 0 25px 25px;
line-height: 62px; }
@media only screen and (min-width: 860px) {
.dial-carousel .content article h1 {
float: left; } }
@media only screen and (max-width: 859px) {
.dial-carousel .content .content-img-right {
float: none;
width: 48%;
margin-right: 1%; } }
@media only screen and (max-width: 429px) {
.dial-carousel .content .content-img-right {
float: none;
width: 100%;
margin-right: 0; } }
.dial-carousel .dial-carousel-dial {
display: none;
background: #37a36e url(../i/dotted-circle.svg) center center no-repeat;
background-size: 71%;
border-radius: 50%;
width: 267px;
height: 267px;
position: absolute;
top: -35px;
right: 0;
list-style-type: none;
margin: 0;
padding: 0; }
.dial-carousel .dial-carousel-dial li {
padding: 0;
margin: 0;
position: absolute;
top: 104px;
left: 104px; }
.dial-carousel .dial-carousel-dial li.dial-elem {
-webkit-transition: 800ms ease-out;
transition: 800ms ease-out;
-webkit-transform: rotate(0deg) translateY(-95px) rotate(0deg);
transform: rotate(0deg) translateY(-95px) rotate(0deg);
zoom: 1; }
.dial-carousel .dial-carousel-dial .dial-label {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0;
background: none; }
.dial-carousel .dial-carousel-arrows {
display: none;
text-align: center;
margin: 20px 0 0;
padding: 0;
list-style-type: none;
float: left; }
.dial-carousel .dial-carousel-arrows li {
display: inline-block;
text-indent: -9999px;
margin: 0 2px 0;
padding: 0; }
.dial-carousel .dial-carousel-arrows li a {
display: block;
width: 20px;
height: 20px;
border-radius: 15px; }
.dial-carousel .dial-carousel-arrows .dial-carousel-prev {
background: #25a36b url(../i/arrow-left.svg) 4px center no-repeat;
background-size: 10px 11px; }
.dial-carousel .dial-carousel-arrows .dial-carousel-next {
background: #25a36b url(../i/arrow-right.svg) 6px center no-repeat;
background-size: 10px 11px; }
/* mobile graphic */
.dial-carousel .dial-nav-mobile {
list-style-type: none;
margin: 0 0 8px;
padding: 0; }
.dial-carousel .dial-nav-mobile:after {
content: " ";
display: table;
clear: both; }
.dial-carousel .dial-nav-mobile li {
padding: 0;
margin: 0 0 8px;
display: block; }
.dial-carousel .dial-nav-mobile li a {
display: block;
background: #26a57c;
color: #fff;
padding: 3px 10px;
text-align: center;
border-radius: 20px;
font-size: 16px; }
.dial-carousel .dial-nav-mobile li a:hover {
background: #1c7c5d;
color: #fff; }
@media only screen and (min-width: 860px) {
.dial-carousel .dial-nav-mobile {
display: none; } }
.dial-carousel .backTop {
display: block; }
@media only screen and (min-width: 860px) {
.dial-carousel .backTop {
display: none; } }
/* end mobile graphic */
.tabbed-content {
margin-bottom: 30px; }
.tabbed-content .tabbed-controls {
list-style-type: none;
margin: 0;
padding: 0;
display: none; }
.tabbed-content .tabbed-controls:after {
content: "";
display: table;
clear: both; }
.tabbed-content .tabbed-controls li {
float: left;
margin: 0;
padding: 0;
width: 10%; }
.tabbed-content .tabbed-controls li a {
display: block;
background: #0f9e71;
height: 96px;
position: relative; }
.tabbed-content .tabbed-controls li a img {
display: block;
position: absolute;
width: 85%;
max-height: 65px;
top: 50%;
left: 7%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.tabbed-content .tabbed-controls li a:hover {
background: #838383; }
.tabbed-content .tabbed-controls li:nth-child(2n) a {
background: #0c7c59; }
.tabbed-content .tabbed-controls li:nth-child(2n) a:hover {
background: #777777; }
.tabbed-content .tabbed-controls li.active a {
background: #5d5d5d; }
@media only screen and (min-width: 600px) {
.tabbed-content .tabbed-controls {
display: block; } }
.tabbed-content .title {
background: #5d5d5d;
padding: 3px 34px;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
display: none; }
@media only screen and (min-width: 600px) {
.tabbed-content .title {
display: block; } }
.tabbed-content .content {
margin: 0;
padding: 20px 34px; }
.tabbed-content .content h1 {
font-size: 26px;
color: #008c55; }
/*start new tabbed content for text buttons*/
.tabbed-content-text {
margin-bottom: 30px; }
.tabbed-content-text .tabbed-controls-text {
list-style-type: none;
margin: 0;
padding: 0;
display: none; }
.tabbed-content-text .tabbed-controls-text:after {
content: "";
display: table;
clear: both; }
.tabbed-content-text .tabbed-controls-text li {
float: left;
margin: 0;
padding: 0;
}
.tabbed-content-text .tabbed-controls-text li a {
display: block;
background: #0f9e71;
position: relative; }
.tabbed-content-text .tabbed-controls-text li a img {
display: block;
position: absolute;
width: 85%;
max-height: 65px;
top: 50%;
left: 7%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.tabbed-content-text .tabbed-controls-text li a:hover {
background: #838383; }
.tabbed-content-text .tabbed-controls-text li:nth-child(2n) a {
background: #0c7c59; }
.tabbed-content-text .tabbed-controls-text li:nth-child(2n) a:hover {
background: #777777; }
.tabbed-content-text .tabbed-controls-text li.active a {
background: #5d5d5d; }
@media only screen and (min-width: 600px) {
.tabbed-content-text .tabbed-controls-text {
display: block; } }
.tabbed-content-text .title {
background: #5d5d5d;
padding: 3px 34px;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
display: none; }
@media only screen and (min-width: 600px) {
.tabbed-content-text .title {
display: block; } }
.tabbed-content-text .content {
margin: 0;
padding: 20px 34px; }
.tabbed-content-text .content h1 {
font-size: 26px;
color: #008c55; }
/*end new tabbed content for text buttons*/
@media only screen and (min-width: 600px) {
.js .tabbed-content .content {
display: none; }
.js .tabbed-content .content.active {
display: block; } }
@media only screen and (min-width: 600px) {
.js .tabbed-content .research {
display: block; }
.js .tabbed-content .content.active {
display: block; } }
@media only screen and (min-width: 860px) {
.dial-carousel .intro {
max-width: 60%; }
.dial-carousel .dial-carousel-dial {
display: block; }
.dial-carousel .dial-carousel-arrows {
display: block; } }
.content-img-right {
float: right;
margin: 0 0 8px 24px;
clear: right;
padding-top:5px;
}
.content-img-right + .content-img-right {
margin-bottom: 5px; }
@media only screen and (max-width: 859px) {
.content-img-right {
max-width: none;
width: 40%;
clear: none;
float: left;
margin: 0 24px 19px 0; }
.content-img-right + .content-img-right {
margin-bottom: 19px; } }
.content-img-left {
float: left;
margin: 0 24px 19px 0;
clear: left; }
.content-img-left + .content-img-left {
margin-bottom: 5px; }
@media only screen and (max-width: 859px) {
.content-img-left {
max-width: none;
width: 40%;
clear: none; }
.content-img-left + .content-img-left {
margin-bottom: 19px; } }
.stories {
}
.stories .story {
float: left;
margin-right: 1.282051282%;
margin-bottom: 1.486463%;
width: 66%;
position: relative; }
.stories .story:first-child {
margin-left: 0; }
.stories .story:nth-child(2) {
float: right;
width: 32.478632479%;
margin-right: 0; }
.stories .story:nth-child(3) {
margin-left: 0; }
.stories .story:nth-child(3), .stories .story:nth-child(4) {
width: 32.478632479%; }
.stories .story .caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
background: rgba(0, 0, 0, 0.65);
padding: 9px 15px; }
.stories .story .caption span {
text-transform: uppercase;
display: block;
color: white;
font-size: 11px;
margin-bottom: -5px; }
.stories .story .caption h1 {
text-transform: none;
margin: 0;
line-height: 0.6;
margin-bottom: 3px; }
.stories .story .caption h1 a {
color: #fff;
font-size: 14px;
font-weight: 700; }
.stories .story .caption > a {
font-size: 13px;
color: #26a57c;
font-weight: 600; }
.stories .story .caption > a:after {
position: relative;
content: " \00BB";
font-family: Arial, sans-serif; }
@media only screen and (min-width: 860px) {
.stories .story .caption {
padding: 11px 20px; }
.stories .story .caption h1 a {
font-size: 18px; }
.stories .story .caption > a {
font-size: 14px; } }
@media only screen and (min-width: 970px) {
.stories .story .caption {
background: rgba(0, 0, 0, 0.75); }
.stories .story .caption h1 a {
font-size: 20px; }
.stories .story .caption > a {
font-size: 16px; } }
@media only screen and (min-width: 1165px) {
.stories .story .caption h1 a {
font-size: 24px; } }
.stories .story > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-indent: -9999px;
z-index: 10;
background: none; }
.stories .story > a:hover {
background: none; }
@media only screen and (max-width: 750px) {
.stories .story {
float: none;
margin: 0 0 5px;
width: 100%; }
.stories .story:first-child img {
display: block; }
.stories .story:first-child .caption {
position: absolute;
background: rgba(0, 0, 0, 0.65);
border: none; }
.stories .story:first-child .caption h1 a {
color: #fff; }
.stories .story:nth-child(2), .stories .story:nth-child(3), .stories .story:nth-child(3), .stories .story:nth-child(4) {
float: none;
width: auto;
margin: -1px 0 0; }
.stories .story img {
display: none; }
.stories .story .caption {
position: static;
background: #fff;
border: 1px solid #cccccc; }
.stories .story .caption h1 a {
color: #5d5d5d; } }
.techStories {
margin-bottom: 30px; }
.techStories .story {
float: left;
width: 31.553398058%;
margin-right: 2.669902913%;
margin-bottom: 2.669902913%;
position: relative; }
.techStories .story:first-child {
width: 65.776699029%;
margin-right: 2.669902913%; }
.techStories .story:nth-child(2), .techStories .story:nth-child(3), .techStories .story:nth-child(4) {
width: 31.553398058%; }
.techStories .story:nth-child(2) {
margin-right: 0;
float: right; }
.techStories .story:last-child, .techStories .story:nth-child(3n+5) {
margin-right: 0; }
.techStories .story:hover h1 a {
color: #26a57c; }
.techStories .story .caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
background: rgba(0, 0, 0, 0.65);
padding: 9px 15px; }
.techStories .story .caption h1 {
text-transform: none;
margin: 0;
line-height: 14px;
margin-bottom: 3px; }
.techStories .story .caption h1 a {
color: #fff;
font-size: 14px;
font-weight: 700;
text-transform:uppercase;
}
@media only screen and (min-width: 860px) {
.techStories .story .caption {
padding: 11px 20px; }
.techStories .story .caption h1 a {
font-size: 14px;
text-transform:uppercase;
} }
@media only screen and (min-width: 970px) {
.techStories .story .caption {
background: rgba(0, 0, 0, 0.75); }
.techStories .story .caption h1 a {
font-size: 14px; } }
@media only screen and (min-width: 1165px) {
.techStories .story .caption h1 a {
font-size: 14px;
text-transform:uppercase;
} }
.techStories .story > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-indent: -9999px;
z-index: 10;
background: none; }
.techStories .story > a:hover {
background: none; }
@media only screen and (max-width: 540px) {
.techStories .story {
float: none;
width: 100%;
margin-right: 0; }
.techStories .story:first-child, .techStories .story:nth-child(3n+5), .techStories .story:nth-child(2), .techStories .story:nth-child(3), .techStories .story:nth-child(4), .techStories .story:last-child {
float: none;
width: 100%;
margin-right: 0; }
.techStories .story img {
width: 100%; }
.techStories .story .caption h1 a {
font-size: 20px; } }
.silvStories {
margin-bottom: 30px; }
.silvStories .story {
float: left;
width: 31.553398058%;
margin-right: 2.666666667%;
margin-bottom: 2.669902913%;
position: relative; }
.silvStories .story:first-child, .silvStories .story:nth-child(6) {
width: 48.606060606%;
margin-right: 2.787878788%; }
.silvStories .story:nth-child(2), .silvStories .story:nth-child(7) {
width: 48.606060606%;
margin-right: 0;
float: right; }
.silvStories .story:nth-child(3), .silvStories .story:nth-child(4), .silvStories .story:nth-child(5) {
width: 31.515151515%; }
.silvStories .story:nth-child(5) {
margin-right: 0; }
.silvStories .story:hover h1 a {
color: #26a57c; }
.silvStories .story .caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
background: rgba(0, 0, 0, 0.65);
padding: 9px 15px; }
.silvStories .story .caption h1 {
text-transform: none;
margin: 0;
line-height: 0.6;
margin-bottom: 3px; }
.silvStories .story .caption h1 a {
color: #fff;
font-size: 14px;
font-weight: 700; }
@media only screen and (min-width: 860px) {
.silvStories .story .caption {
padding: 11px 20px; }
.silvStories .story .caption h1 a {
font-size: 18px; } }
@media only screen and (min-width: 970px) {
.silvStories .story .caption {
background: rgba(0, 0, 0, 0.75); }
.silvStories .story .caption h1 a {
font-size: 20px; } }
@media only screen and (min-width: 1165px) {
.silvStories .story .caption h1 a {
font-size: 24px; } }
.silvStories .story > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-indent: -9999px;
z-index: 10;
background: none; }
.silvStories .story > a:hover {
background: none; }
@media only screen and (max-width: 540px) {
.silvStories .story {
float: none;
width: 100%;
margin-right: 0; }
.silvStories .story:first-child, .silvStories .story:nth-child(2), .silvStories .story:nth-child(3), .silvStories .story:nth-child(4), .silvStories .story:nth-child(5), .silvStories .story:nth-child(6), .silvStories .story:last-child {
float: none;
width: 100%;
margin-right: 0; }
.silvStories .story img {
width: 100%; }
.silvStories .story .caption h1 a {
font-size: 20px; } }
.healthyStories .story {
float: left;
position: relative;
margin-bottom: 3.169014085%;
width: 100%; }
.healthyStories .story .caption {
position: absolute;
background: rgba(0, 0, 0, 0.75);
padding: 10px 15px 10px;
bottom: 0;
width: 100%; }
@media only screen and (min-width: 450px) {
.healthyStories .story .caption {
width: auto; } }
@media only screen and (min-width: 900px) {
.healthyStories .story .caption {
padding: 15px 22px 10px; } }
.healthyStories .story .caption h2 {
color: #fff;
font-size: 17px; }
.healthyStories .story .caption h2 a {
color: #fff; }
.healthyStories .story .caption p {
font-size: 12px;
color: #fff;
line-height: 1.2;
margin-bottom: 5px; }
@media only screen and (min-width: 900px) {
.healthyStories .story .caption p {
font-size: 14px;
margin-bottom: 15px; } }
.healthyStories .story .caption a {
font-size: 14px;
font-weight: 700;
color: #fff; }
.healthyStories .story > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-indent: -9999px;
z-index: 10;
background: none; }
.healthyStories .story > a:hover {
background: none; }
.healthyStories .leftCol {
width: 100%; }
.healthyStories .leftCol img {
width: 100%; }
@media only screen and (min-width: 750px) {
.healthyStories .leftCol {
width: 49.050086356%;
float: left; } }
@media only screen and (min-width: 450px) {
.healthyStories .leftCol .story:nth-child(1) {
width: 100%; }
.healthyStories .leftCol .story:nth-child(1) .caption {
top: 0;
bottom: auto; }
.healthyStories .leftCol .story:nth-child(2) {
clear: left;
margin-right: 3.697183099%;
width: 48.063380282%; }
.healthyStories .leftCol .story:nth-child(2) .caption {
top: 0;
bottom: auto; }
.healthyStories .leftCol .story:nth-child(3) {
margin-bottom: 3.521126761%;
width: 48.063380282%; }
.healthyStories .leftCol .story:nth-child(4) {
width: 48.063380282%; } }
.healthyStories .rightCol {
width: 100%; }
.healthyStories .rightCol img {
width: 100%; }
@media only screen and (min-width: 750px) {
.healthyStories .rightCol {
width: 49.050086356%;
float: right; } }
@media only screen and (min-width: 450px) {
.healthyStories .rightCol .story:nth-child(1) {
margin-right: 3.697183099%;
width: 48.063380282%; }
.healthyStories .rightCol .story:nth-child(2) {
float: right;
width: 48.063380282%; }
.healthyStories .rightCol .story:nth-child(2) .caption {
top: 0;
bottom: auto; }
.healthyStories .rightCol .story:nth-child(3) {
width: 48.063380282%; }
.healthyStories .rightCol .story:nth-child(4) {
width: 100%; }
.healthyStories .rightCol .story:nth-child(4) .caption {
top: 0;
bottom: auto; } }
/*// Stories Section
////////////////////////////////////////*/
ul.storiesFilters {
margin: 0 0 30px;
padding: 0;
list-style-type: none;
background-color: rgba(22, 142, 91, 0.88);
}
ul.storiesFilters li {
padding: 0;
width: 100%; }
@media only screen and (min-width: 320px) {
ul.storiesFilters li {
float: left;
width: 33.3%; } }
@media only screen and (min-width: 720px) {
ul.storiesFilters li {
float: none;
display: inline-block;
width: auto; } }
@media only screen and (min-width: 845px) {
ul.storiesFilters li {
} }
ul.storiesFilters li a {
display: block;
padding: 10px 12px;
color: #fff;
font-weight: 600;
text-align: center;
font-size: 16px;
}
@media only screen and (min-width: 845px) {
ul.storiesFilters li a {
padding: 14px 15px;
font-size: 18px; } }
ul.storiesFilters li a:hover, ul.storiesFilters li a.active {
background: #15774d; }
ul.storiesFilters li:first-child a {
border-left: 0; }
.storiesMain {
margin: 0 0 40px; }
.storiesMain .column a {
display: block;
background: #15774d;
color: #fff;
margin-bottom: 28px; }
.storiesMain .column a img {
width: 100%; }
.storiesMain .column .title {
padding: 12px 15px;
font-size: 21px;
line-height: 1.3;
font-style: italic; }
/*// Research Section
////////////////////////////////////////*/
.researchFilterWrap:after {
content: " ";
display: table;
clear: both; }
.researchFilterCategory, .researchFilterSort {
float: left;
width: 100%;
margin-bottom: 10px; }
@media only screen and (min-width: 615px) {
.researchFilterCategory, .researchFilterSort {
width: 580px; } }
@media only screen and (min-width: 770px) {
.researchFilterCategory, .researchFilterSort {
margin-bottom: 15px;
width: 732px; } }
.researchFilterCategory .filterTitle, .researchFilterSort .filterTitle {
font-size: 18px;
display: block;
margin-bottom: 5px;
color: #26a57c;
font-weight: 700; }
@media only screen and (min-width: 770px) {
.researchFilterCategory .filterTitle, .researchFilterSort .filterTitle {
font-size: 24px;
margin-bottom: 8px; } }
.researchFilterCategory ul, .researchFilterSort ul {
list-style-type: none;
margin: 0;
padding: 0; }
.researchFilterCategory ul li, .researchFilterSort ul li {
float: left;
padding: 0;
margin: 0 2px 2px 0;
position: relative; }
.researchFilterCategory ul li a, .researchFilterCategory ul li .dropdown, .researchFilterSort ul li a, .researchFilterSort ul li .dropdown {
display: block;
background: #0f9e71;
color: #fff;
font-size: 18px;
font-weight: 700;
padding: 8px 15px;
line-height: 1; }
@media only screen and (min-width: 770px) {
.researchFilterCategory ul li a, .researchFilterCategory ul li .dropdown, .researchFilterSort ul li a, .researchFilterSort ul li .dropdown {
font-size: 24px;
padding: 10px 10px; }
.researchFilterSort {
width: 378px; }
.dropdown {
width: 220px; }
}
.researchFilterCategory ul li a:hover, .researchFilterCategory ul li a.active, .researchFilterCategory ul li .dropdown:hover, .researchFilterCategory ul li .dropdown.active, .researchFilterSort ul li a:hover, .researchFilterSort ul li a.active, .researchFilterSort ul li .dropdown:hover, .researchFilterSort ul li .dropdown.active {
background: #26a57c; }
.researchFilterCategory ul li .dropdown, .researchFilterSort ul li .dropdown {
cursor: pointer; }
.researchFilterCategory ul li .dropdown:after, .researchFilterSort ul li .dropdown:after {
content: "\25BC";
margin-left: 10px;
font-size: 18px; }
.researchFilterCategory ul li:hover ul, .researchFilterSort ul li:hover ul {
display: block; }
.researchFilterCategory ul li ul, .researchFilterSort ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 100;
}
.researchFilterCategory ul li ul li, .researchFilterSort ul li ul li {
width: 100%;
margin: 0; }
.researchFilterCategory ul li ul li a, .researchFilterSort ul li ul li a {
background: #4a4a4a; }
.researchWrap {
background: #fff;
padding-top: 30px;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 10px;
max-width: 1110px;
}
.researchItem {
margin-bottom: 20px; }
@media only screen and (min-width: 860px) {
.researchItem {
min-height: 380px; } }
@media only screen and (min-width: 1040px) {
.researchItem {
min-height: 440px; } }
.researchItem > a {
display: block;
margin-bottom: 10px; }
.researchItem > a img {
width: 100%; }
.researchItem .video {
position: relative; }
.researchItem .video:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
content: "";
background: url(../i/playbtn.svg) center 50% no-repeat;
background-size: 23%; }
.researchItem h1 {
font-size: 24px;
text-transform: none;
padding: 0px;
margin-bottom: 5px;
line-height: 24px;
height: 48px;
overflow: hidden;
}
.researchItem p {
padding: 0px;
font-size: 15px;
line-height: 1.3; }
/*// Interior Pages
////////////////////////////////////////*/
.preContent {
border-bottom: 1px solid #a6a6a6;
margin-bottom: 20px; }
.preContentNoMargin
{
border-bottom: 1px solid #a6a6a6;
}
.interiorBody {
padding: 0px 0 2px; }
.interiorBody .splash {
display: block;
margin-bottom: 15px; }
.interiorBody .splash .splashTitle {
background: #15774d;
color: #fff;
padding: 14px 0 5px; }
.interiorBody .splash .splashTitle h1 {
color: #fff;
font-size: 20px;
text-transform: none; }
@media only screen and (min-width: 900px) {
.interiorBody .splash .splashTitle h1 {
font-size: 26px; } }
.interiorBody .splash .splashTitle h1 .category {
font-weight: 400;
font-style: italic; }
.flexVideo {
margin: 20px auto 20px;
max-width: 900px;
text-align:center;
}
.relatedContent {
display:block;
clear:both;
}
.photoGallery {
max-width: 820px;
margin: 0 auto 30px; }
.photoGallery:after {
content: " ";
display: table;
clear: both; }
ul.faqs {
margin: 0;
padding: 0;
list-style-type: none; }
ul.faqs li {
background: #fff;
padding: 14px 30px;
margin-bottom: 13px; }
ul.faqs li .heading {
font-size: 26px;
color: #008c55;
font-weight: 700;
margin-bottom: 10px;
display: block; }
ul.faqs li p {
display: none; }
ul.faqs .open p {
display: block; }
/*// Navigation (Outside of Header)
////////////////////////////////////////*/
ul.breadcrumbs {
margin-top: 10px;
margin-bottom: 7px;
margin-left: 0;
padding-left: 0; }
ul.breadcrumbs li {
font-size: 11px;
padding-left: 0; }
ul.breadcrumbs li:not(:last-child):after {
content: " \00BB";
font-family: Arial, sans-serif;
margin: 0 0.2rem;
top: -1px; }
ul.breadcrumbs a {
color: #26a57c; }
ul.breadcrumbs a:hover {
text-decoration: none; }
.subnav {
background: #fff;
padding: 20px 22px 30px;
margin-bottom: 30px; }
.subnav ul {
margin: 0;
padding: 0;
list-style-type: none; }
.subnav ul li {
border-bottom: 1px solid #808080;
line-height: 1.3;
padding-left: 0; }
.subnav ul li:last-child {
border-bottom: none; }
.subnav ul li:last-child a {
padding-bottom: 0; }
.subnav ul li a {
font-size: 13px;
text-transform: uppercase;
display: block;
padding: 7px 0 6px; }
.subnav ul li a:before {
content: " \00BB";
font-family: Arial, sans-serif;
position: relative;
font-size: 11px;
top: -2px;
margin-right: 3px; }
.subnav ul li ul {
margin: 0 0 3px;
padding: 6px 10px 11px;
background: #808080; }
.subnav ul li ul li a {
color: #fff;
text-transform: none;
font-weight: 400;
padding: 4px 0 3px; }
.subnav ul li ul li a:before {
display: none; }
.subnav ul li ul li a:hover {
color: #fff;
text-decoration: underline; }
.subnav ul li ul .active a {
font-weight: 700;
color: #fff; }
.subnav ul .active {
font-weight: 700; }
.subnav ul .active a {
color: #70827b; }
.subnav ul .active ul li a {
color: #fff; }
.subnav ul .hasChildren {
border-bottom: 0; }
.subnav ul .menuText {
font-size: 18px;
font-weight: 700;
color: #2a333b;
border-bottom: 2px solid #2a333b;
padding-bottom: 2px; }
ul.shareBar {
margin: 0 0 35px;
padding: 0;
list-style-type: none; }
ul.shareBar:after {
content: " ";
display: table;
clear: both; }
ul.shareBar li {
float: left;
margin-right: 18px;
padding-left: 0; }
ul.shareBar li a {
font-size: 16px; }
ul.shareBar li a:before {
position: relative;
content: "";
display: inline-block;
margin-right: 5px; }
ul.shareBar .email a:before {
width: 19px;
height: 16px;
background: url(../i/icon-email.png) 0 0 no-repeat;
top: 2px; }
ul.shareBar .twitter a:before {
width: 26px;
height: 20px;
background: url(../i/icon-twitter.png) 0 0 no-repeat;
top: 4px; }
ul.shareBar .facebook a:before {
width: 20px;
height: 20px;
background: url(../i/icon-fb.png) 0 0 no-repeat;
top: 4px; }
ul.shareBar .linkedin a:before {
width: 20px;
height: 20px;
background: url(../i/icon-linkedin.png) 0 0 no-repeat;
top: 4px; }
/*// Footer
////////////////////////////////////////*/
.foot {
padding: 30px 0;
text-align: center;
background: #0e6b42 url(../i/footer.png) center bottom no-repeat; }
.foot .call {
max-width: 500px;
margin: 0 auto;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
color: #fff;
text-align: center;
padding: 20px 0; }
.foot .call .tel {
color: #fff;
font-size: 20px;
}
.tel> a{
color: #fff;
font-size: 20px;
}
@media only screen and (min-width: 475px) {
.foot .call {
font-size: 20px; }
.foot .call .tel {
font-size: 24px;
} }
.foot .footLogo {
display: block;
text-indent: -9999px;
width: 165px;
height: 133px;
background-size: cover;
margin: 0 auto 0; }
.foot .address {
margin: 20px auto;
text-align: center;
line-height: 1.2;
color: #fff;
font-size: 14px; }
.foot .footNav {
margin-top: 0;
display: inline-block; }
.foot .footNav ul {
margin: 0;
padding: 0;
list-style-type: none;
float: none; }
.foot .footNav li {
display: block;
padding: 0 8px;
line-height: 1.1; }
.foot .footNav li a {
color: #fff;
font-size: 15px; }
@media only screen and (min-width: 1170px) {
.foot .footNav li {
padding: 0 15px;
line-height: 1.2; }
.foot .footNav li a {
font-size: 18px; } }
@media only screen and (min-width: 620px) {
.foot .footNav ul {
float: left; }
.foot .footNav li {
display: inline-block;
border-right: 1px solid #fff; } }
.foot .footNav .socialNav {
margin-top: 30px; }
.foot .footNav .socialNav li {
border: 0;
padding: 0 4px;
display: inline-block; }
.foot .footNav .socialNav li a {
display: block;
width: 36px;
height: 36px;
background-size: cover; }
.foot .footNav .socialNav li.twitter a {
background: url(../i/twitter.svg) 0 0 no-repeat;
background-size: cover; }
.foot .footNav .socialNav li.linkedin a {
background: url(../i/linkedin.svg) 0 0 no-repeat;
background-size: cover; }
@media only screen and (min-width: 620px) {
.foot .footNav .socialNav {
margin-top: -9px;
margin-left: 10px; } }
.foot .copyright {
text-align: center;
font-size: 14px;
color: #fff;
margin: 10px 0 20px; }
.cbp_tmtimeline .socialButtons {
margin: 20px 0 0 0;
}
@media screen and (max-width: 48em) {
.cbp_tmtimeline {
margin: 0;
}
.cbp_tmtimeline:before, .cbp_tmtimeline:after {
display: none;
}
.cbp_tmtimeline > li .cbp_tmtime {
position: relative;
padding: 0 0 20px 0;
}
.cbp_tmtimeline > li .cbp_tmtime span {
font-size: 1.5em;
font-weight: 300;
line-height: 1.2;
margin: 30px 0 0 0;
}
.cbp_tmtimeline > li .cbp_tmtime span.monthday {
margin: 0;
}
.cbp_tmtimeline > li h2 {
border: none;
margin: 0 0 15px 0;
}
.cbp_tmtimeline > li .cbp_tmlabel {
margin: 0 0 30px 0;
padding: 0;
font-weight: 300;
font-size: 95%;
}
.cbp_tmtimeline > li .cbp_tmlabel:after {
right: auto;
left: 20px;
border-right-color: transparent;
border-bottom-color: #fff;
top: -20px;
}
.cbp_tmtimeline > li .cbp_tmicon {
position: relative;
float: right;
left: auto;
margin: -75px 5px 0 0px;
display: none;
}
.timelineItem img {
width: 94%;
border: 5px solid #fff;
margin: 0 0 0.5em 0;
}
}
.leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-tile-container, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.leaflet-marker-icon, .leaflet-marker-shadow {
display: block;
}
.leaflet-container img {
max-width: none !important;
}
.leaflet-container img.leaflet-image-layer {
max-width: 15000px !important;
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
}
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-tile-pane {
z-index: 2;
}
.leaflet-objects-pane {
z-index: 3;
}
.leaflet-overlay-pane {
z-index: 4;
}
.leaflet-shadow-pane {
z-index: 5;
}
.leaflet-marker-pane {
z-index: 6;
}
.leaflet-popup-pane {
z-index: 7;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
.leaflet-control {
position: relative;
z-index: 7;
pointer-events: auto;
}
.leaflet-top, .leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
.leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
.leaflet-clickable {
cursor: pointer;
}
.leaflet-container {
cursor: -webkit-grab;
cursor: -moz-grab;
}
.leaflet-popup-pane, .leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-container, .leaflet-dragging .leaflet-clickable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a, .leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a, .leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-control-zoom-in, .leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-control-zoom-out {
font-size: 20px;
}
.leaflet-touch .leaflet-control-zoom-in {
font-size: 22px;
}
.leaflet-touch .leaflet-control-zoom-out {
font-size: 24px;
}
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255,255,255,0.7);
margin: 0;
}
.leaflet-control-attribution, .leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
background: rgba(255,255,255,0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
.leaflet-popup {
position: absolute;
text-align: center;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
margin: 0 auto;
width: 40px;
height: 20px;
position: relative;
overflow: hidden;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
background: white;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
@media screen and (min-width: 48em) {
#map-container {
/*position: absolute;*/
position:relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
}
#map {
width: 100%;
height: 300px;
}
@media screen and (min-width: 48em) {
#map {
position: absolute;
top: 0;
right: 30%;
bottom: 0;
left: 0;
width: 70%;
/*height: 100%;*/
height:550px;
}
}
#map a, #map a:visited, #map a:hover {
text-decoration: none;
}
#map-label {
position: fixed;
left: 0;
top: 0;
color: #ffffff;
background: #15774d;
border: 1px solid #ffffff;
padding: 5px 10px;
display: none;
z-index: 9999;
}
.leaflet-popup-content p {
font-size: 14px;
color: #999999;
}
.leaflet-popup-content strong {
color: #333333;
text-transform: uppercase;
}
.leaflet-container a.leaflet-popup-close-button {
font-size: 22px !important;
top: 2px !important;
right: 6px !important;
}
#map-panel {
padding: 15px 0px;
display:block;
clear:both;
}
#map-panel h2 {
font-size: 21px;
margin: 5px;
text-transform:none;
}
#map-panel p {
font-size: 14px;
margin: 0 0 15px;
}
#map-panel form {
margin: 15px 0 10px 0;
}
@media screen and (min-width: 48em) {
#map-panel {
/*position: absolute;*/
position:relative;
padding: 0px 15px;
top: 0;
right: 0;
width: 30%;
left: 70%;
min-height: 100%;
/*-webkit-box-shadow: -2px 0 2px 0 rgba(0,0,0,0.2);
box-shadow: -2px 0 2px 0 rgba(0,0,0,0.2);*/
z-index: 1000;
}
}
#map-back {
color: #ffffff;
background: #0a3f70;
font-style: oblique;
text-transform: uppercase;
text-decoration: none;
padding: 0.5em 1em;
visibility: hidden;
background-size: 24px;
margin: 0 0 15px 0;
display: block;
}
#map-back::before {
content: "?;
font-weight: 400;
margin-right: 3px;
}
#map-back:hover {
color: #ffffff;
background: #144d82;
text-decoration: none;
}
.map-location-flag, .map-region-flag {
height: 35px;
vertical-align: bottom;
margin: 0 0.25em 0 0;
}
#map-panel-national, #map-panel-region {
font-weight: 400;
font-size: 15px;
margin: 0 0 15px 0;
}
#map-explore {
color: #999999;
font-style: oblique;
text-transform: uppercase;
}
#map-legend ul {
padding: 0;
margin: 0;
}
#map-legend li {
color: #045283;
font-weight: 700;
line-height: 1.25;
list-style: none;
padding: 0.25em 0;
border-top: 1px solid #cccccc;
margin-bottom: 0;
}
#map-legend li:first-child {
border-top: none;
}
#map-legend li:hover {
color: #333333;
}
#map-legend li.off {
opacity: 0.5;
}
#map-legend label {
display: block;
cursor: pointer;
}
#map-legend input {
float: right;
cursor: pointer;
}
#map-legend img {
height: 20px;
margin: 0 0.5em 0 0;
vertical-align: text-bottom;
}
#map-panel label small {
display: block;
color: #999;
font-weight: 400;
font-size: 12px;
line-height: 1.25;
text-transform: initial;
margin: 0.25em 0px 0px;
}
#map-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 220px;
background: rgba(255,255,255,0.7) none repeat scroll 0% 0%;
vertical-align: middle;
text-align: center;
padding: 40px 10%;
z-index: 99999;
cursor: pointer;
}
@media screen and (min-width: 48em) {
#map-overlay {
position: absolute;
top: 0;
right: 30%;
bottom: 0;
left: 0;
width: 50%;
height: 85%;
padding: 15% 10% 0 10%;
}
}
.map-national-info h2 {
line-height: 1.1;
}
.map-national-info h2 img {
margin-top: 0;
border: 1px solid #9EA9B3;
margin-right: 0;
}
.map-pdf-download a {
display: block;
color: #999999;
font-weight: 700;
text-decoration: none;
padding: 0.5em 0;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.map-pdf-download a:hover {
color: #333333;
text-decoration: none;
}
.map-pdf-download img {
height: 20px;
margin: 0 0.25em 0 0;
vertical-align: text-bottom;
}
#map-aside {
color: #999999;
font-size: 0.875em;
font-style: oblique;
}
#map-aside p {
font-size: 10px;
line-height: 1.1;
}
#map-stories h3 {
color: #00539F;
font-size: 1em;
text-transform: uppercase;
margin: 0 0 0.25em 0;
}
#map-stories ul {
padding: 0;
margin: 0;
}
#map-stories li {
list-style: none;
padding: 0.5em 0 0 0;
border-top: 1px solid #00539F;
margin: 0 0 0.5em 0;
}
#map-stories a {
display: block;
color: #999999;
font-style: oblique;
line-height: 1.25;
text-decoration: none;
overflow: auto;
}
#map-stories a:hover {
color: #333333;
text-decoration: none;
}
#map-stories img {
float: left;
width: 50px;
margin: 0 1em 0 0;
}
.map-region-info {
display: none;
}
.map-region-info img {
margin-top: 1px;
border: none;
margin-right: 0px;
}
/*/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*.container {
position: relative;
width: 100%;
max-width: 1470px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}*/
/*.column, .columns, .block-grid {
width: 100%;
float: left;
box-sizing: border-box;
}*/
.block-grid {
padding: 0 2%;
}
@media (min-width: 600px) {
.one.column, .one.columns {
width: 4.66666666667%;
}
.two.columns {
width: 13.3333333333%;
}
.three.columns {
width: 22%;
}
.four.columns {
width: 30.6666666667%;
}
.five.columns {
width: 39.3333333333%;
}
.six.columns {
width: 48%;
}
.seven.columns {
width: 56.6666666667%;
}
.eight.columns {
width: 65.3333333333%;
}
.nine.columns {
width: 74.0%;
}
.ten.columns {
width: 82.6666666667%;
}
.eleven.columns {
width: 91.3333333333%;
}
.twelve.columns {
width: 100%;
margin-left: 0;
}
.one-third.column {
width: 30.6666666667%;
}
.two-thirds.column {
width: 65.3333333333%;
}
.one-half.column {
width: 48%;
}
.offset-by-one.column, .offset-by-one.columns {
margin-left: 8.66666666667%;
}
.offset-by-two.column, .offset-by-two.columns {
margin-left: 17.3333333333%;
}
.offset-by-three.column, .offset-by-three.columns {
margin-left: 26%;
}
.offset-by-four.column, .offset-by-four.columns {
margin-left: 34.6666666667%;
}
.offset-by-five.column, .offset-by-five.columns {
margin-left: 43.3333333333%;
}
.offset-by-six.column, .offset-by-six.columns {
margin-left: 52%;
}
.offset-by-seven.column, .offset-by-seven.columns {
margin-left: 60.6666666667%;
}
.offset-by-eight.column, .offset-by-eight.columns {
margin-left: 69.3333333333%;
}
.offset-by-nine.column, .offset-by-nine.columns {
margin-left: 78.0%;
}
.offset-by-ten.column, .offset-by-ten.columns {
margin-left: 86.6666666667%;
}
.offset-by-eleven.column, .offset-by-eleven.columns {
margin-left: 95.3333333333%;
}
.offset-by-one-third.column, .offset-by-one-third.columns {
margin-left: 34.6666666667%;
}
.offset-by-two-thirds.column, .offset-by-two-thirds.columns {
margin-left: 69.3333333333%;
}
.offset-by-one-half.column, .offset-by-one-half.columns {
margin-left: 52%;
}
.columns.column-centered, .column.column-centered {
margin: 0 auto;
float: none;
}
.block-grid-4 {
width: 25%;
}
.block-grid-3 {
width: 33%;
}
.block-grid-2 {
width: 50%;
}
.block-grid-1 {
width: 100%;
}
}
@media only screen and (min-width: 600px) and (max-width: 990px) {
.one-med.column, .one-med.columns {
width: 4.66666666667%;
}
.two-med.columns {
width: 13.3333333333%;
}
.three-med.columns {
width: 22%;
}
.four-med.columns {
width: 30.6666666667%;
}
.five-med.columns {
width: 39.3333333333%;
}
.six-med.columns {
width: 48%;
}
.seven-med.columns {
width: 56.6666666667%;
}
.eight-med.columns {
width: 65.3333333333%;
}
.nine-med.columns {
width: 74.0%;
}
.ten-med.columns {
width: 82.6666666667%;
}
.eleven-med.columns {
width: 91.3333333333%;
}
.twelve-med.columns {
width: 100%;
margin-left: 0;
}
.one-third-med.column {
width: 30.6666666667%;
}
.two-thirds-med.column {
width: 65.3333333333%;
}
.one-half-med.column {
width: 48%;
}
.block-grid-4-med {
width: 22%;
}
.block-grid-3-med {
width: 30.6666666667%;
}
.block-grid-2-med {
width: 48%;
}
.block-grid-1-med {
width: 100%;
}
}
#ieoverlay {
position: fixed;
_position: absolute;
top: 0;
_top: expression(eval(document.body.scrollTop));
left: 0;
right: 0;
bottom: 0;
background: #0A3F70;
color: #fff;
height: 80%;
width: 80%;
z-index: 99999;
vertical-align: middle;
text-align: center;
padding: 10%;
}
#ieoverlay h1 {
color: #fff;
}
#ieoverlay a, #ieoverlay a:hover, #ieoverlay a:visited {
color: #fff;
text-decoration: underline;
}
/*Keep*/
.content {
background: #fff;
max-width: 1470px;
margin: 0 auto;
padding: 0px 0 0px;
}
.content.contentAlt {
background: #ebebeb;
}
.mapContent {
position: relative;
min-height: 550px;
padding:15px 0px 0px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.content.mapContent {
min-height: 300px;
padding: 15px 0px;
}
}
.freehold {
max-width:25px;
}
/*// Footer
////////////////////////////////////////*/
ul.ektSitemap li {
list-style-type:none;
}
.hideContent {
overflow: hidden;
line-height: 1em;
height: 3.1em;
}
.showContent {
line-height: 1em;
height: auto;
}
.show-more {
text-align: left;
padding: 3px 0px;
font-size: 15px;
line-height: 1.2;
color: #26a57c;
}
.searchResults {
padding-top:15px;
margin-top:15px;
}