html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
meta.foundation-version {
font-family: "/5.5.3/"
}
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0
}
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0
}
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.0625em)/";
width: 40.0625em
}
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
width: 40.0625em
}
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.0625em)/";
width: 64.0625em
}
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
width: 64.0625em
}
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.0625em)/";
width: 90.0625em
}
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
width: 90.0625em
}
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.0625em)/";
width: 120.0625em
}
meta.foundation-data-attribute-namespace {
font-family: false
}
html,
body {
height: 100%
}
*,
*:before,
*:after { -moz-box-sizing: border-box; }
html,
body {
font-size: 100%
}
a:hover {
cursor: pointer
}
img {
max-width: 100%;
height: auto
}
img {
-ms-interpolation-mode: bicubic
}
#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
}
.left {
float: left !important
}
.right {
float: right !important
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.hide {
display: none
}
.invisible {
visibility: hidden
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
display: inline-block;
vertical-align: middle
}
textarea {
height: auto;
min-height: 50px
}
select {
width: 100%
}
.row {
margin: 0 auto;
max-width: 1100;
width: 100%
}
.row:before,
.row:after {
content: " ";
display: table
}
.row:after {
clear: both
}
.row.collapse>.column,
.row.collapse>.columns {
padding-left: 0;
padding-right: 0
}
.row.collapse .row {
margin-left: 0;
margin-right: 0
}
.row .row {
margin: 0 -.9375rem;
max-width: none;
width: auto
}
.row .row:before,
.row .row:after {
content: " ";
display: table
}
.row .row:after {
clear: both
}
.row .row.collapse {
margin: 0;
max-width: none;
width: auto
}
.row .row.collapse:before,
.row .row.collapse:after {
content: " ";
display: table
}
.row .row.collapse:after {
clear: both
}
.column,
.columns { width: 100%;
float: left
}
.column+.column:last-child,
.columns+.column:last-child,
.column+.columns:last-child,
.columns+.columns:last-child {
float: right
}
.column+.column.end,
.columns+.column.end,
.column+.columns.end,
.columns+.columns.end {
float: left
}
@media only screen {
.small-push-0 {
position: relative;
left: 0;
right: auto
}
.small-pull-0 {
position: relative;
right: 0;
left: auto
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.small-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.small-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.small-push-3 {
position: relative;
left: 25%;
right: auto
}
.small-pull-3 {
position: relative;
right: 25%;
left: auto
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.small-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.small-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.small-push-6 {
position: relative;
left: 50%;
right: auto
}
.small-pull-6 {
position: relative;
right: 50%;
left: auto
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.small-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.small-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.small-push-9 {
position: relative;
left: 75%;
right: auto
}
.small-pull-9 {
position: relative;
right: 75%;
left: auto
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.small-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.small-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
.column,
.columns {
position: relative; float: left
}
.small-1 {
width: 8.3333333333%
}
.small-2 {
width: 16.6666666667%
}
.small-3 {
width: 25%
}
.small-4 {
width: 33.3333333333%
}
.small-5 {
width: 41.6666666667%
}
.small-6 {
width: 50%
}
.small-7 {
width: 58.3333333333%
}
.small-8 {
width: 66.6666666667%
}
.small-9 {
width: 75%
}
.small-10 {
width: 83.3333333333%
}
.small-11 {
width: 91.6666666667%
}
.small-12 {
width: 100%
}
.small-offset-0 {
margin-left: 0 !important
}
.small-offset-1 {
margin-left: 8.3333333333% !important
}
.small-offset-2 {
margin-left: 16.6666666667% !important
}
.small-offset-3 {
margin-left: 25% !important
}
.small-offset-4 {
margin-left: 33.3333333333% !important
}
.small-offset-5 {
margin-left: 41.6666666667% !important
}
.small-offset-6 {
margin-left: 50% !important
}
.small-offset-7 {
margin-left: 58.3333333333% !important
}
.small-offset-8 {
margin-left: 66.6666666667% !important
}
.small-offset-9 {
margin-left: 75% !important
}
.small-offset-10 {
margin-left: 83.3333333333% !important
}
.small-offset-11 {
margin-left: 91.6666666667% !important
}
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto
}
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.small-uncentered,
.columns.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0
}
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none
}
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left
}
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right
}
.row.small-collapse>.column,
.row.small-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.row.small-collapse .row {
margin-left: 0;
margin-right: 0
}
.row.small-uncollapse>.column,
.row.small-uncollapse>.columns { float: left
}
}
@media only screen and (min-width: 40.0625em) {
.medium-push-0 {
position: relative;
left: 0;
right: auto
}
.medium-pull-0 {
position: relative;
right: 0;
left: auto
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.medium-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.medium-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.medium-push-3 {
position: relative;
left: 25%;
right: auto
}
.medium-pull-3 {
position: relative;
right: 25%;
left: auto
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.medium-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.medium-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.medium-push-6 {
position: relative;
left: 50%;
right: auto
}
.medium-pull-6 {
position: relative;
right: 50%;
left: auto
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.medium-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.medium-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.medium-push-9 {
position: relative;
left: 75%;
right: auto
}
.medium-pull-9 {
position: relative;
right: 75%;
left: auto
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.medium-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.medium-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
.column,
.columns {
position: relative; float: left
}
.medium-1 {
width: 8.3333333333%
}
.medium-2 {
width: 16.6666666667%
}
.medium-3 {
width: 25%
}
.medium-4 {
width: 33.3333333333%
}
.medium-5 {
width: 41.6666666667%
}
.medium-6 {
width: 50%
}
.medium-7 {
width: 58.3333333333%
}
.medium-8 {
width: 66.6666666667%
}
.medium-9 {
width: 75%
}
.medium-10 {
width: 83.3333333333%
}
.medium-11 {
width: 91.6666666667%
}
.medium-12 {
width: 100%
}
.medium-offset-0 {
margin-left: 0 !important
}
.medium-offset-1 {
margin-left: 8.3333333333% !important
}
.medium-offset-2 {
margin-left: 16.6666666667% !important
}
.medium-offset-3 {
margin-left: 25% !important
}
.medium-offset-4 {
margin-left: 33.3333333333% !important
}
.medium-offset-5 {
margin-left: 41.6666666667% !important
}
.medium-offset-6 {
margin-left: 50% !important
}
.medium-offset-7 {
margin-left: 58.3333333333% !important
}
.medium-offset-8 {
margin-left: 66.6666666667% !important
}
.medium-offset-9 {
margin-left: 75% !important
}
.medium-offset-10 {
margin-left: 83.3333333333% !important
}
.medium-offset-11 {
margin-left: 91.6666666667% !important
}
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto
}
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.medium-uncentered,
.columns.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0
}
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none
}
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left
}
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right
}
.row.medium-collapse>.column,
.row.medium-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0
}
.row.medium-uncollapse>.column,
.row.medium-uncollapse>.columns { float: left
}
.push-0 {
position: relative;
left: 0;
right: auto
}
.pull-0 {
position: relative;
right: 0;
left: auto
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.push-3 {
position: relative;
left: 25%;
right: auto
}
.pull-3 {
position: relative;
right: 25%;
left: auto
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.push-6 {
position: relative;
left: 50%;
right: auto
}
.pull-6 {
position: relative;
right: 50%;
left: auto
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.push-9 {
position: relative;
left: 75%;
right: auto
}
.pull-9 {
position: relative;
right: 75%;
left: auto
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
}
@media only screen and (min-width: 64.0625em) {
.large-push-0 {
position: relative;
left: 0;
right: auto
}
.large-pull-0 {
position: relative;
right: 0;
left: auto
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.large-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.large-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.large-push-3 {
position: relative;
left: 25%;
right: auto
}
.large-pull-3 {
position: relative;
right: 25%;
left: auto
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.large-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.large-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.large-push-6 {
position: relative;
left: 50%;
right: auto
}
.large-pull-6 {
position: relative;
right: 50%;
left: auto
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.large-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.large-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.large-push-9 {
position: relative;
left: 75%;
right: auto
}
.large-pull-9 {
position: relative;
right: 75%;
left: auto
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.large-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.large-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
.column,
.columns {
position: relative; float: left
}
.large-1 {
width: 8.3333333333%
}
.large-2 {
width: 16.6666666667%
}
.large-3 {
width: 25%
}
.large-4 {
width: 33.3333333333%
}
.large-5 {
width: 41.6666666667%
}
.large-6 {
width: 50%
}
.large-7 {
width: 58.3333333333%
}
.large-8 {
width: 66.6666666667%
}
.large-9 {
width: 75%
}
.large-10 {
width: 83.3333333333%
}
.large-11 {
width: 91.6666666667%
}
.large-12 {
width: 100%
}
.large-offset-0 {
margin-left: 0 !important
}
.large-offset-1 {
margin-left: 8.3333333333% !important
}
.large-offset-2 {
margin-left: 16.6666666667% !important
}
.large-offset-3 {
margin-left: 25% !important
}
.large-offset-4 {
margin-left: 33.3333333333% !important
}
.large-offset-5 {
margin-left: 41.6666666667% !important
}
.large-offset-6 {
margin-left: 50% !important
}
.large-offset-7 {
margin-left: 58.3333333333% !important
}
.large-offset-8 {
margin-left: 66.6666666667% !important
}
.large-offset-9 {
margin-left: 75% !important
}
.large-offset-10 {
margin-left: 83.3333333333% !important
}
.large-offset-11 {
margin-left: 91.6666666667% !important
}
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto
}
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.large-uncentered,
.columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0
}
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none
}
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left
}
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right
}
.row.large-collapse>.column,
.row.large-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.row.large-collapse .row {
margin-left: 0;
margin-right: 0
}
.row.large-uncollapse>.column,
.row.large-uncollapse>.columns { float: left
}
.push-0 {
position: relative;
left: 0;
right: auto
}
.pull-0 {
position: relative;
right: 0;
left: auto
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.push-3 {
position: relative;
left: 25%;
right: auto
}
.pull-3 {
position: relative;
right: 25%;
left: auto
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.push-6 {
position: relative;
left: 50%;
right: auto
}
.pull-6 {
position: relative;
right: 50%;
left: auto
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.push-9 {
position: relative;
left: 75%;
right: auto
}
.pull-9 {
position: relative;
right: 75%;
left: auto
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
}
.accordion {
margin-bottom: 0;
margin-left: 0
}
.accordion:before,
.accordion:after {
content: " ";
display: table
}
.accordion:after {
clear: both
}
.accordion .accordion-navigation,
.accordion dd {
display: block;
margin-bottom: 0 !important
}
.accordion .accordion-navigation.active>a,
.accordion dd.active>a {
background: #e8e8e8;
color: #222
}
.accordion .accordion-navigation>a,
.accordion dd>a {
background: #EFEFEF;
color: #222;
display: block;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
padding: 1rem
}
.accordion .accordion-navigation>a:hover,
.accordion dd>a:hover {
background: #e3e3e3
}
.accordion .accordion-navigation>.content,
.accordion dd>.content {
display: none;
padding: .9375rem
}
.accordion .accordion-navigation>.content.active,
.accordion dd>.content.active {
background: #fff;
display: block
}
.alert-box {
border-style: solid;
border-width: 1px;
display: block;
font-size: .8125rem;
font-weight: normal;
margin-bottom: 1.25rem;
padding: .875rem 1.5rem .875rem .875rem;
position: relative;
transition: opacity 300ms ease-out;
background-color: #008CBA;
border-color: #0078a0;
color: #fff
}
.alert-box .close {
right: .25rem;
background: inherit;
color: #333;
font-size: 1.375rem;
line-height: .9;
margin-top: -.6875rem;
opacity: .3;
padding: 0 6px 4px;
position: absolute;
top: 50%
}
.alert-box .close:hover,
.alert-box .close:focus {
opacity: .5
}
.alert-box.radius {
border-radius: 3px
}
.alert-box.round {
border-radius: 1000px
}
.alert-box.success {
background-color: #43AC6A;
border-color: #3a945b;
color: #fff
}
.alert-box.alert {
background-color: #f04124;
border-color: #de2d0f;
color: #fff
}
.alert-box.secondary {
background-color: #e7e7e7;
border-color: #c7c7c7;
color: #4f4f4f
}
.alert-box.warning {
background-color: #f08a24;
border-color: #de770f;
color: #fff
}
.alert-box.info {
background-color: #a0d3e8;
border-color: #74bfdd;
color: #4f4f4f
}
.alert-box.alert-close {
opacity: 0
}
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -.625rem
}
[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
content: " ";
display: table
}
[class*="block-grid-"]:after {
clear: both
}
[class*="block-grid-"]>li {
display: block;
float: left;
height: auto;
padding: 0 .625rem 1.25rem
}
@media only screen {
.small-block-grid-1>li {
list-style: none;
width: 100%
}
.small-block-grid-1>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-1>li:nth-of-type(1n+1) {
clear: both
}
.small-block-grid-2>li {
list-style: none;
width: 50%
}
.small-block-grid-2>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-2>li:nth-of-type(2n+1) {
clear: both
}
.small-block-grid-3>li {
list-style: none;
width: 33.3333333333%
}
.small-block-grid-3>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-3>li:nth-of-type(3n+1) {
clear: both
}
.small-block-grid-4>li {
list-style: none;
width: 25%
}
.small-block-grid-4>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-4>li:nth-of-type(4n+1) {
clear: both
}
.small-block-grid-5>li {
list-style: none;
width: 20%
}
.small-block-grid-5>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-5>li:nth-of-type(5n+1) {
clear: both
}
.small-block-grid-6>li {
list-style: none;
width: 16.6666666667%
}
.small-block-grid-6>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-6>li:nth-of-type(6n+1) {
clear: both
}
.small-block-grid-7>li {
list-style: none;
width: 14.2857142857%
}
.small-block-grid-7>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-7>li:nth-of-type(7n+1) {
clear: both
}
.small-block-grid-8>li {
list-style: none;
width: 12.5%
}
.small-block-grid-8>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-8>li:nth-of-type(8n+1) {
clear: both
}
.small-block-grid-9>li {
list-style: none;
width: 11.1111111111%
}
.small-block-grid-9>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-9>li:nth-of-type(9n+1) {
clear: both
}
.small-block-grid-10>li {
list-style: none;
width: 10%
}
.small-block-grid-10>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-10>li:nth-of-type(10n+1) {
clear: both
}
.small-block-grid-11>li {
list-style: none;
width: 9.0909090909%
}
.small-block-grid-11>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-11>li:nth-of-type(11n+1) {
clear: both
}
.small-block-grid-12>li {
list-style: none;
width: 8.3333333333%
}
.small-block-grid-12>li:nth-of-type(1n) {
clear: none
}
.small-block-grid-12>li:nth-of-type(12n+1) {
clear: both
}
}
@media only screen and (min-width: 40.0625em) {
.medium-block-grid-1>li {
list-style: none;
width: 100%
}
.medium-block-grid-1>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-1>li:nth-of-type(1n+1) {
clear: both
}
.medium-block-grid-2>li {
list-style: none;
width: 50%
}
.medium-block-grid-2>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-2>li:nth-of-type(2n+1) {
clear: both
}
.medium-block-grid-3>li {
list-style: none;
width: 33.3333333333%
}
.medium-block-grid-3>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-3>li:nth-of-type(3n+1) {
clear: both
}
.medium-block-grid-4>li {
list-style: none;
width: 25%
}
.medium-block-grid-4>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-4>li:nth-of-type(4n+1) {
clear: both
}
.medium-block-grid-5>li {
list-style: none;
width: 20%
}
.medium-block-grid-5>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-5>li:nth-of-type(5n+1) {
clear: both
}
.medium-block-grid-6>li {
list-style: none;
width: 16.6666666667%
}
.medium-block-grid-6>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-6>li:nth-of-type(6n+1) {
clear: both
}
.medium-block-grid-7>li {
list-style: none;
width: 14.2857142857%
}
.medium-block-grid-7>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-7>li:nth-of-type(7n+1) {
clear: both
}
.medium-block-grid-8>li {
list-style: none;
width: 12.5%
}
.medium-block-grid-8>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-8>li:nth-of-type(8n+1) {
clear: both
}
.medium-block-grid-9>li {
list-style: none;
width: 11.1111111111%
}
.medium-block-grid-9>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-9>li:nth-of-type(9n+1) {
clear: both
}
.medium-block-grid-10>li {
list-style: none;
width: 10%
}
.medium-block-grid-10>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-10>li:nth-of-type(10n+1) {
clear: both
}
.medium-block-grid-11>li {
list-style: none;
width: 9.0909090909%
}
.medium-block-grid-11>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-11>li:nth-of-type(11n+1) {
clear: both
}
.medium-block-grid-12>li {
list-style: none;
width: 8.3333333333%
}
.medium-block-grid-12>li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-12>li:nth-of-type(12n+1) {
clear: both
}
}
@media only screen and (min-width: 64.0625em) {
.large-block-grid-1>li {
list-style: none;
width: 100%
}
.large-block-grid-1>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-1>li:nth-of-type(1n+1) {
clear: both
}
.large-block-grid-2>li {
list-style: none;
width: 50%
}
.large-block-grid-2>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-2>li:nth-of-type(2n+1) {
clear: both
}
.large-block-grid-3>li {
list-style: none;
width: 33.3333333333%
}
.large-block-grid-3>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-3>li:nth-of-type(3n+1) {
clear: both
}
.large-block-grid-4>li {
list-style: none;
width: 25%
}
.large-block-grid-4>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-4>li:nth-of-type(4n+1) {
clear: both
}
.large-block-grid-5>li {
list-style: none;
width: 20%
}
.large-block-grid-5>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-5>li:nth-of-type(5n+1) {
clear: both
}
.large-block-grid-6>li {
list-style: none;
width: 16.6666666667%
}
.large-block-grid-6>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-6>li:nth-of-type(6n+1) {
clear: both
}
.large-block-grid-7>li {
list-style: none;
width: 14.2857142857%
}
.large-block-grid-7>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-7>li:nth-of-type(7n+1) {
clear: both
}
.large-block-grid-8>li {
list-style: none;
width: 12.5%
}
.large-block-grid-8>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-8>li:nth-of-type(8n+1) {
clear: both
}
.large-block-grid-9>li {
list-style: none;
width: 11.1111111111%
}
.large-block-grid-9>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-9>li:nth-of-type(9n+1) {
clear: both
}
.large-block-grid-10>li {
list-style: none;
width: 10%
}
.large-block-grid-10>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-10>li:nth-of-type(10n+1) {
clear: both
}
.large-block-grid-11>li {
list-style: none;
width: 9.0909090909%
}
.large-block-grid-11>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-11>li:nth-of-type(11n+1) {
clear: both
}
.large-block-grid-12>li {
list-style: none;
width: 8.3333333333%
}
.large-block-grid-12>li:nth-of-type(1n) {
clear: none
}
.large-block-grid-12>li:nth-of-type(12n+1) {
clear: both
}
}
.breadcrumbs {
border-style: solid;
border-width: 1px;
display: block;
list-style: none;
margin-left: 0;
overflow: hidden;
padding: .5625rem .875rem .5625rem;
background-color: #f4f4f4;
border-color: #dcdcdc;
border-radius: 3px
}
.breadcrumbs>* {
color: #008CBA;
float: left;
font-size: .6875rem;
line-height: .6875rem;
margin: 0;
text-transform: uppercase
}
.breadcrumbs>*:hover a,
.breadcrumbs>*:focus a {
text-decoration: underline
}
.breadcrumbs>* a {
color: #008CBA
}
.breadcrumbs>*.current {
color: #333;
cursor: default
}
.breadcrumbs>*.current a {
color: #333;
cursor: default
}
.breadcrumbs>*.current:hover,
.breadcrumbs>*.current:hover a,
.breadcrumbs>*.current:focus,
.breadcrumbs>*.current:focus a {
text-decoration: none
}
.breadcrumbs>*.unavailable {
color: #999
}
.breadcrumbs>*.unavailable a {
color: #999
}
.breadcrumbs>*.unavailable:hover,
.breadcrumbs>*.unavailable:hover a,
.breadcrumbs>*.unavailable:focus,
.breadcrumbs>*.unavailable a:focus {
color: #999;
cursor: not-allowed;
text-decoration: none
}
.breadcrumbs>*:before {
color: #aaa;
content: "/";
margin: 0 .75rem;
position: relative;
top: 1px
}
.breadcrumbs>*:first-child:before {
content: " ";
margin: 0
}
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
content: "/"
}
button,
.button {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 1rem 2rem 1.0625rem 2rem;
font-size: 1rem;
background-color: #008CBA;
border-color: #007095;
color: #fff;
transition: background-color 300ms ease-out
}
button:hover,
button:focus,
.button:hover,
.button:focus {
background-color: #007095
}
button:hover,
button:focus,
.button:hover,
.button:focus {
color: #fff
}
button.secondary,
.button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
background-color: #b9b9b9
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
color: #333
}
button.success,
.button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff
}
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
background-color: #368a55
}
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
color: #fff
}
button.alert,
.button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
background-color: #cf2a0e
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
color: #fff
}
button.warning,
.button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
background-color: #cf6e0e
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
color: #fff
}
button.info,
.button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333
}
button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
background-color: #61b6d9
}
button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
color: #fff
}
button.large,
.button.large {
padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
font-size: 1.25rem
}
button.small,
.button.small {
padding: .875rem 1.75rem .9375rem 1.75rem;
font-size: .8125rem
}
button.tiny,
.button.tiny {
padding: .625rem 1.25rem .6875rem 1.25rem;
font-size: .6875rem
}
button.expand,
.button.expand {
padding: 1rem 2rem 1.0625rem 2rem;
font-size: 1rem;
padding-bottom: 1.0625rem;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
width: 100%
}
button.left-align,
.button.left-align {
text-align: left;
text-indent: .75rem
}
button.right-align,
.button.right-align {
text-align: right;
padding-right: .75rem
}
button.radius,
.button.radius {
border-radius: 3px
}
button.round,
.button.round {
border-radius: 1000px
}
button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
background-color: #008CBA;
border-color: #007095;
color: #fff;
box-shadow: none;
cursor: default;
opacity: .7
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
background-color: #007095
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
color: #fff
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
background-color: #008CBA
}
button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333;
box-shadow: none;
cursor: default;
opacity: .7
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
background-color: #b9b9b9
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
color: #333
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
background-color: #e7e7e7
}
button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff;
box-shadow: none;
cursor: default;
opacity: .7
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
background-color: #368a55
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
color: #fff
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
background-color: #43AC6A
}
button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff;
box-shadow: none;
cursor: default;
opacity: .7
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
background-color: #cf2a0e
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
color: #fff
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
background-color: #f04124
}
button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff;
box-shadow: none;
cursor: default;
opacity: .7
}
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
background-color: #cf6e0e
}
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
color: #fff
}
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
background-color: #f08a24
}
button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333;
box-shadow: none;
cursor: default;
opacity: .7
}
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
background-color: #61b6d9
}
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
color: #fff
}
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
background-color: #a0d3e8
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
@media only screen and (min-width: 40.0625em) {
button,
.button {
display: inline-block
}
}
.button-group {
list-style: none;
margin: 0;
left: 0
}
.button-group:before,
.button-group:after {
content: " ";
display: table
}
.button-group:after {
clear: both
}
.button-group.even-2 li {
display: inline-block;
margin: 0 -2px;
width: 50%
}
.button-group.even-2 li>button,
.button-group.even-2 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-2 li:first-child button,
.button-group.even-2 li:first-child .button {
border-left: 0
}
.button-group.even-2 li button,
.button-group.even-2 li .button {
width: 100%
}
.button-group.even-3 li {
display: inline-block;
margin: 0 -2px;
width: 33.3333333333%
}
.button-group.even-3 li>button,
.button-group.even-3 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-3 li:first-child button,
.button-group.even-3 li:first-child .button {
border-left: 0
}
.button-group.even-3 li button,
.button-group.even-3 li .button {
width: 100%
}
.button-group.even-4 li {
display: inline-block;
margin: 0 -2px;
width: 25%
}
.button-group.even-4 li>button,
.button-group.even-4 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-4 li:first-child button,
.button-group.even-4 li:first-child .button {
border-left: 0
}
.button-group.even-4 li button,
.button-group.even-4 li .button {
width: 100%
}
.button-group.even-5 li {
display: inline-block;
margin: 0 -2px;
width: 20%
}
.button-group.even-5 li>button,
.button-group.even-5 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-5 li:first-child button,
.button-group.even-5 li:first-child .button {
border-left: 0
}
.button-group.even-5 li button,
.button-group.even-5 li .button {
width: 100%
}
.button-group.even-6 li {
display: inline-block;
margin: 0 -2px;
width: 16.6666666667%
}
.button-group.even-6 li>button,
.button-group.even-6 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-6 li:first-child button,
.button-group.even-6 li:first-child .button {
border-left: 0
}
.button-group.even-6 li button,
.button-group.even-6 li .button {
width: 100%
}
.button-group.even-7 li {
display: inline-block;
margin: 0 -2px;
width: 14.2857142857%
}
.button-group.even-7 li>button,
.button-group.even-7 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-7 li:first-child button,
.button-group.even-7 li:first-child .button {
border-left: 0
}
.button-group.even-7 li button,
.button-group.even-7 li .button {
width: 100%
}
.button-group.even-8 li {
display: inline-block;
margin: 0 -2px;
width: 12.5%
}
.button-group.even-8 li>button,
.button-group.even-8 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.even-8 li:first-child button,
.button-group.even-8 li:first-child .button {
border-left: 0
}
.button-group.even-8 li button,
.button-group.even-8 li .button {
width: 100%
}
.button-group>li {
display: inline-block;
margin: 0 -2px
}
.button-group>li>button,
.button-group>li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group>li:first-child button,
.button-group>li:first-child .button {
border-left: 0
}
.button-group.stack>li {
display: block;
margin: 0;
float: none
}
.button-group.stack>li>button,
.button-group.stack>li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
border-left: 0
}
.button-group.stack>li>button,
.button-group.stack>li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.stack>li>button {
width: 100%
}
.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
border-top: 0
}
.button-group.stack-for-small>li {
display: inline-block;
margin: 0 -2px
}
.button-group.stack-for-small>li>button,
.button-group.stack-for-small>li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.stack-for-small>li:first-child button,
.button-group.stack-for-small>li:first-child .button {
border-left: 0
}
@media only screen and (max-width: 40em) {
.button-group.stack-for-small>li {
display: block;
margin: 0;
width: 100%
}
.button-group.stack-for-small>li>button,
.button-group.stack-for-small>li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.stack-for-small>li:first-child button,
.button-group.stack-for-small>li:first-child .button {
border-left: 0
}
.button-group.stack-for-small>li>button,
.button-group.stack-for-small>li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.stack-for-small>li>button {
width: 100%
}
.button-group.stack-for-small>li:first-child button,
.button-group.stack-for-small>li:first-child .button {
border-top: 0
}
}
.button-group.radius>* {
display: inline-block;
margin: 0 -2px
}
.button-group.radius>*>button,
.button-group.radius>* .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.radius>*:first-child button,
.button-group.radius>*:first-child .button {
border-left: 0
}
.button-group.radius>*,
.button-group.radius>*>a,
.button-group.radius>*>button,
.button-group.radius>*>.button {
border-radius: 0
}
.button-group.radius>*:first-child,
.button-group.radius>*:first-child>a,
.button-group.radius>*:first-child>button,
.button-group.radius>*:first-child>.button {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.button-group.radius>*:last-child,
.button-group.radius>*:last-child>a,
.button-group.radius>*:last-child>button,
.button-group.radius>*:last-child>.button {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.button-group.radius.stack>* {
display: block;
margin: 0
}
.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
border-left: 0
}
.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.radius.stack>*>button {
width: 100%
}
.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
border-top: 0
}
.button-group.radius.stack>*,
.button-group.radius.stack>*>a,
.button-group.radius.stack>*>button,
.button-group.radius.stack>*>.button {
border-radius: 0
}
.button-group.radius.stack>*:first-child,
.button-group.radius.stack>*:first-child>a,
.button-group.radius.stack>*:first-child>button,
.button-group.radius.stack>*:first-child>.button {
-webkit-top-left-radius: 3px;
-webkit-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.button-group.radius.stack>*:last-child,
.button-group.radius.stack>*:last-child>a,
.button-group.radius.stack>*:last-child>button,
.button-group.radius.stack>*:last-child>.button {
-webkit-bottom-left-radius: 3px;
-webkit-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
@media only screen and (min-width: 40.0625em) {
.button-group.radius.stack-for-small>* {
display: inline-block;
margin: 0 -2px
}
.button-group.radius.stack-for-small>*>button,
.button-group.radius.stack-for-small>* .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.radius.stack-for-small>*:first-child button,
.button-group.radius.stack-for-small>*:first-child .button {
border-left: 0
}
.button-group.radius.stack-for-small>*,
.button-group.radius.stack-for-small>*>a,
.button-group.radius.stack-for-small>*>button,
.button-group.radius.stack-for-small>*>.button {
border-radius: 0
}
.button-group.radius.stack-for-small>*:first-child,
.button-group.radius.stack-for-small>*:first-child>a,
.button-group.radius.stack-for-small>*:first-child>button,
.button-group.radius.stack-for-small>*:first-child>.button {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.button-group.radius.stack-for-small>*:last-child,
.button-group.radius.stack-for-small>*:last-child>a,
.button-group.radius.stack-for-small>*:last-child>button,
.button-group.radius.stack-for-small>*:last-child>.button {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
}
@media only screen and (max-width: 40em) {
.button-group.radius.stack-for-small>* {
display: block;
margin: 0
}
.button-group.radius.stack-for-small>*>button,
.button-group.radius.stack-for-small>* .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.radius.stack-for-small>*:first-child button,
.button-group.radius.stack-for-small>*:first-child .button {
border-left: 0
}
.button-group.radius.stack-for-small>*>button,
.button-group.radius.stack-for-small>* .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.radius.stack-for-small>*>button {
width: 100%
}
.button-group.radius.stack-for-small>*:first-child button,
.button-group.radius.stack-for-small>*:first-child .button {
border-top: 0
}
.button-group.radius.stack-for-small>*,
.button-group.radius.stack-for-small>*>a,
.button-group.radius.stack-for-small>*>button,
.button-group.radius.stack-for-small>*>.button {
border-radius: 0
}
.button-group.radius.stack-for-small>*:first-child,
.button-group.radius.stack-for-small>*:first-child>a,
.button-group.radius.stack-for-small>*:first-child>button,
.button-group.radius.stack-for-small>*:first-child>.button {
-webkit-top-left-radius: 3px;
-webkit-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.button-group.radius.stack-for-small>*:last-child,
.button-group.radius.stack-for-small>*:last-child>a,
.button-group.radius.stack-for-small>*:last-child>button,
.button-group.radius.stack-for-small>*:last-child>.button {
-webkit-bottom-left-radius: 3px;
-webkit-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
}
.button-group.round>* {
display: inline-block;
margin: 0 -2px
}
.button-group.round>*>button,
.button-group.round>* .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.round>*:first-child button,
.button-group.round>*:first-child .button {
border-left: 0
}
.button-group.round>*,
.button-group.round>*>a,
.button-group.round>*>button,
.button-group.round>*>.button {
border-radius: 0
}
.button-group.round>*:first-child,
.button-group.round>*:first-child>a,
.button-group.round>*:first-child>button,
.button-group.round>*:first-child>.button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
.button-group.round>*:last-child,
.button-group.round>*:last-child>a,
.button-group.round>*:last-child>button,
.button-group.round>*:last-child>.button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
.button-group.round.stack>* {
display: block;
margin: 0
}
.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
border-left: 0
}
.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.round.stack>*>button {
width: 100%
}
.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
border-top: 0
}
.button-group.round.stack>*,
.button-group.round.stack>*>a,
.button-group.round.stack>*>button,
.button-group.round.stack>*>.button {
border-radius: 0
}
.button-group.round.stack>*:first-child,
.button-group.round.stack>*:first-child>a,
.button-group.round.stack>*:first-child>button,
.button-group.round.stack>*:first-child>.button {
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem
}
.button-group.round.stack>*:last-child,
.button-group.round.stack>*:last-child>a,
.button-group.round.stack>*:last-child>button,
.button-group.round.stack>*:last-child>.button {
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem
}
@media only screen and (min-width: 40.0625em) {
.button-group.round.stack-for-small>* {
display: inline-block;
margin: 0 -2px
}
.button-group.round.stack-for-small>*>button,
.button-group.round.stack-for-small>* .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.round.stack-for-small>*:first-child button,
.button-group.round.stack-for-small>*:first-child .button {
border-left: 0
}
.button-group.round.stack-for-small>*,
.button-group.round.stack-for-small>*>a,
.button-group.round.stack-for-small>*>button,
.button-group.round.stack-for-small>*>.button {
border-radius: 0
}
.button-group.round.stack-for-small>*:first-child,
.button-group.round.stack-for-small>*:first-child>a,
.button-group.round.stack-for-small>*:first-child>button,
.button-group.round.stack-for-small>*:first-child>.button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
.button-group.round.stack-for-small>*:last-child,
.button-group.round.stack-for-small>*:last-child>a,
.button-group.round.stack-for-small>*:last-child>button,
.button-group.round.stack-for-small>*:last-child>.button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
}
@media only screen and (max-width: 40em) {
.button-group.round.stack-for-small>* {
display: block;
margin: 0
}
.button-group.round.stack-for-small>*>button,
.button-group.round.stack-for-small>* .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5)
}
.button-group.round.stack-for-small>*:first-child button,
.button-group.round.stack-for-small>*:first-child .button {
border-left: 0
}
.button-group.round.stack-for-small>*>button,
.button-group.round.stack-for-small>* .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.round.stack-for-small>*>button {
width: 100%
}
.button-group.round.stack-for-small>*:first-child button,
.button-group.round.stack-for-small>*:first-child .button {
border-top: 0
}
.button-group.round.stack-for-small>*,
.button-group.round.stack-for-small>*>a,
.button-group.round.stack-for-small>*>button,
.button-group.round.stack-for-small>*>.button {
border-radius: 0
}
.button-group.round.stack-for-small>*:first-child,
.button-group.round.stack-for-small>*:first-child>a,
.button-group.round.stack-for-small>*:first-child>button,
.button-group.round.stack-for-small>*:first-child>.button {
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem
}
.button-group.round.stack-for-small>*:last-child,
.button-group.round.stack-for-small>*:last-child>a,
.button-group.round.stack-for-small>*:last-child>button,
.button-group.round.stack-for-small>*:last-child>.button {
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem
}
}
.button-bar:before,
.button-bar:after {
content: " ";
display: table
}
.button-bar:after {
clear: both
}
.button-bar .button-group {
float: left;
margin-right: .625rem
}
.button-bar .button-group div {
overflow: hidden
}
.clearing-thumbs,
[data-clearing] {
list-style: none;
margin-left: 0;
margin-bottom: 0
}
.clearing-thumbs:before,
.clearing-thumbs:after,
[data-clearing]:before,
[data-clearing]:after {
content: " ";
display: table
}
.clearing-thumbs:after,
[data-clearing]:after {
clear: both
}
.clearing-thumbs li,
[data-clearing] li {
float: left;
margin-right: 10px
}
.clearing-thumbs[class*="block-grid-"] li,
[data-clearing][class*="block-grid-"] li {
margin-right: 0
}
.clearing-blackout {
background: #333;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 998;
left: 0
}
.clearing-blackout .clearing-close {
display: block
}
.clearing-container {
height: 100%;
margin: 0;
overflow: hidden;
position: relative;
z-index: 998
}
.clearing-touch-label {
color: #aaa;
font-size: .6em;
left: 50%;
position: absolute;
top: 50%
}
.visible-img {
height: 95%;
position: relative
}
.visible-img img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-height: 100%;
max-width: 100%
}
.clearing-caption {
background: #333;
bottom: 0;
color: #ccc;
font-size: .875em;
line-height: 1.3;
margin-bottom: 0;
padding: 10px 30px 20px;
position: absolute;
text-align: center;
width: 100%;
left: 0
}
.clearing-close {
color: #ccc;
display: none;
font-size: 30px;
line-height: 1;
padding-left: 20px;
padding-top: 10px;
z-index: 999
}
.clearing-close:hover,
.clearing-close:focus {
color: #ccc
}
.clearing-assembled .clearing-container {
height: 100%
}
.clearing-assembled .clearing-container .carousel>ul {
display: none
}
.clearing-feature li {
display: none
}
.clearing-feature li.clearing-featured-img {
display: block
}
@media only screen and (min-width: 40.0625em) {
.clearing-main-prev,
.clearing-main-next {
height: 100%;
position: absolute;
top: 0;
width: 40px
}
.clearing-main-prev>span,
.clearing-main-next>span {
border: solid 12px;
display: block;
height: 0;
position: absolute;
top: 50%;
width: 0
}
.clearing-main-prev>span:hover,
.clearing-main-next>span:hover {
opacity: .8
}
.clearing-main-prev {
left: 0
}
.clearing-main-prev>span {
left: 5px;
border-color: transparent;
border-right-color: #ccc
}
.clearing-main-next {
right: 0
}
.clearing-main-next>span {
border-color: transparent;
border-left-color: #ccc
}
.clearing-main-prev.disabled,
.clearing-main-next.disabled {
opacity: .3
}
.clearing-assembled .clearing-container .carousel {
background: rgba(51, 51, 51, 0.8);
height: 120px;
margin-top: 10px;
text-align: center
}
.clearing-assembled .clearing-container .carousel>ul {
display: inline-block;
z-index: 999;
height: 100%;
position: relative;
float: none
}
.clearing-assembled .clearing-container .carousel>ul li {
clear: none;
cursor: pointer;
display: block;
float: left;
margin-right: 0;
min-height: inherit;
opacity: .4;
overflow: hidden;
padding: 0;
position: relative;
width: 120px
}
.clearing-assembled .clearing-container .carousel>ul li.fix-height img {
height: 100%;
max-width: none
}
.clearing-assembled .clearing-container .carousel>ul li a.th {
border: none;
box-shadow: none;
display: block
}
.clearing-assembled .clearing-container .carousel>ul li img {
cursor: pointer !important;
width: 100% !important
}
.clearing-assembled .clearing-container .carousel>ul li.visible {
opacity: 1
}
.clearing-assembled .clearing-container .carousel>ul li:hover {
opacity: .8
}
.clearing-assembled .clearing-container .visible-img {
background: #333;
height: 85%;
overflow: hidden
}
.clearing-close {
padding-left: 0;
padding-top: 0;
position: absolute;
top: 10px;
right: 20px
}
}
.f-dropdown {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-top: 2px;
max-width: 200px
}
.f-dropdown.open {
display: block
}
.f-dropdown>*:first-child {
margin-top: 0
}
.f-dropdown>*:last-child {
margin-bottom: 0
}
.f-dropdown:before {
border: inset 6px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent #fff transparent;
border-bottom-style: solid;
position: absolute;
top: -12px;
left: 10px;
z-index: 89
}
.f-dropdown:after {
border: inset 7px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent #ccc transparent;
border-bottom-style: solid;
position: absolute;
top: -14px;
left: 9px;
z-index: 88
}
.f-dropdown.right:before {
left: auto;
right: 10px
}
.f-dropdown.right:after {
left: auto;
right: 9px
}
.f-dropdown.drop-right {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-top: 0;
margin-left: 2px;
max-width: 200px
}
.f-dropdown.drop-right.open {
display: block
}
.f-dropdown.drop-right>*:first-child {
margin-top: 0
}
.f-dropdown.drop-right>*:last-child {
margin-bottom: 0
}
.f-dropdown.drop-right:before {
border: inset 6px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent #fff transparent transparent;
border-right-style: solid;
position: absolute;
top: 10px;
left: -12px;
z-index: 89
}
.f-dropdown.drop-right:after {
border: inset 7px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent #ccc transparent transparent;
border-right-style: solid;
position: absolute;
top: 9px;
left: -14px;
z-index: 88
}
.f-dropdown.drop-left {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-top: 0;
margin-left: -2px;
max-width: 200px
}
.f-dropdown.drop-left.open {
display: block
}
.f-dropdown.drop-left>*:first-child {
margin-top: 0
}
.f-dropdown.drop-left>*:last-child {
margin-bottom: 0
}
.f-dropdown.drop-left:before {
border: inset 6px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent transparent #fff;
border-left-style: solid;
position: absolute;
top: 10px;
right: -12px;
left: auto;
z-index: 89
}
.f-dropdown.drop-left:after {
border: inset 7px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent transparent #ccc;
border-left-style: solid;
position: absolute;
top: 9px;
right: -14px;
left: auto;
z-index: 88
}
.f-dropdown.drop-top {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-left: 0;
margin-top: -2px;
max-width: 200px
}
.f-dropdown.drop-top.open {
display: block
}
.f-dropdown.drop-top>*:first-child {
margin-top: 0
}
.f-dropdown.drop-top>*:last-child {
margin-bottom: 0
}
.f-dropdown.drop-top:before {
border: inset 6px;
content: "";
display: block;
height: 0;
width: 0;
border-color: #fff transparent transparent transparent;
border-top-style: solid;
bottom: -12px;
position: absolute;
top: auto;
left: 10px;
right: auto;
z-index: 89
}
.f-dropdown.drop-top:after {
border: inset 7px;
content: "";
display: block;
height: 0;
width: 0;
border-color: #ccc transparent transparent transparent;
border-top-style: solid;
bottom: -14px;
position: absolute;
top: auto;
left: 9px;
right: auto;
z-index: 88
}
.f-dropdown li {
cursor: pointer;
font-size: .875rem;
line-height: 1.125rem;
margin: 0
}
.f-dropdown li:hover,
.f-dropdown li:focus {
background: #eee
}
.f-dropdown li a {
display: block;
padding: .5rem;
color: #555
}
.f-dropdown.content {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
padding: 1.25rem;
width: 100%;
z-index: 89;
max-width: 200px
}
.f-dropdown.content.open {
display: block
}
.f-dropdown.content>*:first-child {
margin-top: 0
}
.f-dropdown.content>*:last-child {
margin-bottom: 0
}
.f-dropdown.radius {
border-radius: 3px
}
.f-dropdown.tiny {
max-width: 200px
}
.f-dropdown.small {
max-width: 300px
}
.f-dropdown.medium {
max-width: 500px
}
.f-dropdown.large {
max-width: 800px
}
.f-dropdown.mega {
width: 100% !important;
max-width: 100% !important
}
.f-dropdown.mega.open {
left: 0 !important
}
.dropdown.button,
button.dropdown {
position: relative;
padding-right: 3.5625rem
}
.dropdown.button::after,
button.dropdown::after {
border-color: #fff transparent transparent transparent;
border-style: solid;
content: "";
display: block;
height: 0;
position: absolute;
top: 50%;
width: 0
}
.dropdown.button::after,
button.dropdown::after {
border-width: .375rem;
right: 1.40625rem;
margin-top: -.15625rem
}
.dropdown.button::after,
button.dropdown::after {
border-color: #fff transparent transparent transparent
}
.dropdown.button.tiny,
button.dropdown.tiny {
padding-right: 2.625rem
}
.dropdown.button.tiny:after,
button.dropdown.tiny:after {
border-width: .375rem;
right: 1.125rem;
margin-top: -.125rem
}
.dropdown.button.tiny::after,
button.dropdown.tiny::after {
border-color: #fff transparent transparent transparent
}
.dropdown.button.small,
button.dropdown.small {
padding-right: 3.0625rem
}
.dropdown.button.small::after,
button.dropdown.small::after {
border-width: .4375rem;
right: 1.3125rem;
margin-top: -.15625rem
}
.dropdown.button.small::after,
button.dropdown.small::after {
border-color: #fff transparent transparent transparent
}
.dropdown.button.large,
button.dropdown.large {
padding-right: 3.625rem
}
.dropdown.button.large::after,
button.dropdown.large::after {
border-width: .3125rem;
right: 1.71875rem;
margin-top: -.15625rem
}
.dropdown.button.large::after,
button.dropdown.large::after {
border-color: #fff transparent transparent transparent
}
.dropdown.button.secondary:after,
button.dropdown.secondary:after {
border-color: #333 transparent transparent transparent
}
.flex-video {
height: 0;
margin-bottom: 1rem;
overflow: hidden;
padding-bottom: 67.5%;
padding-top: 1.5625rem;
position: relative
}
.flex-video.widescreen {
padding-bottom: 56.34%
}
.flex-video.vimeo {
padding-top: 0
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
height: 100%;
position: absolute;
top: 0;
width: 100%;
left: 0
}
form {
margin: 0 0 1rem
}
form .row .row {
margin: 0 -.5rem
}
form .row .row .column,
form .row .row .columns {
padding: 0 .5rem
}
form .row .row.collapse {
margin: 0
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
padding: 0
}
form .row .row.collapse input {
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
padding-left: .5rem
}
label {
color: #4d4d4d;
cursor: pointer;
display: block;
font-size: .875rem;
font-weight: normal;
line-height: 1.5;
margin-bottom: 0
}
label.right {
float: none !important;
text-align: right
}
label.inline {
margin: 0 0 1rem 0;
padding: .5625rem 0
}
label small {
text-transform: capitalize;
color: #676767
}
.prefix,
.postfix {
border-style: solid;
border-width: 1px;
display: block;
font-size: .875rem;
height: 2.3125rem;
line-height: 2.3125rem;
overflow: visible;
padding-bottom: 0;
padding-top: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2
}
.postfix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center
}
.prefix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center
}
.prefix.button.radius {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.postfix.button.radius {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.prefix.button.round {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
.postfix.button.round {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
span.prefix,
label.prefix {
background: #f2f2f2;
border-right: none;
color: #333;
border-color: #ccc
}
span.postfix,
label.postfix {
background: #f2f2f2;
border-left: none;
color: #333;
border-color: #ccc
}
input:not([type]),
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #ccc;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-family: inherit;
font-size: .875rem;
height: 2.3125rem;
margin: 0 0 1rem 0;
padding: .5rem;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color .15s linear, background .15s linear;
-moz-transition: border-color .15s linear, background .15s linear;
-ms-transition: border-color .15s linear, background .15s linear;
-o-transition: border-color .15s linear, background .15s linear;
transition: border-color .15s linear, background .15s linear
}
input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
background: #fafafa;
border-color: #999;
outline: none
}
input:not([type]):disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
background-color: #ddd;
cursor: default
}
input:not([type])[disabled],
input:not([type])[readonly],
fieldset[disabled] input:not([type]),
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
background-color: #ddd;
cursor: default
}
input:not([type]).radius,
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
border-radius: 3px
}
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
form .row .prefix-radius.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
form .row .postfix-radius.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
form .row .prefix-round.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
form .row .postfix-round.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0
}
textarea[rows] {
height: auto
}
textarea {
max-width: 100%
}
::-webkit-input-placeholder {
color: #666
}
:-moz-placeholder {
color: #666
}
::-moz-placeholder {
color: #666
}
:-ms-input-placeholder {
color: #666
}
select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: #FAFAFA;
border-radius: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
background-position: 100% center;
background-repeat: no-repeat;
border-style: solid;
border-width: 1px;
border-color: #ccc;
color: rgba(0, 0, 0, 0.75);
font-family: inherit;
font-size: .875rem;
line-height: normal;
padding: .5rem;
border-radius: 0;
height: 2.3125rem
}
select::-ms-expand {
display: none
}
select.radius {
border-radius: 3px
}
select:focus {
background-color: #f3f3f3;
border-color: #999
}
select:disabled {
background-color: #ddd;
cursor: default
}
select[multiple] {
height: auto
}
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
margin: 0 0 1rem 0
}
input[type="checkbox"]+label,
input[type="radio"]+label {
display: inline-block;
margin-left: .5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline
}
input[type="file"] {
width: 100%
}
fieldset {
border: 1px solid #ddd;
margin: 1.125rem 0;
padding: 1.25rem
}
fieldset legend {
font-weight: bold;
margin: 0;
margin-left: -.1875rem;
padding: 0 .1875rem
}
[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
display: block;
font-size: .75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: .375rem .5625rem .5625rem;
background: #f04124;
color: #fff
}
[data-abide] span.error,
[data-abide] small.error {
display: none
}
span.error,
small.error {
display: block;
font-size: .75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: .375rem .5625rem .5625rem;
background: #f04124;
color: #fff
}
.error input,
.error textarea,
.error select {
margin-bottom: 0
}
.error input[type="checkbox"],
.error input[type="radio"] {
margin-bottom: 1rem
}
.error label,
.error label.error {
color: #f04124
}
.error small.error {
display: block;
font-size: .75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: .375rem .5625rem .5625rem;
background: #f04124;
color: #fff
}
.error>label>small {
background: transparent;
color: #676767;
display: inline;
font-size: 60%;
font-style: normal;
margin: 0;
padding: 0;
text-transform: capitalize
}
.error span.error-message {
display: block
}
input.error,
textarea.error,
select.error {
margin-bottom: 0
}
label.error {
color: #f04124
}
.icon-bar {
display: inline-block;
font-size: 0;
width: 100%;
background: #333
}
.icon-bar>* {
display: block;
float: left;
font-size: 1rem;
margin: 0 auto;
padding: 1.25rem;
text-align: center;
width: 25%
}
.icon-bar>* i,
.icon-bar>* img {
display: block;
margin: 0 auto
}
.icon-bar>* i+label,
.icon-bar>* img+label {
margin-top: .0625rem
}
.icon-bar>* i {
font-size: 1.875rem;
vertical-align: middle
}
.icon-bar>* img {
height: 1.875rem;
width: 1.875rem
}
.icon-bar.label-right>* i,
.icon-bar.label-right>* img {
display: inline-block;
margin: 0 .0625rem 0 0
}
.icon-bar.label-right>* i+label,
.icon-bar.label-right>* img+label {
margin-top: 0
}
.icon-bar.label-right>* label {
display: inline-block
}
.icon-bar.vertical.label-right>* {
text-align: left
}
.icon-bar.vertical,
.icon-bar.small-vertical {
height: 100%;
width: auto
}
.icon-bar.vertical .item,
.icon-bar.small-vertical .item {
float: none;
margin: auto;
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.medium-vertical {
height: 100%;
width: auto
}
.icon-bar.medium-vertical .item {
float: none;
margin: auto;
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.large-vertical {
height: 100%;
width: auto
}
.icon-bar.large-vertical .item {
float: none;
margin: auto;
width: auto
}
}
.icon-bar>* {
font-size: 1rem;
padding: 1.25rem
}
.icon-bar>* i+label,
.icon-bar>* img+label {
margin-top: .0625rem;
font-size: 1rem
}
.icon-bar>* i {
font-size: 1.875rem
}
.icon-bar>* img {
height: 1.875rem;
width: 1.875rem
}
.icon-bar>* label {
color: #fff
}
.icon-bar>* i {
color: #fff
}
.icon-bar>a:hover {
background: #008CBA
}
.icon-bar>a:hover label {
color: #fff
}
.icon-bar>a:hover i {
color: #fff
}
.icon-bar>a.active {
background: #008CBA
}
.icon-bar>a.active label {
color: #fff
}
.icon-bar>a.active i {
color: #fff
}
.icon-bar .item.disabled {
cursor: not-allowed;
opacity: .7;
pointer-events: none
}
.icon-bar .item.disabled>* {
opacity: .7;
cursor: not-allowed
}
.icon-bar.two-up .item {
width: 50%
}
.icon-bar.two-up.vertical .item,
.icon-bar.two-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.two-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.two-up.large-vertical .item {
width: auto
}
}
.icon-bar.three-up .item {
width: 33.3333%
}
.icon-bar.three-up.vertical .item,
.icon-bar.three-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.three-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.three-up.large-vertical .item {
width: auto
}
}
.icon-bar.four-up .item {
width: 25%
}
.icon-bar.four-up.vertical .item,
.icon-bar.four-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.four-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.four-up.large-vertical .item {
width: auto
}
}
.icon-bar.five-up .item {
width: 20%
}
.icon-bar.five-up.vertical .item,
.icon-bar.five-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.five-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.five-up.large-vertical .item {
width: auto
}
}
.icon-bar.six-up .item {
width: 16.66667%
}
.icon-bar.six-up.vertical .item,
.icon-bar.six-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.six-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.six-up.large-vertical .item {
width: auto
}
}
.icon-bar.seven-up .item {
width: 14.28571%
}
.icon-bar.seven-up.vertical .item,
.icon-bar.seven-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.seven-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.seven-up.large-vertical .item {
width: auto
}
}
.icon-bar.eight-up .item {
width: 12.5%
}
.icon-bar.eight-up.vertical .item,
.icon-bar.eight-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.eight-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.eight-up.large-vertical .item {
width: auto
}
}
.icon-bar.two-up .item {
width: 50%
}
.icon-bar.two-up.vertical .item,
.icon-bar.two-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.two-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.two-up.large-vertical .item {
width: auto
}
}
.icon-bar.three-up .item {
width: 33.3333%
}
.icon-bar.three-up.vertical .item,
.icon-bar.three-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.three-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.three-up.large-vertical .item {
width: auto
}
}
.icon-bar.four-up .item {
width: 25%
}
.icon-bar.four-up.vertical .item,
.icon-bar.four-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.four-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.four-up.large-vertical .item {
width: auto
}
}
.icon-bar.five-up .item {
width: 20%
}
.icon-bar.five-up.vertical .item,
.icon-bar.five-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.five-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.five-up.large-vertical .item {
width: auto
}
}
.icon-bar.six-up .item {
width: 16.66667%
}
.icon-bar.six-up.vertical .item,
.icon-bar.six-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.six-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.six-up.large-vertical .item {
width: auto
}
}
.icon-bar.seven-up .item {
width: 14.28571%
}
.icon-bar.seven-up.vertical .item,
.icon-bar.seven-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.seven-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.seven-up.large-vertical .item {
width: auto
}
}
.icon-bar.eight-up .item {
width: 12.5%
}
.icon-bar.eight-up.vertical .item,
.icon-bar.eight-up.small-vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.eight-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.eight-up.large-vertical .item {
width: auto
}
}
.inline-list {
list-style: none;
margin-top: 0;
margin-bottom: 1.0625rem;
margin-left: -1.375rem;
margin-right: 0;
overflow: hidden;
padding: 0
}
.inline-list>li {
display: block;
float: left;
list-style: none;
margin-left: 1.375rem
}
.inline-list>li>* {
display: block
}
.joyride-list {
display: none
}
.joyride-tip-guide {
background: #333;
color: #fff;
display: none;
font-family: inherit;
font-weight: normal;
position: absolute;
top: 0;
width: 95%;
z-index: 103;
left: 2.5%
}
.lt-ie9 .joyride-tip-guide {
margin-left: -400px;
max-width: 800px;
left: 50%
}
.joyride-content-wrapper {
padding: 1.125rem 1.25rem 1.5rem;
width: 100%
}
.joyride-content-wrapper .button {
margin-bottom: 0 !important
}
.joyride-content-wrapper .joyride-prev-tip {
margin-right: 10px
}
.joyride-tip-guide .joyride-nub {
border: 10px solid #333;
display: block;
height: 0;
position: absolute;
width: 0;
left: 22px
}
.joyride-tip-guide .joyride-nub.top {
border-color: #333;
border-top-color: transparent !important;
border-top-style: solid;
border-left-color: transparent !important;
border-right-color: transparent !important;
top: -20px
}
.joyride-tip-guide .joyride-nub.bottom {
border-color: #333 !important;
border-bottom-color: transparent !important;
border-bottom-style: solid;
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -20px
}
.joyride-tip-guide .joyride-nub.right {
right: -20px
}
.joyride-tip-guide .joyride-nub.left {
left: -20px
}
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
color: #fff;
font-weight: bold;
line-height: 1.25;
margin: 0
}
.joyride-tip-guide p {
font-size: .875rem;
line-height: 1.3;
margin: 0 0 1.125rem 0
}
.joyride-timer-indicator-wrap {
border: solid 1px #555;
bottom: 1rem;
height: 3px;
position: absolute;
width: 50px;
right: 1.0625rem
}
.joyride-timer-indicator {
background: #666;
display: block;
height: inherit;
width: 0
}
.joyride-close-tip {
color: #777 !important;
font-size: 24px;
font-weight: normal;
line-height: .5 !important;
position: absolute;
text-decoration: none;
top: 10px;
right: 12px
}
.joyride-close-tip:hover,
.joyride-close-tip:focus {
color: #eee !important
}
.joyride-modal-bg {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
display: none;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
left: 0
}
.joyride-expose-wrapper {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 15px #fff;
position: absolute;
z-index: 102
}
.joyride-expose-cover {
background: transparent;
border-radius: 3px;
left: 0;
position: absolute;
top: 0;
z-index: 9999
}
@media only screen {
.joyride-tip-guide {
width: 300px;
left: inherit
}
.joyride-tip-guide .joyride-nub.bottom {
border-color: #333 !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -20px
}
.joyride-tip-guide .joyride-nub.right {
border-color: #333 !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-top-color: transparent !important;
left: auto;
right: -20px;
top: 22px
}
.joyride-tip-guide .joyride-nub.left {
border-color: #333 !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-top-color: transparent !important;
left: -20px;
right: auto;
top: 22px
}
}
.keystroke,
kbd {
background-color: #ededed;
border-color: #ddd;
color: #222;
border-style: solid;
border-width: 1px;
font-family: "Consolas", "Menlo", "Courier", monospace;
font-size: inherit;
margin: 0;
padding: .125rem .25rem 0;
border-radius: 3px
}
.label {
display: inline-block;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 1;
margin-bottom: auto;
position: relative;
text-align: center;
text-decoration: none;
white-space: nowrap;
padding: .25rem .5rem .25rem;
font-size: .6875rem;
background-color: #008CBA;
color: #fff
}
.label.radius {
border-radius: 3px
}
.label.round {
border-radius: 1000px
}
.label.alert {
background-color: #f04124;
color: #fff
}
.label.warning {
background-color: #f08a24;
color: #fff
}
.label.success {
background-color: #43AC6A;
color: #fff
}
.label.secondary {
background-color: #e7e7e7;
color: #333
}
.label.info {
background-color: #a0d3e8;
color: #333
}
[data-magellan-expedition],
[data-magellan-expedition-clone] {
background: #fff;
min-width: 100%;
padding: 10px;
z-index: 50
}
[data-magellan-expedition] .sub-nav,
[data-magellan-expedition-clone] .sub-nav {
margin-bottom: 0
}
[data-magellan-expedition] .sub-nav dd,
[data-magellan-expedition-clone] .sub-nav dd {
margin-bottom: 0
}
[data-magellan-expedition] .sub-nav a,
[data-magellan-expedition-clone] .sub-nav a {
line-height: 1.8em
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.slideshow-wrapper {
position: relative
}
.slideshow-wrapper ul {
list-style-type: none;
margin: 0
}
.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
display: none
}
.slideshow-wrapper ul li:first-child {
display: block
}
.slideshow-wrapper .orbit-container {
background-color: transparent
}
.slideshow-wrapper .orbit-container li {
display: block
}
.slideshow-wrapper .orbit-container li .orbit-caption {
display: block
}
.slideshow-wrapper .orbit-container .orbit-bullets li {
display: inline-block
}
.slideshow-wrapper .preloader {
border-radius: 1000px;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: rotate;
animation-timing-function: linear;
border-color: #555 #fff;
border: solid 3px;
display: block;
height: 40px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px
}
.orbit-container {
background: none;
overflow: hidden;
position: relative;
width: 100%
}
.orbit-container .orbit-slides-container {
list-style: none;
margin: 0;
padding: 0;
position: relative;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.orbit-container .orbit-slides-container img {
display: block;
max-width: 100%
}
.orbit-container .orbit-slides-container>* {
position: absolute;
top: 0;
width: 100%;
margin-left: 100%
}
.orbit-container .orbit-slides-container>*:first-child {
margin-left: 0
}
.orbit-container .orbit-slides-container>* .orbit-caption {
bottom: 0;
position: absolute;
background-color: rgba(51, 51, 51, 0.8);
color: #fff;
font-size: .875rem;
padding: .625rem .875rem;
width: 100%
}
.orbit-container .orbit-slide-number {
left: 10px;
background: transparent;
color: #fff;
font-size: 12px;
position: absolute;
top: 10px;
z-index: 10
}
.orbit-container .orbit-slide-number span {
font-weight: 700;
padding: .3125rem
}
.orbit-container .orbit-timer {
position: absolute;
top: 12px;
right: 10px;
height: 6px;
width: 100px;
z-index: 10
}
.orbit-container .orbit-timer .orbit-progress {
height: 3px;
background-color: rgba(255, 255, 255, 0.3);
display: block;
width: 0;
position: relative;
right: 20px;
top: 5px
}
.orbit-container .orbit-timer>span {
border: solid 4px #fff;
border-bottom: none;
border-top: none;
display: none;
height: 14px;
position: absolute;
top: 0;
width: 11px;
right: 0
}
.orbit-container .orbit-timer.paused>span {
top: 0;
width: 11px;
height: 14px;
border: inset 8px;
border-left-style: solid;
border-color: transparent;
border-left-color: #fff;
right: -4px
}
.orbit-container .orbit-timer.paused>span.dark {
border-left-color: #333
}
.orbit-container:hover .orbit-timer>span {
display: block
}
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
background-color: transparent;
color: white;
height: 60px;
line-height: 50px;
margin-top: -25px;
position: absolute;
text-indent: -9999px !important;
top: 45%;
width: 36px;
z-index: 10
}
.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
background-color: rgba(0, 0, 0, 0.3)
}
.orbit-container .orbit-prev>span,
.orbit-container .orbit-next>span {
border: inset 10px;
display: block;
height: 0;
margin-top: -10px;
position: absolute;
top: 50%;
width: 0
}
.orbit-container .orbit-prev {
left: 0
}
.orbit-container .orbit-prev>span {
border-right-style: solid;
border-color: transparent;
border-right-color: #fff
}
.orbit-container .orbit-prev:hover>span {
border-right-color: #fff
}
.orbit-container .orbit-next {
right: 0
}
.orbit-container .orbit-next>span {
border-color: transparent;
border-left-style: solid;
border-left-color: #fff;
left: 50%;
margin-left: -4px
}
.orbit-container .orbit-next:hover>span {
border-left-color: #fff
}
.orbit-bullets-container {
text-align: center
}
.orbit-bullets {
display: block;
float: none;
margin: 0 auto 30px auto;
overflow: hidden;
position: relative;
text-align: center;
top: 10px
}
.orbit-bullets li {
background: #ccc;
cursor: pointer;
display: inline-block;
float: none;
height: .5625rem;
margin-right: 6px;
width: .5625rem;
border-radius: 1000px
}
.orbit-bullets li.active {
background: #999
}
.orbit-bullets li:last-child {
margin-right: 0
}
.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
display: none
}
.touch .orbit-bullets {
display: none
}
@media only screen and (min-width: 40.0625em) {
.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
display: inherit
}
.touch .orbit-bullets {
display: block
}
}
@media only screen and (max-width: 40em) {
.orbit-stack-on-small .orbit-slides-container {
height: auto !important
}
.orbit-stack-on-small .orbit-slides-container>* {
margin: 0 !important;
opacity: 1 !important;
position: relative
}
.orbit-stack-on-small .orbit-slide-number {
display: none
}
.orbit-timer {
display: none
}
.orbit-next,
.orbit-prev {
display: none
}
.orbit-bullets {
display: none
}
}
ul.pagination {
display: block;
margin-left: -.3125rem;
min-height: 1.5rem
}
ul.pagination li {
color: #222;
font-size: .875rem;
height: 1.5rem;
margin-left: .3125rem
}
ul.pagination li a,
ul.pagination li button {
border-radius: 3px;
transition: background-color 300ms ease-out;
background: none;
color: #999;
display: block;
font-size: 1em;
font-weight: normal;
line-height: inherit;
padding: .0625rem .625rem .0625rem
}
ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li button:focus {
background: #e6e6e6
}
ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
cursor: default;
color: #999;
pointer-events: none
}
ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
background: transparent
}
ul.pagination li.current a,
ul.pagination li.current button {
background: #008CBA;
color: #fff;
cursor: default;
font-weight: bold
}
ul.pagination li.current a:hover,
ul.pagination li.current a:focus,
ul.pagination li.current button:hover,
ul.pagination li.current button:focus {
background: #008CBA
}
ul.pagination li {
display: block;
float: left
}
.pagination-centered {
text-align: center
}
.pagination-centered ul.pagination li {
display: inline-block;
float: none
}
.panel {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #f2f2f2;
color: #333
}
.panel>:first-child {
margin-top: 0
}
.panel>:last-child {
margin-bottom: 0
} .panel.callout {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #ecfaff;
color: #333
}
.panel.callout>:first-child {
margin-top: 0
}
.panel.callout>:last-child {
margin-bottom: 0
} .panel.callout a:not(.button) {
color: #008CBA
}
.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
color: #0078a0
}
.panel.radius {
border-radius: 3px
}
.pricing-table {
border: solid 1px #ddd;
margin-left: 0;
margin-bottom: 1.25rem
}
.pricing-table * {
list-style: none;
line-height: 1
}
.pricing-table .title {
background-color: #333;
color: #eee;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
padding: .9375rem 1.25rem;
text-align: center
}
.pricing-table .price {
background-color: #F6F6F6;
color: #333;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 2rem;
font-weight: normal;
padding: .9375rem 1.25rem;
text-align: center
}
.pricing-table .description {
background-color: #fff;
border-bottom: dotted 1px #ddd;
color: #777;
font-size: .75rem;
font-weight: normal;
line-height: 1.4;
padding: .9375rem;
text-align: center
}
.pricing-table .bullet-item {
background-color: #fff;
border-bottom: dotted 1px #ddd;
color: #333;
font-size: .875rem;
font-weight: normal;
padding: .9375rem;
text-align: center
}
.pricing-table .cta-button {
background-color: #fff;
padding: 1.25rem 1.25rem 0;
text-align: center
}
.progress {
background-color: #F6F6F6;
border: 1px solid #fff;
height: 1.5625rem;
margin-bottom: .625rem;
padding: .125rem
}
.progress .meter {
background: #008CBA;
display: block;
height: 100%;
float: left;
width: 0%
}
.progress .meter.secondary {
background: #e7e7e7;
display: block;
height: 100%;
float: left;
width: 0%
}
.progress .meter.success {
background: #43AC6A;
display: block;
height: 100%;
float: left;
width: 0%
}
.progress .meter.alert {
background: #f04124;
display: block;
height: 100%;
float: left;
width: 0%
}
.progress.secondary .meter {
background: #e7e7e7;
display: block;
height: 100%;
float: left;
width: 0%
}
.progress.success .meter {
background: #43AC6A;
display: block;
height: 100%;
float: left;
width: 0%
}
.progress.alert .meter {
background: #f04124;
display: block;
height: 100%;
float: left;
width: 0%
}
.progress.radius {
border-radius: 3px
}
.progress.radius .meter {
border-radius: 2px
}
.progress.round {
border-radius: 1000px
}
.progress.round .meter {
border-radius: 999px
}
.range-slider {
border: 1px solid #ddd;
margin: 1.25rem 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
display: block;
height: 1rem;
width: 100%;
background: #FAFAFA
}
.range-slider.vertical-range {
border: 1px solid #ddd;
margin: 1.25rem 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
display: inline-block;
height: 12.5rem;
width: 1rem
}
.range-slider.vertical-range .range-slider-handle {
bottom: -10.5rem;
margin-left: -.5rem;
margin-top: 0;
position: absolute
}
.range-slider.vertical-range .range-slider-active-segment {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
border-top-left-radius: initial;
bottom: 0;
height: auto;
width: .875rem
}
.range-slider.radius {
background: #FAFAFA;
border-radius: 3px
}
.range-slider.radius .range-slider-handle {
background: #008CBA;
border-radius: 3px
}
.range-slider.radius .range-slider-handle:hover {
background: #007ba4
}
.range-slider.round {
background: #FAFAFA;
border-radius: 1000px
}
.range-slider.round .range-slider-handle {
background: #008CBA;
border-radius: 1000px
}
.range-slider.round .range-slider-handle:hover {
background: #007ba4
}
.range-slider.disabled,
.range-slider[disabled] {
background: #FAFAFA;
cursor: not-allowed;
opacity: .7
}
.range-slider.disabled .range-slider-handle,
.range-slider[disabled] .range-slider-handle {
background: #008CBA;
cursor: default;
opacity: .7
}
.range-slider.disabled .range-slider-handle:hover,
.range-slider[disabled] .range-slider-handle:hover {
background: #007ba4
}
.range-slider-active-segment {
background: #e5e5e5;
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
display: inline-block;
height: .875rem;
position: absolute
}
.range-slider-handle {
border: 1px solid none;
cursor: pointer;
display: inline-block;
height: 1.375rem;
position: absolute;
top: -.3125rem;
width: 2rem;
z-index: 1;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #008CBA
}
.range-slider-handle:hover {
background: #007ba4
}
.reveal-modal-bg {
background: #000;
background: rgba(0, 0, 0, 0.45);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1004;
left: 0
}
.reveal-modal {
border-radius: 3px;
display: none;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
z-index: 1005;
left: 0;
background-color: #fff;
padding: 1.875rem;
border: solid 1px #666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}
@media only screen and (max-width: 40em) {
.reveal-modal {
min-height: 100vh
}
}
.reveal-modal .column,
.reveal-modal .columns {
min-width: 0
}
.reveal-modal>:first-child {
margin-top: 0
}
.reveal-modal>:last-child {
margin-bottom: 0
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal {
left: 0;
margin: 0 auto;
max-width: 62.5rem;
right: 0;
width: 80%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal {
top: 6.25rem
}
}
.reveal-modal.radius {
box-shadow: none;
border-radius: 3px
}
.reveal-modal.round {
box-shadow: none;
border-radius: 1000px
}
.reveal-modal.collapse {
padding: 0;
box-shadow: none
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.tiny {
left: 0;
margin: 0 auto;
max-width: 62.5rem;
right: 0;
width: 30%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.small {
left: 0;
margin: 0 auto;
max-width: 62.5rem;
right: 0;
width: 40%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.medium {
left: 0;
margin: 0 auto;
max-width: 62.5rem;
right: 0;
width: 60%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.large {
left: 0;
margin: 0 auto;
max-width: 62.5rem;
right: 0;
width: 70%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.xlarge {
left: 0;
margin: 0 auto;
max-width: 62.5rem;
right: 0;
width: 95%
}
}
.reveal-modal.full {
height: 100vh;
height: 100%;
left: 0;
margin-left: 0 !important;
max-width: none !important;
min-height: 100vh;
top: 0
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.full {
left: 0;
margin: 0 auto;
max-width: 62.5rem;
right: 0;
width: 100%
}
}
.reveal-modal.toback {
z-index: 1003
}
.reveal-modal .close-reveal-modal {
color: #aaa;
cursor: pointer;
font-size: 2.5rem;
font-weight: bold;
line-height: 1;
position: absolute;
top: .625rem;
right: 1.375rem
}
.side-nav {
display: block;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: .875rem 0
}
.side-nav li {
font-size: 1rem;
font-weight: normal;
margin: 0
}
.side-nav li a:not(.button) {
color: #8A9191;
display: block;
margin: 0;
padding: .4375rem .875rem
}
.side-nav li a:not(.button):hover,
.side-nav li a:not(.button):focus {
background: rgba(0, 0, 0, 0.025);
color: #000
}
.side-nav li a:not(.button):active {
color: #adb2b2
}
.side-nav li.active>a:first-child:not(.button) {
color: #adb2b2;
font-family: "NotoSansCJKjp-Regular";
font-weight: normal
}
.side-nav li.divider {
border-top: 1px solid;
height: 0;
list-style: none;
padding: 0;
border-top-color: #e6e6e6
}
.side-nav li.heading {
color: #8A9191;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase
}
.split.button {
position: relative;
padding-right: 5.0625rem
}
.split.button span {
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: solid 1px
}
.split.button span:after {
position: absolute;
content: "";
width: 0;
height: 0;
display: block;
border-style: inset;
top: 50%;
left: 50%
}
.split.button span:active {
background-color: rgba(0, 0, 0, 0.1)
}
.split.button span {
border-left-color: rgba(255, 255, 255, 0.5)
}
.split.button span {
width: 3.09375rem
}
.split.button span:after {
border-top-style: solid;
border-width: .375rem;
margin-left: -.375rem;
top: 48%
}
.split.button span:after {
border-color: #fff transparent transparent transparent
}
.split.button.secondary span {
border-left-color: rgba(255, 255, 255, 0.5)
}
.split.button.secondary span:after {
border-color: #fff transparent transparent transparent
}
.split.button.alert span {
border-left-color: rgba(255, 255, 255, 0.5)
}
.split.button.success span {
border-left-color: rgba(255, 255, 255, 0.5)
}
.split.button.tiny {
padding-right: 3.75rem
}
.split.button.tiny span {
width: 2.25rem
}
.split.button.tiny span:after {
border-top-style: solid;
border-width: .375rem;
margin-left: -.375rem;
top: 48%
}
.split.button.small {
padding-right: 4.375rem
}
.split.button.small span {
width: 2.625rem
}
.split.button.small span:after {
border-top-style: solid;
border-width: .4375rem;
margin-left: -.375rem;
top: 48%
}
.split.button.large {
padding-right: 5.5rem
}
.split.button.large span {
width: 3.4375rem
}
.split.button.large span:after {
border-top-style: solid;
border-width: .3125rem;
margin-left: -.375rem;
top: 48%
}
.split.button.expand {
padding-left: 2rem
}
.split.button.secondary span:after {
border-color: #333 transparent transparent transparent
}
.split.button.radius span {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.split.button.round span {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
.split.button.no-pip span:before {
border-style: none
}
.split.button.no-pip span:after {
border-style: none
}
.split.button.no-pip span>i {
display: block;
left: 50%;
margin-left: -0.28889em;
margin-top: -0.48889em;
position: absolute;
top: 50%
}
.sub-nav {
display: block;
margin: -.25rem 0 1.125rem;
overflow: hidden;
padding-top: .25rem;
width: auto
}
.sub-nav dt {
text-transform: uppercase
}
.sub-nav dt,
.sub-nav dd,
.sub-nav li {
color: #999;
float: left;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: .875rem;
font-weight: normal;
margin-left: 1rem;
margin-bottom: 0
}
.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
color: #999;
padding: .1875rem 1rem;
text-decoration: none
}
.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
color: #737373
}
.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
border-radius: 3px;
background: #008CBA;
color: #fff;
cursor: default;
font-weight: normal;
padding: .1875rem 1rem
}
.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
background: #0078a0
}
.switch {
border: none;
margin-bottom: 1.5rem;
outline: 0;
padding: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.switch label {
background: #ddd;
color: transparent;
cursor: pointer;
display: block;
margin-bottom: 1rem;
position: relative;
text-indent: 100%;
width: 4rem;
height: 2rem;
transition: left .15s ease-out
}
.switch input {
left: 10px;
opacity: 0;
padding: 0;
position: absolute;
top: 9px
}
.switch input+label {
margin-left: 0;
margin-right: 0
}
.switch label:after {
background: #fff;
content: "";
display: block;
height: 1.5rem;
left: .25rem;
position: absolute;
top: .25rem;
width: 1.5rem;
-webkit-transition: left .15s ease-out;
-moz-transition: left .15s ease-out;
-o-transition: translate3d(0, 0, 0);
transition: left .15s ease-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.switch input:checked+label {
background: #008CBA
}
.switch input:checked+label:after {
left: 2.25rem
}
.switch label {
height: 2rem;
width: 4rem
}
.switch label:after {
height: 1.5rem;
width: 1.5rem
}
.switch input:checked+label:after {
left: 2.25rem
}
.switch label {
color: transparent;
background: #ddd
}
.switch label:after {
background: #fff
}
.switch input:checked+label {
background: #008CBA
}
.switch.large label {
height: 2.5rem;
width: 5rem
}
.switch.large label:after {
height: 2rem;
width: 2rem
}
.switch.large input:checked+label:after {
left: 2.75rem
}
.switch.small label {
height: 1.75rem;
width: 3.5rem
}
.switch.small label:after {
height: 1.25rem;
width: 1.25rem
}
.switch.small input:checked+label:after {
left: 2rem
}
.switch.tiny label {
height: 1.5rem;
width: 3rem
}
.switch.tiny label:after {
height: 1rem;
width: 1rem
}
.switch.tiny input:checked+label:after {
left: 1.75rem
}
.switch.radius label {
border-radius: 4px
}
.switch.radius label:after {
border-radius: 3px
}
.switch.round {
border-radius: 1000px
}
.switch.round label {
border-radius: 2rem
}
.switch.round label:after {
border-radius: 2rem
}
table {
background: #fff;
border: solid 1px #ddd;
margin-bottom: 1.25rem;
table-layout: auto
}
table caption {
background: transparent;
color: #222;
font-size: 1rem;
font-weight: bold
}
table thead {
background: #f5f5f5
}
table thead tr th,
table thead tr td {
color: #222;
font-size: .875rem;
font-weight: bold;
padding: .5rem .625rem .625rem
}
table tfoot {
background: #f5f5f5
}
table tfoot tr th,
table tfoot tr td {
color: #222;
font-size: .875rem;
font-weight: bold;
padding: .5rem .625rem .625rem
}
table tr th,
table tr td {
color: #222;
font-size: .875rem;
padding: .5625rem .625rem;
text-align: left
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
background: #F9F9F9
}
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
display: table-cell;
line-height: 1.125rem
}
.tabs {
margin-bottom: 0 !important;
margin-left: 0
}
.tabs:before,
.tabs:after {
content: " ";
display: table
}
.tabs:after {
clear: both
}
.tabs dd,
.tabs .tab-title {
float: left;
list-style: none;
margin-bottom: 0 !important;
position: relative
}
.tabs dd>a,
.tabs .tab-title>a {
display: block;
background-color: #EFEFEF;
color: #222;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
padding: 1rem 2rem
}
.tabs dd>a:hover,
.tabs .tab-title>a:hover {
background-color: #e1e1e1
}
.tabs dd.active>a,
.tabs .tab-title.active>a {
background-color: #fff;
color: #222
}
.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.tabs.vertical dd,
.tabs.vertical .tab-title {
position: inherit;
float: none;
display: block;
top: auto
}
.tabs-content {
margin-bottom: 1.5rem;
width: 100%
}
.tabs-content:before,
.tabs-content:after {
content: " ";
display: table
}
.tabs-content:after {
clear: both
}
.tabs-content>.content {
display: none;
float: left;
padding: .9375rem 0;
width: 100%
}
.tabs-content>.content.active {
display: block;
float: none
}
.tabs-content>.content.contained {
padding: .9375rem
}
.tabs-content.vertical {
display: block
}
.tabs-content.vertical>.content {
padding: 0 .9375rem
}
@media only screen and (min-width: 40.0625em) {
.tabs.vertical {
float: left;
margin: 0;
margin-bottom: 1.25rem !important;
max-width: 20%;
width: 20%
}
.tabs-content.vertical {
float: left;
margin-left: -1px;
max-width: 80%;
padding-left: 1rem;
width: 80%
}
}
.no-js .tabs-content>.content {
display: block;
float: none
}
.th {
border: solid 4px #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
display: inline-block;
line-height: 0;
max-width: 100%;
transition: all 200ms ease-out
}
.th:hover,
.th:focus {
box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5)
}
.th.radius {
border-radius: 3px
}
.has-tip {
border-bottom: dotted 1px #ccc;
color: #333;
cursor: help;
font-weight: bold
}
.has-tip:hover,
.has-tip:focus {
border-bottom: dotted 1px #003f54;
color: #008CBA
}
.has-tip.tip-left,
.has-tip.tip-right {
float: none !important
}
.tooltip {
background: #333;
color: #fff;
display: none;
font-size: .875rem;
font-weight: normal;
line-height: 1.3;
max-width: 300px;
padding: .75rem;
position: absolute;
width: 100%;
z-index: 1006;
left: 50%
}
.tooltip>.nub {
border: solid 5px;
border-color: transparent transparent #333 transparent;
display: block;
height: 0;
pointer-events: none;
position: absolute;
top: -10px;
width: 0;
left: 5px
}
.tooltip>.nub.rtl {
left: auto;
right: 5px
}
.tooltip.radius {
border-radius: 3px
}
.tooltip.round {
border-radius: 1000px
}
.tooltip.round>.nub {
left: 2rem
}
.tooltip.opened {
border-bottom: dotted 1px #003f54 !important;
color: #008CBA !important
}
.tap-to-close {
color: #777;
display: block;
font-size: .625rem;
font-weight: normal
}
@media only screen {
.tooltip>.nub {
border-color: transparent transparent #333 transparent;
top: -10px
}
.tooltip.tip-top>.nub {
border-color: #333 transparent transparent transparent;
bottom: -10px;
top: auto
}
.tooltip.tip-left,
.tooltip.tip-right {
float: none !important
}
.tooltip.tip-left>.nub {
border-color: transparent transparent transparent #333;
left: auto;
margin-top: -5px;
right: -10px;
top: 50%
}
.tooltip.tip-right>.nub {
border-color: transparent #333 transparent transparent;
left: -10px;
margin-top: -5px;
right: auto;
top: 50%
}
}
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:40.0625em)/";
width: 40.0625em
}
.contain-to-grid {
width: 100%;
background: #333
}
.contain-to-grid .top-bar {
margin-bottom: 0
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
left: 0
}
.fixed.expanded:not(.top-bar) {
height: auto;
max-height: 100%;
overflow-y: auto;
width: 100%
}
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99
}
.fixed.expanded:not(.top-bar) .top-bar-section {
margin-top: 2.8125rem;
z-index: 98
}
.top-bar {
background: #333;
height: 2.8125rem;
line-height: 2.8125rem;
margin-bottom: 0;
overflow: hidden;
position: relative
}
.top-bar ul {
list-style: none;
margin-bottom: 0
}
.top-bar .row {
max-width: none
}
.top-bar form,
.top-bar input,
.top-bar select {
margin-bottom: 0
}
.top-bar input,
.top-bar select {
font-size: .75rem;
height: 1.75rem;
padding-bottom: .35rem;
padding-top: .35rem
}
.top-bar .button,
.top-bar button {
font-size: .75rem;
margin-bottom: 0;
padding-bottom: 0.4125rem;
padding-top: 0.4125rem
}
@media only screen and (max-width: 40em) {
.top-bar .button,
.top-bar button {
position: relative;
top: -1px
}
}
.top-bar .title-area {
margin: 0;
position: relative
}
.top-bar .name {
font-size: 16px;
height: 2.8125rem;
margin: 0
} .top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name p a,
.top-bar .name span a {
color: #fff;
display: block;
font-weight: normal;
padding: 0 .9375rem;
width: 75%
}
.top-bar .toggle-topbar {
position: absolute;
right: 0;
top: 0
}
.top-bar .toggle-topbar a {
color: #fff;
display: block;
font-size: .8125rem;
font-weight: bold;
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 .9375rem;
position: relative;
text-transform: uppercase
}
.top-bar .toggle-topbar.menu-icon {
margin-top: -16px;
top: 50%
}
.top-bar .toggle-topbar.menu-icon a {
color: #fff;
height: 34px;
line-height: 33px;
padding: 0 2.5rem 0 .9375rem;
position: relative
}
.top-bar .toggle-topbar.menu-icon a span::after {
content: "";
display: block;
height: 0;
position: absolute;
margin-top: -8px;
top: 50%;
right: .9375rem;
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
width: 16px
}
.top-bar .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""
}
.top-bar.expanded {
background: transparent;
height: auto
}
.top-bar.expanded .title-area {
background: #333
}
.top-bar.expanded .toggle-topbar a {
color: #888
}
.top-bar.expanded .toggle-topbar a span::after {
box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown,
.top-bar.expanded .top-bar-section .dropdown {
clip: initial
}
.top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul {
padding: 0
}
}
.top-bar-section {
left: 0;
position: relative;
width: auto;
transition: left 300ms ease-out
}
.top-bar-section ul {
display: block;
font-size: 16px;
height: auto;
margin: 0;
padding: 0;
width: 100%
}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
border-top: solid 1px #1a1a1a;
clear: both;
height: 1px;
width: 100%
}
.top-bar-section ul li {
background: #333
}
.top-bar-section ul li>a {
color: #fff;
display: block;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: .8125rem;
font-weight: normal;
padding-left: .9375rem;
padding: 12px 0 12px .9375rem;
text-transform: none;
width: 100%
}
.top-bar-section ul li>a.button {
font-size: .8125rem;
padding-left: .9375rem;
padding-right: .9375rem;
background-color: #008CBA;
border-color: #007095;
color: #fff
}
.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
background-color: #007095
}
.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
color: #fff
}
.top-bar-section ul li>a.button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333
}
.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
background-color: #b9b9b9
}
.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
color: #333
}
.top-bar-section ul li>a.button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff
}
.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
background-color: #368a55
}
.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
color: #fff
}
.top-bar-section ul li>a.button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff
}
.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
background-color: #cf2a0e
}
.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
color: #fff
}
.top-bar-section ul li>a.button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff
}
.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
background-color: #cf6e0e
}
.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
color: #fff
}
.top-bar-section ul li>a.button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333
}
.top-bar-section ul li>a.button.info:hover,
.top-bar-section ul li>a.button.info:focus {
background-color: #61b6d9
}
.top-bar-section ul li>a.button.info:hover,
.top-bar-section ul li>a.button.info:focus {
color: #fff
}
.top-bar-section ul li>button {
font-size: .8125rem;
padding-left: .9375rem;
padding-right: .9375rem;
background-color: #008CBA;
border-color: #007095;
color: #fff
}
.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
background-color: #007095
}
.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
color: #fff
}
.top-bar-section ul li>button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333
}
.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
background-color: #b9b9b9
}
.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
color: #333
}
.top-bar-section ul li>button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff
}
.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
background-color: #368a55
}
.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
color: #fff
}
.top-bar-section ul li>button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff
}
.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
background-color: #cf2a0e
}
.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
color: #fff
}
.top-bar-section ul li>button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff
}
.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
background-color: #cf6e0e
}
.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
color: #fff
}
.top-bar-section ul li>button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333
}
.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
background-color: #61b6d9
}
.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
color: #fff
}
.top-bar-section ul li:hover:not(.has-form)>a {
background-color: #555;
color: #fff;
background: #222
}
.top-bar-section ul li.active>a {
background: #008CBA;
color: #fff
}
.top-bar-section ul li.active>a:hover {
background: #0078a0;
color: #fff
}
.top-bar-section .has-form {
padding: .9375rem
}
.top-bar-section .has-dropdown {
position: relative
}
.top-bar-section .has-dropdown>a:after {
border: inset 5px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
border-left-style: solid;
margin-right: .9375rem;
margin-top: -4.5px;
position: absolute;
top: 50%;
right: 0
}
.top-bar-section .has-dropdown.moved {
position: static
}
.top-bar-section .has-dropdown.moved>.dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
width: 100%
}
.top-bar-section .has-dropdown.moved>a:after {
display: none
}
.top-bar-section .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block;
padding: 0;
position: absolute;
top: 0;
z-index: 99;
left: 100%
}
.top-bar-section .dropdown li {
height: auto;
width: 100%
}
.top-bar-section .dropdown li a {
font-weight: normal;
padding: 8px .9375rem
}
.top-bar-section .dropdown li a.parent-link {
font-weight: normal
}
.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
margin-bottom: 0;
margin-top: 0;
font-size: 1.125rem
}
.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
color: #fff;
display: block
}
.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
background: none
}
.top-bar-section .dropdown li.has-form {
padding: 8px .9375rem
}
.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
top: auto
}
.top-bar-section .dropdown label {
color: #777;
font-size: .625rem;
font-weight: bold;
margin-bottom: 0;
padding: 8px .9375rem 2px;
text-transform: uppercase
}
.js-generated {
display: block
}
@media only screen and (min-width: 40.0625em) {
.top-bar {
background: #333;
overflow: visible
}
.top-bar:before,
.top-bar:after {
content: " ";
display: table
}
.top-bar:after {
clear: both
}
.top-bar .toggle-topbar {
display: none
}
.top-bar .title-area {
float: left
} .top-bar input,
.top-bar select,
.top-bar .button,
.top-bar button {
font-size: .875rem;
height: 1.75rem;
position: relative;
top: .53125rem
}
.top-bar .has-form>.button,
.top-bar .has-form>button {
font-size: .875rem;
height: 1.75rem;
position: relative;
top: .53125rem
}
.top-bar.expanded {
background: #333
}
.contain-to-grid .top-bar {
margin: 0 auto;
margin-bottom: 0;
max-width: 62.5rem
}
.top-bar-section {
transition: none 0 0;
left: 0 !important
}
.top-bar-section ul {
display: inline;
height: auto !important;
width: auto
}
.top-bar-section ul li {
float: left
}
.top-bar-section ul li .js-generated {
display: none
}
.top-bar-section li.hover>a:not(.button) {
background-color: #555;
background: #222;
color: #fff
}
.top-bar-section li:not(.has-form) a:not(.button) {
background: #333;
line-height: 2.8125rem;
padding: 0 .9375rem
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: #555;
background: #222
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
background: #008CBA;
color: #fff;
line-height: 2.8125rem;
padding: 0 .9375rem
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: #0078a0;
color: #fff
}
.top-bar-section .has-dropdown>a {
padding-right: 2.1875rem !important
}
.top-bar-section .has-dropdown>a:after {
border: inset 5px;
content: "";
display: block;
height: 0;
width: 0;
border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
border-top-style: solid;
margin-top: -2.5px;
top: 1.40625rem
}
.top-bar-section .has-dropdown.moved {
position: relative
}
.top-bar-section .has-dropdown.moved>.dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block
}
.top-bar-section .has-dropdown.hover>.dropdown,
.top-bar-section .has-dropdown.not-click:hover>.dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important
}
.top-bar-section .has-dropdown>a:focus+.dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
border: none;
content: "\00bb";
top: .1875rem;
right: 5px
}
.top-bar-section .dropdown {
left: 0;
background: transparent;
min-width: 100%;
top: auto
}
.top-bar-section .dropdown li a {
background: #333;
color: #fff;
line-height: 2.8125rem;
padding: 12px .9375rem;
white-space: nowrap
}
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
background: #333;
color: #fff
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
background-color: #555;
color: #fff;
background: #222
}
.top-bar-section .dropdown li label {
background: #333;
white-space: nowrap
}
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0
}
.top-bar-section>ul>.divider,
.top-bar-section>ul>[role="separator"] {
border-right: solid 1px #4e4e4e;
border-bottom: none;
border-top: none;
clear: none;
height: 2.8125rem;
width: 0
}
.top-bar-section .has-form {
background: #333;
height: 2.8125rem;
padding: 0 .9375rem
}
.top-bar-section .right li .dropdown {
left: auto;
right: 0
}
.top-bar-section .right li .dropdown li .dropdown {
right: 100%
}
.top-bar-section .left li .dropdown {
right: auto;
left: 0
}
.top-bar-section .left li .dropdown li .dropdown {
left: 100%
}
.no-js .top-bar-section ul li:hover>a {
background-color: #555;
background: #222;
color: #fff
}
.no-js .top-bar-section ul li:active>a {
background: #008CBA;
color: #fff
}
.no-js .top-bar-section .has-dropdown:hover>.dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important
}
.no-js .top-bar-section .has-dropdown>a:focus+.dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important
}
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-justify {
text-align: justify !important
}
@media only screen and (max-width: 40em) {
.small-only-text-left {
text-align: left !important
}
.small-only-text-right {
text-align: right !important
}
.small-only-text-center {
text-align: center !important
}
.small-only-text-justify {
text-align: justify !important
}
}
@media only screen {
.small-text-left {
text-align: left !important
}
.small-text-right {
text-align: right !important
}
.small-text-center {
text-align: center !important
}
.small-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
.medium-only-text-left {
text-align: left !important
}
.medium-only-text-right {
text-align: right !important
}
.medium-only-text-center {
text-align: center !important
}
.medium-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 40.0625em) {
.medium-text-left {
text-align: left !important
}
.medium-text-right {
text-align: right !important
}
.medium-text-center {
text-align: center !important
}
.medium-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
.large-only-text-left {
text-align: left !important
}
.large-only-text-right {
text-align: right !important
}
.large-only-text-center {
text-align: center !important
}
.large-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 64.0625em) {
.large-text-left {
text-align: left !important
}
.large-text-right {
text-align: right !important
}
.large-text-center {
text-align: center !important
}
.large-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
.xlarge-only-text-left {
text-align: left !important
}
.xlarge-only-text-right {
text-align: right !important
}
.xlarge-only-text-center {
text-align: center !important
}
.xlarge-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 90.0625em) {
.xlarge-text-left {
text-align: left !important
}
.xlarge-text-right {
text-align: right !important
}
.xlarge-text-center {
text-align: center !important
}
.xlarge-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
.xxlarge-only-text-left {
text-align: left !important
}
.xxlarge-only-text-right {
text-align: right !important
}
.xxlarge-only-text-center {
text-align: center !important
}
.xxlarge-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 120.0625em) {
.xxlarge-text-left {
text-align: left !important
}
.xxlarge-text-right {
text-align: right !important
}
.xxlarge-text-center {
text-align: center !important
}
.xxlarge-text-justify {
text-align: justify !important
}
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0
}
a {
color: #565656;
line-height: inherit;
text-decoration: none
} a img {
border: none
}
p.lead {
font-size: 1.21875rem;
line-height: 1.6
}
p aside {
font-size: .875rem;
font-style: italic;
line-height: 1.35
} .subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: normal;
margin-top: .2rem;
margin-bottom: .5rem
}
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 1.25rem 0 1.1875rem
}
em,
i {
font-style: italic;
line-height: inherit
}
strong,
b {
font-weight: bold;
line-height: inherit
}
small {
font-size: 60%;
line-height: inherit
}
code {
background-color: #f8f8f8;
border-color: #dfdfdf;
border-style: solid;
border-width: 1px;
color: #333;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
padding: .125rem .3125rem .0625rem
}
.no-bullet {
list-style-type: none;
margin-left: 0
}
.no-bullet li ul,
.no-bullet li ol {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none
}
dl dt {
margin-bottom: .3rem;
font-weight: bold
}
dl dd {
margin-bottom: .75rem
}
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
cursor: help
}
abbr {
text-transform: none
}
abbr[title] {
border-bottom: 1px dotted #ddd
}
blockquote {
margin: 0 0 1.25rem;
padding: .5625rem 1.25rem 0 1.1875rem;
border-left: 7px solid #ddd
}
blockquote cite {
display: block;
font-size: .8125rem;
color: #555
}
blockquote cite:before {
content: "\2014 \0020"
}
blockquote cite a,
blockquote cite a:visited {
color: #555
}
blockquote,
blockquote p {
line-height: 1.6;
color: #6f6f6f
}
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #ddd;
padding: .625rem .75rem
}
.vcard li {
margin: 0;
display: block
}
.vcard .fn {
font-weight: bold;
font-size: .9375rem
}
.vevent .summary {
font-weight: bold
}
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 .0625rem
} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: .34in
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
overflow: hidden
}
.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left,
.off-canvas-wrap.move-bottom,
.off-canvas-wrap.move-top {
min-height: 100%;
-webkit-overflow-scrolling: touch
}
.inner-wrap {
position: relative;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease
}
.inner-wrap:before,
.inner-wrap:after {
content: " ";
display: table
}
.inner-wrap:after {
clear: both
}
.tab-bar {
-webkit-backface-visibility: hidden;
background: #333;
color: #fff;
height: 2.8125rem;
line-height: 2.8125rem;
position: relative
}
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
color: #fff;
font-weight: bold;
line-height: 2.8125rem;
margin: 0
}
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
font-size: 1.125rem
}
.left-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-right: solid 1px #1a1a1a;
left: 0
}
.right-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-left: solid 1px #1a1a1a;
right: 0
}
.tab-bar-section {
height: 2.8125rem;
padding: 0 .625rem;
position: absolute;
text-align: center;
top: 0
}
.tab-bar-section.left {
text-align: left
}
.tab-bar-section.right {
text-align: right
}
.tab-bar-section.left {
left: 0;
right: 2.8125rem
}
.tab-bar-section.right {
left: 2.8125rem;
right: 0
}
.tab-bar-section.middle {
left: 2.8125rem;
right: 2.8125rem
}
.tab-bar .menu-icon {
color: #fff;
display: block;
height: 2.8125rem;
padding: 0;
position: relative;
text-indent: 2.1875rem;
transform: translate3d(0, 0, 0);
width: 2.8125rem
}
.tab-bar .menu-icon span::after {
content: "";
display: block;
height: 0;
position: absolute;
top: 50%;
margin-top: -.5rem;
left: .90625rem;
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
width: 1rem
}
.tab-bar .menu-icon span:hover:after {
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3
}
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
top: 0
}
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden
}
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
top: 0
}
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden
}
.top-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
height: 18.75rem
}
.top-off-canvas-menu * {
-webkit-backface-visibility: hidden
}
.bottom-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
height: 18.75rem
}
.bottom-off-canvas-menu * {
-webkit-backface-visibility: hidden
}
ul.off-canvas-list {
list-style-type: none;
margin: 0;
padding: 0
}
ul.off-canvas-list li label {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
display: block;
font-size: .75rem;
font-weight: bold;
margin: 0;
padding: 0.3rem .9375rem;
text-transform: uppercase
}
ul.off-canvas-list li a {
border-bottom: 1px solid #262626;
color: rgba(255, 255, 255, 0.7);
display: block;
padding: .6666666667rem;
transition: background 300ms ease
}
ul.off-canvas-list li a:hover {
background: #242424
}
ul.off-canvas-list li a:active {
background: #242424
}
.move-right>.inner-wrap {
-webkit-transform: translate3d(15.625rem, 0, 0);
-moz-transform: translate3d(15.625rem, 0, 0);
-ms-transform: translate(15.625rem, 0);
-o-transform: translate3d(15.625rem, 0, 0);
transform: translate3d(15.625rem, 0, 0)
}
.move-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.move-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05)
}
}
.move-left>.inner-wrap {
-webkit-transform: translate3d(-15.625rem, 0, 0);
-moz-transform: translate3d(-15.625rem, 0, 0);
-ms-transform: translate(-15.625rem, 0);
-o-transform: translate3d(-15.625rem, 0, 0);
transform: translate3d(-15.625rem, 0, 0)
}
.move-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.move-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05)
}
}
.move-top>.inner-wrap {
-webkit-transform: translate3d(0, -18.75rem, 0);
-moz-transform: translate3d(0, -18.75rem, 0);
-ms-transform: translate(0, -18.75rem);
-o-transform: translate3d(0, -18.75rem, 0);
transform: translate3d(0, -18.75rem, 0)
}
.move-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.move-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05)
}
}
.move-bottom>.inner-wrap {
-webkit-transform: translate3d(0, 18.75rem, 0);
-moz-transform: translate3d(0, 18.75rem, 0);
-ms-transform: translate(0, 18.75rem);
-o-transform: translate3d(0, 18.75rem, 0);
transform: translate3d(0, 18.75rem, 0)
}
.move-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.move-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05)
}
}
.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu,
.offcanvas-overlap .bottom-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05)
}
}
.offcanvas-overlap-left .right-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05)
}
}
.offcanvas-overlap-right .left-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05)
}
}
.offcanvas-overlap-top .bottom-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05)
}
}
.offcanvas-overlap-bottom .top-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05)
}
}
.no-csstransforms .left-off-canvas-menu {
left: -15.625rem
}
.no-csstransforms .right-off-canvas-menu {
right: -15.625rem
}
.no-csstransforms .top-off-canvas-menu {
top: -18.75rem
}
.no-csstransforms .bottom-off-canvas-menu {
bottom: -18.75rem
}
.no-csstransforms .move-left>.inner-wrap {
right: 15.625rem
}
.no-csstransforms .move-right>.inner-wrap {
left: 15.625rem
}
.no-csstransforms .move-top>.inner-wrap {
right: 18.75rem
}
.no-csstransforms .move-bottom>.inner-wrap {
left: 18.75rem
}
.left-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease
}
.left-submenu * {
-webkit-backface-visibility: hidden
}
.left-submenu .back>a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
font-weight: bold;
padding: 0.3rem .9375rem;
text-transform: uppercase;
margin: 0
}
.left-submenu .back>a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e
}
.left-submenu .back>a:before {
content: "\AB";
margin-right: .5rem;
display: inline
}
.left-submenu.move-right,
.left-submenu.offcanvas-overlap-right,
.left-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0)
}
.right-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease
}
.right-submenu * {
-webkit-backface-visibility: hidden
}
.right-submenu .back>a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
font-weight: bold;
padding: 0.3rem .9375rem;
text-transform: uppercase;
margin: 0
}
.right-submenu .back>a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e
}
.right-submenu .back>a:after {
content: "\BB";
margin-left: .5rem;
display: inline
}
.right-submenu.move-left,
.right-submenu.offcanvas-overlap-left,
.right-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0)
}
.top-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease
}
.top-submenu * {
-webkit-backface-visibility: hidden
}
.top-submenu .back>a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
font-weight: bold;
padding: 0.3rem .9375rem;
text-transform: uppercase;
margin: 0
}
.top-submenu .back>a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e
}
.top-submenu.move-bottom,
.top-submenu.offcanvas-overlap-bottom,
.top-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
-moz-transform: translate3d(0, 0%, 0);
-ms-transform: translate(0, 0%);
-o-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0)
}
.bottom-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease
}
.bottom-submenu * {
-webkit-backface-visibility: hidden
}
.bottom-submenu .back>a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
font-weight: bold;
padding: 0.3rem .9375rem;
text-transform: uppercase;
margin: 0
}
.bottom-submenu .back>a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e
}
.bottom-submenu.move-top,
.bottom-submenu.offcanvas-overlap-top,
.bottom-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
-moz-transform: translate3d(0, 0%, 0);
-ms-transform: translate(0, 0%);
-o-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0)
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after {
content: "\BB";
margin-left: .5rem;
display: inline
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {
content: "\AB";
margin-right: .5rem;
display: inline
}
@media only screen {
.show-for-small-only,
.show-for-small-up,
.show-for-small,
.show-for-small-down,
.hide-for-medium-only,
.hide-for-medium-up,
.hide-for-medium,
.show-for-medium-down,
.hide-for-large-only,
.hide-for-large-up,
.hide-for-large,
.show-for-large-down,
.hide-for-xlarge-only,
.hide-for-xlarge-up,
.hide-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important
}
.hide-for-small-only,
.hide-for-small-up,
.hide-for-small,
.hide-for-small-down,
.show-for-medium-only,
.show-for-medium-up,
.show-for-medium,
.hide-for-medium-down,
.show-for-large-only,
.show-for-large-up,
.show-for-large,
.hide-for-large-down,
.show-for-xlarge-only,
.show-for-xlarge-up,
.show-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important
}
.visible-for-small-only,
.visible-for-small-up,
.visible-for-small,
.visible-for-small-down,
.hidden-for-medium-only,
.hidden-for-medium-up,
.hidden-for-medium,
.visible-for-medium-down,
.hidden-for-large-only,
.hidden-for-large-up,
.hidden-for-large,
.visible-for-large-down,
.hidden-for-xlarge-only,
.hidden-for-xlarge-up,
.hidden-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.hidden-for-small-only,
.hidden-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.visible-for-medium-only,
.visible-for-medium-up,
.visible-for-medium,
.hidden-for-medium-down,
.visible-for-large-only,
.visible-for-large-up,
.visible-for-large,
.hidden-for-large-down,
.visible-for-xlarge-only,
.visible-for-xlarge-up,
.visible-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.show-for-small-only,
table.show-for-small-up,
table.show-for-small,
table.show-for-small-down,
table.hide-for-medium-only,
table.hide-for-medium-up,
table.hide-for-medium,
table.show-for-medium-down,
table.hide-for-large-only,
table.hide-for-large-up,
table.hide-for-large,
table.show-for-large-down,
table.hide-for-xlarge-only,
table.hide-for-xlarge-up,
table.hide-for-xlarge,
table.show-for-xlarge-down,
table.hide-for-xxlarge-only,
table.hide-for-xxlarge-up,
table.hide-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important
}
thead.show-for-small-only,
thead.show-for-small-up,
thead.show-for-small,
thead.show-for-small-down,
thead.hide-for-medium-only,
thead.hide-for-medium-up,
thead.hide-for-medium,
thead.show-for-medium-down,
thead.hide-for-large-only,
thead.hide-for-large-up,
thead.hide-for-large,
thead.show-for-large-down,
thead.hide-for-xlarge-only,
thead.hide-for-xlarge-up,
thead.hide-for-xlarge,
thead.show-for-xlarge-down,
thead.hide-for-xxlarge-only,
thead.hide-for-xxlarge-up,
thead.hide-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important
}
tbody.show-for-small-only,
tbody.show-for-small-up,
tbody.show-for-small,
tbody.show-for-small-down,
tbody.hide-for-medium-only,
tbody.hide-for-medium-up,
tbody.hide-for-medium,
tbody.show-for-medium-down,
tbody.hide-for-large-only,
tbody.hide-for-large-up,
tbody.hide-for-large,
tbody.show-for-large-down,
tbody.hide-for-xlarge-only,
tbody.hide-for-xlarge-up,
tbody.hide-for-xlarge,
tbody.show-for-xlarge-down,
tbody.hide-for-xxlarge-only,
tbody.hide-for-xxlarge-up,
tbody.hide-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important
}
tr.show-for-small-only,
tr.show-for-small-up,
tr.show-for-small,
tr.show-for-small-down,
tr.hide-for-medium-only,
tr.hide-for-medium-up,
tr.hide-for-medium,
tr.show-for-medium-down,
tr.hide-for-large-only,
tr.hide-for-large-up,
tr.hide-for-large,
tr.show-for-large-down,
tr.hide-for-xlarge-only,
tr.hide-for-xlarge-up,
tr.hide-for-xlarge,
tr.show-for-xlarge-down,
tr.hide-for-xxlarge-only,
tr.hide-for-xxlarge-up,
tr.hide-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row
}
th.show-for-small-only,
td.show-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.show-for-small,
td.show-for-small,
th.show-for-small-down,
td.show-for-small-down,
th.hide-for-medium-only,
td.hide-for-medium-only,
th.hide-for-medium-up,
td.hide-for-medium-up,
th.hide-for-medium,
td.hide-for-medium,
th.show-for-medium-down,
td.show-for-medium-down,
th.hide-for-large-only,
td.hide-for-large-only,
th.hide-for-large-up,
td.hide-for-large-up,
th.hide-for-large,
td.hide-for-large,
th.show-for-large-down,
td.show-for-large-down,
th.hide-for-xlarge-only,
td.hide-for-xlarge-only,
th.hide-for-xlarge-up,
td.hide-for-xlarge-up,
th.hide-for-xlarge,
td.hide-for-xlarge,
th.show-for-xlarge-down,
td.show-for-xlarge-down,
th.hide-for-xxlarge-only,
td.hide-for-xxlarge-only,
th.hide-for-xxlarge-up,
td.hide-for-xxlarge-up,
th.hide-for-xxlarge,
td.hide-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important
}
}
@media only screen and (min-width: 40.0625em) {
.hide-for-small-only,
.show-for-small-up,
.hide-for-small,
.hide-for-small-down,
.show-for-medium-only,
.show-for-medium-up,
.show-for-medium,
.show-for-medium-down,
.hide-for-large-only,
.hide-for-large-up,
.hide-for-large,
.show-for-large-down,
.hide-for-xlarge-only,
.hide-for-xlarge-up,
.hide-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important
}
.show-for-small-only,
.hide-for-small-up,
.show-for-small,
.show-for-small-down,
.hide-for-medium-only,
.hide-for-medium-up,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large-only,
.show-for-large-up,
.show-for-large,
.hide-for-large-down,
.show-for-xlarge-only,
.show-for-xlarge-up,
.show-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important
}
.hidden-for-small-only,
.visible-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.visible-for-medium-only,
.visible-for-medium-up,
.visible-for-medium,
.visible-for-medium-down,
.hidden-for-large-only,
.hidden-for-large-up,
.hidden-for-large,
.visible-for-large-down,
.hidden-for-xlarge-only,
.hidden-for-xlarge-up,
.hidden-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.visible-for-small-only,
.hidden-for-small-up,
.visible-for-small,
.visible-for-small-down,
.hidden-for-medium-only,
.hidden-for-medium-up,
.hidden-for-medium,
.hidden-for-medium-down,
.visible-for-large-only,
.visible-for-large-up,
.visible-for-large,
.hidden-for-large-down,
.visible-for-xlarge-only,
.visible-for-xlarge-up,
.visible-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.hide-for-small-only,
table.show-for-small-up,
table.hide-for-small,
table.hide-for-small-down,
table.show-for-medium-only,
table.show-for-medium-up,
table.show-for-medium,
table.show-for-medium-down,
table.hide-for-large-only,
table.hide-for-large-up,
table.hide-for-large,
table.show-for-large-down,
table.hide-for-xlarge-only,
table.hide-for-xlarge-up,
table.hide-for-xlarge,
table.show-for-xlarge-down,
table.hide-for-xxlarge-only,
table.hide-for-xxlarge-up,
table.hide-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important
}
thead.hide-for-small-only,
thead.show-for-small-up,
thead.hide-for-small,
thead.hide-for-small-down,
thead.show-for-medium-only,
thead.show-for-medium-up,
thead.show-for-medium,
thead.show-for-medium-down,
thead.hide-for-large-only,
thead.hide-for-large-up,
thead.hide-for-large,
thead.show-for-large-down,
thead.hide-for-xlarge-only,
thead.hide-for-xlarge-up,
thead.hide-for-xlarge,
thead.show-for-xlarge-down,
thead.hide-for-xxlarge-only,
thead.hide-for-xxlarge-up,
thead.hide-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important
}
tbody.hide-for-small-only,
tbody.show-for-small-up,
tbody.hide-for-small,
tbody.hide-for-small-down,
tbody.show-for-medium-only,
tbody.show-for-medium-up,
tbody.show-for-medium,
tbody.show-for-medium-down,
tbody.hide-for-large-only,
tbody.hide-for-large-up,
tbody.hide-for-large,
tbody.show-for-large-down,
tbody.hide-for-xlarge-only,
tbody.hide-for-xlarge-up,
tbody.hide-for-xlarge,
tbody.show-for-xlarge-down,
tbody.hide-for-xxlarge-only,
tbody.hide-for-xxlarge-up,
tbody.hide-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important
}
tr.hide-for-small-only,
tr.show-for-small-up,
tr.hide-for-small,
tr.hide-for-small-down,
tr.show-for-medium-only,
tr.show-for-medium-up,
tr.show-for-medium,
tr.show-for-medium-down,
tr.hide-for-large-only,
tr.hide-for-large-up,
tr.hide-for-large,
tr.show-for-large-down,
tr.hide-for-xlarge-only,
tr.hide-for-xlarge-up,
tr.hide-for-xlarge,
tr.show-for-xlarge-down,
tr.hide-for-xxlarge-only,
tr.hide-for-xxlarge-up,
tr.hide-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row
}
th.hide-for-small-only,
td.hide-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.hide-for-small,
td.hide-for-small,
th.hide-for-small-down,
td.hide-for-small-down,
th.show-for-medium-only,
td.show-for-medium-only,
th.show-for-medium-up,
td.show-for-medium-up,
th.show-for-medium,
td.show-for-medium,
th.show-for-medium-down,
td.show-for-medium-down,
th.hide-for-large-only,
td.hide-for-large-only,
th.hide-for-large-up,
td.hide-for-large-up,
th.hide-for-large,
td.hide-for-large,
th.show-for-large-down,
td.show-for-large-down,
th.hide-for-xlarge-only,
td.hide-for-xlarge-only,
th.hide-for-xlarge-up,
td.hide-for-xlarge-up,
th.hide-for-xlarge,
td.hide-for-xlarge,
th.show-for-xlarge-down,
td.show-for-xlarge-down,
th.hide-for-xxlarge-only,
td.hide-for-xxlarge-only,
th.hide-for-xxlarge-up,
td.hide-for-xxlarge-up,
th.hide-for-xxlarge,
td.hide-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important
}
}
@media only screen and (min-width: 64.0625em) {
.hide-for-small-only,
.show-for-small-up,
.hide-for-small,
.hide-for-small-down,
.hide-for-medium-only,
.show-for-medium-up,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large-only,
.show-for-large-up,
.show-for-large,
.show-for-large-down,
.hide-for-xlarge-only,
.hide-for-xlarge-up,
.hide-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important
}
.show-for-small-only,
.hide-for-small-up,
.show-for-small,
.show-for-small-down,
.show-for-medium-only,
.hide-for-medium-up,
.show-for-medium,
.show-for-medium-down,
.hide-for-large-only,
.hide-for-large-up,
.hide-for-large,
.hide-for-large-down,
.show-for-xlarge-only,
.show-for-xlarge-up,
.show-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important
}
.hidden-for-small-only,
.visible-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.hidden-for-medium-only,
.visible-for-medium-up,
.hidden-for-medium,
.hidden-for-medium-down,
.visible-for-large-only,
.visible-for-large-up,
.visible-for-large,
.visible-for-large-down,
.hidden-for-xlarge-only,
.hidden-for-xlarge-up,
.hidden-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.visible-for-small-only,
.hidden-for-small-up,
.visible-for-small,
.visible-for-small-down,
.visible-for-medium-only,
.hidden-for-medium-up,
.visible-for-medium,
.visible-for-medium-down,
.hidden-for-large-only,
.hidden-for-large-up,
.hidden-for-large,
.hidden-for-large-down,
.visible-for-xlarge-only,
.visible-for-xlarge-up,
.visible-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.hide-for-small-only,
table.show-for-small-up,
table.hide-for-small,
table.hide-for-small-down,
table.hide-for-medium-only,
table.show-for-medium-up,
table.hide-for-medium,
table.hide-for-medium-down,
table.show-for-large-only,
table.show-for-large-up,
table.show-for-large,
table.show-for-large-down,
table.hide-for-xlarge-only,
table.hide-for-xlarge-up,
table.hide-for-xlarge,
table.show-for-xlarge-down,
table.hide-for-xxlarge-only,
table.hide-for-xxlarge-up,
table.hide-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important
}
thead.hide-for-small-only,
thead.show-for-small-up,
thead.hide-for-small,
thead.hide-for-small-down,
thead.hide-for-medium-only,
thead.show-for-medium-up,
thead.hide-for-medium,
thead.hide-for-medium-down,
thead.show-for-large-only,
thead.show-for-large-up,
thead.show-for-large,
thead.show-for-large-down,
thead.hide-for-xlarge-only,
thead.hide-for-xlarge-up,
thead.hide-for-xlarge,
thead.show-for-xlarge-down,
thead.hide-for-xxlarge-only,
thead.hide-for-xxlarge-up,
thead.hide-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important
}
tbody.hide-for-small-only,
tbody.show-for-small-up,
tbody.hide-for-small,
tbody.hide-for-small-down,
tbody.hide-for-medium-only,
tbody.show-for-medium-up,
tbody.hide-for-medium,
tbody.hide-for-medium-down,
tbody.show-for-large-only,
tbody.show-for-large-up,
tbody.show-for-large,
tbody.show-for-large-down,
tbody.hide-for-xlarge-only,
tbody.hide-for-xlarge-up,
tbody.hide-for-xlarge,
tbody.show-for-xlarge-down,
tbody.hide-for-xxlarge-only,
tbody.hide-for-xxlarge-up,
tbody.hide-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important
}
tr.hide-for-small-only,
tr.show-for-small-up,
tr.hide-for-small,
tr.hide-for-small-down,
tr.hide-for-medium-only,
tr.show-for-medium-up,
tr.hide-for-medium,
tr.hide-for-medium-down,
tr.show-for-large-only,
tr.show-for-large-up,
tr.show-for-large,
tr.show-for-large-down,
tr.hide-for-xlarge-only,
tr.hide-for-xlarge-up,
tr.hide-for-xlarge,
tr.show-for-xlarge-down,
tr.hide-for-xxlarge-only,
tr.hide-for-xxlarge-up,
tr.hide-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row
}
th.hide-for-small-only,
td.hide-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.hide-for-small,
td.hide-for-small,
th.hide-for-small-down,
td.hide-for-small-down,
th.hide-for-medium-only,
td.hide-for-medium-only,
th.show-for-medium-up,
td.show-for-medium-up,
th.hide-for-medium,
td.hide-for-medium,
th.hide-for-medium-down,
td.hide-for-medium-down,
th.show-for-large-only,
td.show-for-large-only,
th.show-for-large-up,
td.show-for-large-up,
th.show-for-large,
td.show-for-large,
th.show-for-large-down,
td.show-for-large-down,
th.hide-for-xlarge-only,
td.hide-for-xlarge-only,
th.hide-for-xlarge-up,
td.hide-for-xlarge-up,
th.hide-for-xlarge,
td.hide-for-xlarge,
th.show-for-xlarge-down,
td.show-for-xlarge-down,
th.hide-for-xxlarge-only,
td.hide-for-xxlarge-only,
th.hide-for-xxlarge-up,
td.hide-for-xxlarge-up,
th.hide-for-xxlarge,
td.hide-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important
}
}
@media only screen and (min-width: 90.0625em) {
.hide-for-small-only,
.show-for-small-up,
.hide-for-small,
.hide-for-small-down,
.hide-for-medium-only,
.show-for-medium-up,
.hide-for-medium,
.hide-for-medium-down,
.hide-for-large-only,
.show-for-large-up,
.hide-for-large,
.hide-for-large-down,
.show-for-xlarge-only,
.show-for-xlarge-up,
.show-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important
}
.show-for-small-only,
.hide-for-small-up,
.show-for-small,
.show-for-small-down,
.show-for-medium-only,
.hide-for-medium-up,
.show-for-medium,
.show-for-medium-down,
.show-for-large-only,
.hide-for-large-up,
.show-for-large,
.show-for-large-down,
.hide-for-xlarge-only,
.hide-for-xlarge-up,
.hide-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important
}
.hidden-for-small-only,
.visible-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.hidden-for-medium-only,
.visible-for-medium-up,
.hidden-for-medium,
.hidden-for-medium-down,
.hidden-for-large-only,
.visible-for-large-up,
.hidden-for-large,
.hidden-for-large-down,
.visible-for-xlarge-only,
.visible-for-xlarge-up,
.visible-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.visible-for-small-only,
.hidden-for-small-up,
.visible-for-small,
.visible-for-small-down,
.visible-for-medium-only,
.hidden-for-medium-up,
.visible-for-medium,
.visible-for-medium-down,
.visible-for-large-only,
.hidden-for-large-up,
.visible-for-large,
.visible-for-large-down,
.hidden-for-xlarge-only,
.hidden-for-xlarge-up,
.hidden-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.hide-for-small-only,
table.show-for-small-up,
table.hide-for-small,
table.hide-for-small-down,
table.hide-for-medium-only,
table.show-for-medium-up,
table.hide-for-medium,
table.hide-for-medium-down,
table.hide-for-large-only,
table.show-for-large-up,
table.hide-for-large,
table.hide-for-large-down,
table.show-for-xlarge-only,
table.show-for-xlarge-up,
table.show-for-xlarge,
table.show-for-xlarge-down,
table.hide-for-xxlarge-only,
table.hide-for-xxlarge-up,
table.hide-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important
}
thead.hide-for-small-only,
thead.show-for-small-up,
thead.hide-for-small,
thead.hide-for-small-down,
thead.hide-for-medium-only,
thead.show-for-medium-up,
thead.hide-for-medium,
thead.hide-for-medium-down,
thead.hide-for-large-only,
thead.show-for-large-up,
thead.hide-for-large,
thead.hide-for-large-down,
thead.show-for-xlarge-only,
thead.show-for-xlarge-up,
thead.show-for-xlarge,
thead.show-for-xlarge-down,
thead.hide-for-xxlarge-only,
thead.hide-for-xxlarge-up,
thead.hide-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important
}
tbody.hide-for-small-only,
tbody.show-for-small-up,
tbody.hide-for-small,
tbody.hide-for-small-down,
tbody.hide-for-medium-only,
tbody.show-for-medium-up,
tbody.hide-for-medium,
tbody.hide-for-medium-down,
tbody.hide-for-large-only,
tbody.show-for-large-up,
tbody.hide-for-large,
tbody.hide-for-large-down,
tbody.show-for-xlarge-only,
tbody.show-for-xlarge-up,
tbody.show-for-xlarge,
tbody.show-for-xlarge-down,
tbody.hide-for-xxlarge-only,
tbody.hide-for-xxlarge-up,
tbody.hide-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important
}
tr.hide-for-small-only,
tr.show-for-small-up,
tr.hide-for-small,
tr.hide-for-small-down,
tr.hide-for-medium-only,
tr.show-for-medium-up,
tr.hide-for-medium,
tr.hide-for-medium-down,
tr.hide-for-large-only,
tr.show-for-large-up,
tr.hide-for-large,
tr.hide-for-large-down,
tr.show-for-xlarge-only,
tr.show-for-xlarge-up,
tr.show-for-xlarge,
tr.show-for-xlarge-down,
tr.hide-for-xxlarge-only,
tr.hide-for-xxlarge-up,
tr.hide-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row
}
th.hide-for-small-only,
td.hide-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.hide-for-small,
td.hide-for-small,
th.hide-for-small-down,
td.hide-for-small-down,
th.hide-for-medium-only,
td.hide-for-medium-only,
th.show-for-medium-up,
td.show-for-medium-up,
th.hide-for-medium,
td.hide-for-medium,
th.hide-for-medium-down,
td.hide-for-medium-down,
th.hide-for-large-only,
td.hide-for-large-only,
th.show-for-large-up,
td.show-for-large-up,
th.hide-for-large,
td.hide-for-large,
th.hide-for-large-down,
td.hide-for-large-down,
th.show-for-xlarge-only,
td.show-for-xlarge-only,
th.show-for-xlarge-up,
td.show-for-xlarge-up,
th.show-for-xlarge,
td.show-for-xlarge,
th.show-for-xlarge-down,
td.show-for-xlarge-down,
th.hide-for-xxlarge-only,
td.hide-for-xxlarge-only,
th.hide-for-xxlarge-up,
td.hide-for-xxlarge-up,
th.hide-for-xxlarge,
td.hide-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important
}
}
@media only screen and (min-width: 120.0625em) {
.hide-for-small-only,
.show-for-small-up,
.hide-for-small,
.hide-for-small-down,
.hide-for-medium-only,
.show-for-medium-up,
.hide-for-medium,
.hide-for-medium-down,
.hide-for-large-only,
.show-for-large-up,
.hide-for-large,
.hide-for-large-down,
.hide-for-xlarge-only,
.show-for-xlarge-up,
.hide-for-xlarge,
.hide-for-xlarge-down,
.show-for-xxlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge,
.show-for-xxlarge-down {
display: inherit !important
}
.show-for-small-only,
.hide-for-small-up,
.show-for-small,
.show-for-small-down,
.show-for-medium-only,
.hide-for-medium-up,
.show-for-medium,
.show-for-medium-down,
.show-for-large-only,
.hide-for-large-up,
.show-for-large,
.show-for-large-down,
.show-for-xlarge-only,
.hide-for-xlarge-up,
.show-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.hide-for-xxlarge-down {
display: none !important
}
.hidden-for-small-only,
.visible-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.hidden-for-medium-only,
.visible-for-medium-up,
.hidden-for-medium,
.hidden-for-medium-down,
.hidden-for-large-only,
.visible-for-large-up,
.hidden-for-large,
.hidden-for-large-down,
.hidden-for-xlarge-only,
.visible-for-xlarge-up,
.hidden-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.visible-for-small-only,
.hidden-for-small-up,
.visible-for-small,
.visible-for-small-down,
.visible-for-medium-only,
.hidden-for-medium-up,
.visible-for-medium,
.visible-for-medium-down,
.visible-for-large-only,
.hidden-for-large-up,
.visible-for-large,
.visible-for-large-down,
.visible-for-xlarge-only,
.hidden-for-xlarge-up,
.visible-for-xlarge,
.visible-for-xlarge-down,
.hidden-for-xxlarge-only,
.hidden-for-xxlarge-up,
.hidden-for-xxlarge,
.hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.hide-for-small-only,
table.show-for-small-up,
table.hide-for-small,
table.hide-for-small-down,
table.hide-for-medium-only,
table.show-for-medium-up,
table.hide-for-medium,
table.hide-for-medium-down,
table.hide-for-large-only,
table.show-for-large-up,
table.hide-for-large,
table.hide-for-large-down,
table.hide-for-xlarge-only,
table.show-for-xlarge-up,
table.hide-for-xlarge,
table.hide-for-xlarge-down,
table.show-for-xxlarge-only,
table.show-for-xxlarge-up,
table.show-for-xxlarge,
table.show-for-xxlarge-down {
display: table !important
}
thead.hide-for-small-only,
thead.show-for-small-up,
thead.hide-for-small,
thead.hide-for-small-down,
thead.hide-for-medium-only,
thead.show-for-medium-up,
thead.hide-for-medium,
thead.hide-for-medium-down,
thead.hide-for-large-only,
thead.show-for-large-up,
thead.hide-for-large,
thead.hide-for-large-down,
thead.hide-for-xlarge-only,
thead.show-for-xlarge-up,
thead.hide-for-xlarge,
thead.hide-for-xlarge-down,
thead.show-for-xxlarge-only,
thead.show-for-xxlarge-up,
thead.show-for-xxlarge,
thead.show-for-xxlarge-down {
display: table-header-group !important
}
tbody.hide-for-small-only,
tbody.show-for-small-up,
tbody.hide-for-small,
tbody.hide-for-small-down,
tbody.hide-for-medium-only,
tbody.show-for-medium-up,
tbody.hide-for-medium,
tbody.hide-for-medium-down,
tbody.hide-for-large-only,
tbody.show-for-large-up,
tbody.hide-for-large,
tbody.hide-for-large-down,
tbody.hide-for-xlarge-only,
tbody.show-for-xlarge-up,
tbody.hide-for-xlarge,
tbody.hide-for-xlarge-down,
tbody.show-for-xxlarge-only,
tbody.show-for-xxlarge-up,
tbody.show-for-xxlarge,
tbody.show-for-xxlarge-down {
display: table-row-group !important
}
tr.hide-for-small-only,
tr.show-for-small-up,
tr.hide-for-small,
tr.hide-for-small-down,
tr.hide-for-medium-only,
tr.show-for-medium-up,
tr.hide-for-medium,
tr.hide-for-medium-down,
tr.hide-for-large-only,
tr.show-for-large-up,
tr.hide-for-large,
tr.hide-for-large-down,
tr.hide-for-xlarge-only,
tr.show-for-xlarge-up,
tr.hide-for-xlarge,
tr.hide-for-xlarge-down,
tr.show-for-xxlarge-only,
tr.show-for-xxlarge-up,
tr.show-for-xxlarge,
tr.show-for-xxlarge-down {
display: table-row
}
th.hide-for-small-only,
td.hide-for-small-only,
th.show-for-small-up,
td.show-for-small-up,
th.hide-for-small,
td.hide-for-small,
th.hide-for-small-down,
td.hide-for-small-down,
th.hide-for-medium-only,
td.hide-for-medium-only,
th.show-for-medium-up,
td.show-for-medium-up,
th.hide-for-medium,
td.hide-for-medium,
th.hide-for-medium-down,
td.hide-for-medium-down,
th.hide-for-large-only,
td.hide-for-large-only,
th.show-for-large-up,
td.show-for-large-up,
th.hide-for-large,
td.hide-for-large,
th.hide-for-large-down,
td.hide-for-large-down,
th.hide-for-xlarge-only,
td.hide-for-xlarge-only,
th.show-for-xlarge-up,
td.show-for-xlarge-up,
th.hide-for-xlarge,
td.hide-for-xlarge,
th.hide-for-xlarge-down,
td.hide-for-xlarge-down,
th.show-for-xxlarge-only,
td.show-for-xxlarge-only,
th.show-for-xxlarge-up,
td.show-for-xxlarge-up,
th.show-for-xxlarge,
td.show-for-xxlarge,
th.show-for-xxlarge-down,
td.show-for-xxlarge-down {
display: table-cell !important
}
}
.show-for-landscape,
.hide-for-portrait {
display: inherit !important
}
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
table.hide-for-landscape,
table.show-for-portrait {
display: table !important
}
thead.hide-for-landscape,
thead.show-for-portrait {
display: table-header-group !important
}
tbody.hide-for-landscape,
tbody.show-for-portrait {
display: table-row-group !important
}
tr.hide-for-landscape,
tr.show-for-portrait {
display: table-row !important
}
td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important
}
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important
}
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
table.show-for-landscape,
table.hide-for-portrait {
display: table !important
}
thead.show-for-landscape,
thead.hide-for-portrait {
display: table-header-group !important
}
tbody.show-for-landscape,
tbody.hide-for-portrait {
display: table-row-group !important
}
tr.show-for-landscape,
tr.hide-for-portrait {
display: table-row !important
}
td.show-for-landscape,
td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important
}
}
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important
}
.hide-for-portrait,
.show-for-landscape {
display: none !important
}
table.show-for-portrait,
table.hide-for-landscape {
display: table !important
}
thead.show-for-portrait,
thead.hide-for-landscape {
display: table-header-group !important
}
tbody.show-for-portrait,
tbody.hide-for-landscape {
display: table-row-group !important
}
tr.show-for-portrait,
tr.hide-for-landscape {
display: table-row !important
}
td.show-for-portrait,
td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important
}
}
.show-for-touch {
display: none !important
}
.hide-for-touch {
display: inherit !important
}
.touch .show-for-touch {
display: inherit !important
}
.touch .hide-for-touch {
display: none !important
}
table.hide-for-touch {
display: table !important
}
.touch table.show-for-touch {
display: table !important
}
thead.hide-for-touch {
display: table-header-group !important
}
.touch thead.show-for-touch {
display: table-header-group !important
}
tbody.hide-for-touch {
display: table-row-group !important
}
.touch tbody.show-for-touch {
display: table-row-group !important
}
tr.hide-for-touch {
display: table-row !important
}
.touch tr.show-for-touch {
display: table-row !important
}
td.hide-for-touch {
display: table-cell !important
}
.touch td.show-for-touch {
display: table-cell !important
}
th.hide-for-touch {
display: table-cell !important
}
.touch th.show-for-touch {
display: table-cell !important
}
.show-for-sr {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.show-on-focus {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.show-on-focus:focus,
.show-on-focus:active {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.print-only,
.show-for-print {
display: none !important
}
@media print {
.print-only,
.show-for-print {
display: block !important
}
.hide-on-print,
.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
}
}
.header {
background: #1ccacd
}
.header .brand h3 {
font-weight: 300;
font-style: italic;
color: #FFF;
margin: 1.35rem 0;
line-height: 1;
font-size: 1.5rem
}
.header .brand h3 a {
color: #FFF
}
.header .brand h3 a:hover {
color: #FFF
}
.nav-bar {
float: right
}
.nav-bar ul {
list-style: none;
margin: 0;
padding: 0
}
.nav-bar ul li {
float: left
}
.nav-bar ul li.active a {
opacity: 1
}
.nav-bar ul li a {
opacity: 0.8;
margin: 1.73rem 0 1.73rem 2rem;
display: block;
color: #fff;
line-height: 1;
-webkit-transition: opacity 200ms ease-in-out;
-moz-transition: opacity 200ms ease-in-out;
-ms-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out
}
.nav-bar ul li a:hover {
opacity: 1
}
.nav-bar ul li .download {
width: 1rem;
height: 1rem;
background: #ff3f4d;
display: block;
position: absolute;
top: 1rem;
right: 0;
border: 2px solid #FFF;
background: url(//www.ecmj.co.jp/new/wp-content/themes/ecmj/slide-post/assets/img/download.png) #ff3f4d no-repeat 50% 55%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
#toggle-nav {
width: 2rem;
display: block;
margin: 1.5rem 0 1.2rem 0rem
}
#toggle-nav span {
width: 100%;
height: 0.25rem;
margin-bottom: 0.3rem;
background: #FFF;
display: block
}
@media only screen and (min-width: 40.0625em) {
#toggle-nav {
display: none
}
}
@media only screen and (max-width: 40em) {
.nav-bar {
display: none
}
.nav-bar.active {
float: right;
clear: both;
display: block
}
.nav-bar.active a {
margin: 1rem 0 1rem 1rem
}
.nav-bar.active .download {
display: none
}
}
#hero {
background: #1ccacd;
padding: 5rem 0
}
#hero .owl-logo {
margin: 0 auto;
display: block
}
#hero h1 {
color: #FFF;
font-weight: 300;
font-size: 3.375rem;
margin: 0rem
}
#hero h4 {
color: #FFF;
font-weight: 300;
font-size: 1.500rem;
margin-top: 1rem;
margin-bottom: 2rem
}
#hero .hero-button {
display: inline-block;
padding: 1rem 2rem;
margin-right: 0.75rem;
font-size: 1.250rem;
font-weight: 400;
background: #FFF;
color: #1ccacd;
border: 1px solid #FFF;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out
}
#hero .hero-button.outline {
background: transparent;
color: #FFF
}
#hero .hero-button:hover {
background: #ff3f4d;
border: 1px solid #ff3f4d;
color: #FFF
}
#hero p {
color: #FFF;
margin: 0.5rem 0;
opacity: 0.7;
font-weight: 300
}
@media (max-width: 768px) {
#hero {
padding: 2rem 0
}
#hero h1 {
color: #FFF;
font-weight: 300;
font-size: 2rem
}
#hero h4 {
color: #FFF;
font-weight: 300;
font-size: 1.2rem;
margin-bottom: 2rem
}
}
@media only screen and (max-width: 40em) {
#hero .owl-logo {
display: none
}
}
.home-demo {
padding: 32px 0 45px 0;
}
.home-demo .item {
background: #f9f9f9;
height:295px;
}
.home-demo h3 {
padding: 0 10px;
color: #272727;
margin: 2rem
}
.home-demo h2 {
color: #FFF;
text-align: center;
padding: 5rem 0;
margin: 0;
font-style: italic;
font-weight: 300
}
.home-demo .owl-dot.active span {
background: #ff3f4d
}
#features .feature {
margin: 2rem 0 6rem
}
#features h2 {
font-weight: 300;
margin-top: 0;
margin-bottom: 1rem
}
#features img {
display: block;
margin: 0 auto
}
@media only screen and (max-width: 40em) {
#features .feature {
margin: 1rem 0
}
#features img {
display: block;
margin: 1rem auto
}
}
#teaser-text {
text-align: center
}
#teaser-text h3 {
font-weight: 300;
color: #1ccacd
}
.footer {
margin-top: 5rem;
background: #f7f7f7
}
.footer h5 {
text-align: center;
color: #8d8d8d;
margin: 2rem 0;
font-weight: normal;
font-size: 1rem
}
.footer h5 a {
font-weight: normal;
margin-right: 0.3rem
}
a#custom-tweet-button {
padding: 6px 13px 6px 13px;
margin-left: 0px;
background: url(//www.ecmj.co.jp/new/wp-content/themes/ecmj/slide-post/assets/img/twitter_25.png) 1px center no-repeat
}
blockquote p {
color: #A0A0A0
}
.title {
background: #f7f7f7;
margin-bottom: 2rem
}
.title h1 {
margin: 0;
padding: 1.2rem 0;
font-weight: 300
}
@media only screen and (max-width: 40em) {
.title {
margin-bottom: 0rem
}
}
.demo-block {
background: #eaeaea;
height: 6rem;
padding: 1rem;
margin-bottom: 1rem;
display: block;
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-ms-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out
}
.demo-block:hover {
background: #1ccacd
}
.demo-block:hover h5 {
color: #FFF
}
.demo-block h5 {
font-weight: normal
}
code {
font-weight: bold;
background: #f7f7f7;
font-size: 90%;
font-weight: normal;
padding: 1px 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
blockquote {
padding: 1rem 1rem;
border-left: 7px solid #1ccacd
}
blockquote p {
font-size: 1.1rem;
margin: 0
}
#demos .owl-carousel {
margin: 2rem 0
}
#demos .owl-carousel .item {
height: 10rem;
background: #4DC7A0;
padding: 1rem
}
#demos .owl-carousel .item h4 {
color: #FFF;
font-weight: 400;
margin-top: 0rem
}
#demos .owl-carousel .item-video {
height: 300px
}
#demos #setup {
margin-top: 4rem
}
#demos .demo-list h5 {
margin: 0
}
@media only screen {
.demo-list [class*="column"]+[class*="column"]:last-child {
float: left
}
}
.callbacks div {
margin-bottom: 0.3rem
}
.callbacks span.label {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out
}
#docs {
padding-top: 2rem
}
#docs .docs-content h2:first-child {
padding-top: 0;
margin-top: 0
}
#docs h4 {
margin-top: 0.3rem;
margin-bottom: 0.5rem
}
#docs ul.side-nav {
text-align: right;
margin-bottom: 1rem
}
#docs ul.side-nav li {
margin: 0;
padding: .3rem 3rem .3rem 0
}
#docs ul.side-nav li:hover,
#docs ul.side-nav li.active {
background: #f7f7f7
}
#docs ul.side-nav li:hover a,
#docs ul.side-nav li.active a {
color: #000;
background-color: transparent
}
#docs ul.side-nav li.side-nav-head {
text-transform: uppercase;
color: #000;
font-size: 1rem;
font-weight: bold;
padding: 0rem 3rem .3rem 0
}
#docs ul.side-nav li.side-nav-head:hover {
background: transparent
}
@media only screen and (max-width: 40em) {
#docs {
padding-top: 1rem
}
#docs ul.side-nav {
text-align: left
}
}
pre {
overflow-y: hidden;
margin-bottom: 2rem;
background: #f8f8f8
}
.hljs {
display: block;
color: #333;
background: #f8f8f8;
padding: 2rem;
line-height: 1.4;
overflow-x: scroll
}
.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-javadoc {
color: #B9B9B9;
font-style: italic
}
.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.javascript .hljs-title,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
color: #333;
font-weight: bold
}
.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
color: #099
}
.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula {
color: #bd240d
}
.hljs-title,
.hljs-id,
.coffeescript .hljs-params,
.scss .hljs-preprocessor {
color: #900;
font-weight: bold
}
.javascript .hljs-title,
.lisp .hljs-title,
.clojure .hljs-title,
.hljs-subst {
font-weight: normal
}
.hljs-class .hljs-title,
.haskell .hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
color: #458;
font-weight: bold
}
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
color: #000080;
font-weight: normal
}
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
color: #008080
}
.hljs-regexp {
color: #009926
}
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
color: #333333
}
.hljs-built_in,
.lisp .hljs-title,
.clojure .hljs-built_in {
color: #0086b3
}
.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
color: #999;
font-weight: bold
}
.hljs-deletion {
background: #fdd
}
.hljs-addition {
background: #dfd
}
.diff .hljs-change {
background: #0086b3
}
.hljs-chunk {
color: #aaa
}
.home-demo .td-post-date {
padding: 5px 0 0 15px;
}
.owl-stage{
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{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(//www.ecmj.co.jp/new/wp-content/themes/ecmj/slide-post/assets/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}