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 {
-moz-box-sizing: content-box;
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; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; 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.0/";
}
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.063em)/";
width: 40.063em;
}
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
width: 40.063em;
}
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.063em)/";
width: 64.063em;
}
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
width: 64.063em;
}
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em;
}
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
width: 90.063em;
}
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.063em)/";
width: 120.063em;
}
meta.foundation-data-attribute-namespace {
font-family: false;
}
html,
body {
height: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
font-size: 100%;
}
body {
background: #fff;
color: #222;
padding: 0;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1.5;
position: relative;
cursor: auto;
}
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 {
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 !important;
visibility: hidden;
}
.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 {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5em;
}
.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 {
width: auto;
margin-left: -0.9375em;
margin-right: -0.9375em;
margin-top: 0;
margin-bottom: 0;
max-width: none;
}
.row .row:before,
.row .row:after {
content: " ";
display: table;
}
.row .row:after {
clear: both;
}
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
}
.row .row.collapse:before,
.row .row.collapse:after {
content: " ";
display: table;
}
.row .row.collapse:after {
clear: both;
}
.column,
.columns {
padding-left: 0.9375em;
padding-right: 0.9375em;
width: 100%;
float: left;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
[class*="column"] + [class*="column"].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.33333%;
right: auto;
}
.small-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.small-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.small-pull-2 {
position: relative;
right: 16.66667%;
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.33333%;
right: auto;
}
.small-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.small-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.small-pull-5 {
position: relative;
right: 41.66667%;
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.33333%;
right: auto;
}
.small-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.small-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.small-pull-8 {
position: relative;
right: 66.66667%;
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.33333%;
right: auto;
}
.small-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.small-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.small-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.small-1 {
width: 8.33333%;
}
.small-2 {
width: 16.66667%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.33333%;
}
.small-5 {
width: 41.66667%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.33333%;
}
.small-8 {
width: 66.66667%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.33333%;
}
.small-11 {
width: 91.66667%;
}
.small-12 {
width: 100%;
}
.small-offset-0 {
margin-left: 0% !important;
}
.small-offset-1 {
margin-left: 8.33333% !important;
}
.small-offset-2 {
margin-left: 16.66667% !important;
}
.small-offset-3 {
margin-left: 25% !important;
}
.small-offset-4 {
margin-left: 33.33333% !important;
}
.small-offset-5 {
margin-left: 41.66667% !important;
}
.small-offset-6 {
margin-left: 50% !important;
}
.small-offset-7 {
margin-left: 58.33333% !important;
}
.small-offset-8 {
margin-left: 66.66667% !important;
}
.small-offset-9 {
margin-left: 75% !important;
}
.small-offset-10 {
margin-left: 83.33333% !important;
}
.small-offset-11 {
margin-left: 91.66667% !important;
}
.small-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.small-uncentered,
.columns.small-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
.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 {
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
}
@media only screen and (min-width: 40.063em) {
.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.33333%;
right: auto;
}
.medium-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.medium-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.medium-pull-2 {
position: relative;
right: 16.66667%;
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.33333%;
right: auto;
}
.medium-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.medium-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.medium-pull-5 {
position: relative;
right: 41.66667%;
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.33333%;
right: auto;
}
.medium-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.medium-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.medium-pull-8 {
position: relative;
right: 66.66667%;
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.33333%;
right: auto;
}
.medium-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.medium-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.medium-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.medium-1 {
width: 8.33333%;
}
.medium-2 {
width: 16.66667%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.33333%;
}
.medium-5 {
width: 41.66667%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.33333%;
}
.medium-8 {
width: 66.66667%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.33333%;
}
.medium-11 {
width: 91.66667%;
}
.medium-12 {
width: 100%;
}
.medium-offset-0 {
margin-left: 0% !important;
}
.medium-offset-1 {
margin-left: 8.33333% !important;
}
.medium-offset-2 {
margin-left: 16.66667% !important;
}
.medium-offset-3 {
margin-left: 25% !important;
}
.medium-offset-4 {
margin-left: 33.33333% !important;
}
.medium-offset-5 {
margin-left: 41.66667% !important;
}
.medium-offset-6 {
margin-left: 50% !important;
}
.medium-offset-7 {
margin-left: 58.33333% !important;
}
.medium-offset-8 {
margin-left: 66.66667% !important;
}
.medium-offset-9 {
margin-left: 75% !important;
}
.medium-offset-10 {
margin-left: 83.33333% !important;
}
.medium-offset-11 {
margin-left: 91.66667% !important;
}
.medium-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.medium-uncentered,
.columns.medium-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
.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 {
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.push-0 {
position: relative;
left: 0%;
right: auto;
}
.pull-0 {
position: relative;
right: 0%;
left: auto;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
@media only screen and (min-width: 64.063em) {
.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.33333%;
right: auto;
}
.large-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.large-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.large-pull-2 {
position: relative;
right: 16.66667%;
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.33333%;
right: auto;
}
.large-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.large-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.large-pull-5 {
position: relative;
right: 41.66667%;
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.33333%;
right: auto;
}
.large-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.large-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.large-pull-8 {
position: relative;
right: 66.66667%;
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.33333%;
right: auto;
}
.large-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.large-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.large-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.large-1 {
width: 8.33333%;
}
.large-2 {
width: 16.66667%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.33333%;
}
.large-5 {
width: 41.66667%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.33333%;
}
.large-8 {
width: 66.66667%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.33333%;
}
.large-11 {
width: 91.66667%;
}
.large-12 {
width: 100%;
}
.large-offset-0 {
margin-left: 0% !important;
}
.large-offset-1 {
margin-left: 8.33333% !important;
}
.large-offset-2 {
margin-left: 16.66667% !important;
}
.large-offset-3 {
margin-left: 25% !important;
}
.large-offset-4 {
margin-left: 33.33333% !important;
}
.large-offset-5 {
margin-left: 41.66667% !important;
}
.large-offset-6 {
margin-left: 50% !important;
}
.large-offset-7 {
margin-left: 58.33333% !important;
}
.large-offset-8 {
margin-left: 66.66667% !important;
}
.large-offset-9 {
margin-left: 75% !important;
}
.large-offset-10 {
margin-left: 83.33333% !important;
}
.large-offset-11 {
margin-left: 91.66667% !important;
}
.large-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.large-uncentered,
.columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
.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 {
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.push-0 {
position: relative;
left: 0%;
right: auto;
}
.pull-0 {
position: relative;
right: 0%;
left: auto;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -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;
height: auto;
float: left;
padding: 0 0.625rem 1.25rem;
}
@media only screen {
.small-block-grid-1 > li {
width: 100%;
list-style: none;
}
.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 {
width: 50%;
list-style: none;
}
.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 {
width: 33.33333%;
list-style: none;
}
.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 {
width: 25%;
list-style: none;
}
.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 {
width: 20%;
list-style: none;
}
.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 {
width: 16.66667%;
list-style: none;
}
.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 {
width: 14.28571%;
list-style: none;
}
.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 {
width: 12.5%;
list-style: none;
}
.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 {
width: 11.11111%;
list-style: none;
}
.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 {
width: 10%;
list-style: none;
}
.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 {
width: 9.09091%;
list-style: none;
}
.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 {
width: 8.33333%;
list-style: none;
}
.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.063em) {
.medium-block-grid-1 > li {
width: 100%;
list-style: none;
}
.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 {
width: 50%;
list-style: none;
}
.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 {
width: 33.33333%;
list-style: none;
}
.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 {
width: 25%;
list-style: none;
}
.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 {
width: 20%;
list-style: none;
}
.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 {
width: 16.66667%;
list-style: none;
}
.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 {
width: 14.28571%;
list-style: none;
}
.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 {
width: 12.5%;
list-style: none;
}
.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 {
width: 11.11111%;
list-style: none;
}
.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 {
width: 10%;
list-style: none;
}
.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 {
width: 9.09091%;
list-style: none;
}
.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 {
width: 8.33333%;
list-style: none;
}
.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.063em) {
.large-block-grid-1 > li {
width: 100%;
list-style: none;
}
.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 {
width: 50%;
list-style: none;
}
.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 {
width: 33.33333%;
list-style: none;
}
.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 {
width: 25%;
list-style: none;
}
.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 {
width: 20%;
list-style: none;
}
.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 {
width: 16.66667%;
list-style: none;
}
.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 {
width: 14.28571%;
list-style: none;
}
.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 {
width: 12.5%;
list-style: none;
}
.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 {
width: 11.11111%;
list-style: none;
}
.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 {
width: 10%;
list-style: none;
}
.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 {
width: 9.09091%;
list-style: none;
}
.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 {
width: 8.33333%;
list-style: none;
}
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
@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 {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 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 !important;
}
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.063em) {
.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 {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 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 !important;
}
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.063em) {
.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 {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 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 !important;
}
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.063em) {
.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 {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 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 !important;
}
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.063em) {
.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 {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 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 !important;
}
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;
}
@media print {
.show-for-print {
display: block;
}
.hide-for-print {
display: none;
}
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;
}
} @font-face {
font-family: 'Exo 2';
font-style: normal;
font-weight: 300;
src: url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-300.eot); src: local('Exo 2 Light'), local('Exo2-Light'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-300.eot?#iefix) format('embedded-opentype'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-300.woff2) format('woff2'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-300.woff) format('woff'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-300.ttf) format('truetype'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-300.svg#Exo2) format('svg'); } @font-face {
font-family: 'Exo 2';
font-style: normal;
font-weight: 400;
src: url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-regular.eot); src: local('Exo 2'), local('Exo2-Regular'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-regular.eot?#iefix) format('embedded-opentype'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-regular.woff2) format('woff2'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-regular.woff) format('woff'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-regular.ttf) format('truetype'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-regular.svg#Exo2) format('svg'); } @font-face {
font-family: 'Exo 2';
font-style: normal;
font-weight: 600;
src: url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-600.eot); src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-600.eot?#iefix) format('embedded-opentype'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-600.woff2) format('woff2'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-600.woff) format('woff'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-600.ttf) format('truetype'), url(//procoin.eu/wp-content/themes/procoin/fonts/exo-2-v4-latin-600.svg#Exo2) format('svg'); }
body {
font-family: 'Exo 2', sans-serif;
color: #000;
font-weight: 300;
}
a {
color: #567482;
}
a:hover,
a:focus {
color: #000;
text-decoration: none;
}
a:focus {
outline: none;
}
::-moz-focus-inner {
border: 0;
}
a img:hover {
opacity: 0.8;
}
ul,
li {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
.cb {
color: #567482;
}
.home h1 {
color: #567482;
margin: 0 0 10px 0;
font-size: 2.2em;
font-weight: 200;
}
h1 {
color: #fff;
margin: 0 0 10px 0;
font-size: 1.813em;
line-height: 1.25em;
font-weight: 300;
}
h2 {
color: #567482;
margin: 20px 0 10px 0;
font-size: 1.5em;
line-height: 1.25em;
font-weight: 200;
}
h3 {
color: #000;
margin: 20px 0 0 0;
font-size: 1.125em;
line-height: 1.25em;
font-weight: 400;
}
h4 {
color: #567482;
margin: 20px 0 10px 0;
font-size: 1em;
font-weight: 400;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.mt30 {
margin-top: 30px!important;
}
em {
color: #567482;
}
b,
strong {
font-weight: 600;
color: #000;
}
.small {
font-size: 0.875em !important;
}
.single-produkte p,
.single-produkte .main ol li,
.single-produkte .main ul li,
.filter-list p,
.single-post .main p,
.single-post .main ol li,
.single-post .main ul li,
.page .main ol li,
.page .main ul li,
.page .main p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.75em;
}
.page .main li li {
margin: 0 0 0 20px;
}
.clear {
clear: both;
} .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
hr {
clear: both;
width: 100%;
height: 1px !important;
margin: 20px 0 20px 0;
font-size: 1px;
line-height: 1px;
border: 0px;
border-top: solid 1px #eee;
border-bottom: transparent;
} .lt-ie9 .mix-imgwrapper {
width: 335px;
}
.header__top {
background: #1a1a18;
}
.header__top a {
color: #fff;
}
.header__top ul {
margin: 0 0 2px 0;
}
.header__top ul li {
display: inline;
}
.header__top .current_lang,
.header__top ul li a {
text-decoration: none;
font-size: 0.750em;
padding: 0 10px 0 5px;
}
.header__top .current_lang,
.header__top .current-menu-item a,
.header__top ul li a:hover {
color: #999;
}
.home .navigation .procoin-gd {
display: block;
margin: 0 auto;
}
@media only screen and (min-width: 640px) and (max-width: 880px) {
.home .navigation .procoin-gd {
display: none;
}
}
@media only screen and (min-width: 880px) {
.home .navigation ul.menu {
float: left;
}
.home .navigation .procoin-gd {
display: inline-block;
margin: 10px 0 0 0;
float: right;
}
}
.jobs-link {
margin: 20px 0 0 0;
}
.support-link {
margin: 50px 0 0 0;
max-width: 150px;
}
.sidemenu .support-link {
margin: 0 0 15px 0;
max-width: 170px;
}
.langswitch {
float: right;
}
.banner {
background: url(//procoin.eu/wp-content/themes/procoin/img/Procoin_header.jpg) center center no-repeat;
background-size: cover;
position: relative;
}
.banner {
height: 140px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-moz-box-shadow: 0px 0px 25px #666;
-webkit-box-shadow: 0px 0px 25px #666;
box-shadow: 0px 0px 25px #666;
}
.blocker {
margin: 40px 0 20px 0;
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;
}
.banner .blocker--page {
float: left;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.banner h1 {
float: left;
margin: 60px 0 0 0;
}
.banner img {
float: right;
margin: 30px 25px 0 0;
}
.banner__bg {
position: absolute;
left: 0;
top: 0;
}
.jump-links li img {
-moz-box-shadow: 6px 10px 5px #cccccc;
-webkit-box-shadow: 6px 10px 5px #cccccc;
box-shadow: 6px 10px 5px #cccccc;
}
.jump-links li img:hover {
-moz-box-shadow: 6px 10px 5px #999;
-webkit-box-shadow: 6px 10px 5px #999;
box-shadow: 6px 10px 5px #999;
}
.footer {
margin: 40px 0 0 0;
}
.footer p {
color: #fff;
font-size: 0.750em;
margin: 5px 0 5px 0;
}
.filter-list li {
margin: 0 0 40px 0;
}
.home .sidemenu h3 {
font-size: 1.125em;
}
.home .main li,
.single-post .main li,
.single-jobs .main li {
list-style: disc;
margin: 0 0 0 20px;
}
.main-boxed {
background: #e7edf1;
padding: 15px;
}
.single-jobs h1,
.post-type-archive-jobs h1,
.page-template-archive-older-produkte h1,
.single-produkte h1,
.page-template-page-full h1,
.error404 h1,
.blog h1,
.single-post h1,
.page-template-page-vertrieb h1,
.page-template-default h1,
.sidemenu h3,
.filter-list h2 {
color: #fff;
font-size: 1.5em;
font-weight: 200;
}
.single-jobs h1,
.post-type-archive-jobs h1,
.page-template-archive-older-produkte h1,
.single-produkte h1,
.page-template-page-full h1,
.error404 h1,
.blog h1,
.single-post h1,
.page-template-page-vertrieb h1,
.sidemenu h2,
.sidemenu h3,
.page-template-default h1,
.filter-list h2 {
padding: 5px 10px 5px 15px;
}
.single-jobs h1,
.post-type-archive-jobs h1,
.page-template-archive-older-produkte h1,
.single-produkte h1,
.page-template-page-full h1,
.error404 h1,
.blog h1,
.single-post h1,
.page-template-page-vertrieb h1,
.page-template-default h1,
.filter-list h2 {
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.post {
padding: 0 0 10px 0;
border-bottom: 1px solid #eee;
}
.post p {
font-size: 0.875rem;
}
.post h2 a {
text-decoration: none;
}
.sidemenu h3 {
margin: 0;
}
.sidemenu h2,
.sidemenu h3 {
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
.filter-list h3 {
color: #567482;
font-size: 1.5em;
}
.sidemenu h3 {
line-height: 1.125em;
}
.sidemenu h2 {
color: #fff;
margin: 0;
}
.sidemenu .textwidget {
background: #e7edf1;
padding: 10px 15px 10px 15px;
margin: 0 0 20px 0;
font-size: 0.875em;
}
.sidemenu .textwidget p {
margin: 0 0 15px 0;
}
.home .sidemenu .textwidget a {
font-weight: 700;
font-size: 1em;
}
.sidemenu .textwidget a {
text-decoration: none;
color: #0073a6;
}
.jump-links li {
position: relative;
}
.jump-links li p {
position: absolute;
padding: 5px 5px 5px 15px;
margin: 0;
font-size: 1.25em;
max-width: 220px;
font-weight: 400;
left: 15px;
right: 15px;
bottom: 0;
z-index: 9;
background: #ffffff;
background: rgba(255, 255, 255, 0.5);
}
.filter-options {
margin: 0 0 100px 0;
}
.filter-options li {
color: #567482;
margin: 0 0 10px 0;
cursor: pointer;
}
.filter-options li a {
text-decoration: none;
}
.filter-options li span:hover,
.filter-options .filter.active {
color: #0073a6;
}
.mix h2 a {
color: #fff;
}
.slogan {
padding: 2px 0 2px 10%;
width: 60%;
height: 44px;
margin-top: 44px;
color: #fff;
font-size: 1.5em;
font-weight: 500;
position: relative;
}
.coin3,
.coin2,
.coin1 {
display: block;
position: absolute;
border-radius: 50%;
width: 50px;
height: 50px;
border: 3px solid #fff;
top: -3px;
}
.coin1 {
right: -20px;
background: #4996d2;
z-index: 2;
}
.coin2 {
right: -35px;
background: #0072a8;
z-index: 3;
}
.coin3 {
right: -50px;
background: #004f7c;
z-index: 4;
}
.single-jobs h1,
.post-type-archive-jobs h1,
.page-template-archive-older-produkte h1,
.form--header,
.single-produkte h1,
.page-template-page-full h1,
.error404 h1,
.blog h1,
.single-post h1,
.page-template-page-vertrieb h1,
.slogan,
.sidemenu h2,
.page-template-default h1,
.sidemenu h3,
.filter-list h2,
.gradient {
background: #1c90cc; background: -moz-linear-gradient(left, #1c90cc 0%, #00507b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1c90cc), color-stop(100%, #00507b)); background: -webkit-linear-gradient(left, #1c90cc 0%, #00507b 100%); background: -o-linear-gradient(left, #1c90cc 0%, #00507b 100%); background: -ms-linear-gradient(left, #1c90cc 0%, #00507b 100%); background: linear-gradient(to right, #1c90cc 0%, #00507b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c90cc', endColorstr='#00507b', GradientType=1); }
.filter-list .wp-post-image {
margin: 20px 0 0 0;
}
.filter-list h3 {
margin: 0;
}
.filter-list h4 {
color: #567482;
}
.filter-list a {
color: #0073a6;
text-decoration: none;
}
.download-list li a {
display: block;
border-top: 1px solid #eee;
padding: 10px;
margin: 5px 0 5px 0;
text-decoration: none;
font-size: 1.125em;
background: #e7edf1;
}
.download-list li a:hover {
background: #0073a6;
color: #fff;
}
.download-list li a:before {
font-family: FontAwesome;
content: "\f1c1";
display: inline-block;
padding: 0px 5px 2px 0;
vertical-align: middle;
color: red;
}
.procoin-jobs .row {
margin: 10px 0 10px 0;
padding-top: 5px;
padding-bottom: 5px;
}
.procoin-jobs .row:nth-child(odd) {
background: #e7edf1;
}
.procoin-jobs h3 {
margin: 0;
}
.items li {
display: none;
float: left;
width: 50%;
}
.items li .spacer h3 {
margin: 0 0 10px 0;
}
.items li .spacer {
padding: 10px;
background: #e7edf1;
margin: 0 15px 15px 0;
min-height: 170px;
}
.items li .spacer p {
margin: 0 0 10px 0;
}
.items li img {
float: left;
margin: 0 10px 10px 0;
}
.wpdm_icon {
display: none;
}
.wpdm-link-tpl .ptitle {
padding: 0 0 5px 28px;
background: url(//procoin.eu/wp-content/themes/procoin/img/pdf.png) 0 0px no-repeat;
}
.stamp {
position: absolute;
right: 30px;
top: 30px;
background: #990000;
background: rgba(153, 0, 0, 0.8);
border-radius: 50%;
width: 70px;
height: 70px;
display: flex;
text-align: center;
padding: 10px;
color: #fff;
}
.single-produkte .stamp {
right: 60px;
top: 60px;
}
.form-wrapper {
margin: 20px 0 20px 0;
}
.form-wrapper hr {
margin: 10px 0 10px 0;
}
.form-wrapper p {
margin: 0 0 15px 0;
}
.wpcf7-form .form-big select,
.wpcf7-form .form-big input {
padding: 10px;
}
.wpcf7-form .form-big .wpcf7-submit {
display: block;
width: 100%;
}
.wpcf7-form .form-big .row {
border-bottom: 2px solid #d1dee7;
padding-bottom: 10px;
}
.wpcf7-form .form-big label {
margin: 10px 0 10px 0;
}
.wpcf7-form .form-big .wpcf7-checkbox {
width: 100%;
}
.wpcf7-form .form-big .wpcf7-checkbox .wpcf7-list-item {
width: 100%;
}
.wpcf7-form .form-big .wpcf7-checkbox .wpcf7-list-item-label {
margin: 0 0 0 15px;
}
.wpcf7-form .form-big .wpcf7-checkbox label {
float: left;
margin: 0 15px 15px 0;
}
@media only screen and (min-width: 40.063em) {
.wpcf7-form .form-big .wpcf7-checkbox .wpcf7-list-item {
width: 50%;
}
}
.wpcf7-form label {
display: block;
font-weight: 400;
margin: 2px 0 0 0;
}
.wpcf7-form h3 {
font-size: 1em;
}
.wpcf7-form .row {
margin-bottom: 10px;
}
.wpcf7-form .req {
color: red;
font-weight: 600;
}
#plzsubmit,
#plzinput,
.input-sm,
.wpdm_submit,
.wpcf7-select,
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-submit {
padding: 4px;
border: 1px solid #ccc;
font-family: 'Exo 2', sans-serif;
font-weight: 300;
color: #000;
background: #fff;
}
#plzinput {
width: 50px;
}
.wpcf7-list-item {
margin: 0 20px 0 0;
}
.wpcf7-submit,
.wpcf7-select,
.wpcf7-text,
.wpcf7-textarea {
width: 100%;
}
.wpcf7-checkbox .wpcf7-list-item {
display: block;
width: 20%;
float: left;
margin: 0 0 5px 0;
}
#wpcf7-f1143-p1135-o1 .wpcf7-list-item {
width: auto;
}
.wpcf7-textarea {
max-height: 100px;
}
.wpcf7-not-valid {
border: 1px solid red;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus {
border: 1px solid #567482;
}
#plzsubmit,
.wpdm_submit,
.wpcf7-submit {
width: auto;
background: #0073a6;
color: #fff;
font-weight: 400;
padding: 0.2rem 1rem;
}
.wpdm_submit,
.wpcf7-submit {
float: right;
}
.wpcf7-submit:hover {
background: #eee;
color: #333;
}
.screen-reader-response,
.wpcf7-form.sent .form-wrapper,
.wpcf7-not-valid-tip {
display: none!important;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
border: none;
padding: 0;
margin: 10px 0 20px 0;
font-weight: 500;
}
.screen-reader-response ul {
display: none;
}
.wpdm-link-tpl .label-default {
float: right;
font-size: 0.75em;
}
.form--header {
padding: 2px 5px 2px 5px;
color: #fff;
margin-bottom: 15px!important;
}  .pushy-active .head .menu-btn {
color: #000;
}
@media only screen and (max-width: 40em) {
.pushy {
position: fixed;
width: 300px;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
background: #eee;
-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
-moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
overflow: auto;
-webkit-overflow-scrolling: touch; }
.pushy ul,
.pushy li {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
.pushy .current_page_item li a {
color: #000;
}
.pushy a:hover,
.pushy ul ul .current_page_item a,
.pushy .current_page_item a {
color: #000;
}
.pushy ul ul li a {
padding: 5px 0 5px 20px;
font-size: 0.875em;
}
.pushy a {
display: block;
color: #567482;
padding: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.1);
text-transform: uppercase;
text-decoration: none;
font-size: 0.875em;
} .pushy-left {
-webkit-transform: translate3d(-315px, 0, 0);
-moz-transform: translate3d(-315px, 0, 0);
-ms-transform: translate3d(-315px, 0, 0);
-o-transform: translate3d(-315px, 0, 0);
transform: translate3d(-315px, 0, 0);
}
.pushy-open {
-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);
}
.container-push,
.push-push {
-webkit-transform: translate3d(300px, 0, 0);
-moz-transform: translate3d(300px, 0, 0);
-ms-transform: translate3d(300px, 0, 0);
-o-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
} .pushy,
#container,
.push {
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
-moz-transition: -moz-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
-o-transition: -o-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); -webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
} .site-overlay {
display: none;
}
.pushy-active .site-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 300px;
z-index: 9999;
}
} @media screen and (max-width: 768px) {
.pushy {
font-size: 1.0em;
}
}
#filter .mix {
display: none;
}
.slider-wrapper {
border-bottom: 1px solid #fff;
-moz-box-shadow: 0px 0px 20px #999;
-webkit-box-shadow: 0px 0px 20px #999;
box-shadow: 0px 0px 20px #999;
overflow: hidden;
margin: 0 0 20px 0;
}
.bxslider li {
position: relative;
}
.bxslider .single-item-text h2 {
text-shadow: 2px 2px 5px #666;
font-weight: 400;
}
.bxslider .single-item-text {
position: absolute;
max-width: 62.5em;
width: 100%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 10px;
z-index: 3;
}
.bxslider .single-item-text h2 {
color: #fff;
font-size: 2em;
line-height: 1.125em;
text-shadow: 0 0 4px #666;
}
.bxslider .single-item-text p {
color: #000;
font-size: 1em;
}
.bxslider .single-item-text a {
color: #fff;
}
.bxslider .single-item-text h2,
.bxslider .single-item-text p {
width: 50%;
margin: 15px;
}
.bxslider img {
margin: 0 auto;
position: relative;
z-index: 0;
}  .bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
.bx-viewport { -webkit-transform: translatez(0);
} .bx-wrapper img {
width: 100%;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 30px;
width: 100%;
z-index: 9999;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//procoin.eu/wp-content/themes/procoin/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #0073a6;
} .bx-wrapper .bx-prev {
left: 10%;
}
.bx-wrapper .bx-next {
right: 10%;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
background-position: -43px 0;
}
.bx-controls-direction {
display: none;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 35%;
margin-top: -16px;
outline: 0;
font-size: 6em;
color: #fff;
z-index: 9999;
text-decoration: none;
text-shadow: 0 0 4px #ccc;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
outline: 0;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//procoin.eu/wp-content/themes/procoin/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.white-popup {
position: relative;
background: #FFF;
padding: 5px;
width: auto;
max-width: 800px;
margin: 20px auto;
}
.wp-video-shortcode {
max-height: 500px;
}
@media only screen and (min-width: 90.063em) {
.bx-controls-direction {
display: block;
}
}
@media only screen and (min-width: 64.063em) {
.bxslider .single-item-text {
top: 30px;
}
.headimg {
margin: 0 0 60px 0;
}
.banner .blocker--page {
display: block;
}
.home .navigation .menu {
margin: 15px 0 0 0;
}
.navigation .menu {
margin: 40px 0 20px 0;
}
.main {
margin: 0 20px 0 0;
}
.post-type-archive.post-type-archive-produkte .sidemenu h2 {
margin: 40px 0 20px 0;
}
.post-type-archive .sidemenu h2 {
margin: -20px 0 20px 0;
}
#filter-headline {
margin: -10px 0 20px 0;
}
html,
body {
height: 100%;
}
.no-touch .wrapper {
min-height: 100%;
margin: 0 auto -30px; }
.no-touch .footer,
.no-touch .push {
height: 30px; }
}  @media only screen and (min-width: 40.063em) {
.home .logo img {
margin: 10px 0 10px 0;
}
.slider-wrapper,
.bxslider li {
overflow: hidden;
max-height: 400px;
}
.navigation .menu li {
float: left;
padding: 0;
margin: 0 30px 0 0;
position: relative;
z-index: 99;
}
.navigation .menu li a {
color: #567482;
font-weight: 400;
padding: 0 0 15px 0;
display: block;
text-decoration: none;
transition: color 0.5s ease;
}
.navigation .menu .current_page_parent a,
.navigation .menu .sub-menu .current-menu-item a,
.navigation .menu .sub-menu a:hover,
.navigation .menu .current-page-ancestor a,
.navigation .menu .current-menu-item a,
.post-type-archive-referenzen .navigation .menu-item-30 a,
.single-referenzen .navigation .menu-item-30 a,
.single-post .navigation .menu-item-25 a,
.navigation .menu a:hover {
color: #0073a6;
}
.navigation .menu .current-page-ancestor li a,
.navigation .menu .current-menu-item li a {
text-decoration: none;
color: #567482;
}
.navigation .menu-item-has-children > a:after {
content: "\f0d7";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit; color: #567482;
font-size: 18px;
float: right;
margin: -1px 0 0 0;
padding: 0px 0 0 8px;
}
.navigation .menu li:hover ul {
display: block;
}
.navigation .menu li ul {
width: 300px;
position: absolute;
left: -30px;
top: 29px;
padding: 10px 0 0 0;
display: none;
}
.navigation .menu li ul li:first-child {
padding: 10px 30px 0 30px;
}
.navigation .menu li ul li:last-child {
padding: 0 30px 10px 30px;
}
.navigation .menu li ul li {
margin: 0;
float: none;
z-index: 9;
background: #ebebeb;
background: rgba(235, 235, 235, 0.9);
line-height: 2em;
padding: 0 30px 0 30px;
}
.navigation .menu .menu-item-has-children ul li a,
.navigation .menu li ul li a {
padding: 0;
background: none;
font-size: 0.875em;
border-bottom: 1px solid transparent;
}
.main {
margin: 0 20px 0 0;
}
.jump-links {
margin: 20px 0 40px 0;
}
.scrollup {
bottom: 20px;
display: none;
font-size: 2em;
color: #567482;
position: fixed;
right: 20px;
}
} @media only screen and (min-width: 40.063em) and (max-width: 64em) {
.banner {
background: url(//procoin.eu/wp-content/themes/procoin/img/Procoin_header_tablet.jpg) center center no-repeat;
}
.navigation .menu {
margin: 10px 0 10px 0;
}
.filter-options {
margin: 20px 0 30px 0;
}
.bx-controls-direction {
display: none;
}
.bxslider .single-item-text h2 {
margin: 0 0 0 15px;
font-size: 1.5em;
width: 100%;
}
.bxslider .single-item-text p {
width: 85%;
font-size: 1em;
}
.bx-wrapper .bx-pager {
bottom: 0px;
}
.jump-links li p {
font-size: 1.125em;
}
.wpcf7-checkbox .wpcf7-list-item {
width: 50%;
}
.slogan {
padding: 2px 0 2px 10px;
width: 50%;
}
} @media only screen and (max-width: 40em) {
.banner {
background: url(//procoin.eu/wp-content/themes/procoin/img/Procoin_header_smart.jpg) center center no-repeat;
}
.headimg {
margin: 0 0 20px 0;
}
.logo {
display: block;
text-align: center;
}
.logo img {
margin: 20px auto;
}
.menu-btn {
cursor: pointer;
font-size: 1em;
color: #567482;
text-transform: uppercase;
width: 100%;
padding: 10px;
text-align: right;
}
.pushy-active .menu-btn {
color: #000;
}
.items li {
width: 100%;
}
.filter-options {
margin: 20px 0 10px 0;
}
.bx-pager,
.bx-controls-direction {
display: none;
}
.bxslider .single-item-text {
position: relative;
width: 100%;
top: auto;
}
.bxslider .single-item-text h2 {
margin: 15px 0 0 15px;
font-size: 1em;
color: #567482;
text-shadow: none;
width: 100%;
}
.bxslider .single-item-text p {
width: 85%;
font-size: 0.875em;
}
.bx-wrapper .bx-pager {
bottom: -7px;
}
.bx-wrapper .bx-controls-direction a {
color: #666;
}
.scrollup {
display: none!important;
}
.post-type-archive .widget_text_icl {
display: none;
}
.jump-links {
margin: 20px auto;
}
.jump-links li {
margin: 0 0 20px 0;
}
.jump-links li p {
font-size: 1em;
}
.wpcf7-checkbox .wpcf7-list-item {
width: 90%;
}
.slogan {
font-size: 1.125em;
padding: 7px 0 2px 5px;
width: 80%;
}
}   .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
video {
width: 100%;
height: auto;
max-width: 100%;
}
.wp-video {
width: 100% !important;
}
.wp-video-shortcode {
width: 100% !important;
}